/*
Theme Name: Ivy Foundation
Theme URI:  
Description:  WordPress child theme.
Author: Justin Y.
Author URI:  
Template: oceanwp 
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* ==========================================================================
	FONTS
========================================================================== */
@font-face {
  font-family: 'ACaslonPro';
  font-style: normal;
  font-weight: normal;
  src: url('assets/css/fonts/ACaslonPro-Regular.eot');
  src: url('assets/css/fonts/ACaslonPro-Regular.woff2') format('woff2'),
       url('assets/css/fonts/ACaslonPro-Regular.woff') format('woff'),
       url('assets/css/fonts/ACaslonPro-Regular.ttf') format('truetype'),
       url('assets/css/fonts/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg'),
       url('assets/css/fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'ACaslonPro Semibold';
  font-style: normal;
  font-weight: normal;
  src: url('assets/css/fonts/ACaslonPro-Semibold.eot');
  src: url('assets/css/fonts/ACaslonPro-Semibold.woff2') format('woff2'),
       url('assets/css/fonts/ACaslonPro-Semibold.woff') format('woff'),
       url('assets/css/fonts/ACaslonPro-Semibold.ttf') format('truetype'),
       url('assets/css/fonts/ACaslonPro-Semibold.svg#ACaslonPro-Semibold') format('svg'),
       url('assets/css/fonts/ACaslonPro-Semibold.eot?#iefix') format('embedded-opentype');
}

@font-face{font-family:'Gotham Light'; font-style:normal;
	src:url('assets/css/fonts/gotham-light.eot');
	src:url('assets/css/fonts/gotham-light.eot?#iefix') format("embedded-opentype"),
		  url('assets/css/fonts/gotham-light.svg#Gotham Light') format("svg"),
		  url('assets/css/fonts/gotham-light.woff') format("woff"),
		  url('assets/css/fonts/gotham-light.ttf') format("truetype")}


@font-face{font-family:'Gotham'; font-style:normal;
	src:url('assets/css/fonts/gotham-book.eot');
	src:url('assets/css/fonts/gotham-book.eot?#iefix') format("embedded-opentype"),
		  url('assets/css/fonts/gotham-book.svg#Gotham Book') format("svg"),
		  url('assets/css/fonts/gotham-book.woff') format('woff'),
		  url('assets/css/fonts/gotham-book.ttf') format("truetype")}

/* main */
#main #content-wrap { padding-top: 0 }  
#broll-video { position:absolute; left:0; top:0; height: 100vh; max-height:740px;overflow: hidden; width:100%; z-index: -1 }
@media(max-width: 767px) {
/*   #broll-video { height:340px; max-height: 340px } */
  #hero-content .elementor-column-wrap { padding: 0; margin: 70px 0 0 } 
  #hero-content .elementor-button { font-size: 75%; padding: 10px 20px }
  #hero-content .elementor-5 .elementor-element.elementor-element-50db109e { padding: 0 }
}
/* header */
#site-logo #site-logo-inner a img, 
#site-header.center-header #site-navigation-wrap .middle-site-logo a img { height: auto; min-width: 398px }
.is-sticky #site-header #site-logo #site-logo-inner a img { max-height: 70px; min-width: 200px } 
 
#default-template .page-header { background: #fff; padding: 200px 0 36px 0 }   
#default-template #site-header.full_screen-header .menu-bar .ham, 
#default-template #site-header.full_screen-header .menu-bar .ham:before, 
#default-template #site-header.full_screen-header .menu-bar .ham:after { background: #2f781f }  
#default-template .custom-logo { content: url("assets/css/images/ivyf-logo-blue.png"); }
#default-template .oceanwp-sticky-header-holder.is-sticky .custom-logo { content: url("/wp-content/uploads/2018/07/ivy-f-logo.png"); }

@media(max-width: 767px) {
 #site-header-inner { padding: 12px 0 0!important }
 #site-logo #site-logo-inner, 
 .oceanwp-social-menu .social-menu-inner, 
 #site-header.full_screen-header .menu-bar-inner, 
 .after-header-content .after-header-content-inner { height: auto!important }
 #site-logo #site-logo-inner a img, 
 #site-header.center-header #site-navigation-wrap .middle-site-logo a img { min-width: 240px; width: 240px }
 #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, .after-header-content-inner >a { line-height: 1!important }
 #site-header-inner .oceanwp-mobile-menu-icon a { color: #fff!important }
 #default-template #site-header-inner .oceanwp-mobile-menu-icon a { color: #2f781f!important }
}

/* home */
#hero-content h2 { font-family: 'ACaslonPro', Arial, sans-serif; }
#hero-content a  { font-family:'Gotham', Arial, sans-serif; font-weight: 600 }
 
.gfont { font-family:'Gotham', Arial, sans-serif; font-weight: 600 }
#gfont-title .elementor-heading-title { font-family:'Gotham', Arial, sans-serif; font-weight: 600 }
#cfont-title .elementor-heading-title { font-family:'ACaslonPro', Arial, sans-serif; font-weight: normal } 
 

#allocation-box .oew-pricing .oew-pricing-header, #allocation-box .oew-pricing .oew-pricing-content { border: none }
#allocation-box p { color: #57585b; font-family:'Gotham', Arial, sans-serif; font-weight: 600 }
#allocation-box ul li { color: #57585b; padding: 18px 0 }
@media(max-width: 767px){
 #allocation-box .oew-pricing-header { font-size: 120% }
 #allocation-box ul { font-size: 70% }
 #allocation-boxes .mb-border-top .elementor-column-wrap {  } 
 #allocation-box .oew-pricing .oew-pricing-header { padding-top: 0}
}

/* footer */
#footer p { font-size: 18px }
#footer-tools { text-align: center }
#footer .footer-links a { color: #fff; font-size: 14px; padding: 0 4px }

#footer .footer-links, 
#footer .social-handles { display: inline }
#footer .social-handles { margin-left: 8px }
#footer .social-handles, #footer .social-handles a { color: #2f781f }
#footer .social-handles a { padding: 0 3px }
#footer #footer-search input { border-radius: 0 }
#footer .text-green { color: #2f781f }
 

/* partner carousel */ 
#partner-carousel { line-height: 200px; padding: 0 40px; text-align: center }
#partner-carousel img { display: inline-block; margin: 0 auto; vertical-align: middle; line-height: 1 }
#partner-carousel .elementor-slick-slider .slick-next, #partner-carousel .elementor-slick-slider .slick-prev { background: #ebeff3;border-radius: 50%; height: 40px;width: 40px}
#partner-carousel .elementor-slick-slider .slick-prev:before { color: #002e6d; left: -2px; position: relative; top: -2px }
#partner-carousel .elementor-slick-slider .slick-next:before { color: #002e6d; position: relative;  right: -2px; top: -2px } 


/* video tabs */
#video-items { font-size: 0; margin: -96px auto 0; padding: 0; text-align: center; width: 100% }
.video-item  { background-position: center center; background-size: cover; font-size: 0; display: inline-block; line-height: 200px; margin: 0; padding: 0; position: relative; vertical-align: middle; width: 33.33%; z-index: 3 }
.video-item--inner { color:#fff; display: inline-block; line-height: 1; vertical-align: middle }
.video-item .video-title { color: #fff; font-family: 'ACaslonPro', Arial, sans-serif; font-size: 24px; font-weight: bold }  
.active-video { background: #2971b8!important }  
.video-blue-overlay { background: rgba(41, 113, 184, 0.75); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } 
.inactive-video .active-icon { font-family:'Gotham', Arial, sans-serif; font-weight: 600; font-size: 15px; margin: 12px 0 0; text-transform: uppercase }
.video-item .video-title .active-icon .active-icon-text { display: block; font-family:'Gotham', Arial, sans-serif; font-weight: 600; font-size: 15px; margin: 10px 0 0; text-transform: uppercase} 
.video-item .inactive-icon { font-size: 32px; margin: 10px 0 0 } 
.active-icon,
.inactive-video .active-icon,
.active-video .inactive-icon   { display: none }   
.first-video .active-icon      { display: block }  
.active-video .active-icon, 
.inactive-video .inactive-icon, .active-video .active-marker-wrap { display: block }      
.active-marker-wrap { display: none; margin-top: -20px; position: absolute; text-align: center; width: 100%; z-index: 2  }
.active-marker { background: #2971b8; display: flex; flex-shrink: 0; height: calc(34px + 6vw); margin: 0 auto; width: calc(30px + 2vw) }
.triangle {  -webkit-clip-path: polygon(50% 0%, 0% 20%, 100% 20%); clip-path: polygon(50% 0%, 0% 20%, 100% 20%); }

#video-container iframe { max-width: 100%; height:800px }

@media(max-width: 767px) {
  #video-container iframe { width: 100%; min-height: 280px; height:280px!important }
  .video-item { width: 100%; margin: 20px 0 }
  .active-marker-wrap { margin-top: 0 }
} 
@media(max-width: 1368px) { 
  .video-item { line-height: 150px }
  .active-marker-wrap  { margin-top: -10px }
  .video-item .video-title { font-size: 18px }
}
   
/* funds archive */ 
#funds-archive-toolbar { background: #E7E6E6; border-top: 4px solid #002e6d; margin: 0; padding: 18px }
.funds-filter ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; width: 100% }
.funds-filter ul li { color: #57585B; display: inline-block; font-family:'Gotham', Arial, sans-serif; font-size: 18px; list-style: none; margin: 0 20px }
.funds-filter ul li a { color: inherit }  
.funds-filter ul li:hover a { color: #fff }  
.funds-filter ul li .active-year { color: #fff; font-weight: bold; text-decoration: underline }   
.fund-year-inner { margin: 0 auto; width: 90% }
.fund-year h2 {  color: #002E6D; font-size: 52px; margin: 50px 0 0; padding: 0 } 
.fund-item { display: block; margin: 30px auto; padding: 50px 0 } 
.fund-item:nth-child(odd) { background: #E7E6E6 }
.fund-item-inner { margin: 0 auto; width: 90% }
.fund-item h3 { font-family:'Gotham', Arial, sans-serif; } 
.award-btn { background: #246912; color: #fff; display: inline-block; font-family:'Gotham', Arial, sans-serif; font-weight: bold; padding: 12px 18px; text-align: center } 
#back-to-top { background: #002E6D; color: #fff; display: block; float: right; font-family:'Gotham', Arial, sans-serif; font-size: 12px; font-weight: bold; margin: 30px 0; padding: 6px 10px 4px; text-align: center }
@media(max-width: 767px) { 
  .funds-filter ul { text-align: left }
  .funds-filter ul li { margin: 0 5px }
  #fund-items > div:nth-child(2) { padding: 0 0 50px }
} 


#footer #footer-search input{ color: #fff }
#copyright p { font-size: 16px; text-align: center }
.carousel-slider .carousel-slider__item { line-height: 280px!important; text-align: center!important }
.carousel-slider .carousel-slider__item img { display: inline-block!important; max-width: 280px!important; height: auto!important; vertical-align: middle!important }
.owl-prev, .owl-next { background: #ebeff3!important; border-radius: 50%!important; width: 48px!important; height: 48px!important }
.carousel-slider-nav-icon { margin-top: 6px!important }

 
/* page header */
#page-header { height: 302px; margin: 0 auto 40px; overflow: hidden; width: 100% }
#page-header:After { display: block; content: ''; width: 100%; margin: 40px 0 }
@media(max-width: 767px) {
  #page-header { max-height: 151px }
  #default-template .page-header { padding-top: 100px!important }
}

@media(max-width: 767px) {
 
}

/* videos */
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.funds-filter { position: relative; text-align: center }
.filter-options { background: #002E6D; display: none; padding: 12px 24px;  margin: 0  }
.funds-filter:hover .filter-options { display: inline-block; left: -50px;  margin-left: 50%; position: absolute; z-index: 1 }
.funds-filter .filter-options li { color: #fff; display: block; margin: 0 auto; width: auto; text-align: center }

 

 
#lab-menu .elementor-menu-toggle { background-color: #000!important; color: #fff!important }