/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/





/* -----------------  LAYOUT LARS ----------------- */


#site-header.wpex-full-width .container {
    width: 100% !important;
    max-width: none !important;
    background: #000 url('https://larsforster.ch/wp-content/uploads/2018/05/ch-kreuz-background.png') top center repeat scroll;
}




.separator-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 5;
    padding-bottom: 40px !important;
}




/* -----------------  TIMELINE ----------------- */

.wpex.horizontal-timeline .horizontal-nav li.ex_s_lick-current a:before {
    font-size: 17px;
    background-color: #000 !important;
    border-color: #000 !important;
}

.wpex.horizontal-timeline .horizontal-content .ex_s_lick-prev {

        left: -40px !important;
}

.wpex.horizontal-timeline .horizontal-content .ex_s_lick-next {

        right: 40px !important;
}

.wpex .wptl-excerpt {
    display: none !important;

}

.wpex h2, .wpex h2 a, .wpex .timeline-details h2, .wpex .timeline-details h2 {
    font-size: 20px;
    font-weight: normal;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.wpex.horizontal-timeline .wpex-timeline-label h2 a:hover {
    text-decoration: none !important;
    box-shadow: none;
    color: #101010;
    cursor: none !important;
}

/* -----------------  LAYOUT ----------------- */

body.content-full-screen .post-edit {
    text-align: center;
    display: none !important;
}

.wpb_single_image img {
    height: auto;
    max-width: 70% !important;
    vertical-align: top;
}

#sb_instagram .sbi_follow_btn a {
    background: #517fa4;
    color: #dd3333 !important;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {

    color: #dd3333 !important;
  
}

/* -----------------  SPONSOREN ----------------- */

img.grayscale:hover {

     -webkit-filter: grayscale(0%) !important; /* For Webkit browsers */
  -webkit-transition: .5s ease-in-out !important; /* For Webkit browsers */
  -moz-filter: grayscale(0%) !important; /* For Firefox */
  -moz-transition: .5s ease-in-out !important; /* For FireFox */
  -o-filter: grayscale(0%) !important;
  -o-transition: .5s ease-in-out !important;
}

img.grayscale {

     -webkit-filter: grayscale(100%) !important; /* For Webkit browsers */
  -webkit-transition: .5s ease-in-out !important; /* For Webkit browsers */
  -moz-filter: grayscale(100%) !important; /* For Firefox */
  -moz-transition: .5s ease-in-out !important; /* For FireFox */
  -o-filter: grayscale(100%) !important;
  -o-transition: .5s ease-in-out !important;
}




/* -----------------  FONTS ----------------- */



p {
    margin: 0 0 20px;
    font-size: 14px !important;
}

h2 {
    font-size: 1.5em !important;
    font-weight: 500 !important;
    color: #D11508 !important;
}


.schwarz h3 {
	color: #F4FD50 !important;
	margin: 30px 0 0px !important;
}


.schwarz h2 {
	color: #F4FD50 !important;
	   margin: 0px 0 20px !important;
}

.weiss h3 {

margin: 30px 0 0px !important;
}

.weiss h2 {
	   margin: 0px 0 20px !important;
}

.weiss p {

	color: #ffffff !important;
}


.wpb_wrapper a:hover {
   background-color: transparent !important;
   text-decoration: underline !important;
}

a {
   background-color: transparent !important;

}

td a:hover {
   background-color: transparent !important;
   text-decoration: underline !important;
}





/* -----------------  HEADER ----------------- */

#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: #F4FD50 !important;
}


.page-header {

    display: none !important;
}

#site-header-inner {
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 100%;
}



/* -----------------  NAVIGATION LARS ----------------- */

#site-logo {
    display: table;
    margin-top: 10px !important;
}

.navbar-style-three .dropdown-menu>li>a {

    color: #D11508 !important;

}

.navbar-style-three .dropdown-menu>li>a:hover {

color: #ffffff !important;
}


.navbar-style-three {
    background: #000 !important;
    border-bottom: 1px solid #D11508 !important;
    border-top: 0px solid #D11508 !important;
    position: relative;
}

.sf-menu li {
    position: relative;
    white-space: nowrap;
    text-transform: uppercase !important;
}

.menu-item a img {

    margin-top: -5px !important;
}

/* -----------------  NAVIGATION ----------------- */


#site-navigation .dropdown-menu>.current-menu-item>a {
    color: #ffffff !important;
    
}

.navbar-style-one .dropdown-menu>li>a>span.link-inner {
 
    font-size: 16px !important;
}


.navbar-style-one .dropdown-menu>li>a:hover {
 
     color: #000000 !important;
    text-decoration: underline !important;
}

.navbar-style-one .dropdown-menu>li>a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 15px !important;
    color: #222 !important;
    font-size: 14px !important;
}


/* -----------------  MOBILE NAVIGATION ----------------- */

#mobile-menu a {
    display: block;
    float: left;
    color: #D11508 !important;
    font-size: 22px !important;
    height: 40px;
    width: 20px !important;
    line-height: 40px;
    border: 0px solid #eee !important;
    text-align: center;
    margin-left: 10px;
    background: transparent !important;
    border-radius: 3px;
    transition: 0.15s all ease;
    margin-right: 20px !important;
}

.sidr-class-dropdown-toggle {

    color: #ffffff !important;

}

#sidr-main {

    background: #CA2122 !important;

}

.sidr a {
    color: #fff !important;
    font-size: 16px !important;
}

/* -----------------  BODY----------------- */

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0px !important;
}




/* -----------------  SIDEBAR ----------------- */




/* -----------------  FOOTER LARS ----------------- */


#footer-bottom a {
    color: #D11508 !important;
}



#footer-bottom a:hover {
    color: #D11508 !important;

border-bottom: 1px solid #D11508 !important;
    padding-bottom: 1px !important;

}




/* -----------------  FOOTER ----------------- */

#footer {
    background-color: #ffffff;
    display: none !important;
}


.footer-widget .widget-title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.077em;
    color: #CA2122 !important;
    font-weight: 600;
    line-height: 1.5;
}

#site-scroll-top {

    right: 0px !important;
    border-radius: 0% !important;
	  bottom: 0px !important;
        background: #D11508 !important;
    border: 0px solid #fff !important;
        color: #fff !important;

}


.fa-chevron-up:before {
    content: "\f077";
    font-size: 10px !important;
}




/* -----------------  BLOG ----------------- */



/* -----------------  PORTFOLIO ----------------- */





/* -----------------  ACCORDION ----------------- */

.vc_toggle_default .vc_toggle_title {
    display: block;
    display: block;
    padding: 10px 12px 10px 32px !important;
    border: 1px solid #e4e4e4;
    outline: 0;
    margin: 0;
    cursor: pointer;
    background-color: transparent !important;
}

.vc_toggle_title {
   
    margin-left: 39%;
}




/* -----------------  Responsives Video Frame ----------------- */



.videoframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* -----------------  CONTACT FORM ----------------- */






/* -----------------  RESULTATE MEDAILLIEN ZÄHLER ----------------- */


.stats-block .stats-number {
    font-size: 26px;
    line-height: 1.3em;
    font-weight: 500;
    display: none !important;
}



/* -----------------  TABLES ----------------- */

.tablepress td, .tablepress th {

    font-size: 14px !important;
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: 0px solid #ededed !important;
}

.tablepress td, .tablepress th {
    padding: 2px 0px 0px 0px !important;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important;
}

td.column-1 {

    width: 140px !important;
}




/* -----------------  OTHERS ----------------- */


.wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #000 !important;
	text-decoration: none !important;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a:hover {
    color: #000 !important;
	text-decoration: none !important;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #000 !important;
}
.wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #f9f9f9 !important;
}



/*------------------------------------*\     
SPECIFIC SCREENSIZE
\*------------------------------------*/



@media screen and (max-width: 2560px) {


}


@media screen and (max-width: 1920px) {


}

@media screen and (max-width: 1910px) {


}

@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1600px) {


}

@media screen and (max-width: 1440px) {


}

@media screen and (max-width: 1366px) {


}

@media screen and (max-width: 1280px) {


}


/*------------------------------------*\     
MOBILE
\*------------------------------------*/

/*Ipad Landscape*/

@media screen and (max-width: 1024px) {



}

@media screen and (max-width: 1000px) {



}



@media screen and (max-width: 885px) {

}


/*Ipad X Landscape*/


@media screen and (max-width: 812px) {




}


/*Ipad Portrait*/


@media screen and (max-width: 768px) {

    .vc_toggle_title {
    margin-left: 32% !important;
}

img.sidr-class-menu-image.sidr-class-menu-image-title-hide {
    display: none !important;
}

img.sidr-class-hovered-image.sidr-class-menu-image-title-hide {
    display: none !important;
}

.sidr-class-toggle-sidr-close:before {

    font-size: 20px !important;
}

}



/*Iphone 6/7 Plus Landscape*/



@media screen and (max-width: 736px) {

div.vc_row.wpb_row.vc_row-fluid.footerneu {

    margin-top: 40px !important;

}

}



@media screen and (max-width: 714px) {



}


/*Iphone 6/7  Landscape*/


@media screen and (max-width: 667px) {



}

/*Galaxy S5*/

@media screen and (max-width: 640px) {


}




/*Iphone 5 Landscape*/


@media screen and (max-width: 568px) {



}

/*Iphone 4 Landscape*/

@media screen and (max-width: 480px) {



}

/*Nexus 6P*/

@media screen and (max-width: 435px) {



}




/*Iphone 6/7 Plus Portrait*/

@media screen and (max-width: 414px) {

.ult-vc-seperator.top_seperator {
    top: -1px;
    bottom: auto;
    display: none !important;
}

.wpex.horizontal-timeline .horizontal-content:hover .ex_s_lick-prev, .wpex.horizontal-timeline .horizontal-content:hover .ex_s_lick-next {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    margin-top: 20px !important;
}

.wpex.horizontal-timeline .horizontal-content .ex_s_lick-next {
    right: -10px !important;
}

}


/*Nexus 5X*/

@media screen and (max-width: 411px) {



}



/*Iphone 6/7 Portrait*/

@media screen and (max-width: 375px) {

.vc_toggle_title {
    margin-left: 39% !important;
}

}


/*Galaxy S5*/

@media screen and (max-width: 375px) {



}




/*Iphone 4/5 Portrait*/



@media screen and (max-width: 320px) {



}

@media screen and (max-width: 240px) {

	

}
	


/*
ZWISCHEN ZWEI GROESSEN:
*/


@media screen and (min-width: 737px) and (max-width: 2560px) {
 
.mobile {

  display: none !important;
}




}


@media screen and (min-width: 200px) and (max-width: 736px) {
 
.desktop {

  display: none !important;
}




}