/*
Theme Name: iamtheCODE
Description:
Author:   
Template: Divi
*/

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

/* Pillars */

.pillar__wrapper{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

/* Tablet + Mobile: 2 columns */
@media (max-width: 768px) {
  .pillar__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.pillar__block{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	height: 100%;
	width: 100%;
	border-radius: 100vmax;
	text-transform: uppercase;
	aspect-ratio: 1/1;
}

.pillar__block h2{
	padding: 0;
	margin: 0;
	line-height: 1;
	color: white !important;
	font-size: 26px;
}

/* Tablet + Mobile: 2 columns */
@media (max-width: 768px) {
  .pillar__block h2{
		font-size: clamp(1.125rem, 1.79vw + 0.767rem, 1.625rem) !important;
	}
}

.pillar__yellow{ background-color: #DCBE66; }
.pillar__blue{ background-color: #027BB6; }
.pillar__red{ background-color: #D06464; }
.pillar__green{ background-color: #4C7940; }

h1, h2, h3, h4, h5, h6{
	line-height: 1.5em;
	color:#17162e !important;
}

h1{
	font-size:2em;
}

p{
	font-weight:500;
}

li{
	/*padding-bottom: 15px*/
}

ul.ticklist li{list-style-type:none;}

.litick{
	margin: 0;
	padding: 0px 0 20px 40px;
	list-style: none;
	list-style-type: none;
	background-image: url("/wp-content/uploads/2019/01/litick.png");
	background-repeat: no-repeat;
	background-position: 0 25px;
	background-size: 27px;
}

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}

ul.dash > li{
	padding-bottom:10px;	
}

ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.libutterfly{
	margin: 0;
    padding: 0px 0 20px 50px;
    list-style: none;
    list-style-type: none;
    list-style-type: none;
    background-image: url("/wp-content/uploads/2019/03/libutterfly.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 40px;
}

body.single .entry-content ul{line-height:23px; padding:15px 0 10px 16px !important; }
body.single .entry-content ul li{ padding-bottom:10px !important;}

.et_monarch .et_pb_section .et_social_inline_top, .et_monarch .et_pb_section .et_social_inline_bottom{
	margin:30px 0;
}

.bx-shadow{
	box-shadow:
	  0 1.1px 1.1px rgba(0, 0, 0, 0.022),
	  0 2.7px 2.7px rgba(0, 0, 0, 0.032),
	  0 5px 5px rgba(0, 0, 0, 0.04),
	  0 8.9px 8.9px rgba(0, 0, 0, 0.048),
	  0 16.7px 16.7px rgba(0, 0, 0, 0.058),
	  0 40px 40px rgba(0, 0, 0, 0.08)
	;
}

.bx-shadow-dark{
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.031),
  0 6.7px 5.3px rgba(0, 0, 0, 0.044),
  0 12.5px 10px rgba(0, 0, 0, 0.055),
  0 22.3px 17.9px rgba(0, 0, 0, 0.066),
  0 41.8px 33.4px rgba(0, 0, 0, 0.079),
  0 100px 80px rgba(0, 0, 0, 0.11)
;
}

.bx-shadow-small{
	box-shadow:
  0 0.6px 0.6px -8px rgba(0, 0, 0, 0.042),
  0 1.3px 1.3px -8px rgba(0, 0, 0, 0.061),
  0 2.5px 2.5px -8px rgba(0, 0, 0, 0.075),
  0 4.5px 4.5px -8px rgba(0, 0, 0, 0.089),
  0 8.4px 8.4px -8px rgba(0, 0, 0, 0.108),
  0 20px 20px -8px rgba(0, 0, 0, 0.15)
;
}

.rounded15{
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px; 
	border-radius: 16px; 
}


/*** Colours ***/

.gradient-green{
	background: rgb(71,149,52);
	background: linear-gradient(180deg, rgba(71,149,52,1) 0%, rgba(99,199,75,1) 35%, rgba(255,255,255,1) 50%);
}

.animated-gradient-blue {
    background: linear-gradient(45deg, #8C4292, #000d58, #0078b8, #5bb030);
    background-size: 400% 400%;

    -webkit-animation: animatebg-grad 29s ease infinite;
    -moz-animation: animatebg-grad 29s ease infinite;
    -o-animation: animatebg-grad 29s ease infinite;
    animation: animatebg-grad 29s ease infinite;
}

@-webkit-keyframes animatebg-grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animatebg-grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes animatebg-grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animatebg-grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*** Member Login Form DIVI ***/

.et_pb_column_4_4 .et_pb_newsletter.et_pb_login .et_pb_newsletter_form{
	width:100%;
	padding-left:0px;
}

/*** Mailchimp signup form footer ***/
.iatc-mc-wrapper{
	width:100%;
	padding-right:48px;
	font-size:14px;
}
.iatc-mc-field{ width:100%; font-size:14px;}
.iatc-mc-btn{font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.mc4wp-response{
	padding-right:48px;
}
.mc4wp-alert, .mc4wp-notice{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}


/*** Homepage styles ***/
.action-panel h2{
	font-size: 28px;
	line-height: 1.1em;
	margin:8px 0;
}

.action-panel a.actionbut{
	background-color: #F9B825;
	text-transform: uppercase;
	padding: 16px 32px;
	border-radius: 8px;
	color: #fff;
	font-weight:700;
	text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
	font-family: 'Raleway', sans-serif;
	margin-top:16px;
	display:inline-block;
}

.action-panel a.actionbut:hover{
	background-color: #F5991B;
}

.iatc-grid > div{
	margin-bottom:0!important;
}

/** coursera content **/

.et_pb_post_content.course-content ul{
	background-color: #efefef;
	padding: 40px 40px 25px 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.et_pb_post_content.course-content ul li{
	background-image: url(/img/check-mark.png);
    background-repeat: no-repeat;
    background-size: 30px;
	padding-left:40px;
	padding-bottom:15px;
	list-style-type:none;
	font-size: 16px;
	line-height: 1.6em;
}

.et_pb_post_content.course-content h3{
	padding-bottom:32px;
}

.course-feature article{
	margin-bottom:0px !important;
}

article.category-coursera a.more-link{
	font-weight:600;
	border-radius:100px;
	color:#fff;
}

article.category-coursera a.more-link:hover{
	font-weight:600;
	color:#fff;
}

article.category-coursera a.more-link{ background-color:#1F6FC0;}
article.category-coursera a.more-link:hover{background-color:#0F355C;}

.course-feature article.category-coursera a.more-link{ background-color:#fff;}
.course-feature article.category-coursera a.more-link:hover{background-color:#bfbfbf;}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 	.et_pb_post_content.course-content ul{
	background-color: #efefef;
	padding: 30px 20px 15px 20px;
	border-radius: 20px;
	margin-bottom: 40px;
}
}

/** Learning Portal **/

.lp-content-block .fluid-width-video-wrapper{
	margin:40px 0;
}

.lp-content-btn{
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	color:#ffffff;
}

.lp-portal-tile-btn{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #0078B8;
	padding: 10px 30px;
	text-transform: uppercase;
}

.lp-content-block .wp-caption{
	border: none !important;
	text-align: left;
	background-color: #ffffff;
	margin-bottom: 40px;
	max-width: 100%;
	padding: 0;
}

.lp-content-block .wp-caption p{
	font-size:16px;
	font-style:italic;
}

article.category-e-courses .post-meta{display:none;}

.ecp-tile .et_pb_blurb_content .et_pb_blurb_container{
	height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

/*** STEAMD Coloured Buttons ***/

article.category-steamd-marketplace a.more-link, article.category-e-courses a.more-link, article.category-sdgs a.more-link, article.category-body a.more-link, article.category-mind a.more-link, article.category-spirit a.more-link, article.category-people a.more-link, article.category-place a.more-link, article.category-planet a.more-link, article.category-season-1 a.more-link, article.category-season-2 a.more-link, article.category-season-3 a.more-link, article.category-season-4 a.more-link, article.category-season-5 a.more-link, article.category-season-6 a.more-link, article.category-season-7 a.more-link, article.category-season-8 a.more-link, article.category-season-9 a.more-link{
	font-weight:600;
	border-radius:100px;
	color:#fff;
	transition: all .2s;
	text-transform:uppercase;
	letter-spacing:0px;
}

article.category-steamd-marketplace a.more-link:hover, article.category-e-courses a.more-link:hover, article.category-sdgs a.more-link:hover, article.category-body a.more-link:hover, article.category-mind a.more-link:hover, article.category-spirit a.more-link:hover, article.category-people a.more-link:hover, article.category-place a.more-link:hover, article.category-planet a.more-link:hover, article.category-season-1 a.more-link:hover, article.category-season-2 a.more-link:hover, article.category-season-3 a.more-link:hover, article.category-season-4 a.more-link:hover, article.category-season-5 a.more-link:hover, article.category-season-6 a.more-link:hover, article.category-season-7 a.more-link:hover, article.category-season-8 a.more-link:hover, article.category-season-9 a.more-link:hover{
	font-weight:600;
	color:#fff;
	transform: translateX(0px) translateY(4px) !important;
}

article.category-science a.more-link{ background-color:#0078B8;	}
article.category-technology a.more-link{background-color:#83cee9;}
article.category-engineering a.more-link{background-color:#8c4292;}
article.category-maths a.more-link{background-color:#e43413;}
article.category-art a.more-link{background-color:#f0ae0e;}
article.category-design a.more-link{background-color:#5bb030;}

article.category-e-courses a.more-link{background-color:#a26fa7;}
article.category-sdgs a.more-link{background-color:#009edb;}
article.category-body a.more-link{background-color:#0078B8;}
article.category-mind a.more-link{background-color:#8C4292;}
article.category-spirit a.more-link{background-color:#83CEE9;}
article.category-people a.more-link{background-color:#f0ae0e;}
article.category-place a.more-link{background-color:#e43413;}
article.category-planet a.more-link{background-color:#5bb030;}

article.category-science a.more-link:hover{background-color:#096498;}
article.category-technology a.more-link:hover{background-color:#6ea6bd;}
article.category-engineering a.more-link:hover{background-color:#743977;}
article.category-maths a.more-link:hover{background-color:#b32f13;}
article.category-art a.more-link:hover{background-color:#c4910f;}
article.category-design a.more-link:hover{background-color:#4e8c2b;}

article.category-e-courses a.more-link:hover{background-color:#8C4292;}
article.category-sdgs a.more-link:hover{background-color:#0284b7;}
article.category-body a.more-link:hover{background-color:#026AA2;}
article.category-mind a.more-link:hover{background-color:#84398A;}
article.category-spirit a.more-link:hover{background-color:#71C2DF;}
article.category-people a.more-link:hover{background-color:#e18e0c;}
article.category-place a.more-link:hover{background-color:#cc2e11;}
article.category-planet a.more-link:hover{background-color:#4b9724;}

/** Podcast Link button colouring **/

article.category-season-1 a.more-link{background-color:#fcd201;}
article.category-season-2 a.more-link{background-color:#4d5175;}
article.category-season-3 a.more-link{background-color:#003064;}
article.category-season-4 a.more-link{background-color:#2b8437;}
article.category-season-5 a.more-link{background-color:#ffaa46;}
article.category-season-6 a.more-link{background-color:#000d58;}
article.category-season-7 a.more-link{background-color:#D52721;}
article.category-season-8 a.more-link{background-color:#B81818;}
article.category-season-9 a.more-link{background-color:#5390E6;}

article.category-season-1 a.more-link:hover{background-color:#fcc901;}
article.category-season-2 a.more-link:hover{background-color:#313451;}
article.category-season-3 a.more-link:hover{background-color:#00244a;}
article.category-season-4 a.more-link:hover{background-color:#23742E;}
article.category-season-5 a.more-link:hover{background-color:#F19932;}
article.category-season-6 a.more-link:hover{background-color:#02328d;}
article.category-season-7 a.more-link:hover{background-color:#D52721;}
article.category-season-8 a.more-link:hover{background-color:#B81818;}
article.category-season-9 a.more-link:hover{background-color:#5390E6;}

/*** steamd marketplace landing page ***/

.steamd-mkt-btn{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
}

.et_pb_button a.steamd-mkt-btn::after{
	content: '*';
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left:5px;
    color:red;
	
}

.smkt-science{background:#0078B8 !important}
.et_pb_button.smkt-science:hover{background-color:rgba(0,120,184,0.8) !important}

.smkt-tech{background:#83CEE9 !important}
.et_pb_button.smkt-tech:hover{background-color:rgba(131,206,233,0.8) !important}

.smkt-engineering{background:#8C4292 !important}
.et_pb_button.smkt-engineering:hover{background-color:rgba(140,66,146,0.8) !important}

.smkt-maths{background:#E43413 !important}
.et_pb_button.smkt-maths:hover{background-color:rgba(228,52,19,0.8) !important}

.smkt-art{background:#F0AE0E !important}
.et_pb_button.smkt-art:hover{background-color:rgba(240,174,14,0.8) !important}

.smkt-design{background:#5BB030 !important}
.et_pb_button.smkt-design:hover{background-color:rgba(91,176,48,0.8) !important}

/*** steamd post content template pages ***/

.steamd-btn{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
}

.lp-science{ background:#5E35B1 !important}
.et_pb_button.lp-science:hover{background-color:#3F0D7B !important}

.lp-technology{ background:#90A4AE !important}
.et_pb_button.lp-technology:hover{background-color:#626E74 !important}

.lp-engineering{ background:#00695C !important}
.et_pb_button.lp-engineering:hover{background-color:#00453D !important}

.lp-maths{ background:#0091EA !important}
.et_pb_button.lp-maths:hover{background-color:#015F9A !important}

.lp-art{ background:#F9B825 !important}
.et_pb_button.lp-art:hover{background-color:#F5991B !important}

.lp-design, .sm-design{ background:#5bb030 !important}
.et_pb_button.lp-design:hover{background-color:#AF1111 !important}

.sm-design{ background:rgba(0,0,0,0.2) !important}
.et_pb_button.sm-design:hover{background:rgba(0,0,0,0.3) !important}

/** podcasts **/

.available-on{
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:2px;
}

/** New article cards **/

.tabbed-sections ul.et_pb_tabs_controls::after{
	border-top:3px solid #ffffff;	
}

.tabbed-sections-pcu ul.et_pb_tabs_controls::after{
	border-top:3px solid #003064;	
}

.tabbed-sections-pcu .et_pb_tabs_controls li{
	font-weight:400;
	letter-spacing:-0.04em;
}

.tabbed-sections .et_pb_tabs_controls{
	border-bottom:none;
}

.article-grid .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.article-grid article{
	background-color:#ffffff;
	padding:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-direction:column;
	justify-content: space-between;
	box-shadow:
	  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
	  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
	  0 12.5px 10px rgba(0, 0, 0, 0.035),
	  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
	  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
	  0 100px 80px rgba(0, 0, 0, 0.07)
	;
	-webkit-border-radius: 8px; 
  	-moz-border-radius: 8px; 
  	border-radius: 8px; 
	margin-bottom:0;
}

.article-card .entry-featured-image-url{
	margin-bottom:15px !important;
}

.article-grid article p.post-meta{
	text-transform: capitalize;
	font-size:12px !important;
	font-weight:bold;
	margin-bottom:15px;
}

.article-grid .post-content p{
	display:none;
}

.article-grid h2{
	font-size:20px;
	min-height:50px;
	line-height:1.4em;
}

.article-grid a.more-link{
	background-color: #dfdfdf;
	display: inline-block;
	padding: 3px 18px;
	border-radius: 5px;
	color: #000;
	font-size:16px;
}

.article-grid a.more-link:hover{
	background-color: #cfcfcf;
}

.values-grid .et_pb_module:last-child{
	margin-bottom:2.75% !important;
}

/** New Jobs articles **/

.jobs-listing article{
	background-color:#f5f5f5;
	padding: 30px;
	border-radius: 20px;
	margin-bottom:30px;
}


/*** Podcast Season Feature Block ***/


.et_pb_all_tabs .et_pb_active_content, .et_pb_all_tabs .et-pb-active-slide{
	padding-top:0px;
	margin-top:-1px;
}


.pc-season-feature{
	background-color:#003064;
	padding:40px;
	margin-bottom:40px;
	-webkit-border-radius: 0 0 20px 20px; 
  	-moz-border-radius: 0 0 20px 20px; 
  	border-radius: 0 0 20px 20px;
	display:flex;
	flex-direction:row;
}

.pcs-feature-img{
	min-width:170px;
	max-width:170px;
	max-height:170px;
	display:block;
	margin-right:40px;
}

.pcs-feature-img img{
	height: 100%;
    width: 100%;
}

.pc-season-num{
	font-family: 'Arvo', serif;
	letter-spacing:-0.04em;
	color:#7189a3 !important;
}

.pc-season-feature h2{
	color:#fff !important;
	line-height: 1.3;
	font-size: 30px;
}

.pc-season-feature p{
	color:#fff;
	line-height: 1.3;
	font-size: 18px;
}

.et_pb_button.pcu-download-btn:hover{
	background-color:#dfdfdf !important;
}

.article-grid-4 .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px;
}

.article-grid-4 article{
	background-color:#ffffff;
	padding:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-direction:column;
	justify-content: space-between;
	box-shadow:
	  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
	  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
	  0 12.5px 10px rgba(0, 0, 0, 0.035),
	  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
	  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
	  0 100px 80px rgba(0, 0, 0, 0.07)
	;
	-webkit-border-radius: 8px; 
  	-moz-border-radius: 8px; 
  	border-radius: 8px; 
	margin-bottom:0;
}

.article-grid-4 article .entry-featured-image-url{
	margin-bottom:15px !important;
}

.article-grid-4 article p.post-meta{
	text-transform: capitalize;
	font-size:12px !important;
	font-weight:bold;
	margin-bottom:15px;
}

.article-grid-4 .post-content p{
	display:none;
}

.article-grid-4 h2{
	font-size:18px;
	min-height:50px;
	line-height:1.4em;
}

.article-grid-4 a.more-link{
	background-color: #dfdfdf;
	display: inline-block;
	padding: 3px 18px;
	border-radius: 5px;
	color: #000;
	font-size:16px;
}

.article-grid-4 a.more-link:hover{
	background-color: #cfcfcf;
}


/**** ENDS ***/

/*** BLOG GRID ***/


.blog-grid .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.blog-grid article{
	background-color:#ffffff;
	padding:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-direction:column;
	justify-content: space-between;
	box-shadow:
	  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
	  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
	  0 12.5px 10px rgba(0, 0, 0, 0.035),
	  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
	  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
	  0 100px 80px rgba(0, 0, 0, 0.07)
	;
	-webkit-border-radius: 8px; 
  	-moz-border-radius: 8px; 
  	border-radius: 8px; 
	margin-bottom:0;
}

.blog-card .entry-featured-image-url{
	margin-bottom:15px !important;
}

.blog-grid article p.post-meta{
	text-transform: capitalize;
	font-size:12px !important;
	font-weight:bold;
	margin-bottom:15px;
}

.blog-grid .post-content p{
	display:none;
}

.blog-grid h2{
	font-size:20px;
	line-height:1.4em;
	margin-bottom:16px;
}

.blog-grid a.more-link{
	background-color: #dfdfdf;
	display: inline-block;
	padding: 3px 18px;
	border-radius: 5px;
	color: #000;
	font-size:16px;
}

.blog-grid a.more-link:hover{
	background-color: #cfcfcf;
}

/*** CSS GRID ***/

.lp-grid, .lp-grid-below{
  display:grid;
  grid-gap:10px;
	grid-row-gap:10px;
}

.lp-grid{
  grid-template-columns:repeat(2, 50%);
}

.lp-grid-below{
	grid-template-columns: repeat(3, 33%);
}

.lp-grid-item{
	
}

.lp-grid-item-span{
  grid-column:span 2;
}


@media all and (min-width: 981px) and (max-width:1024px){
  .lp-grid{
    grid-template-columns:repeat(1, 100%);
  }
  .lp-grid-below{
	grid-template-columns: repeat(2, 50%);
  }
  .lp-grid-item-span{
    grid-column: span 1;
  }
	
	 .lp-grid-breaking-item-tab h2{
		position:absolute;
		top:232px !important;
	}
}



@media all and (min-width: 768px) and (max-width:980px){
  .lp-grid{
    grid-template-columns:repeat(1, 100%);
  }
  .lp-grid-below{
	grid-template-columns: repeat(2, 50%);
  }
  .lp-grid-item-span{
    grid-column: span 1;
  }
	
	.lp-grid-breaking-item h2{
		position:absolute;
		top:197px !important;
	}
}

@media all and (max-width: 767px){
   .lp-grid{
    grid-template-columns:repeat(1, 100%);
  }
  .lp-grid-below{
	grid-template-columns: repeat(1, 100%);
}
  .lp-grid-item-span{
    grid-column: span 1;
  }
}

@media all and (min-width: 480px) and (max-width: 766px){
  	.lp-grid-breaking-item h2{
		position:absolute;
		top:231px !important;
	}
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 	.lp-grid-breaking-item h2{
		position:absolute;
		top:197px;
	}
}

/****************/



/*** Listen On Icons ***/

.listen-on-icons{
	width:100%;
	height:34px
}

.listen-on{
	background-color:#fff;
	display:inline-block;
	padding:10px 10px 0px 10px;
	-webkit-border-radius: 8px; 
  	-moz-border-radius: 8px; 
  	border-radius: 8px; 
}

.listen-on a:first-child{
	margin-left:0px;
}
.listen-on a:last-child{
	margin-right:0px;
}

.podcast-icons{
	width:38px;
	height:38px;
	background-size:38px;
	background-repeat:no-repeat;
	display:inline-block;
	margin:0 4px 0 4px;
	border-radius:8px;
}

.apple-podcasts{background-image: url(/wp-content/uploads/2020/06/apple-podcasts.png);}
.breaker-podcasts{background-image: url(/wp-content/uploads/2020/06/breaker-podcasts.png);}
.google-podcasts{background-image: url(/wp-content/uploads/2020/06/google-podcasts.png);}
.pocket-casts{background-image: url(/wp-content/uploads/2020/06/pocket-casts.png);}
.radio-public{background-image: url(/wp-content/uploads/2020/06/radio-public.png);}
.spotify-podcasts{background-image: url(/wp-content/uploads/2020/06/spotify.png);}
.soundcloud{background-image: url(/wp-content/uploads/2020/06/soundcloud.png);}
	
/**** ENDS ****/

.grid-plus-container .grid-post-item .post-info .title{
	font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    font-family: inherit;
}

/*podcast image aspect ratio square 1:1*/

.pa-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.pa-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*** navigation***/

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding:0 !important;}
/**ul#top-menu{padding:0;}  change**/
#top-menu li{padding:0!important;}
#top-menu li a{font-weight:700 !important;}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a{
	padding: 30px 15px 15px 15px;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after{
	top:28px;
	/*right:-19px;*/
}

.donatebut{background-color:#fd8100; margin-right:0px; /*border-radius:50px;*/}
.foodbut{background-color:#21a24c; margin-right:0px; /*border-radius:50px;*/}
#top-menu li.donatebut.current-menu-item>a, .et-fixed-header #top-menu li.donatebut.current-menu-item>a, #top-menu li.foodbut.current-menu-item>a, .et-fixed-header #top-menu li.foodbut.current-menu-item>a{color:#fff !important;}

li.menusocial{
	padding:0;
	/*padding: 0 0px 0px 20px !important;*/
}

li.menusocial a{
	font-size: 27px !important;
	position: relative;
	top: 5px;
}

li.socialmedia a{padding:0 0 0 15px !important;}

.social-icons{
	display:inline-block;
	position: relative;
	top: 8px;
	width:30px;
	height:30px;
}

.s-fb, .s-tw, .s-in, .fa-linkedin{
	background-repeat: no-repeat;
	background-position: left;
	background-size:contain;
}

.s-fb{ background-image: url('/img/facebook-icon.png'); }
.s-tw{ background-image: url('/img/twitter-icon.png'); }
.s-in{ background-image: url('/img/instagram-icon.png'); }
.fa-linkedin{color:#0072b1; font-size: 33px; top: 6px; position: relative;}

.singlecol{
	width:50%;
	float:left;
	padding:20px;
}

.fullcol{
	width:100%;
	float:left;
	padding:0 20px;
}

.singlecol input[type="text"], .singlecol input[type="email"], .singlecol input[type="tel"], .fullcol input[type="text"]{
	width:100%;
	font-size:inherit;
	padding:12px;
	border-color:#efefef;
}	

.reqtext{
	font-size:10px;
}

input[type="submit"]{
	padding:12px;
	font-size:inherit;
	border:none !important;
	background-color:#6fcee5;
	color:#fff;
	cursor:pointer;
}

input[type="submit"]:hover{
	background-color:#666666;
	color:#fff;
	cursor:pointer;
}

span.wpcf7-not-valid-tip{ font-size:14px; }
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border:none !important;}
wpcf7-response-output { float:left;}

.gallery-tile {
	min-height:300px;
	max-height:300px;
	height:auto;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	
}

.et_pb_cta_0.et_pb_promo:img{ opacity:0.7;}

.gallery-tile:hover{ background-color:#000;}

.butterflies03 span.et_pb_image_wrap{
	position:inherit !important;
}
.butterflies img{
	position:absolute;
	z-index: 1000;
}

.butterflies01 img{
	bottom:-80px;
	right:0;
	width:400px;
}

.butterflies02 img{
	bottom: -80px;
	left: 100px;
	width: 400px;
}

.butterflies03 img{
	top: 220px;
	right: 100px;
	width: 400px;
}

.statnumber .percent{
	margin-bottom:20px;
}

.breakcode{
	display:inline-block;
}


.et_pb_post a.more-link {
text-transform:capitalize;
}

a.readmore-button{
	background-color: #efefef;
	padding: 8px 16px;
	border-radius: 4px;
	color: #000;
}

.our-stories-post-title h1{
	background:rgba(0,0,0,0.5);
	display: inline-block;
	padding: 10px 20px 12px 20px;
}

/*** audio post icons ***/

body.single .entry-content ul.audiosubscribelist{ padding:0 !important; margin:0; text-align:center;}
ul.audiosubscribelist li{ list-style-type:none; display:inline; padding-right:15px;}
ul.audiosubscribelist li a span.audioicons{}
ul.audiosubscribelist li a span.audiotext{ padding-left:5px;}

/*** BLOG GRID EQUALIZE ***/


/*** News content template ***/

.news-content img{
	margin-bottom:32px;
}

/*Equalize Blog Columns*/

.bloggrid .et_pb_salvattore_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bloggrid article {
        margin-bottom: 20px !important;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.bloggrid .post-content {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.bloggrid .column {
        margin-bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/*----------5 Columns----------*/
 
.five-columns .et_pb_module {
    float: left;
    width: 18%!important;
    padding: 20px;
	margin:1%;
	min-height:220px;
}

/*** contribution page ***/

a.donation-btn{
	background-color:#fff;
	border-radius:6px;
	font-size:26px;
	margin:10px;
	display:inline-block;
}

a.donation-btn.donation-paypal{
	padding:8px 25px 4px 25px;
}

a.donation-btn.donation-mpesa{
	padding:3px 25px 4px 25px;
}

a.donation-btn.donation-bitcoin{
	padding:8px 25px 4px 25px;
}


/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    .butterflies01 img{
	top: 100px;
	right: -60px;
	width: 400px;
}
.butterflies02 img{
	bottom: -120px;
	left: 100px;
	width: 400px;
}
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
       .butterflies01 img{
	top: 100px;
	right: -60px;
	width: 400px;
}
.butterflies02 img{
	bottom: -120px;
	left: 100px;
	width: 400px;
}
	.five-columns .et_pb_module {
    width: 33%!important;
    }
}

/* menu class fix */
@media only screen and ( max-width: 1190px ) { 
	#et_mobile_nav_menu {
 		display: block;
 }
 
	#top-menu {
 		display: none;
 }
}


/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    .butterflies03 img{
	top: 260px;
	right: 0px;
	width: 370px;
}
	.five-columns .et_pb_module {
    float: left;
    width: 18%!important;
    padding: 10px;
	margin:1%;
	min-height:250px;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 979px ) {
    .butterflies03 img{
	top: 260px;
	right: 0px;
	width: 370px;
}
	.five-columns .et_pb_module {
    width: 29%!important; 
	min-height:220px;
	margin-bottom:0.75% !important;
    }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    .butterflies03 img{
	top: 640px;
	right: 100px;
	width: 400px;
}
	.five-columns .et_pb_module {
    width: 29%!important; 
	min-height:220px;
	margin-bottom:0.75% !important;
    }
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    .butterflies03 img{
	top: 640px;
	right: 0px;
	width: 400px;
}
	.five-columns .et_pb_module {
    width: 100%!important;
		min-height:100px;
    }

.singlecol, .fullcol{
	width:100%;
	float:left;
	padding:20px 0 0 0;
}
}

@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
.article-grid .et_pb_ajax_pagination_container, .article-grid-4 .et_pb_ajax_pagination_container{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.pc-season-feature{
	background-color:#003064;
	padding:30px;
	margin-bottom:40px;
	-webkit-border-radius: 0 0 20px 20px; 
  	-moz-border-radius: 0 0 20px 20px; 
  	border-radius: 0 0 20px 20px;
	display:block;
}
}

@media only screen and ( max-width: 479px ) {
.article-grid .et_pb_ajax_pagination_container, .article-grid-4 .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}
	.pc-season-feature{
	background-color:#003064;
	padding:30px;
	margin-bottom:40px;
	-webkit-border-radius: 0 0 20px 20px; 
  	-moz-border-radius: 0 0 20px 20px; 
  	border-radius: 0 0 20px 20px;
	display:block;
}
	
	.pcs-feature-img{
	min-width:170px;
	max-width:170px;
	max-height:170px;
	display:block;
	margin-bottom:20px;
}
}

#donation_buttons input{
	width:218px
}

div.mfp-title{
	display:none
}

.codebio .et_pb_team_member_description p{
	line-height:1.3em;
	padding-top:10px
}

.et_pb_team_member_description{
	flex:0;
}

.howbox{
	width:100%
}

.bluegradient{
background: #008bd2; /* Old browsers */
background: -moz-linear-gradient(left, #008bd2 0%, #82cee8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #008bd2 0%,#82cee8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #008bd2 0%,#82cee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bd2', endColorstr='#82cee8',GradientType=1 ); /* IE6-9 */
}

/* Page Headers */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content{
	margin-left:0
}

.pghead p{
	background-color: rgba(0,0,0,.5);
	display:inline-block;
	padding:10px 20px !important;
	font-weight:bold;
	font-size:40px;
}

.et_pb_post_title.et_pb_featured_bg{
	background-position: 100% 25%;
}

/* Full width Quotes */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{
	width:100% !important;
	max-width:1080px
}

.quotesource{
	font-size:14px;
	color:#666
}

.codebio .et_pb_team_member_description p{
	font-size:14px
}

.codebio .et_pb_team_member_description h4{
	font-size:20px !important
}

.bottom-nav{padding:15px 0 0 0;}
.bottom-nav li{padding-bottom:0px;}

/* Style Footer Credits - Lines 948 & 949 */

#et-footer-nav{background-color: #17162e;}
#footer-bottom{
	background-color: #17162e;
	display:block !important;
	padding: 10px 0 15px;
}

.footer-info { 
text-align:left;
font-size:.8em;
color:#fff;
}

#footer-info a { 
color: #ffffff; 
}

#footer-info a:hover { 
color: #0078b7; 
}


/* Style Footer Social Icons - Lines 1185 to 1198 */

#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.icon-mobile:before {
	content: "\e000";
}
.icon-laptop:before {
	content: "\e001";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-tablet:before {
	content: "\e003";
}
.icon-phone:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e005";
}
.icon-documents:before {
	content: "\e006";
}
.icon-search:before {
	content: "\e007";
}
.icon-clipboard:before {
	content: "\e008";
}
.icon-newspaper:before {
	content: "\e009";
}
.icon-notebook:before {
	content: "\e00a";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-browser:before {
	content: "\e00c";
}
.icon-calendar:before {
	content: "\e00d";
}
.icon-presentation:before {
	content: "\e00e";
}
.icon-picture:before {
	content: "\e00f";
}
.icon-pictures:before {
	content: "\e010";
}
.icon-video:before {
	content: "\e011";
}
.icon-camera:before {
	content: "\e012";
}
.icon-printer:before {
	content: "\e013";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
}
.icon-wallet:before {
	content: "\e016";
}
.icon-gift:before {
	content: "\e017";
}
.icon-bargraph:before {
	content: "\e018";
}
.icon-grid:before {
	content: "\e019";
}
.icon-expand:before {
	content: "\e01a";
}
.icon-focus:before {
	content: "\e01b";
}
.icon-edit:before {
	content: "\e01c";
}
.icon-adjustments:before {
	content: "\e01d";
}
.icon-ribbon:before {
	content: "\e01e";
}
.icon-hourglass:before {
	content: "\e01f";
}
.icon-lock:before {
	content: "\e020";
}
.icon-megaphone:before {
	content: "\e021";
}
.icon-shield:before {
	content: "\e022";
}
.icon-trophy:before {
	content: "\e023";
}
.icon-flag:before {
	content: "\e024";
}
.icon-map:before {
	content: "\e025";
}
.icon-puzzle:before {
	content: "\e026";
}
.icon-basket:before {
	content: "\e027";
}
.icon-envelope:before {
	content: "\e028";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-telescope:before {
	content: "\e02a";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-key:before {
	content: "\e02c";
}
.icon-paperclip:before {
	content: "\e02d";
}
.icon-attachment:before {
	content: "\e02e";
}
.icon-pricetags:before {
	content: "\e02f";
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-layers:before {
	content: "\e031";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-tools:before {
	content: "\e033";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-scissors:before {
	content: "\e035";
}
.icon-paintbrush:before {
	content: "\e036";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-circle-compass:before {
	content: "\e038";
}
.icon-linegraph:before {
	content: "\e039";
}
.icon-mic:before {
	content: "\e03a";
}
.icon-strategy:before {
	content: "\e03b";
}
.icon-beaker:before {
	content: "\e03c";
}
.icon-caution:before {
	content: "\e03d";
}
.icon-recycle:before {
	content: "\e03e";
}
.icon-anchor:before {
	content: "\e03f";
}
.icon-profile-male:before {
	content: "\e040";
}
.icon-profile-female:before {
	content: "\e041";
}
.icon-bike:before {
	content: "\e042";
}
.icon-wine:before {
	content: "\e043";
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-globe:before {
	content: "\e045";
}
.icon-genius:before {
	content: "\e046";
}
.icon-map-pin:before {
	content: "\e047";
}
.icon-dial:before {
	content: "\e048";
}
.icon-chat:before {
	content: "\e049";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-cloud:before {
	content: "\e04b";
}
.icon-upload:before {
	content: "\e04c";
}
.icon-download:before {
	content: "\e04d";
}
.icon-target:before {
	content: "\e04e";
}
.icon-hazardous:before {
	content: "\e04f";
}
.icon-piechart:before {
	content: "\e050";
}
.icon-speedometer:before {
	content: "\e051";
}
.icon-global:before {
	content: "\e052";
}
.icon-compass:before {
	content: "\e053";
}
.icon-lifesaver:before {
	content: "\e054";
}
.icon-clock:before {
	content: "\e055";
}
.icon-aperture:before {
	content: "\e056";
}
.icon-quote:before {
	content: "\e057";
}
.icon-scope:before {
	content: "\e058";
}
.icon-alarmclock:before {
	content: "\e059";
}
.icon-refresh:before {
	content: "\e05a";
}
.icon-happy:before {
	content: "\e05b";
}
.icon-sad:before {
	content: "\e05c";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}

.sixfour{
    font-size: 64px;
}

.eightfour{
    font-size: 84px;
}

/** share social plugin customisations **/

.a2a_s__default{
  	border-radius: 26px !important;
  	padding: 7px !important;
}