/*
 Theme Name:   Egg Geo
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       Bowstern
 Template:     understrap
 Version:      1.1.0
*/

* { font-family: 'DM Sans', sans-serif; color: #222; }

.alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
.alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 )!important;
        margin-right : calc( -100vw / 2 + 100% / 2 )!important;
        max-width    : 100vw;
    }
    
.dropdown-toggle { outline-style: none; }
.dropdown-menu { background: #299c48; border: 0; border-radius: 0; }
.dropdown-menu li a { color: #fff; text-transform: none !important; }
.dropdown-menu li a:hover { background: #f5be22 !important; color: #299c48 !important; }
    
.bg-primary { background-color: #77be43 !important; }
#main-nav { background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); position: relative; z-index: 999!important; }
.home .bg-primary {  }
#wrapper-footer-full { background-color: #77be43 !important; padding-bottom: 10rem; }
#wrapper-footer-full a { color: #f5be22; text-decoration: none; }
#wrapper-footer-full a:hover { text-decoration: underline; }
#wrapper-footer-full p { color: #fff !important;  }

#logo { width: 170px;  }
header h1 { padding-top: 2rem !important; }

header { padding-bottom: 2rem; }
.home header { height: 60vh; background-size: cover; background-repeat: none; background-position: 50% 50%; }
header { height: 60vh; background-size: cover; background-repeat: none; background-position: 50% 50%; }
header h3 { color: #299c48; color: rgba(255,255,255,1); text-shadow: 0px 0px 5px #000;  margin-top: -2rem; font-weight: normal; text-align: right; }
.home header h3 { color: #fff; margin-top: 2rem; font-weight: normal; font-size: 3rem; text-shadow: #222 0 0 5px; text-align: center;}
.home #byline { position: absolute;  top: 45vh; width: 100% !important; max-width: 100%; z-index: 1!important; }
#main-menu a { text-transform: uppercase; }
#main-menu {  }


.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1); font-weight: normal; letter-spacing: 1px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(245,190,34,1) !important;
}


@media (max-width: 959px) { 
	.home header h3 { color: #fff; margin-top: 2rem; font-weight: normal; font-size: 2.5rem; text-shadow: #222 0 0 5px;}
	.home #byline { position: absolute;  top: 40vh; }
}


@media (max-width: 768px) { 
	header h3 { margin-top: 1.5rem; text-align: center !important; }
	.navbar-toggler { position: absolute; right: 1rem; top: 2rem;}
	#main-menu li { border-bottom: 1px solid #299c48; }
	#main-menu li li { border-top: 1px solid #299c48; border-bottom: 0; }
	.dropdown-menu, #main-menu { background: #77be43; }
	#main-menu { margin-left: -20px; padding: 0 10px; }
	.home header h3 { color: #fff; margin-top: 2rem; padding: 0 2rem; font-weight: normal; font-size: 2rem; text-shadow: #222 0 0 5px;}
	.home #byline { position: absolute;  top: 30vh; }
}



.btn-circle svg { fill: #fff; margin: 0 0 10px 10px; }
.btn-circle svg:hover { fill: #f5be22; }
#block-10 { text-align: right; }
@media (max-width: 768px) {  
	#block-10 { text-align: center; } 
	.btn-circle svg { fill: #fff; margin: 0 10px; }
}

#pipe1 { position: absolute; top: 60vh; right: 0; z-index: 999; }
#pipe2 { position: absolute; top: 200vh; left: 0; z-index: 1; }
@media (max-width: 768px) { 
	#pipe1, #pipe2 { display: none; } 
}


.bigimg { background-size: cover; background-repeat: none; background-position: top right; }
.bigimg h3 { padding-top: 10rem; line-height: 100%; font-size: 3rem; text-align: right; color: #1d6f37; font-weight: bold; }
.bigtxt, .bigtxt .btn { font-size: 1rem; }

#home1 { background: #a0d17b; margin-top: 5rem; }
#home1 .btn { color: #1d6f37; border: 1px solid #1d6f37; }
#home1 .btn:hover { color: #a0d17b; background: #1d6f37; }
#home1 .bigimg { margin-top: -8rem; height: 550px; }
#home1 .bigtxt { background: url(/wp-content/themes/egggeo/img/home-icon-1.png) bottom left no-repeat; }
#home1 .bigtxt p { color: #1d6f37 !important; }
#home1 p a { color: #1d6f37; text-decoration:none; padding: 3px 6px;  }
#home1 p a:hover { color: #a0d17b; background: #1d6f37;  }

@media (max-width: 768px) { 
	#home1 .bigimg { width: 72% !important; height: 450px; }
	.bigimg h3 { padding-top: 6rem; }
	#home1  { background: #a0d17b url(/wp-content/themes/egggeo/img/home-icon-1.png) top right no-repeat; }
	#home1 .bigtxt { background-image: none; }
}

#home2 { background: #acebef; margin-top: 5rem; }
#home2 .bigimg h3 { color: #acebef; text-align: center; padding-top: 20rem; }
#home2 .btn { color: #1d6f37; border: 1px solid #1d6f37; }
#home2 .btn:hover { color: #a0d17b; background: #1d6f37; }
#home2 .bigimg { height: 550px; }
#home2 .bigtxt {  padding-top: 10rem !important; background: url(/wp-content/themes/egggeo/img/home-icon-2.png) bottom right no-repeat; }
#home2 .bigtxt p { color: #1d6f37 !important; }
#home2 p a { color: #1d6f37; text-decoration:none; padding: 3px 6px;  }
#home2 p a:hover { color: #acebef; background: #1d6f37;  }

@media (max-width: 768px) { 
	#home2 .bigimg { height: 300px; }
	#home2  .bigimg h3 { padding-top: 12rem; text-align: center; }
	#home2  { background: #acebef url(/wp-content/themes/egggeo/img/home-icon-2.png) bottom right no-repeat; margin-top: 0; }
	#home2 .bigtxt { padding-top: 2rem !important; background-image: none; padding-bottom: 5rem !important; }
}

#home3 { background: #f5be22; margin-top: 8rem; height: 350px; margin-bottom: 10rem; background: #f5be22 url(/wp-content/themes/egggeo/img/home-icon-3.png) bottom right no-repeat; }
#home3 .bigimg h3 { color: #f5be22; text-align: left; padding-top: 12rem; padding-right: 50%; }
#home3 .btn { color: #fff; border: 1px solid #fff; }
#home3 .btn:hover { color: #f5be22; background: #fff; }
#home3 .bigimg { margin-top: -4rem; height: 450px; background-position: top left; }
#home3 .bigtxt p { color: #fff !important;  }
#home3 p a { color: #fff; text-decoration:none; padding: 3px 6px;  }
#home3 p a:hover { color: #f5be22; background: #fff;  }

@media (max-width: 768px) { 
	#home3 .bigimg { height: 300px; margin-top: 0; }
	#home3 .bigimg h3 { padding-top: 10rem; padding-right: 0; text-align: right; }
	#home3  { margin-top: 0; height: auto;  margin-bottom: 0; }
	#home3 .bigtxt { background-image: none; padding-bottom: 8rem !important; }
}

.home #main .btn { color: #77be43; border: 1px solid #77be43; }
.home #main .btn:hover { color: #fff; background: #77be43; }
@media (max-width: 768px) { 
	.homebtn { text-align: center; }
	}
	
p a, li a { color: #77be43; }
p a:hover, li a:hover { color: #1d6f37; }
.wp-block-separator { border: none; border-bottom: 1px solid #f5be22; margin: 2rem 0; }


#pagebanner { padding: 3rem 0; background-size: cover; background-repeat: none; }
#pagebanner h1 { color: #77be43; }
.page-id-357 #pagebanner h1 { color: #77be43; }
.iconbox { background: #fff; }
#pagebanner h1.minihead { text-transform: lowercase; color: #f5be22; padding-left: 3rem;padding-bottom: 0rem; } 
.extend { margin-top: 10rem; }

.content { margin: 0;  padding: 5rem 5%; }
.content h2 { color: #77be43; font-weight: bold; padding-bottom: 2rem; }
.c-white { background: #fff; }
.c-yellow { background: #fdf2d3; }
.c-green { background: #77be43; }
.c-gold { background: #f5be22; }


}

.wp-block-columns { margin-bottom: 0; }

.quote { padding: 2rem 10%; }
.wp-block-pullquote { padding: 0; text-align: left; }
.c-green .wp-block-pullquote p { color: #fff; font-style: italic; font-size: 1.4rem; font-family: 'DM Serif Display', serif; font-weight: normal; }
.c-green .wp-block-pullquote cite { color: #fff; font-family: 'DM Serif Display', serif; }

.c-gold .wp-block-pullquote p { margin-top: 2rem; color: #fff; font-style: italic; font-size: 1.4rem; font-family: 'DM Serif Display', serif; font-weight: normal; }
.c-gold .wp-block-pullquote cite { color: #fff; font-family: 'DM Serif Display', serif; }
.pullright { margin-right: -12.5%; }
.nopad { padding-top: 0; padding-bottom: 0; }
.nopad figure { margin: 0; padding: 0; }
.nopad .wp-block-pullquote { padding: 2rem 10%; }
.nopad .wp-block-image { margin: 0; padding: 0; }
.nopad .wp-block-image .alignright { margin: 0; padding: 0; }
.nopad .wp-block-image>figure img { margin: 0; padding: 0; }


@media (max-width: 768px) { 

.pullright { margin: 0; }

}

.content .wp-block-button { color: #1d6f37; border: 1px solid #1d6f37; border-radius: 5px; background: transparent; }
.content .wp-block-button__link { color: #1d6f37; border: 1px solid #1d6f37; background: transparent; }
.content .wp-block-button:hover { color: #a0d17b; background: #1d6f37; }
.content .wp-block-button__link:hover { color: #fff; }





.project { box-shadow: 0 0 5px #ccc; height: 330px; }
.project img { z-index: 10;  }
.project h4 { padding: 15px 5px 0 15px; font-size: 1.2rem; }
.project p { padding: 0px 0 0 15px; font-size: 1rem; }
.project h5 { position: absolute; font-size: 1.2rem; width: 120px; background: #77be43; color: #fff; font-weight: bold; margin: 40px 0px 0px 0px; padding: 10px; z-index: 999;  }
@media (max-width: 768px) { 
.project { height: auto; }
}

ul.articles { padding: 0; margin: 0; }
.articles li { list-style: none; padding: 10px 0; border-bottom: 1px solid #fdf2d3; }
.articles li a { color: #77be43; text-decoration: none; }
.articles li a:hover { color: #77be43; text-decoration: underline; }


.page-nav { margin: 2rem 0 2rem 0; padding: 1rem 0; border-top: 1px solid #ccc; }
.page-nav .wp-block-button { color: #1d6f37; border: 1px solid #1d6f37; border-radius: 5px; background: transparent; }
.page-nav .wp-block-button__link { color: #1d6f37; border: 1px solid #1d6f37; background: transparent; }
.page-nav .wp-block-button:hover { color: #a0d17b; background: #1d6f37; }
.page-nav .wp-block-button__link:hover { color: #fff; }

.page-nav .wp-block-button:after {
content: '\25BB';
padding-right: 5px;
}