@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"); html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
border: .5px var(--trans-black) solid;
color: var(--trans-black);
}
button:hover {
cursor: pointer;
} :root {
--midnight-blue: #102A3F;
--sustainable-green: #00CDAC;
--brand-gradient: linear-gradient(0.25turn, var(--innovation-blue), var(--sustainable-green));
--inspiration-green: #00CDAC;
--creation-yellow: #FFC371;
--innovation-blue: #02AABD;
--production-red: #FF5F6D;
--inspiration-innovation: linear-gradient(.75turn, var(--innovation-blue), var(--inspiration-green));
--creation-production: linear-gradient(.75turn, var(--creation-yellow), var(--production-red));
--dark-inspo-green: #005648;
--dark-creation-yellow: #B58A50;
--dark-innovation-blue: #017986;
--dark-production-red: #B5434D;
--ecru-white: #F9F9F1;
--powder-gray: #F8F9FA;
--light-gray: #DFE0DD;
--dark-gray: #4A5253;
--neutral-black: #222;
--accent-blue: #00AFED;
--accent-blue-alt: #5B60DF;
--accent-orange: #FF5F6D;
--accent-yellow: #FFC371;
--accent-magenta: #A50064;
--world-color: var(--accent-blue-alt);
--sans-serif-font-stack: 'Roboto', 'Helvetica', 'Arial', sans-serif;
--serif-font-stack: 'Roboto Slab', 'Rockwell', serif;
--subtle-text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
--primary-black: #000000; --primary-white: #ffffff;
--trans-white: #ffffff50;
--trans-black: #00000025;
--subtle-box-shadow: 0 0 5px 0 #00000025;
} :root .hero-featured-post {
--world-color: var(--light-gray);
--world-color-rgba: rgba(250, 208, 66, .25);
}
:root .world-creation {
--world-color: var(--accent-yellow);
--world-color-rgba: rgba(225, 195, 113, .25);
}
:root .world-innovation {
--world-color: var(--accent-blue);
--world-color-rgba: rgba(2, 170, 189, .25);
}
:root .world-inspiration {
--world-color: var(--sustainable-green);
--world-color-rgba: rgba(0, 205, 172, .25);
}
:root .world-production {
--world-color: var(--accent-orange);
--world-color-rgba: rgba(225, 95, 109, .25);
}
.text-inspiration {
color: var(--sustainable-green);
}
.text-creation {
color: var(--accent-yellow);
}
.text-innovation {
color: var(--innovation-blue);
}
.text-production {
color: var(--accent-orange);
} html {
overflow-x: hidden;
position: relative;
box-sizing: border-box;
background-color: var(--powder-gray);
}
body {
font-family: var(--sans-serif-font-stack);
line-height: 1.6;
height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
padding-bottom: 0 !important;
padding: 0 !important;
width: 100%;
}
body:not(.elementor-page) #site-content {
padding: 100px 1em 0 1em;
}
html.open, body.open {
overflow: hidden;
}
.single #primary {
margin-top: 2em;
max-width: 1140px;
}
#primary, .primary {
margin: 0 auto;
}
#site-container {
flex: 1;
}
#site-content {
margin: 0 auto;
min-height: 60vh;
}
h1,
h2,
h3,
h4 {
font-weight: 400;
line-height: 1.4;
}
h1 {
font-size: 2em;
font-family: Tungsten;
font-size: 32pt;
}
h2 {
font-size: 1.25em;
}
.page-heading .elementor-size-default {
font-size: 0.8em;
}
h3,
p,
a {
font-size: 1.15em;
}
p a:not(.button) {
font-size: inherit;
text-decoration: none;
color: rgb(14, 0, 204);
transition: color 150ms;
}
p a:not(.button):hover,
p a:not(.button):focus {
text-decoration: underline 2px;
}
img,
figure {
max-width: 100%;
height: auto;
}
input {
font-size: 1.15em;
padding: .5em;
width: 100%;
box-sizing: border-box;
line-height: 1.2;
}
select {
background-color: #fff;
color: var(--midnight-blue);
-webkit-appearance: none;
}
input::placeholder {
color: var(--dark-gray);
opacity: 1;
font-style: italic;
font-size: .8em;
}
textarea {
font-family: var(--sans-serif-font-stack);
line-height: 1.4;
} .grecaptcha-badge { 
visibility: hidden; 
} .underline-hover:hover {
box-shadow: inset 0 -2px 0 #000000;
cursor: pointer;
transition: .3s ease-out;
}
.underline-hover {
transition: .3s ease-in;
}
.underline-active:hover { }
#twt-header.front-page-nav #nav-full .underline-hover:hover {
box-shadow: inset 0 -2px 0 #ffffff;
cursor: pointer;
transition: .3s ease-out;
}
.pointer-hover:hover {
cursor: pointer;
}
@media (max-width: 550px) {
h1 { }
p {
font-size: .95em;
}
}
.pmpro input {
background-color: transparent;
border: var(--trans-black) 1px solid !important;
border-radius: 5px !important;
} .btn, .button, .gform_button, .pmpro input[type="button"], .pmpro input[type="submit"], .pmpro button[type="submit"], .pmpro button[type="button"], .single article .elevenlabs-audionative button {
display: flex !important;
border: none !important;
border-radius: 2px !important;
padding: 5px 10px !important;
box-shadow: 0 0 0 1px var(--trans-black) !important;
font-size: 14px !important;
font-weight: 600 !important;
font-family: var(--sans-serif-font-stack) !important;
line-height: 1.2 !important;
min-height: auto !important;
width: fit-content !important;
text-decoration: none !important;
}
.btn:hover, .button:hover, .gform_button:hover, .pmpro input[type="submit"].pmpro_btn:hover, .single article .elevenlabs-audionative button:hover {
box-shadow: 0 0 0 1px var(--primary-black) !important;
cursor: pointer !important;
}
.btn.light-btn {
color: var(--primary-black);
background-color: var(--primary-white);
}
.btn.dark-btn, .gform_button, .pmpro input[type="submit"].pmpro_btn, .single article .elevenlabs-audionative button {
color: var(--primary-white) !important;
background-color: var(--primary-black) !important;
transition: .3s all;
}
.btn.dark-btn:hover, .gform_button:hover, .pmpro input[type="submit"].pmpro_btn:hover, .single article .elevenlabs-audionative button:hover {
background: var(--primary-white) !important;
color: var(--primary-black) !important;
}
.btn.dark-btn:hover img, .gform_button:hover img, .pmpro input[type="submit"].pmpro_btn:hover img {
filter: invert(0) !important;
}
.ajax-results ~ .btn {
margin: 1em auto 2em auto;
} .widget-container,
.container>.wrapper,
#site-header .content-wrapper,
#site-footer .content-wrapper {
margin: 0 auto;
} .vertical-divider {
height: 30px;
margin-top: 10px;
width: 2px;
background-color: var(--trans-black);
}
.front-page-nav .vertical-divider {
background-color: #ffffff50;
} #twt-header {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
overflow: hidden;
background-color: #F8F9FA99;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
transform: translateZ(0);
will-change: transform;
transition: .3s all;
}
#twt-header.open {
height: 250px;
}
#twt-header.front-page-nav.open {
height: 250px;
}
#top-header-full-wrapper {
background-color: var(--primary-black);
box-shadow: var(--trans-black) 0 0 5px 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.top-header-full {
display: flex;
width: 100%;
max-width: 1140px;
justify-content: space-between;
align-items: center;
height: 50px;
color: white;
font-weight: 600;
font-size: 16px;
}
.top-header-full a {
color: white;
text-decoration: none;
font-size: 16px;
}
.top-header-full a:hover {
text-decoration: underline;
}
.top-header-full .header-date, .top-header-full .login-btns {
width: 150px;
}
.site-logo {
height: 18.52px;
box-sizing: border-box;
}
.custom-logo-link {
display: flex;
justify-content: center;
align-items: center;
}
.custom-logo {
max-width: 300px;
box-sizing: border-box;
} .submenu-toggle {
display: flex;
gap: 10px;
transition: .2s ease-out !important;
}
.submenu-toggle.active {
transform: rotate(90deg);
transition: .2s ease-in !important;
}
.nav-item a, .nav-item p {
font-weight: 600;
text-decoration: none;
color: var(--primary-black);
}
.nav-item.full {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
#nav-full.front-page-nav .nav-item a, #nav-full.front-page-nav .nav-item p {
color: white;
}
.nav-item:hover {
cursor: pointer;
}
.login-btns {
display: flex;
justify-content: flex-end;
gap: 5px;
}
.login-btns a {
color: #000;
font-weight: 600;
font-size: 16px;
text-decoration: none;
}
.login-btns a:hover {
text-decoration: underline;
}
#top-header-full-wrapper .login-btns a {
color: white;
}
.header-date {
color: var(--primary-black);
display: flex;
align-items: flex-end;
text-align: left;
background-color: transparent;
border: none;
font-weight: 600;
}
#top-header-full-wrapper .header-date {
color: white;
}
@media (max-width: 1200px) {
#top-header-full-wrapper {
display: none;
}
} #nav-wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
height: 50px;
transition: .3s all;
}
#nav-wrapper.open {
height: 200px;
border-bottom: var(--trans-black) 1px solid;
}
#nav-wrapper.search-open {
height: 150px;
border-bottom: var(--trans-black) 1px solid;
}
#nav-full-wrapper {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
#nav-full-wrapper.front-page-nav {
background: var(--primary-black);
}
#nav-full {
display: flex;
height: 50px;
width: 100%;
max-width: 1140px;
justify-content: space-between; }
#nav-full.front-page-nav img {
filter: invert(1);
}
@media (max-width: 1200px) {
#nav-wrapper {
display: none;
}
} #nav-full-search-wrapper {
margin-top: 25px;
height: 100px;
display: none;
}
#nav-full-search-wrapper.open {
display: block;
}
.nav-compact-search-wrapper {
padding: 25px;
box-sizing: border-box;
}
#nav-compact-search {
width: 100%;
box-sizing: border-box;
}
#nav-compact-search-input, #nav-full-search-input {
background: none;
background-color: white;
border-radius: 5px;
border: var(--trans-black) 1px solid;
}
#nav-compact-search-input:focus, #nav-full-search-input:focus {
outline: none;
} #mega-menus {
margin: 0 auto;
width: 100%;
max-width: 1140px;
border-top: var(--trans-black) 1px solid;
}
.mega-menu {
box-sizing: border-box;
margin: auto;
padding: 25px 0;
height: 200px;
max-width: 1140px;
display: none;
justify-content: space-between;
}
.mega-menu-header {
font-family: 'Tungsten';
font-weight: normal;
font-size: 32pt;
color: #000;
width: 25%;
}
.mega-menu-options {
height: 80%;
display: flex;
gap: 0 20px;
flex-wrap: wrap;
width: 75%;
}
.mega-menu-item {
height: 30px;
}
.mega-menu-item a {
color: #000;
font-size: 12pt;
text-decoration: none;
height: 100%;
}
#categories-mega-menu.open, #original-programs-mega-menu.open, #about-mega-menu.open {
display: flex;
} #top-header-compact-wrapper {
display: none;
height: 50px;
width: 100%;
padding: 0 15px;
justify-content: center;
align-items: center;
background-color: var(--primary-black);
box-sizing: border-box;
}
.top-header-compact {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
box-sizing: border-box;
}
#site-logo-stacked {
display: none;
max-width: 100px;
justify-content: center;
align-items: center;
}
@media (max-width: 390px) {
#site-logo {
display: none;
}
.custom-logo-link {
display: none;
}
#site-logo-stacked {
display: flex;
}
#top-header-compact-wrapper {
height: 75px;
}
#nav-compact-wrapper.open {
height: 525px;
}
}
@media (max-width: 1200px) {
#top-header-compact-wrapper {
display: flex;
}
} #nav-compact-wrapper {
height: 0px;
overflow-y: scroll;
transition: .3s all;
}
#nav-compact-wrapper.open {
height: 510px;
max-height: calc(100vh - 50px);
border-bottom: var(--trans-black) 1px solid;
}
#nav-compact {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 0 0 25px;
}
.submenu {
visibility: hidden;
max-height: 0px;
margin-left: 15px;
overflow: hidden;
transition: .4s ease-in-out;
display: flex;
flex-direction: column;
gap: 10px;
border-left: var(--trans-black) 2px solid;
}
.submenu.open {
visibility: visible;
max-height: 1000px;
transition: .4s ease-in-out;
}
.submenu-chevron {
transition: .2s ease-in !important;
}
.submenu-chevron.active {
transform: rotate(90deg);
transition: .2s ease-out !important;
}
.submenu-toggle a, .submenu-toggle p, .nav-item.compact {
font-size: 1.15em;
font-weight: 600;
}
.submenu .submenu-item:first-child {
padding-top: 15px;
}
.submenu .submenu-item:last-child {
padding-bottom: 15px;
}
.submenu-item {
display: flex;
justify-content: flex-start;
text-align: left;
padding-left: 15px;
}
.nav-compact-footer {
display: flex;
justify-content: space-between;
align-self: flex-end;
padding: 15px 25px;
margin-top: 15px;
box-sizing: border-box;
border-top: var(--trans-black) 1px solid;
}
@media (min-width: 1200px) {
#nav-compact-wrapper {
display: none;
}
} #hamburger-open-close {
display: flex;
flex-direction: column;
align-items: center;
height: 25px;
width: 25px;
overflow: hidden;
padding: 10px;
}
#hamburger-open-close.open {
display: flex;
}
#nav-hamburger {
height: 25px;
width: 25px;
}
#nav-close {
height: 25px;
width: 25px;
}
#nav-btns {
transition: .3s ease-out;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
#nav-btns.open {
transition: .3s ease-out;
transform: translateY(-35px);
}
@media (max-width: 1115px) {
#header-socials {
display: none;
}
}
@media (max-width: 1260px) {
#hamburger-open-close { }
#navigation-horizontal { }
}
@media (min-width: 1115px) {
#navigation-vertical {
display: none;
}
body { }
html { }
}
@media (max-width: 900px) {
#header-tagline {
display: none;
}
}
@media (max-width: 415px) {
.title-tagline-socials {
padding: 10px 10px 10px 20px;
}
} .pmpro {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 1140px;
margin: 0 auto;
}
.pmpro_card {
background-color: #fff;
border-radius: 5px !important;
box-shadow: 0 0 2px 0 var(--trans-black) !important; border: none !important;
}
#pmpro_pricing_fields {
display: none !important;
}
.pmpro_section_title {
font-family: Tungsten;
font-weight: 400 !important;
font-size: 35px !important;
}
.pmpro_card_actions {
padding: 10px 20px;
border-top: var(--trans-black) 2px solid;
background: none !important;
}
.pmpro_card_actions a {
text-decoration: none;
color: var(--primary-black);
font-weight: 600;
}
.pmpro_card_actions a:hover {
text-decoration: underline;
}
.pmpro .login-remember label {
display: flex;
align-items: center;
justify-content: center;
}
.pmpro .login-remember label input {
width: 20px;
}   footer {
display: flex;
flex-direction: column;
background-color: var(--primary-black);
color: white;
box-sizing: border-box;
}
#footer-content {
box-shadow: 0 0 5px 0 #00000025;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
width: 100%;
padding: 25px 15px 0 15px;
box-sizing: border-box;
}
.footer-logo {
max-width: 350px;
height: 100%;
}
.footer-row {
width: 100%;
max-width: 1140px;
display: flex;
flex-wrap: wrap;
gap: 25px;
justify-content: space-between;
align-items: center;
padding-bottom: 25px;
border-bottom: var(--trans-white) 1px solid;
}
.footer-row:last-child {
border-bottom: none;
justify-content: center;
}
#footer-nav-wrapper {
display: flex;
gap: 15px;
}
.footer-nav-col {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-nav-col:not(.footer-nav-col:first-child) {
padding-left: 15px;
border-left: var(--trans-white) 1px solid;
}
.footer-nav-item a {
text-decoration: none;
color: white;
text-align: left;
font-weight: 600;
}
.footer-nav-item a:hover {
text-decoration: underline;
}
.footer-copyright-message {
color: #ffffff75 !important;
text-align: center;
}
.footer-theme-author a {
color: #ffffff75 !important;
}
@media (max-width: 792px) {
#footer-content {
gap: 15px;
}
#footer-nav-wrapper {
flex-direction: column;
width: 100%;
}
.footer-row {
justify-content: center;
}
.footer-nav-col:not(.footer-nav-col:first-child) {
padding: 15px 0 0 0;
border-left: none;
border-top: var(--trans-white) 1px solid;
}
.footer-nav-item a, .footer-nav-item {
text-align: center;
}
}
.footer-secondary {
margin: 20px 0 0 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Roboto;
font-size: 12pt !important;
font-weight: normal;
color: #ffffff75;
border-top: #ffffff75 1px solid;
padding: 15px 10px;
height: 100%; }
.footer-copyright-message { }
.footer-theme-author a {
color: #ffffff75 !important; }
.footer-recaptcha-message {
width: 100%;
text-align: center;
border-bottom: #ffffff75 1px solid;
padding-bottom: 15px;
} .elementor img {
border-radius: unset;
box-shadow: unset;
} .post-content img:not(.post-list-results img) {
border-radius: 2px !important;
box-shadow: 0 0 0 5px #ffffff, 0 0 2px 5px var(--trans-black) !important;
max-width: 100%;
box-sizing: border-box;
} .post {
display: flex;
gap: 10px;
transition: .3s;
box-sizing: border-box;
}
.post.horizontal {
flex-direction: row;
height: 100%;
}
.post.vertical {
flex-direction: column;
width: 100%;
min-width: 250px;
}
.post.responsive {
flex-direction: row;
height: 100%;
} .column .post {
padding: 10px 0;
}
.column .post:first-child {
padding-top: 0;
}
.row .post {
padding: 0 10px;
}
.row .post:first-child {
padding-left: 0;
} .light.column .post {
border-bottom: var(--trans-black) 1px solid;
}
.dark.column .post {
border-bottom: var(--trans-white) 1px solid;
}
.column .post:last-child {
border-bottom: none;
}
.light.row .post {
border-right: var(--trans-black) 1px solid;
}
.dark.row .post {
border-right: var(--trans-white) 1px solid;
}
.row .post:last-child {
border-bottom: none;
} .post-thumbnail {
display: block;
border-radius: 2px;
overflow: hidden;
object-fit: cover;
box-sizing: border-box;
}
.post.horizontal .post-thumbnail {
width: unset;
max-width: 40%;
}
.post.vertical .post-thumbnail {
width: 100% !important;
}
.post.responsive .post-thumbnail {
width: unset;
max-width: 40%;
}
.post img {
height: 100% !important;
width: 100%;
object-fit: cover;
transition: .3s;
border-radius: 2px !important;
}
.post img:hover, .post .post-title:hover ~ img {
transform: scale(1.05);
filter: brightness(1.10);
transition: .3s;
}
.post-list-results.row {
display: flex;
flex-direction: row;
overflow-x: auto; } .post-thumbnail {
display: block;
object-fit: cover;
width: 100%;
border-radius: 2px;
overflow: hidden;
box-sizing: border-box;
width: 40%;
}
.post.horizontal .post-thumbnail {
width: unset;
max-width: 40%;
}
.post.vertical .post-thumbnail { width: 100% !important;
}
.post img {
transition: .3s;
border-radius: 2px !important;
}
.post img:hover, .post .post-title:hover ~ img {
transform: scale(1.05);
filter: brightness(1.10);
transition: .3s;
}
.post img {
height: 100% !important;
width: 100%;
object-fit: cover;
}
:root {
--standard-padding: 5px;
} .post-text {
display: flex;
flex-direction: column;
gap: 15px;
box-sizing: border-box;
width: 60%;
}
.post.vertical .post-text {
padding: 0 var(--standard-padding) var(--standard-padding) var(--standard-padding);
width: 100%;
}
.post.horizontal .post-text {
padding: var(--standard-padding) var(--standard-padding) 0 0;
}
.post.no-pic .post-text {
padding: 0 var(--standard-padding) 0 var(--standard-padding);
}
.post-grid-recents .post.no-pic:first-child .post-text {
padding: var(--standard-padding) var(--standard-padding) 0 var(--standard-padding);
}
.post.responsive .post-text {
padding: var(--standard-padding) var(--standard-padding) 0 0;
}
.post.no-pic.horizontal .post-text {
width: 100%;
padding-bottom: 0;
}
.post-tax {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.post-tax a {
font-size: 10pt !important;
font-weight: 600;
line-height: 1;
color: #646464;
}
.post-tax a:hover {
text-decoration: underline;
}
.post-title {
font-family: 'Roboto';
font-weight: bold;
font-size: 14pt;
line-height: 1.5;
color: var(--primary-black);
}
.post-title:hover {
text-decoration: underline;
}
.post-title-link {
color: var(--primary-black);
text-decoration: none; 
}
.post a {
font-family: Roboto; font-size: 14pt;
display: inline-block;
margin: 0;
text-decoration: none;
}
.post-world {
padding: 2px 5px;
font-weight: bold !important;
border-right: var(--trans-black) 2px solid;
}
.video-info .post-world {
color: white;
}
.post p {
line-height: 1.4;
color: rgb(62,62,62);
} .dark .post.horizontal {
background-color: #000;
border-bottom: #ffffff50 1px solid;
padding-bottom: 10px;
}
.dark .post a, .dark .post p {
color: white;
}
.light .post {
background-color: #fff;
color: var(--primary-black);
}  @media (max-width: 740px) {
.post.horizontal {
flex-direction: column;
height: unset;
width: 100%;
min-width: 250px;
}
.post.horizontal img:not(.episode-list post.horizontal img) {
height: unset !important;
max-width: unset !important;
display: none;
}
.post.horizontal .post-thumbnail:not(.episode-list .post-horizontal .post-thumbnail) {
display: none;
}
.post.horizontal .post-text {
padding: 0 5px 0 5px;
}
.post-list-results.column .post.horizontal:first-child .post-text {
padding: 5px 5px 0 5px;
}
.post.horizontal .post-tax {
width: 100%;
}
.post-grid-recents img {
width: unset;
}
.episode-list .post {
flex-direction: column;
}
}
@media (max-width: 900px) {
.post-grid-widget .post.vertical .post-tax {
margin-top: -9px;
}
}
@media (max-width: 740px) {
.post.responsive {
flex-direction: column;
width: 100%;
min-width: 250px;
}
.post.responsive .post-thumbnail {
width: 100%;
max-width: unset;
}
.post.responsive .post-text {
width: 100%;
padding: 0 5px 0 5px;
}
} .post-grid-widget {
display: flex;
gap: 10px;
align-items: stretch;
}
.post-grid-recents {
display: flex;
flex-direction: column;
gap: 10px;
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 5px;
padding: 5px;
max-width: 415px;
}
.post-grid-widget .post {
flex: 1;
}
.post-grid-widget .post.horizontal {
max-height: 250px;
}
.post-grid-widget .post.vertical .post-title {
font-size: 20pt;
}
.post-grid-widget .post.vertical p {
font-size: 12pt;
font-weight: 400;
}
.post-grid-widget .post.vertical {
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 5px;
padding: 5px;
}
.post-grid-recents .post {
padding-bottom: 10px;
border-bottom: 1px var(--trans-black) solid;
}
.post-grid-recents .post:last-child {
padding-bottom: 0;
border-bottom: none;
}
@media (max-width: 1020px) {
.post-grid-widget .post.horizontal img {
display: none;
}
.post.horizontal .post-thumbnail:not(.episode-list .post-thumbnail) {
display: none;
}
.post.horizontal .post-text {
width: 100%;
}
}
@media (max-width: 900px) {
.post-grid-widget {
flex-direction: column;
}
.post-grid-widget .post {
max-width: 100%;
}
.post-grid-recents {
max-width: 100%;
}
.post-grid-widget .post.vertical { }
} .login-widget {
padding: 15px;
border: var(--trans-black) 1px solid;
border-radius: 5px;
}
footer .login-widget {
border: var(--trans-white) 1px solid;
}
.login-widget h2 {
font-family: Tungsten;
font-weight: 400;
font-size: 32pt;
}
.login-widget .login-btns {
justify-content: flex-start;
padding-top: 10px;
border-top: var(--trans-black) 1px solid;
}
footer .login-widget .login-btns {
border-top: var(--trans-white) 1px solid;
}
footer .login-widget a {
color: white;
} .multi-feed-grid {  display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
}
.mfg-content { background-color: var(--primary-black);
border-radius: 10px;
padding: 5px;
}
.mfg-posts { display: grid;
grid-template-columns: repeat(2, 1fr); row-gap: 10px;
width: 100%;
padding: 5px;
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 5px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.mfg-posts::-webkit-scrollbar {
display: none;
}
.mfg-posts .post {
padding-right: 10px;
border-right: 1px var(--trans-black) solid;
}
.mfg-posts .post:last-child {
border-right: none;
padding-right: 0;
padding-left: 10px;
}
.mfg-header {
box-sizing: border-box; color: white;
text-align: left;
padding: 10px 0 0 10px;
margin-bottom: 10px;
border-radius: 5px;
line-height: 1; font-family: 'Tungsten';
font-size: 60px;
width: 100%;
}
.multi-feed-grid .post.vertical {
height: 100%;
}
@media (max-width: 900px) {
.multi-feed-grid {
grid-template-columns: 1fr;
}
.mfg-posts {
grid-template-columns: 1fr;
}
.mfg-posts .post {
padding-right: 0;
border-right: none;
padding-bottom: 10px;
border-bottom: 1px var(--trans-black) solid;
}
.mfg-posts .post:last-child {
padding-left: 0;
padding-bottom: 0;
border-bottom: none;
}
} .post-filter-container {
width: 100%;
height: 100px;
}
.post-list {
height: 100%;
}
.post-list-results {
scrollbar-width: none;
-ms-overflow-style: none;
background-color: #ffffff;
padding: 5px;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 5px;
height: 100%;
}
.world-posts-container {
height: 100%;
}
.post-filter {
width: 100%;
margin: 0 auto 1em auto;
overflow-x: auto;
z-index: 20;
transition: .3s ease-out;
}
.post-filter ul {
display: flex;
gap: 1.5em;
padding-bottom: 1em;
}
.post-filter li {
list-style-type: none; 
flex-shrink: 0;
}
.filter-btn {
border: none;
height: 50px;
padding: 0;
font-size: 14pt;
font-weight: bold;
transition: .3s ease-in;
}
.post-filter.light .filter-btn {
color: #000000;
}
.post-filter.light .filter-btn:hover {
box-shadow: inset 0 -2px 0 #000000;
transition: .3s ease-out;
}
.post-filter.dark .filter-btn {
color: #ffffff;
}
.post-filter.dark .filter-btn:hover {
box-shadow: inset 0 -2px 0 #ffffff;
transition: .3s ease-out;
}
.post-filter button {
background: transparent;
}
.post-filter button:hover,
.post-filter button:focus {
cursor: pointer; transition: .3s ease-in;
}
.post-filter.light button.selected {
box-shadow: inset 0 -2px 0 #000000;
}
.post-filter.dark button.selected {
box-shadow: inset 0 -2px 0 #ffffff;
}
.post-list-results::-webkit-scrollbar {
display: none;
}
.post-list-results.column {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.post-list-results.light.column .post {
padding-bottom: 10px;
border-bottom:var(--trans-black) 1px solid;
}
.post-list-results.column .post:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.post-list-results.row {
display: flex;
flex-direction: row;
overflow-x: auto; }
.post-list-results .post.vertical {
padding-right: 10px;
border-right: 1px var(--trans-black) solid;
}
.post-list-results .post.vertical:last-child {
border-right: none;
padding-right: 0;
}
.post-list-results.light {
background-color: #ffffff;
}
.post-list-results.dark {
background-color: #000000;
}
.post-filter button:active {
opacity: .6;
}
@media (max-width: 767px) {
.post-list-results {
height: unset;
}
}
.world-posts-container {
height: 100%;
} .home .post-filter li:has(button[data-slug="latest"]),
#twt-seasons .post-filter li:has(button[data-slug="latest"]) {
order: 1;
} .home .post-filter li:has(button[data-slug="news"]) {
order: 2;
}
.home .post-filter li:has(button[data-slug="videos"]) {
order: 3;
}
.home .post-filter li:has(button[data-slug="episodes"]) {
order: 4;
}
.home .post-filter li:has(button[data-slug="world-of-inspiration"]) {
order: 5;
}
.home .post-filter li:has(button[data-slug="world-of-creation"]) {
order: 6;
}
.home .post-filter li:has(button[data-slug="world-of-innovation"]) {
order: 7;
}
.home .post-filter li:has(button[data-slug="world-of-production"]) {
order: 8;  }
.home .post-filter button[data-slug="world-of-production"] {  }
.home .post-filter button[data-slug="videos"] {
border-radius: 0 !important;
} #twt-seasons .post-filter li:has(button[data-slug="season-8"]) {
order: 2;
}
#twt-seasons .post-filter li:has(button[data-slug="season-7"]) {
order: 3;
}
#twt-seasons .post-filter li:has(button[data-slug="season-6"]) {
order: 4;
}
#twt-seasons .post-filter li:has(button[data-slug="season-5"]) {
order: 5;
}
#twt-seasons .post-filter li:has(button[data-slug="season-4"]) {
order: 6;
}
#twt-seasons .post-filter li:has(button[data-slug="season-3"]) {
order: 7;
}
#twt-seasons .post-filter li:has(button[data-slug="season-2"]) {
order: 8;
}
#twt-seasons .post-filter li:has(button[data-slug="season-1"]) {
order: 9;
}
#twt-seasons .post-filter button[data-slug="season-1"] {  }
#twt-seasons .post-filter button[data-slug="season-8"] {
border-radius: 0 !important;
}
#wpadminbar { position: fixed;
top: 0;
} body.admin-bar #site-social {
top: var(--wp-admin--admin-bar--height);
}
body.admin-bar #site-header .container {
top: calc(.5em + var(--wp-admin--admin-bar--height));
} .archive-wrapper {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 50px;
}  #breadcrumbs {
color: var(--light-gray);
font-weight: 600;
margin-top: 1em;
}
#breadcrumbs a {
text-decoration: none;
color: var(--accent-blue-alt);
}
#breadcrumbs span {
margin: 0 .5em;
text-transform: capitalize;
display: inline-block;
}
#breadcrumbs span:first-child {
margin-left: 0;
}
#breadcrumbs .breadcrumb_last {
margin-left: 0;
}
@media (max-width: 600px) {
#breadcrumbs a {
margin: 0 .25em;
}
} .load-more-btn { }
.load-more-btn:hover { }  .load-more-button {
margin: 4em auto 2em auto;
text-transform: uppercase;
border: none;
background-color: transparent;
display: block;
font-weight: 700;
font-family: var(--sans-serif-font-stack);
font-size: 1em;
transition: all 150ms;
text-decoration: underline 3px var(--accent-blue-alt);
text-decoration-line: underline;
text-decoration-thickness: 3px;
text-underline-offset: 4px;
text-decoration-color: var(--accent-blue-alt);
text-decoration-style: solid;
}
.load-more-button:hover,
.load-more-button:focus {
cursor: pointer;
text-decoration: underline 5px var(--accent-blue-alt);
text-decoration-thickness: 5px;
color: var(--dark-gray);
}
.load-more-button.pill {
background-color: var(--accent-blue-alt);
padding: .75em 2em;
color: #fff;
border-radius: 30px;
text-align: left;
margin: 2em auto 0 auto;
text-decoration: none;
text-shadow: var(--subtle-text-shadow);
transform: 150ms ease-in-out background-color;
}
.load-more-button.pill:hover,
.load-more-button.pill:focus {
background-color: #212F63;
}
.load-more-content {
margin: 4em auto 2em auto !important;
}
.load-more-videos {
margin: 1em auto 2em auto !important;
} a.video {
position: relative;
}
a.video::after,
.post-alt::after {
position: absolute;
content: url(//www.tomorrowsworldtoday.com/wp-content/themes/TWT-Theme-2025/assets/svg/icon_play.svg);  background: #00000075;
bottom: 0px;
right: 0px;
border-radius: 2px 0 2px 0;
padding: .5em;
line-height: 0;
}
.list-post-3-col a.video::after {
right: 1.5em;
} .social-icon-group {
display: flex;
align-items: center;
justify-content: center;
gap: .1em;
}
.social-icon-group li {
list-style-type: none;
line-height: 0;
}
.social-icon-group img {
padding: .25em;
display: block;
max-height: 1.25em;
min-width: 23px;
}
.social-icon-group a {
text-decoration: none;
display: inline-flex;
min-width: 34px;
} .base-post {
padding: 5px;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
}
.base-post h1 {
font-size: 1.15em;
}
.base-post>a {
display: block;
font-size: 1em;
margin-bottom: .75em;
}
.base-post h1 a {
text-decoration: none;
font-size: 1em; color: #000;
}
.base-post h1 a:hover,
.base-post h1 a:focus {
text-decoration: underline 3px var(--world-color);
text-underline-offset: 3px;
}
.base-post p {
font-size: .75em;
margin: .5em 0;
color: var(--dark-gray);
}
.base-post p a {
color: var(--accent-blue-alt);
text-decoration: none;
font-size: 14px;
font-weight: 600;
}
.base-post p a:hover,
.base-post p a:focus {
color: var(--accent-blue-alt);
}
.base-post .post-world {
color: #FFF;
padding: 0.35em 0.8em;
border-radius: 0.35em;
margin-left: .3em;
text-transform: uppercase;
font-size: 12px;
}
.banner-info .post-world {
color: #FFF;
padding: 0.35em 0.8em;
border-radius: 0.35em;
margin-left: .3em;
text-transform: uppercase;
font-size: 12px;
}
a.category-inspiration {  border-left: var(--inspiration-green) 2px solid; }
a.category-production {  border-left: var(--accent-orange) 2px solid; }
a.category-creation {  border-left: var(--accent-yellow) 2px solid; }
a.category-innovation {  border-left: var(--innovation-blue) 2px solid; }
a.category-the-show {
background-color: var(--midnight-blue);
}
.base-post .post-world:hover,
.base-post .post-world:focus {
color: #FFF;
} .post-info { }
.post-alt {
aspect-ratio: 16/9;
position: relative;
border-radius: 20px;
-webkit-border-radius: 20px;
overflow: hidden;
}
.post-alt::before {
background-size: cover;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.post-alt .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 1.5em;
width: 100%;
}
.post-alt .post-info::before {
content: '';
position: absolute;
top: .5em;
bottom: -1em;
left: -1em;
right: -1em;
background: #000;
z-index: 0;
opacity: .4;
filter: blur(10px);
}
.post-alt.no-thumb .post-info::before {
opacity: 0;
}
.post-alt .post-info a,
.post-alt .post-info h1,
.post-alt .post-info p {
z-index: 2;
position: relative;
color: #fff !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, .65);
max-width: 86%;
}
.video-posts {
max-width: 1080px;
margin: 0 auto;
}
@media (max-width: 550px) {
.video-posts .mob-full { }
.video-posts .mob-full article {
border-radius: 0;
}
.video-posts .mob-full article:not(:first-of-type) {
display: none;
}
.video-posts {
max-width: none;
}
.video-posts .load-more-button.pill {
max-width: 70%;
margin: 2em auto 0 auto;
display: block !important;
text-align: center;
}
} p+.newsletter-signup {
margin-top: .5em;
}
form.newsletter-signup {
display: flex;
align-items: center;
justify-content: start;
}
.newsletter-signup input:not([type="submit"]) {
border: solid 1px var(--dark-gray);
background: transparent;
color: inherit;
padding: .5em 1em;
}
.newsletter-signup input {
border-radius: 20px;
}
.newsletter-signup input.button {
width: auto;
margin-left: 1em;
}
.newsletter-signup p.disclaimer,
.newsletter-signup+p.disclaimer {
font-size: .85em !important;
color: inherit;
line-height: 1.4;
margin-top: 1em;
margin-bottom: 0;
opacity: .85;
}
@media (max-width: 550px) {
form.newsletter-signup {
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
row-gap: 1em;
}
form.newsletter-signup label,
form.newsletter-signup input,
form.newsletter-signup .button {
display: inline-block;
width: fit-content;
margin: 0 auto;
}
form.newsletter-signup input::placeholder {
text-align: center;
}
} .newsletter-signup.transparent-form {
padding: 4em 2em;
display: block;
border-radius: 40px;
border: solid 1px #808088;
position: relative;
max-width: 375px;
margin: 0 auto;
background-color: rgba(250, 250, 250, .08);
backdrop-filter: blur(1.25px);
}
.newsletter-signup.transparent-form label,
.newsletter-signup.transparent-form input {
display: block;
max-width: 280px;
display: block;
margin: 0 auto;
}
.newsletter-signup.transparent-form label {
font-family: var(--serif-font-stack);
font-size: 1em;
font-weight: 600;
color: #fff;
margin-bottom: 1em;
}
.newsletter-signup.transparent-form input:not([type="submit"]) {
border-radius: 4px;
background-color: #fff;
color: var(--midnight-blue);
margin-top: .25em;
}
.newsletter-signup.transparent-form input[type="submit"] {
margin-top: 2em !important;
}
.newsletter-signup.transparent-form+.feedback {
color: #fff;
text-align: center;
font-size: 1.25em;
font-family: var(--serif-font-stack);
text-shadow: var(--subtle-text-shadow);
border: solid 2px #fff;
border-radius: 4px;
padding: 1em;
background-color: rgba(0, 0, 0, .35);
backdrop-filter: blur(1.25px);
}
.newsletter-signup.transparent-form p.disclaimer {
margin: 1em auto 0 auto;
font-size: .85em;
color: white;
max-width: 280px;
} #site-footer.fixed {
position: fixed;
left: 0;
right: 0;
bottom: 0
} .footer-primary {
background-color: var(--primary-black);
padding: 3em 0;
color: #fff;
}
#site-footer .left-container {
max-width: 540px;
}
#site-footer .right-container {
justify-self: end;
} @media (prefers-reduced-motion) {
.list-post-3-col .base-post:hover .post-thumbnail::before {
transform: none !important;
}
.base-post:hover a.post-thumbnail>img,
.base-post:focus a.post-thumbnail>img {
transform: translateX(-50%) translateY(-50%) !important;
}
} .visually-hidden {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.visually-hidden:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .uppercase {
text-transform: uppercase;
}
.font-serif {
font-family: var(--serif-font-stack);
}
.font-sans-serif {
font-family: var(--sans-serif-font-stack);
}
.no-scroll {
overflow: hidden;
}
.mobile-only {
display: none;
}
.carousel-control {
display: none;
}
.elementor-element .sticky-av {
position: sticky;
top: 5em;
}
@media (max-width: 550px) {
.mobile-only {
display: initial;
}
.desktop-only {
display: none;
} .mobile-carousel {
position: relative;
}
.mobile-carousel>*:not(.current):not(.liveregion) {
position: absolute;
left: -999em;
display: none;
}
.carousel-control {
margin: 2em auto 0 auto;
}
.carousel-control,
.carousel-control .pagination {
display: flex;
gap: 1em;
list-style-type: none;
width: fit-content;
text-align: center;
align-items: center;
line-height: 0;
}
.carousel-control button {
background: transparent;
border: none;
line-height: 0;
font-size: 1.75em;
color: var(--light-gray);
transition: color 250ms ease-in-out;
height: 20px;
}
.carousel-control button:hover,
.carousel-control button:focus {
cursor: pointer;
color: var(--accent-blue-alt);
opacity: .6;
}
.carousel-control .pagination button {
font-size: 0;
height: 12px;
width: 12px;
margin: 0 2px;
border-radius: 100%;
display: block;
background-color: var(--light-gray);
transition: background-color 250ms ease-in-out;
max-height: 12px;
max-width: 12px;
box-sizing: border-box;
padding: 0;
}
.carousel-control .pagination button:focus,
.carousel-control .pagination button:hover {
background-color: var(--accent-blue-alt);
}
.carousel-control .pagination button.current {
background-color: var(--accent-blue-alt);
opacity: 1;
}
.carousel-control .previous::before {
content: '‹';
}
.carousel-control .next::after {
content: '›';
} .list-post-2-col .col-2 .base-post .post-thumbnail {
width: auto;
margin-right: 0;
margin-left: 0; }
.base-post>a,
.base-post .post-thumbnail {
max-width: 550px !important;
}
.list-post-2-col .col-2 .base-post img {
border-radius: 0em !important;
}
.list-post-2-col .col-2 .base-post a {
border-radius: 0em !important;
}
.featured-recent-posts .base-post>a,
.featured-recent-posts .base-post .post-thumbnail,
.list-post-2-col .col-2 .base-post .post-thumbnail {
border-radius: 0em;
}
} @keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fillwidth {
from {
width: 0;
}
to {
width: 100%;
}
} @font-face {
font-family: "Tungsten";
src: url(https://www.tomorrowsworldtoday.com/wp-content/themes/TWT-Theme-2025/assets/fonts/Tungsten-Medium.woff2);
font-weight: normal;
}
@font-face {
font-family: "Tungsten";
src: url(//www.tomorrowsworldtoday.com/wp-content/themes/TWT-Theme-2025/assets/fonts/Tungsten-Bold.woff2);
font-weight: bold;
}
p.wpdberror {
max-width: 1080px;
margin: 1em auto;
background: rgba(255, 0, 0, .2);
border: solid 2px #c00;
padding: 1em;
box-sizing: border-box;
}
p.wpdberror code {
font-family: 'Vulf Mono Book', 'Operator Mono', 'Inconsolata', 'Courier New', Courier, monospace;
display: block;
background: #fff;
padding: .5em;
margin-top: .5em;
} .animated-line-heading {
text-align: center;
margin: 2em auto;
}
.animated-line-heading p {
font-family: 'Tungsten', var(--sans-serif-font-stack);
font-size: 1.75em;
text-transform: uppercase;
line-height: 1em;
font-weight: 600;
letter-spacing: 1px;
}
.animated-line-heading h1 {
font-family: var(--sans-serif-font-stack);
font-size: 3em;
line-height: 1.1;
text-transform: uppercase;
background-position: center;
position: relative;
padding: 0 .75em;
max-width: max-content;
margin: 0 auto;
z-index: 1;
}
.animated-line-heading h1::before {
position: absolute;
top: 50%;
left: 50%;
content: '';
height: 33%;
width: 0%;
background-color: var(--world-color);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
opacity: .4;
animation: .35s ease-in .5s fillwidth forwards;
} @media (max-width: 550px) {
.animated-line-heading h1 {
font-size: 2em;
}
.animated-line-heading p {
font-size: 1.25em;
}
} .hero-featured-post,
.container>.hero-featured-post {
grid-column-start: 1;
grid-column-end: 4;
}
.hero-featured-post article {
text-align: center;
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://flyingcork.com/twt-email-campaigns/hero-featured.JPG);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 6em 1em;
}
.hero-featured-post p {
font-size: 1em;
font-weight: 600;
color: var(--world-color);
text-transform: uppercase;
text-shadow: var(--subtle-text-shadow);
}
.hero-featured-post h2 {
font-family: var(--sans-serif-font-stack);
font-size: 2em;
color: white;
text-shadow: var(--subtle-text-shadow);
}
.hero-featured-post hgroup {
margin: 0 auto;
max-width: 600px;
} .hero-featured-post .rounded-button {
color: #fff;
background-color: var(--accent-blue-alt);
border-radius: 40px;
padding: .25em 1.5em;
margin-top: 1.5em;
display: inline-block;
text-decoration: none;
text-transform: uppercase; font-size: 1.25em;
transition: background-color 150ms ease-in-out;
text-shadow: var(--subtle-text-shadow);
}
.hero-featured-post .rounded-button:hover,
.hero-featured-post .rounded-button:focus {
background-color: #212F63;
}
p.banner-info,
.banner-info a {
font-family: var(--serif-font-stack);
color: #fff !important;
font-size: .9em;
}
.banner-info img {
vertical-align:middle;
width:1.1em;
margin-right:.25em;
} .hero-featured-post.fc-carousel {
position: relative;
overflow: hidden;
}
.carousel-track {
display: flex;
transition: transform 0.5s ease-in-out;
will-change: transform; }
.hero-featured-post.fc-carousel .pagination {
display: flex;
gap: .35em;
position: absolute;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
}
.hero-featured-post.fc-carousel .pagination button {
height: 1em;
width: 1em;
border-radius: 30px;
border: solid 1px var(--dark-gray);
background: #fff;
opacity: .75;
cursor: pointer;
transition: opacity 150ms ease-out;
}
.hero-featured-post.fc-carousel .pagination button.current {
opacity: .9;
background: var(--accent-blue);
border: solid 1px var(--brand-gradient);
cursor:initial;
}
.hero-featured-post.fc-carousel .pagination button:hover, 
.hero-featured-post.fc-carousel .pagination button:focus {
opacity: 1;
}
.hero-featured-post.fc-carousel article {
width: 100%;
flex-shrink: 0;
opacity: 1 !important;
height: auto !important;
display: block !important;
}
.hero-featured-post.fc-carousel article.current {
display: block;
opacity: 1;
height: auto;
}
.hero-featured-post.fc-carousel:hover,
.hero-featured-post.fc-carousel:has(:focus) {
box-shadow: 11px 1px 20px 10px rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 11px 1px 20px 10px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 11px 1px 20px 10px rgba(0,0,0,0.2) inset; }
.carousel-buttons {
display: flex;
gap: 6.35em;
position: absolute;
bottom: 0.7em;
left: 50%;
transform: translateX(-50%);
}
.carousel-buttons button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
.scroll-left img,
.scroll-right img {
height: auto;
width: 20px;
} @media (max-width: 550px) {
.hero-featured-post h2 {
font-size: 1.5em;
}
} .page-heading,
.page-title {
box-sizing: border-box;
max-width: 1140px;
margin: 2rem auto;
font-size: 5em;
font-family: Tungsten;
} .list-post-3-col .col-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 2.5em;
row-gap: 3em;
}
.list-post-3-col .base-post .post-thumbnail,
.list-post-3-col .base-post>a {
border-radius: 2px;
-webkit-mask-image: radial-gradient(white, black);
width: 100%;
aspect-ratio: 1/1;
margin-bottom: 1em;
background-position: center;
background-size: cover;
z-index: 4;
}
.list-post-3-col .base-post .post-thumbnail::before {
z-index: initial;
filter: none;
background-size: cover;
transition: transform ease-in-out 250ms;
}
.list-post-3-col .base-post:hover .post-thumbnail::before {
transform: scale(1.1);
}
@media (max-width: 550px) {
.list-post-3-col .col-3 {
grid-template-columns: auto;
}
} .list-post-2-col .col-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 1.5em;
row-gap: 3em;
margin: .5em auto;
} _::-webkit-full-page-media,
_:future,
:root div .base-post .post-thumbnail { }
_::-webkit-full-page-media,
_:future,
:root [class^="recent-post-"] .post-thumbnail,
_::-webkit-full-page-media,
_:future,
:root div.posts-scroll .post-thumbnail {
min-height: 0 !important;
}
.base-post>a,
.base-post .post-thumbnail,
.featured-recent-posts .base-post>a,
.featured-recent-posts .base-post .post-thumbnail,
.list-post-2-col .col-2 .base-post .post-thumbnail {
aspect-ratio: 16/9;
-webkit-mask-image: radial-gradient(white, black);
}
article[class^="recent-post-"] .post-thumbnail,
article[class^="recent-post-"]>a {
border-radius: 10px;
-webkit-mask-image: radial-gradient(white, black);
}
@media (max-width: 550px) {
.list-post-2-col .col-2 {
grid-template-columns: 1fr;
row-gap: 2em;
} _::-webkit-full-page-media,
_:future,
:root .base-post .post-thumbnail {
min-height: 0;
}
_::-webkit-full-page-media,
_:future,
:root .featured-post .post-thumbnail {
min-height: 200px;
}
_::-webkit-full-page-media,
_:future,
:root .list-post-3-col .post-thumbnail {
min-height: 250px;
}
} .inline-newsletter-signup {
border: solid 1px var(--light-gray);
border-radius: 40px;
margin: 1em auto;
width: 70%;
}
.inline-newsletter-signup .content {
text-align: center;
display: grid;
grid-template-rows: auto;
row-gap: 1.25em;
justify-items: center;
max-width: 550px;
margin: 2em auto;
}
@media screen and (max-width: 550px) {
.inline-newsletter-signup {
width: auto;
padding: 0em 1em;
}
} #elementor-popup-modal-26681 .dialog-message {
overflow: hidden !important;
}
.elementor-location-popup .inline-newsletter-signup {
border: none;
margin: 1em auto;
width: 100%;
}
.elementor-location-popup .inline-newsletter-signup .content {
justify-items: start;
}
.elementor-location-popup .inline-newsletter-signup h1,
.elementor-location-popup .inline-newsletter-signup p {
text-align: left;
color: #fff;
}
.elementor-location-popup .inline-newsletter-signup h1 {
font-size: 34px;
}
.elementor-location-popup .inline-newsletter-signup p {
font-size: 18px;
}
.elementor-location-popup .newsletter-signup p.disclaimer,
.newsletter-signup+p.disclaimer {
font-size: 1em !important;
}
@media screen and (max-width: 550px) {
.elementor-location-popup .inline-newsletter-signup h1 {
font-size: 24px;
}
.elementor-location-popup .inline-newsletter-signup p {
font-size: 12px;
}
}
.elementor-location-popup form.newsletter-signup {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1em;
margin-top: 1em;
}
.elementor-location-popup form.newsletter-signup input:not([type="submit"]) {
color: #fff;
}
.elementor-location-popup form.newsletter-signup input.button {
margin-top: 0em;
font-size: 1.25em; } .ribbon-heading {
box-sizing: border-box;
grid-column-start: 2;
justify-self: start;
background: var(--world-color);
color: #fff;
padding: .25em .5em .25em 0;
margin: 2rem 0;
text-shadow: var(--subtle-text-shadow);
font-size: 2em;
font-weight: 700;
}
.ribbon-heading-spacer {
background: var(--world-color);
grid-column-start: 1;
grid-column-end: 2;
margin: 2rem 0;
}
@media (max-width: 550px) {
.ribbon-heading,
.ribbon-heading-spacer {
margin: 1rem 0;
font-size: 1.5em;
}
} .blockquote {
display: grid;
margin: 1.5em auto 0 auto;
max-width: 650px;
font-family: 'Tungsten', var(--sans-serif-font-stack);
}
.blockquote figure {
position: relative;
margin-left: 3em;
align-self: center;
}
.blockquote figure::before {
position: absolute;
content: '“';
color: var(--accent-blue);
font-size: 10em;
left: -.3em;
top: -.5em;
}
.blockquote blockquote {
line-height: 1.2;
font-size: 2em;
}
.blockquote figcaption {
color: var(--accent-blue-alt);
line-height: 1.2;
position: relative;
font-size: 1.25em;
float: right;
} .blockquote figcaption span {
color: var(--dark-gray);
display: block;
font-family: var(--serif-font-stack);
font-size: .6em;
} .cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin: 1em auto;
grid-auto-flow: row;
gap: 1em;
grid-template-rows: auto;
}
.cards article {
border: solid 1px var(--light-gray);
border-radius: 30px;
padding: 2em 2.25em;
background: #fff;
transition: all 150ms;
}
.cards article:hover {
border-color: var(--world-color);
box-shadow: 0px 0px 10px 1px var(--world-color-rgba);
transform: scale(101%);
}
.cards h1 {
font-size: 1.5em;
margin: .5em 0;
font-weight: 700;
}
.cards p {
font-size: 1em;
}
.cards img {
max-height: 100px;
}
.cards .load-more-button {
margin: 1.5em 0 0 0;
color: var(--midnight-blue);
}
.cards article:hover .load-more-button {
text-decoration: underline 5px var(--world-color);
}
@media (max-width: 900px) {
.cards {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 550px) {
.cards {
grid-template-columns: repeat(2, 1fr);
}
.cards article,
.cards .carousel-item {
margin: 0 auto;
}
.cards h1 {
font-size: 1.15em;
margin: .5em 0;
font-weight: 700;
}
.cards p,
.cards .load-more-button {
font-size: .95em;
}
}
@media (max-width: 450px) {
.cards {
grid-template-columns: 1fr;
}
.cards article,
.cards .carousel-item {
max-width: 250px;
margin: 0 auto;
}
} .rounded-banner { border: solid 2px var(--light-gray);
color: #fff;
display: grid;
grid-template-columns: 2fr 3fr;
column-gap: 2em;
align-items: end;
padding: 0 4em 0 0;
margin: 1em auto;
border-radius: 40px;
}
.rounded-banner .image-container {
height: 100%;
background-size: cover;
background-position: center;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.rounded-banner .content {
align-self: center;
padding: 2em 0;
}
.rounded-banner>img {
display: none;
}
.rounded-banner h1 {
font-family: var(--sans-serif-font-stack);
color: #102a3f;
}
.rounded-banner a {
font-size: 1.15em;
}
.rounded-banner p {
font-family: var(--serif-font-stack);
margin: 1em 0;
}
.newsletter-signup input:not([type="submit"]) {
border: solid 1px var(--light-gray);
}
.rounded-banner .newsletter-signup input::placeholder {
color: var(--light-gray);
}
.rounded-banner .button {
font-family: var(--sans-serif-font-stack);
border-radius: 40px;
}
@media (max-width: 900px) {
.rounded-banner {
padding: 0;
grid-template-columns: 2fr 3fr;
column-gap: 1em;
font-size: .75em;
}
.rounded-banner .content {
padding: 2em 2em 2em 0;
}
.rounded-banner .button {
padding: .5em 1em;
}
}
@media (max-width: 550px) {
.wrapper.rounded-banner {
grid-column-start: 1;
grid-column-end: 4;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
row-gap: 1em;
padding-bottom: 2em;
row-gap: 2em;
font-size: 1em;
text-align: center;
border-radius: 0;
}
.rounded-banner>.image-container {
display: none;
}
.rounded-banner>img {
display: block;
width: 90%;
margin: 0 auto;
box-sizing: border-box;
}
.rounded-banner>img.fill {
width: 100%;
}
.rounded-banner p {
margin: 0 auto;
}
.rounded-banner .content {
padding: 0 1em 1em 1em;
display: grid;
grid-template-rows: auto;
row-gap: 1.25em;
}
.newsletter-signup input:not([type="submit"]) {
margin: 0 auto 1em auto;
}
.rounded-banner .button {
padding: .5em 2em;
}
.rounded-banner .mobile-separator {
border-bottom: solid 1px #fff;
}
} .featured-recent-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto);
grid-column-gap: 1.5em;
} .featured-recent-posts article.featured-post {
grid-area: 1 / 1 / 4 / 2;
}
.featured-recent-posts article.featured-post h1 a {
font-size: 1.15em;
} .featured-recent-posts article[class^="recent-post-"] {
border-bottom: 1px solid var(--light-gray);
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 1.5em;
padding: .95em 0;
}
.featured-recent-posts article.recent-post-1 {
grid-area: 1 / 2 / 2 / 3;
padding-top: 0;
}
.featured-recent-posts article.recent-post-2 {
grid-area: 2 / 2 / 3 / 3;
}
.featured-recent-posts article.recent-post-3 {
grid-area: 3 / 2 / 4 / 3;
border-bottom: none;
}
article[class^="recent-post-"]>a {
margin-bottom: 0;
}
article[class^="recent-post-"] a.video::after {
transform: scale(.75);
bottom: .5em;
right: .5em;
line-height: 0;
} @media (max-width: 600px) {
.featured-recent-posts {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.featured-recent-posts article.featured-post {
margin-bottom: 2em;
}
.featured-recent-posts article.featured-post,
.featured-recent-posts article[class^="recent-post-"] {
grid-area: auto;
}
} .post-with-excerpt {
display: grid; row-gap: 15px;
}
.post-with-excerpt .col-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 1em;
}
.post-with-excerpt.video .col-2 {
grid-template-columns: 3fr 2fr;
}
.post-with-excerpt h1 { margin-bottom: .25em;
}
.post-with-excerpt p {
font-size: .7em;
color: var(--midnight-blue);
}
.post-with-excerpt .premiered-date { margin-bottom: .5em;
color: var(--dark-gray);
}
.post-with-excerpt .load-more-button {
margin: 1em 0;
color: var(--midnight-blue);
}
.post-excerpt.--title-only .post-excerpt-title {
margin-bottom: .75em;
}
@media (max-width: 550px) {
.post-with-excerpt .col-2,
.post-with-excerpt.video .col-2 {
grid-template-columns: 1fr; }
.post-with-excerpt h1 {
font-size: 1.25em;
}
.post-with-excerpt p {
font-size: .95em;
}
} .socials {
display: flex;
gap: 15px;
align-items: center;
}
.socials h5 {
border-right: var(--trans-black) 2px solid;
padding-right: 20px;
padding-left: 10px;
}
.socials a {
display: flex;
justify-content: center;
align-items: center;
height: 35px;
width: 35px;
}
.socials a {
box-sizing: border-box;
}
.socials.share-socials a {
filter: invert(100%);
}
.socials.footer-socials {
gap: 5px;
}
.socials.footer-socials img {
margin: 2em auto;
}
.socials li {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: .2s ease-in;
}
.socials li:hover {
transform: scale(1.1);
transition: .2s ease-out;
} .home .elementor>section:first-child,
.home .elementor .elementor-section-wrap>section:first-child {
margin-top: 0;
margin-bottom: -3em;
}
.mob-img img {
max-height: 250px;
}
.twitter-tweet {
margin: 0 auto;
}
.single .byline,
.single .updated {
display: none;
}
.single .post-date-share {
display: flex; 
flex-wrap: wrap;
gap: 5px;
justify-content: space-between; border-top: var(--trans-black) 1px solid; 
border-bottom: var(--trans-black) 1px solid; 
padding: 5px 0;
margin-bottom: 20px;
}
@media (max-width: 434px) {
.single .post-date-share {
justify-content: center;
}
.share-socials-container {
width: 100%;
padding-top: 5px;
border-top: var(--trans-black) 1px solid;
}
}
.single .posted-on {
display: flex;
justify-content: flex-start;
align-items: center;
}
.single .posted-on a {
order: -1;
color: black;
font-weight: 600;
text-decoration: none;
font-size: .95em;
}
.single .entry-header { margin-bottom: 1em;
display: grid;
grid-template-columns: repeat(1, auto);
}
.share-socials-container {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
.share-socials-container h5 {
order: -1;
color: black;
font-weight: 600;
text-decoration: none;
font-size: .95em;
padding-right: 15px;
border-right: var(--trans-black) 2px solid;
}
.single .post-info {
display: flex;
flex-direction: column;
}
.single .post-info .entry-meta,
.single .post-info .entry-meta a {
order: -1;
color: var(--dark-gray);
font-weight: 600;
text-decoration: none;
font-size: .95em;
}
.single .post-info h1 {
margin: 0 .5em .25em 0;
}
.single .entry-meta~p {
font-size: 1.25em;
font-weight: 500;
margin-bottom: .75em;
}
.single main p {
margin-bottom: 1em;
}
.single main h2,
.single main h3,
.single main h4 {
font-family: 'Tungsten';
font-weight: normal;
margin: 2em 0 1em 0;
}
.single main h2 {
font-size: 1.75em;
}
.single main h3 {
font-size: 2em;
color: #000;
}
.single .post-content .elementor .page-heading {
margin-bottom: .25em;
}
.single .post-content .elementor-heading-title {
margin: 0;
}
.single .entry-header .social-icon-group {
gap: .5em;
justify-self: end;
height: 0px;
}
.single .entry-header .social-icon-group img {
max-height: none;
padding: 0;
}
@media (max-width: 800px) {
.single .entry-header .social-icon-group {
height: auto;
}
.single .social-icon-group {
justify-content: start;
}
}
.copy-url::after {
content: 'Copied URL';
position: absolute;
bottom: -.75em;
left: 50%;
width: max-content;
transform: translateX(-50%);
margin-top: 1em;
display: block;
color: var(--dark-gray);
font-size: .8em;
opacity: 0;
}
.single article blockquote,
.single article figure,
.single article:not(.post) img {
margin: 2em auto;
}
.single article:not(.base-post) figure img {
margin: 0 auto;
}
.single article blockquote {
width: 90%;
font-family: var(--serif-font-stack);
font-size: larger;
}
.single article figure>figcaption {
text-align: center;
color: var(--dark-gray);
}
.single article iframe {
aspect-ratio: 16/9;
margin: 2em auto;
display: block;
width: 100%;
height: auto;
max-width: 800px;
}
.single .instagram-media {
aspect-ratio: initial;
margin: 2em auto !important;
height: revert-layer;
}
.single .post-content {
margin-bottom: 2em;
} .single .post-tags {
border-top: var(--trans-black) 1px solid;
border-bottom: var(--trans-black) 1px solid;
padding: 10px 0;
max-width: 100%;
}
.single .post-tags div {
overflow-x: auto;
}
.single .post-tags p {
font-family: Tungsten;
font-weight: 400;
font-size: 24pt;
margin-bottom: .15em;
}
.single .post-tags a {
white-space: nowrap;
font-family: Roboto;
font-weight: 600;
color: var(--primary-black);
font-size: 13.5pt;
margin: .25em;
padding: 2px 12px;
border-right: var(--trans-black) 2px solid;
text-decoration: none;
}
#video-container .post-tags a, #podcast-container .post-tags a {
color: var(--primary-white);
border-right: var(--trans-white) 2px solid;
}
#video-container .post-tags a:last-child, #podcast-container .post-tags a:last-child {
border-right: none;
}
.post-tags a:first-child {
padding: 2px 12px 2px 0px;
margin-left: 0px;
}
.single .post-tags a:last-child {
margin-right: 0px;
border-right: none;
}
.single .post-tags a:hover,
.single .post-tags a:focus {
text-decoration: underline;
}
.single #primary .post-content img { width: 100%;
max-width: 100%;
}
.single #primary .post-content img {
background: var(--world-color);
color: #fff;
text-align: center;
line-height: 1.5;
font-family: var(--serif-font-stack);
}
.single #primary .post-content img[src$=".png"] {
background: none;
color: var(--midnight-blue);
}
.single .related-posts { margin: 2em auto;
padding: 2em 0 1em 0;
max-width: 1140px;
width: 95%;
}
.single .related-posts .post-list-results.post-list-horizontal { }
.single .related-posts h2,
.single .related-books>h2,
.single .twt-podcast-container>h2 {
font-family: Tungsten;
font-weight: 400;
font-size: 24pt;
margin-bottom: .5em;
}
.affiliate-text { text-align: center;
}
@media (max-width: 800px) {
.single .entry-header {
display: block;
border-bottom: none;
margin-bottom: 2em;
}
.single .post-info .excerpt {
font-size: 1.15em;
margin-bottom: .5em;
}
.single main p {
font-size: 1.15em;
}
.single article blockquote,
.single article figure,
.single article:not(.base-post) img {
max-width: 100%;
}
.single .post-content img {
max-height: none;
width: 100% !important;
}
.single article>figure.fill {
max-width: calc(100% + 2em);
width: calc(100% + 2em) !important;
margin: 1em -1em;
}
.single article>figure.fill>figcaption {
max-width: calc(100% - 2em);
margin: .25em auto;
}
.single .entry-header .post-info { margin-bottom: 1em;
}
}
.posts-container {
background-color: #fff;
padding: 5px;
overflow: hidden;
} .not-found {
height: 100%;
justify-self: center;
max-width: 600px;
margin: 30vh auto;
padding: 15px;
}
.not-found h1 {
text-align: center;
margin: 0 auto;
font-size: 3em;
color: black;
line-height: 1.1;
}
.not-found p {
margin-bottom: 1.5em;
margin-top: 1em;
}
.not-found-search-bar {
padding: 5px;
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 5px;
margin: 0 auto;
width: fit-content;
}
.not-found .search-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 1em;
justify-content: center;
border: none;
}
.not-found .search-field {
min-width: 200px;
border-radius: 2px;
border: none;
font-size: 1.15rem;
background-color: transparent;
font-weight: bold;
height: 100%;
}
.not-found .search-submit {
color: #fff;
background-color: #000;
font-family: Tungsten;
font-weight: 400;
font-size: 16pt;
padding: 10px 20px !important;    border-radius: 2px;
border: none;
width: auto;
transition: background-color 150ms;
}
.not-found .search-submit:hover,
.not-found .search-submit:focus {  cursor: pointer;
}
@media (max-width: 450px) {
.not-found h1 {
font-size: 2em;
}
.not-found .search-form {  }
.not-found .search-field,
.not-found .search-submit {  }
}
.posts-navigation .nav-links {
display: flex;
width: 100%;
margin-top: 2em;
margin-bottom: 1em;
text-align: center;
justify-content: center;
gap: 2em;
} .has-sidebar {
display: grid;
grid-template-columns: 1fr 4fr;
column-gap: 4em;
}
.has-sidebar .button-container {
grid-column-start: 2;
max-width: 530px;
}
.has-sidebar .button-container>button {
margin-top: 1em;
}
.sidebar-filter-toggle,
.sidebar-filter-close {
display: none;
}
.filter h2 {
margin: 0;
line-height: 1;
}
.filter fieldset {
margin-top: 2em;
}
.filter legend {
font-family: var(--serif-font-stack);
font-weight: 600;
border-bottom: solid 1px var(--light-gray);
width: 100%;
margin-bottom: .5em
}
.filter .filter-item {
display: block;
margin-top: .5em;
color: var(--dark-gray);
line-height: 1.3;
}
.filter input[type="checkbox"],
.filter input[type="radio"] {
opacity: 0;
}
.filter input[type="checkbox"]:hover~label,
.filter input[type="radio"]:hover~label,
.filter input[type="checkbox"]:focus~label,
.filter input[type="radio"]:focus~label {
text-decoration: underline;
color: var(--midnight-blue);
cursor: pointer;
}
.filter input[type="checkbox"]:checked~label,
.filter input[type="radio"]:checked~label {
color: var(--dark-gray);
position: relative;
background: rgba(234, 234, 233, .5);
display: inline-block;
padding: .25em 2em .25em .85em;
border-radius: 30px;
border: solid 1px rgb(122, 122, 122);
margin-left: -.85em;
}
.filter input:checked~label::after {
color: var(--dark-gray);
content: '×';
position: absolute;
margin-left: .5em;
text-decoration: none;
font-size: 1.25em;
top: 50%;
transform: translateY(-50%);
opacity: .75;
}
.filter input:checked:hover~label::after,
.filter input:checked:focus~label::after {
opacity: 1;
}
.filter input:disabled~label,
.filter input:hover:disabled~label,
.filter input:focus:disabled~label {
opacity: .65;
text-decoration: none;
color: var(--dark-gray);
cursor: not-allowed;
}
.results {
opacity: 1;
transition: opacity 750ms ease-in-out;
max-width: 530px;
}
.results article {
margin-bottom: 3em;
}
#video-results .ajax-response {
text-align: center;
color: var(--dark-gray);
} @media (max-width: 780px) {
.has-sidebar {
grid-template-columns: 1fr 3fr;
column-gap: 2em;
}
}
@media (max-width: 550px) {
.has-sidebar {
display: block;
}
.sidebar-filter-toggle,
.sidebar-filter-close {
display: block;
border: none;
padding: .5em;
line-height: 0;
margin-bottom: 1em;
}
.sidebar-filter.open {
background: #fff;
display: block;
overflow-y: scroll;
padding: 1em;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
}
.sidebar-filter.open .sidebar-filter-close {
position: fixed;
top: 1em;
right: 1em;
}
.sidebar-filter {
display: none;
}
} .tabbed-slider>.tab-controller {
display: flex;
gap: .5em;
margin-bottom: 1em;
justify-content: center;
}
.tabbed-slider .tab-controller button {
font-size: 1em;
padding: .5em 1.5em;
border: solid 1px var(--light-gray);
border-radius: 0px;
font-weight: 600;
text-transform: uppercase;
background: #FFF; cursor: pointer;
}
.tabbed-slider .tab-controller li:nth-child(2) button { }
.tabbed-slider .tab-controller li:nth-last-child(2) button { }
.tabbed-slider .tab-controller button:not(.next, .previous):hover,
.tabbed-slider .tab-controller button:not(.next, .previous):focus {
border: solid 1px var(--accent-blue-alt);
}
.tabbed-slider .tab-controller button.previous,
.tabbed-slider .tab-controller button.next {
display: none;
}
.tabbed-slider .tab-controller button.active {
border: solid 1px var(--accent-blue-alt);
box-shadow: none;
background: var(--accent-blue-alt);
color: white;
}
.tabbed-slider .view-container {
overflow: hidden;
border: solid 2px var(--light-gray);
border-radius: 30px;
padding: 3em 8em;
}
@media (max-width: 600px) {
.tabbed-slider .view-container {
padding: 2em 2em;
}
}
.tabbed-slider .view-container article {
display: none;
gap: 2em;
}
.tabbed-slider .view-container article.active {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tabbed-slider .view-container article .wysiwyg-content {
padding-left: 1em;
align-self: end;
order: 2;
}
.tabbed-slider .view-container article .wysiwyg-slide-text {
order: 3;
}
.tabbed-slider .view-container article img {
max-width: 300px;
order: 1;
align-self: end;
border-bottom: solid 1px var(--light-gray);
} .tabbed-slider h3 {
font-size: 2.5em;
}
@media (max-width: 600px) {
.tabbed-slider h3 {
font-size: 2em;
}
}
@media (max-width: 600px) {
.tabbed-slider hgroup {
margin-bottom: 1em;
}
}
.tabbed-slider hgroup p {
font-size: 1.5em;
font-weight: 700;
font-family: var(--serif-font-stack);
color: var(--accent-blue-alt);
}
@media (max-width: 600px) {
.tabbed-slider hgroup p {
font-size: 1.25em;
}
} @media (max-width: 600px) {
.tabbed-slider>.tab-controller {
overflow-x: auto;
} .tabbed-slider>.tab-controller .previous .triangle {
transform: rotate(-90deg);
}
.tabbed-slider>.tab-controller .next .triangle {
transform: rotate(90deg);
}
.tabbed-slider .view-container article.active {
display: block;
text-align: center;
}
.tabbed-slider .view-container article .wysiwyg-content {
border: initial;
padding: initial;
}
.tabbed-slider .view-container article img {
max-width: 100%;
margin-bottom: 1em;
}
} .triangle {
display: inline-block;
width: 1em;
height: 1em;
background: var(--accent-blue-alt);
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
} a>div.no-thumb,
article.post-alt.no-thumb {
aspect-ratio: 16/9;
width: 100%;
height: 100%;
border-radius: 20px;
-webkit-border-radius: 20px;
position: relative;
overflow: hidden;
background: var(--accent-yellow);
}
a>div.no-thumb::after,
article.post-alt.no-thumb::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: var(--brand-gradient);
animation: 20s infinite alternate movebg;
}
@keyframes movebg {
0% {
transform: rotate(0deg) translateX(-50%) translateY(-50%) scale(2.25);
filter: blur(3.5em);
}
60% {
transform: rotate(270deg) translateY(-25%) scale(2.75);
}
100% {
transform: rotate(540deg) translateY(0%) scale(3.75);
}
}
pre {
font-family: vulf mono, operator mono, courier, monospace;
}
section.elementor-element {
margin: 1em 0;
}
.elementor-page h1.page-heading {
display: none;
}
.elementor-editor-active #site-footer {
position: unset;
} .entry-meta~p {
font-size: 1.25em;
font-weight: 500;
margin-bottom: .75em;
} .posts-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 3em;
column-gap: 1.5em;
}
.posts-scroll {
position: relative;
}
.posts-scroll .posts-container {
display: grid;
grid-auto-flow: column;
overflow-x: scroll;
column-gap: 10px;
-ms-overflow-style: none; scrollbar-width: none; padding: .25em 0;
max-width: 90vw;
margin: .5em 0;
}
.posts-scroll::-webkit-scrollbar {
display: none;
}
.posts-scroll .scroll-paddle {
position: absolute;
display: block;
padding: .5em 0;
top: 35%;
transform: translateY(-50%);
text-align: center;
cursor: pointer;
transition: all ease-in-out 150ms;
box-shadow: none;
border: none;
background: transparent;
}
.posts-scroll .scroll-paddle:hover {
transform: translateY(-50%) scale(1.1);
}
.posts-scroll .scroll-paddle.--left {
left: 10px;
opacity: 0;
}
.posts-scroll .scroll-paddle.--right {
right: 10px;
}
.posts-scroll .scroll-paddle img {
height: 3.25em;
}
.posts-scroll .base-post {
min-width: 375px;
}
@media (max-width: 800px) {
.posts-scroll .base-post {
min-width: 300px;
}
}
@media (max-width: 550px) {
.posts-wrap,
.list-post-2-col .col-2 {
grid-template-columns: 1fr;
row-gap: 2em;
}
} .post-excerpt-info p {
font-size: 10pt;
font-weight: 500;
}  .quote-header {
background-color: #102a3f;
border-bottom: 0.5em solid #01b3b4;
padding: 20px 0px;
margin: auto;
text-align: center;
}
@media (max-width: 800px) {
.quote-header {
position: fixed;
z-index: 110;
top: 0;
}
.site-quote {
font-size: 16px;
}
}
.site-quote {
font-size: 18px;
color: white;
text-transform: uppercase;
font-style: italic;
} #related-books {
max-width: 1140px;
}
#related-books .related-books-container {
display: flex;
flex-direction: column;
gap: 10px;
border: var(--trans-white) 1px solid;
border-radius: 5px;
padding: 5px;
max-width: 625px;
box-sizing: border-box;
}
#related-books article {
display: grid;
grid-template-columns: 1fr 3fr;
grid-column-gap: 1em;
border-bottom: var(--trans-white) 1px solid;
padding-bottom: 10px;
width: 100%;
}
#related-books article:last-child {
padding-bottom: 0;
border: 0;
}
#related-books .fc_book_content {
display: grid;
align-content: center;
}
#related-books article img {
max-width: 150px;
margin: 0;
align-self: center;
border-radius: 2px;
}
#related-books article h2 {
font-size: 1em;
font-weight: bold;
margin-bottom: .5em;
}
#related-books article .fc_book_price {
color: var(--sustainable-green);
font-size: 1em;
font-weight: 900;
}
#related-books article .fc_book_button {
text-transform: uppercase;
background-color: transparent;
display: block;
font-weight: 400;
font-family: Tungsten;
font-size: 16pt;
color: #ffffff;
transition: all .3s;
margin-top: 1em;
}
#related-books article .fc_book_button:hover,
#related-books article .fc_book_button:focus {
cursor: pointer;
}
#related-books .fc_book_price>.fc_book_button {
display: none;
}
@media (max-width: 550px) {
#related-books .fc_book_price {
font-size: 1.15em;
}
#related-books .fc_book_price>.fc_book_button {
margin-left: .5em;
display: inline-block;
}
#related-books .fc_book_content>.fc_book_button {
display: none;
}
} #jokari-products {
padding: 2em 0 1em 0;
max-width: 1080px;
}
#jokari-products .jokari-products-container {
display: flex;
flex-direction: column;
max-width: 725px;
padding-right: 1em;
box-sizing: border-box;
}
.product-header {
font-size: 24pt;
font-family: Tungsten;
font-weight: 400;
margin-bottom: .5em;
}
#jokari-products article {
display: grid;
grid-template-columns: 1fr 3fr;
grid-column-gap: 1em;
width: 100%;
border-bottom: solid 2px var(--light-gray);
padding: 5px;
box-shadow: 0 0 1px 0 var(--trans-white);
}
#jokari-products article:last-child {
padding-bottom: 0;
border: 0;
}
#jokari-products .fc_product_content {
display: grid;
align-content: center;
}
#jokari-products article img {
max-width: 150px;
margin: 0 auto;
align-self: center;
border-radius: 2px;
}
.content-header {
font-size: 24pt !important;
font-weight: 400 !important;
margin-bottom: .15em !important;
font-family: Tungsten !important;
}
#jokari-products article .fc_product_price {
color: var(--sustainable-green);
font-size: 1em;
font-weight: 900;
}
#jokari-products article .fc_product_button {
text-transform: uppercase;
background-color: transparent;
display: block;
font-weight: 400;
font-family: Tungsten;
font-size: 16pt;
color: #ffffff;
transition: all .3s;
margin-top: 1em;
}
#jokari-products article .fc_product_button:hover,
#jokari-products article .fc_product_button:focus {
cursor: pointer;
}
#jokari-products .fc_product_price>.fc_product_button {
display: none;
}
#jokari-products .fc_jokari_logo_container {
background-color: #000000;
border-radius: 5px;
border: var(--trans-white) 1px solid;
padding: 2em;
align-content: center;
}
@media (max-width: 550px) {
#jokari-products {
max-width: 300px;
}
#jokari-products .jokari-products-container {
grid-template-columns: 1fr;
padding-right: 0em;
}
#jokari-products article {
grid-template-columns: 1fr;
padding: 0px 20px;
}
#jokari-products .fc_product_image {
width: 100%;
}
#jokari-products .fc_product_content {
padding-top: 1.5em;
}
#jokari-products article .fc_product_price {
font-size: 1.15em;
}
#jokari-products .fc_product_price>.fc_product_button {
margin-left: .5em;
display: inline-block;
}
#jokari-products .fc_jokari_logo_container {
padding: 1em 5em;
}
} #twt-podcast {
padding: 2em 0 1em 0;
max-width: 1140px;
}
.twt-podcast-container {
max-width: 1140px;
}
.podcast-embed-container {
margin-top: 50px;
}
.podcast-embed-container iframe {
border: var(--primary-white) 1px solid;
} #contact-form form input:not([type="submit"]),
#contact-form form textarea,
#contact-form form select {
background: #ffffff;
border: var(--trans-black) 1px solid;
border-radius: 5px;
box-shadow: none;
min-height: 49px;
} .ctct-form-wrapper {
border-radius: 5px;
overflow: hidden;
padding: 5px 15px;
max-width: 450px;
}
.ctct-form-wrapper .ctct-form-field {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.ctct-form {
display: flex;
box-shadow: 0 0 2px 0 var(--trans-black);
width: fit-content;
padding: 5px !important;
background-color: white;
border-radius: 5px;
width: 100%;
box-sizing: border-box;
}
.ctct-form-description {
font-family: Tungsten;
font-size: 24pt;
}
.ctct-form-field-email {
flex: 1;
border-radius: 2px;
overflow: hidden;
background-color: white;
}
.ctct-form-field-email input {
height: 100%;
font-weight: bold
}
.ctct-form-field-email input:hover {
cursor: text;
}
.ctct-form-field-submit {
flex-shrink: 0;
height: 100% !important;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 0 10px 0 var(--trans-black);
margin-left: 5px !important;
}
.ctct-form-field-submit input {
height: 100%;
}
.ctct-submitted {
height: 100%;
font-family: Tungsten;
font-weight: 400;
font-size: 16pt !important;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
vertical-align: center;
transition: .3s
}
.ctct-submitted:hover {
background: var(--inspiration-innovation);
transition: .3s
}
.ctct-submitted input:hover {
background: var(--inspiration-innovation);
transition: .3s
}
.ctct-submit {
border: none;
height: 100%;
}
.ctct-disclosure {
margin-top: 10px;
font-size: 10pt !important;
}
.ctct-disclosure hr {
display: none;
}
#footer-content .ctct-form-wrapper p, #footer-content .ctct-form-wrapper small {
color: white !important;
} .popup {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(1px);
align-items: center;
justify-content: center;
}
.popup-content {
background: var(--powder-gray);
border-radius: 5px;
box-shadow: 0 0 2px 0 var(--trans-black);
padding: 15px;
min-width: 320px;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .close {
color: #000000;
position: absolute;
top: 15px;
right: 15px;
font-size: 26px;
background-color: #ffffff;
box-shadow: 0 0 2px 0 var(--trans-black);
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s;
}
.close:hover,
.close:focus {
box-shadow: 0 0 0 2px #000000;
color: black;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 600px) {
.popup-content {
max-width: 320px;
}
.popup-content h2 {
font-size: 1.2em;
width: 90%;
}
.popup .ctct-form-description p {
padding-right: 20px;
}
.popup .ctct-email,
.popup input.ctct-submit[type="submit"] {
width: 100%;
}
} #popup-form {
display: none;
position: absolute;
height: 0;
}
.page-intro {
background-color: #fff;
border-radius: 30px;
padding: 2em;
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 1em;
justify-content: center;
justify-items: center;
align-content: center;
align-items: center;
}
.page-intro h2 {
margin-bottom: .5em;
}
.elementor .page-intro img {
max-width: 200px;
}
@media (max-width: 800px) {
.page-intro {
grid-template-columns: 1fr;
padding: 1.75em;
text-align: center;
}
} .ctct-form-wrapper .ctct-form .ctct-label-top label,
.ctct-form-wrapper .ctct-form .ctct-label-bottom label {
display: none !important;
}  .full-width-ad {
width: 100%;
padding: 0 0 10px 0;
border-top: var(--trans-black) 1px solid;
border-bottom: var(--trans-black) 1px solid;
}
.vertical-ad {
padding: 0 0 10px 0;
border-top: var(--trans-black) 1px solid;
border-bottom: var(--trans-black) 1px solid;
width: 160px;
text-align: center;
}
.full-width-ad p, .vertical-ad p {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
border-bottom: var(--trans-black) 1px solid;
margin-bottom: 10px;
font-size: 10pt; color: var(--primary-black);
}
.full-width-ad iframe, .vertical-ad iframe, .single article .full-width-ad iframe {
margin: 0;
}
.single article .full-width-ad {
margin-bottom: 1em;
} .single article .elevenlabs-audionative button { }  @media (prefers-reduced-motion ) {
* {
transition: 0s !important;
}
}