/*
Theme Name: 	Checkbilliard GmbH
Theme URI: 		https://www.checkbilliard.com
Author: 		Checkbilliard GmbH
Author URI: 	https://www.checkbilliard.com
Description:	Checkbilliard Child Theme
Template:		betheme
Version: 		1.08042019
*/

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



.float_left, .alignleft{
    float:left;
}

.float_right, .alignright{
    float:right;
}

.clearer{
    clear:both;
}

.display_none{
    display:none;
}

.display_block{
    display:block;
}

.fullWide{ width:100%;}
.halfWide{ width:50%;}
.oneThirdWide{ width:33%;}
.quarterWide{ width:23%; padding-left:1%; padding-right:1%;}


.blue_button{
    background:#324A5F;
    color:#fff;
    border:0px;
    height:35px;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    height:20px;
    margin-bottom:10px;
    font-size:14px;
    line-height:20px;
    vertical-align:middle;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition:border linear 0.2s,box-shadow linear 0.2s;
    -o-transition:border linear 0.2s,box-shadow linear 0.2s;
    transition:border linear 0.2s,box-shadow linear 0.2s;
    border:2px solid #dbe4ec;
    font-size:14px;
    padding:5px 15px;
    text-indent:1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.blue_button:hover{
    color:#5BCFCC;
}

#customer_details > .col-2{ display: none; }
#customer_details > .col-1{ width:100%; }
#billing_postcode_field{ float: none; }



.is-sticky#Top_bar .menu_wrapper{
    float: none !important;
}

.icon-basket{
    color:#fff;
}
#Top_bar a#header_cart{
    top:0
}
.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description){
    font-size: 15px;
    padding: 0 10px;
}

.top_login{visibility: hidden;}

/* -------------- from Robert ----------------- */

/* Top bar */
#Top_bar:not(.is-sticky) { border-bottom: 0px dotted rgba(91, 207, 204, .3); top: 0 !important; }
#Top_bar:not(.is-sticky) #logo { height: 150px !important; }
#Top_bar:not(.is-sticky) .menu > li > a span:not(.description) { padding: 0 10px !important; margin-top: -45px; }

/* Menu */
.header-transparent #Top_bar .menu > li > a::after { background: #a2ff00; top: 0; -webkit-transform: skewX(-200deg); -moz-transform: skewX(-200deg); -o-transform: skewX(-200deg); -ms-transform: skewX(-200deg); transform: skewX(-200deg); }

@media only screen and (min-width: 1240px) {
    #Top_bar:not(.is-sticky) .menu > li > a span:not(.description) { padding: 20px 40px 20px 20px; background: url(https://www.checkbilliard.com/wp-content/uploads/2015/03/home_sport_menu_sep.png) no-repeat right center; }
    #Top_bar:not(.is-sticky) .menu > li:last-child > a span:not(.description) { background: none; padding-right: 0; }
}

/* Responsive menu */
.header-transparent #Top_bar a.responsive-menu-toggle { top: 33px; }

/* Subheader */
#Subheader:after { display: none; }
body:not(.template-slider) #Header { min-height: 200px; }
#Subheader { padding: 0 0 130px; }
#Subheader .title { font-weight: bold; font-style: italic; }

@media only screen and (max-width: 767px) {
    body:not(.template-slider):not(.header-simple) #Header { min-height: 240px; }
    #Subheader .title { font-size: 20px; line-height: 20px; }


}

/* -- produkt table responsive layout -- */
@media only screen and (max-width: 750px) {

    .group_table td {
        display: block;
        width: 100%;
    }
    .group_table td .button {
        margin-top: 18px;
    }

}

/* -- Woocommerce Alerts -- */
.alert_warning{background:#ffe38b;color:#9b812e}
.alert_warning .alert_icon{background:#fbda72}
.alert_warning a,.alert_warning a:hover{color:#645012}

.alert_error{background:#fb5455;color:#fff}
.alert_error .alert_icon{background:#f24143}
.alert_error a,.alert_error a:hover{color:#9f2e2e}

.alert_info{background:#5bcfcc;color:#104a5e}
.alert_info .alert_icon{background:#20BFBA}
.alert_info a,.alert_info a:hover{color:#fff}

#pager{
    position: relative !important;
    top: auto !important;
}
.styled-table th{ cursor: pointer; }

.menu-arrow-top #Top_bar .menu > li > a:after {display:none;}