:root {
--brand-blue: #092E71;
--brand-pink: #FF5CAD;
--text-dark: #404040;
--overlay: rgba(36,9,113,0.6);
--border-xs: 5px;
--border-sm: 10px;
--border-md: 25px;
--border-lg: 50px;
--primary-font-stack: 'Montserrat', sans-serif;
--secondary-font-stack: 'Paytone One', sans-serif;
} html {
font-family: var(--primary-font-stack);
font-size: 1rem;
color: var(--text-dark);
letter-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--secondary-font-stack);
color: var(--brand-blue);
border-bottom: none;
font-weight: 700;
text-transform: unset;
text-align: center;
}
h1 {
font-size: 35px;
} h1 span.blue,
h2 span.blue,
h3 span.blue,
h4 span.blue,
h5 span.blue,
h6 span.blue {
color: var(--brand-blue);
border-bottom: none;
}
h1.alt,
h2.alt,
h3.alt,
h4.alt,
h5.alt,
h6.alt {
color: #ffffff;
border-bottom: none;
}
h1.alt span.blue,
h2.alt span.blue,
h3.alt span.blue,
h4.alt span.blue,
h5.alt span.blue,
h6.alt span.blue {
color: #ffffff;
}
a:hover,
a:active {
color: var(--brand-pink);
}
button {
background-color: var(--brand-pink);
color: #ffffff;
font-family: var(--primary-font-stack);
text-transform: uppercase;
border-radius: var(--border-xs);
}
.row {
max-width: 1200px;
}
.btn {
font-family: var(--primary-font-stack);
text-transform: uppercase;
}
.menu li.menu-item {
display: inline-flex;
align-items: center;
} .error404 header, .scrolled header, .blog header, .archive header, .page-template header, .scrolled.home.page-template header, .single-product header, .single-guests header, .single-blog header {
background-color: var(--brand-blue);
}
.header-wrapper {
background-color: var(--brand-blue);
}
.header-wrapper header {
height: auto;
background: var(--brand-blue);
}
.header-wrapper .row .custom-logo-link img {
max-height: 80px;
width: auto;
}
.home.page-template header {
background: var(--brand-blue);
}
#mobile {
color: var(--text-dark);
}
#mobile nav ul.menu li a {
font-size: 25px;
font-weight: unset;
color: var(--text-dark);
font-family: var(--secondary-font-stack);
}
#mobile nav ul.menu li a i {
display: inline;
}
#mobile nav ul.menu li a:hover,
#mobile nav ul li.current-menu-item a,
#mobile nav ul li.current_page_item a,
#mobile nav ul li.current_page_parent a {
color: var(--brand-pink);
}
#mobile nav ul.menu-top-mobile {
display: flex;
flex-direction: column;
margin: auto;
}
#mobile .menu-social-container {
width:100%;
position:absolute;
bottom:0;
}
#mobile nav ul.menu-social-mobile {
display: flex;
flex-direction: row;
justify-content: center;
}
#mobile nav ul.menu-social-mobile li {
margin: 0;
}
#mobile nav ul.menu-social-mobile li a {
font-size:35px;
}
.header-wrapper .header-row-bottom {
display: none;
}
.header-wrapper .menu-top-desktop {
display: flex;
flex-direction: row;
gap: 15px;
justify-content: center;
}
.header-wrapper .menu-top-desktop li a:link,
.header-wrapper .menu-top-desktop li a:visited {
color: #ffffff;
font-family: var(--secondary-font-stack);
}
.header-wrapper .menu-top-desktop li a:hover,
.header-wrapper .menu-top-desktop li a:active {
color: var(--brand-pink);
}
.header-wrapper .menu-top-desktop li {
display: inline-flex;
align-items: center;
}
.header-wrapper .menu-top-desktop li:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background-color: #ffffff;
border-radius: 100%;
margin-left: 15px;
}
.header-wrapper .menu-top-desktop li:last-of-type:after {
display: none;
}
@media (min-width: 850px) {
.header-wrapper .row .custom-logo-link img {
max-height: unset;
height: auto;
max-width: 180px;
margin: 5px auto 0;
}
}
@media (min-width: 1025px) {
#mobile {
display: none;
}
.header-wrapper header {
position: static;
}
.header-wrapper .header-row-bottom {
display: block;
color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
}
.error404 main, .blog main, .archive main, .page-template main, .single-product main, .single-guests main.no-content {
padding-top: 0;
}
} body > footer {
background-color: var(--brand-blue);
color: #ffffff;
padding-top: 35px;
padding-bottom: 35px;
font-size: 0.8125rem;
}
body > footer a:link,
body > footer a:visited {
color: #ffffff;
}
body > footer a:hover,
body > footer a:active {
color: var(--brand-pink);
}
body > footer .footer-top {
display: flex;
flex-direction: column;
gap: 15px;
}
footer .footer-middle {
border-top: none;
padding: 0;
}
.footer-left .custom-logo-link img {
max-width: 180px;
margin: 0 auto;
}
.menu-bottom,
.menu-social {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
ul.menu-bottom li {
text-transform: uppercase;
}
.menu-bottom li.menu-item:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background-color: currentColor;
margin-left: 15px;
border-radius: 100%;
}
.menu-bottom li.menu-item:last-of-type:after {
display: none;
}
.menu-social {
margin-top: 30px;
font-size: 1.75rem;
}
small.ssonli-copyright {
display: inline-block;
width: 100%;
text-align: center;
}
@media (min-width: 850px) {
body > footer .container .footer-top {
flex-direction: row;
padding-right: 0;
}
body > footer .container .footer-top .col.footer-left,
body > footer .container .footer-top .col.footer-right {
flex-basis: 320px;
}
body > footer .container .footer-top .col.footer-middle {
flex-grow: 1;
}
} .home .hero {
width: 100%;
position: relative;
border-bottom-left-radius: var(--border-lg);
border-bottom-right-radius: var(--border-lg);
padding-bottom: 80px;
padding-top: 70px;
}
.home .hero-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-bottom-left-radius: var(--border-lg);
border-bottom-right-radius: var(--border-lg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.home .hero-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--overlay);
border-bottom-left-radius: var(--border-lg);
border-bottom-right-radius: var(--border-lg);
}
.home .hero-content {
color: #ffffff;
text-align: center;
max-width: 530px;
margin: 0 auto;
padding: 30px 15px;
}
.home .hero-content h1 {
color: #ffffff;
font-size: 45px;
}
.home .hero-content p {
font-size: 28px;
margin-top:5px;
}
.home .hero-content a {
display: inline-block;
color: #ffffff;
border: solid 1.6px #ffffff;
padding: 14px 30px;
height: 52px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
border-radius: var(--border-xs);
cursor:pointer;
}
.home .hero-content a:hover,
.home .hero-content a:active {
background-color: var(--brand-pink);
border-color: var(--brand-pink);
} .acf-rpw-title {
color: #ffffff;
text-align: left;
text-transform: unset !important;
}
.cover-image img {
border-radius: var(--border-md);
}
#episode .container, .home #guests .container, .home #videos .container, .home #products .container, #video .container {
background-color: var(--overlay);
}
.home .episode-wrapper {
margin-top: 35px;
}
.home #episode {
max-width: 1355px;
border-radius: 50px;
width: calc(100% - 30px);
margin: 0 auto;
}
.home #episodes .btn.outline {
color: var(--text-dark);
border-color: var(--text-dark);
}
.home #episode #acf_rpw-2 .acf-rpw-before {
top: 0;
}
#acf_rpw-3 .cover-image, #acf_rpw-7 .cover-image {
background-color: transparent;
}
.home .parallax-mirror {
display: none !important;
}
.home #episode.bg {
margin-top:25px;
background-size: cover;
background-repeat: no-repeat;
}
.home #episode .container {
backdrop-filter: blur(8px);
} @media (max-width:800px) {
#episode .container {
padding-bottom: 64px;
}
.home #episode .container {
padding-top: 40px;
padding-bottom: 40px;
}
.home .hero {
padding-bottom: 60px;
}
}
#acf_rpw-2 .acf-rpw-title {
margin-top: 0;
}
.home #episode .navigation.post-navigation {
display: none;
}
#episode .cover-image img {
width: 438px;
height: 320px;
object-fit: cover;
}
.home #episodes .btn.outline:hover {
border-color: var(--brand-pink);
color: #ffffff;
} .es_subscription_form.es_shortcode_form.es_ajax_subscription_form {
display: flex;
gap: 8px;
margin-top: 15px;
height: 35px;
}
input.es_required_field.es_txt_email.ig_es_form_field_email {
height: 35px;
padding-left: 5px;
padding-right: 5px;
}
input[type="submit"].es_subscription_form_submit.es_submit_button.es_textbox_button {
padding: 5px 15px;
border: solid 1.6px var(--brand-pink);
font-weight: 700;
height: 35px;
display: inline-flex;
align-items: center;
width: unset;
margin: 0;
background-color: var(--brand-pink);
color: #ffffff;
text-transform: uppercase;
font-family: var(--primary-font-stack);
font-weight: 400;
} .partner-logos {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 auto; gap:40px;
padding: 40px 0 40px 40px;
}
.partner-logos a {
width: calc(33.333% - 40px); display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.partner-logos img {
max-width: 100%;
height: auto;
object-fit: contain;
}
@media (max-width: 800px) {
.partner-logos {
padding: 40px 0;
}
.partner-logos a {
width: calc(50% - 40px); }
}
@media (max-width: 500px) {
.partner-logos {
gap: 20px;
padding: 20px 0;
}
.partner-logos a {
width: calc(50% - 20px); }
} .cover-image.hidden {
margin-top:20px;
display:none;
}
#episode .row {
display:flex;
}
#episode .episode-left {
width: 60%;
}
#episode .acf-rpw-excerpt {
margin:15px 0;
}
#episode .btns {
margin:0;
}
#episode .episode-right {
width:40%;
padding-left: 50px;
}
@media (max-width: 1024px) {
.cover-image.hidden {
display:block;
}
#episode .cover-image img {
width:100%;
height:auto;
}
#episode .row {
display:block;
}
#episode .episode-left, #episode .episode-right {
width: 100%;padding:0;
}
#episode .episode-right {
display:none;
}
}
#mailpoet_form_1 form.mailpoet_form {
padding: 10px 0 0!important;
}
#mailpoet_form_1 .mailpoet_paragraph {
margin-bottom:10px!important;
}
#mailpoet_form_1 input[type='submit'] {
color:#FFF;
background-color:#FF5CAD;
}