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;
} :root {
--midnight-blue: #102A3F;
--innovation-blue: #02AABD;
--sustainable-green: #00CDAC;
--brand-gradient: linear-gradient(0.25turn, var(--innovation-blue), var(--sustainable-green));
--ecru-white: #F9F9F1;
--powder-gray: #F8F9FA;
--light-gray: #DFE0DD;
--dark-gray: #4A5253;
--neutral-black: #222;
--accent-blue: #02AABD;
--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);
} :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);
} html {
overflow-x: hidden;
position: relative;
box-sizing: border-box;
background-color: var(--powder-gray);
}
body {
color: var(--midnight-blue);
font-family: var(--sans-serif-font-stack);
line-height: 1.6;
height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-bottom: 0 !important;
}
#primary,
.primary {
max-width: 1400px;
margin: 0 auto;
}
section {
margin: 4em 0;
}
h1,
h2,
h3,
h4 {
font-weight: 500;
line-height: 1.4;
}
h1 {
font-size: 2em;
font-family: var(--serif-font-stack);
}
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;
color: var(--accent-blue);
transition: color 150ms;
}
p a:not(.button):hover,
p a:not(.button):focus {
color: var(--innovation-blue);
text-decoration: underline 1px;
}
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:not([type="submit"]) {
border: solid 1px var(--dark-gray);
}
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;
}
.button {
background-color: var(--accent-blue-alt);
color: #fff;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
border: none;
padding: .5em 1.5em;
text-shadow: var(--subtle-text-shadow);
text-decoration: none;
box-sizing: border-box;
display: inline-block;
line-height: 1.2;
transition: background-color 150ms;
}
.button:hover,
.button:focus {
background-color: #212F63;
cursor: pointer;
}
.post-title {
font-weight: 900;
}
@media (max-width: 550px) {
h1 {
font-size: 1.5em;
}
p {
font-size: .95em;
}
section {
margin: 1em 0;
}
} .widget-container,
.container>.wrapper,
#site-header .content-wrapper,
#site-footer .content-wrapper {
margin: 0 auto;
max-width:1080px;
}
#site-container {
flex: 1;
display: grid;
grid-template-columns: 1fr 10fr 1fr;
grid-template-areas:
"header banner social"
"header main main"
"header footer footer";
}
#site-header {
grid-area: header;
background-color: #fff;
min-width: 285px;
padding: .5em 1em;
}
#site-banner,
#site-social {
padding: 1em .5em;
position: sticky;
top: 0;
z-index: 100;
text-align: center;
text-transform: uppercase;
justify-items: center;
align-content: center;
}
#site-banner {
grid-area: banner;
background-color: #fff;
align-items: center;
}
#site-social {
grid-area: social;
background-color: var(--powder-gray);
}
#site-content {
grid-area: main;
padding: .5em;
}
#site-footer {
grid-area: footer;
}
@media (max-width: 600px) {
#site-banner {
grid-template-columns: 1fr minmax(auto, 80%) !important;
padding: .5em 0em 0em !important;
}
#site-header {
padding: .5em 0em !important;
}
}
@media (max-width: 950px) {
#site-container {
display: block;
}
#site-banner {
padding: .5em .25em 0em;
display: grid;
gap: .5em;
grid-template-columns: 1fr minmax(auto, 60%) 1fr;
justify-items: start;
}
#site-header,
#site-social {
display: none;
}
#site-header {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: .5em 1em;
z-index: 101;
}
#site-header.show {
display: block;
}
#mobile-nav-menu.show {
display: block;
}
#nav-button-mob.show {
display: block;	
}
#nav-close-button.show {
display: block;	
}
} body.admin-bar #site-banner,
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));
} #site-logo,
.custom-logo {
width: 100%;
max-width: 325px;
}
#site-header .container {
position: sticky;
top: .5em;
}
#primary-menu,
#mobile-menu {
line-height: 2;
overflow-y: auto;
max-height: 80vh;
height:100%;
}
#primary-menu .menu-item a,
#mobile-menu .menu-item a {
text-transform: uppercase;
font-weight: 800;
color: var(--midnight-blue);
text-decoration: none;
padding: 3px 10px;
border-radius: 10px;
font-size: 1em;
}
#primary-menu .menu-item a:hover,
#primary-menu .menu-item a:active,
#mobile-menu .menu-item a:hover,
#mobile-menu .menu-item a:active {
opacity: .65;
}
#primary-menu .current-menu-item a,
#mobile-menu .current-menu-item a {
background-color: var(--powder-gray);
border-radius: 4px;
}
#primary-menu .menu-item-has-children>a,
#mobile-menu .menu-item-has-children>a {
position: relative;
}
#primary-menu .menu-item-has-children>a::after,
#mobile-menu .menu-item-has-children>a::after {
font-family: var(--sans-serif-font-stack);
content: url(//www.tomorrowsworldtoday.com/wp-content/themes/twt-custom-theme/assets/svg/icon_caret.svg);
width: auto;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: all ease-out 150ms;
}
#primary-menu .menu-item-has-children:has(.current-menu-item) > a::after,
#primary-menu .menu-item-has-children.open>a::after,
#mobile-menu .menu-item-has-children:has(.current-menu-item) > a::after,
#mobile-menu .menu-item-has-children.open>a::after {
transform: translateY(-50%);
}
#primary-menu .sub-menu,
#mobile-menu .sub-menu {
opacity: 0;
max-height: 0;
transition: all ease-in-out 150ms;
pointer-events: none;
display: none;
}
#primary-menu .sub-menu:has(.current-menu-item),
#primary-menu .sub-menu:has(a:focus),
#primary-menu .open > .sub-menu,
#mobile-menu .sub-menu:has(.current-menu-item),
#mobile-menu .sub-menu:has(a:focus),
#mobile-menu .open > .sub-menu {
opacity: 1;
max-height: 100%;
pointer-events: initial;
display: block;
}
#primary-menu .sub-menu a,
#mobile-menu .sub-menu a {
font-weight: 500;
text-transform: initial;
}
#site-header form {
display: flex;
flex-direction: row-reverse;
column-gap: .25em;
justify-content: flex-end;
margin-bottom: 1em;
}
#site-header form label {
width:100%;
}
#site-header form input {
padding: .25em;
background: #F6F8F7;
border: solid 1px var(--light-gray);
border-radius: 4px;
}
#site-header form button {
background: transparent;
border: none;
min-width: 25px
}
#site-header form button:hover {
opacity: .65;
cursor: pointer;
}
#site-banner .site-tagline {
text-align: center;
vertical-align: middle;
font-weight: 800;
line-height: 1.2;
margin: 0;
text-transform: uppercase;
gap:.5em;
display:flex;
justify-content: center;
}
.mobile-site-tagline {
display: none;
}
@media (max-width: 600px) {
#site-banner .site-tagline {
display: none !important;
}
.mobile-site-tagline {
grid-column: 1 / 3;
display: block;
text-align: center;
font-weight: bolder;
font-style: italic;
text-transform: uppercase;
background-color: #0f2a3f;
color: white;
font-size: 0.7em;
padding: 1em 0em;
width: 100%;
}
.mobile-menu-tagline {
margin-bottom: 3em;
font-size: 0.65em !important;
}
#site-logo,
.custom-logo {
padding-left: 0.5em;
}
#site-header form {
padding: 0px 35px 0px 5px !important;
}
}
#site-banner .site-tagline strong{
align-self: center;
font-weight: bolder;
font-style: italic;
}
#site-banner .site-tagline span {
height: auto;
width: 1.15em;
background: linear-gradient(90deg, var(--sustainable-green) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, var(--accent-yellow) 66%); display: none;
vertical-align: top;
}
#site-banner .site-tagline span:last-child {
background: linear-gradient(90deg, var(--innovation-blue) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, var(--accent-orange) 66%);
}
#site-banner .mobile-header-logo {
max-width: 100px;
align-self: center;
line-height: 1;
font-size: 1em;
}
#site-banner .mobile-header-logo .mobile-logo {
display: none;
}
.mobile-nav-menu {
display: none;
grid-column: 1/3;
text-align: left;
width: 100%;
height: 100vh;
padding-top: 1em;
padding-left: 0.5em;
}
.mobile-nav-menu form {
display: flex;
flex-direction: row-reverse;
column-gap: .25em;
justify-content: flex-end;
margin-bottom: 1em;
padding: 0px 35px 0px 5px !important;
}
.mobile-nav-menu form label {
width: 100%;
}
.mobile-nav-menu form input {
padding: .25em;
background: #F6F8F7;
border: solid 1px var(--light-gray);
border-radius: 4px;
}
.mobile-nav-menu form button {
background: transparent;
border: none;
min-width: 25px;
}
@media (max-width: 600px) {
#site-banner .mobile-header-logo {
justify-items: center;
max-width: 57vw;
}
#site-banner .mobile-header-logo .mobile-logo {
display: block !important;
max-width: 55vw;
max-height: 42px;
}
#site-banner .mobile-header-logo .tablet-logo {
display: none !important;
}
.nav-close-button {
margin: 6px 0px 0px !important;
justify-self: center;
}
}
#site-banner .mobile-header-logo,
.nav-close-button,
.nav-button-mob {
display: none;
}
@media (max-width: 950px) {
#site-banner .mobile-header-logo {
display: block;
}
.nav-close-button {
display: none;
width: 25px;
background: #ffffff;
color: inherit;
border: none;
padding: 0px;
margin: 6px 0px 0px 55px;
font: inherit;
cursor: pointer;
outline: inherit;
}
#site-banner .nav-button-mob span {
display: block;
width: 95%;
margin: 5px auto;
height: 3px;
background-color: var(--midnight-blue);
}
#site-header nav {
height: 85vh;
}
#site-banner .nav-button-mob {
width: 100%;
max-width: 50px;
height: 3em;
justify-self: center;
-webkit-appearance: none;
border-radius: 0;
}
#site-banner .site-tagline strong {
font-size: .85em;
}
#site-banner .site-tagline span {
width:.75em;
background: linear-gradient(0deg, var(--sustainable-green) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, var(--accent-yellow) 66%);
}
#site-banner .site-tagline span:last-child {
background: linear-gradient(0deg, var(--innovation-blue) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, var(--accent-orange) 66%);
}
}
@media (max-width: 450px) {
#site-banner .site-tagline strong {
font-size: .75em;
}
}  #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-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.post-thumbnail {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
border-radius: 20px;
-webkit-border-radius: 20px;
}
a.post-thumbnail::before {
filter: blur(.5em);
background-size: 125%;
background-position: center;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
top: 0;
right: 0;
position: absolute;
content: '';
z-index: -1;
}
a.post-thumbnail>img {
margin: 0 auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: transform ease-in-out 250ms;
}
.base-post:hover::before {
transform: scale(1.1);
transition: transform ease-in-out 150ms;
}
.base-post:hover a.post-thumbnail>img,
.base-post:focus a.post-thumbnail>img { opacity: 0.65;
transition: 0.3s;
}
a.post-thumbnail>img:not([src*="png"]) { } a.video {
position: relative;
}
a.video::after,
.post-alt::after {
position: absolute;
content: url(//www.tomorrowsworldtoday.com/wp-content/themes/twt-custom-theme/assets/svg/icon_play.svg);
background: var(--accent-blue-alt);
bottom: 1.5em;
right: 1.5em;
border-radius: 5px;
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.5em;
min-width: 23px;
}
.social-icon-group a {
text-decoration: none;
display: inline-flex;
min-width: 34px;
} .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: var(--midnight-blue);
}
.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 {
background-color: var(--sustainable-green);
}
a.category-production {
background-color: var(--accent-orange);
}
a.category-creation {
background-color: var(--accent-yellow);
}
a.category-innovation {
background-color: var(--innovation-blue);
}
a.category-the-show {
background-color: var(--midnight-blue);
}
.base-post .post-world:hover,
.base-post .post-world:focus {
color: #FFF;
} .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 .content-wrapper {
display: grid;
grid-template-columns: repeat(2, 45%);
align-items: center;
}
#site-footer img {
display: block;
max-width: 300px;
margin: 0 auto;
} @media (max-width: 900px) {
#site-footer img {
max-width: 100%;
}
}
@media (max-width: 600px) {
#site-footer img {
max-width: 300px;
}
} .footer-primary {
background-color: var(--midnight-blue);
padding: 3em 0;
color: #fff;
}
#site-footer .left-container {
max-width: 540px;
}
#site-footer .right-container {
justify-self: end;
} #site-footer .footer-newsletter-signup {
margin-bottom: 1em;
}
#site-footer .footer-newsletter-signup p {
max-width: 450px;
font-size: 1.2em;
margin-bottom: 1em;
}
#site-footer .footer-newsletter-signup .newsletter-signup input {
font-size: 1em;
}
#site-footer .footer-newsletter-signup .newsletter-signup input:not([type="submit"]) {
border: solid 1px var(--light-gray);
}
#site-footer .footer-newsletter-signup .newsletter-signup input::placeholder {
color: var(--light-gray);
} #site-footer .footer-links-area {
display: flex;
}
#site-footer .footer-links-area ul {
padding-top: 1em;
display: flex;
align-content: center;
}
#site-footer .footer-links-area ul.menu li {
margin-right: 1em;
}
#site-footer .footer-links-area ul.menu a {
padding: .25em;
}
#site-footer .footer-links-area a {
font-size: 1em;
color: #fff;
font-weight: 600;
text-decoration: none;
} #site-footer .footer-secondary {
background-color: #F5F5F5;
color: #96999C;
text-align: center;
padding: 1.25em;
display: flex;
justify-content: center;
}
@media (max-width: 550px) {
#site-footer .footer-secondary {
display: block ;
}
#site-footer .footer-secondary .menu,
#site-footer .footer-secondary .menu li {
display: inline-block !important;
}
.footer-theme-author {
display: inline-block;
}
}
#site-footer .footer-secondary p {
font-size: .8em;
}
#site-footer .footer-secondary .menu {
display: flex;
font-size: .8em;
}
#site-footer .footer-secondary .sep {
margin: 0 .5em;
font-size: 1em;
}
#site-footer .footer-secondary a {
text-decoration: underline;
display: inline-block;
color: #96999C;
font-size: 1em;
}
@media (max-width: 600px) {
#site-footer .social-icon-group.mobile-only {
display: flex;
justify-content: center;
margin: 1em auto 0;
}
#site-footer .social-icon-group.mobile-only img {
height: auto; }
#site-footer .content-wrapper {
grid-template-columns: repeat(1, 100%);
}
} @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(//www.tomorrowsworldtoday.com/wp-content/themes/twt-custom-theme/assets/fonts/Tungsten-Medium.otf);
font-weight: normal;
}
@font-face {
font-family: Tungsten;
src: url(//www.tomorrowsworldtoday.com/wp-content/themes/twt-custom-theme/assets/fonts/Tungsten-Bold.otf);
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-weight: bold;
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: inherit;
color: #fff !important;
padding: 0.2em 0em;
border-radius: .3em;
font-size: .9em !important;
}
.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; margin: 2rem 0;
font-size: 2em; font-family: var(--sans-serif-font-stack);
}  .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: 20px;
-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;
}
.base-post>a,
.base-post .post-thumbnail {
max-width: 530px;
border-radius: 20px;
} _::-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;
font-weight: bold;
} .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: 2em;
}
.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 {
font-weight: bold;
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;
}
} .single #site-content {
padding: 1em;
}
.single #primary {
margin-top: 2em;
max-width: 1080px;
}
.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 .entry-header {
border-bottom: solid 1px var(--light-gray);
margin-bottom: 1em;
display: grid;
grid-template-columns: repeat(1, auto);
}
.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: 700;
text-decoration: none;
font-size: .95em;
}
.single .post-info h1 {
margin: 0 .5em .25em 0;
font-weight: 800;
}
.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: var(--serif-font-stack);
margin: 2em 0 1em 0;
}
.single main h2 {
font-size: 1.75em;
}
.single main h3 {
font-size: 1.5em;
color: #425CC3;
}
.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(.base-post) img { width: 100% !important;
max-width: 800px;
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%; 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 p {
font-weight: 600;
font-family: unset !important;
}
.single .post-tags a {
margin: .25em;
padding: .5em .75em;
background-color: var(--accent-blue-alt);
display: inline-block;
line-height: 1;
text-decoration: none;
color: #fff;
font-weight: 400;
transition: background-color 150ms ease-in-out;
border-radius: 10px;
text-shadow: var(--subtle-text-shadow);
text-transform: capitalize;
}
.single .post-tags a:first-child {
margin-left: 0;
}
.single .post-tags a:last-child {
margin-right: 0;
}
.single .post-tags a:hover,
.single .post-tags a:focus {
background-color: #212F63;
color: #fff;
text-decoration: none;
}
.amazon-buynow-button:hover {
background-color: #212F63;
color: #fff;
text-decoration: none;
}
.single #primary .post-content img {
max-height: 60vh;
width: auto !important;
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 {
border-top: solid 1px var(--light-gray);
margin: 2em auto;
padding: 2em 0 1em 0;
max-width: 1080px;
width: 95%;
}
.single .related-posts h2,
.single .related-books>h2 {
font-size: 2em;
margin-bottom: .5em;
}
.affiliate-text {
font-weight: bold;
text-align: center;
font-style: italic;
}
@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 {
border-bottom: solid 1px var(--light-gray);
margin-bottom: 1em;
}
} .not-found {
justify-self: center;
max-width: 600px;
margin: 4em auto;
}
.not-found h1 {
text-align: center;
margin: 0 auto;
font-size: 3em;
color: var(--accent-blue-alt);
line-height: 1.1;
}
.not-found p {
margin-bottom: 1.5em;
margin-top: 1em;
}
.not-found .search-form {
display: flex;
gap: 1em;
justify-content: center;
}
.not-found .search-field {
min-width: 200px;
border-radius: 4px;
}
.not-found .search-submit {
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-shadow: var(--subtle-text-shadow);
background-color: var(--accent-blue-alt);
border-radius: 4px;
border: none;
width: auto;
transition: background-color 150ms;
}
.not-found .search-submit:hover,
.not-found .search-submit:focus {
background-color: var(--accent-blue);
cursor: pointer;
}
@media (max-width: 450px) {
.not-found h1 {
font-size: 2em;
}
.not-found .search-form {
display: block;
margin: 0 auto;
}
.not-found .search-field,
.not-found .search-submit {
margin-bottom: .5em;
width: 100%;
}
}
.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 {
border-radius: 8px 0px 0px 8px;
}
.tabbed-slider .tab-controller li:nth-last-child(2) button {
border-radius: 0px 8px 8px 0px;
}
.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%);
}
.post-thumbnail {
margin-bottom: .5em;
line-height: 0;
}
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: 1.25em;
-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;
}
}  .list-post-2-col .post-excerpt {
padding-bottom: 1em;
grid-template-columns: 1fr 1fr;
}
.list-post-2-col .post-excerpt .post-thumbnail { }
.list-post-2-col .post-excerpt .post-thumbnail img { }
@media (max-width: 550px) {
.list-post-2-col .post-excerpt {
padding-bottom: 2em;
grid-template-columns: 1fr;
row-gap:0;
}
}
div .post-excerpt-content {
margin: auto 0px !important;
}
@media (max-width: 550px) {
div .post-excerpt-content { }
}
.post-excerpt-info p {
font-size: 1em;
font-weight: 500;
margin-top: 1em;
}
.post-excerpt-title,
.post-excerpt-title  {
font-size: 1.25em;
font-family: var(--serif-font-stack);
} .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 {
padding: 2em 0 1em 0;
max-width: 1080px;
}
#related-books .related-books-container {
border: solid 1.5px var(--light-gray);
border-radius: 2em;
max-width: 625px;
padding: 1em;
box-sizing: border-box;
}
#related-books article {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 1em;
margin: 2em auto;
border-bottom: solid 2px var(--light-gray);
padding-bottom: 2em;
max-width: 550px;
}
#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 auto;
align-self: center;
border-radius: .5em;
}
#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: 700;
font-family: var(--sans-serif-font-stack);
font-size: 1em;
color: var(--midnight-blue);
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;
margin-top: 1em;
}
#related-books article .fc_book_button:hover,
#related-books article .fc_book_button:focus {
cursor: pointer;
text-decoration: underline 5px var(--accent-blue-alt);
text-decoration-thickness: 5px;
color: var(--dark-gray);
}
#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: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 2em;
background-color: #F2F2F2;
max-width: 725px;
padding-right: 1em;
box-sizing: border-box;
}
#jokari-products article {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 1em;
margin: 2em auto;
border-bottom: solid 2px var(--light-gray);
padding-bottom: 2em;
max-width: 550px;
}
#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: .5em;
}
#jokari-products article h2 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
}
#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: 700;
font-family: var(--sans-serif-font-stack);
font-size: 1em;
color: var(--midnight-blue);
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;
margin-top: 0.5em;
}
#jokari-products article .fc_product_button:hover,
#jokari-products article .fc_product_button:focus {
cursor: pointer;
text-decoration: underline 5px var(--accent-blue-alt);
text-decoration-thickness: 5px;
color: var(--dark-gray);
}
#jokari-products .fc_product_price>.fc_product_button {
display: none;
}
#jokari-products .fc_jokari_logo_container {
background-color: #0e2a38;
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: 1080px;
}
.twt-podcast-container {
max-width: 725px;
} .ctct-form-description p {
font-family: Roboto Slab, Rockwell, serif;
padding-top: 6px;
font-size: 17px;
color: #102a3f;
}
.ctct-form-32800 .ctct-label-hidden label,
label abbr[title="required"] {
display: none;
}
.ctct-form-32800 input {
border-radius: 40px;
margin: 7px 0 20px 0;
}
.ctct-form-32800 input:not([type="submit"]) {
border: solid 1px var(--dark-gray);
}
.ctct-form-32800 input:not([type="submit"]):focus {
border: solid 2px var(--accent-blue-alt);
}
.ctct-form-32800 input.ctct-submit[type="submit"] {
font-family: var(--sans-serif-font-stack);
border: 0;
transition: all ease-in-out 150ms;
background-color: var(--accent-blue-alt);
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: .8em 1.5em;
text-shadow: var(--subtle-text-shadow);
text-decoration: none;
text-align: center;
box-sizing: border-box;
display: inline-block;
line-height: 1.2;
width: 180px;
}
@media (max-width: 550px) {
.elementor-shortcode .ctct-form-32800 input:not([type="submit"]) {
width: -webkit-fill-available !important;
}
.elementor-shortcode .ctct-form-32800 input.ctct-submit[type="submit"] {
width: -webkit-fill-available;
}
}
@media (max-width: 800px) {
.elementor-shortcode .ctct-form-32800 input:not([type="submit"]) {
width: 300px;
}
.ctct-form-description p {
text-align: center;
}
}
.elementor-shortcode .ctct-form-wrapper .ctct-submit {
text-align: center;
}
@media (min-width: 800px) {
.elementor-shortcode .ctct-form-wrapper .ctct-submit {
display: flex;
text-align: left;
gap: 1em;
}
}
@media (min-width: 1300px) {
.footer-newsletter-signup .ctct-form-wrapper .ctct-submit {
display: flex;
gap: 1em;
}
}
.ctct-form-wrapper .ctct-form-field {
margin: 0 !important;
}
.ctct-form-wrapper .ctct-message.ctct-success {
background-color: rgba(46, 204, 64, 0.02);
border-color: #2ecc40;
color: #1b7926;
}
.ctct-form-wrapper .ctct-message {
border: 1px solid;
padding: 1em;
}
p.ctct-form-field-submit input.ctct-submit:hover,
p.ctct-form-field-submit input.ctct-submit:focus {
background-color: #212F63 !important;
}
div.ctct-disclosure {
font-family: var(--serif-font-stack);
font-size: .65em;
color: inherit;
line-height: 1.4;
margin-top: 1em;
margin-bottom: 1em;
opacity: .85;
}
div.ctct-disclosure>hr {
margin-bottom: 1em;
}
.footer-newsletter-signup .ctct-form-description p,
.footer-newsletter-signup .ctct-disclosure small {
color: #fff;
}
.ctct-form-wrapper input[type='text']:required:valid, .ctct-form-wrapper input[type='email']:required:valid, .ctct-form-wrapper input[type='password']:required:valid, .ctct-form-wrapper input[type='tel']:required:valid, .ctct-form-wrapper input[type='number']:required:valid {
padding-right: 32px;
} .popup {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
align-items: center;
justify-content: center;
}
.popup-content {
background-color: #F6F8F7;
padding: 25px;
border: 2px solid var(--light-gray);
border-radius: 20px;
width: 80%;
max-width: 500px;
position: relative;
z-index: 1001;
}
.popup-content h2 {
font-size: 1.5em;
}
.popup .ctct-form-description p {
width: 90%;
}
.popup .ctct-label-hidden {
font-family: Roboto Slab, Rockwell, serif;
font-size: 15px;
color: #102a3f;
font-weight: bold;
}
.popup .ctct-email {
width: 90%; margin: 7px 0 20px 0;
padding: 11px;
border-radius: 0;
}
.popup input {
margin: 0;
}
.popup input::placeholder {
color: transparent;
}
.popup input.ctct-submit[type="submit"] {
border-radius: 30px;
font-weight: bold;
border: none;
}
.popup #success-message {
margin-top: 20px;
}
.close {
color: var(--light-gray);
position: absolute;
top: 22px;
right: 22px;
font-size: 26px;
background-color: white;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 600px) {
.popup-content {
padding: 35px 25px;
max-width: 320px;
}
.popup-content h2 {
font-size: 1.2em;
width: 90%;
}
.popup .ctct-form-description p {
font-size: 15px;
width: 82%;
}
.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;
}
.post-filter {
width: 100%;
margin: 0 auto 1em auto;
overflow-x: auto;
}
.post-filter menu {
display: flex;
gap: .5em;
padding-bottom: 1em;
}
.post-filter li {
list-style-type: none; 
}
.post-filter button {
padding: .5em 1.5em;
border-radius: 0;
border: solid 1px var(--light-gray);
font-size: 1.1em;
background: #fff;
font-weight: bold;
text-transform: uppercase;
text-wrap: nowrap;
color: var(--midnight-blue);
width: max-content;
}
.post-filter li:first-child button {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.post-filter li:last-child button {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.post-filter button:hover,
.post-filter button:focus {
cursor: pointer;
border: solid 1px var(--accent-blue-alt);
}
.post-filter button.selected {
background: var(--accent-blue-alt);
border: solid 1px var(--accent-blue-alt);
color: #fff;
}
.post-filter button:active {
opacity: .6;
} .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="podcast"]) {
order: 5;
}
.home .post-filter li:has(button[data-slug="world-of-inspiration"]) {
order: 6;
}
.home .post-filter li:has(button[data-slug="world-of-creation"]) {
order: 7;
}
.home .post-filter li:has(button[data-slug="world-of-innovation"]) {
order: 8;
}
.home .post-filter li:has(button[data-slug="world-of-production"]) {
order: 9;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.home .post-filter button[data-slug="world-of-production"] {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.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"] {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#twt-seasons .post-filter button[data-slug="season-8"] {
border-radius: 0 !important;
}
.archive-split,
.search-split {
display: grid;
grid-template-columns: 3fr 1fr;
gap: .5em;
align-items: center;
padding:.85em;
}
@media (max-width: 925px) {
.archive-split,
.search-split {
display:block;
grid-template-columns: 1fr;
row-gap: 4em;
}
}
.single article .elevenlabs-audionative button {
color: #fff;
border: 0;
cursor: pointer;
background-color: var(--accent-blue-alt);
border-radius: 40px;
padding: .25rem 1rem;
margin: 1.5rem 0;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 1rem;
transition: background-color 150ms ease-in-out; }
.single article .elevenlabs-audionative iframe {
margin: 1.5rem 0;
max-width: 100%;
}