/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE. ***************/

/* Karla Regular */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Karla Light */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Karla Medium */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Karla Semibold */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Karla Bold */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Karla Extra Bold */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Karla Italic */
@font-face {
    font-family: 'Karla';
    src: url('/wp-content/themes/flatsome-child/fonts/Karla-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Sedgwick Ave Regular */
@font-face {
    font-family: 'Sedgwick Ave';
    src: url('/wp-content/themes/flatsome-child/fonts/SedgwickAve-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Sedgwick Ave Display Regular */
@font-face {
    font-family: 'Sedgwick Ave Display';
    src: url('/wp-content/themes/flatsome-child/fonts/SedgwickAveDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Karla', sans-serif;
}

.margin-top { margin-top: 30px; }

.center { text-align: center; }

ul.checkmark-list { list-style-image: url('http://zivljenje.staging.digitalist.si/wp-content/uploads/2024/03/Vector-5.png'); }

li { padding-left: 5px; list-style-position: inside; }

.color-white { color: #fff !important; }
.color-orange { color: #FF592D !important; }
.color-black { color: #000; }
.color-blue { color: #6DC8E5; }
.crossed { text-decoration: line-through; }
.bckg-blck { background-color: #000 !important; color: #fff !important; }
.bckg-blue { background-color: #6DC8E5 !important; color: #fff !important; }

span.section-title-main { font-family: Karla; font-size: 18px; line-height: 21px; font-weight: 400; letter-spacing: 5px; }
.section-title b { opacity: 1 !important; color: #fff !important; height: 1px; }

.img { width: auto; }
.mediji-img img { width: auto; }
.round-img img { border-radius: 100%; width: 100px; height: 100px; }
.gradient-background { background: linear-gradient(to bottom, #ffffff 50%, #F5F5F5 50%); }
.gradient-background-paketi { background: linear-gradient(to bottom, #F5F5F5 75%, #ffffff 25%); }
.gradient-orange-background { background: linear-gradient(180deg, rgba(217, 217, 217, 0) 34.77%, rgba(255, 255, 255, 0) 34.78%, rgba(255, 89, 45, 0.12) 100%); }


.h1 { color: #FFF; text-align: center; font-family: Karla; font-size: 68px; font-style: normal; text-transform: uppercase; font-weight: 800; line-height: normal; margin-bottom: 0px; }
.h2 { color: #000; font-family: Karla; font-size: 32px; font-style: normal; font-weight: 800; line-height: normal; }
.h3 { color: #000; font-family: Karla; font-size: 28px; font-style: normal; font-weight: 800; line-height: normal; }
.h4 { color: #000; font-family: Karla; font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; }

.header-full-width .container { padding: 0 50px; }

.subtitle { color: #000; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 5.4px; text-transform: uppercase; }
.special-title { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 35px; padding-top: 48px; }
.special-title-black { color: #000; text-align: center; font-family: Sedgwick Ave; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; }
.special-title-orange { color: #FF592D; text-align: center; font-family: Sedgwick Ave; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 35px; padding-top: 48px; }
span.specialfont { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave Display; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; }
span.specialfontAve { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; }
span.specialfont-orange { color: #FF592D; text-align: center; font-family: Sedgwick Ave Display; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; }
span.h1-specialfont { color: #FFF; font-family: Sedgwick Ave; font-size: 88px; font-style: normal; font-weight: 400; line-height: normal; text-transform: lowercase; }
span.bold { font-weight: 700; }

.bojevnik-title { color: #000; text-align: center; font-family: Karla; font-size: 42px; font-style: normal; font-weight: 800; line-height: normal; margin-bottom: 0; }
span.bojevnik-title-specialfont { color: #6DC8E5; font-family: Sedgwick Ave Display; font-size: 52px; font-style: normal; font-weight: 400; line-height: normal; }

.banner-text { font-size: 32px; font-weight: 800; line-height: 42px; margin-bottom: 0px; }
.banner-text-light { font-size: 32px; font-weight: 400; line-height: 42px; margin-bottom: 0px; }
.price-big { font-size: 54px; font-weight: 800; }

.p { color: #FFF; text-align: center; font-family: Karla; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 0; padding-top: 0; }
.p-black { color: #000; text-align: center; font-family: Karla; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; padding-top: 0; }
p.alineja { margin-bottom: 0; line-height: 32px; }
p.bold { font-weight: 700; }
p.name { color: #FF592D; text-align: left; font-family: Sedgwick Ave; font-size: 66px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0; }
p.orange { color: #FF592D; font-family: Sedgwick Ave; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0; }
p.orange-title { color: #FF592D; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; /* 100% */ }
p.orange-title-underline { color: #FF592D; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; border-bottom: 1px solid rgba(255, 89, 45, 0.5); width: 85px; padding-bottom: 5px; margin-left: auto; margin-right: auto; cursor: pointer; /* 100% */ }
.light { font-weight: 300 !important; }

.btn { color: #FFF; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 5.4px; padding: 18px 60px; }
.btn-long { background-color: #FF592D; color: #FFF; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 5.4px; padding: 16px 60px; width: 100%; }
.btn-blue { background-color: #6DC8E5; color: #FFF; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 5.4px; padding: 18px 60px; width: 100%; }

.btn-kg { width: 250px; border: 1px solid #FF592D; padding: 10px 20px; color: #000 !important; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 5px; margin-bottom: 32px; margin-right: 22px; }

.paketi-btn { color: #FFF; text-align: center; font-family: Karla; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 5.4px; padding: 18px 30px; margin-top: 40px; margin-right: 0; }

.paketi-btn-blue { color: #FFF; background-color: #6DC8E5; text-align: center; font-family: Karla; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 5.4px; padding: 18px 30px; margin-top: 40px; margin-right: 0; }

.border-btn { background-color: transparent; color: #000; border: 1px solid #000; padding: 15px 55px; font-family: Karla; font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: 5px; text-transform: uppercase; }
.border-btn:hover { background-color: #000; color: #fff; }

.btn-step-prev { background-color: #6DC8E5; color: #fff; text-align: center; font-family: Karla; width: 60px; height: 60px; margin-top: 20px; }
.btn-step-fwd { background-color: #FF592D; color: #fff; text-align: center; font-family: Karla; width: 60px; height: 60px; margin-top: 20px; }

.btn-shake {
  animation: tilt-shaking 4.45s infinite linear; /* Adding 'linear' to ensure smooth transitions */
}

@keyframes tilt-shaking {
  0%, 44.94%, 100% { transform: rotate(0deg); }
  45%, 46.5% { transform: rotate(2deg); } /* Less aggressive rotation */
  47%, 48.5% { transform: rotate(-2deg); }
  49%, 50.5% { transform: rotate(2deg); }
  51%, 52.5% { transform: rotate(-2deg); }
  53%, 54.5% { transform: rotate(2deg); }
  55.5%, 57% { transform: rotate(-2deg); }
  57.5%, 59% { transform: rotate(0deg); } /* Ensure a smooth transition back to the start */
}


.icon-title { color: #000; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; margin-top: 26px; margin-bottom: 26px; }

.rf-circle-blue { width: 66px; height: 66px; border: 1px solid #6DC8E5; border-radius: 100%; color: #000; background-color: #6DC8E5; text-align: center; font-size: 38px; position: absolute; top: -70px; left: 48%; z-index: 1; }

.rf-badge-blue { position: absolute; top: -140px; z-index: 1; }
.rf-badge-blue img { width: auto !important; }

.rf-badge-blue-garancija-up { position: absolute; top: -88px; z-index: 1; }
.rf-badge-blue-garancija-up img { width: auto !important; }

.rf-badge-blue-garancija-down { position: absolute; top: 20px; z-index: 1; }
.rf-badge-blue-garancija-down img { width: auto !important; }

.row-box-shadow-3 .col-inner { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); }
.paketi-box-shadow { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); }

.quote { color: #000; text-align: center; font-family: Karla; font-size: 32px; font-style: normal; font-weight: 400; line-height: 42px; quotes: "\201D" "\201E"; /* 127.778% */ }
.quote-media { color: #000; text-align: center; font-family: Sedgwick Ave; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 50px; quotes: "\201D" "\201E"; /* 155.556% */ }
.quote-media-big { color: #000; text-align: center; font-family: Sedgwick Ave; font-size: 32px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 50px; quotes: "\201D" "\201E"; /* 155.556% */ }

.quoteTestimonial { color: #000; text-align: center; font-family: Karla; font-size: 16px; font-style: normal; font-weight: 400; quotes: "\201D" "\201E"; /* 127.778% */ }

.quotetationMarks { color: #FF592D; text-align: center; font-family: Sedgwick Ave; font-size: 70px; font-style: normal; font-weight: 400; line-height: 46px; /* 65.714% */ vertical-align: middle; }

.quotetationMarksBlue { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave; font-size: 90px; font-style: normal; font-weight: 400; /* 65.714% */ vertical-align: middle; }

.quotetationMarksdown { color: #FF592D; text-align: center; font-family: Sedgwick Ave; font-size: 70px; font-style: normal; font-weight: 400; line-height: 46px; /* 65.714% */ vertical-align: middle; position: relative; top: 30px; }

.quotetationMarksBluedown { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave; font-size: 90px; font-style: normal; font-weight: 400; /* 65.714% */ vertical-align: middle; position: relative; top: 30px; }

a.button.open-video.icon.circle.is-outline.is-xlarge { margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.83); color: #000; border-color: transparent; }
i.icon-play { font-size: 48px !important; height: 48px; }

.kg-anchor-links { color: #6DC8E5; text-align: center; font-family: Karla; font-size: 28px; font-style: normal; font-weight: 800; line-height: normal; text-decoration-line: underline; }

.steps-blue { color: #FFF; text-align: center; font-family: Sedgwick Ave; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; background-color: #6DC8E5; padding: 15px; width: 70px; height: 70px; border-radius: 100%; margin-left: auto; margin-right: auto;}

.testimonials-title { font-family: Karla; font-size: 24px; font-style: normal; line-height: 32px; font-weight: 800; color: #FF592D; }

.testimonial-box { box-shadow: 0px 0px 20px 0px #00000026; }

.testimonial-box img { margin-top: -50%; }

.icon-box-text { padding: 0 20px; }

.footer-social-icon-fb { background: #fff; width: 35px; height: 35px; border-radius: 10px; background: #FFF; padding: 7px 12px; }
.footer-social-icon-ig { background: #fff; width: 35px; height: 35px; border-radius: 10px; background: #FFF; padding: 8px 9px; }
.footer-social-icon-in { background: #fff; width: 35px; height: 35px; border-radius: 10px; background: #FFF; padding: 6px 11px; }

.icon-angle-down:before { content: "+"; }

.quiz-question { font-family: Karla;
font-size: 24px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.3em;
text-align: center; 
}

.icon-box-img img, .icon-box-img svg { width: auto; }

.icon-training.icon-box-img img, .icon-box-img svg { width: 12px; height: auto; }

.icon-training.icon-box-left .icon-box-img+.icon-box-text { padding-left: 0em; }

.timeline-year {
    width: 80px;
    height: 80px;
    background-color: #2a9fd0;
    position: relative;
    border-radius: 50px;
    border: 5px solid #2a9fd0;
    color: #fff;
    transition: all .4s;
    box-shadow: 0 1px 11px 4px transparent;
    font-family: Karla;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-year-orange {
    width: 80px;
    height: 80px;
    background-color: #FF592D;
    position: relative;
    border-radius: 100px;
    border: #FF592D;
    color: #fff;
    transition: all .4s;
    box-shadow: 0 1px 11px 4px transparent;
    font-family: Karla;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-orange-text { font-family: Karla;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
	color: #FF592D;
	text-transform: uppercase;
 }

.timeline-year-first-circle { width: 120px; height: 120px; border-radius: 100px; }

.rf-col-timeline .col { padding-left: 15px !important; }

.timeline-arrow-img img { width: auto; }

.is-long-border { height: 1050px; }

.tedni-dropdown { padding: 0 0px 0px; }

.page-title { display: none; }

/*************** MAIN HEADER  ***************/

ul.header-nav-main { justify-content: center !important; }

#menu-item-1791 { border: 1px solid #FFFFFF; padding: 3px 20px; }
#menu-item-1791 a { font-family: 'Karla'; font-size: 18px; line-height: 21px; letter-spacing: 5px; font-weight: 700; text-transform: uppercase; }

/*************** Contact Form 7 style ***************/

#responsive-form { max-width: 650px; margin:0 auto; width:100%; }

.rf-form-row { width: 100%; display: flex; flex-flow: row wrap; column-gap: 4%; }

.column-half { float: left; position: relative; padding-top: 10px; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.column-full { float: left; position: relative; padding-top: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.clearfix:after { content: ""; display: table; clear: both; }

.rf-form-row label { color: #000; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 5.4px; text-transform: uppercase; }

.wpcf7-form-control-wrap { margin-top: 10px; }

.wpcf7-list-item-label { display: inline-flex; }

.wpcf7 input[type=radio] { margin-top: 10px; margin-left: 0px; accent-color: rgba(0, 0, 0, 0.60); width: 20px; height: 20px; }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7-form select, .wpcf7 textarea { width: 100%; border: 1px solid rgba(0, 0, 0, 0.60); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; }

.wpcf7 input[type="text"]:focus { background: #fff; }

.wpcf7 input[type="submit"] { float: left; color: #FFF; text-align: center; font-family: Karla; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 5.4px; padding: 18px 60px; margin-top: 20px; }

.splosni-pogoji-chckbox span { margin-top: 0px; }

span.wpcf7-not-valid-tip { text-shadow: none; font-size: 12px; color: #fff; background: #ff0000; padding: 5px; }

div.wpcf7-validation-errors { text-shadow: none; border: transparent; background: #f9cd00; padding: 5px; color: #9C6533; text-align: center; margin: 0; font-size: 12px; }

div.wpcf7-mail-sent-ok { text-align: center; text-shadow: none; padding: 5px; font-size: 12px; background: #59a80f; border-color: #59a80f; color: #fff; margin: 0; }

.blue-gradient-background {background: linear-gradient(89.95deg, rgba(255, 255, 255, 0) 6.06%, #6DC8E5 10.44%, rgba(109, 200, 229, 0.862603) 32.98%, rgba(109, 200, 229, 0.6) 55.2%, rgba(109, 200, 229, 0.3) 86.85%, rgba(255, 255, 255, 0) 94.3%); }

.letter-spacing span { letter-spacing: 30%; }

.vadbe-tedni-dropdown { text-align: center; }

.vadbe-tedni-dropdown i.icon-angle-down { display: none; }

/*************** VADBE TABS ***************/

.znv-teden-row.znv-teden { display: flex; column-gap: 25px; }
.znv-teden-row.znv-teden p.orange-title-underline { margin-top: 20px; }

.znv-vadbe-tabs-content-container { margin-top: 110px; }
.znv-vadbe-tab-content .h2 { text-align: center; }
.znv-vadbe-list { text-align: center; margin-top: 40px; }

.znv-vadbe-list { display: flex; column-gap: 25px; }

.znv-selected .orange-title-underline { color: #000; border-bottom: 1px solid #000; }

.simplefavorite-button { margin-top: 15px; padding-left: 0; margin-left: 0; float: right; }
label.opravljen-chckbox { text-transform: capitalize; color: #000; font-family: Karla; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; }
label.opravljen-chckbox input { width: 18px; height: 18px; padding: 0; margin: 0; vertical-align: middle; position: relative; top: -1px; overflow: hidden; accent-color: #6DC8E5; }

#pum-620.pum-active { opacity: 1; display: block; }
#pum-1136.pum-active { opacity: 1; display: block; }
#pum-1138.pum-active { opacity: 1; display: block; }

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline { display: none; }

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    padding: 20px;
}

.custom-atc-prehrana { background-color: #FF592D; margin: 0; padding: 10px 10px; width: 70%; }
.custom-atc-prehrana-in-vadba { background-color: #000; margin: 0; padding: 10px 10px; width: 70%; }

/*************** MY ACCOUNT ***************/

.account-login-inner h3 { color: #fff; }
.account-login-inner label { color: #fff; }
.account-login-inner p { color: #fff; }

.account-register-inner h3 { color: #fff; }
.account-register-inner label { color: #fff; }
.account-register-inner p { color: #fff; }

.woocommerce-MyAccount-content { color: #fff; }
.woocommerce-MyAccount-content label { color: #fff; }

.woocommerce-MyAccount-navigation-link a { background-color: #fff; }
.woocommerce-MyAccount-navigation-link a:hover { background-color: #ff592d; }

.account-orders-table { background-color: rgba(255, 255, 255, 0.7); padding: 20px; }

.woocommerce-ResetPassword { color: #fff; }

.woocommerce-ResetPassword label { color: #fff; }

/*************** TABELA JEDILNIK ***************/

.tabela-btns { display: flex; column-gap: 50px; align-items: center; justify-content: center; }

/*************** POPUP MAKER OVERLAY ***************/

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) { padding-right: 0; }


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/

.column-half { width: 50%; }
	
.special-title { color: #6DC8E5; text-align: center; font-family: Sedgwick Ave; font-size: 42px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 35px; padding-top: 20px; }

.special-title { font-size: 42px; }
	
.rf-circle-blue { top: -50px; left: 40%; }
	
.rf-badge-blue { top: -180px; }
	
	.rf-badge-blue-garancija-up { top: -80px; }
	
	.rf-badge-blue-garancija-down { top: 10px; }
	
/******** VIDEO TABS ********/
	
.znv-teden-row.znv-teden {
	display: flex;
    column-gap: 4%;
    flex-wrap: wrap;
}

.znv-teden-row.znv-teden .fa_teden {
	flex-basis: 48%;
    margin: 0;
}
	
.znv-vadbe-list {
	display: flex;
    column-gap: 4%;
    flex-wrap: wrap;
}

.znv-vadbe-list .fa_vadbe_vadba {
	flex-basis: 48%;
    margin: 0;
}
	
	.footer-menu-item {
		align-self: center;
	}
	
	.is-long-border { height: 770px; }
	
	.timeline-arrow-img { display: flex; margin-left: 35px !important; }
	
/*************** TABELA JEDILNIK ***************/
	
    
}