/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       RTKCLOUD
 Author URI:   http://rtkcloud.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  teamonite
*/

/** *** START TOP BAR #basel-top-bar *** */
div.header-spacing {
    margin-top: 0px !important;
}

.topbar-wrapp {
    width: 100%;
    height: 47px;
    font-size: 13px;
    letter-spacing: .3px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #afcc0c !important; /* 333300 #768c02  */
    margin-bottom: 4px;
}
.topbar-wrapp h1, .topbar-wrapp h2, .topbar-wrapp h3, .topbar-wrapp h4, .topbar-wrapp h5, .topbar-wrapp h6, .topbar-wrapp p {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
}

.top-bar-left h3 {
    font: 300 18px/1.666666666667em geomanist,Helvetica,Arial;
    font-size: 20px;
    font-style: italic;
}

.topbar-wrapp h4, .topbar-wrapp h5, .topbar-wrapp h6 {
    font-size: 12px;
}

.topbar-content {
    display: table;
    width: 100%;
}
.topbar-content:before {
    content: "";
    height: 42px;
    display: table-cell;
    vertical-align: middle;
}

.top-bar-left {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    line-height: 21px;
    text-align: center;
}

.top-bar-right {
    display: table-cell;
    vertical-align: top;
}

.topbar-menu2 {
    float: right;
}
.topbar-menu2 ul.menu {
    white-space: nowrap;
    text-align: center;
}
.topbar-menu2 ul li a .menu-label {
    display: none;
}
.topbar-menu2 ul li a i {
    margin-right: 5px;
}
.topbar-menu2 ul > li {
    font: 300 18px/1.666666666667em geomanist,Helvetica,Arial;
    position: relative;
    margin-left: -2px;
    display: inline-block;
    line-height: 42px;
}
.topbar-menu2 ul > li a {
    font: 200 16px/1.446666666667em geomanist,Helvetica,Arial;
    position: relative;
    text-transform: uppercase;
    padding: 6px 10px 5px 10px;
    border: 1px solid #D2FB0D;
    border-radius: 5px;
    background-color: #141606; /* 141606 404913 */
    color: #D2FB0D;
    width: auto;
    min-width: 140px;
}

.topbar-menu2 ul > li a:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    background-color: #919191;
    transition: width 0.2s ease;
}
.topbar-menu2 ul > li a:hover {
    text-decoration: none;
    border: 1px solid #fff;
    background-color: #D2FB0D;
    color: #404913;
}
.topbar-menu2 ul > li a:hover:after {
    width: 100%;
    left: 0;
}

@media only screen and (max-width: 680px) {
    div.top-bar-left {
        display: none;
    }
    .topbar-menu2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .topbar-content {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    div.top-bar-left {
        display: none;
    }
    .topbar-menu2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .topbar-content {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    .topbar-menu2 ul li a i {
        margin-right: 2px;
    }
    .topbar-menu2 ul > li {
        position: relative;
        margin-left: -2px;
        display: inline-block;
        line-height: 42px;
        padding:1px 1px;
    }
    .topbar-menu2 ul > li a {
        font: 200 10px/1.446666666667em geomanist,Helvetica,Arial;
        position: relative;
        text-transform: uppercase;
        padding: 4px 5px 2px 5px;
        background-color: #141606; /* 141606 404913 */
        border: 1px solid #D2FB0D;
        border-radius: 5px;
        color: #D2FB0D;
        width: auto;
        min-width: 130px;
    }
}
/** *** END TOP BAR #basel-top-bar *** */


/* ***** Rs issue ***** */
span.woocommerce-Price-currencySymbol {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding-right: 3px;
}


/* ********** DESIGNER TOOL CSS ********** */
.dtool iframe {
    /*border: 1px solid red;*/
    height:auto !important;
    display:block;
    width:100%;
}
#menu-outer {
    text-align: center;
    margin-bottom: 10px;
    /*height: 84px;*/
}
.table {
    display: table;   /* Allow the centering to work */
    margin: 0 auto;
}
ul#horizontal-list {
    min-width: 696px;
    list-style: none;
    padding-top: 20px;
}
ul#horizontal-list li {
    display: inline;
}
ul#horizontal-list li.border_right {
    border-right: 1px solid #eee;
    padding-right: 15px;
    margin-right: 10px;
}
ul#horizontal-list li a {
    text-decoration: underline;
}
.dtool-footer-container {
    text-align: center;
    margin-top: 0px;
}
.row-designer-tool {
    overflow: scroll;
    height: 750px;
    /*border: 1px solid red;*/
}


/* *** for form box in /tailor-made-orders/ *** */
.rtk .form_border_red {
    border-color: red;
}


/* *** multi image select in /tailor-made-orders/ *** */
ul.image_picker_selector li, ul.image_picker_selector li div.thumbnail {
    text-align: center;
}
ul.image_picker_selector li div.thumbnail img.image_picker_image {
    text-align: center;
    display: block; /*for the img inside your div */
    margin: 0 auto;
}


/* ****** PRINT QUOTATION BTN ****** */
.cart-collaterals .cart_totals .wc-proceed-to-checkout2 {
    text-align: center;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout2 > a.button {
    margin-top:10px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    font-size: 16px;
    background-color: #bbdc00;
    color: #ffffff;
    border-color: #bbdc00;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout2 > a.button:hover, .cart-collaterals .cart_totals .wc-proceed-to-checkout2 > a.button:focus {
    background-color: #afcc0c;
    border-color: #afcc0c;
    opacity: 0.8;
    color: #ffffff;
    text-decoration: none;
}
/* ****** END ****** */