.elementor-12732 .elementor-element.elementor-element-1348a2c{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-12732 .elementor-element.elementor-element-1348a2c:not(.elementor-motion-effects-element-type-background), .elementor-12732 .elementor-element.elementor-element-1348a2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://connexontario.ca/wp-content/uploads/2024/08/Search-Org-AutumnTrees_blue-overlay.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-12732 .elementor-element.elementor-element-a2f67bd{left:0px;}body.rtl .elementor-12732 .elementor-element.elementor-element-a2f67bd{right:0px;}.elementor-12732 .elementor-element.elementor-element-a2f67bd{bottom:0px;z-index:3;}.elementor-12732 .elementor-element.elementor-element-a2f67bd img{width:100%;max-width:100%;opacity:0.35;}.elementor-12732 .elementor-element.elementor-element-f58ad92{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-12732 .elementor-element.elementor-element-2ec8583.elementor-element{--align-self:flex-start;}.elementor-12732 .elementor-element.elementor-element-2ec8583 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-astglobalcolor5 );}.elementor-12732 .elementor-element.elementor-element-ba8bef0{z-index:2;color:var( --e-global-color-astglobalcolor5 );}.elementor-12732 .elementor-element.elementor-element-3d9269d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-12732 .elementor-element.elementor-element-62e97df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12732 .elementor-element.elementor-element-2af6c8f{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:4px;}.elementor-12732 .elementor-element.elementor-element-2af6c8f .elementor-divider-separator{width:80px;}.elementor-12732 .elementor-element.elementor-element-3557023{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12732 .elementor-element.elementor-element-3557023:not(.elementor-motion-effects-element-type-background), .elementor-12732 .elementor-element.elementor-element-3557023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12732 .elementor-element.elementor-element-1ed216a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12732 .elementor-element.elementor-element-b2d94d6 .elementor-heading-title{color:var( --e-global-color-3391ceb );}.elementor-12732 .elementor-element.elementor-element-a487780{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:4px;}.elementor-12732 .elementor-element.elementor-element-a487780 .elementor-divider-separator{width:80px;}.elementor-12732 .elementor-element.elementor-element-98e78b0{color:#FFFFFF;}.elementor-12732 .elementor-element.elementor-element-98e78b0 a{color:var( --e-global-color-0e0ca37 );}.elementor-12732 .elementor-element.elementor-element-45eb95e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12732 .elementor-element.elementor-element-df38cbd{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:4px;}.elementor-12732 .elementor-element.elementor-element-df38cbd .elementor-divider-separator{width:80px;}.elementor-12732 .elementor-element.elementor-element-9df6652{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-12732 .elementor-element.elementor-element-de878cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12732 .elementor-element.elementor-element-376a2c0 img{height:100%;object-fit:cover;object-position:center center;border-radius:50% 50% 50% 50%;}.elementor-12732 .elementor-element.elementor-element-12da158{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12732 .elementor-element.elementor-element-6c27da2 .elementor-heading-title{font-size:30px;}.elementor-12732 .elementor-element.elementor-element-c118df3{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:4px;}.elementor-12732 .elementor-element.elementor-element-c118df3 .elementor-divider-separator{width:80px;}.elementor-12732 .elementor-element.elementor-element-8e6db68 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-12732 .elementor-element.elementor-element-d6d2bc0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-12732 .elementor-element.elementor-element-cd32f63{width:var( --container-widget-width, 99.081% );max-width:99.081%;--container-widget-width:99.081%;--container-widget-flex-grow:0;}.elementor-12732 .elementor-element.elementor-element-cd32f63.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:851px){.elementor-12732 .elementor-element.elementor-element-f58ad92{--content-width:1140px;}.elementor-12732 .elementor-element.elementor-element-3d9269d{--content-width:1140px;}.elementor-12732 .elementor-element.elementor-element-3557023{--content-width:1140px;}.elementor-12732 .elementor-element.elementor-element-de878cd{--width:50%;}.elementor-12732 .elementor-element.elementor-element-12da158{--width:50%;}.elementor-12732 .elementor-element.elementor-element-d6d2bc0{--content-width:1400px;}}@media(max-width:1050px){.elementor-12732 .elementor-element.elementor-element-f58ad92{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12732 .elementor-element.elementor-element-3d9269d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12732 .elementor-element.elementor-element-3557023{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:850px){.elementor-12732 .elementor-element.elementor-element-3d9269d{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12732 .elementor-element.elementor-element-3557023{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for html, class: .elementor-element-cd32f63 *//* row = used as a container to each row   */
.row {
    margin: 15px 0;
    display: flex;
    gap: 25px;
}

/* Free text search bar */
.search-bar {
    width: 100%;
}

/* Link to the advance search */
.adv_search {
    margin-left: auto;
}

.adv_search button {
    color: black;
}

#open-popup-button {
    border: none;
    background: none;
    cursor: pointer;
    text-decoration: underline;
    float: right;
}

/* Pulldown menu to select from options*/
.dd_category, .dd_service, .dd_location, .dd_lhins, .dd_county, .dd_municipality {
    width: 25%;
}

.dd_county, .dd_lhins {
    display: none;
}

/* Buttons for Reset, Search and Close */
.bts_right {
    margin-left: auto;
}

.btn-reset, .btn-search, .view-map-btn, .view-list-btn, .close-button {
    padding: 15px 45px !important;
    border-radius: 50px !important;
}

.btn-reset {
    background-color: white;
    border: 1px solid black;
    color: black;
}

.btn-reset:hover {
    background-color: black;
    color: white;
    text-decoration: underline;
}

.btn-search, .close-button {
    background-color: #003057;
    border: none;
    color: white;
}

.btn-search:hover, .close-button:hover {
    background-color: #7892A8;
    text-decoration: underline;
	color: white;
}

/* -[Popup for the advance search]--- 	*/
/* Popup-container 						
   -Popup-content  						
   -- adv_search_title					
   -- left-section  right-section 		
   -- buttons are
			 btn-reset btn-search       */	
		 
#popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.popup-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.adv_search_title {
    flex: 100%;
}

.boxHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px; 
}

/*
.close-button {
    position: absolute;
    right: 50px;
    top: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}*/

.left-section, .right-section {
    width: 48%;
}


/* -[Cards with the program information]--- */
/* card                				  */
/* - card-body           			  */
/* - - Program title: card-title 	  */
/* - - Municipality:  muni_title 	  */
/* - - Program Info:  card-text  	  */
.card {
    border: 1px solid black;
    margin-top: 10px;
}

.card:hover {
    background-color: #003057;
}

.card-body {
    padding: 20px;
}

.card-title, .muni_title, .card-text {
    font-family: "Nunito", sans-serif;
    text-decoration: none !important;
}

.card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #003057;
}

.card:hover .card-title,
.card:hover .card-text,
.card:hover a,
.card:hover .muni_title {
    color: #ffffff;
}

.muni_title {
    color: #006548;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.card:hover .muni_title {
    color: #AADFBE;
}

.card-text {
    color: #242424;
    font-size: 18px;
    font-weight: 400;
    font-family: "Red Hat Text", sans-serif;
    line-height: 1.22;
}




/* Pagination */
.ellipsis {
    display: inline-block;
    padding: 10px 15px;
    color: #999;
}

#pagination {
    display: flex;
    justify-content: center;
    margin-top: 2%;
}

.pagination-btn {
    border: 2px solid black;
    padding: 15px !important;
    color: black;
    background-color: #fff;
    cursor: pointer;
    margin: 0 5px;
}

.pagination-btn:hover {
    background-color: black;
    color: white;
}

/* Pagination */
/* Add this to your CSS file */
.pagination-btn.active {
    background-color: #003057;
    color: white; /* Optional: to make the text color white */
}


/* Style the text in case nothing is found */
#no_results {
    display: flex;
    justify-content: center;
    font-size: 42px;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
}

/* Text about the searching results */
.search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3%;
}

.search-keyword{
	font-Family: "Red Hat Text";
	font-weight:400;
	font-size:24px;
	line-height:32px;
	letter-spacing:-0.86px;
	color:#242424;
}

.main-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.card-container {
    width: 100%;
    overflow-y: auto;
    height: 100vh;
}

#map-container {
    display: none;
    width: 0;
}

#search-page-map {
    height: 100vh;
}

.view-map .card-container {
    width: 33%;
    overflow-y: scroll;
}

.view-map #map-container {
    display: block;
    width: 66%;
}

.view-map-btn{
    margin-left: auto;
}

.view-map-btn, .view-list-btn {
    background-color: #AADFBE;
    border: none;
    color: #003057;
}

.view-map-btn:hover, .view-list-btn:hover {
    background-color: #006548;
    text-decoration: underline;
    color: white;
}

/* add search search-filters in a black box */

.search-filters span {
    background-color: black;
    color: white;
    padding: 5px;  /* Adjust padding as needed */
    margin-right: 5px;  /* Space between boxes */
    display: inline-block;
    border-radius: 5px;  /* Optional: rounded corners */
}





/*==================================*/
/* -[Search page - Spinner] -------*/
/*==================================*/


/*  Loading spinner on the program details page */
#loading-spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensure the spinner is above other content */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/* Additional styles for a cooler effect */
#loading-spinner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 16px solid transparent;
    border-top: 16px solid rgba(52, 152, 219, 0.5);
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
    z-index: -1; /* Place behind the main spinner */
}

#loading-spinner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 16px solid transparent;
    border-top: 16px solid rgba(52, 152, 219, 0.3);
    border-radius: 50%;
    animation: spin 3s linear infinite;
    z-index: -2; /* Place behind the main spinner */
}

/* Mobile-specific adjustments */
@media only screen and (max-width: 768px) {
    .row {
        flex-direction: column; /* Stack items vertically */
        gap: 15px; /* Reduce gap between items */
    }

    .dd_category, 
    .dd_service, 
    .dd_location, 
    .dd_lhins, 
    .dd_county, 
    .dd_municipality {
        width: 100%; /* Full width for each item on mobile */
    }
}


/* Mobile-specific adjustments for popup */
@media only screen and (max-width: 767px) {
    #popup-container {
        width: 100%; /* Full width for mobile */
        height: 100vh; /* Full height for mobile */
        top: 0;
        left: 0;
        transform: none; /* Remove centering transform */
        border-radius: 0; /* Remove border-radius for full screen effect */
        padding: 20px; /* Maintain padding */
        overflow-y: auto; /* Enable scrolling if content exceeds height */
    }

    .popup-content {
        flex-direction: column; /* Stack items vertically */
        gap: 0px; /* Add some space between sections */
    }
    
    .InfoTitle{
        padding-top:0px !important;
    }

    .left_section,
    .right_section {
        width: 100%; /* Full width for sections */
    }

.boxHeading {
        display: flex;
        justify-content: space-between; /* Space out 'More Filters' and 'Close' */
        align-items: center; /* Center items vertically */
        flex-direction: row; /* Align in a row instead of column */
        gap: 10px; /* Keep some space if needed */
    }
    
    .adv_search_title {
        margin-bottom: 20px; /* Add some spacing below the title */
    }
    
    .view-map-btn {
        display: none; /* Hide the button on mobile */
    }
    
    #loading-spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 35%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensure the spinner is above other content */
}

#pagination {
    display: block;
    justify-content: center;
    margin-top: 2%;
}

}



/* iPad-specific adjustments */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
      /* Full width for popup on iPads */
    #popup-container .popup-content {
        width: 100%; /* Take full width */
    }

    /* Stack items vertically within the popup */
    #popup-container .popup-content .row {
        flex-direction: column;
        gap: 20px; /* Adjust gap between items */
    }

    /* Align "More Filters" text to the left and "Close" button to the right */
    #popup-container .boxHeading {
        display: flex;
        justify-content: space-between; /* Space between title and button */
        align-items: center; /* Center align vertically */
        flex-direction: row; /* Ensure items are in a row */
    }

    /* Hide 'view-map-btn' on mobile */
    .view-map-btn {
        display: none;
    }
    

    #loading-spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 35%;
    left: 45%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensure the spinner is above other content */
}
    
}



/* Unknown use or not in use. 
.buttons-section {
    flex-basis: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.buttons-section button {
    margin-left: 10px;
    padding: 8px 16px;
    font-size: 16px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    width: 400px;
}

.program-map, .ccc-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}

.search-container {
    position: relative;
    width: 300px;
}

.search-input {
    width: 100%;
    padding: 8px 30px 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}

.search-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #aaa;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-menu.show {
    display: block;
}

.dropdown-item {
    padding: 10px;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: #f9f9f9;
}


*//* End custom CSS */