/*
Theme Name: Bi-Shop Child
Theme URI: http://live.yithemes.com/bishop-preview/
Version: 1.2.3
Author: Your Inspiration Themes
Author URI: http://yithemes.com/
Description: Ecommerce Wordpress Theme
Text Domain: yit
Core Framework Version: 2.0.0
Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Copyright: (c) 2012-2014 Your Inspiration Themes
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
template: bishop
*/


@import url("MyFontsWebfontsKit.css");

/* If you need to edit Bi-Shop folder name, pay attention to change the name even in woocommerce/style.css file */
@import url("../bishop/style.css");

/* Below you can write your style */

#header-container .container {
    max-width:1104px;
    margin:0 auto;
}

#nav {
    margin-top:70px;
}

#nav.nav ul > li:nth-of-type(4) {
    margin-right:50px;
}

#nav.nav ul > li a,
.mini-cart-label {
    color:#e9e9e9;
    padding:0 5px;
}

/* color of subitems in smallest responsive view */

@media screen and (max-width:767px) {  #header .nav li .submenu ul li, #header .nav li .submenu ul li a { color:#fff !important; } }


@media screen and (max-width:900px) {
    .mini-cart-label { display:none; }
}

#nav.nav ul > li a {
    line-height:30px;
}

#nav.nav ul > li div {
    padding-top: 12px;
    display: none;
    position: absolute;
    left: 18px;
    z-index: 250;
    top: 40px;
}

#nav.nav ul > .current-menu-item {
    background:#fde300;
}
#nav.nav ul > .current-menu-item a {
    color:#222;
}


#header-sidebar {
    margin-top:52px;
    margin-bottom:-52px;
    margin-right:58px;
}

@media screen and (max-width:1199px) {
#header-sidebar {
  margin-right:0;
}
}

.mini-cart-label {
    text-transform:uppercase;
}

.woocommerce #header-sidebar .yit_cart_widget .cart-items,
#header-sidebar .yit_cart_widget .cart-items {
    width: 41px;
    height: 41px;
    display: block;
    position: relative;
    margin-left: 0px;
    
    background-size:100% !important;
}

.woocommerce #header-sidebar .yit-mini-cart-icon,
#header-sidebar .yit-mini-cart-icon {
    position: absolute;
    border: 2px solid #fbe200;
    width: 23px;
    height: 23px;
    top: -8%;
    left: 35px;
    background: #fbe200;
}

@media screen and (max-width:767px) {
    #header-sidebar {
        margin-top:0;
        margin-bottom:0;
    }
    
    #header #header-sidebar .yit_cart_widget .cart-items, #header-sidebar .yit_cart_widget .cart-items {
        width: 34px;
        height: 34px;
        margin:5px auto 0 auto;
        background: no-repeat url('images/cart-icon.png') top center !important;
        background-size:100% !important;
    }

}

/* yellow: #fbe200 */


/* Page Titles/Subtitles */

.vs-page-title {
    max-width:650px;
    margin:0 auto;
    
}

.vs-page-title h1 {
    margin-bottom:0;

    font:3.3em/1.2 "ChinoITCPro-Medium";
    color:#fbe200;
    
    text-transform:uppercase;
    text-align:center;
}

.vs-page-title h2 {
    margin-top:.2em;
    font:1.4em/1.2 "ChinoITCPro-Light";
    color:#fff;
    
    text-transform:uppercase;
    text-align:center;
}


.pg-arr-down {
    width:100%;
    height:76px;
    background:url(images/pg-arr-down.png) no-repeat center;
    background-size:100px;
}

/* Homepage teasers */



.hp-teaser {
    max-width: 95%;
    margin:0 auto 0 auto;
}

.hp-teaser-img {
    max-width: 100%;
    margin:0 auto;
    float:none;
}



.hp-teaser-text {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    float:left;
}

.p-right .hp-teaser-text {
    margin-left: 0px;
    margin-right:20px;
}


.hp-teaser-text h2 {
    margin-top:10px;
    font: 1.7em/1.2 "ChinoITCPro-Medium";
    text-transform:uppercase; 
    color:#fbe200;
    text-align:center;
}

.hp-ttext {
   
}

.hp-ttext p {
    font:1.1em/1.2 "ChinoITCPro-Medium";
    color:#e9e9e9;
    text-align:center;
}

.diviscreens {
   
}

.divi-img { 
    float:right;
    width: 75%;
}


.diviscreens h2 {
    color: #edd535;
    width: 50%;
    margin: 0;
    
    font: 2.2em/1.4 "ChinoITCPro-Medium";
}

div.divi-text {
    width: 55%;
    
    float: left;
    margin-right: -30%;
}
.diviscreens h3 {
    font: 1.2em/1.4 "ChinoITCPro-Light";
}

.diviscreens p {
    color: #f9f9f9;
    font: 1.2em/1.4 "ChinoITCPro-Light";
    
    max-width: 85%;
}

.diviscreens .more-link {
    font:1.2em/1.4 "ChinoITCPro-Medium";
    color:#edd721;
    margin-top: 2em;
}

div.divi-linkbox {
    background: url(images/cart-icon.png) no-repeat 100% 50%;
    background-size: 30px;
    
    clear:both;
    width: 280px;
    margin: 0 25% 0 auto;
}

@media screen and (max-width:767px) {
    div.divi-linkbox {
        margin:0 5% 0 auto;
    }
}

div.divi-linkbox p {
    background: #edd721;
    max-width: 235px;
    padding: 5px 10px;
    color: #000;
    /* margin: 0 10% 0 auto; */
}

@media screen and (min-width:990px) {
    
    .hp-teaser {
        max-width:775px;
    }
    
    .hp-teaser-img {
        max-width: 525px;
        float:left;
        margin:0 0;
    }
    
    .p-right .hp-teaser-img {
        float:right;
    }
    
    .hp-teaser-text {
        width:auto;
        margin-left: 20px;
        float:left;
    }

    .p-right .hp-teaser-text {
        margin-left: 0px;
        margin-right:20px;
    }
    
    .hp-ttext p {
        text-align:left;
    }
    
    
    
    .diviscreens h2 {
        margin: 0;
        padding-top:25px;
    }
    
}

/* Slider arrows */

.page .tp-leftarrow.default,
.page .tp-rightarrow.default { 
    z-index:100;cursor:pointer; 
    position:relative; 
    top:50% !important;
    width:68px !important; 
    height:109px !important;
    border:0px solid #000;
    border-radius:0px;
    
    
    background-size:100%;
}

.page .tp-rightarrow.default{ 
    background: url(images/revsl-right-arr.png) no-repeat top left !important;   
}

.page .tp-leftarrow.default{ 
    background: url(images/revsl-left-arr.png) no-repeat top left !important;
       
}


@media screen and (max-width:900px) {
    .page .tp-rightarrow.default,
    .page .tp-leftarrow.default { 
        background-size:55% !important;
        background-position:center !important;   
    }
}


.page .tp-leftarrow:hover,
.page .tp-rightarrow:hover{background-position:bottom left; }

.page .tp-rightarrow.default:before,
.page .tp-leftarrow.default:before{
 content:"" !important;
}


#primary .tp-rightarrow.default, 
#primary .tp-leftarrow.default {
    position: relative;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    margin-top: 0px;
    float: left;
    border:0px solid #000 !important;
    z-index: 100;
    cursor: pointer;
}

#primary .tp-rightarrow.default {
    background: url(images/revsl-right-arr.png) no-repeat top left !important;
}

#primary .tp-leftarrow.default {
    background: url(images/revsl-left-arr.png) no-repeat top left !important;
}

/* GMaps */

.google-maps {
    position: relative;
    margin-top:25px;
    padding-bottom: 25%;
    height: 0;
    overflow: hidden;
    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left:1%;
    width: 98% !important;
    height: 100% !important;
}

.clear { clear:both; }

/* Footer */

#footer {
    margin-top:6em;
    margin-bottom:3em;
}

#footer-sep {
    border-top:20px solid #edd722;
}

#footer-sep p {
    max-width:75px;
    position: relative;
    margin: 0 auto 0 auto;
    
    text-align:center;
    background: #000;
    height: 65px;
    top: -65px;
}

#footer-sep a {
    display: block;
    width: 100%;
    height: 100%;
}

#footer-sep img {
    margin:0 auto 0 auto;
}

#footer-wrapper {
    max-width:750px;
    margin:0 auto;
    text-align: center;      
}

#footer-logo {
    display:block;
    width:75px;
    margin:0 auto;
}


#footer .info-row {
    margin-top:30px;
}
#footer .link-row {
    max-width:650px;
    margin:10px auto 0 auto;
}

#footer .impressum-row a {
    color: #edd722;
}


#footer ul {
    padding-left:0; 
    margin:0;
    
    list-style-type:none;
    
}

#footer li {
    display:inline-block;
    
    font-family: "ChinoITCPro-Medium";
    font-weight:300;
    font-size:1em;
    
}

.info-row li {
    margin-right:10px;
}

#footer ul li {
    display:inline-block;    
}

#footer a:hover {
    color:#edd722;
}

#footer a,
#footer li,
#footer li a {    
    color:#e9e9e9;
    
    text-transform:uppercase;
}

.impressum-row {
    margin-top:2em;
}

/* overlay, force white background */

div.pp_overlay {
    background:#eee !important; 
}

.tp-bullets {
    display:none !important;
}


#order-upload-overlay {
    display:none;
    position: fixed;
    width: 100%;
    min-height: 100%;
    
    background: rgba(0,0,0,.85);
    z-index: 55555;
}


#order-upload-overlay .upload-overlay-wrapper {
    position:relative;
    max-width: 400px;
    margin: -35% auto;
    padding: 2em 2em;

    color: #333;
    background: #f9f9f9;
    text-align: center;

    border-radius: 8px;
    
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}

#order-upload-overlay.active .upload-overlay-wrapper {
    margin:15% auto;
    
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}

#close-upload-overlay {
    position:absolute;
    top:-15px;
    right:-15px;
    
    background:#f9f9f9;
    color:#333;
    font-size:1.3em;
    font-weight:bold;
    
    width:30px;
    height:30px;
    border-radius:50px;
    border-color:#999;
    
    cursor:pointer;
}

.overlay-info-success,
.overlay-info-error {
    display:none;
    font-weight:bold;
}