/* CUSTOM CSS */

body{
	background: #fff;
    background: url(../jpg/footer-bg-v3.jpg) bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 760px;
    max-width: 100%;
    overflow-x: hidden;
    border-bottom: 0px;
}


/* NAVIGATION */

.fullscreen-nav {
	padding-top: 40px;
	height: 500px;
	width: 100%;
	background: white;
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	/* opacity: 0; */
	display: none;
	transition: 4s;
	z-index: 9999;
	-webkit-animation: fadein 0.5s;
	-moz-animation: fadein 0.5s;
	-ms-animation: fadein 0.5s;
	-o-animation: fadein 0.5s;
	animation: fadein 0.5s;
	opacity: 0.9;
}

.nav-link{
  border:0px;
}
.main-menu a {
    padding: 10px 0px 0px 0;
    font-size:16px;
}
.main-menu{
	max-width:1400px!important;
}
#ourregenerativefuture ul li {
    font-family: 'Roboto', sans-serif!important;
    display: block;
}

/* SIDE MENU */

.main {
	width: 100px;
    position: fixed;
    top: 59px;
    z-index:99999999999999999999999999999;
    cursor: pointer;
 }
.main_content {
    width: 400px;
    display: block;
    padding: 0px 0px 0px 50px;
    transition: .5s cubic-bezier(.75,.02,.31)!important; 
}
/*.main .button {
	padding: 5px 30px 5px 30px!important;
	transition: .5s cubic-bezier(.75,.02,.33,1)!important;
	width: 150px!important;
	/*background:#fff!important;
	background:url(/wp-content/themes/typology-child/ourregenerativefuture/imgs/menu-bg.png);
	background-repeat:no-repeat;
	background-size:300px;
	position:fixed;
	/*border-top:1px solid #141414;
	border-bottom:1px solid #141414;
    border-right:1px solid #141414;
}
*/
.main .button {
    padding: 19px 30px 5px 30px!important;
    transition: .5s cubic-bezier(.75,.02,.33,1)!important;
    width: 150px!important;
    background: url(../png/menu-nav-mobile.png);
    background-repeat: no-repeat;
    background-size: 202px;
    background-position: -3px -17px;
    color: #fff;
    position: fixed;
    letter-spacing: 1px;
    height: 200px;
    padding-top: 300px;
    width: 250px!important;
}

#burger{
    margin-top: 135px;
}

.button:hover {
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0)!important;
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0)!important;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0)!important;
}

.main_content .button #burger {
	width: 40px;
}


.menu {
	z-index:99999999999999999999999999999;
	position: absolute;
	width: 0px;
	display: block;
	transition: .5s cubic-bezier(.75,.02,.33,1); 
	background-color:#141414;
	opacity:0.9;
  	height: 100%;
}
.menu ul {	
    padding-top: 268px;
    padding-left: 0px!important;
    text-align: left!important;
    position: fixed;
 }

 .menu ul li {
      display: none;
      transform: translateY(-40px);
      opacity: 0;
      margin-left:50px;
      margin-bottom:0px;
      transition: .5s ease;
      display:block!important;
      padding:0px!important;
  }

 .menu ul li a{
        font-size: 16px;
        font-family: 'Assistant', sans-serif!important;
        color:#fff;
        text-decoration:none;
 }

  .menu ul li a:hover{
        color:#a2a588;
 }

.menu_open .menu{
    width: 260px;
 }
.menu_open .main_content {
    transform: translateX(400px);
  }
.menu_open .button {
    /*transform: translateX(130px);*/
  }
.close-menu{
	display:none;
}

/* WEBINAR */

.webinar{
	background:#a2a588;
	padding:10px 10px 10px 10px;
}

.webinar a{
	color:#fff!important;
	width:260px;
	display:block;
	margin:0 auto;
	text-decoration:none!important;
	letter-spacing:2px;
}

.webinar a:hover{
	opacity:0.7;
}


.webinar img{
	width:50px;
}


/* FOREWORD */
a.read-more{
	color:#fff;
	font-size:18px;
	margin-bottom:50px;
}

body blockquote{
	font-size:18px!important;
	color:#fff!important;
}

.foreword{
	background-color:#9a8479;
	background-repeat: repeat;
	width:100%;
	padding: 60px 10px 60px 10px;
	background: url(../jpg/rod-bg.jpg) left bottom #9a8479;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
}

.foreword a{
	color:#fff!important;
}

.executive-summary{
	background-color:#313131;
	background-repeat: repeat;
	width:100%;
     background: url(../jpg/executive-bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding: 60px 10px 60px 10px;
}

.introduction{
	background-color:#9a8479;
	background-repeat: repeat;
	width:100%;
	 background: url(../jpg/intro-section-bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding: 60px 10px 100px 10px;
    margin: 0 0 150px 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%);
}

.avatar-thumb{
	width:150px!important;
	margin:0 auto!important;
	display:block;
	margin-bottom:10px!important;
}

.foreword .container-articles,
.executive-summary .container-articles,
.introduction .container-articles,
.logo-strip .container-articles{
	max-width:900px!important;
	display:block!important;
	margin:0 auto;
}

body .foreword .container-articles h3,
body .executive-summary .container-articles h3,
body .introduction .container-articles h3{
	text-align:center!important;
	color:#fff;
	font-family: 'EB Garamond'!important;
}

body .foreword .container-articles p,
body .executive-summary .container-articles p,
body .introduction .container-articles p
{
	color:#fff;
	font-family: 'EB Garamond'!important;
}

.logo-strip{
	background-color:#1b1b1b;
}


.logo-strip .pa-logo{
	max-width:100px;
	height:auto!important;
	margin-right:20px;
	display:block!important;
	margin:0 auto;
	opacity:0.7;
}

.logo-strip .ehf-logo{
	max-width:150px;
	display:block!important;
	margin:0 auto;
	opacity:0.7;
}

.logo-strip .pa-logo:hover,
.logo-strip .ehf-logo:hover{
	opacity:1;
}

.podcast-intro{
    padding: 33px 28px 0px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: right;
    color:#fff;
}

.apple-logo{
	max-width:55px;
	margin-right:20px;
}
.spotify-logo{
	max-width: 144px;
}

.apple-logo:hover{
	opacity:0.7;
}
.spotify-logo:hover{
	opacity:0.7;
}

.row{
	display: flex;
	align-items: center!important;
  	justify-content: center!important;
  	width:100%;
}

.col-2{
	flex: 50%;
}

.readmore-button-exec{
	color: #fff;
    text-decoration: none!important;
    width: 300px;
    text-align: center;
    border: 2px solid #fff;
    padding: 10px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    display:block;
}

.readmore-button-exec:hover{
	border:2px solid #1b1b1b;
	background:#1b1b1b;
	color:#fff;
}


/* Articles */

@keyframes FadeIn {
  0% {
    opacity: 0;
    padding-top: 30px;
  }

  100% {
    opacity: 1;
  }
}


/* PARALLAX */

.parallax-row{
	position:relative;
	min-height:auto;
	text-decoration:none!important;
}
.parallax-row h4,
.parallax-row a,
.parallax-row p{
	text-decoration:none!important;
}

#orf-articles{
	max-width:1200px;
	display:block;
	margin:0 auto;
	position:relative;
}

.plant-side{
	position:absolute;
	right:0;
	bottom:1000px;
	width:500px;
}

.birds-side{
	position:absolute;
	left:0;
	bottom:1000px;
	width:500px;
}

.hand-plant{
	position:absolute;
	right:0;
	top:2700px;
	width:600px;
}

.orf-article{
	max-width:600px;
	margin-left:0px;
	margin-top:150px;
	position:relative;
	background:#a2a588;
	color:#fff;
	padding-bottom:20px;
}

.orf-article-alt{
	max-width:600px;
	margin-top:150px;
	margin-left:600px;
	position:relative;
	background:#a2a588;
	color:#fff;
	padding-bottom:20px;
}

.orf-article h4,
.orf-article-alt h4{
	color:#fff!important;
	font-family: 'EB Garamond'!important;
	padding:20px 40px 0px 40px;
	margin-bottom:5px!important;
}

.orf-article p,
.orf-article-alt p{
	color:#fff!important;
	padding:0px 40px 0px 40px;
}

.orf-article .read-article,
.orf-article-alt .read-article{
	background:#141414;
	color:#fff!important;
	padding:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	text-decoration:none!important;
	font-family:'Assistant', roboto, helvectica;
}

.orf-article .read-article:hover,
.orf-article-alt .read-article:hover{
    background: #1b1b1b;
    padding-right: 50px;
    background-image: url(../png/read-more-arrow.png)!important;
    background-size: 21px auto;
    background-position: 107px 15px;
    background-repeat: no-repeat;
}

#ourregenerativefuture .orf-article span,
#ourregenerativefuture .orf-article-alt span{
    font-size: 64px!important;
    line-height: 74px;
    position: absolute;
    left: 0px;
    top: -80px;
    color: #fff!important;
    background: #868968;
    width: 80px;
    height: 80px;
    text-align: center;
    font-family: Roboto;
    font-weight: bold;
}

.plant-side{
	position:absolute;

}

#connect{
	 background: url(../jpg/connect-bg.jpg) #d4beb3 bottom left;
     background-repeat: no-repeat;
     background-size: 100%;
	 margin:50px 0 0 0;
	 padding:50px;
	 padding-bottom:280px;
	 display:block!important;
	 max-width: 815px;
     margin: 0 auto!important;
     margin-top: 100px!important;
     border:1px solid #766056;
	 text-align:center;
}

#connect a{
	color:#5b463b!important;
	text-decoration: none!important;
}

#connect p{
	color:#5b463b;
	padding-bottom:0px;
}


/* HIDING PARALLAX FEATURES ON MOBILE */
@media (max-width: 768px) {

	body{
    	padding-bottom: 200px;
	}

  *[data-paroller-factor] {
    /*for all elements with background parallax effect*/
    background-position: center !important; 

    /*for all elements with foreground parallax effect*/
    transform: none !important;
  }

    .plant-side{
  		position:static;
  		width:450px;
  		padding:50px;
  		display:block;
  		margin:0 auto;
	}

	.birds-side{
		position:static;
  		width:450px;
		padding:50px;
		display:block;
  		margin:0 auto;
	}

	.orf-article{
		max-width:600px;
		margin-left:0px;
		margin-top:150px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}

	.orf-article-alt{
		max-width:600px;
		margin-top:150px;
		margin-left:0px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}
}

#ourregenerativefuture .slot-l {
  display:none;
}

#ourregenerativefuture .typology-header {
  z-index: 999001;
  height: 50px;
}

#ourregenerativefuture .avatar {
	border-radius:0;
}

#ourregenerativefuture {
	background-color:#fff;
}

.et_bloom_header_outer {
	margin:auto;
}    


.et_bloom_form_header {
	width: 100%;
}

.et_bloom_form_container {
	top: 160px !important;
}

.et_bloom_image {
	opacity:1;
}


/* CREDITS */

.credits{
	 margin:50px 0 0 0;
	 background: url(../jpg/footer-bg-v2.jpg) #f7f7f7 bottom left;
     background-repeat: no-repeat;
     background-size: 100%;
	 padding:50px;
	 padding-bottom: 300px;
	 display:block!important;
	 max-width: 815px;
     margin: 0 auto!important;
     margin-top: 100px!important;
     border:1px solid #a2a588;
	 text-align:center;
}

.credits h2{
	color:#141414;	
}

.credits img{
	max-width:300px;
	padding:20px;
	margin-top:20px;
}

.credits h3{
	font-size:25px;
	padding-top:10px;
	margin-bottom:3px;
}

.credits em{
	font-size:25px;
	color:#a2a588;
}

.credits a{
	color:#808363!important;
	text-decoration: none!important;
}

.credits p{
	padding-bottom:0px;
}



/* Disable irrelevants */

#ourregenerativefuture #typology-footer {
	background: none;
	height:200px;
}

#ourregenerativefuture .newsletter-signup {
	display:none;
}

/* Re-enable comment div */

#ourregenerativefuture #comments {
	display: block;
}

.he_header {
	width: 100%;
	max-height: 725px;
    
    background-color: black;
    position: relative;
    overflow:hidden;
}

.he_header video, .he_header iframe {
	max-height: 860px;
	min-height: 300px;
}

#countdown {
	white-space: nowrap;
}

#countdown p {
	color:white;
	margin-bottom:0;
}

/* Style header */

#ourregenerativefuture .he_header h1 {
	color:white;

	position:absolute;

	margin-left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	z-index:10;
	max-width: 700px;
    text-align: center;
}

#ourregenerativefuture .he_header img{
	width:18px!important;
}

#ourregenerativefuture .he_header h2 {
	position: absolute;
    margin-left: 50%;
    top: 50%;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    z-index: 10;
    width: 100%;
    text-align: center;
    white-space: normal;
    margin-top: 3em;
}

#ourregenerativefuture iframe, #ourregenerativefuture video {
	width:100%;
	height:100%;
}

/* Pad content */

.ourregenerativefuture main {
	padding-top: 3em;
}

.ourregenerativefuture figure {
	padding-top: 1em;
}


/* Footer */

#ourregenerativefuture .typology-author-box-title{
	color: #C0967C;
	font-family: Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
}

#ourregenerativefuture .typology-author-links a.typology-button-social{
	color: #C0967C!important;
	border-bottom:3px solid #C0967C;;
}
#ourregenerativefuture .newsletter-signup{
	display:none;
}

#ourregenerativefuture .social-icons{
    margin-top: 50px;
}

#ourregenerativefuture .typology-footer{
	background:none;
}

#ourregenerativefuture .typology-footer p {
    padding: 0px;
    margin: 20px !important;
    text-align: center;
    display: block;
    margin: 0 auto!important;
    line-height: 43px;
}

#ourregenerativefuture .typology-footer {
    height: 200px;
}

#ourregenerativefuture .section-content-page{
	max-width:100%;
}

#ourregenerativefuture h1{
	 font-family: 'EB Garamond'!important;
	 letter-spacing:10px;
	 color:#000;
	 font-size:70px;
	 width:100%;
}
#ourregenerativefuture h2{
     font-family: 'EB Garamond'!important;
	 color:#141414;
	 font-size:30px;
}

#ourregenerativefuture h3{
     font-family: 'EB Garamond'!important;
}

#ourregenerativefuture p{
	font-family: 'Assistant', sans-serif!important;
	font-size:16px;
}

#ourregenerativefuture ul li{
	font-family: 'Roboto', sans-serif!important;
}
#ourregenerativefuture ol li{
	margin:20px 0 0 30px;
}

#ourregenerativefuture .story h3{
	color:#a2a588;
	padding-top: 2em;
}

#ourregenerativefuture .et_bloom_submit_subscription {
	background-color:#C0967C !important;
}

#sb_instagram {
	margin: 3em auto;
}


@media (max-width: 1400px) {
	#ourregenerativefuture .he_header h1 {
		text-align: center;
	}

	#ourregenerativefuture #countdown {
		margin-top:2em;
		padding-top: 3em
	}

	#ourregenerativefuture #countdown >div {
		font-size: 2.6rem !important;
		padding: 0 2em;
	}
}

@media (max-width: 600px) {
	#ourregenerativefuture .sponsorHolder div {
		height:80px;
		display:block;
		margin:0 auto;
	}

	#ourregenerativefuture #countdown >div {
		font-size: 1.5rem !important;
	}

	#ourregenerativefuture #countdown {
		padding-top: 2em;
	}

	#ourregenerativefuture video, #ourregenerativefuture iframe {
		width:auto;
		height: 300px;
	}

	.apple-logo {
		max-width: 41px;
    	margin-right: 8px;
	}
	.spotify-logo {
    	max-width: 120px;
	}
	.podcast-intro {
	    padding: 20px 20px 0px 0;
	    text-align: center;
	    font-size: 12px!important;
	}
}





@media (min-width: 768px) {

/* NAVIGATION */
	.fullscreen-nav {
		padding-top: 40px;
		height: 120px;
		width: 100%;
		background: white;
		position: fixed;
		left: 0;
		top: 0;
		text-align: center;
	}

	.main-menu a {
	    padding: 50px 20px 20px 0;
	    font-size:16px;
	}

	#ourregenerativefuture ul li {
    	display: inline-block;
	}

	.logo-strip .pa-logo{
		max-width:200px;
	}

	.logo-strip .ehf-logo{
		max-width:300px;
	}

	.parallax-row{
		position:relative;
		min-height:650px;
	}

	.orf-article{
		max-width:600px;
		display:block;
		margin: 0 auto;
		margin-top:150px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}

	.orf-article-alt{
		max-width:600px;
		display:block;
		margin: 0 auto;
		margin-top:150px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}
}

@media (min-width: 992px) {
	.he_header video, 
	.he_header iframe {
		max-height: 1200px;
		min-height: 300px;
	}

	#ourregenerativefuture .orf-article span,
	#ourregenerativefuture .orf-article-alt span{
	    left: -39px;
	    top:-36px;
	}

	.orf-article{
		max-width:600px;
		margin-left:0px;
		margin-top:150px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}

	.orf-article-alt{
		max-width:600px;
		margin-top:150px;
		margin-left:600px;
		position:relative;
		background:#a2a588;
		color:#fff;
		padding-bottom:20px;
	}

}


@media (min-width: 2500px) {

	.he_header video, 
	.he_header iframe {
		max-height: 1500px;
		min-height: 300px;
	}

	body {
    	padding-bottom: 900px!important;
	}

}