/*
Theme Name: True Friend Forever
Description: Child theme for True Friend Forever
Author: As You Were
Author URI: https://asyouwere.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Font styles */
p, li, dt, dd, dl, address, label, small, pre, code {
    line-height: 1.25em!important;
}
.text-lead p, .text-lead p a {
    font-weight: 500;
}
.post-body .uncode_text_column a {
    color: #03FFBB;
    text-decoration: underline;
}
.post-body .uncode_text_column p a:hover {
    color: #F548F8;
}
::-moz-selection {
    background-color: #03FFBB;
    color: #F548F8;
}
::selection {
    background-color: #03FFBB;
    color: #F548F8;
}

@media (max-width: 959px){
.fontsize-115671 {
    font-size: 25px;
    }
}


/* Desktop Memu */
@media (min-width: 1550px){
.logo-container .navbar-brand img {
    position: fixed;
    height: 70px!important;
    margin-left: -96px!important;
    }
.nav.navbar-nav.navbar-nav-last.navbar-extra-icons {
    position: fixed;
    height: 115px!important;
    }
.menu-container {
    background-color: transparent;
    box-shadow:none!important;
    }
}
@media (min-width: 1350px){
.menu-primary .navbar-nav-first .menu-smart > li > a {
    margin: 0px 22px 0px 22px;
    padding: 0px!important;
    }
body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a {
    font-family: kranto-text,sans-serif!important;
    color: #FBF9D5;
    font-size: 16px!important;
    font-weight: 500!important;
    }
.menu-item-button .menu-btn-container.btn{
    font-family: kranto-text,sans-serif;
    font-size: 16px!important;
    padding: 10px 18px 10px 18px!important;
    background-color: #03FFBB;
    color: #5121EF!important;
    border:0px!important;
    font-weight: 600;
    transform:rotate(-2deg);
    }
.menu-item-485 {
    position: absolute;
    left: 0px;
    }
}

@media (min-width: 960px) and (max-width: 1350px){
.menu-primary .navbar-nav-first .menu-smart > li > a {
    margin: 0px 15px 0px 15px;
    padding: 0px!important;
    }
body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a {
    font-family: kranto-text,sans-serif!important;
    color: #FBF9D5;
    font-size: 12px!important;
    font-weight: 500!important;
    }
.menu-item-button .menu-btn-container.btn{
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    padding: 8px 15px 8px 15px!important;
    background-color: #03FFBB;
    color: #5121EF!important;
    border:0px!important;
    font-weight: 600;
    transform:rotate(-2deg);
    }
}
@media (min-width: 960px){
.menu-primary .menu-icons.menu-smart > li > a {
    padding: 0px 9px 0px 9px!important;
    }
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #F548F8!important;
    }
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner > .nav > .menu-smart > li > a:hover {
    color: #F548F8!important;
    }
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #F548F8!important;
    }
.hmenu .menu-primary .menu-smart > li > a:after, .hmenu-center .menu-primary .menu-smart > li > a:after {
    content: "";
    display: block;
    height: 40px;
    }
.hmenu .menu-primary .menu-smart > li.current-menu-item > a:after, .hmenu .menu-primary .menu-smart  > li.menu-item.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children.dropdown.menu-item-link > a:after {
    border-bottom: 2px solid #F548F8!important;
    position: absolute;
    width: 100%;
    left: 0;
    }
}

/* Mobile menu */
@media (max-width: 959px){
.green-logo .logo-image.main-logo.logo-dark {
    display: block!important;
    }
.green-logo .logo-image.main-logo.logo-light {
    display: none;
    }
.menu-container .logo-container {
    position: relative;
    padding: 5px 10px 5px 10px !important;
    }
.mobile-menu-button {
    padding: 20px 10px!important;
    }
.menu-container {
    background-color: #352174!important;
    }
.lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span { 
    background-color: #fff;
    }
.menu-primary .menu-smart > li > a {
    margin: 0px 30px 0px 30px;
    padding: 0px!important;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a {
    font-family: kranto-text,sans-serif!important;
    color: #FBF9D5;
    font-size: 20px!important;
    font-weight: 500!important;
    height: 45px;
    }
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #F548F8!important;
    }
.hmenu .menu-primary .menu-smart > li > a:after, .hmenu-center .menu-primary .menu-smart > li > a:after {
    content: "";
    display: block;
    height: 30px;
    }
body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li.social-icon a .fa {
    font-size: 20px;
    margin: 0 !important;
    color: #03FFBB;
    }
body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li.social-icon a {
    margin: 0px 10px 0px 10px;
    }
.menu-item-button .menu-btn-container.btn{
    margin-top: 20px;
    font-family: kranto-text,sans-serif;
    font-size: 20px!important;
    padding: 5px 20px 5px 20px;
    line-height: 20px;
    background-color: #03FFBB;
    color: #5121EF!important;
    border:0px!important;
    font-weight: 600;
    transform:rotate(-2deg);
    }
}


/* Buttons */
@media (min-width: 960px){
.custom-link.btn-background-blue-right.btn {
    border: 0px;
    background-image: url(img/btn-background-blue.svg);
    background-repeat: no-repeat;
    text-transform: none;
    font-size: 25px;
    padding: 10px 30px!important;
    color: #FBF9D5;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-blue-right.btn:hover {
    color: #5121EF !important;
    background-image: url(img/btn-background-green.svg);
    }
.custom-link.btn-background-pink-right.btn {
    border: 0px;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 30px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px;
    line-height: 20px!important;
    text-transform: uppercase;
    color: #FBF9D5;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-pink-right.btn:hover {
    color: #FBF9D5!important;
    background-image: url(img/btn-background-blue.svg);
    }
.custom-link.btn-background-green-right.btn {
    border: 0px;
    background-image: url(img/btn-background-green.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 30px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px;
    line-height: 20px!important;
    text-transform: uppercase;
    color: #5121EF!important;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-green-right.btn:hover {
    color: #FBF9D5!important;
    background-image: url(img/btn-background-pink.svg);
    }
.btn-white-right.btn-default.btn {
    border: 0px;
    text-shadow: 4px 4px #000;
    background-image: url(img/arrow-white-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 35px;
    padding: 10px 60px 10px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 45px;
    text-transform: uppercase;
    color: #FFFFFF!important;
    transition: 0.3s;
    }
.btn-white-right.btn-default.btn:hover {
    background-position-x: 100%;
    }   
.btn-green-right.btn-default.btn {
    border: 0px;
    text-shadow: 4px 4px #000;
    background-image: url(img/arrow-green-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 35px;
    padding: 10px 60px 10px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 45px;
    text-transform: uppercase;
    color: #03FFBB!important;
    transition: 0.3s;
    }
.btn-green-right.btn-default.btn:hover {
    background-position-x: 100%;
    }
.btn-pink-right.btn-default.btn {
    border: 0px;
    text-shadow: 4px 4px #000;
    background-image: url(img/arrow-pink-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 35px;
    padding: 10px 60px 10px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 45px;
    text-transform: uppercase;
    color: #F548F8!important;
    transition: 0.3s;
    }
.btn-pink-right.btn-default.btn:hover {
    background-position-x: 100%;
    }
}
@media (max-width: 959px){
.custom-link.btn-background-blue-right.btn {
    border: 0px;
    background-image: url(img/btn-background-blue.svg);
    background-repeat: no-repeat;
    text-transform: none;
    font-size: 18px;
    padding: 10px 20px!important;
    color: #FBF9D5;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-blue-right.btn:hover {
    color: #5121EF !important;
    background-image: url(img/btn-background-green.svg);
    }
.custom-link.btn-background-pink-right.btn {
    border: 0px;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat;
    background-size: cover!important;
    padding: 13px 20px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 18px;
    line-height: 18px!important;
    text-transform: uppercase;
    color: #FBF9D5;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-pink-right.btn:hover {
    color: #FBF9D5!important;
    background-image: url(img/btn-background-blue.svg);
    }
.custom-link.btn-background-green-right.btn {
    border: 0px;
    background-image: url(img/btn-background-green.svg);
    background-repeat: no-repeat;
    background-size: cover!important;
    padding: 13px 20px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 18px;
    line-height: 18px!important;
    text-transform: uppercase;
    color: #5121EF!important;
    font-weight: 500!important;
    transition: 0.2s;
    }
.btn-background-green-right.btn:hover {
    color: #FBF9D5!important;
    background-image: url(img/btn-background-pink.svg);
    }
.btn-white-right.btn-default.btn {
    border: 0px;
    text-shadow: 2px 2px #000;
    background-image: url(img/arrow-white-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 25px;
    padding: 5px 40px 5px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #FFFFFF!important;
    transition: 0.3s;
    }
.btn-white-right.btn-default.btn:hover {
    background-position-x: 100%;
    }   
.btn-green-right.btn-default.btn {
    border: 0px;
    text-shadow: 2px 2px #000;
    background-image: url(img/arrow-green-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 25px;
    padding: 5px 40px 5px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #03FFBB!important;
    transition: 0.3s;
    }
.btn-green-right.btn-default.btn:hover {
    background-position-x: 100%;
    }
.btn-pink-right.btn-default.btn {
    border: 0px;
    text-shadow: 2px 2px #000;
    background-image: url(img/arrow-pink-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 25px;
    padding: 5px 40px 5px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #F548F8!important;
    transition: 0.3s;
    }
.btn-pink-right.btn-default.btn:hover {
    background-position-x: 100%;
    }
}

@media (max-width: 569px) {
.btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
    transform: none!important;
    }
}

/* Headlines */
.headline-clean .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-shadow: 4px 4px #000;
}
.background-black .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    transform: rotate(-1deg);
    background-color: #000;
    width: fit-content;
    padding: 5px 10px!important;
}
.background-black .heading-text span:last-child {
    margin-top: -10px!important;
    margin-left: 15px!important;
    transform: rotate(0deg);
}
.background-purple .heading-text span {
    margin:auto;
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 50, 'slnt' 50;
    text-transform: uppercase;
    transform: rotate(0deg);
    background-color: #5121EF;
    width: fit-content;
    padding: 5px 10px!important;
}
.background-purple .heading-text span:last-child {
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-transform: uppercase;
    margin-top: -10px!important;
    transform: rotate(-1deg);
}
.background-purple-green .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    background-color: #000;
    width: fit-content;
    padding: 10px 10px!important;
}
.background-purple-green .heading-text span:last-child {
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-transform: uppercase;
    margin-top: -10px!important;
    transform: rotate(-2deg);
}
.background-pink .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    background-color: #F548F8;
    width: fit-content;
    padding: 10px 10px!important;
}
.background-pink .heading-text span:last-child {
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-transform: uppercase;
    margin-top: -10px!important;
    transform: rotate(-2deg);
}
.background-green .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(2deg);
    background-color: #03FFBB;
    width: fit-content;
    padding: 10px 10px!important;
}
.background-green .heading-text span:last-child {
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-transform: uppercase;
    margin-top: -10px!important;
    transform: rotate(2deg);
}

/* Custom Styles */
@media (max-width: 959px){
.row-container .row-parent, .row-container .single-h-padding {
    padding-left: 5px!important;
    padding-right: 5px!important;
    }
.hide-on-mobile {
    display: none!important;
    }
}
.margin-top-10 {
    margin-top: 10px!important;
}
.embed-container { 
    border-radius: 20px;
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    border-radius: 20px;
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
.video-caption {
    margin-top: 10px!important;
}
.video-caption p {
    font-size: 15px;
}


/* Homepage */
@media (min-width: 960px){
.main-header .row-background.background-element {
    height: 90%;
    }
.main-header .wpb_row.row-inner {
    max-height: 600px!important;
}
.main-header .uncol.style-light {
    height: 100%;
    }
.main-header .headline-clean {
    margin-bottom: 6%;
    max-width: 40%!important;
    text-align: right;
    margin-left: auto;
    }
.uncode-single-media.caracter {
    position: absolute;
    bottom: -25px;
    width: 45%;
    height: auto;
    z-index: 2;
    }
}
@media (max-width: 959px){
.uncode-single-media.caracter {
    position: absolute;
    top: 0%;
    z-index: 0!important;
    }
.uncode-single-media.caracter .t-entry-visual {
    height: auto;
    width: 100%;
    }
.uncode-single-media.caracter .t-entry-visual img{
    height: 50vh;
    width: auto;
    }
}

/* Post Box Full Screen */
@media (min-width:960px){
.post-box-full-screen .t-entry-visual .dummy{
    padding-top: 65vh!important;
    }
.post-box-full-screen .t-entry-visual img {
    object-fit: cover!important;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual {
    position: relative;
    }
.post-box-full-screen .t-entry-visual-cont {
    max-height: 600px;
    }
.post-box-full-screen {
    position: relative;
    }
.post-box-full-screen .t-overlay-text {
    height: 100%;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #03FFBB;    
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    color: #5121EF!important;
    font-weight: 600;
    padding: 5px 2px 5px 20px;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692  {
    display: inline-block;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692 {
    margin-top: 5px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 20px 5px 2px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-4.4deg);
    display: inline-block;
    position: absolute;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #F548F8;   
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 2px 5px 20px;
    color: #FBF9D5!important;
    font-weight: 600;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    display: inline-block;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    margin-top: 4px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 20px 5px 0px;
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-5.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-title {
    width: 60%!important;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-title.h6 {
    font-family: "cc-deadline-variable",sans-serif;
    font-size: 50px!important;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    position: absolute;
    bottom: 18px;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-title.h6 span {
    color: #5121EF!important;
    background-color: #03FFBB;
    width: fit-content!important;
    padding: 10px 20px!important;
    white-space: break-spaces;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-title.h6 {
    font-family: "cc-deadline-variable",sans-serif;
    font-size: 50px!important;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    position: absolute;
    bottom: 18px;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8  .t-entry-visual .t-entry-title.h6 span {
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content!important;
    padding: 10px 20px!important;
    white-space: break-spaces;
    }
}
@media (max-width:959px){
.post-box-full-screen .t-entry-visual .dummy{
    padding-top: 60vh!important;
    }
.post-box-full-screen .t-entry-visual img {
    object-fit: cover!important;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual {
    position: relative;
    }
.post-box-full-screen .t-overlay-text {
    height: 100%;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #03FFBB;    
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    color: #5121EF!important;
    font-weight: 600;
    padding: 5px 2px 5px 20px;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692  {
    display: inline-block;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692 {
    margin-top: 5px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 20px 5px 2px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-5.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #F548F8;   
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 2px 5px 20px;
    color: #FBF9D5!important;
    font-weight: 600;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    display: inline-block;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    margin-top: 5px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 20px 5px 0px;
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-4.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-title.h6 {
    font-family: "cc-deadline-variable",sans-serif;
    font-size: 20px!important;
    line-height: 30px!important;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    position: absolute;
    bottom: 18px;
    }
.post-box-full-screen .tmb-light.tmb .t-entry-visual .t-entry-title.h6 span {
    color: #5121EF!important;
    background-color: #03FFBB;
    width: fit-content!important;
    padding: 5px 5px!important;
    white-space: break-spaces;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-title.h6 {
    font-family: "cc-deadline-variable",sans-serif;
    font-size: 20px!important;
    line-height: 30px!important;
    font-variation-settings: 'wdth' 150, 'slnt' 150;
    text-transform: uppercase;
    transform: rotate(0deg);
    position: absolute;
    bottom: 18px;
    }
.post-box-full-screen .tmb-light.tmb.grid-cat-8  .t-entry-visual .t-entry-title.h6 span {
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content!important;
    padding: 5px 5px!important;
    white-space: break-spaces;
    }
}

/* Post box */
@media (min-width:960px){
.post-box .px-gutter > div > .tmb, .post-box .px-gutter > .owl-carousel .tmb {
    padding-right: 5px;
    }
.px-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner):not(.index-scroll-wrapper):not(.pin-wrap) .tmb > .t-inside {
    margin-top: 5px;
    }
.post-box .tmb-light.tmb .t-entry-visual {
    position: relative;
    }
.post-box .t-overlay-text {
    height: 100%;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #03FFBB;    
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    color: #5121EF!important;
    font-weight: 600;
    padding: 5px 2px 5px 20px;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692  {
    display: inline-block;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692 {
    margin-top: 5px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 20px 5px 2px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-4.4deg);
    display: inline-block;
    position: absolute;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #F548F8;   
    width: fit-content;
    transform: rotate(-5deg);
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 2px 5px 20px;
    color: #FBF9D5!important;
    font-weight: 600;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    display: inline-block;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    margin-top: 4px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 22px;
    padding: 5px 20px 5px 0px;
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content;
    font-weight: 600;
    transform: rotate(-5.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box .tmb-light.tmb .t-entry .t-entry-title{
    width: 70%!important;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-title.h6 span {
    font-size: 25px;
    color: #03FFBB;
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-shadow: 2px 2px #000;
    position: absolute;
    bottom: 18px;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-title.h6 span{
    font-size: 25px;
    color: #F548F8;
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-shadow: 2px 2px #000;
    position: absolute;
    bottom: 18px;
    }
}
@media (max-width:959px){
.post-box .owl-carousel .owl-item.active.index-active {
    width: 85vw!important;
    margin-right: 10px!important;
    }
.post-box .owl-carousel .owl-item :not(.active) {
    width: 85vw;
    }
.post-box .px-gutter > div > .tmb, .post-box .px-gutter > .owl-carousel .tmb {
    padding-right: 5px;
    }
.px-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner):not(.index-scroll-wrapper):not(.pin-wrap) .tmb > .t-inside {
    margin-top: 5px;
    }
.post-box .tmb-light.tmb .t-entry-visual {
    position: relative;
    }
.post-box .t-overlay-text {
    height: 100%;
    }
.post-box .half-block-padding {
    padding: 10px 10px 10px 10px;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type {
    width: 80%;
    margin-top: 0px!important;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #03FFBB;    
    width: fit-content!important;
    transform: rotate(-5deg);
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    color: #5121EF!important;
    font-weight: 600;
    padding: 5px 2px 5px 20px;
    width: auto;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692  {
    display: inline-block;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-cf-detail-213692 {
    margin-top: -4px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 20px 5px 2px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content!important;
    font-weight: 600;
    transform: rotate(-5.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type {
    background-color: #F548F8;   
    width: fit-content!important;
    transform: rotate(-5deg);
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type span {
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 2px 5px 20px;
    color: #FBF9D5!important;
    font-weight: 600;
    width: auto;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-meta.t-entry-type, .post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    display: inline-block;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-cf-detail-772507 {
    margin-top: -4px!important;
    margin-left: -1px!important;
    font-family: kranto-text,sans-serif;
    font-size: 10px!important;
    line-height: 20px;
    padding: 5px 20px 5px 0px;
    background-color: #F548F8;
    color: #FBF9D5!important;
    width: fit-content!important;
    font-weight: 600;
    transform: rotate(-4.7deg);
    display: inline-block;
    position: absolute;
    }
.post-box .tmb-light.tmb .t-entry .t-entry-title{
    width: 90%!important;
    }
.post-box .tmb-light.tmb .t-entry-visual .t-entry-title.h6 span {
    font-size: 14px;
    color: #03FFBB;
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-shadow: 1px 1px #000;
    position: absolute;
    bottom: 10px;
    width: 80%!important;
    }
.post-box .tmb-light.tmb.grid-cat-8 .t-entry-visual .t-entry-title.h6 span {
    font-size: 14px;
    color: #F548F8;
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 100;
    text-shadow: 1px 1px #000;
    position: absolute;
    bottom: 10px;
    width: 80%!important;
    }
}



/* Single Post types */
@media (min-width: 960px){
.single-updates .header-wrapper .uncol.style-light, .single-challenges .header-wrapper .uncol.style-light {
    height: 100%;
    }
.current-post-type {
    position: absolute!important;
    top: 20px;
    left: 20px;
    }
.single-updates .header-wrapper .uncol.style-light .current-post-type  {
    font-family: kranto-text,sans-serif;
    font-size: 18px!important;
    padding: 5px 20px 5px 20px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    }
.single-challenges .header-wrapper .uncol.style-light .current-post-type {
    font-family: kranto-text,sans-serif;
    font-size: 18px!important;
    padding: 5px 20px 5px 20px;
    background-color: #F548F8;
    color: #fbf9d5!important;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    }
.headline-updates {
    width: 60%;
    }
.single-updates .headline-updates .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 150;
    text-transform: uppercase;
    color: #5121EF;
    background-color: #03FFBB;
    width: fit-content;
    padding: 10px 10px!important;
    }
.single-challenges .headline-updates .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 150;
    text-transform: uppercase;
    color: #fbf9d5;
    background-color: #F548F8;
    width: fit-content;
    padding: 10px 10px!important;
    }
.px-gutter > div > .tmb, .px-gutter > .owl-carousel .tmb {
    padding-right: 5px;
    }
}
@media (max-width: 959px){
.single-updates .header-wrapper .uncol.style-light, .single-challenges .header-wrapper .uncol.style-light {
    height: 100%;
    }
.current-post-type {
    position: absolute!important;
    top: 20px;
    left: 20px;
    }
.single-updates .header-wrapper .uncol.style-light .current-post-type  {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 12px!important;
    padding: 5px 10px 5px 10px;
    background-color: #03FFBB;
    color: #5121EF!important;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    }
.single-challenges .header-wrapper .uncol.style-light .current-post-type {
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    line-height: 12px!important;
    padding: 5px 10px 5px 10px;
    background-color: #F548F8;
    color: #fbf9d5!important;
    width: fit-content;
    font-weight: 600;
    text-transform: capitalize;
    }
.single-updates .headline-updates .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 150;
    font-size: 20px;
    text-transform: uppercase;
    color: #5121EF;
    background-color: #03FFBB;
    width: fit-content;
    padding: 5px 5px!important;
    }
.single-challenges .headline-updates .heading-text span {
    font-family: "cc-deadline-variable",sans-serif;
    font-variation-settings: 'wdth' 100, 'slnt' 150;
    font-size: 20px;
    text-transform: uppercase;
    color: #fbf9d5;
    background-color: #F548F8;
    width: fit-content;
    padding: 5px 5px!important;
    }
.px-gutter > div > .tmb, .px-gutter > .owl-carousel .tmb {
    padding-right: 5px;
    }
}

/* CTA */
@media (min-width: 960px){
.main-cta.row-container .row-parent {
    padding-top: 0px!important;
    }
.main-cta.row-container .col-no-gutter > .row-inner {
    max-height: 600px!important;
    }
.main-cta .col-lg-6{
    width: 40%;
    }
.main-cta .col-lg-3{
    width: 30%;
    padding-left: 100px!important;
    }
.main-cta-full .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 35%;
    background-position: center;
    }
.main-cta-left .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 50%;
    background-position: center;
    }
.main-cta-right .uncell {
    background-image: url(img/2023-TFF-Wolk.svg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 50%;
    background-position: center;
    }
.main-cta-left .btn-container , .main-cta-right .btn-container {
    position: absolute;
    bottom: 20px;
    }
.main-cta-full {
    background-color: #31A8FF;
    position: relative;
    }
.main-cta-full .uncode_text_column {
    width: 60%;
    font-weight: 500!important;
    }
.main-cta-full .uncode-single-media {
    position:  absolute;
    bottom: -20px;
    right:  -100px;
    width: 40%;
    }
.main-cta-foto.column-left .uncode_text_column {
    width: 55%;
    font-weight: 500!important;
    }
.main-cta-foto.column-right .uncode_text_column {
    margin-top: 10px!important;
    }
.main-cta-foto .uncode_text_column p {
    font-size: 18px;
    }
}
@media (max-width: 959px){
.main-cta.row-container .single-h-padding.row-parent {
    padding: 0px!important;
    }
.main-cta.row-container .col-no-gutter > .row-inner {
    max-height: 600px!important;
    }
.main-cta-full .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    background-size: 40%;
    background-position: center;
    }
.main-cta-left .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    background-size: 40%;
    background-position: center;
    }
.main-cta-right .uncell {
    background-image: url(img/2023-TFF-Wolk.svg);
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    background-size: 40%;
    background-position: center;
    }
.main-cta-full a.col-link, .main-cta-full .uncoltable, .main-cta-left a.col-link, .main-cta-left .uncoltable, .main-cta-right a.col-link, .main-cta-right .uncoltable {
    min-height: 250px!important;
    } 
.main-cta-left .btn-container , .main-cta-right .btn-container {
    position: absolute;
    bottom: 20px;
    }
.main-cta-full {
    padding: 0px 0px!important;
    background-color: #31A8FF;
    position: relative;
    }
.main-cta-full .uncode_text_column {
    width: 60%;
    font-weight: 500!important;
    }
.main-cta-full .uncode-single-media {
    position:  absolute;
    bottom: 0px;
    right:  -60px;
    width: 50%;
    }
.main-cta-foto .background-inner {
    background-position-x: 85%!important;
    }
.main-cta-foto .uncode_text_column {
    font-weight: 500!important;
    }
}
.main-cta-full:hover .uncell {
    background-size: 38%;
}


/* Contact */
.contact .background-inner {
    width: 20vw!important;
    bottom: -63%!important;
    left: 0%!important;
    background-size: contain!important;
}
.contact .uncode-vc-social:not(.icons-lead) .social-icon i {
    color: #03ffbb;
    font-size: 20px;
    margin-right: 10px;
}
.contact .uncode-vc-social:not(.icons-lead) .social-icon i:hover {
    color: #F548F8;
}
.mc4wp-form-fields p {  
    margin-top: 40px!important;
}
.mc4wp-form-fields select:not([multiple]) {
    background-image: url(img/tff-arrow-drop-down.svg);
    background-size: 10px;
    background-position-x: 98%;
}
.contact table, .contact tr, .contact td {
    padding: 0px!important;
    border: 0px!important;
}
.contact table {
    width: 100%!important;
}
.contact td {
    width: calc(50% - 7px)!important;
    }
.contact td:first-child { 
    padding-right: 14px!important;
    }
.contact .mc4wp-form-fields  input:not([type="radio"]), .contact .mc4wp-form-fields select:not([type="radio"]) {
    margin-top: 14px;
    padding: 10px 10px!important;
    font-family: kranto-text,sans-serif;
    font-size: 12px!important;
    font-weight: 500;
    color:#FDF7DD;
    width: 100%;
    background-color: transparent;
    }
.contact .mc4wp-form-fields label {
    display: block;
    }
.contact .mc4wp-form-fields p label p, .contact .mc4wp-form-fields p label span {
    color: #FBF9D5!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px!important;
    }
.contact .mc4wp-form-fields p label a {
    color: #f548f8!important;
    font-weight: 400;
    font-size: 16px;
    text-decoration: underline;
    }
.contact .mc4wp-form-fields input[type=radio] {
    border-radius: 0px;
    background: transparent;
    border-color: #FBF9D5;
}
.style-light input[type=radio]:checked:before, .style-dark .style-light input[type=radio]:checked:before {
    background-color: #03FFBB!important;
    border-radius: 0px;
    height: 100%;
    width: 100%;
    }
@media (min-width:960px){
.mc4wp-form-fields input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    border: 0px;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 8px 30px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px!important;
    line-height: 20px!important;
    text-transform: uppercase;
    color: #FBF9D5;
    font-weight: 500!important;
    width: fit-content;
    float: right;
    }
}
@media (max-width:959px){
.mc4wp-form-fields input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    border: 0px;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 8px 30px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px!important;
    line-height: 20px!important;
    text-transform: uppercase;
    color: #FBF9D5;
    font-weight: 500!important;
    width: fit-content;
    float: right;
    }
}
.mc4wp-form-fields input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit):hover {
    background-image: url(img/btn-background-green.svg);
    color: #5121EF!important;

    }
.mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
    color: #a7a59f;
}
.mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a7a59f;
    opacity: 1;
}
.mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a7a59f;
    opacity: 1;
}
.mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a7a59f;
}

/* Ninja forms */
.nf-form-content, .nf-cell {
    padding: 0px!important;
}
.nf-form-cont {
    margin-top: 10px;
}
.nf-before-form-content, .nf-before-field, .label-above .nf-field-label, .nf-form-title {
    display: none!important;
}
.nf-field-element p {
    font-size: 25px;
    font-weight: 500;
}
.nf-form-content textarea.ninja-forms-field,  .nf-form-cont .nf-form-content input {
    padding: 0px;
    border-radius: 0px!important;
    padding: 10px 10px;
    background-color: transparent!important;
    border: 1px solid #FDF7DD!important;
}
.nf-form-content input.ninja-forms-field {
    height: 37px!important;
}
.checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after {
    background: transparent!important;
    border-color: #c4c4c4!important;
    border-radius: 50px!important;
    border: 2px solid #f548f8!important;
    height: 25px!important;
    width: 25px!important;
}
.checkbox-wrap .nf-field-label label.nf-checked-label:before, .listcheckbox-wrap .nf-field-element label.nf-checked-label:before, .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
    font-weight: 400!important;
    color: #03ffbb!important;
    opacity: 1;
    transition: all .5s;
    font-size: 16px;
    line-height: 24px;
}
.checkbox-container.label-right label:after {
    left: -40px!important;
    top: 0;
}
.checkbox-container.label-right label {
    margin: 0 0 0 40px!important;    
    display: block;
}
.checkbox-container.label-right label:before {
    left: -36px!important;
    top: 0;
}
.checkbox-container.label-right .ninja-forms-req-symbol {
    display: none;
}
@media (min-width: 960px){
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    border: 0px!important;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat!important;
    background-size: 100%;
    padding: 11px 30px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px;
    line-height: 20px!important;
    text-transform: uppercase;
    color: #FDF7DD!important;
    width: fit-content;
    float: right;
    }
}
@media (max-width: 959px){
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    border: 0px!important;
    background-image: url(img/btn-background-pink.svg);
    background-repeat: no-repeat!important;
    background-size: 100%;
    padding: 11px 20px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 18px!important;
    line-height: 18px!important;
    text-transform: uppercase;
    color: #FDF7DD!important;
    width: fit-content;
    float: right;
    }
}
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit):hover {
    color: #5121EF!important;
    background-image: url(img/btn-background-green.svg);
    }
.nf-form-content  input[type="button"]:not(.btn-custom-typo):not(.btn-inherit){
    font-weight: 400!important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    color: #FDF7DD!important;
}
.nf-response-msg {
    color: #03ffbb !important;
    font-size: 12px;
}
.nf-error.field-wrap .nf-field-element:after {
    background: transparent!important;
    color: #E5302A!important;
    font-family: FontAwesome;
    font-size: 16px!important;
    content: "\f12a";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    height: 35px!important;
    width: 50px;
    line-height: 35px!important;
    text-align: center;
    transition: all .5s;
}
.nf-pass.field-wrap .nf-field-element:after {
    color: #03ffbb!important;
    font-family: FontAwesome;
    font-size: 16px!important;
    content: "\f058";
    position: absolute;
    top: 0;
    right: 19px!important;
    height: 35px!important;
    line-height: 35px!important;
    transition: all .5s;
}
.nf-error .nf-error-msg {
    color: #E5302A;
    font-size: 12px;
}
.nf-field-container .field-wrap .nf-element::placeholder {
    color: #a7a59f;
}
.nf-field-container .field-wrap .nf-element:-moz-placeholder { /* Firefox 18- */
   color: #a7a59f!important;
    vertical-align: bottom!important; 
}
.nf-field-container .field-wrap .nf-element::-moz-placeholder {  /* Firefox 19+ */
   color: #a7a59f!important;  
}
.nf-field-container .field-wrap .nf-element:-ms-input-placeholder {  
   color: #a7a59f!important;  
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    border: 1px solid #707070;
}

/* WhatsApp */
@media (min-width: 960px){
.joinchat__button__open {
    width: 100px;
    height: 100px;
    border-radius: 0px;
    background: url(img/2023-TFF-WhatsApp-green.png);
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    }
.joinchat__button {
    position: absolute;
    z-index: 2;
    bottom: 18px;
    right: 18px;
    max-width: 95vw;
    background: transparent!important;
    color: inherit;
    border-radius: opx;
    box-shadow: none;
    cursor: pointer;
    transition: none;
    }
}
@media (max-width: 959px){
.joinchat__button__open {
    width: 80px;
    height: 80px;
    border-radius: 0px;
    background: url(img/2023-TFF-WhatsApp-green.png);
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    }
.joinchat__button {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: 10px;
    max-width: 95vw;
    background: transparent!important;
    color: inherit;
    border-radius: opx;
    box-shadow: none;
    cursor: pointer;
    transition: none;
    }
}
.joinchat__button:hover {
    background: transparent!important;
}
.joinchat__button .joinchat__button__image {
    display: none;
}

/* Footer */
@media (min-width: 960px){
.footer-cta.row-container .row-parent {
    padding-top: 0px!important;
    }
.footer-cta.row-container .col-no-gutter > .row-inner {
    max-height: 600px!important;
    }
.footer .col-lg-6{
    width: 40%;
    }
.footer .col-lg-3{
    width: 30%;
    padding-left: 100px!important;
    }
.footer-cta-left .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 50%;
    background-position: center;
    }
.footer-cta-right .uncell {
    background-image: url(img/2023-TFF-Wolk.svg);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 50%;
    background-position: center;
    }
}
@media (max-width: 959px){
.footer-cta.row-container .single-h-padding.row-parent {
    padding: 0px!important;
    }
.footer-cta.row-container .col-no-gutter > .row-inner {
    max-height: 600px!important;
    }
.footer-cta-left .uncell {
    background-image: url(img/2023-TFF-Hashtag.svg);
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    background-size: 40%;
    background-position: center;
    }
.footer-cta-right .uncell {
    background-image: url(img/2023-TFF-Wolk.svg);
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    background-size: 40%;
    background-position: center;
    }
.footer .align_right .uncode_text_column{
    text-align: left;
    }
}
.footer-cta-left:hover .uncell, .footer-cta-right:hover .uncell {
    background-color: #31a8ff!important;
    background-size: 45%;
}
.footer-cta .heading-text {
    text-shadow: 4px 4px #000;
    text-transform: uppercase;
}
.footer p, .footer p a {
    font-family: kranto-text,sans-serif;
    color: #FBF9D5;
    font-size: 18px;
    font-weight: 500;
}
.footer p a:hover {
    color: #FBF9D5;
}
.footer .footer-body p {
    font-weight: 400;
}
.icon-box.icon-inline {
    padding-left: 0px!important;
}



/* Privacy Beleid */
table.cky-cookie-audit-table thead tr th {
    background: transparent!important;
    color: #FBF9D5!important;
}
table.cky-cookie-audit-table tbody, table.cky-cookie-audit-table tr {
    padding: 0px!important;
    width: auto!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table th {
    border: 1px solid #FBF9D5!important;
    padding: 10px!important;
    vertical-align: top;
    width: 33.3%!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table td p {
    background: transparent!important;
    color: #FBF9D5!important;
    font-weight: 400!important;
    display: revert!important;
    line-height: 1.4em;
    font-size: 14px!important;
}
.cky-cookie-audit-table { 
    margin: 10px auto!important;
    width: 100%!important;
}
a.cky-banner-element {
    border: 0px;
    width: auto!important;
    background-color: transparent;
    text-shadow: 2px 2px #000;
    background-image: url(img/arrow-pink-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 35%;
    background-size: 20px;
    padding: 5px 40px 5px 0px!important;
    font-family: "cc-deadline-variable",sans-serif!important;
    font-variation-settings: 'wdth' 100, 'slnt' 0;
    font-size: 20px!important;
    text-transform: uppercase;
    color: #F548F8!important;
    transition: 0.3s;
    float: right;
}
a.cky-banner-element:hover {
    background-position-x: 100%;
}

@media (max-width: 800px) {
table.cky-cookie-audit-table td, table.cky-cookie-audit-table th {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-all;  
    }
}

/* Cookie bar */
.cky-consent-container .cky-consent-bar {
    background-color: #352175!important;
    border: 0px!important;
}
.cky-title {
    font-family: kranto-text,sans-serif;
    color: #f548f8 !important;
    font-weight: 700!important;
}
.cky-notice-des p, .cky-notice-des p a {
    font-family: kranto-text,sans-serif;
    color: #FBF9D5!important;
}
.cky-btn-revisit-wrapper {
    background: #A1A5CA!important;
    width: 30px!important;
    height: 30px!important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
    height: 20px!important;
    width: 20px!important;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}
.cky-consent-container {
    z-index: 9999999999!important;
}
@media (min-width: 769px){
.cky-notice {
    max-width: 900px;
    margin: auto;
    }
.cky-notice-group { 
    display: block!important;
    align-items: right!important;
    }
.cky-notice-btn-wrapper {
    display: block;
    justify-content: right!important;
    align-items: right!important;
    margin-left: 0px;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #03ffbb!important;
    border: 0px;
    border-radius: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #5121EF!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    }
.cky-btn.cky-btn-customize {
    background-color: #f548f8!important;
    border: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #fff!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: #f548f8!important;
    border: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #fff!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    }
}
@media (max-width: 768px){
.cky-notice-btn-wrapper {
    display: block!important;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #03ffbb!important;
    border: 0px;
    border-radius: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #5121EF!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-customize {
    background-color: #f548f8!important;
    border: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #fff!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: #f548f8!important;
    border: 0px;
    padding: 9px 18px!important;
    font-family: kranto-text,sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: #fff!important;
    line-height: 1em!important;
    letter-spacing: 0px!important;
    transition: 0.3s;
    width: 100%!important;
    }
}
.cli_action_button:hover {
    opacity: 0.8;
}
.cli_settings_button:hover  {
    opacity: 0.8;
}