/*
Theme Name: Wharton Ignite
Theme URI: https://www.wharton-ignite.com
Author: ORCA
Author URI: http://www.onlyorca.com
Description: Bespoke Wordpress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instituteofai
*/

/*===========================================================================
  @IMPORTS
===========================================================================*/

/* Main Stylesheet - assests/css - comiled from assets/scss */
@import "assets/css/style.css";


.entryBlock01 h4, .boardDynamicsIr h4{
	font-size:1.875;
}
.boardDynamicsIr{display: flex;}

 
.acf-content-entryBlock01{width: calc(47.233% - -11.867rem);
  margin-left: 8rem;
  margin-right: 4rem;}
.introduction-image-right .image-content {
  width:-webkit-calc(66.6666666667% - 6.6666666667rem);
  width:-moz-calc(66.6666666667% - 6.6666666667rem);
  width:calc(66.6666666667% - 6.6666666667rem);
  float:rigth;
  margin-right:4rem
}
.introduction-image-right .image-content .image-wrapper {
  position:relative;
  width:100%;
  min-height:auto;
  height:auto;
  padding-bottom:66.6% !important
}
.introduction-image-right .image-content .image-wrapper img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2;
  margin:0;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
.introduction-image-right .image-content .image-wrapper .responsive-container{
  margin:0
}


.lab-transition-lab .header-content, .page-transition-lab .header-content{width: 100%;}

.introvalues{
	text-align:center;
}
.introvalues p.section-intro{ clear:both; display: block; color: #fff; max-width: 35%;
  margin: 0 auto 3.5rem;}
.introvalues .section-heading {
    margin-bottom: 1.1rem;
  }


/* values-intro */
.v-intro ul.value-list li{padding: 2.8rem;text-align: left;padding-bottom: 5rem;}
.pt-s{ padding-top:5rem; margin-top: 0;}


.no-link article .content-wrapper{ width:51%}
.remove-dots .flickity-page-dots{ display: none}
.remove-dots.cyan{ background-color:#57D4EF}
.remove-dots .carousel.blockquotes {  width: calc(89.333% - 7.3333333333rem) }
.remove-dots .carousel.blockquotes blockquote{ border-left-color:#fff}
.remove-dots cite{ color: #fff !important; font-size: 21px}

.angle-cyan.featured-content .angle polygon{ fill:#57D4EF !important}

/* remove buttons from section  */
.no-link a.button{ display:none}
.white-bg .content-wrapper { background-color:#fff !important; justify-content: center;}
.text-dark .post-meta h3, .text-dark .post-meta p{ color: #000 !important}
/* BOTTOM BANNER */
.BottomBannerTextb { max-height: 620px;}

.BottomBannerText article .acf-content p, .BottomBannerTextb article .acf-content p { font-size: 16.5px;}

.BottomBannerText article { margin-left: 2.5rem; width: calc(39.033% - 5.333rem);}
.BottomBannerTextb article{ margin-left: 2.5rem; width: calc(37.033% - 5.333rem);padding-top: 7.5rem;}
.BottomBannerText article h2, BottomBannerTextb article h2{ font-size:37.5px; line-height:44.99px}



/* blue module introo 4 columns with icon */
.blue-4cols.acf-block , .blue-3cols.acf-block {
    margin-top: 0;
    padding-top: 5rem;
    background-color: #0074FF;
  }

.blue-4cols.introvalues p.section-intro, .blue-3cols.introvalues p.section-intro {  max-width: 70%;}
.blue-4cols.values ul.value-list li { background:none; width: calc(27% - 6rem);padding: 0rem;}
.blue-3cols.values ul.value-list li { background:none; width: calc(27% - 1rem);padding: 0rem;}
.blue-4cols.values ul.value-list li img, .blue-3cols.values ul.value-list li img {  max-width: 168px;  margin: 0 auto 2.5rem;}
.blue-4cols.values ul.value-list li h3, .blue-3cols.values ul.value-list li h3  { font-size:1.3125rem; color: #fff  }
.blue-4cols.values ul.value-list li p, .blue-3cols.values ul.value-list li p { color: #fff;margin: 0 auto;  width: 83%;  }
.blue-4cols.values ul.value-list li.number-3 h3, .blue-4cols.values ul.value-list li.number-4 h3 {margin: 0 auto 20px; width: 83%;}

.blue-3cols h2.section-heading, .blue-4cols h2.section-heading, .v-intro h2.section-heading{ margin-left:0 }

.masthead:has(.header-text) {
  padding: calc(8.75rem + 4rem*2) 0 calc(8.75rem + 4rem*2) 0;
}

@media (max-width: 1000px) {
  .introduction-image-right .image-content {
    width:-webkit-calc(66.6666666667% - 3.3333333333rem);
    width:-moz-calc(66.6666666667% - 3.3333333333rem);
    width:calc(66.6666666667% - 3.3333333333rem);
    float:left;
    margin-left:2rem
  }
	.acf-content-entryBlock01{
	width: 87%;
  	margin-left: 2rem;
  	margin-right: 2rem;}
	
	.blue-4cols.values ul.value-list li{width: calc(27% - 4rem);}
	.blue-3cols.values ul.value-list li{width: calc(27% - -1rem);}
	.BottomBannerTextb article { margin-left:4rem;}
	.page-transition-lab .header-content{width: calc(83.3333333333% - 7.3333333333rem);}

}
@media (max-width: 768px) {
  .introduction-image-right .image-content {
    width:-webkit-calc(100% - 4rem);
    width:-moz-calc(100% - 4rem);
    width:calc(100% - 4rem);
    float:left;
    margin-left:2rem;
	  margin-bottom: 2.5rem;
  }
	.entryBlock01 h4, .boardDynamicsIr h4{
	font-size:calc(.9325rem + 1.5675vw);
}
	.boardDynamicsIr{display: initial;}
	.blue-4cols.values ul.value-list li {  width: calc(47% - 2rem);}
	.blue-4cols.values ul.value-list li {  width: calc(47% - 2rem);}
	.introvalues p.section-intro {max-width: 50%;}
	
	.blue-3cols.values ul.value-list li {  width: calc(79% - -5rem);}
	.blue-3cols.values ul.value-list li img { margin: 1rem auto 2.5rem;}
	
	
}
@media (max-width: 568px) {
  	.introduction-image-right .image-content {
  	  width:-webkit-calc(100% - 4rem);
  	  width:-moz-calc(100% - 4rem);
    	width:calc(100% - 4rem);
	    float:left;
    	margin-left:2rem
	  }
	.blue-4cols.values ul.value-list li {  width: calc(79% - -1rem);}
	.blue-4cols.values ul.value-list li img { margin: 1rem auto 2.5rem;}
	.remove-dots .carousel.blockquotes {
	  width: calc(89.333% - 3.333rem);
	}
	.blue-3cols.values ul.value-list li {  width: calc(79% - -1rem);}
	.introvalues p.section-intro {max-width: 90%;}
	.no-link article .content-wrapper { width: 100%; padding: calc(1.0075rem + 2.9925vw) 0 0 0;}
	.BottomBannerTextb article, .BottomBannerText article {padding:0;  margin:2rem; width: calc(100% - 4rem); }
	.BottomBannerTextb { max-height: 720px;}
	.BottomBannerTextb.featured-content .image-wrapper {height: 300px;}
	.BottomBannerTextb.featured-content .image-wrapper img{ min-height:120%; object-position: right;}
	.angle-cyan.featured-content .image-wrapper .angle polygon{ fill:#0074FF !important}

}