/*
Theme Name: TERC WordPress Theme
Theme URI: https://zaydmedia.com/
Author: ZaydMedia
Author URI: https://zaydmedia.com/
Description: WordPress theme for TERC 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tercwptheme
*/

@import url("css/style.min.css");

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
	    display:none !important;
	}	
}
@media (max-width: 992px) {
	.navbar .dropdown-menu {
		box-shadow:none !important;
	}
 	.navbar .navbar-collapse>.navbar-nav>.nav-item:hover a:not(.show) + .dropdown-menu { /* ability to toggle main submenu */
	    display:none;		
	}
 	.navbar .navbar-collapse>.navbar-nav>.nav-item:hover a.show + .dropdown-menu { /* ability to toggle main submenu */
	    display:block;		
	}
 	.navbar .navbar-collapse>.navbar-nav>.nav-item:hover .dropdown-menu .dropdown-menu { /* only open one level of submenus at a time */
	    display:none;		
	}
 	.navbar .navbar-collapse>.navbar-nav>.nav-item:hover .dropdown-menu .dropdown-menu.show { /* unless they have the class open */
	    display:block;		
	}
	.navbar-expand-lg .navbar-nav .menu-item-has-children > a {
		position:relative;
		display:inline-block;
	}
	.navbar-expand-lg .navbar-nav .menu-item-has-children > a:before {
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 0;
	    -webkit-transform: translate(50%,-50%);
	    transform: translate(50%,-50%);
	    width: 0;
	    height: 0;
	    border-left: 6px solid transparent;
	    border-right: 6px solid transparent;
	    border-top: 6px solid #fff;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu > .menu-item-has-children > a {
		width:auto;
		background:transparent;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu > .menu-item-has-children > a:before {
	    border-left: 6px solid transparent;
	    border-right: 6px solid transparent;
	    border-top: 6px solid #707271;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu > .menu-item-has-children > .dropdown-menu li {
		background:#fff;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu > .menu-item-has-children > .dropdown-menu a {
		color:#007935;
		font-size:13px;
	}
	#menu-primary-nav {
		padding-right:0;
	}
	.navbar #mainnavigation>ul>li.active:after, .navbar #mainnavigation>ul>li.current-menu-item:after, .navbar #mainnavigation>ul>li:hover:after {
		display:none;
	}
	.navbar #mainnavigation>ul>li:hover, 
	.navbar #mainnavigation>ul>li.active, 
	.navbar #mainnavigation>ul>li.current-menu-item {
		background:#007935;
		color:#fff;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.show {
		font-weight:bold;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu.show li {
		background:#fff;
		border-bottom: 1px dotted #eee;
	}
}
blockquote,
.wp-block-quote {
	margin: 0 0 1rem;
	font-size: 16px;
	font-style: italic;
	color: #7a3970;
}

.newsletter-cta-wrapper {
	background:url(img/newsletter-cta-green-bg.png) no-repeat top center;
	background-size:cover;
	position:relative;
}

.newsletter-cta-wrapper .see-all-link .see-all-icon {
    background: #fdb731;
    width: 75px;
    height: 75px;
    line-height: 75px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-cta-wrapper .see-all-link .see-all-icon img {
    margin-top: 25px;
    height: 25px;
}

.newsletter-cta-wrapper .see-all-link {
	justify-content: center;
	display: flex;
}
.newsletter-cta-wrapper .see-all-link > a {
	display: flex;
	align-items: center;
}
.newsletter-cta-wrapper .see-all-link .see-all-icon {
	margin-top:0;
}

@media (min-width:992px) {	
	.newsletter-cta-wrapper .container {
		position:relative;
	}
	.newsletter-cta-wrapper .container:before {
		content: "";
		background: url(img/newsletter-cta-graphic.png) no-repeat top center;
    	background-size: auto 120%;
    	background-position: 0 25%;	
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
	}
	header .secondary_menu>ul {
		height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}
}


/* blog icon link */

.secondary_menu .blog-icon{
    padding-top: 25px;
    position: relative;
    padding-bottom: 0;
}
.secondary_menu .blog-icon {
	background:url(img/comment-alt-lines-regular.jpg) no-repeat top center;
}

.carousel-img {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.carousel-img img {
	opacity:0;
	z-index:-1;
}

/* inline carousel style updates */

#postCarousel {
	height:auto;
}

.carousel-control-next, 
.carousel-control-prev {
    transform: translate(0,-50%);
}

#postCarousel .carousel-control-next .carousel-control-next-icon,
#postCarousel .carousel-control-prev .carousel-control-prev-icon {
	width:20px;
}

#postCarousel .carousel-control-next {
    right: -80px;
}

#postCarousel .carousel-control-prev {
    left: -80px;
}

.recent-news .see-all-link a,
.recent-news .see-all-link .see-all-icon {
	float:right;
}

.newsletter-cta-wrapper .see-all-link > a {
	width:100%;
    justify-content: flex-end;
}

.newsletter-cta-wrapper .see-all-link .see-all-icon {
	margin: 0;
}

.recent-news .see-all-link .see-all-icon,
.newsletter-cta-wrapper .see-all-link .see-all-icon {
	width: 70px;
    height: 70px;
    line-height: 70px;
}

.recent-news .see-all-link .see-all-icon img,
.newsletter-cta-wrapper .see-all-link .see-all-icon img {
	height:30px;
	width:auto;
    margin-top: 20px;
}

.navbar #mainnavigation>ul>li.active:after, 
.navbar #mainnavigation>ul>li.current-menu-item:after, 
.navbar #mainnavigation>ul>li:hover:after {
    left: calc(50% - 1.7em);
}






.is-style-highlight-with-dots {
	color:#007935 !important;
	font-family: 'IBM Plex Serif', sans-serif;
	background: url(/wp-content/themes/tercwptheme/img/heading-dots.png) no-repeat top left;
	padding-top: 15px;
	margin-top: 15px;
}
.is-style-highlight-purple-with-dots {
	color:#7a3970 !important;
	background: url(/wp-content/themes/tercwptheme/img/heading-dots.png) no-repeat top left;
	padding-top: 15px;
	margin-top: 15px;
}


h2.is-style-highlight-purple-with-dots,
.is-style-highlight-purple-with-dots > h2,
h2 > .is-style-highlight-purple-with-dots {
    font-family: 'IBM Plex Serif', sans-serif;
}
h3.is-style-highlight-purple-with-dots,
.is-style-highlight-purple-with-dots > h3,
h3 > .is-style-highlight-purple-with-dots  {
    font-family: montserrat,sans-serif;
    font-weight: 400;
}

/** patch for safari gallery bug **/

@supports ((position:-webkit-sticky) or (position:sticky)) {
 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, 
 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, 
 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, 
 .blocks-gallery-grid.is-cropped .blocks-gallery-item img, 
 .wp-block-gallery.is-cropped .blocks-gallery-image a, 
 .wp-block-gallery.is-cropped .blocks-gallery-image img, 
 .wp-block-gallery.is-cropped .blocks-gallery-item a, 
 .wp-block-gallery.is-cropped .blocks-gallery-item img {
	height:auto;
 }
}

/*** home page video block ***/
#video_block { 
	background: url(img/newsletter-cta-green-bg.png) no-repeat top center;
    background-size: cover;
    padding: 65px 0 85px 0;
    margin-bottom: 65px;
    color: #fff;
    position: relative;
}
.page-id-108 #postCarousel {
    margin-bottom: 65px !important;
}
#video_block .white_dots_decoration {
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	bottom: 30px;
	height: 3px;
	background: url(img/white-dots.png) no-repeat center center;
	background-size: cover;
}
#video_block .video_description,
#video_block .video_link {
    flex-direction: column;
    justify-content: center;
    display: flex;
}
#video_block h2 {
	color: #fff;
}
#video_block .see-all-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fdb731;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#video_block .see-all-icon img {
    height: 30px;
    width: auto;
    margin-top: 20px;
}

/** responsive video wrapper **/
.video_wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.twitter_and_newsletter {
	background: url(img/newsletter-cta-green-bg.png) no-repeat top center;
    background-size: cover;
    overflow: hidden;
}
.twitter_and_newsletter .bg-teal {
	position: relative;
}
.twitter_and_newsletter .bg-teal:before,
.twitter_and_newsletter .bg-teal:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	transform: translate(-50%,0);
    background: #25798b;
    z-index: 0;
}
.twitter_and_newsletter .bg-teal:after {
	left: auto;
	right: 0;
	transform: translate(50%,0);
}

.twitter_and_newsletter .bg-teal .container {
	z-index: 1;
	position: relative;
}

@media (min-width: 992px) {
	.newsletter-cta-wrapper {
		font-size: 19px;
	}
	.newsletter-cta-wrapper h2 {
	    font-size: 31.5px;
	}	
	.twitter_and_newsletter .bg-teal:after {
		display: none;
	}
	.newsletter-cta-wrapper > .container > .row {
		padding-left: 35px;
	}	

}

/*.newsletter-cta-wrapper,
.newsletter-cta-wrapper .container:before {
	background: none;	
}*/


.newsletter-cta-wrapper a {
    background: #fdb731 url(img/chevron-white-right.png) no-repeat 50% 50%;
    color: #fff;
    text-transform: uppercase;
    padding: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
    background-size: auto 40%;
}

#green_dot_decoration {
	width: 100%;
	margin: 30px auto 0;
	background: url(img/green-dots.png) no-repeat center center;
	background-size: cover;
	height: 3px;
}

footer a:hover {
	color: #fff;
}

/* Home page newsletter signup fixes */

.newsletter-cta-wrapper .see-all-link > a {
	width: 75px;
  height: 75px;
}

.newsletter-cta-wrapper .container::before {
	background-size: auto 100% !important; }