/**
Theme Name: Twenty Twenty One Child
Description: Child theme for the Twenty Twenty One theme.
Template: twentytwentyone
*/

/* DARK BLUE */
/* #1b3e50 */

/* LIGHT BLUE */
/* #3F9694 */

/* HIDE ON HOME PAGE */
body.home .hide-front { display:none !important;}

:root {
	--green: #3F9694;
}

/* HIDE ON SINGLE PROJECTS */
body.single-project .hide-projects { display:none !important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { background-color: #3f9694 !important; color: #fff !important; text-decoration: none !important; text-decoration-line: none !important;} 

#mc_embed_signup {}
#mc_embed_signup_scroll { width: 100% !important;}

#mc-embedded-subscribe { background-color:#3F9694; color:#fff; font-size:14px; line-height:1.1em; border:none; text-transform:uppercase; font-weight:bold; }
#mc-embedded-subscribe:hover { background-color:#1B3E50;}


#mce-EMAIL { border:none; background:#fff; font-size:14px; line-height:1.1em; width: 80%; }

#mc-embedded-subscribe, 
#mce-EMAIL { margin:0px; padding:10px;}

#mc_embed_signup div,
.mc-field-group {}





li.funded-prejects-col-three li {padding: 45px 15px 0px 15px !important;}
li.funded-prejects-col-three li a { margin-bottom: 0px !important;}

body.single-project #interior-pages-breadcrumbs-wrapper,
body.single-project #interior-pages-title-wrapper { display:none !important;}




.image_aligned_left {
    margin: 10px 10px 10px 0px;
    float: left;
}





p#breadcrumbs { margin:0px; padding: 0px;}


body { font-family: "Spartan", Sans-serif;}

button.sub-menu-toggle { display:none;} 


p {  margin-top: 1em; margin-bottom: 1em; }

#post-attachment a,
.cta {
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    background-color: #3f9694;
    font-family: "Roboto";
    font-weight: 500;
    fill: #fff;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    line-height: 1;
    border-radius: 0px;
}

#post-attachment a { font-size: 20px; padding: 15px 20px; text-transform:uppercase;}
#post-attachment a:hover { background:#1b3e50;}





/* MEMBERS MEETING MINUTES */
#meeting-minutes {}/* wrapper */
#meeting-intro {}


#meeting-package { margin-bottom:60px;}
#meeting-package a { background-color:#3F9694; display: inline-block; padding: 10px 20px 5px 20px;}
#meeting-package a:hover { background-color:#1b3e50;}
#meeting-package a h2 { display:inline; margin:0px; padding:0px;}
#meeting-package a,
#meeting-package a h2 { 	
	font-weight:bold;
	font-family: "Spartan", Sans-serif;
	font-size: 1.2vw;
	font-weight: 500;
	line-height: 1.0em;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
	color:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}





#meeting-minutes .section { margin-top:20px; font-size:24px; font-weight:bold;}
#meeting-minutes .subsection { margin-left:45px; margin-top:0px; font-size:20px;font-weight:normal;}
#meeting-minutes div { display:block !important;}
.section-number { display:inline-block; width:40px; color:#1b3e50; font-weight:bold; }
#meeting-minutes .subsection .section-number { color: #6666666;}
#meeting-minutes .section a { color:#3F9694; text-decoration:underline;}







/* MEMBERS DOCUMENTS LISTS */
#members-list-wrapper { text-align:center !important;}
#members-list-wrapper ul,
#members-list-wrapper li { list-style:none; list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:center  !important;}

#members-list-wrapper a {
	color: #3f9694;
	font-family: inherit;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	display: block;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center  !important;
}
#members-list-wrapper a:hover { text-decoration:underline; color:#333;}














/* HIDE DEFAULT PAGE TITLES ON template-project.php PAGES */
body.post-template-template-project-php #interior-pages-title-wrapper,
body.post-template-template-project-php #interior-pages-breadcrumbs-wrapper { display:none;}




/* ------------------------------------------- */
/*         ARCHIVED NEWS                       */
/* ------------------------------------------- */
#archived-news { font-family: "Spartan", Sans-serif;}

#archived-news h3 { border-bottom: 1px solid #999; margin: 30px 0px 10px 0px; color:#3F9694;}
#archived-news .views-row { margin: 0px 0px 20px 0px;}
#archived-news span.date-display-single { font-size:14px;}
#archived-news .news-list-title { font-size:22px;}




/* ------------------------------------------- */
/*         INDIVIDUAL PROJECTS PAGE            */
/* ------------------------------------------- */
#project-wrapper .elementor-widget-wrap div { width: 100%;}

.current-photo img { border:1px solid #1b3e50 !important;}

.project-col-top { padding-top:40px; padding-bottom:60px;}

.project-col-one { padding-top:0px;}

#project-title {} /* wrapper */
#project-title h2 { margin:0px; padding:0px; font-size:3.0vw; color:#1b3e50;} /* field */
#project-title span { display:none;} /* hidden title */

#project-organization {} /* wrapper */
#project-organization h2 { margin:0px; padding:0px; font-size:1.4vw; color:#666666;} /* title */
#project-organization span { display:none;} /* hidden title */

#sources-of-funding {} /* wrapper */
#sources-of-funding ul,
#sources-of-funding li { list-style:none; list-style-image:none; list-style-type:none;} /* ul and li */
#sources-of-funding ul { margin: 0px 40px 0px 0px; padding:0px;} /* ul */
#sources-of-funding li { border-bottom:1px solid #CCC; display: inline-block;
    width: 100%;} /* source name */
#sources-of-funding li:first-of-type { font-weight:bold;}
#sources-of-funding li:last-of-type { font-weight:bold;}
#sources-of-funding li span { float:right;} /* funding ammount */


#gallery-padding { padding: 0px 40px;}

#description {} /* wrapper */
#description p {} /* content */

#buttons { margin-top:40px;margin-bottom:80px; clear:both;} /* wrapper */
#buttons a { display:block; background:#3F9694; color:#fff; margin: 0px 0px 10px 0px; padding:10px 30px; text-align:center; text-transform: uppercase;}
#buttons a:hover { background:#1b3e50;}



#completion h2,
#sources-of-funding h2,
#quick-facts h2,
#description h2  {margin: 0px 0px 10px 0px; padding:0px; font-size:2vw; color:#3F9694;} /* title */
#completion h2,
#quick-facts h2,
#description h2 { margin-top:30px; clear:both;}

#completion { width:100%;}



#quick-facts { background-color:#eee; padding:20px; margin-top:30px;} /* wrapper */
#quick-facts h2 { font-size:1.8vw; margin-top: 0px;}
#quick-facts p { font-size: 18px;} /* content */




/* ------------------------------------------- */
/*         CATEGORIES PAGES                    */
/* ------------------------------------------- */
.featured_box { width:172px; display: block; float:left; text-align:center; margin:0px 0px 0px 0px; }
.featured_box_wrapper { width:162px;  margin: 0px auto;}

.featured_box_wrapper a { text-decoration:none !important; height:195px; background: #008896; display:inline-block; text-align:center;}
.featured_box a img { border:1px solid #008896; width:160px; height:auto;}
.featured_box_wrapper a h2 { color:#fff; text-transform:none; text-decoration:none !important; font:normal 12px/normal Arial, Helvetica, sans-serif; padding: 3px 0px 0px 5px; margin:0px; text-align:center;}
.featured_box_wrapper a:hover h2 { text-decoration:none;}

.featured_box_wrapper a:hover { background:#005861;}
.featured_box_wrapper a:hover img { border:1px solid #005861;}


/* ------------------------------------------- */
/*        MEGA MENU                            */
/* ------------------------------------------- */
/*
https://fontawesome.com/v5.15/icons?d=gallery&p=2&q=chart&m=free
*/
/*
li.resources ul li { text-align:center !important;} 
li.resources > ul > li { border-right: 1px solid #CCC !important;}
li.resources > ul > li:last-of-type { border: none !important;}
*/
/* MAIN LINKs 
li.resources .mega-menu-item-type-post_type a { text-align:center !important; } 
li.resources .mega-menu-item-type-post_type { margin-bottom: 60px !important;} 
.mega-current_page_item a { color:#000  !important;}*/

/* MEMBERS MENU BUTTON */
li.mega-members-only { padding-left:0px !important; padding-right:0px !important;}
li.mega-members-only > a { color:#fff !important;  background-color: #1b3e50 !important; display:inline-block; padding-left:20px !important; padding-right:20px !important;}
li.mega-members-only > a:hover { background-color:#3e908e !important;}

.mega-current_page_item > a.mega-menu-link { text-decoration: underline !important;}
.mega-menu-column > .mega-sub-menu > .mega-menu-item > a.mega-menu-link { text-decoration: none !important;}

.mega-menu-column { border-left: 1px solid #CCC !important;}
.mega-menu-column:first-of-type { border: none !important;}

/* ICON */
li.resources i.fas {  font-size: 6em; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ccc; margin: 80px 0px 40px 0px; }

/* CONTACT BUTTON */
ul#mega-menu-primary > li:last-of-type { padding-left:0px !important; padding-right:0px !important;}

ul#mega-menu-primary > li:last-of-type a { color:#fff !important;  background-color: #1b3e50 !important; display:inline-block; padding-left:20px !important; padding-right:20px !important;}
ul#mega-menu-primary > li:last-of-type a:hover { background-color:#3e908e !important;}

/* HEADER SEARCH */
i.fa-search { color:#DBDBDB !important;}

/* MOBILE DROPDOWN MENU */
li.mobile a { text-align:center !important;}

/* HIDE OVERFLOW ON BODY */
ul#mega-menu-primary { }
#mega-menu-wrap-primary {}
body {
  overflow-x: hidden;
}


.menu-subhead { display:block; color: #666666; font-size:14px;}




.megamenu-image-1 { background-image: url(/wp-content/uploads/2021/12/Qualicum-Beach-1_690x690_acf_cropped.png)  !important; background-position:center center !important; background-repeat:no-repeat !important; background-size: cover !important; }

.megamenu-image li,
.megamenu-image ul { margin:0px !important; padding:0px !important;}


.elementor-element-30dcdf10.elementor-widget-image a { display: inline !important; }




/* ------------------------------------------- */
/*        HOME PAGE FLIP BOXES                 */
/* ------------------------------------------- */

#flip-box-back-content { text-align:center;}

#flip-box-back-content h2 { font-family:Anrhem; color:#1b3d50; text-transform:uppercase; font-size: 3.2vw;}

#flip-box-back-content p { font-family:Spartan; color:#3b3b3b; font-size: 1.2vw; line-height: 1.1em; margin-bottom:20px;}

#flip-box-back-content h3 { color:#a7a7a7; font-family:Spartan; text-transform:uppercase; font-size: 0.9vw;}

#flip-box-back-content h4 { font-family:Anrhem; color:#3f9694; font-size: 1.4vw; text-transform:lowercase;}

#flip-box-back-content a.cta { display: inline-block; border: 1px solid #439896; background:#fff; font-size: 1.1vw; font-family:Spartan; font-weight:bold; text-transform:uppercase; padding: 12px 40px 8px 40px; color:#1b3d50; margin:10px;}
#flip-box-back-content a:hover.cta { background: #439896; color:#fff;}

@media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */
	#flip-box-back-content h2 { 		font-size: 7.2vw;}
	#flip-box-back-content p { 		font-size: 3.2vw;}
	#flip-box-back-content h3 {  		font-size: 3.9vw;}
	#flip-box-back-content h4 { 		font-size: 4.4vw;}
	#flip-box-back-content a.cta {  	font-size: 4.1vw; }
}
@media (min-width : 768px) { /* red */
	}
@media (min-width : 992px) { /* purple */
	#flip-box-back-content h2 { 		font-size: 2.2vw;}
	#flip-box-back-content p { 		font-size: 1.2vw;}
	#flip-box-back-content h3 {  		font-size: 0.9vw;}
	#flip-box-back-content h4 { 		font-size: 1.4vw;}
	#flip-box-back-content a.cta {  	font-size: 1.1vw; }
	}
@media (min-width : 1200px) { /* blue */
	#flip-box-back-content h2 { 		font-size: 3.2vw;}
	#flip-box-back-content p { 		font-size: 1.2vw;}
	#flip-box-back-content h3 {  		font-size: 0.9vw;}
	#flip-box-back-content h4 { 		font-size: 1.4vw;}
	#flip-box-back-content a.cta {  	font-size: 1.1vw; }

}







/* ------------------------------------------- */
/*        MEGA MENU                            */
/* ------------------------------------------- */
.megamenu-projects {}

.megamenu-projects-footer { background:red !important; text-align:center !important;}
.megamenu-projects-footer-col-one {}
.megamenu-projects-footer-col-two {}




.megamenu-projects .megamenu-projects-intro { background-color:#ccc  !important; background-image:url(/wp-content/uploads/2021/12/Qualicum-Beach-1_690x690_acf_cropped.png) !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important;}


.megamenu-projects > ul.mega-sub-menu > li:nth-of-type(2) { border-right: 1px solid #1b3e50 !important;  border-left: 1px solid #1b3e50 !important; }
@media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */
	.megamenu-projects > ul.mega-sub-menu > li:nth-of-type(3) { border: 1px solid #1b3e50 !important; }
}

.megamenu-projects ul.mega-sub-menu > li {  padding:0px !important;}

.megamenu-projects ul.mega-sub-menu h4 {  background:#1b3e50; padding: 10px 20px  !important;}
.megamenu-projects ul.mega-sub-menu h4 a { color:#fff !important; font-size: initial;}


.megamenu-projects-intro .textwidget { padding:40px !important; display:flex !important;}


ul#megamenu-projects-list-one,
ul#megamenu-projects-list-two { margin: 0px; padding: 0px 0px 20px 0px; list-style:none; list-style-image:none; list-style-type:none;}
ul#megamenu-projects-list-one > li > a,
ul#megamenu-projects-list-two > li > a { background:#dbdbdb; color:#1b3e50; padding: 5px 5px 5px 20px; display:inline-block; width:100%; font-weight:bold;}

ul#megamenu-projects-list-one ul,
ul#megamenu-projects-list-two ul { margin-left:20px; padding-left:20px;}


li#mega-menu-item-801 > ul.mega-sub-menu { border-bottom: 4px solid #1b3e50 !important; display:flex !important;}


.megamenu-projects > ul.mega-sub-menu { display:flex !important;}

.uael-posts-thumbnail-ratio .uael-post__thumbnail img {
    height: 100% !important;
}

.uael-post__separator-wrap { display:none !important;}








/* ------------------------------------------- */
/*        ANNUAL REPORTS                       */
/* ------------------------------------------- */

.thumb-wrapper { display: inline-block; margin:0px; padding: 10px 10px 20px 10px; width: 18vw; font-family: "Spartan", Sans-serif; text-align:center;}

.thumb-wrapper a h2 { margin:0px; padding:0px; font-size: 14px; text-transform:uppercase; text-align:center; font-weight:bold; color:#3f9694; margin: 10px 0px 0px 0px; padding:0px;}
.thumb-wrapper a img { border:1px solid #3f9694;}
.thumb-wrapper a:hover img { opacity: 0.8; border-color:#1b3e50;}


@media (min-width : 320px) { /* yellow */
	.thumb-wrapper { width: 100vw;}
	}
@media (min-width : 768px) { /* red */
	.thumb-wrapper { width: 30vw;}
	}
@media (min-width : 992px) { /* purple */
	.thumb-wrapper { width: 20vw;}
	}
@media (min-width : 1140px) { /* blue */
	.thumb-wrapper { width: 17vw;}

}





/* ------------------------------------------- */
/*        ECONOMIC ANALYSIS                    */
/* ------------------------------------------- */
#economic-analysis-wrapper { text-align:left;}
#economic-analysis-wrapper .inner-wrapper { margin-bottom:40px;}
#economic-analysis-wrapper h2 { font-size: 42px; text-transform:uppercase; text-align:center; font-weight:normal; color:#3f9694; margin: 10px 0px 0px 0px; padding:0px; text-align:left;}
#economic-analysis-wrapper h3 { font-size: 18px; text-transform:uppercase; text-align:center; font-weight:normal; color: #999; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; text-align:left; border-top:1px solid #999;}
#economic-analysis-wrapper a.cta { font-size: 20px; padding: 10px 30px; margin-bottom:10px;}











/* 	REGION MAP PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	body, html { margin:0px; padding:0px;}
	#map-outer-wrapper,
	#map-outer-wrapper div { padding:0px; margin:0px;}
	.map-wrapper { position:relative; /*max-width:1024px;*/}
	.map-buttons-wrapper { position:absolute; left:0px; top:0px; right:0px;}
	.map-wrapper a { display:block; float:left; color:#fff; height:130px; text-indent:-2000px; overflow:hidden;}
	a.map-button-one { width: 33%;}
	a.map-button-two { width: 66%;}
	/*a.map-button-one { background-color: rgba(215, 44, 44, 0.6);}
	a.map-button-two { background-color: rgba(215, 44, 137, 0.6);}*/
	#map-preloader { position:absolute; top: 0px; left: 0px; z-index:10;}
	#map-preloader img { width:1px; height:1px;}
	#myImage { z-index:500;}
	.map-wrapper { z-index:1000;}
	.map-buttons-wrapper { z-index:2000;} 
	.map-wrapper img { width:100%; height:auto;}


#map-outer-wrapper .map-mobile { 	display:none;}
#map-outer-wrapper .map-desktop { 	display:block;}


@media (min-width : 320px) and (max-width: 768px) {
	#map-outer-wrapper .map-mobile { 	display:block;}
	#map-outer-wrapper .map-desktop { 	display:none;}
	}
@media (min-width : 768px) {
	#map-outer-wrapper .map-mobile { 	display:none;}
	#map-outer-wrapper .map-desktop { 	display:block;}
	}


#map-outer-wrapper a.more { background:#033c4f url(../images/layout/plus-small.gif) no-repeat 4px center; text-align:center; font: normal 18px/normal Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:4px 20px 4px 30px; margin-top:10px; text-transform:uppercase;}
#map-outer-wrapper a:hover.more { text-decoration:none; color:#129795;}

























@media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */
}
@media (min-width : 320px) { /* yellow */
	}
@media (min-width : 480px) { /* orange */
	}
@media (min-width : 768px) { /* red */
	}
@media (min-width : 992px) { /* purple */
	}
@media (min-width : 1200px) { /* blue */
}










p.date-funded {
	color: black;
	font-weight: 700 !important;
}

/* .page-id-373 .swiper-wrapper {
	overflow: visible !important;
} */


@media (min-width: 1025px) {
	.page-id-373 .swiper-wrapper {
		overflow: visible !important;
	}
	
	.page-id-373 .swiper-wrapper .elementor-column {
		 height: 100% !important;
	}
}


@media (max-width: 1024px) {
	
	#uael-flyout-content-id-9668851 {
		position: relative;
	}

	.uael-flyout-content.push {
		position: absolute;
    top: -60px;
    right: -20px;
    height: 100vh;
		
	}
	
	
	.page-id-373 .swiper-wrapper {
		overflow: visible !important;
	} 
	

	
/* 	.page-id-373 .uael-flyout-wrapper {
		position: absolute !important;
	}
	

	.page-id-373 .elementor-widget-container {
		overflow-x: hidden !important;
		display: block;
		position: relative;
		
	}
	
	.page-id-373 .ecs-posts.elementor-posts-container.elementor-posts.swiper-wrapper {
		position: absolute;
    height: 100vh;
	} */
	
	

}







.facetwp-checkbox {
  background-position: top 8px left !important;
}

.project-category {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px !important;
}

.blue-button {
	border: 1px solid var(--green);
	padding: 8px 12px;
	font-size: 13px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none !important;
	font-weight: 700 !important;
	transition: all .3s !important;
}

.blue-button:hover {
  background: var(--green);
  color: white !important;
}

.project-item h3 {
	font-size: 17px !important;
  margin-bottom: 20px;
}

.filter-heading {
  font-size: 18px !important;
}

.facetwp-display-value {
  font-size: 16px;
}

#projects-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#projects-wrapper .project-item {
   width: 32%;
   margin-right: 2%;
   margin-bottom: 2%;
   background: #f8f8f8;
   transition: all .3s;
   overflow: hidden;
}

/* #projects-wrapper.column-4 .project-item {
	width: 23%;
    margin-right: 2%;
} */

#projects-wrapper .project-item:nth-child(3n) {
    margin-right: 0;
}

/* #projects-wrapper.column-4 .project-item:nth-child(4n) {
    margin-right: 0;
}

#projects-wrapper.column-4 .project-item:nth-child(3n) {
    margin-right: 2%;
} */

#projects-wrapper .project-item:hover {
    box-shadow: 1px 1px 11px rgba(0,0,0,.1);
}

#projects-wrapper .project-item:hover h2 {
    color: var(--fuchsia);
    transition: all .3s;
}

#projects-wrapper .project-item:hover .listing-post-img {
    transform: scale(1.03);
}

#projects-wrapper .listing-post-img {
    width: 100%;
    display: block;
    height: 180px;
    max-height: 180px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    transition: all .3s;
}

#projects-wrapper .post-container__content {
    padding: 24px;
}

#projects-wrapper .post-container__date {
    margin-top: 0 !important;
    margin-bottom: 2.4rem;
    font-family: aspiramedium !important;
    font-size: .8em !important;
}

#projects-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: .5rem;
    margin-top: 0 !important;
    color: var(--blue);
}


@media only screen and (min-width: 1001px) {
    #page-banner {
            margin-top: 75px !important;
    }
}



@media only screen and (max-width: 1200px) {
    
    #projects-wrapper .project-item {
       width: 49%;
       margin-right: 2%;
    }
	
	
    
    #projects-wrapper .project-item:nth-of-type(3n) {
        margin-right: 2%;
    }
    
    #projects-wrapper .project-item:nth-of-type(2n) {
        margin-right: 0;
    }
	
/* 	#projects-wrapper.column-4 .project-item:nth-of-type(3n) {
		margin-right: 2%;
	}
	
	#projects-wrapper.column-4 .project-item:nth-of-type(2n) {
		margin-right: 0;
	} */
    
}

@media only screen and (max-width: 767px) {
    
    #projects-wrapper .project-item {
       width: 100%;
    }
    
    #projects-wrapper .project-item:nth-of-type(3n),
    #projects-wrapper .project-item:nth-of-type(2n),
    #projects-wrapper .project-item {
        margin-right: 0;
        margin-bottom: 3%;
    }
    
    
}

.search-results .elementor-post__thumbnail img {
	height: auto !important;
}