/*
Theme Name: Winning Friends Podcast
Theme URI: http://www.5dehitus.ee/
Description: Winning Friends WordPress Theme
Version: 1.4.3
Author: Roosfeld Digital
Author URI: https://roosfeld.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html { }
body { font-family: 'Space Grotesk', sans-serif;background-color: #fff;color: #0049FF; font-size: 24px;font-style: normal;font-weight: 400;line-height: 125%; /* 27px */;}
/* clear */
.clear:before,
.clear:after { content:' '; display:table;}
.clear:after { clear:both;}
.clear {*zoom:1;}
img {max-width:100%;vertical-align:bottom;}
a {color:#0049FF;text-decoration:none;}
a:hover {color:#0049FF;}
a:focus {outline:0;}
a:hover,
a:active {outline:0;}
input:focus {outline:0;border:1px solid #0049FF;}
p { line-height: 24px }
.center { text-align: center }
/*------------------------------------*\
FONTS
\*------------------------------------*/
@font-face {
font-family: 'Monoska';
src: url('fonts/monoska-webfont.woff2') format('woff2'),
url('fonts/monoska-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NG Farmacia';
src: url('fonts/NG-Farmacia.woff2') format('woff2'),
url('fonts/NG-Farmacia.woff') format('woff'),
url('fonts/NG-Farmacia.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Space Grotesk';
src: url('fonts/SpaceGrotesk-Light.woff2') format('woff2'),
url('fonts/SpaceGrotesk-Light.ttf') format('truetype'),
url('fonts/SpaceGrotesk-Light.otf') format('opentype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Space Grotesk';
src: url('fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
url('fonts/SpaceGrotesk-Regular.ttf') format('truetype'),
url('fonts/SpaceGrotesk-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Space Grotesk';
src: url('fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
url('fonts/SpaceGrotesk-Medium.ttf') format('truetype'),
url('fonts/SpaceGrotesk-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Space Grotesk';
src: url('fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
url('fonts/SpaceGrotesk-Bold.ttf') format('truetype'),
url('fonts/SpaceGrotesk-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {max-width:1280px;width:95%;margin:0 auto;position:relative; }
/* header */
.header { position: relative; clear: both; width: 100%; padding-bottom: 50px; }
.header:after { }
/* logo */
.logo { }
.logo-img { float: left; width: 200px; margin-top: 80px }
/* nav */
.nav { float: right; padding-top: 95px }
.nav ul, .nav ul li { margin: 0px; padding: 0px; display: inline-block; list-style: none; }
.nav ul li { }
.nav a { color: #828C8C; padding: 10px 20px 10px 20px }
.nav li.current_page_item a, .nav li a:hover { font-weight: bold; color: #303333 }
.lang_nav { float: right; padding-top: 73px; color: #828C8C; padding-left: 20px; text-align: center }
.lang_nav a { color: #828C8C }
.lang_nav a.sel { color: #303333;font-weight: bold; }
.menu-item-29 a { background: #ffc926; border-radius: 6px; font-weight: bold; color: #303333; text-transform: uppercase }
.menu-item-29 { position: relative }
.menu-item-29:after {content: '';position: absolute;right: -710px;top: -219px;width: 1300px;height: 1300px;background: url('img/header2.svg') no-repeat;z-index: -2;}
body.home .menu-item-29:after {content: '';position: absolute;right: -296px;top: -221px;width: 890px;height: 890px;background: url('img/header_home2.svg') no-repeat;background-size:890px;}
body.home .menu-item-29:before {content: '';position: absolute;right: -296px;top: -221px;width: 890px;height: 890px;background: white;background-size:890px;z-index: -1; animation: example 4s ease-out; opacity: 0 }
@keyframes example {
0% {right: -296px;opacity: 1}
90% {right: 996px;opacity: 1}
100% { opacity: 0 }
}
/* sidebar */
.sidebar { }
/* content */
section.content { }
/*------------------------------------*\
AVALEHT
\*------------------------------------*/
.text-align-center { text-align: center; margin: 0 auto }
.text-align-center a { display: inline-block }
.text-align-right { text-align: right }
.header_btn { float: right; }
.btn { border-radius: 8px; padding: 8px 16px;background: #1CFFE4; border: none; font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 500; line-height: 16px; height: 56px; cursor: pointer; display: flex; align-items: center }
.btn:after { content:''; display: inline-block; width: 24px; height: 24px; background: url('img/arrow-right.svg');margin-left: 8px }
.btn.play:after { display: none }
.btn.play:before { content:''; display: inline-block; width: 24px; height: 24px; background: url('img/PlayCircle.svg');margin-right: 8px }
.header_menu_holder { position: fixed;top: 0;z-index: 12; width: 100%; background: #0049FF; display: flex; align-items: center;justify-content: space-between; padding: 8px 32px; box-sizing: border-box;}
.header_menu { font-size: 32px; font-family: 'NG Farmacia', sans-serif; display: flex; gap: 52px}
.header_menu a { color: #FFFDEE }
.subscribe_holder .btn, .hero_holder .btn { background: #FC4C3A; color: #FFFDEE; font-size: 32px; font-family: 'NG Farmacia', sans-serif; text-transform: uppercase; gap: 10px; padding: 12px 24px }
.subscribe_holder .btn img, .hero_holder .btn img { width: 37px }
.subscribe_holder .btn:after, .hero_holder .btn:after { display: none }
.channel_links img { width: 56px }
.hero_holder { position: fixed;height: 90vh;top: 0;left: 0; width:100%; background: url('img/wf_landing_episode1.png') no-repeat;background-size: cover;background-position: 50% 100%; text-align: center;display: flex;align-items: flex-end; padding-bottom: 100px;box-sizing: border-box; }
.hero_holder:after { content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;background: #00000030; }
.hero_holder .wrapper { max-width: 100%; width: 100%; padding-bottom: 0px; z-index: 1 }
.hero_holder h5 { margin-bottom: 16px; margin-top: 0px; color: #FFF;text-align: center;leading-trim: both;text-edge: cap;text-overflow: ellipsis;font-family: Monoska;font-size: 24px;font-style: normal;font-weight: 400;line-height: 115%; /* 18.4px */text-transform: lowercase; }
.hero_holder img { width: 56px; margin-right: 8px; margin-left: 8px; }
.hero_holder h4 { margin: 0 auto; max-width: 555px;margin-top: 32px;color: #FFF;text-align: center;leading-trim: both;text-edge: cap;text-overflow: ellipsis;font-family: Monoska;font-size: 32px;font-style: normal;font-weight: 400;line-height: 115%; /* 36.8px */text-transform: lowercase; }
.hero_holder h4.coming_soon { margin-top: 0px }
.getreminder_hero { display: flex;justify-content: center; }
.moving-heading {color: #fffdee;text-align: center;font-family: "NG Farmacia";/*font-size: 260px*/font-size:16vw;font-weight: 400;line-height: 100%;letter-spacing: -5px;margin: 0;padding: 0;transition: color 0.3s ease;will-change: transform;}
#wfblue { height: 200px; margin-bottom: 100px }
.marquee {overflow: hidden;width: 100%;}
.marquee-track {display: flex;white-space: nowrap;gap: 64px;}
.channel_item {flex-shrink: 0;display: flex;align-items: center;gap: 16px;font-size: 64px;font-family: "NG Farmacia";color: #FFFDEE;}
.channel_item a { display: flex; align-items: center;gap: 8px; }
.channel_item a img {width: 56px;}
#hands { position: absolute; width: 450px;left: -500px;top: 0px; }
.about_wf { background: #FFFDEE; position: relative; z-index: 1; }
.about_wf h1 { color: #0049FF;text-align: center;leading-trim: both;text-edge: cap;font-feature-settings: 'liga' off, 'clig' off;font-family: "NG Farmacia";font-size: 260px;font-style: normal;font-weight: 400;line-height: 100%; /* 260px */letter-spacing: -5px;margin: 0px; padding: 0px }
.about_wf .image_holder img { width: 100% }
.about_wf .section { display: flex; align-items: center; }
.about_wf .section h2 { color: #0049FF;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 120px;font-style: normal;font-weight: 400;line-height: 85%; /* 102px */text-transform: uppercase;margin:0px; padding:0px; margin-bottom: 16px }
.about_wf .section p { color: #0049FF;leading-trim: both;text-edge: cap; margin-top: 16px }
.about_wf .subscribe_holder { width: max-content; position: relative; }
.about_wf .subscribe_holder p { font-family: "NG Farmacia"; text-transform: uppercase }
.about_wf .subscribe_holder .btn { margin: 0px }
.about_wf h5 { text-align: left; color: #0049FF;leading-trim: both;text-edge: cap;font-feature-settings: 'liga' off, 'clig' off;font-family: Monoska;font-size: 32px;font-style: normal;font-weight: 400;line-height: 36px; /* 112.5% */text-transform: lowercase; margin: 0px }
.subscribe_channels_holder { background: #FC4C3A; display: flex; align-items: center; gap: 32px }
.subscribe_channels_holder .channles_title { color: #FFFDEE;leading-trim: both;text-edge: cap;font-family: Monoska;font-size: 32px;font-style: normal;font-weight: 400;line-height: 125%; /* 40px */; margin-left: 32px }
.subscribe_channels_holder .channels_holder { display: flex; align-items: center; gap: 64px;overflow: hidden;position: relative;width: 100%; }
.subscribe_channels_holder .channel_item { color: #FFFDEE;text-align: center;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 64px;font-style: normal;font-weight: 400;line-height: 125%; /* 80px */text-transform: uppercase;display: flex; align-items: center; gap:16px; }
.subscribe_channels_holder .channel_item img { width: 56px }
.subscribe_channels_holder .channel_item a { color: #FFFDEE; }
.channels_holder marquee { display: flex; align-items: center; gap: 64px; }
.latest_wf { /*height: 100vh;*/ overflow: hidden; position: relative; z-index: 1;margin-top: 90vh }
.listenon_holder { color: #0049FF;leading-trim: both;text-edge: cap;text-overflow: ellipsis;font-family: Monoska;font-size: 16px;font-style: normal;font-weight: 400;line-height: 115%; /* 18.4px */text-transform: lowercase; }
.listenon_holder img { border: 2px solid #0049FF; border-radius: 100%; width: 56px }
.about_wf.latest_wf .col.image_holder { margin-top: 0px; margin-bottom: 0px; }
.about_wf.latest_wf .col.image_holder img { height: calc(100vh - 80px); width: auto; max-width: initial }
.latest_holder .section { height: auto }
.episodes_holder { /*height: 100vh*/; height: 100%; background: #B7DBFE; position: relative; z-index: 1; display: flex;flex-direction: column;justify-content: flex-end; }
.episodes_blokk { background: #B7DBFE; color: white; position: relative; z-index: 1; }
.episodes_blokk.white { background: #B7DBFE; color: white; }
.episodes_blokk h2 { color: #0049FF;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 120px;font-style: normal;font-weight: 400;line-height: 85%; /* 102px */text-transform: uppercase;margin:0px; padding:0px; margin-bottom: 32px }
.episodes_blokk .section { display: flex; align-items: flex-end; }
.episodes_blokk .section .col { margin-top:0px; margin-bottom: 0px }
.episodes_blokk .hero_episodes_holder { background: none }
.episodes_blokk .hero_episodes { padding-top: 0px }
.episodes_blokk .hero_episodes .hero_episodes_holder { max-width: 100%; justify-content: flex-start; margin-top: 0px; padding: 0px; }
.tshow_img { width: 100%; margin-top: 10px; margin-bottom: -14px }
.button_wrap_next_prev { padding-bottom: 60px }
.playit { width: 45px }
.quote { position: relative; z-index: 1;height: 90vh; display: flex; align-items: center; background: #0049FF; color: #FFFDEE;text-align: center; }
.quote .subscribe_holder { text-align: center; justify-content: center; margin-top: 56px; display: flex }
.quote h2 { margin: 0px; font-family: "NG Farmacia";font-size: 120px; font-size: 82px; font-style: normal;font-weight: 400;line-height: 95%; /* 114px */text-transform: uppercase; leading-trim: both;text-edge: cap;}
.quote h4 { leading-trim: both;text-edge: cap;text-overflow: ellipsis;font-family: Monoska;font-size: 32px;font-style: normal;font-weight: 400;line-height: 115%; /* 36.8px */text-transform: lowercase; }
.single_post { background: #FFFDEE;padding: 112px 64px; }
.single_post h1 { color: #000;
font-family: "NG Farmacia";
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
padding: 0px;
margin-top: 24px;
margin-bottom: 12px; }
.single_post p { font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: black; }
.submitbtn { border-radius: 8px; background: #1CFFE4; height: 56px; border: none; font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 500;cursor: pointer; padding-left: 16px; padding-right: 16px; color: black }
.submitbtn:after { content:''; display: inline-block; width: 24px; height: 24px; background: url('img/arrow-right.svg');margin-left: 8px }
.seemore { padding-top: 20px }
#next, #next_hero, #next_pod { max-width: 48px;transform: rotate(180deg); cursor: pointer }
#prev, #prev_hero, #prev_pod { max-width: 48px;cursor: pointer }
.seemore .section .col + .col { text-align: right }
.notactive { opacity: 0.6; pointer-events: none }
.hero_episodes { clear:both; width: 100%; position: relative }
#episode { padding: 8px 16px;background: #FFF;border-radius: 8px;color: #C00;font-size: 12px;font-style: normal;font-weight: 600;line-height: 12px; position: absolute; left: 16px; top: 110px }
.hero_episodes_holder { max-width: 948px; background: white; border-radius: 4px; margin: 0 auto; margin-top: -200px; padding: 24px; display: flex; gap: 8px; justify-content: space-around; }
.overflow_hidden { overflow-x:scroll; justify-content: space-between; -ms-overflow-style: none; /* for Internet Explorer, Edge */scrollbar-width: none; /* for Firefox */ }
.overflow_hidden::-webkit-scrollbar { display: none; }
.overflow_hidden2 { overflow-x:scroll; justify-content: space-between; }
.scroll_cont { display: flex; gap: 8px; justify-content: space-between; }
.hero_episodes .podcast_episode { max-width: 40vh;aspect-ratio: 4 / 5; height: 60vh; border-radius: 8px 8px 0px 0px;background: #FFF;box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.15); padding: 0px; padding-bottom: 0px; position: relative; display: flex;flex-direction: column;justify-content: flex-end;}
.hero_episodes .podcast_episode h3 { color: #fff; margin: 0px; padding: 0px; color: #FFFDEE;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 72px;font-style: normal;font-weight: 400;line-height: 80%; /* 57.6px */; text-transform: uppercase }
.hero_episodes .podcast_episode .card_footer { }
.hero_episodes .podcast_episode .card_footer .card_watch_now { padding-left: 16px; padding-right: 16px; }
.hero_episodes .podcast_episode .card_footer .card_watch_now a { display: flex; align-items: center;gap: 8px;color:#FFFDEE;text-align: center;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 20px;font-style: normal;font-weight: 400;line-height: 125%; /* 25px */letter-spacing: 0.4px;text-transform: uppercase; margin-bottom: 28px}
.hero_episodes .podcast_episode .card_footer img { width: 43px; border: none }
.hero_episodes .podcast_episode .card_footer .card_listen { background: #fc4c3a; padding: 5px;padding-left: 16px; }
.hero_episodes .podcast_episode .card_footer .card_listen .listenon_holder { display: flex; align-items: center; height: 55px; color: white; gap: 8px }
.hero_episodes .podcast_episode .card_footer .card_listen .listenon_holder span { margin-right: 16px }
.hero_episodes .podcast_episode iframe { border-radius: 4px 4px 0px 0px }
.hero_episodes .podcast_episode p { color: var(--Black, #000); /* Text/Regular/Normal */font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; /* 24px */; padding-left: 16px;margin-top: 5px; padding-right: 16px }
.podcast_apps { display: flex; align-items: center;flex-shrink: 0; padding-bottom: 60px; padding-top: 40px }
.podcast_apps h2 { color: var(--Black, #000);font-family: Roboto;font-size: 32px;font-style: normal;font-weight: 700;line-height: 100%; /* 32px */; width: 320px;flex-shrink: 0; }
.podcast_apps img { display: flex;width: 200px;height: 80px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px; }
.meet_hosts { background: #C00; clear: both; color: white; padding-top: 58px; }
.meet_hosts .col img { max-width: 100% }
.meet_hosts .col { margin: 0px; }
.image_holder { line-height: 0px }
.meet_hosts h2 { color: #FFF;font-family: Roboto;font-size: 46px;font-style: normal;font-weight: 700;line-height: 120%; /* 55.2px */margin:0px; padding: 0px; margin-top: 32px; margin-bottom: 40px }
.meet_hosts h2.numbers { margin-bottom: -10px }
.meet_hosts .btn { border-radius: 16px; margin-left: 0px }
.hot_tips { background: #1F1F1F; padding-top: 112px; padding-bottom: 112px; color: white }
.hot_tips h2 { color: #1CFFE4;font-family: Roboto;font-size: 46px;font-style: normal;font-weight: 700;line-height: 120%; /* 48px */ ; margin: 0px; padding; 0px}
.hot_tips form { padding-top: 15px }
.hot_tips h3 { color: #FFF;font-family: Roboto;font-size: 32px;font-style: normal;font-weight: 400;line-height: 150%; /* 48px */; text-align: left; margin: 0px; padding: 0px; margin-bottom: 22px }
.hot_tips h3 span { color: #CC0000 }
.hot_tips .section .section h2 { color: white; color: #FFF;font-family: Roboto;font-size: 46px;font-style: normal;font-weight: 700;line-height: 120%; /* 55.2px */; margin: 0px; padding: 0px; margin-top: 10px }
.hot_tips .section .section p { margin-top: 0px; padding-top: 10px }
.hot_tips a { color: white; text-decoration: underline }
.hot_tips .submitbtn { margin-left: 0px;display: flex;align-items: center; }
.hot_tips #email-58ac786d-4f9c-4343-a1ac-f4ba46598b46 { float: left }
.hot_tips form:after { content: ''; clear: both; display: block; }
.buttonlink { text-decoration: none !important; }
.featured_podcasts { }
.featured_podcasts .card_watch_now { display: flex; align-items: center;gap: 8px; padding: 8px 16px; background: #FFFDEE; color: #0049FF; leading-trim: both;text-edge: cap;font-feature-settings: 'liga' off, 'clig' off;font-family: Monoska;font-size: 20px;font-style: normal;font-weight: 400;line-height: 100%; /* 20px */text-transform: lowercase;justify-content: space-between; }
.featured_podcasts .card_watch_now .btn { background: #FC4C3A; display: flex;padding: 12px 24px;color: #FFFDEE;text-align: center;font-family: "NG Farmacia";font-size: 32px;font-style: normal;font-weight: 400;line-height: 125%; /* 40px */letter-spacing: 1.28px;text-transform: uppercase; }
.featured_podcasts .card_watch_now .btn:after { display: none }
.featured_podcasts .podcast_episode { padding: 0px; max-width: 40vh;aspect-ratio: 4 / 5; height: 60vh; height: 55vh; justify-content: space-between; }
.featured_podcasts .podcast_episode h3 { padding: 16px }
.featured_podcasts .hero_episodes .podcast_episode .card_footer .card_watch_now a { margin-bottom: 0px }
.featured_podcasts .hero_episodes .podcast_episode .card_footer .card_watch_now span { max-width: 43% }
.featured_podcasts .hero_episodes .podcast_episode .card_footer { padding: 0px }
.featured_podcasts h2 { color: #000;text-align: center;font-family: Roboto;font-size: 46px;font-style: normal;font-weight: 700;line-height: 120%; /* 55.2px */; margin: 0px; padding: 0px; padding-bottom: 80px }
.featured_podcasts h2 span { color: #C00 }
.podcast_episodes_holder { clear: both;display: flex;gap: 8px; padding-bottom: 30px; overflow-x: scroll;justify-content: space-between; width: max-content; }
.podcast_episode_holder { box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; width: 270px; text-align: left; padding-bottom: 16px;}
.podcast_episode_holder img.profile { border-radius: 4px 4px 0px 0px; width: 100% }
.podcast_episode_holder h3 { color: var(--Black, #000);font-family: Roboto;font-size: 24px;font-style: normal;font-weight: 700;line-height: 130%; /* 31.2px */; text-align: left; margin: 0px; padding: 0px; padding-left: 16px; padding-top: 12px }
.podcast_episode_holder p { padding-left: 16px; margin-top: 5px; }
.podcast_episode_holder a { display: flex; gap: 8px; text-decoration: none; color: black; margin-left: 16px }
.featured_podcasts .btn { border-radius: 16px; }
.footer_subs { background: #FFFDEE; color: white; padding-top: 64px; position: relative; z-index: 1; }
.footer_subs h2 { margin: 0px; padding: 0px;color: #0049FF;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 120px;font-style: normal;font-weight: 400;line-height: 70%; /* 150px */text-transform: uppercase; }
.footer_subs p { color: #0049FF;leading-trim: both;text-edge: cap;font-family: Monoska;font-size: 24px;font-style: normal;font-weight: 400;line-height: 36px; /* 150% text-transform: lowercase;*/ }
.footer_subs #email-58ac786d-4f9c-4343-a1ac-f4ba46598b46 { }
.footer_subs #full_name-58ac786d-4f9c-4343-a1ac-f4ba46598b46 { margin-bottom: 12px }
.footer_subs .w-button { background: #1CFFE4; border: none; width: 100%; height: 56px; color: #000000; border-radius: 16px; max-width: 470px; cursor: pointer; color: #000;font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px; /* 175% */ }
.footer_subs li { color: var(--primary-light, #FFF);font-family: Roboto;font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px; /* 150% */; list-style-type: none; margin: 0px; padding: 0px }
.footer_subs ul { margin: 0px; padding: 0px; padding-top: 12px }
.hs-form-booleancheckbox-display { display: flex }
.footer_subs form { margin-bottom: 100px; }
.footer_subs a { color: white; text-decoration: underline }
footer { background: #FFFDEE; color: #0049FF;display: flex; justify-content: space-between; padding: 16px 48px }
footer a { color: #0049FF; }
footer p { margin: 0px }
.desktop { display: block }
.mobile { display: none }
.footer_subs .nf-field-label .nf-label-span,
.footer_subs .nf-field-label label { color: #0049FF;
font-family: 'Space Grotesk';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 112.5% */ }
.nf-before-form-content { display: none }
.footer_subs .nf-field-element input,
.footer_subs .nf-field-element select,
.footer_subs .nf-field-element textarea { border-radius: 8px;border: 1px solid #0049FF; background: transparent;width: 100%; height: 60px }
.footer_subs .field-wrap input[type=submit] { border: none; background: #FC4C3A; text-align: center;
font-family: "NG Farmacia";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 40px */
letter-spacing: 0.64px;
text-transform: uppercase; color: #FFFDEE; width: 100%; height: 60px }
.footer_subs .label-above .nf-field-label { margin-bottom: 0px }
#nf-field-6-container { margin-bottom: 0px; }
#nf-field-6-container p { color: #0049FF;
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; margin: 0px }
#nf-field-6-container p a { color: #0049FF; }
.nf-error-msg.nf-error-required-error { display: none }
#nf-form-errors-1 { }
.nf-error input, .nf-error select { border: 1px solid red !important; }
#nf-field-4 {
cursor: pointer; }
.footer_subs .section { display: flex;align-items: center; }
.gallery {
grid-column: full;
display: grid;
grid-template-columns: inherit;
padding-block: var(--space-md);
overflow-x: scroll;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
scrollbar-width: none;
padding-bottom: 4px;
}
.gallery::-webkit-scrollbar {
inline-size: 0 !important;
display: none;
}
.gallery .wrapper {
/*grid-column: content;*/
display: flex;
align-items: center;
gap: 4px;
padding-top: 20px; padding-bottom: 20px
}
.gallery .wrapper::after {
content: "";
align-self: stretch;
padding-inline-end: max(
var(--space),
(100vw - var(--content-max-width)) / 2 - var(--space)
);
}
.gallery .podcast_episode, .gallery .podcast_episode_holder {
flex-shrink: 0;
overflow: hidden;
}
@supports not (aspect-ratio: 1) {
.gallery .podcast_episode::before {
float: left;
padding-top: 56.25%;
content: "";
}
.gallery .podcast_episode::after {
display: block;
content: "";
clear: both;
}
.gallery .podcast_episode_holder::before {
float: left;
padding-top: 56.25%;
content: "";
}
.gallery .podcast_episode_holder::after {
display: block;
content: "";
clear: both;
}
}
body.privacy-policy { background: #FFFDEE; }
main section { margin-top: 100px; color: black }
main section h1 { font-family: "NG Farmacia";
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 56px */
text-transform: uppercase; padding-top: 112px; padding-bottom: 112px }
main section h2 { font-family: "NG Farmacia";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 48px */ }
.subs { position: fixed; top: 10%; left: 0; right: 0; width: 400px; padding: 24px; background: #FFFDEE;border-radius: 8px;margin: 0 auto;z-index: 9 }
.subs img { width: 95px; display: block; margin: 0 auto; }
.subs img#close_subs { width: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; }
.subs h2 { color: #0049FF;leading-trim: both;text-edge: cap;
font-family: "NG Farmacia";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 85%; /* 40.8px */
text-transform: uppercase;margin:0px; margin-top: 10px }
.subs .subscribe_email { height: 60px;border-radius: 6px;border: 1px solid #0049FF; width: 100%; background: white }
.subs .subscribe_submit { height: 60px;border-radius: 6px;border: none; width: 100%; background: #FC4C3A; color: var(--Kreem, #FFFDEE);
text-align: center;
font-family: "NG Farmacia";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 40px */
letter-spacing: 0.64px;
text-transform: uppercase; }
.modals_bg { background: rgba(0, 73, 255, 0.20);backdrop-filter: blur(10px);width: 100%; height: 100%;; position: fixed; z-index: 8; top: 0; }
.news_wrapper { max-width: 768px; margin: 0 auto; }
.news_popups_holder { background: #FFFDEE; padding: 112px 64px; width: 100%; height: 100%; position: fixed; top:0px;right: 0px; left: 0px; z-index: 10; overflow: scroll}
.news_close a { cursor: pointer;position: absolute; right: 28px; top: 106px; display: flex; align-items: center; justify-content: center; gap: 14px; color: black; font-family: "NG Farmacia";font-size: 56px;font-style: normal;font-weight: 400;line-height: 100%; /* 56px */text-transform: uppercase; }
.news_popup_holder { }
.news_popup_holder h2 { color: #000;font-family: "NG Farmacia";font-size: 72px;font-style: normal;font-weight: 400;line-height: 100%; /* 72px */text-transform: uppercase; padding: 0px; margin-top: 24px; margin-bottom: 12px }
.other_news_holder h3 { color: #0049FF;text-align: center;font-family: "NG Farmacia";font-size: 72px;font-style: normal;font-weight: 400;line-height: 100%; /* 72px */text-transform: uppercase; }
.news_popup_holder h4 { color: var(--Text-primary, #000);font-family: "NG Farmacia";font-size: 32px;font-style: normal;font-weight: 400;line-height: 130%; /* 41.6px */text-transform: uppercase; }
.news_popup_holder h5 { color: var(--Text-primary, #000);font-family: "Space Grotesk";font-size: 20px;font-style: normal;font-weight: 700;line-height: 140%; /* 28px */ }
.news_popup_holder blockquote { color: var(--Sinine, #0049FF);font-family: Monoska;font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px; /* 140% */ }
.news_popup_holder p { font-family: "Space Grotesk";font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; /* 24px */; color: black }
.news_popup_holder { }
.other_news_holder .episodes_blokk { background: none }
.other_news_holder .featured_podcasts .podcast_episode { max-width: 400px;height: auto; border-radius: 8px 8px 0px 0px; }
.other_news_holder .featured_podcasts .podcast_episode h3 { text-align: left }
.nf-response-msg h2 { line-height: 86%; }
.nf-response-msg p { font-family: 'Space Grotesk', sans-serif;font-size: 24px;font-style: normal;font-weight: 400;line-height: 125%;text-transform: initial }
.ninja-forms-field::placeholder,
.nf-element::placeholder,
#subs_email::placeholder {
color: var(--Sinine, #0049FF);
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 20px */
opacity: 1;
padding-left: 10px;
}
/* Vendor prefixid – vanemate brauserite jaoks */
.ninja-forms-field::-webkit-input-placeholder,
.nf-element::-webkit-input-placeholder,
#subs_email::placeholder {
color: var(--Sinine, #0049FF);
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 20px */
padding-left: 10px;
}
.ninja-forms-field::-moz-placeholder,
.nf-element::-moz-placeholder,
#subs_email::placeholder {
color: var(--Sinine, #0049FF);
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 20px */
opacity: 1;
padding-left: 10px;
}
.ninja-forms-field:-ms-input-placeholder,
.nf-element:-ms-input-placeholder,
#subs_email::placeholder {
color: var(--Sinine, #0049FF);
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 20px */
padding-left: 10px;
}
#nf-field-10-wrap p { color: #0049FF;
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: initial; margin-top: 0px }
#nf-field-7-container { margin-top: 20px }
#nf-field-7 { height: auto }
/* 1. Peidame vaikimisi checkboxi, säilitades klikitavuse */
#nf-field-7 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 32px;
height: 32px;
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
/* 2. Kui märgitud, siis näita checkmarki */
#nf-field-7:checked {
background-image: url("data:image/svg+xml;utf8,");
}
#nf-field-10-wrap a { color: #0049FF; text-decoration: underline }
#nf-field-10-wrap a:hover { color: #0049FF; text-decoration: none }
p.error, .nf-error-msg, .ninja-forms-req-symbol { font-size: 16px; }
/*------------------------------------*\
GRID SYSTEM
\*------------------------------------*/
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/* GRID OF TWELVE */
.span_12_of_12 {
width: 100%;
}
.span_11_of_12 {
width: 91.5%;
}
.span_10_of_12 {
width: 83%;
}
.span_9_of_12 {
width: 74.5%;
}
.span_8_of_12 {
width: 66%;
}
.span_7_of_12 {
width: 57.5%;
}
.span_6_of_12 {
width: 49%;
}
.span_5_of_12 {
width: 40.5%;
}
.span_4_of_12 {
width: 32%;
}
.span_3_of_12 {
width: 23.5%;
}
.span_2_of_12 {
width: 15%;
}
.span_1_of_12 {
width: 6.5%;
}
@media only screen and (max-width: 980px) {
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
width: 100%;
}
}
.launching_holder { position: relative; }
.launching_holder img { position: relative; filter: blur(10px); }
.launching { position: absolute; width: 100%; left: 0px; right: 0px; height: 100%;display: flex;justify-content: center;align-content: center;align-items: center; color: #0049FF;}
.launching { font-family: "NG Farmacia";font-size: 48px;font-weight: 400;line-height: 100%;text-transform: uppercase; z-index: 9}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
.burger { display: none }
.mob_menu { display:none; }
#burger { display: none }
#burger_close { display: none }
@media only screen and (max-width: 1680px) {
.hero_holder { background-position: 50% 40%; background-size: 100%; }
.hero_episodes .podcast_episode h3 { font-size: 48px; }
.featured_podcasts .hero_episodes .podcast_episode .card_footer .card_watch_now span { max-width: 60%; }
}
@media only screen and (max-width: 1200px) {
.burger { display: block; float: right; padding-top: 25px; cursor: pointer}
.burger img { width: 50px;}
.logo-img { margin-top: 20px; }
.lang_nav, .nav.nav { display: none }
.mob_menu { position: fixed;top: 72px; left: 0px; width: 100%; height: 100vh; background: #FFFDEE; z-index: 99; display: flex;padding: 48px 16px;flex-direction: column;justify-content: space-between;align-items: center;align-self: stretch; }
.mob_menu .logo { padding-bottom: 48px }
.mob_menu .logo img { max-width: 60% }
.mob_menu .close { width: 100px; float: right }
.mob_menu .close img { width: 50px; padding-top: 25px }
.mob_menu_content { display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px; }
.mob_menu ul li, .mob_menu ul { list-style-type: none; margin: 0px; padding: 0px }
.mob_menu a { display: block; color: #0049FF; text-align: center;leading-trim: both;text-edge: cap;font-family: "NG Farmacia";font-size: 40px;font-style: normal;font-weight: 400;line-height: 125%; /* 50px */letter-spacing: 0.8px;text-transform: uppercase; }
.mob_menu .lang_nav { display: block; text-align: center; width: 100%; padding-bottom: 40px; padding-top: 30px; }
.mob_menu .lang_nav a { display: inline-block; margin-left: 10px; margin-right: 10px }
.mob_menu .lang_nav br { display: none; }
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 980px) {
.col { margin: 1% 0 1% 0%; }
.span_2_of_2, .span_1_of_2 { width: 100%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}
@media only screen and (max-width: 980px) {
body { font-size: 16px; }
.hero_holder { padding-bottom: 30px; background-size: cover; height: 70vh }
.header_menu_holder { flex-direction: row-reverse; padding: 8px 16px; }
.header_menu { display: none }
#burger { display: block }
.subscribe_channels_holder .channles_title { font-size: 16px }
.subscribe_channels_holder .channel_item { font-size: 32px; }
.marquee-track { gap: 32px }
.quote { font-size: 56px; }
.episodes_blokk h2 { font-size: 56px; }
.footer_subs .section { flex-direction: column }
.hero_holder h4 { font-size: 24px; }
.moving-heading { font-size: 24vw;letter-spacing: -3px;line-height: 82%; }
.about_wf { padding-bottom: 24px; overflow: hidden; margin-top: 70vh; }
.about_wf .section h2 { font-size: 52px }
.about_wf .section { flex-direction: column }
.about_wf .col { order: 2 }
.about_wf .col.image_holder { order: 1 }
.about_wf .subscribe_holder p { max-width: 60%;font-size: 24px; }
.about_wf.latest_wf { height: auto }
.about_wf.latest_wf .col.image_holder { order: 2 }
.about_wf.latest_wf .col.image_holder img { height: auto;width: 105%;margin-left: -2.5%; }
.latest_holder { padding-top: 24px }
.latest_holder .listenon_holder{ padding-bottom: 24px }
.episodes_holder { height: auto; padding-top: 24px }
.tshow_img { margin-bottom: 40px; margin-left: -50px;}
.contact03_form { width: 95%; margin: 0 auto }
.quote h2 { font-size: 38px }
.launching { height: 50% }
.latest_holder .section { height: 100% }
#streamnow { padding-bottom: 0px; }
.single_post h1 { font-size: 34px }
.single_post { padding: 20px; padding-top: 140px }
.news_close a { font-size: 1px }
.hero_episodes .podcast_episode .card_footer .card_watch_now a { margin-bottom: 6px; }
.hero_episodes .podcast_episode { background-position: 50% 90% !important; }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 320px) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}