/*
Theme Name: Twenty Nineteen Child
Theme URL: http://fredgatesdesign.co/
Description: Twenty Nineteen Child Theme
Author: Fred Gates
Author URL: http://fredgatesdesign.co/
Template: twentynineteen
Version: 1.0.0
Text Domain: twentynineteenchild
*/ 
/* Custom CSS goes after this line */

body {
	font-family: 'LabGrotesque-Light',sans-serif !important;
}

a {
    color: #0062cc;
    text-decoration: none;
    background-color: transparent;
}

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    display: none !important;
}

.page-id-84 img.size-full  {width:100% !important; height: auto;}
.single-special-img img.size-full  {width:100% !important; height: auto;}
img.wpa-image-missing-alt  {display: none !important;}
/*
* These are the main logo and background colors in RGB:
*/

/*
				    * Logo Bar:
*/
.logogreen-lightback {fill: rgba(157,180,39,1);}
.logogreen-darkback {fill: rgba(143,166,35,1);}
/*
				    * Logo Type:
*/
.logogrey-lightback {fill: rgba(204,205,205,1);}
.logogrey-darkback {fill: rgba(99,97,96,1);}
/*
				    * Logo Dark Background:
*/
.darkbackground {background: rgba(48,48,48,1);}
/*

				    * Logo White No Bar, Shadowed :
*/
.logo-white {fill: #fff;  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
.shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
/*
				    * Logo Subtext (on dark it is just white):
*/
.logo-subtext {fill: rgba(51,51,51,1); font-size: 16.5px;
        font-family: LabGrotesque-Medium, Lab Grotesque;
        font-weight: 500;}
.logo-subtext-white {fill: #fff;font-size: 16.5px;
        font-family: LabGrotesque-Medium, Lab Grotesque;
        font-weight: 500;}

.site-branding-container a {
		color: rgba(51,51,51,1) !important;
		font-size: 20px !important;
        font-family: LabGrotesque-Light, Lab Grotesque;
        font-weight: 500;}
        
        
/*
				    * VERTICAL COLORS For Light Backgrounds*:
*/

.team {background: rgba(157,180,39,1);}
/* * Library *: */
.background-library {background: rgba(227,189,55,1);}
/* * Preservation and Repair *: */
.preservation {background: rgba(174,48,45,1);}
.icon-preservation {fill: rgba(174,48,45,1);}
/* * Housing and Residential *: */
.housing {background: rgba(215,84,30,1);}
/* * Commercial + Critical Facilities  *: */
.commercial {background: rgba(81,143,59,1);}
/* * Hospitality, Clubs + Recreation  *: */
.hospitality {background: rgba(84,97,152,1);}
.logo-hospitality-darkback {fill: rgba(84,97,152,1);}

/* * Religious  *: */
.religious {background: rgba(109,48,87,1);}
/* * Government  *: */
.government {background: rgba(128,76,56,1);}
/* * Aquatectonic background color that matches lighter logo color  *: */
.aquatectonic {background: rgba(0,151,183,1);}
.aquatectonic-darkblue {background: rgba(0,100,147,1);}
.logo-aquatectonic-lightcolor-darkback {fill: rgba(0,151,183,1);}

/* * Healthcare  *: */
.healthcare {background: rgba(0,131,204,1);}
.icon-healthcare {fill: rgba(0,131,204,1);}

.logo-top-page {margin-top: 100px;margin-bottom:17px}

.logo-sector-page {margin-top: 100px;margin-bottom:17px}



footer {
	font-family: 'LabGrotesque-Light', sans-serif !important;
}


nav {
	font-family: 'LabGrotesque-Light' !important;
}
	
p {
	font-family: 'LabGrotesque-Light' !important;
	font-size: 1.43rem;
	color: #666;
	max-width:950px;
	}
li  {
	font-family: 'LabGrotesque-Light' !important;
	color: #666;
	}

.extra-info-box p {
	font-size:1em !important;
	margin-top:5px;
	}
.extra-info-box p.lead {
	font-size: 1.43rem !important;
	margin-top:5px;
	}
.collapse.show {
	width:100% !important;
}	
	
em .italic {
	-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg) !important;;
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg) !important;;
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg) !important;;
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg) !important;;
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg) !important;;  
}	
	
h1, h2, h3, h4, h5 	{ color: rgba(51,51,51,1) !important; margin-top:20px !important;font-family: 'LabGrotesque-Black' !important;}
h2.little-head { font-family: 'LabGrotesque-Medium' !important; ;
   font-weight: normal;
    font-style: normal;}
h1.mega-head   {
	font-family: 'LabGrotesque-Medium' !important;
	font-size:6vw;
	color:white !important
	} 
.single h1.entry-title {
	padding:none;
	margin:0px;
	font-size:26px !important; 
	margin-top:0px !important;
	display:block !important;
}

.parent-pageid-72 h1.entry-title {}
      #main {margin-top:0px;}
    
.btn {
	margin-bottom: 15px;
	margin-right:4px;}
.btn-primary {background: #0054AD;}


#main, #colophon {
	padding-top: 15px;
	padding-bottom:15px;
}

#main {margin-top: 80px;}


/* Temporary Fix for menu links */
ul.main-menu {display:none;}
.menu-item-link-return {display:none;}
.submenu-expand {display:none;}

/* Menu */

.dropdown-menu.show {
    margin-top: 7px;
}
.dropdown-menu {
    border-radius: 0rem; 
}

/* Home page carousel */
#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
    z-index: 1000000;
}

#toggleCarousel
{cursor:pointer; position:relative; z-index:1000000000000000 !important;}
i.pause-this {font-size:2.75em !important;position:relative;top:-8px;}

span.pause {color:black; opacity: .3; margin-right:40px; }
span.pause:hover {color:black; opacity: .4;}
span.pause.pause-button-play {color:black; opacity: 1;}


/* PAGE STUFF */

.standard-page {
	margin-top:80px;
	padding-top:28px !important;
}
.standard-logo {
	margin-bottom:30px;
}


.page-with-menu {margin-top:120px;}
.full-height {height:85vh;}

.grid-img {padding:10px;}
.box-heading  {position:absolute;top:0;} 


.bg-light {
  	background-color: #f1f1f1 !important;
    background: #f1f1f1 !important;
    line-height: 1.45em !important;
  	border: none;
  	color: black;
  	text-align: center;
	transition: 0.45s;
}




/* Menu colors */
a.dropdown-item {border-left:10px solid transparent;padding-left:10px !important;}
.menu-item-79 a:hover {color:#000 !important;border-left:10px solid rgba(0,151,183,1) !important; background-image:none;padding-left:10px;} 
.menu-item-80 a:hover {color:#000 !important;border-left:10px solid rgba(84,97,152,1) !important; background-image:none;padding-left:10px;} 
.menu-item-350 a:hover {color:#000 !important;border-left:10px solid rgba(109,48,87,1); !important; background-image:none;padding-left:10px;} 


/* News Styles */
h2.news {
	padding:none;
	margin-bottom:10px;
	font-size:24px !important; 
	margin-top:40px !important;
}

.single h1.entry-title {
	font-size:24px !important;
	margin-top:0px !important;
	margin-bottom:10px !important;

}
.single .entry-header {
	margin-bottom:10px !important;

}

.single-news {padding-top:40px;}

/* Career Styles */
.careers p {
	font-size:18px;
	margin-bottom: 9px;
	line-height: 1.4em;
}
.careers h2 {
	font-size:20px;
	margin-bottom:10px;
}
.careers ul {
  list-style: none;
}
.careers ul li {
  margin-bottom: -4px;
}

.careers #content ul li::before {
  content: '\e86c';
  font-family: Material Icons;
  font-size: 20px;
  position:relative;
  top:5px;
  left:-6px;
  color: rgba(157,180,39,1);
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}




/* Animation Delays */
.delay-none {
	animation-delay: 0s;
}
.delay-1 {
	animation-delay: .25s;
}
.delay-2 {
	animation-delay: .5s;
}
.delay-3 {
	animation-delay: .75s;
}
.delay-4 {
	animation-delay: 1s;
}
.delay-5 {
	animation-delay: 2s;
}
.delay-6 {
	animation-delay: 2.85s;
}
.delay-7 {
	animation-delay: 4s;
}
.delay-8 {
	animation-delay: 7s;
}



/* Side Logo treatment */


.hold-logo-project-page-xl { 
	display:none;
	padding: 0 10px 0 10px;
	width: 350px !important;
}

.hold-logo-project-page-xl-aqua { 
	display:none;
	padding: 10vh 10px 0 0px;
	width: 360px !important;
}

	
.fly-out-project-2:after {
	content: "LESS";
	}
.fly-out-project-2.collapsed:after {
	content: "MORE";
	}
	
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;box-shadow: none;
}


.project-full-height {
	margin-top:76px;
	max-width:1700px;
}


.modal-backdrop {background-color:rgba(48,48,48,.95);}


.modal-backdrop.show {opacity:1;}
.ekko-lightbox.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    border-bottom: none !important;
    
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start; */
    padding: 0px .75rem !important;
    padding-top: 0px !important;
    padding-left: .95rem !important;
    border-top: none !important;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom: none !important;
    color: white !important;
}


/* Tweaks to ekko light-box styles */

.ekko-lightbox-nav-overlay a:first-child  {
	opacity: 1 !important;
    position: relative;
    right:60px;
    color: transparent;
}
.ekko-lightbox-nav-overlay a:first-child:before  {
  	font-family: 'Material Icons Sharp';
  	font-weight: normal;
  	font-style: normal;
  	font-size: 40px;  /* Preferred icon size */
	content: "\e5c4";
	color:	white;
}
.ekko-lightbox-nav-overlay a:last-child  {
	opacity: 1;
    position: relative;
    left:60px;
    color: transparent;
}
.ekko-lightbox-nav-overlay a:last-child:after  {
  	font-family: 'Material Icons Sharp';
  	font-weight: normal;
  	font-style: normal;
  	font-size: 40px;  /* Preferred icon size */
	content: "\e5c8";
	color:	white;
	
}
.ekko-lightbox div.modal-content {border-left:solid 70px transparent !important;
border-right:solid 70px transparent !important;
background-color:transparent !important;
background:transparent !important;
border-top:none !important;
border-bottom:none !important;}

.ekko-lightbox .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none !important;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.ekko-lightbox .close span {
    opacity:0;
}

.ekko-lightbox .close:after  {
   	font-family: 'Material Icons Sharp';
  	font-weight: normal;
  	font-style: normal;
	content: "\e5cd";
	pointer-events:none;  
	cursor:pointer !important;
	color:white;
	font-size: 40px;
	opacity: 1;
}

.ekko-lightbox .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: .2em; 
    color: #000;
    text-shadow: none;
    opacity: 1; 
    position:absolute;
    top: 60px;
    right:4px;
    cursor:pointer !important;
}


.non-project-modal.modal-content:before {
	font-family: 'Material Icons Sharp';
  	font-weight: normal;
  	font-style: normal;
	content: "\e5cd";
	pointer-events:none;  
	cursor:pointer !important;
	color:white;
	font-size: 40px;
	text-align: right;
	position:absolute;top:-40px;right:0px;
	z-index: 1;
	margin-top:-40px;
	display:block;
	opacity:1;
}
.modal-content:before:hover {
pointer-events:none; 
cursor:pointer !important;
opacity:1;

}

.fred-gallery h2 {font-weight:300; font-size:.95em;}

.fred-gallery .gallery-feat img {margin-top:25px; }
.fred-gallery .gallery-feat img {/*opacity:.9;*/margin-bottom:-4px;}
.fred-gallery .gallery-feat img:hover {opacity:1;}

.single .fred-gallery a.stretched-link {opacity:.9 !important;}
.single .fred-gallery a.stretched-link:hover {opacity:1 !important;}
.single .fred-gallery .gallery-feat img {opacity:1;margin-bottom:-4px;}


/* HOME PAGE CODE FOR ICONS */

div.slider-content-icons {position:absolute;bottom:10px; left:10px}
.col-1.icon-col {max-width:75px;padding-right:6px;}
.col-1.icon-col-small {max-width:55px;padding-right:4px;}
.icon-col-small-2 {max-width:75px;padding-right:4px;}
.icon-col-small-float {float:left !important;width:75px;padding-right:4px; }


.col-1.icon-col-3 {max-width:58px;padding:3px;}
.col-1.icon-col-3 {max-width:58px;padding:3px;}

/* Images */
img.img-fluid {width:100% !important;}

/* Collapse */	
.btn-light.collapsed {
	background:transparent;
	}
.btn-light.collapsed:before {
font-size:44px;
font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
	content: "\e313";
	}
	
.btn-light:after {
	content: " ";
	}
.btn-light:before {
font-size:44px;
font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
	content: "\e316";
	}
.btn-light.btn-no-after.collapsed:after {
	content: "";
	}
	
.btn-light.btn-no-after:after {
	content: "";
	}
	
.extra-info-box h4 {
	font-size:.9em !important;
	margin-top:0px !important;
	text-transform: uppercase;
	}
.extra-info-box h5 {
	font-size:.75em !important;
	margin-top:8px !important;
	margin-bottom:4px !important;
	text-transform: uppercase;
	}
.extra-info-box {margin-bottom:25px;}

.fly-out {opacity:.35;position:relative;left:-60px;margin-bottom:-80px;background:transparent !important;box-shadow: none !important;border:none !important;}
.fly-out:hover {opacity:1;}	

.fly-out-project {opacity:.35;position:relative;left:-60px;top:-70px;margin-bottom:-80px;background:transparent !important;box-shadow: none !important;border:none !important;}
.fly-out-project:hover {opacity:1;}	

#colophon h4 {color:white !important;font-size:1.05em !important;font-family: 'LabGrotesque-Medium'!important;margin-bottom:3px;}
#colophon a:hover {color:white !important; opacity:1 !important;}
#colophon a {color:#999 !important;}
#colophon a.phone-link {color:black !important;}
#colophon a.phone-link .material-icons {position:relative;top:4px;left:-2px; !important;}
#colophon p {color:#666 !important;}
#colophon p {margin-bottom:0px; font-size:1.1em; font-family: 'LabGrotesque-Light';}

.material-icons-sharp.drop-shadow {
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25)!important;
	-webkit-text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25)!important;		
	-moz-text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25)!important;		    
	-ms-text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25)!important;		   
	-o-text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25)!important;		
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .ekko-lightbox .modal-dialog {
      flex: 100%!important;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      -ms-overflow-style: none;
    }
    
    .ie-fix-svg { overflow:visible; margin-bottom:-20px !important;}
    .ie-fix-svg-2 { margin-bottom:-50px !important;}
    
    .ie-fix-svg-home {overflow:visible;padding-right:20px;} 
}




@font-face {
font-family: 'LabGrotesque-Black';
src: 	url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Black.eot');
src:    url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Black.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Black.woff2') format('woff2'),
		url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Black.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LabGrotesque-Light';
src: url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Light.woff2') format('woff2'),
url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LabGrotesque-Medium';
src: url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Medium.woff2') format('woff2'),
url('/wp-content/themes/twentynineteen-child/fonts/LabGrotesque-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/********* MEDIA QUERIES *******/

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

/* top nav rollover effect */
.bg-light:hover {
  	background-color: rgba(72,97,0,1) !important;
    background: rgba(72,97,0,1) !important;
    color: white;
}
.bg-light:hover a.nav-link {
  	color: white !important;
}
.bg-light:hover a.navbar-brand {
  	color: white !important;
}

						}
						
/* Extra large devices (large desktops, 1200px and up)*/			
@media (min-width: 1200px) {

/* Side logo treatment for large images */
.hold-logo-project-page-xl.shimmy-down {
	margin-top:30vh !important;
	transition:margin-top .2s linear !important;
}
.hold-logo-project-page-xl.shimmy-up {
	transition:margin-top .2s linear !important;
}
.hold-logo-project-page-xl-aqua.shimmy-down {
	margin-top:40vh !important;
	transition:margin-top .2s linear !important;
}
.hold-logo-project-page-xl-aqua.shimmy-up {
	transition:margin-top .2s linear !important;
}
.hold-logo-project-page-xl { 
	display:block !important;
}
.hold-logo-project-page-xl-aqua { 
	display:block !important;
}
.project-page-lead-image { 
	padding-left: 350px !important;
}

				}