/* 
 Theme Name:   spidamodels
 Theme URI:    http://spidamodels.cz
 Description:  Spidamodels
 Author:       mYmon
 Author URI:   mYmon.name
 Template:     mercor
 Version:      1.0.0
 Text Domain:  spida
*/

.infotext {
    background: #b7a85d;
}
.infotext h2 {
    box-shadow: 0px 0px 0px 5px #b7a85d;
}
.homeRacent h2 span, .advertise h2 span {
    box-shadow: 0px 0px 0px 2px #b7a85d;
}


body { font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.65em;
	letter-spacing: normal;
}
h1,h2,h3,h4,h5,h6 { font-family: Yanone Kaffeesatz  !important; font-weight: normal; line-height: 110%; }

.header-page { height: 100px; background-color: #ccc28f; }
.header-shop { height: 100px; background-color: #fbf7d4; }
.header-page h1 { color: white; font-size: 34px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0); margin: 24px 0 -5px; }
.header-shop h1 { color: black; font-size: 34px; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0); margin: 24px 0 -5px; }
.header-page .subheader { font-size: 14px; color: white; }
.header-page .subheader a {text-decoration: none; color: white; }
.header-shop .subheader { font-size: 14px; color: black; }
.header-shop .subheader a {text-decoration: none; color: black; }

.link-fb { font-size: 22px; line-height: 22px; color: #3b5998; }
.link-yt { font-size: 22px; line-height: 22px; color: #e31010; }
.link-email { font-size: 22px; line-height: 22px; color: #2f4f4f; }

.model-div { text-align: center; min-height: 150px; padding: 10px; border-width: 0px; }
.model-div-inner { text-align: center; padding: 10px; 
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;
  border: 1px solid #eeeeee;}
.model-header { font-weight: bold; display: table; height: 50px; width: 100%; }
.model-header-inner { display:table-cell; vertical-align:middle; text-align:center; }
.model-image { display: block; height: 200px; /*overflow: hidden;*/ width: 100%; position: relative; }
.model-image img { height: 100%; width: 100%; object-fit: contain;}
.model-description { height: 35px; overflow: hidden; }
.model-description a { color: #ccc28f; text-decoration: none; }
.model-gallery { position: absolute; bottom: -5px; right: 10px; padding: 2px 5px; border: 1px solid #dddddd; background-color: #ffffff; font-weight: bold; 
    -webkit-box-shadow: 5px 5px 10px 0px #dddddd;
    -moz-box-shadow: 5px 5px 10px 0px #dddddd;
    box-shadow: 5px 5px 10px 0px #dddddd;
}
.model-gallery a { color: grey; }
.model-link { height: 45px; line-height: 55px; }
.model-link a { font-weight: bold; color: #ccc28f; text-decoration: none; }

.video-div { text-align: center; min-height: 150px; padding: 10px; border-width: 0px; }
.video-div-inner { text-align: center; padding: 10px; 
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;
  border: 1px solid #eeeeee;}
.video-header { font-weight: bold; display: table; height: 50px; width: 100%; }
.video-header-inner { display:table-cell; vertical-align:middle; text-align:center; }
.video-image { display: block; height: 200px; overflow: hidden; width: 100%; position: relative; }
.video-image img { height: 100%; width: 100%; object-fit: contain;}
.video-description { height: 35px; overflow: hidden; }
.video-description a { color: #ccc28f; text-decoration: none; }
.video-div a { text-decoration: none; }


.gallery-grid-item { text-align: center; min-height: 150px; padding: 10px; border-width: 0px; }
.gallery-grid-inner { text-align: center; padding: 10px; 
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;
    border: 1px solid #eeeeee;
}
.gallery-header { font-weight: bold; display: table; height: 50px; width: 100%; }
.gallery-header-inner { display:table-cell; vertical-align:middle; text-align:center; line-height: 1.3; }
.gallery-thumbnail { display: block; height: 130px; overflow: hidden; width: 100%; position: relative; }
.gallery-thumbnail img { height: 100%; width: 100%; object-fit: contain;}
.gallery-link { height: 35px; }
.gallery-link a { font-weight: bold; color: #ccc28f; text-decoration: none; }

.gallery-item { border: none;
  text-align: center; padding: 10px; 
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;}
.gallery-image { display: block; height: 100px; overflow: hidden; width: 100%; position: relative; }
/*.model-image-inner { display:table-cell; vertical-align:middle; text-align:center; } */
.gallery-image img { height: 100%; width: 100%; object-fit: contain;}

/*
.gallery-item { float: left; margin: 5px; height: 85px; position: relative; width: 155px; border: none; }
.gallery-item img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
*/


/*
* woocommerce
*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border: 3px solid lightgrey; padding: 10px; }
.woocommerce ul.products li.product a img { width: 140px; height: auto; margin: 0 auto; box-shadow: 0 1px 10px rgba(0,0,0,0.15); }
.woocommerce ul.products li.product .header-div, .woocommerce-page ul.products li.product .header-div { height: 50px; }

.product { margin-top: 15px; }
.woocommerce div.product div.images img { max-height: 400px; width: auto; margin: 0 auto; }

/* .flex-viewport { height: 400px!important; } */
.single-product-gallery { width: 100%; background-color:white; height: 150px; overflow-y: hidden; overflow-x: scroll; }
.gallery-container { width: 2000px; height: 150px; }


.price { float: left; }
.add-to-cart-div { float: right; }

.post-date { display: none; }



.topbar { background-color: #fff; border-top: 2px solid #b7a85d; border-bottom: 1px solid #b7a85d; margin-bottom: 1rem; }
.top-nav { /*width: 960px;*/ margin: 0 auto; height: 30px; }
.top-nav-social { padding: 5px 20px; float: left; }
.top-nav-social a:hover .fab, .top-nav-social a:hover .fas { transform: scale(1.2); color: grey; }
.top-nav-cart { float: right; background-color: #b7a85d; position: relative; float: right; cursor: pointer; padding: 10px 10px 5px 10px !important; margin-top: -9px; margin-left: -20px; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.4); box-shadow: 0 1px 10px rgba(0,0,0,0.4); }
.top-nav-menu { padding: 3px 20px; float: right; }
.top { margin-bottom: 5px; }
.top-menu { /*width: 960px;*/ margin: 0 auto; height: 130px; }
.top-menu .logo-div { height: 100%; float: left; }
.top-menu .logo { height: 100%; }
.menu-m { display: none; }
.menu-d { display: block; float: right; margin-top: 80px;}
.menu-d .menu-main { float: right; }
.menu-d .menu-main li { margin-left: 40px; float: left !important; list-style: none; }
.menu-main li a { display: block; position: relative; text-decoration: none; color: black }
.menu-main li.current-menu-item a { color:#b7a85d; }
.menu-main li a:hover { color:#ccc28f; }


#gallery-menu, #gallery-content { padding: 15px; }
#video-menu, #video-content { padding: 15px; }

.category-header {}
.category-menu { list-style: none; padding-left: 0; }
.category-menu li a { color: black; }
.category-menu li.current a { font-weight: bold; color: #b7a85d; }
.category-menu .submenu { padding-left: 15px; }
.category-menu .submenu a { color: black; }
.category-menu .submenu.current a { font-weight: bold; color: #b7a85d; }
.category-menu li.current .submenu a { color: black; }
.category-menu li.current .submenu.current a { font-weight: bold; color: #b7a85d; }





.single .media-sidebar .gallery-settings { display: none; }
#alt-text-description { display: none; }
[data-setting="alt"], [data-setting="title"], [data-setting="caption"], [data-setting="url"] { display: none!important; }


.menu-item.has-children .title-link {
    width: 80%;
    display: inline-block;
}
.menu-item.has-children .arrow {
    width: 19.8%;
    display: inline-block;
    /*padding: 21px 22px 20px 22px;*/
    float: right;
}
.menu-heading {
    position: relative;
  }
  .menu-heading a.arrow:after {
    content: ">"; 
    position: absolute;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: calc(50% - 10px);
  
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
  }
  .menu-heading a.arrow.collapsed:after {
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -ms-transform:     rotate(0deg);
    -o-transform:      rotate(0deg);
  }


  .menu-heading a:hover { text-decoration: none; color:#ccc28f; }
    
#left-menu .menu .menu-body {
    padding: 0;
    border: none;
}

.pad { height: 20px; }
.outerpagewrap { height: auto; background-color: #b7a85d; }
.outerpagewrap p { margin-left: 0px; text-transform: none; }
.pagewrap { float: none; margin-top: 0; margin-bottom: 0; }
.pagecontent, .top-nav, #header, #main, #footerinside, #footerb { width: inherit; } 
.homeIcon a {float: right;}
#slider-wrap { background: none; position: relative; width: 100%; min-height: 100px; top: 130px; }

ul.category-menu { border-right: 1px solid grey; text-align: left; }
ul.category-menu li { border-bottom: 1px solid lightgrey; padding: 5px 0; }

.cartWrapper { width: auto; }
.cart-bubble { margin-left: 30px; }

.product-div { padding: 10px; border: 1px solid #eeeeee; }
.product-div .product-image { margin: 0px;
    width: 100%;
    height: 300px;
    text-align: center;
    border-bottom: 1px solid #DADADA;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    box-shadow: 0 1px 10px rgba(0,0,0,0.15); 
    

    
    }
.product-div .image { -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 0px 0px 0px 0px;
    cursor: pointer; 

    overflow: hidden;
    height: 100%;    
    
    } 
.product-div .image img {
  max-width: 90%;
  transform: rotate(15deg);
}

.product-div .image-nr {
  line-height: 299px;
}
.product-div .image-nr img {
  transform: none;
  vertical-align: middle;
}

.product-div .description { color: #2a2b2c;
    float: left;
    width: 100%; }       
.product-div .description h3 {
    letter-spacing: normal;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    text-transform: uppercase;
    font-family: Yanone Kaffeesatz  !important;
    font-weight: normal;
    line-height: 110%;
    color: #2a2b2c;
    text-align: center;
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    margin: 15px 0 0px 0px;
    font-size: 18px !important;
    cursor: pointer;
    z-index: 99;
    background: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 40px;
    overflow: hidden;
}       
.product-div .description h3 a { 
    margin: 0;
    font-size: 100%;
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: #666;
    padding: 0px 5px 0 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}   
.product-div .description h3.category {
    text-align: left;
    width: 60%;
    font-size: 16px !important;
    margin: 27px 0 0 13px;
    color: #b7a85d !important;
    font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
}




del {
    text-decoration: line-through;
}
.price span {
    padding: 3px 6px !important;
}
ins {
    color: #fff !important;
    background-color: #35C2D8 !important;
}
    
.product-div .description { float: left; width: 100%; }       

.product-div .cart {     float: right;
    font-size: 18px !important;
    margin: -23px 15px 25px 0px;
    text-transform: uppercase; }
    
.product-div .cart a {
    font-family: Yanone Kaffeesatz !important;
    background: #3A3F43;
    color: #fff;
    padding: 8px 10px 8px 10px !important;
    font-weight: normal;
    border-radius: 3px !important;
    font-size: 16px !important;
    }      
    
  
.col2-set{
}

.col2-set:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .col2-set  { zoom: 1; } /* IE6 */
*:first-child+html .col2-set { zoom: 1; } /* IE7 */

.col2-set .column-1{ float:left;  width:48%; }
.col2-set .column-2{ float:right; width:48%; }
#customer_details .column-1 { float: left;  width: 100%; margin: 0; padding: 0; }
#customer_details .column-2 { float: right; width: 100%; margin: 0; padding: 0; }
.column-1{ float:left; width:48%; }
.column-1 address, .myaccount_user, .column-2 address { background:#EFEFEF;padding:10px;font-weight:bold;border:1px solid #ddd; }
.column-1 .title p a, .column-2 .title p a { font-weight:bold; }
.column-2{ float:right; width:48%; }
span.woocommerce-input-wrapper { width: 100%; }
.woocommerce-additional-fields { padding: 20px; }
.woocommerce-info { border-top-color: #b7a85d; } 
.woocommerce-info::before { color: #b7a85d; }
.woocommerce input { background-color: white; border: 1px solid #a9a9a9; }
.select2-container--default .select2-selection--single { height: auto; border-radius: 0; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 5px 10px; }

.woocommerce ul#shipping_method li label { display: inline-block; margin-top: 5px;  }

.woocommerce .product-div .onsale {
    position: absolute;
    height: 55px;
    width: 55px;
    line-height: 45px;
    color: #fff;
    left: 0px;
    top: 0;
    margin: 25px;
    background-color: #dec64b !important;
    font-size: 14px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0px 0px 0px 2px #35C2D8;
    border: 2px solid #ffffff !important;
    border-radius: 190px;
    border-style: solid;
}

.woocommerce #respond input#submit:hover {
    background-color: #b7a85d;
}


.filter-button-group button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  /*border-radius: 7px;*/
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
  margin: 2px;
}

.filter-button-group button:hover {
  background-color: #ccc28f;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.filter-button-group button:active,
.filter-button-group button.is-checked {
  background-color: #b7a85d;
}

.filter-button-group button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.filter-button-group button:focus {
  outline:none;
  box-shadow: none;
}

#slider img { width: 100%; }
#mainwrap {
  /* min-height: calc(100vh - 355px); */
	top: 120px;
	margin-bottom: 25px;
}

.news-div { text-align: center; min-height: 150px; padding: 10px; border-width: 0px; margin-bottom: 20px; }
.news-div-inner { text-align: center; padding: 10px; border: 1px solid #eeeeee; 
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;}
.news-header { font-weight: bold; display: table; height: 70px; width: 100%; }
.news-header-inner { display:table-cell; vertical-align:middle; text-align:center; }
.news-image { display: block; height: 100px; overflow: hidden; width: 100%; position: relative; }
.news-image img { height: 100%; width: 100%; object-fit: contain;}
.news-description { height: 35px; overflow: hidden; }
.news-div a { text-decoration: none; }
.news a:hover > h3 { color: #b7a85d; }

.datum { font-size: 85%; }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { line-height: 100%; }
.comment-form-rating { padding: 0 20px; }

.product-gallery-item { border: none;
  text-align: center; padding: 10px;
  width: 33%; float: left; 
  /*
  -webkit-box-shadow: 10px 10px 10px 0px #dddddd;
  -moz-box-shadow: 10px 10px 10px 0px #dddddd;
  box-shadow: 10px 10px 10px 0px #dddddd;
  */
  }
.product-gallery-image { display: block; height: 100px; overflow: hidden; width: 100%; position: relative; }
.woocommerce div.product div.images .product-gallery-image img { height: 100%; width: 100%; object-fit: contain; border: 0; }

.owl-carousel { position: relative; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 45%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    color: #696969; border: 3px solid #696969;
    border-radius: 30px;
    height: 50px;
    width: 50px;
    
}
.owl-carousel .owl-nav button.owl-next { right: 5%; display: flex; padding-left: 15px; }
.owl-carousel .owl-nav button.owl-prev { left: 5%; display: flex; padding-left: 10px; }
.owl-nav .fa { font-size: 32px; }
.owl-dots { display: none; }
.owl-next .fa { position: relative; top: 5px; left: 15px; }
.owl-prev .fa { position: relative; top: 5px; left: 10px; }
.owl-next:focus, .owl-prev:focus { outline: none; } 

.wp-pagenavi { border: none; }

#order_review table.shop_table .product-name { width: 50%; }
.woocommerce ul.order_details li { margin-right: none; padding: 1em; }
.woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 2em 1em 3.5em; }
.woocommerce-tabs ul.tabs a { line-height: 100%; }

.page-template-page-dakar p { text-align: justify; /* margin-top: 10px; margin-bottom: 10px;*/ }

#logo { float: left; }
.respMenu { float: right; margin-top: 0; }
.hidden { display: none; }
.collapse { display: none; }
.collapse.show { display: block; }

.navbar-collapse { display: none; }
.mobile-menu-top { display: none; }

.woocommerce input { width: 20px; float: left; margin-right: 10px; margin-bottom: 20px; }
form.register { padding-bottom: 80px!important; }
.coll-1 { float: left; width: 48%; }
.coll-2 { float: left; width: 48%; }

.shop_table th, .shop_table td { width: auto; }
.woocommerce-cart table.cart img { width: 100px; } 
.woocommerce-cart table.cart .product-thumbnail, .woocommerce-cart table.cart .product-remove { text-align: center; }
.woocommerce .quantity .qty { width: 5em; }

.gallery_add {
    float: right;
    margin-top: 35px;
    border: 1px solid grey;
    padding: 5px 15px;
    cursor: pointer;
}
.gallery_add:hover { background-color: #b7a85d; }

.paid-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 20, 20, 0.5);
  background-image: url("lock.png");
  background-size: contain;
  background-position: center;
}

.navi li, .navi li a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media screen and (min-width:0px) and (max-width:970px)
{
    /* clear theme defaults */
    body { text-align: left; }
}    
    
@media (max-width: 1200px) {

}
@media (max-width: 992px) {	
  .navbar-toggle { float: right; line-height: 78px; color: #00283c; }
  .menu-txt { float: left; font-size: 16px; margin-right: 12px; font-weight: bold; }
  .menu-burger { float: left; margin-top: 5px; margin-right: 10px; }
  .navbar-close { float: left; margin-top: 2px; margin-left: 2px; }
  .navbar-close .close { color: #00283c; font-size: 3.5rem; margin-top: 8px; margin-right: 6px; margin-left: -4px; opacity: 1; }
  .mobile-menu-top { display: block; }
  #logo { width: 50%; margin-left: 20px; }
  #mobile-menu { position: absolute; z-index: 5; color: white; line-height: 30px; width: 100%; text-align: center; background-color: #dddddd; padding: 0; }
  #mobile-menu ul.navbar-nav li { height: 48px; line-height: 48px; }
  #mainwrap { top: 0; }
  ul.navbar-nav li { width: 100%; border-bottom: 1px solid #999999; }
  ul.navbar-nav li:last { border-bottom: none; }
  ul.navbar-nav { margin-right: 1.8em }
  
  .page-template-page-resin .navbar-toggle { color: #ffffff; }
  .page-template-page-resin .navbar-close .close { color: #ffffff; }


}
@media (max-width: 768px) {
    #slider-wrap { top: auto; }
    
    #footerbwrap {
        height: 60px;
    }

}

@media (max-width: 480px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { border-width: 0px; }
    .owl-carousel .owl-nav button.owl-prev { left: 0%; }
    .owl-carousel .owl-nav button.owl-next { right: 0%; }

}

