/*
Theme Name: Dr Perlmutter 2
Theme URI: 
Author: 
Author URI: 
Description:
Version: 0.1
*/
@font-face {
    font-family: FuturaBold;
    src: url("fonts/Futura Std Bold.otf");
    font-display: swap; 
}
@font-face {
	font-family: FuturaLight;
    src: url("fonts/Futura Std Light.otf");
    font-display: swap; 
}
@font-face {
	font-family: GothamBlack;
    src: url("fonts/Gotham Black Regular.ttf");
    font-display: swap; 
}
@font-face {
	font-family: GothamBoldItalic;
    src: url("fonts/Gotham Bold Italic.ttf");
    font-display: swap; 
}
@font-face {
	font-family: GothamBookItalic;
    src: url("fonts/Gotham Book Italic.ttf");
    font-display: swap; 
}
@font-face {
	font-family: GothamBold;
    src: url("fonts/Gotham Bold.otf");
    font-display: swap; 
}
@font-face {
	font-family: GothamBook;
    src: url("fonts/Gotham Book Regular.otf");
    font-display: swap; 
}


*{
    font-family: GothamBook;
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased;
	appearance: none !important;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
	color: #2E2E2E;
}
textarea:focus, input:focus{
    outline: none;
}
html{
    overflow-x: hidden;
}
body{
    margin: 0; 
    overflow-x: hidden;
    background-color: white;
}
a{
    text-decoration: none;
    color: inherit;
}
.container{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 1120px){
    .container{
        width: 95%;
    }
}
.main-content-container{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 1120px){
    .main-content-container{
        width: 95%;
    }
}
h1{
    max-width: 630px;
    font-family: GothamBlack;
    font-style: normal;
    font-weight: normal !important; 
    font-size: 80px;
    color: #2E2E2E;
    margin-bottom: 0;
    margin-top: 0px; 
}
h2{
    font-family: GothamBlack;
    font-style: normal;
    font-weight: normal !important;
    font-size: 60px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #2E2E2E;
}
h3{
    font-family: GothamBold;
    font-style: normal;
    font-weight: normal !important;
    color: #2E2E2E;
}
h4{
    font-weight: normal !important;
}
p{
    font-family: GothamBook, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px; 
    text-align: left;
    color: #2E2E2E;
}
p strong{
    font-family: GothamBold, sans-serif;
    font-weight: normal;
}
em{
    font-family: GothamBookItalic, sans-serif;
    font-style: normal
}

/*
Footer
*/
footer{
    background-color: #F2F0F0;
}
.footer-inner{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 1120px){
    .footer-inner{
        width: 95%;
    }
}
.footer-socials{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-socials a{
    display: block;
    margin-right: 10px;
}
.footer-socials a:last-child{
    margin-right: 0px;
}
.footer-top{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 40px;
}
.footer-bottom{
    padding-bottom: 50px;
    padding-top: 35px;
    border-top: 1px solid #BEBEBE;
}
.footer-seo{
    margin-top: 50px;
}
.footer-disclaimer p{
    font-family: GothamBook, sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #2E2E2E;
    margin: 0;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
footer .menu{
    text-align: center;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
footer .menu li{
    display: inline-block;
    font-family: GothamBook, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin-right: 20px;
}
footer .menu li:last-child{
    margin-right: 0px;
}
.bottom-line{
    border-bottom: 20px solid #F77D0F;
}
.footer-center{
    margin-bottom: 50px;
}
#menu-footer-menu{
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    padding-left: 60px;
    padding-right: 60px;
}
#menu-footer-menu li{
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    margin-right: 0;
}
#menu-footer-menu .sub-menu{
    padding-left: 0;
}
@media (max-width: 1120px){
    .footer.logo{
        width: 100%;
    }
    #menu-footer-bottom-menu{
        padding-left: 0;
    }
    #menu-footer-menu{
        flex-direction: column;
    }
    .footer-bottom{
        padding-bottom: 40px;
    }
    footer .menu li {
        display: block;
    }
    #menu-footer-bottom-menu li {
        margin-top: 10px;
    }
    .footer-disclaimer{
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-center{
        margin-bottom: 25px;
    }
    #menu-footer-menu .sub-menu{
        margin-bottom: 15px;
    }
    .footer-top{
        padding-top: 50px;
    }
    .footer-top img{
        width: 235px;
    }
}

.footer-search .clickable-zoom-container{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

.footer-search .clickable-zoom{
	width: 30px;
    height: 35px;
    right: 0px;
    top: 0;
}

.footer-search .search-input{
	max-width: initial;
	width: 100%;
	background-size: 20px;
	height: 30px;
	background-position: calc(100% - 10px) 50%;
}

@media (max-width: 767px){
	.footer-search .clickable-zoom-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-search .clickable-zoom {
		right: 10px;
	}
	.footer-search .search-input{
		height: 30px;
		background-size: 15px;
	}
}

.newsletter{
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
}
.newsletter-right{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.newsletter-left{
    background-color: #8BBC2B;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 55px;
    background-repeat: no-repeat;
    background-image: url('images/newsletterbg.svg');
    background-position: calc(100% + 80px) 13px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.newsletter-right{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.newsletter-left p{
    font-family: GothamBold, sans-serif;
    font-size: 24px;
    line-height: 35px;
    color: white;
    text-align: center;
}
.mc4wp-form-fields p{
    margin: 0;
}
.mc4wp-form-fields input[type="submit"]{
    background-color: #2E2E2E;
    color: white;
    font-family: GothamBold, sans-serif;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 10px;
    padding-bottom: 8px;
}
.mc4wp-form-fields input[type="email"]{
    background-color: white;
    color: black;
    font-family: GothamBook, sans-serif;
    font-size: 20px;
    line-height: 1;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 20px);
    text-align: center;
    margin-top: 12px;
    margin-bottom: 20px;
    border: none;
    padding-bottom: 10px;
    padding-top: 5px;
}
.mc4wp-form-fields input[type="email"]::placeholder{
    color: #BEBEBE;
}
@media (max-width: 1120px){
    .newsletter {
        grid-template-columns: 100%;
        margin-top: -105px; 
    }
    .mc4wp-form-fields input[type="email"]{
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-top: 20px; 
    }
    .newsletter-left{
        order: 2;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-size: 100px 100px;
        padding-bottom: 40px; 
        background-position: calc(100% - 15px) calc(100% - 95px);
    }
    .newsletter-right{
        height: 250px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
	.newsletter-right{
		background-position: top center;
	}
}


.section{
    min-height: 455px;
    display: grid;
    grid-template-columns: auto 460px; 
    margin-top: 60px;
}
.section .section-left{
    background-color: #F2F0F0;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-right{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #8BBC2B; 
}
.section .section-title{
    padding-top: 0;
    font-family: GothamBold, sans-serif;
    font-style: normal;
    font-size: 36px !important;
    line-height: 42px !important;
    color: #2E2E2E;
    margin: 0;
    margin-bottom: 15px;
}
.section .section-content{
    color: #2E2E2E;
    margin-top: 10px;
    margin-bottom: 35px;
}
.section .section-link{
	justify-content: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    font-family: GothamBold, sans-serif;
    color: white;
    font-size: 18px;
    line-height: 32px;
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 40px;
    background-color: #F77D0F;
    text-transform: uppercase;
}
.section .section-link:hover{
    background-color: #ca6306;
}
.section .section-link:active{
    background-color: #7e3e04;
}

@media(max-width: 1020px){
    .section{
        grid-template-columns: 100%;
        margin-top: 40px;
    }
    .section-left{
        order: 1;
        padding-bottom: 50px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 40px !important;
    }
    .section-right{
        height: 355px;
    }
    .section .section-link{
        font-size: 16px; 
        padding-left: 15px;
        padding-right: 15px;
    }
    .section .section-content{
        margin-bottom: 75px;
    }
    .section .section-content p{
        margin-bottom: 16px;
        line-height: 26px;
    }
    .section .section-title{
        font-size: 24px !important;
        line-height: 32px !important;
    }
}

.large-image{
    width: 100%;
    height: 750px;
    background-repeat: no-repeat; 
    background-size: cover;
    margin-bottom: 100px;
    background-attachment: fixed;  
}
@media(max-width: 1020px){
    .large-image{
        height: 375px;
        background-position: center center;  
        margin-bottom: 70px; 
    }
}

/*
Latest Blog Posts
*/
.blog{
    display: grid;
    grid-template-columns: calc(33% - 13.33px) calc(33% - 13.33px) calc(33% - 13.33px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}
@media(max-width: 1020px){
    .blog{
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }

}
.latest-news h4{
    color: #2E2E2E;
    font-family: GothamBold, serif;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
@media(max-width: 720px){
    .latest-news h4{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .blog{
        grid-template-columns: 100%;
        margin-bottom: 20px;
    }
    .main-content-container h3.post-title{
        font-size: 18px;
        line-height: 25px;
    }

}
.post-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 100%;
    height: 189px;
}
.more-news-wrapper{
    display: flex;
    justify-content: center;
}
.more-news{
    color: #FFFFFF;
    background-color: #8BBC2B;
    font-size: 18px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: GothamBold;
    border-radius: 30px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.more-news:hover{
    background-color: #6e9522;
}
.more-news:active{
    background-color: #465e15;
}
.post-wrap{
    background-color: #F2F0F0;
}
.post-details{
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 30px;
    padding-top: 18px;
}
.post-date{
    font-family: GothamBold;
    color: #67B5DC;
    font-size: 12px;
    line-height: 28px;
}
.post-title{
    font-family: GothamBold;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
}
.latest-news{
    margin-bottom: 100px;
}
@media(max-width: 720px){
    .post-image{
        height: 185px;
    }
    .more-news{
        padding-left: 20px;
        padding-right: 20px;       
    }
}

/*
Bookquote
*/
.bookquote-wrapper{
    background-color: #67B5DC;
    margin-bottom: 100px;
}
.bookquote-left{
    padding-top: 60px;
    padding-bottom: 70px;
}
.bookquote-right{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 87% center;
}
.bookquote{
    display: grid;
    grid-template-columns: calc(100% - 400px) 400px; 
    grid-column-gap: 0px;
}
.bookquote-quote{
    font-family: GothamBlack;
    font-size: 120px;
    color: white;
} 
.bookquote-content{
    margin-top: -40px; 
    margin-bottom: 30px;
}
.bookquote-content p{
    color: white;
    margin: 0;
    font-family: GothamBold;
    font-size: 80px;
    line-height: 100px; 
}
.bookquote-content strong{
    color: #2E2E2E;
}
.bookquote-content{
    width: 720px;
}
@media(max-width: 1020px){
    .bookquote-content{
        width: auto; 
        margin-bottom: 50px;
    }
    .bookquote{
        grid-template-columns: 100%;
        position: relative;
    }
    .bookquote-content p{
        font-size: 45px;
        line-height: 45px;
    }
    .bookquote-wrapper{
        margin-bottom: 60px;
    }
    .bookquote-left{
        padding-top: 25px;
        padding-bottom: 150px;
    }
    .bookquote-right{
        position: absolute;
        height: 225px;
        width: 100%;
        top: unset;
        bottom: 0;
        right: -40px;
        position: absolute;
        background-size: 230px 225px;
    }
}

/*
Video
*/
.video-wrapper{ 
    position: relative;
    overflow: hidden;
}
.video-wrapper-background{
    height: 683px;
    -webkit-filter: blur(10px);
    filter: blur(10px); 
    margin-bottom: 0 !important;
	transform: scale(1.1);
}
.video-wrapper-after{
    height: 100px;
}
.video-wrapper-shadow{
    background-color: black;
    opacity: 0.3;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.video-wrapper-inner{
    width: 100%;
    position: absolute;
    top: 0;
    height: 683px;
    display: flex;
    align-items: center;
}
.wp-block-embed{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-left: 95px;
    margin-right: 95px;
}
.wp-block-embed svg{
    cursor: pointer;
}
.wp-block-embed__wrapper{
    cursor: pointer;
    margin-bottom: 20px;
    opacity: 0;
    max-height: 523px;
}
@media(max-width: 1020px){
    .video-wrapper{
        height: 250px;
        margin-bottom: 60px;
    }
    .video-wrapper .large-image{
        height: 250px;
    }
    .wp-block-embed__wrapper{
        max-height: 200px;
    }
    .wp-block-embed{
        margin-left: 0;
        margin-right: 0;
    }
    .video-wrapper-inner{
        height: 250px;
    }
    .wp-block-embed .video-button{
        width: 38px;
        height: 38px;
        top: calc(50% - 19px) !important;
        left: calc(50% - 19px) !important; 
    }
    .video-wrapper-after{
        height: 60px;
    }
}
.wp-block-embed__wrapper iframe{
    pointer-events: none;
}
.wp-block-embed .video-button{
    position: absolute;
    top: calc(50% - 54.5px);
    left: calc(50% - 54.5px);
}
.wp-block-embed .video-button-arrow{
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 12px);
}

.iframe-embed-wrapper iframe{
    pointer-events: none;
    width: 100%;
}
.iframe-embed{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.iframe-embed .video-button{
    position: absolute;
    top: calc(50% - 54.5px);
    left: calc(50% - 54.5px);
}
.iframe-embed .video-button-arrow{
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 12px);
}
.video-button{
    cursor: pointer;
}

.home-header-stripe{
    background-color: #F2F0F0;
}
.home-header-icons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 37px;
    padding-top: 37px;
 /*   margin-bottom: 50px; */
}

.home-header-icons2{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-bottom: 37px;
 /*   padding-top: 37px; */
    margin-bottom: 50px;
}

@media(max-width: 1020px){
    .home-header-icons {
        padding-bottom: 7px;
        padding-top: 7px;
    }
    .home-header-icons2 {
        padding-bottom: 7px;
         padding-top: 7px; 
    }

	.home-header-icons svg {
        margin-left: 10px;
        margin-right: 10px;
    }
	.home-header-icons2 svg {
        margin-left: 10px;
        margin-right: 10px;
    }

}
@media(max-width: 720px){
    .home-header-icons {
        text-align: center;
        display: block;
        flex-direction: column;
/*        margin-bottom: 40px;	*/
        padding-bottom: 24px;
        padding-top: 24px;
    }
    .home-header-icons2 {
        text-align: center;
        display: block;
        flex-direction: column;
        margin-bottom: 40px;
        padding-bottom: 24px;
        padding-top: 24px;
    }

	.home-header-icons svg {
        margin-top: 15px;
        transform: scale(0.8, 0.8);
        margin-left: 0;
        margin-right: 0;
    }
	.home-header-icons2 svg {
/*         margin-top: 15px; */
        transform: scale(0.8, 0.8);
        margin-left: 0;
        margin-right: 0;
    }


}
.header-wrapper{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.home-header-wrapper{
    position: relative;
}
.home-header{
    background-color: #8BBC2B;
    display: grid;
    grid-template-columns: 45% 55%; 
}
.home-header-right{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.home-header-inner{
    background-color: white;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
}
.home-header-inner h1{
    font-family: GothamBlack;
    font-size: 80px;
    color: #2E2E2E;
    text-transform: uppercase;
}
.home-header-inner h1 strong{
    font-family: GothamBlack;
    color: #F77D0F;
}
.home-header-inner{
    max-width: 550px;
}
.home-header-inner p{
    color: #2E2E2E;
    font-size: 30px;
    line-height: 45px;
    margin: 0;
}
.home-header-inner-container{
    position: absolute;
    top: 0;
    width: 100%;
}
@media(max-width: 1020px){
    .home-header{
        grid-template-columns: 100%;
    }
    .home-header-left{
        order: 2;
    }

    .home-header-inner h1 {
        font-size: 40px;
    }
    .home-header-inner p{
        font-size: 18px;
        line-height: 26px;
    }   
    .home-header-inner{
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
}


/*
Header
*/
.mobile-menu{
    display: none;
}
header{
    background-color: #F2F0F0;
    border-top: 2px solid #8BBC2B;
}
.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-logo{
    display: inline-block;
}
.menu-header-menu-container{
    display: inline-block;
}
header .menu{
    text-align: center;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 0px;
}
#menu-header-menu{
	display: flex;
}
#menu-header-menu li{
    padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
}


header .menu li{
    text-transform: uppercase;
    display: inline-block;
    font-family: GothamBook, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin-right: 20px;
}
header .menu li:last-child{
    margin-right: 0px;
}
header .menu li a{ 
    font-family: GothamBold, sans-serif;
}

.focus-areas{
    display: grid;
    grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}

.focus-area{
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 265px;
}
.focus-area-title{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: white;
    font-family: GothamBold;
    font-size: 14px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.focus-area-title-shadow{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: black;
    opacity: 0.4;
    height: 40px;
}
@media(max-width: 1020px){
    header .menu{
        margin-bottom: 20px;
    }
    #menu-header-menu li{
        padding-bottom: 0px;
    }
    .focus-areas{
        grid-template-columns: calc(50% - 2.5px) calc(50% - 2.5px);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        margin-bottom: 20px;
    }
    .focus-area{
        height: 175px;
        min-height: 0;
    }
    .focus-area-title{
        font-size: 11px;
        line-height: 21px;
        max-width: calc(100% - 36px);
        padding-right: 18px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .header-top{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .header-top .header_logo{
        width: 175px;
    }
}

/*
The latest
*/
.latest{
    margin-bottom: 75px;
}
.latest-top{
    display: inline-block;
    padding-left: 10px;
    padding-right: 25px;
    background-color: #F77D0F;
    color: white;
    font-family: GothamBold;
    font-size: 14px;
    line-height: 32px;
}
.latest-slider{
    position: relative;
}
.latest-slide{
    position: absolute;
    display: grid;
    grid-template-columns: 760px auto;
    min-height: 397px;
    width: 100%;
}
.latest-slide-left{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.latest-slide-right{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 25px;
    background-color: #F2F0F0;
}
.latest-slide-right .post-date{
    font-size: 16px;
}
.latest-slide-right .post-content p{
    font-family: GothamBold;
    font-size: 32px;
    line-height: 45px;
    margin-top: 20px;
}
.latest-slider-switchers{
    border-top: 1px solid #BEBEBE;
    padding-top: 12px;
    text-align: center;
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
}
.latest-slider-switchers > svg{
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
@media(max-width: 1020px){
    .latest{
        margin-bottom: 55px;
    }
    .latest-slider-switchers {
        bottom: 30px;
    }
    .latest-slide{
        grid-template-columns: 100%;
    }
    .latest-slide-left{
        min-height: 300px;
    }
    .latest-slide-right .post-content p{
        font-size: 24px;
        line-height: 32px;
    }
    .latest-news{
        margin-bottom: 60px;
    }
    .more-news{
        font-size: 14px;
        line-height: 1.2;
        padding-left: 70px;
        padding-right: 70px;
    }
    .latest-slide-right{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 35px;
    }
    .latest-slider-switchers > svg{
        width: 7.5px;
        height: 7.5px;
    }
    
}
@media(max-width: 600px){
    .more-news{
        padding-left: 30px;
        padding-right: 30px;
    }
}
.latest-slider-switchers > svg.active > g{
    fill: #707070;
}
.header-top-right{
    display: flex;
}
.search-input{
    height: 18px;
    max-width: 120px;
    margin-right: 10px;
    border: none;
    border-radius: 5px;
    background-image: url('images/search.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
}


.navtoggle { display: none; margin-right: auto; cursor: pointer; height: 40px; width: 40px; margin-top: 0px;}
.navtoggle-inner {  overflow: hidden; position: relative; height: 20px; width: 35px; }
.navtoggle span {background-color: #707070; display: block; width: 35px; height: 3px; transition: transform 0.3s linear, top 0.2s linear, left 0.2s linear, background-color 0.2s linear; transition-delay: 0s; position: absolute; }
.navtoggle span:nth-child(2n+0) { transition-delay: 0.3s; top: 50%; left: 0; transform: translateY(-50%); }
.navtoggle span:first-child { left: 0; top: 0; }
.navtoggle span:last-child { left: 0; top: 16px; }
.navtoggle.open span:first-child { transform: translate(-50%, -50%) rotate( 45deg ); left: 50%; top: 50%; transition-delay: 0.2s; background-color: #707070 }
.navtoggle.open span:nth-child(2n+0) { transform: translate(-100%, -50%); transition-delay: 0s;}
.navtoggle.open span:last-child { transform: translate(-50%, -50%) rotate( -45deg ); left: 50%; top: 50%; transition-delay: 0.2s; background-color: #707070}
.navtoggle span:last-child {width: 24px;}
 
@media (max-width: 1020px) {
	.navtoggle { display: flex; align-items: center; justify-content: center; margin-left: -8px; }
    .header-top .menu li {display:none;}
    .header-top-right > .search-input, .header-top-right > .footer-socials{
        display: none;
    }
}
.mobile-menu ul{
    list-style-type: none;
    text-align: center;
    padding-left: 0;
}

.mobile-menu ul li {
    font-family: GothamBold;
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mobile-menu ul li::marker{
    display: none;
}
.mobile-menu{ 
   padding-bottom: 0px;
   text-align: center;
}
.mobile-menu .search-input{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #707070;
    margin-bottom: 40px;
}
.mobile-menu .menu{
    padding-bottom: 15px;
}
.mobile-menu .menu a{
    font-family: GothamBold;
    font-size: 19px;
}
.mobile-languages .menu > li > a, .mobile-languages .menu > li > svg{
    display: none;
}
.mobile-languages .menu{
    margin: 0;
}
.mobile-menu .menu span{
    font-family: RobotoLight;
}

/*
Page header
*/
.page-heading{
    padding-bottom: 5px;
    padding-top: 45px;
}
.page-heading h1{
    font-family: GothamBold;
    font-size: 60px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: none;
}
.page-heading .breadcrumb a{
    font-family: GothamBold;
    color: #67B5DC;
    font-size: 18px;
    line-height: 40px;
}
.page-heading-image{
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 40px;
}
@media (max-width: 1020px) {
    .page-heading-image{
        height: 400px;
    }
    .page-heading h1 {
        font-size: 40px;
        line-height: 52px;
    }
}
@media (max-width: 720px) {
    .page-heading-image{
        height: 300px;
    }
}

.publications-block{
    margin-top: 80px;
    border-top: 1px solid #BEBEBE;
    padding-top: 80px;
}
.publications-block h2{
    font-family: GothamBold;
    font-size: 36px;
    line-height: 1;
    color: #2E2E2E;
    text-align: center;
}
.publications-grid{
    margin-top: 30px;
    display: grid;
    grid-template-columns: calc(33.33% - 16px) calc(33.33% - 16px) calc(33.33% - 16px);
    grid-column-gap: 24px;
    grid-row-gap: 25px;
}
.publication-image{
    height: 360px;
    width: 100%;
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F2F0F0;
}
.publication-description{
    text-align: center;
}
.publication-description h4{
    font-family: GothamBook;
    font-size: 20px;
    line-height: 28px;
    color: #2E2E2E;
    margin-top: 20px;
    margin-bottom: 5px;
}
.publication-description .publication-year{
    font-family: GothamBold;
    font-size: 14px;
    line-height: 1.2;
    color: #707070;
}
@media(max-width: 1020px){
    .publications-grid{
        grid-template-columns: calc(50% - 12px) calc(50% - 12px);
    }
    .publication-image{
        height: 200px; 
        background-size: cover;
    }
} 

.wp-block-quote{
    text-align: center;
    border: none;
    padding-left: 0;
    margin-top:50px;  
}
.wp-block-quote p{
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: GothamBook;
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.wp-block-quote cite{
    text-transform: uppercase;
    text-align: center;
    font-family: GothamBold;
    font-size: 18px;
    line-height: 30px;
}
.wp-block-quote .quote-icon{
    display: inline-block;
    text-align: center;
    background-color: #67B5DC;
    border-radius: 50%;
    margin: 0;
    padding-right: 24px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-top: 0px;
}
.wp-block-quote .quote-icon-inner{
    font-family: GothamBlack;
    color: white;
    font-size: 80px;
    line-height: 90px;
    position: relative;
    top: 10px;
}
.safari .wp-block-quote .quote-icon-inner{
    position: relative;
    top: 20px;
}
.mac-chrome .wp-block-quote .quote-icon-inner{
    position: relative;
    top: 18px;
}

.section.email-landing{
    grid-column-gap: 40px;
    margin-bottom: 100px;
}
.email-landing .section-right{
    background-color: transparent;
}
.email-landing .section-left{
    position: relative;
    top: -10px;
    padding: 0;
    background-color: transparent;
}
.email-landing.section .section-title{
    font-family: GothamBold;
    font-size: 60px !important;
    line-height: 70px !important;
    margin-bottom: 75px; 
    margin-top: 0;
}
.emaillanding-form{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.emaillanding-form label{
    font-family: GothamBold;
    font-size: 16px;
    color: #8BBC2B;
}
.emaillanding-form input[type="text"], .emaillanding-form input[type="email"]{
    border: none;
    border: 1px solid #707070;
    font-size: 20px;
    border-radius: 5px;
    padding: 15px;
    width: calc(100% - 30px);
    margin-bottom: 25px;
}
.emaillanding-form input[type="text"]::placeholder, .emaillanding-form input[type="email"]::placeholder{
    color: #BEBEBE;
}
.emaillanding-form-button{
    cursor: pointer;
    font-family: GothamBold;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    color: white;
    background-color: #F77D0F;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 55px;
    padding-right: 55px;
}
.emaillanding-form-button:hover{
    background-color: #ca6306;
}
.emaillanding-form-button:active{
    background-color: #7e3e04;
}
@media(max-width: 1020px){
    .email-landing.section .section-title{
        font-size: 30px !important;
        line-height: 36px !important;
        margin-bottom: 20px; 
    }
    .emaillanding-form-button{
        margin-left: auto;
        margin-right: auto;
    }
}  

.wp-block-columns + .wp-block-embed{
    margin-top: 60px;
    margin-bottom: 65px;
}

.dropdown-menu{
    display: none;
    position: absolute;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    z-index: 10;
    border-bottom: 2px solid #DEDEDE;
    background-color: #F2F0F0;
}
.dropdown-menu-inner{
    display: grid;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    grid-column-gap: 10px;
}
.dropdown-menu h4{
    font-family: GothamBold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}
.dropdown-menu ul{
    padding-left: 0;
    list-style-type: none;
}
.dropdown-menu:first-child ul{
    column-count: 2;
}
.dropdown-menu ul li{
    padding-bottom: 10px;
}
.dropdown-menu ul li a{
    text-transform: uppercase;
    font-family: GothamBook;
    font-size: 18px;
    line-height: 24px;
}

.blog-preview{
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: 740px 360px;
    grid-column-gap: 20px;
}
.blog-preview .post-image{
    height: 390px;
}
.blog-preview-right{
    background-color: #F2F0F0;
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}
.blog-preview-right h4{
    font-family: GothamBook;
    font-size: 24px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}
.blog-preview-right a{
    display: block;
    margin-bottom: 15px;
}
.blog-preview-start-here{
    margin-top: 30px;
}
.blog-preview-start-here-tile{
    display: grid;
    grid-template-columns: 95px auto;
    grid-column-gap: 15px;
}
.blog-preview-start-here-image{
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.blog-preview-start-here-tiles a{
    margin-bottom: 20px;
}

.blog-recipes{
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    grid-column-gap: 20px;
}
.blog-recipes .post-image{
	height: 289px;
}
.blog-wrapper-recipes{
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 25px;
}
@media(max-width: 1020px){
    .blog-preview{
        grid-template-columns: 100%;
    }
    .blog-preview .post-image{
        height: 190px;
    }
    .blog-recipes .post-image{
        height: 185px;
    }
    .blog-recipes .post-details {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-top: 10px;
    }
}

.blog-wrapper-posts .blog-preview .post-title{
    font-size: 32px;
    line-height: 45px; 
}
.blog-wrapper-posts .blog-preview .post-date{
    font-size: 16px;
    line-height: 28px; 
}
.blog-wrapper-posts .blog .post-title{
    font-size: 24px;
    line-height: 32px;
}
.blog-wrapper-posts .blog .post-date{
    font-size: 12px;
}
.post-excerpt{
    font-size: 18px;
    line-height: 32px;
    color: #2E2E2E;
}

.other-tags{
    align-content: center;
    display: flex;
    align-items: center;
    min-width: 213px;
    font-family: GothamBold;
    font-size: 14px;
    color: #8BBC2B;
    outline: none;
    border: 2px solid #96BA47;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('images/select.svg');
    background-position: calc(100% - 17px) 50%;
}
.other-tags span{
	font-family: GothamBold;
    font-size: 14px;
    color: #8BBC2B;
}

.top-books{
    padding-top: 15px;
    padding-bottom: 100px;
    border-top: none;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 100px;
}
.top-books .publications-grid{
    grid-row-gap: 60px;
    margin-bottom: 40px;
}

.faq-minus-icon, .faq-content{
    display: none;
}
.faq-minus-icon{ 
    position: relative;
    top: -5px;
}
.faq-minus-icon, .faq-plus-icon, .faq-heading-text{
    cursor: pointer;
}
.faq-block{
    padding-top: 20px;
}
.faq-block h4{
    font-family: GothamBold;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: -90px;
    padding-top: 120px;
}
.faq-block-links a{
    display: inline-block;
    color: #8BBC2B;
    font-family: GothamBold;
    font-size: 16px;
    line-height: 32px;
    margin-right: 12px;
}
.faq-block-links{
    margin-bottom: 55px;
}
.faq{
    display: grid;
    grid-template-columns: 25px auto;
    margin-bottom: 15px;
}
.faq-left{
    padding-top: 4px;
}
.faq-heading-text{
    color: #707070;
    font-family: GothamBold;
    font-size: 18px;
    line-height: 24px;
}
.faq-content{
    padding-top: 10px;
    font-family: GothamBook;
    font-size: 18px;
    line-height: 32px;
}

.focus-areas-main{
    display: grid;
    grid-template-columns: calc(33.33% - 13.33px) calc(33.33% - 13.33px) calc(33.33% - 13.33px);
}
@media (max-width: 1020px){
    .focus-areas-main {
        grid-template-columns: calc(50% - 2.5px) calc(50% - 2.5px);
    }
}
.focus-areas-main .latest-news:last-child{
    margin-bottom: -80px;
}

.focus-area-grid-wrapper{
    border: none;
    margin-bottom: 15px;
}
.focus-area-faq-wrapper h4{
    color: #2E2E2E;
    font-family: GothamBold, serif;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.focus-area-grid-wrapper .blog{
    grid-template-columns: calc(33.33% - 13.33px) calc(33.33% - 13.33px) calc(33.33% - 13.33px);
}
@media (max-width: 1020px){
    .focus-area-grid-wrapper .blog {
        grid-template-columns: calc(50% - 2.5px) calc(50% - 2.5px);
    }
}
.focus-area-videos{
    margin-top: 65px;
    margin-bottom: 30px;
}
.focus-area-science-wrapper h4{
    color: #2E2E2E;
    font-family: GothamBold, serif;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.focus-area-science-wrapper{
    padding-top: 30px;
}
.science{
    margin-bottom: 25px;
}
.science-title{
    color: #2E2E2E;
    font-family: GothamBold, serif;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
}
.science-description{
    color: #2E2E2E;
    font-family: GothamBook, serif;
    font-style: normal;
    font-size: 14px;
    line-height: 32px;
}

.email-landing.section.compact{
    background-color: #F2F0F0;
}
.email-landing.compact .section-right{
    background-color: #8BBC2B;
}
.email-landing.section.compact .section-title{
    font-family: GothamBold, serif;
    font-size: 36px !important;
    line-height: 42px !important;
    margin-bottom: 0;
}
.email-landing.compact .section-left{
    padding-top: 50px;
    padding-left: 40px;
    padding-bottom: 50px;
}
.email-landing.section.compact{
    margin-top: 120px;
    margin-bottom: -35px;
}
.email-landing.section.compact .section-right{
    background-size: 305px 439px;
}

.post-template{
    display: grid;
    grid-template-columns: 740px auto;
    grid-column-gap: 95px;
}
.post-template .page-heading-image{
    height: 389px;
}
.post-heading-author{
    display: inline-block;
    margin-right: 40px;
}
.post-heading-category{
    display: inline-block;
    margin-right: 40px;
}
.post-heading-line{
    font-family: GothamBold, serif;
    color: #707070;
    font-size: 16px;
    margin-bottom: 20px;
}
.post-left p{
    margin-bottom: 40px;  
}
.post-left h2{
    margin-bottom: 0px;  
    color: #2E2E2E;
    font-size: 24px;
    line-height: 32px;
}
p a{
    color: #F77D0F;
}
p a:hover{
    color: #ca6306;
}
p a:active{
    color: #7e3e04;
}

p a em{
    color: #F77D0F;
}
p a:hover em{
    color: #ca6306;
}
p a:active em{
    color: #7e3e04;
}

.post-left ul {
    list-style: none;
    padding-left: 0;
}
  
.post-left ul li::before {
    content: "•";
    color: #FFBB00;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    width: 1em;
    margin-left: 0;
}
.wp-block-pullquote{
    padding: 0;
    border: none;
    font-family: GothamBook, serif;
    color: #67B5DC;
    font-size: 24px;
    margin-bottom: 42px;
}
.wp-block-pullquote blockquote{
    margin-left: 0;
    margin-right: 0;
}
.wp-block-pullquote code{
    display: block;
    font-family: GothamBook, serif;
    font-size: 24px;
    line-height: 42px;
    color: #67B5DC;
    text-indent: 20px;
}
.post-related-topics{
    padding-top: 30px;
    padding-bottom: 25px;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}
.post-related-topics h4{
    font-family: GothamBold, serif;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
}
.post-related-topic{
    font-family: GothamBold, serif;
    display: inline-block;
    color: #8BBC2B;
    font-size: 16px;
    line-height: 32px;
    margin-right: 10px;
}
.read-next-posts{
    padding-top: 40px;
}
.read-next-posts h4{
    margin-top: 0;
    margin-bottom: 10px;
    font-family: GothamBold, serif;
    color: #67B5DC;
    font-size: 24px;
    line-height: 35px;
}
.post-left{
    margin-bottom: -75px;
}
.read-next-post-left{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 89px;
}
.read-next-post{
    display: grid;
    grid-template-columns: 170px auto;
    grid-column-gap: 20px;
    margin-bottom: 20px;
}
.read-next-post-right a{
    line-height: 28px;
    font-size: 20px;
}

@media (max-width: 1020px){
    .post-template {
        grid-template-columns: 100%;
    }
    .post-left{
        margin-bottom: 0px;
    }
}

.widget-image{
    width: 285px;
    height: auto;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.popular-posts{
    background-color: #F2F0F0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 40px;
}
.popular-posts h4{
    color: #707070;
    font-size: 20px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}
.popular-posts .read-next-post{
    grid-template-columns: 96px auto;
    grid-column-gap: 15px;
    margin-bottom: 15px;
}
.popular-posts .read-next-post:last-child{
    margin-bottom: 0;
}
.popular-posts .read-next-post-left{
    height: 50px;
}
.popular-posts .read-next-post-right a{
    font-size: 14px;
    line-height: 18px;
}
.social-connection{
    background-color: #F2F0F0;
}
.social-connection .footer-socials{
    padding-bottom: 20px;
    border-bottom: 5px solid #F77D0F;
}
.social-connection .widget-image{
    margin-bottom: 30px;
}
.social-connection h4{
    color: #F77D0F;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

.widget-quote{
    background-color: #FFBB00;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    margin-bottom: 40px;
}
.widget-quote-text p{
    color: white;
    font-family: GothamBold, serif;
    font-size: 20px;
    line-height: 28px;
}
.widget-quote-author{
    color: white;
    opacity: 0.5;
    font-family: GothamBold, serif;
    font-size: 14px;
}
.widget-quote-symbol{
    padding-top: 20px;
    line-height: 0;
    font-family: GothamBlack, serif;
    font-size: 60px;
    color: white;
    opacity: 0.5;
}

.post-widget .post-image{
    height: 149px;
}
.post-widget{
    margin-bottom: 35px;
}
.post-widget .post-details{
    padding: 20px;
    padding-bottom: 5px;
}
.post-widget h3{
    font-family: GothamBold, serif;
    font-size: 18px;
    line-height: 25px;
}

.pagination{
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.pagination-middle{
	display: flex;
    justify-content: center;
    align-items: center;
}
.pagination-left, .pagination-right{
    color: #8BBC2B;
    font-family: GothamBold, serif;
    font-size: 16px;
}
.pagination-middle a{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.taxonomy-main-header{
    grid-template-columns: 100%;
}
.taxonomy-main-header .post-wrap{
    display: grid;
    grid-template-columns: auto 365px;   
}
@media (max-width: 1020px){
    .taxonomy-main-header .post-wrap{
        grid-template-columns: 100%;   
    }
    .widget-image{
        width: 100%;
    }
}

.blog-preview-left-recipes .post-wrap{
    height: 100%;
}

.other-tags-show{
    display: none;
}

/*
Mobile menu
*/
.mobile-menu{
    background-color: #F2F0F0;
    height: 100vh;
}
.mobile-menu .search-input{
    border: none;
    margin-bottom: 15px;
}
.mobile-menu-section{
    font-family: GothamBold, serif;
    padding-left: 35px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #DEDEDE;
}
.mobile-menu-sections{
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 50px;
}
.mobile-menu .footer-socials img{
    width: 30px;
}
.mobile-menu .search-input{
    height: 33px;
    width: 205px;
    max-width: 205px;
    background-position: calc(100% - 10px) 50%;
    background-size: 17px 17px;
}
.mobile-menu .footer-socials a{
    margin-right: 18px;
}
.mobile-menu .footer-socials a:last-child{
    margin-right: 0;
}
.mobile-menu-wrapper .menu{
    padding: 0;
    margin: 0;
}
.mobile-menu-submenu{
    padding-left: 40px;
    text-align: left;
    font-family: GothamBook, serif;
    padding-left: 35px;
    padding-right: 30px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
}
.mobile-menu .mobile-menu-submenu ul li {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}
.mobile-menu .mobile-menu-submenu .menu a{
    font-family: GothamBook, serif;
}
.mobile-menu-submenu{
    display: none;
}
.mobile-menu-section.opened{
    justify-content: flex-start;
    background-color: #DEDEDE;
}
.mobile-menu-section-opened-icon{
    display: none;
}
.mobile-menu-section.opened .mobile-menu-section-opened-icon{
    display: block;
    margin-right: 20px;
}
.mobile-menu-section.opened .mobile-menu-section-closed-icon{
    display: none;
}

.navtoggle.open span:last-child{
    width: 35px !important;
}

.study-title-label{
    color: #F77D0F;
    font-family: GothamBold, serif;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.study-title{
    font-family: GothamBold, serif;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 30px;
}
.study-subheading{
    font-family: GothamBold, serif;
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 10px;
}
.study-content{
    font-family: GothamBook, serif;
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 30px;
}
.study-content p{
    margin-top: 0;
}
.view-study{ 
    background-color: #F77D0F;
    display: inline-block;
    font-family: GothamBold, serif;
    color: white;
    font-size: 18px;
    line-height: 32px;
    text-transform: uppercase;
    padding-left: 95px;
    padding-right: 95px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 40px;
    margin-bottom: 80px;
}

.view-study:hover{
    background-color: #ca6306;
}
.view-study:active{
    background-color: #7e3e04;
}

.single-video .page-heading h1 {
    line-height: 70px;
}
.video-content{
    padding-left: 190px;
    padding-right: 190px;
}
.video-content p{
    margin-top: 0;
    margin-bottom: 35px;
}
@media (max-width: 1020px){
    .video-content{
        padding-left: 40px;
        padding-right: 40px;
    }
}
.featured-video{
    height: 627px;
    margin-top: 60px;
    margin-bottom: 70px;
}
.single-video  .latest-news{
    margin-bottom: 0px
}

.yt-subscribe-button{
    -webkit-box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    -moz-box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    margin-top: 90px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #E52D27;
    border-radius: 30px;
}
.spotify-subscribe-button{
    background: linear-gradient(#000000, #404040);
}
.yt-subscribe-button-left, .yt-subscribe-button-right{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yt-subscribe-button-title{
    font-family: GothamBold, serif;
    color: white;
    font-size: 32px;
    line-height: 73px;  
    margin-right: 30px; 
}
.yt-subscribe-button-main{ 
    display: inline-block;
    font-family: GothamBold, serif;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 7px;
    background-color: white;
    border-radius: 40px;
    text-transform: uppercase;
}
@media (max-width: 1020px){
    .yt-subscribe-button{
        flex-direction: column;
    }
}
.page-template-page-template-widgets .main-content-container p{
    margin-bottom: 32px;
}

.contact-form-title{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}
.wpcf7 label{
    font-family: GothamBold, serif;
    font-size: 16px;
    line-height: 1;
    color: #8BBC2B;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { 
    -webkit-appearance: none;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], textarea, .wpcf7 select{
    -webkit-appearance: none !important; 
    margin: 0;
    -moz-appearance: textfield;
    border: none;
    border-radius: 5px !important;
    border: 1px solid #707070;
    font-family: GothamBook, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
    margin-top: 5px;
    outline: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.wpcf7 select{
    background-image: url("images/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center; 
    position: relative;
    background-color: transparent;
}
textarea{
    resize: none;
    max-height: 190px;
}
.wpcf7 input[type="submit"]{

    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: GothamBold, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: white;
    background-color: #F77D0F;
    margin-top: -25px;
    border: none;
    border-radius: 30px;
    text-transform: uppercase;
}
.wpcf7 input[type="submit"]:hover{
    background-color: #ca6306;
}
.wpcf7 input[type="submit"]:active{
    background-color: #7e3e04;
}

.wpcf7 p{
    margin: 0;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], textarea, .wpcf7 select{
    width: 100%;
    box-sizing: border-box;
}
@media(max-width: 1109px){
    .wpcf7 input[type="submit"]{
        position: relative;
    }
}

.wp-block-image{
    display: flex;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
    margin-top: 50px;
}
.section + .latest-news{
    margin-bottom: 0;
}
.main-content-container h2, .main-content-container h2 strong{
    margin-top: 30px;
    font-family: GothamBold, serif;
    font-size: 24px;
    line-height: 32px;
}

.callout-box-headline{
    font-family: GothamBold, serif;
    color: white;
    font-size: 24px;
    line-height: 32px;
    background-color: #8BBC2B;
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 30px;
}
.callout-box-content{
    background-color: #F2F0F0;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 30px;
}
.callout-box-content p{
    font-family: GothamBook, serif;
    color: #2E2E2E;
    font-size: 16px;
    line-height: 30px;
}
.callout-box{
    margin-bottom: 50px;
    margin-top: 70px;
}

.meeting-tile{
    display: grid;
    grid-template-columns: 170px auto;
    margin-bottom: 15px;
}
.meeting-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.meeting-details{
    background-color: #F2F0F0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-top: 20px;
}
.meeting-details h4{
    font-family: GothamBold, serif;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}
.meeting-details > div{
    font-family: GothamBook, serif;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}
.meeting-details .meeting-link{
    color: #F77D0F;
    font-family: GothamBook, serif;
    font-size: 18px;
    line-height: 32px;
}
.meeting-details .meeting-link:hover{
    color: #ca6306;
}
.meeting-details .meeting-link:active{
    color: #7e3e04;
}

.page-subscribe-button{
    margin-bottom: 20px;
    margin-top: 0;
}
.page-content-end{
    border-top: 1px solid #BEBEBE;
    margin-top: 60px;
    margin-bottom: 5px;
}
.blog-videos-title{ 
    font-family: GothamBold, serif;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 0;
} 

.yt-join-button{
    -webkit-box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    -moz-box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    box-shadow: inset 2px 2px 100px rgb(1 1 1 / 10%);
    margin-top: 45px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #E52D27;
    border-radius: 30px;
}
.yt-join-button-text{
    font-family: GothamBold, serif;
    font-size: 17px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-result-tile{
    display: grid;
    grid-template-columns: 170px auto;
    grid-column-gap: 20px;
}
.search-result-left{
    height: 89px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 30px;
}
.search-result-right .post-title{
    margin-top: 0;
    font-family: GothamBold, serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}
.search-result-right .post-excerpt{
    font-family: GothamBook, serif;
    font-size: 14px;
    line-height: 22px;
}
.search-result-right .post-info{
    font-family: GothamBook, serif;
    font-size: 14px;
    line-height: 32px;
}
.search-result-tiles{
    padding-bottom: 20px;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 25px;
}
.bullet{
    font-size: 15px;
}
.serp-pagination{
    margin-bottom: 60px;
}
.serp-line{
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.serp-line input[type="text"]{
    -webkit-appearance: none !important; 
    margin: 0;
    -moz-appearance: textfield;
    border: none;
    border-radius: 5px !important;
    border: 1px solid #BEBEBE;
    font-family: GothamBook, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    outline: none;
    width: 435px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.serp-line input[type="text"]::placeholder{
    color: #BEBEBE;
}
@media(max-width: 1020px){
    .serp-line input[type="text"]{
        width: 80%;
    }
    .search-result-tile{
        margin-bottom: 40px;
    }
}
.serp-line .search-button{
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: GothamBold, serif;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #8BBC2B;
    margin-left: 20px;
    border-radius: 30px;
}
.serp-line .search-button:hover{
    background-color: #6e9522;
}
.serp-line .search-button:active{
    background-color: #465e15;
}

.search-filter{
    align-content: center;
    display: flex;
    align-items: center;
    min-width: 213px;
    font-family: GothamBold;
    font-size: 16px;
    color: #8BBC2B;
    outline: none;
    border: 2px solid #96BA47;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 17px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('images/select.svg');
    background-position: calc(100% - 17px) 50%;
    margin-left: 20px;
}
.serp-left, .serp-right{
    display: flex;
}
/*
.latest-news .more-news-wrapper{
    display: none;
}
*/
.book-header{
    background-color: #67B5DC;
}
.book-header-inner{
    display: grid;
    grid-template-columns: 645px auto;
    grid-column-gap: 50px;
}
.book-header-inner h1{
    font-family: GothamBold;
    color: white;
    font-size: 80px;
    line-height: 90px;
}
.book-header-inner p{
    font-family: GothamBook;
    color: white;
    font-size: 18px;
    line-height: 32px;
}
.book-header-left{
    padding-top: 80px;
    padding-bottom: 80px;
}
@media(max-width: 1020px){
    .book-header-inner{
        grid-template-columns: 100%;
        grid-row-gap: 50px;
    }
    .book-header-inner h1{
        font-size: 40px;
        line-height: 48px;
    }
}

.single-publication .wp-block-embed {
    margin-top: 80px;
    margin-bottom: 80px;
}
.more-books-header{
    color: #2E2E2E;
    font-family: GothamBold, serif;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.main-content-container .publications-block h2{
    font-family: GothamBold;
    font-size: 36px;
    line-height: 1;
    color: #2E2E2E;
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px;
}
.single-publication .section-right{
    background-size: contain;
    background-color: #67B5DC;
}
.book-header-right{
    background-repeat: no-repeat;
    background-position: 45% center;
}

.media-bottom{
    display: grid;
    grid-template-columns: 375px auto;
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 25px;
}
.media-categories-title{
    font-family: GothamBold;
    font-size: 18px;
    line-height: 32px;
    color: #67B5DC;
    margin-top: 0;
    margin-bottom: 10px;
}
.media-categories-link{
    display: block;
    font-family: GothamBook;
    font-size: 18px;
    line-height: 24px;
    color: #2E2E2E;
    margin-bottom: 10px;
}
.media-line{
    margin-top: 80px;
}
.media-details{
    font-family: GothamBook;
    font-size: 14px;
    line-height: 32px;
    color: #2E2E2E;
}
.media-appearance{
    display: grid;
    grid-template-columns: 170px auto;
    grid-column-gap: 20px;
    margin-bottom: 25px;
}
.media-appearance-left{
    background-repeat: no-repeat;
    background-position: center top; 
    background-size: contain;
}
.media-appearance-right h4{
    font-family: GothamBold;
    font-size: 18px;
    line-height: 24px;
    color: #2E2E2E;
    margin-top: 0;
    margin-bottom: 15px;
}
@media(max-width: 1020px){
    .book-header-right{
        background-size: 100% 100%;
        background-position: 100% center;
    }
    .media-bottom{
        grid-template-columns: 100%;
        grid-row-gap: 40px;
    }
    .media-bottom-categories{
        text-align: center;
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .media-categories-title{
        margin-top: 0 !important;
    }
}
@media(max-width: 720px){
    .serp-line{
        flex-direction: column;
    }
    .serp-right{ 
        margin-top: 20px;
    }
    .media-appearance{
        grid-template-columns: 100%;
    }
}

.retailors-block{
    display: grid;
    grid-template-columns: calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px);
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    margin-top: 35px;
}
.retailor-block{
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border-radius: 10px;
}
.retailor-block.amazon-retailor{
    background-position: center 60%;
}

.pre-order{
    border-radius: 40px;
    background-color: #F77D0F;
}
.pre-order .section-left, .pre-order .section-right{
    background-color: #F77D0F;
}
.pre-order .section-left{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 60px;
}
.pre-order .section-right{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pre-order .section-left .section-title{
    color: #FFFFFF;
}
.pre-order .section-left .section-content p{
    color: #FFFFFF;
}
.section.pre-order .section-link{
    color: #F77D0F;
    background-color: #FFFFFF;
}
.section.pre-order .section-link:hover{
    background-color: #ca6306;
}
.section.pre-order .section-link:active{
    background-color: #7e3e04;
}
.step-title{
    font-family: GothamBold;
    font-size: 18px;
    line-height: 32px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.section .section-content{
    margin-bottom: 35px;
}

.single-publication .classic-section .retailors-block{
    margin-top: 0;
}
.single-publication .classic-section .section-content{
    margin-bottom: 30px;
}
.section .retailors-block{
    grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);
    grid-column-gap: 15px;
}
.pre-order{
    margin-top: 75px;
}

.science-tile .media-appearance-right h4{
    margin-bottom: 0;
}

.search-button-inner{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.blog-videos .post-details{
    padding-top: 15px;
}

.focus-topics{
    display: flex;
    flex-direction: column;
}
.focus-topics-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #67B5DC;
}
.focus-topics-header-left{
    font-family: GothamBold;
    font-size: 18px;
    line-height: 24px;
    color: white;
}
.focus-topics-body{
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-right: 20px;
}
.focus-topics-body a{
    color: #2E2E2E;
    display: block;
    font-family: GothamBook;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.dropdown-post-wrap .post-details{
    background-color: #8BBC2B;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: GothamBold;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
}
.dropdown-post-wrap  .post-image{
    height: 148px;
}
.dropdown-post-wraps{
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    grid-column-gap: 20px;
}
.dropdown-post-wrap-post .post-details{
    background-color: #67B5DC;
}
.about-description{
    margin-top: 5px;
    text-transform: none;
}
.dropdown-about .post-details{
    padding-top: 20px;
    padding-bottom: 20px;
}
.dropdown-about .post-image{
    height: 185px;
}

.dropdown-post-wrap-publication{
    display: grid;
    grid-template-columns: 265px 285px;
}
.dropdown-post-wrap-publication .post-image{
    background-color: #67B5DC;
    height: 265px;
}
.dropdown-post-wrap-publication .post-details{
    background-color: #FFFFFF;
}
.dropdown-post-wrap-publication .new-book-title{
    color: #EB401D;
    font-family: GothamBold;
    font-size: 14px;
    line-height: 24px;
    padding-top: 10px;
}
.dropdown-post-wrap-publication .book-title{
    color: #2E2E2E;
    font-family: GothamBold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}
.dropdown-post-wrap-publication .new-book-content{
    color: #2E2E2E;
    font-family: GothamBook;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-post-wrap-publication .learn-more{
    color: #2E2E2E;
    font-family: GothamBold;
    font-size: 14px;
    line-height: 24px;
    text-transform: none;
}

.active-page{
    font-family: GothamBold;
}
.all-option{
    font-family: GothamBold;
}
.video-wrapper .wp-block-embed{
	 -webkit-box-shadow: 2px 2px 30px rgb(1 1 1 / 70%);
    -moz-box-shadow: 2px 2px 30px rgb(1 1 1 / 70%);
    box-shadow: 2px 2px 30px rgb(1 1 1 / 70%);
}
#masthead{
	border-bottom: 1px solid rgb(1 1 1 / 5%);
}
.video-wrapper-after{
	height: 50px;
}
@media(max-width: 720px){
    .retailors-block{
        grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
    }
	.book-header-left{
		order: 2;
		padding-top: 40px;
	}
	.book-header-right{
		height: 300px;
	}
	.book-header-inner{
		grid-row-gap: 0;
	}
	.single-post .page-heading{
		padding-top: 0px;
	}
	.page-heading h1{
		line-height: 1 !important;
	}
	.video-wrapper-after{
		display: none;
	}
	.focus-area-title{
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.focus-area-grid-wrapper .blog{
		grid-template-columns: 100%;
	}
	.post-template .page-heading-image{
		height: 60vw;
	}
	.page-heading-image{
		height: 60vw;
	}
}
.single-focus_area .blog-recipes .post-image {
    height: 189px;
}
.navtoggle span{
    width: 24px;
}
.navtoggle.open span:last-child {
    width: 24px !important;
}
.blog-videos .blog-preview-right{
	padding-top: 0;
}
.post-left ol li{
	margin-bottom: 10px;
	font-family: GothamBook;
}
.dropdown-about .post-details div:first-child{
	font-family: GothamBold;
}
.dropdown-about .post-details div{
	color: white;
}
.social-connection .widget-image {
    margin-bottom: 15px;
}
header .menu{
	margin-top: 0px;
}
#menu-header-menu li{
	color: #707070;
}
#menu-header-menu li.active{
	color: #2E2E2E;
	background-color: #DEDEDE;
}
.pre-order .retailors-block{
	margin-top: 0;
}
.large-image{
	background-attachment: scroll;
}
.focus-areas-all .focus-area-title{
	padding-bottom: 5px;
    padding-top: 5px;
    font-size: 16px;
}
.main-content-container ul li{
	font-family: GothamBook, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #2E2E2E;
}

.wp-block-buttons{
	justify-content: center;
	margin-bottom: 35px;
}
.wp-block-button__link{
	color: #FFFFFF;
    background-color: #8BBC2B;
    font-size: 18px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: GothamBold;
    border-radius: 30px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.wp-block-button__link:hover{
    background-color: #6e9522;
}
.wp-block-button__link:active{
    background-color: #465e15;
}
@media (max-width: 1020px){
	.wp-block-button__link {
		font-size: 14px;
		line-height: 1.2;
		padding-left: 70px;
		padding-right: 70px;
	}
}

/*
    Popup
*/
.popup-container {
	display: none;
	height: 100vh;
	width: 100vw;
	position: absolute;
	z-index: 100000000000000000000;
	background-color: rgba(48.6, 48.6, 48.6, 0.6);
}
.popup {
	background-color: white;
	border-radius: 25px;
	position: absolute;
	z-index: 100000000000000000000;
	top: 0; 
	left: 0;
	margin-left: calc(50% - 275px);
	min-width: 550px;
	min-height: 400px;
	text-align: center;
}
.popup .popup-icon {
	margin-top: 35px;
}
.popup .popup-title {
	color: #2b4771;
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	margin-top: 21px;
}
.popup .popup-links {
	width: 360px;
	margin-left: 95px;
	display: flex;
	justify-content: space-between;
}
.popup .popup-link {
	cursor: pointer;
	padding-top: 2px;
	background-color: #eb924f;
    color: #ffffff !important;
    line-height: 40px;
	width: 170px;
	height: 45px;
	border-radius: 4px;
	font-size: 18px;
}
.popup #close-popup{
	background-color: #acacac;
}
.popup .popup-text{
	font-size: 17px;
	margin-left: 47px;
	margin-right: 47px;
	margin-bottom: 29px;
	width: 449px;
	line-height: 2.2;
}
.popup_body_active{
	background-color: #585858;
	opacity: 0.6;
}
.body_popup .popup {
	background-color: white;
	opacity: 1;
}


/*
    Email popup
*/
#ouibounce-popup {
    min-height: 370px;
    width: 820px;
    min-width: 0 !important;
    margin-left: calc(50% - 410px);
    background-repeat: no-repeat;
    background-size: cover;
}

#ouibounce-popup-title {
	margin-top: 21px;
	margin-bottom: 10px;
}
#ouibounce-popup-text {
	margin-bottom: 14px;
}
#ouibounce-popup-links {
	margin-left: 190px;
}
#ouibounce-email-input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #555555;
	width: 360px;
	text-align: center;
	margin-bottom: 19px;
}
  #ouibounce-email-input ::-webkit-input-placeholder { 
	color: #959595;
	font-family: "IBM Plex Sans";
	font-size: 18px;
	font-weight: 400;
}
  
  #ouibounce-email-input :-ms-input-placeholder { 
	color: #959595;
	font-family: "IBM Plex Sans";
	font-size: 18px;
	font-weight: 400;
  }
  
  #ouibounce-email-input ::placeholder {
	color: #959595;
	font-family: "IBM Plex Sans";
	font-size: 18px;
	font-weight: 400; 
  }

  #ouibounce-popup-close-icon img {
  	position: absolute;
    top: 13px;
	right: 13px;
  }
  #ouibounce-popup-close-icon:hover img{ 
	opacity: 0.8;
  }
  #ouibounce-popup-close-icon:hover {
	cursor: pointer; 
  }
  #ouibounce-submit-button, .calendars-submit {
	  padding-top: 2.5px;
	  padding-bottom: 2.5px;
	  margin-bottom: 8px;
  }
  @media(max-width: 550px){
	  #ouibounce-popup {
		  margin-left: 10% !important;
		  margin-right: 10% !important;
		  width: 80%;
		  height: auto;
	  }
	  #ouibounce-email-input {
		width: 80%;		
	}
	#ouibounce-popup-text {
		max-width: 80%;
		margin-left: 10% !important;
		margin-right: 10% !important;
		height: auto;
	}
  }
#ouibounce-popup .mc4wp-form{
    padding-top: 40px;
    padding-bottom: 20px;
    background-image: none;
}
#ouibounce-popup .mailchimp-image{
    display: inline;
    padding-top: 10px;
}
#ouibounce-popup h3{
    margin-top: 10px;
    font-size: 23px !important;
    padding-left: 50px;
    padding-right: 50px;
}
#ouibounce-popup .inputs{
    padding-left: 50px;
    padding-right: 50px;
}
#ouibounce-popup .inputs input[type="email"], #ouibounce-popup .inputs input[type="text"]{
    width: 100%;
    text-align: center;
}
#ouibounce-popup .inputs input[type="submit"]{
    width: 170px;
    text-align: center;
    padding-top: 13px; 
}
#ouibounce-popup .mc4wp-form-fields{
    width: auto; 
}
#ouibounce-popup{
    background-color: #8BBC2B;
    display: grid;
    grid-template-columns: 360px auto;
    overflow: hidden;
    border-radius: 30px;
}
.newsletter-left{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.newsletter-right{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}

@media(max-width: 820px){
    #ouibounce-popup {
        width: 90%;
        margin-left: 10%;
        margin-right: 10%;
    }
    
    #ouibounce-popup{
        grid-template-columns: 20% 80%;
    }
}

#alert-popup-close-icon img {
  position: absolute;
  top: 14px;
  right: 14px;
}

#alert-popup-close-icon:hover img{
  opacity: 0.8;
}
#alert-popup-close-icon:hover {
  cursor: pointer; 
}

.newsletter-email-content{
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
}
.newsletter-email-content p{
	text-align: center;
	color: white;
    font-family: GothamBold;
    font-size: 24px;
    line-height: 35px;
}
#ouibounce-popup .mc4wp-form-fields input[type="email"]{
	margin-top: 50px;
}

.newsletter-stripe{
	background-color: #8BBC2B;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newsletter-stripe-icon{
	position: absolute;
	bottom: 0;
}
.newsletter-stripe-form input[type="submit"]{
    background-color: #EB401D;
    color: white;
    font-family: GothamBold, sans-serif;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
	padding-left: 50px;
	padding-right: 50px;
	height: 40px;
}
.newsletter-stripe-form input[type="email"]{
    background-color: white;
    color: black;
    font-family: GothamBook, sans-serif;
    font-size: 20px;
    line-height: 1;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    width: 322px;
    border: none;
    padding-bottom: 10px;
    padding-top: 5px;
	height: 25px;
	margin-right: 20px;
}
.newsletter-stripe-form input[type="email"]::placeholder{
    color: #BEBEBE;
}
.newsletter-stripe-label{
	margin-left: 91px;
	color: white;
	font-family: GothamBook, sans-serif;
    font-size: 20px;
    line-height: 24px;
}
.book-header{
	position: relative;
}
@media(max-width: 1110px){
	.newsletter-stripe{
		display: none;
	}
}
input[type="radio"]{
	border: 1px solid #BDBEC0;
    border-radius: 50%;
    width: 13px;
    height: 13px;
	cursor: pointer;
}
input[type="radio"]:checked{
	background-color: #8BBC2B;
}

.tablepress td, .tablepress th{
	font-size: 12px;
	line-height: 24px;
}
.tablepress th{
	text-transform: uppercase;
}
.dataTables_wrapper .dataTables_filter input {
	min-height: 30px;
    border-radius: 5px;
    border: 1px solid #BDBEC0;
}
#test-your-brain-form h2{
	margin-bottom: 15px;
}
#test-your-brain-form label{
	display: inline-flex;
    align-items: center;
    flex-direction: row;
}
#test-your-brain-form label span{
	display: inline-block;
    margin-left: 5px;
    margin-right: 15px;
}
.post-left img {
    width: 100%;
    height: auto;
}

.single-publication #page, .home #page{
	position: relative;
}

.hidden {
	display: none;
}
#menu-footer-bottom-menu{
	padding: 0;
}

.mobile-menu-submenu > div{
	height: 65vh;
    overflow: scroll;
}
#menu-footer-menu > li > a{
	font-family: GothamBold;
}
@media (max-width: 1020px){
	.search-result-tile {
		grid-template-columns: 100%;
	}
	.search-result-left {
		height: 189px;
	}
	.serp-right{
		flex-direction: column;
	}
	.search-filter{
		margin-right: 20px;
	}
	.search-filter:last-child{
		margin-top: 20px;
	}
}
header .menu li a:hover, .dropdown-menu ul li a:hover, #menu-footer-menu li a:hover, #menu-footer-bottom-menu li a:hover{
	color: #F77D0F;
}
header .menu li a:active, .dropdown-menu ul li a:hover, #menu-footer-menu li a:hover, #menu-footer-bottom-menu li a:hover{
	color: #EB401D;
}

.post-image{
	width: 100%;
	height: auto;
}
.post-template .page-heading-image, .single-success_story .page-heading-image, img.page-heading-image {
	height: auto;
}
/* temp removal of auto author */
.post-heading-author{
    display:none;
}

.blog-preview .post-image{
	height: auto;
}
@media (max-width: 1020px){
	.blog-recipes .post-image {
		height: auto;
	}
	footer .menu li{
		margin-right: 0px;
	}
	.home-header-icons{
		padding-bottom: 10px;
    	padding-top: 10px;
	}
	.home-header-icons svg{
		margin-top: 0px;
	}
	.home-header-icons{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	.home-header-icons > svg:nth-child(1){
		width: 161px;
	}
	.home-header-icons > svg:nth-child(2){
		width: 71px;
	}
	.home-header-icons > svg:nth-child(3){
		width: 58px;
	}
	.home-header-icons > svg:nth-child(4){
		width: 122px;
	}
	.home-header-icons > svg:nth-child(5){
		width: 40px;
	}
	.home-header-icons > svg:nth-child(6){
		width: 64px;
	}
	.home-header-icons > svg:nth-child(8){
		width: 59px;
	}
}
@media (max-width: 820px){
	.blog-recipes{
		grid-template-columns: 100%;
	}
	.blog .post-excerpt{
		display: none;
	}
	.other-tags{
		min-width: 0px;
	}
	#ouibounce-popup{
		grid-template-columns: 100%;
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	#ouibounce-popup .newsletter-right{
		height: auto;
		padding-bottom: 0px;
	}
	#ouibounce-popup .newsletter-left {
		height: 189px;
	}
	#ouibounce-popup .mc4wp-form-fields input[type="email"] {
		margin-top: 10px;
	}
	#ouibounce-popup .mc4wp-form{
		padding-top: 5px;
	}
	.newsletter-email-content {
		padding-top: 10px;
	}
	.newsletter-email-content p {
		font-size: 18px;
    	line-height: 24px;
	}
}

.latest-slide-left{
	width: 100%;
	min-height: 0;
	height: auto;
}

.focus-area img{
	width: 100%;
	height: auto;
}

@media (max-width: 1020px){
	.page-subscribe-button{
		padding-left: 10px;
		padding-right: 10px;
	}
	.yt-subscribe-button-left{
		flex-direction: column;	
	}
	.yt-subscribe-button-title{
		margin-right: 0;	
		line-height: 1.8;
	}
	.yt-subscribe-button-right{
		margin-top: 20px;
		justify-content: center;
	}
}
.blog-recipes .post-image{
	height: auto;
}

.clickable-zoom-container{
	position: relative;
}
.clickable-zoom{
	position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
	top: 0;
    cursor: pointer;
}

@media (max-width: 1021px){
	header .clickable-zoom-container{
		display: none;
	}
}
.mobile-menu .clickable-zoom{
	width: 40px;
    height: 40px;
    right: calc(50% - 102px);
}
.lybsyn-section{
	width: 80%;
	margin-bottom: 35px;
}
@media (max-width: 1021px){
	.lybsyn-section{
		width: 100%;
	}
}

/* The Latest Dropdown Menu */
.dropdown-post-wrap-post-chimera .post-details {
	background-color: #EB401D;
}

.dropdown-menu:first-child .dropdown-menu-inner{
	grid-template-columns: calc(30% - 5px) calc(70% - 5px);
}

.dropdown-menu:first-child .dropdown-menu-inner .dropdown-menu-right .dropdown-post-wraps {
	grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px)auto;
}

.post-left ol li {
	font-size: 18px !important;
}