/*!
Theme Name: The Tower Theme
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Farbweiss Media
Author URI: https://www.farbweiss.ch
Description: A child theme for the Kadence Theme.
Version: 1.0.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: tower-theme
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/** Header **/

/* Logo */

.twr-logo-icon 
{    
    background-color: transparent;
    border: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 5; 
}
.twr-logo-icon.active 
{
    opacity: 1; 
}
.twr-logo-icon svg 
{
      height: 6.05rem;
      width: 2rem; 
}
.twr-logo-icon-left
{
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; 
}
.twr-logo-icon:hover .twr-logo-icon-left 
{
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px); 
}

/*
.site-branding
{
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    display: inline-grid;
    display: -ms-inline-grid;
    display: -moz-inline-grid;
    position: absolute;
    left: 2.5rem;
    top: 2.5rem;
    width: 100%;
    max-width: 1.6rem;
    z-index: 5;
    }
.site-branding img
{
    width: 100%; 
}
*/

@media only screen and (max-height: 735px)
{
    .site-branding
    {
        height: 24%;
    }
}
@media only screen and (max-width: 540px)
{
    .site-branding
    {
        position: initial;
        left: inherit;
        top: inherit;
        width: inherit;
        max-width: fit-content;
    }
    .twr-logo-icon svg 
    {
        height: 5rem;
        width: 1.4rem; 
    }
}

/* Language Switcher */
.twr-header-language-switcher 
{    
    font-weight: 500;
}
.wpml-language-switcher-block .hasTextTransform 
{
    line-height: 1.2em;
}
.mobile-menu-container.drawer-menu-container img.wpml-ls-flag
{
    height: auto;
    width: 28px;
}
#mobile-secondary-site-navigation ul li a
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2em;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
nav#mobile-secondary-site-navigation 
{
    margin-right: 5px;
}

.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a
{
    text-decoration: none !important;
}
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a::after
{
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 50%;
    background: var(--global-palette-highlight);
    -webkit-transform: scale(0, 0) translate(-50%, 0);
    transform: scale(0, 0) translate(-50%, 0);
    transition: color .0s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out, -webkit-transform .2s ease-in-out;
}

.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a:hover::after
{    
    -webkit-transform: scale(1, 1) translate(50%, 0);
    transform: scale(1, 1) translate(50%, 0)
}

@media only screen and (max-width: 540px)
{
    .mobile-navigation .twr-header-language-switcher ul li
    {
        font-size: 17px;
    }
    
}

/* Menu stylings */

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:hover
{
    color: var(--global-palette-highlight);
}
.main-navigation .primary-menu-container > ul > li.menu-item > a::after
{
    content: '';
    width: calc(100% - 2.5em);
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 50%;
    background: var(--global-palette-highlight);
    -webkit-transform: scale(0, 0) translate(-50%, 0);
    transform: scale(0, 0) translate(-50%, 0);
    transition: color .0s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out, -webkit-transform .2s ease-in-out;
}
  
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after 
{    
    -webkit-transform: scale(1, 1) translate(50%, 0);
    transform: scale(1, 1) translate(50%, 0)
}

.mobile-navigation ul li.current-menu-item > a, 
.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap 
{
    color: var(--global-palette8) !important;
}

/** Intro Content **/
.tower-icon-intro-container img
{
    width: 4.5rem;
}

@media only screen and (max-width: 1280px) and (min-width: 1025px)
{
    .tower-icon-intro-container img
    {
        width: 3.5rem;
    }
    h2.homepage-ta-text1
    {
        font-size: 54px !important;
    }
    h2.homepage-ta-text2
    {
        font-size: 94px !important;
        line-height: 48px !important;
    }
    .services-intro-box
    {
        font-size: 20px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px)
{
    .homepage-ta-box .kt-inside-inner-col
    {
        background-color: rgba(255, 255, 255, 1) !important;
    }
}

/** Main Content **/
/*
@media only screen and (max-width: 1680px) and (min-width: 1025px)
{

    .homepage-intro-banner 
    {
        margin-right: 3rem;
        margin-left: 3rem;
    }
}
    */

.homepage-about-text a, 
.homepage-about-text em 
{
    text-decoration: none;
    color: var(--global-palette1);
    font-family: 'MonetaSansOblique';
    font-style: normal;
    font-weight: 900;
    line-height: 0;
    font-size: 1.1em;
}

/* List icon */
.single-content ul.dsgvo-text,
.single-content ul.services-text
{
    list-style: none;
    padding-left: 1em;
}

.single-content .dsgvo-text li,
.single-content .services-text li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0.7rem;
}

.single-content .dsgvo-text li:before,
.single-content .services-text li:before
{
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-image: url(img/bullet-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.6rem;
    height: 0.9rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0.9rem 0.9rem 0 0; 
}
.twr-services-accordion-wrapper
{ 
    margin-bottom: 40px;
}

.twr-services-accordion-wrapper .kt-accodion-icon-side-left .kt-blocks-accordion-icon-trigger
{
    margin-right: 15px;
}
.twr-services-accordion .kt-accordion-panel-inner 
{
    margin-top: -7px;
}

@media only screen and (max-width: 1024px)
{
    .single-content ul.services-text
    {
        padding-left: 0.5em;
    }
    
    .tower-icon-intro-container img
    {
        width: 2.5rem; 
    }
}

@media only screen and (max-width: 540px)
{
    .single-content .dsgvo-text li:before,
    .single-content .services-text li:before
    {
        margin: 0.39rem 0.78rem 0 0;
    }
    .single-content ul.services-text
    {
        padding-left: 0;
    }
    
    .tower-icon-intro-container img
    {
        width: 1.75rem;
    }
    .twr-services-accordion .kt-accordion-panel-inner 
    {
        margin-top: -5px;
    }
    .twr-services-accordion-wrapper
    { 
        margin-bottom: 15px;
    }
}

/** Pages : Title Header **/

@media only screen and (max-width: 1024px)
{
    .entry-hero.page-hero-section .entry-header 
    {
        margin-bottom: -40px;
    }
}


@media only screen and (min-width: 575px) and (max-width: 767px) 
{
    .services-intro-banner .kt-row-column-wrap.kt-has-2-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top,
    .services-intro-banner .kt-row-column-wrap.kt-has-2-columns.kt-row-layout-row.kt-tab-layout-row.kt-mobile-layout-row.kt-row-valign-top
    {
        max-width: 480px;
        min-height: 300px;
    }
    .services-intro-banner .kb-row-layout-wrap.wp-block-kadence-rowlayout
    {
        background: red !important;
    }
}


@media only screen and (max-width: 767px) 
{
    .entry-hero.page-hero-section .entry-header 
    {
        margin-bottom: -30px;
    }

    .services-intro-box .kt-inside-inner-col
    {
        background-color: rgba(255, 255, 255, 1) !important;
    }
}

/** Page : Team **/
.twr-team-names,
.twr-contact-address
{
    background-image: url("data:image/svg+xml,%3Csvg class='twr-team-ibg' xmlns='http://www.w3.org/2000/svg' width='115.46' height='306.176' viewBox='0 0 115.46 256.176'%3E%3Cg transform='translate(-1091.91 -431.824)'%3E%3Cpath class='team-ibg__path1' d='M0,13.061V202.608l47.478,21.156V-4.612Z' transform='translate(1091.91 464.235)' fill='%23eaebe7'/%3E%3Cpath class='team-ibg__path2' d='M0,0V228.373l47.531-21.156V17.673Z' transform='translate(1159.838 431.824)' fill='%23eaebe7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.twr-team-ibg 
{
    position: relative;
    pointer-events: none;
    width: 5.8rem;
    height: 15.3rem;
}

@media only screen and (max-width: 1024px) 
{
    .twr-team-section .twr-team-names,
    .twr-contact-section .twr-contact-address
    {
        background-image: url("data:image/svg+xml,%3Csvg class='twr-team-ibg' xmlns='http://www.w3.org/2000/svg' width='88.815' height='235.52' viewBox='0 0 115.46 256.176'%3E%3Cg transform='translate(-1091.91 -431.824)'%3E%3Cpath class='team-ibg__path1' d='M0,13.061V202.608l47.478,21.156V-4.612Z' transform='translate(1091.91 464.235)' fill='%23eaebe7'/%3E%3Cpath class='team-ibg__path2' d='M0,0V228.373l47.531-21.156V17.673Z' transform='translate(1159.838 431.824)' fill='%23eaebe7'/%3E%3C/g%3E%3C/svg%3E");    
    }

    .twr-team-section .twr-team-ibg,
    .twr-contact-section .twr-team-ibg 
    {
        width: 4.64rem;
        height: auto;
    }
}

@media only screen and (max-width: 540px) 
{
    .twr-team-section .twr-team-names,
    .twr-contact-section .twr-contact-address
    {
        background-image: url("data:image/svg+xml,%3Csvg class='twr-team-ibg' xmlns='http://www.w3.org/2000/svg' width='65.977' height='174.957' viewBox='0 0 115.46 256.176'%3E%3Cg transform='translate(-1091.91 -431.824)'%3E%3Cpath class='team-ibg__path1' d='M0,13.061V202.608l47.478,21.156V-4.612Z' transform='translate(1091.91 464.235)' fill='%23eaebe7'/%3E%3Cpath class='team-ibg__path2' d='M0,0V228.373l47.531-21.156V17.673Z' transform='translate(1159.838 431.824)' fill='%23eaebe7'/%3E%3C/g%3E%3C/svg%3E");            
    }

    .twr-team-section .twr-team-ibg,
    .twr-contact-section .twr-team-ibg  
    {
        width: 3.8rem;
    }
    .twr-team-section .twr-team-texting .kt-svg-icon-list-single
    {
        font-size: 27px !important;
    }
    .twr-image-modal .kt-blocks-modal-link
    {
        margin: 10px 0 -5px 0 !important;
    }
}

/** Page : About us **/
@media only screen and (max-width: 540px)
{
    .cta-ueber-uns-icon span.kb-svg-icon-wrap.kb-svg-icon-fas_comments.kt-svg-icon-list-single,
    .cta-ueber-uns-icon span.kb-svg-icon-wrap.kb-svg-icon-fas_hands-helping.kt-svg-icon-list-single
    {
        font-size: 24px !important;
    }
    .cta-ueber-uns-icon span.kb-svg-icon-wrap.kb-svg-icon-ic_document.kt-svg-icon-list-single
    {
        font-size: 22px !important;
    }
}

/** Page : Contact **/

@media only screen and (min-width: 1025px) and (max-width: 1462px) 
{
    p.kontakt-heading-top 
    {
        margin-bottom: 1.5rem !important;
    }
}
@media only screen and (max-width: 1024px) 
{
    p.kontakt-heading-top 
    {
        margin-bottom: 1rem !important;
    }
}

/** Contact Form **/

.single-content form 
{
    margin-bottom: 0;
}
    .twr-contact-form.fluentform a 
{
    color: #FFF;
}
.twr-contact-form.fluentform .ff-el-form-check 
{
    font-size: .75em;
    color: #FFF;
    font-weight: 300;
    line-height: 1.25em;
} 
.twr-contact-form.fluentform .ff-el-form-check .ff_t_c 
{
    padding-left: 10px;
}
.twr-contact-form.fluentform .ff-btn-submit:not(.ff_btn_no_style)
{
    background: #FFF;
}

.twr-contact-form.fluentform select.ff-el-form-control:not([size]):not([multiple]) 
{
    height: 52px;
}
.twr-contact-form.fluentform select#ff_1_dropdown 
{
    line-height: normal;
}
.twr-contact-form.fluentform .step-nav.ff_step_nav_last {
    margin-top: -5px;
}
.twr-contact-form.fluentform .ff-btn-secondary:not(.ff_btn_no_style) 
{
    background-color: #FFF;
    border-radius: 1px;
    border-width: 1px;
    border-color: var(--global-palette3);
    border-color: #606266;
    color: var(--global-palette1) !important;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: -2px;
}
.twr-contact-form.fluentform .ff-btn-secondary:not(.ff_btn_no_style):focus,
.twr-contact-form.fluentform .ff-btn-secondary:not(.ff_btn_no_style):hover 
{
    background-color: #FFF;
    color: var(--global-palette3) !important;
}
.twr-contact-form.fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style) 
{
    color: var(--global-palette1) !important;
    border-width: 1px;
    border-color: var(--global-palette3);
}
.twr-contact-form.fluentform .ff-el-group.ff_submit_btn_wrapper 
{
    text-align: right;
    margin-top: 5px;
}
.twr-contact-form.fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style):focus,
.twr-contact-form.fluentform .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style):hover
{
    color: var(--global-palette3) !important;
}
.twr-contact-form.fluentform .ff-default .ff_btn_style:focus,
.twr-contact-form.fluentform .ff-default .ff_btn_style:hover
{
    opacity: 0.95 !important;
}
.twr-contact-form.fluentform .ff-el-is-error .ff-el-form-check-label, 
.twr-contact-form.fluentform .ff-el-is-error .ff-el-form-check-label a 
{
    color: inherit;
}

div#fluentform_1_success,
.fluentform_wrapper_3.ffs_custom_wrap .ff-message-success
{
    background: #fff;
    margin-bottom: 30px;
    font-size: .85em;
}

div#fluentform_1_success a,
div#fluentform_3_success a 
{
    color: inherit;
}

div#fluentform_1_success a:hover,
div#fluentform_3_success a:hover
{
    color: var(--global-palette-highlight);
}

@media only screen and (max-width: 1400px) and (min-width: 768px)
{
    .twr-contact-section > .kt-row-column-wrap 
    {
        padding-top: 0px !important;
        padding-bottom: var(--global-kb-spacing-md, 2rem) !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media only screen and (min-width: 768px)
{
    .twr-contact-form.fluentform .frm-fluent-form .ff-t-container 
    {
        gap: 25px;
    }
}
@media only screen and (max-width: 540px)
{
    .twr-contact-form.fluentform .ff-el-input--label label,
    .twr-contact-form.fluentform .ff-el-input--content input, 
    .twr-contact-form.fluentform .ff-el-input--content .ff-el-form-control.ff_stripe_card_element, 
    .twr-contact-form.fluentform .ff-el-input--content textarea, 
    .twr-contact-form.fluentform .ff-el-input--content select, 
    .twr-contact-form.fluentform .choices__list--single, 
    .twr-contact-form.fluentform .choices[data-type*='select-multiple']
    {
        font-size: 17px !important;
    }

    .twr-contact-form.fluentform .ff-el-input--content .error, 
    .twr-contact-form.fluentform .error-text
    {
        font-size: 16px !important;
    }
    .twr-contact-form.fluentform .ff-step-t-container
    {
        gap: 20px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

}


/** Footer **/

.ajax_inner.active 
{
    position: absolute;
    
    display: flex;
    align-items: flex-end;        
    align-content: flex-end;
    margin-left: 50%;
}
.about-bg 
{
    position: absolute;
    bottom: 0;
    width: 51rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
  
    path {
      position: relative;
      transition: 1s;
    }
  
    &.mobile 
    {
      display: none;
    }
  
    &.keyframes 
    {
      path 
      {
        //animation: about-bg__path 1s forwards;
      }
    }
  }

footer#colophon .inner-link-style-normal a:not(.button), 
footer#colophon .widget-area.inner-link-style-normal a:not(.button)
{
    text-decoration: none;
    font-weight: 400;
}


@media only screen and (max-width: 540px)
{
    footer#colophon .footer-navigation .footer-menu-container > ul li a
    {
        padding-left: calc(0.5em / 2);
        padding-right: calc(0.5em / 2);
        padding-top: calc(0.5em / 2);
        padding-bottom: calc(0.5em / 2);
        font-size: 17px;
    }
    footer#colophon .footer-html
    {
        /* font-size: 17px; */
    }
}