/*
Theme name: rajprokone.cz
Text domain: rajprokone.cz
Version: 1.56
Description: Custom theme for Shoptet Classic template
Tags: custom
Author: Vladislav Palenik
Author URI:
*/

/*css layout reset*/
* {
    margin: 0;
    padding: 0;
    box-sizing: box;
    /*font-family: sans-serif;*/
}

@font-face {
    font-family: 'AnnieUseYourTelescope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('AnnieUseYourTelescopeRegular'), local('AnnieUseYourTelescope-Regular'), url(/user/documents/font/AnnieUseYourTelescope-Regular.ttf);
}

/*super-top menu*/

/*Oteviraci hodiny - new*/
.row.header-info::after {
    content: 'Otevírací doba - Po + Čt: 9.00 - 19:00, Každá první sobota v měsíci: 9.00 - 12.00, Út+St+Pá+Ne: Zavřeno';
    display: inline-block;
    white-space: nowrap;
    position: inherit;
    vertical-align: middle;
    margin: 0rem auto 0rem auto;
    border-top: 1px solid;
    border-top-color: currentcolor;
    border-top-color: #92ae3e;
    padding-top: 10px;
    font-size: 0.8em;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.row.header-info .large-4.medium-6.small-12.columns {
    padding-bottom: 10px;
}
#header {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
#header-in .header-center {
    display: table;
    padding: 0.5rem 0;
    width: 100%;
    height: 110px;
}
.row.header-info {
    font-weight: bold;
    color: black;
}
.large-6.medium-6.small-6.header-phone.columns.left > a {
    color: black;  
}
.large-6.medium-6.small-6.header-email.columns.left > a {
    color: black;
}
#top-links, #top-links a {
    color: black;
}
#header-cart-wrapper > a {
    border-radius: 1.4rem;
}
#header-cart {
    border: none;
}

#logo {
    position: relative;
    /*left: 482px;
    top: -2px;*/
    display: inline-block;
    font-size: 2rem;
    outline: none;
    font-weight: 100;
}
#logo img {
    max-height: 100px;
}

.searchform {
    margin: 0 auto;
    position: relative;
    /*left: -446px;*/
    top: 0px;
}

/*content*/
#main {
    background: transparent;
}
#main-in {
    background-color: #fff;
    border-radius: 1.4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.row {
    max-width: 76.4em;
}

/*nadpis, urcite subcategories*/
h1{
    font-family: 'AnnieUseYourTelescope', cursive;
    color:#a90f46;
    background-color: unset;
}

/*Navigation Menu*/
#menu li a, .navigation-menu li a {
    font-family: 'AnnieUseYourTelescope', cursive;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.3rem 2.1rem 0.3rem 2.1rem;
    outline: none;
    display: block;
}
#menu li, #menu .navigation-menu li {
    font-family: 'AnnieUseYourTelescope', cursive;
    line-height: 2.25rem;
    font-size: 1.25rem;;
    margin: 0;
    height: 2.25rem;
    position: relative;
}
.inline-list {
    float: none !important;
    text-align: center;
}
#menu {
    border-color: transparent;
}
.inline-list.list-inline.valign-top-inline.left {
    background: #92ae3e;
    width: 100%;
    border-radius: 1.4rem;
}
.inline-list > li > a {
    margin-top: 5px;
}
#menu .list-inline {
    padding-right: unset;
    align-self: center;
}
/* Carousel => Changed to Tiles */
#carousel-banner, #homepage-banner {
    /*display: block;*/
    display: none;
}
#carousel-banner div.active {
    /*display: block;*/
    display: none;
}
#carousel-sys {
    display: none;
}

.tiles {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    padding: 1rem;
}
.tiles-title {
    padding: 0 0.5rem;
}
.tiles-title > h2, h3 {
    color: #d31358;
    text-align: center;
    margin-bottom: 0;
}
.tiles > a {
    height: 15rem;
}
.tiles > a > img {
    width: auto;
    height: 100%;
    border-radius: 1rem;
    box-shadow: 5px 5px 15px gray;
}



/*Left menu*/

#column-l-in {
    width: 17.75em;
}
.categories.expandable .topic a {
    width: 95%;
}
.categories.expandable .topic::before {
    right: 0.5125rem;
}

/*Left Menu Icons*/
#categories a {
    padding-left: 38px;
}

/*Main categories*/
.categories.cat-01.expandable#cat-870 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_krmiva_pro_kone.png) no-repeat 3px 2px;
}
.categories.cat-02#cat-876 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_krmeni.png) center no-repeat;
    
}
.categories.cat-01.expandable#cat-882 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_hospodarska_zvirata.png) no-repeat 3px 2px;
}
.categories.cat-02.expandable#cat-960 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_kone.png) center no-repeat ;
}
.categories.cat-01.expandable#cat-969 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_pes.png) no-repeat 3px 2px;
}
.categories.cat-02#cat-981 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_barf.png) no-repeat 3px 2px;
}
.categories.cat-01#cat-906 .topic a::before{
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_krmiva_pro_kone.png) no-repeat 3px 2px;
}
.categories.cat-01#cat-1002 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_voucher.png) center no-repeat;
}
.categories.cat-01#cat-1005 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_vyzivove_poradenstvi.png) no-repeat 3px 2px;
}
.categories.cat-01#cat-1044 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_namixujsi.png) center no-repeat;
}
.categories.cat-02#cat-1182 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/icon_porodni_pece.png) center no-repeat;
}
.categories.cat-02#cat-1002 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/ikony/poukazy@2x.png) center no-repeat;
}
.categories.cat-01#cat-1243 .topic a::before {
    content: '';
    display: block;
    height: 38px;
    width: 35px;
    position: absolute;
    left: 0px;
    top: -1px;
    padding-left: 0px;
    background: #92ae3e url(/user/documents/upload/sablona_nemazat/kosmetika@2x.jpg) center no-repeat;
}


.categories.expandable>ul>li>a::before {
    /*content: '';*/
    display: block;
    height: 20px;  
    width: 20px;  
    position: absolute;
    /*top: 0rem;*/
    padding-left: 0px;

}

.categories.expandable > ul li {
    font-size: initial;
    text-transform: uppercase;
    font-family: 'AnnieUseYourTelescope';
}

.categories.expandable>ul>li>a[href*="/musli/"] {
    color: #a90f46;;
}
.categories.expandable>ul>li>a[href*="/musli/"]::before {
    content: '';
    display: block;
    height: 20px;  
    width: 20px;  
    position: absolute;
    top: 0rem;
    padding-left: 0px;
}
.categories.expandable>ul>li>a[href*="/pamlsky-odmeny/"] {
    color: #a90f46;;
}
.categories.expandable>ul>li>a[href*="/pamlsky-odmeny/"]::before {
    content: '';
    display: block;
    height: 20px;  
    width: 20px;  
    position: absolute;
    top: 0rem;
    padding-left: 0px;
}
.categories.expandable>ul>li>a[href*="/prirodni-doplnky/"] {
    color: #a90f46;;
}
.categories.expandable>ul>li>a[href*="/prirodni-doplnky/"]::before {
    content: '';
    display: block;
    height: 20px;  
    width: 20px;  
    position: absolute;
    top: 0rem;
    padding-left: 0px;
}
.categories.expandable>ul>li>a[href*="/vitaminy-mineraly/"] {
    color: #a90f46;;
}
.categories.expandable>ul>li>a[href*="/vitaminy-mineraly/"]::before {
    content: '';
    display: block;
    height: 20px;  
    width: 20px;  
    position: absolute;
    top: 0rem;
    padding-left: 0px;
}

/*tlacitka podkategorii*/
.cc-main-cat {
    font-family: 'AnnieUseYourTelescope', cursive;
    color: #a90f46;
    font-weight: bold;
}
.subcategories a {
    font-size: 1.2rem;
}

/*schovany filtr podkategorii*/
#category-filter-wrapper {
    display: none;
}

/*uprava fontu "o nas", casti footer, apod.*/
aside ul, aside ol, aside dl, footer ul, footer ol, footer dl {
    font-size: 1.2rem;
    font-weight: bold;
}

/*zarovnani manualnich sipek u polozek menu*/

#articles ul li::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    left: -1px;
    top: 0.45rem;
}
#articles ul li::before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    top: 0.45rem;
}

/*Podkategorie*/
.subcategories .text {
    line-height: 100%;
}
.categories.expandable > ul li {
    margin-bottom: .125rem;
}

/*Produkty*/
/*produkt img*/
.p-image img {
    border-radius: 1.2rem;
}

/*nazev polozky v detailu produktu*/ 
.p-name {
    font-family: 'AnnieUseYourTelescope', cursive;
    font-weight: bold;
    font-size: 18px;
}

#welcome {
    display: none;
}

/*font*/

.categories .topic a {
    font-family: 'AnnieUseYourTelescope', cursive;
    display: block;
    padding: 0.55rem 0.25rem;
    font-weight: bold;
}

#column-l-in #categories .categories .topic, #column-r #categories .categories .topic {
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0;
}

#column-l-in > div .topic, #column-r > div .topic, #column-l-in .section .topic a, #column-r .section .topic a {
    text-transform: uppercase;
    font-size: 1.85rem;
    margin-bottom: .5rem;
    font-weight: bold;
    color: #d31358;
}
/*uprava tabulky rozvozu*/
td {
    font-weight: 400;
}

aside .banner {
    margin-bottom: 0.6rem;
    margin-top: 1.8rem;
}
.rozvozy {
    border: 1px;
    border-color: #92ae3e;
}
.rozvozy td {
    padding: 0.3rem;
    font-weight: 400;
}

#column-l-in .banner.banner10 h3 {
    color: #d31358;
}
.rozvozy tbody tr { 
    line-height: 25px;
}
#articles .box.hide-for-small h3 .topic{
    color: #d31358;
}

ul, ol, dl {
    font-family: 'AnnieUseYourTelescope', cursive;
    font-size: 1rem;
    line-height: 1.25;
    list-style-position: outside;
    font-family: inherit;
}
#footer-in a:not(.button) {
    font-family: 'AnnieUseYourTelescope', cursive;
    font-size: 1rem;
    text-decoration: none;
    font-weight: bold;
}


/*old font*/
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6 {
    font-family: 'AnnieUseYourTelescope', cursive;
    font-weight: bold;
}

.label {
    color: #a90f46;
}

/*Dostupnost*/ 
.p-cat-availability {
    content: '';
    position: relative;
    left: 0px;
    top: 0px;
    padding: 5px 0px 5px 34px;
    background: url(/user/documents/upload/sablona_nemazat/availabilityLogo.png) no-repeat 3px 2px;
}

/*produkty prekryvaji na hover vse ostatni*/
li {
    overflow: visible;
}
#gallery-image > img {
    border-radius: 1.4rem;
}
.boolean-icons {
    margin-left: 1rem;
}

/*Mapa v kontaktech*/
.map-contacts {
    width: 100%;
    height: 30rem;
}

/*footer*/
#footer {
    opacity: 0.95;
    margin-top: 0;
    z-index: -1;
    overflow:hidden;
}

/* Fix: footer layout: */
.footer-in-wrap {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
}
.large-12.medium-12.small-12.columns {
    flex-basis: 50%;
}
@media only screen and (min-width: 64.063em) {
    .large-8 {
      width: 67.66667%;
    }
    .large-4 {
        width: 32.33333%;
    }
}

/*
[class*="block-grid-"]::after, [class*="block-grid-"]::before
{
  content: " ";
  display: table;
  flex-basis: 50%;
}
*/
.footer-row-element.custom-footer__contact {
    width: 100%;
    flex-basis: 50%;
}

/*uprava barev fontu ve footer*/ 
#footer {
    background: transparent;
}
.footer-in-wrap.row {
    background-color: transparent !important;
    }
#footer-in a:not(.button) {
    color: #000;
} 
.checkout-tel {
    color: black;
}
.checkout-cellphone {
    color: black;
}

/*footer ikony*/
.map-footer {
    border-radius: 1.4rem;
}
#footIcons {
    display: inline-block;
    padding: 0.5rem;
}
#footIcons img {
    width: 3.3rem;
    padding: 0.5rem;
}

/*Copy*/
#copyright .large-9.medium-8.small-12.copy.left.columns::after{
    content: 'Úpravy na míru: Vladislav Páleník';
    display: inline-block;
    white-space: nowrap;
    position: relative;
    line-height: 1.125rem;
    margin: 0rem 0rem 0rem 14rem;
    font-weight: 400;
}
#copyright {
    background: transparent;
}
.large-9.medium-8.small-12.left.copy.columns {
    color: black;
}

/*Responsive úpravy*/

@media only screen and (min-width: 64.063em) {
    .large-9 {width: 75%;}
}

@media only screen and (max-width: 64.062em) {
    .header-contacts {padding: 0.3rem 0.5rem;}
    .top-links-holder {margin-top: none;}
    #header-in .header-center {height: 140px;}
    .row.header-info::after {padding: 0.5rem;}
    /*.medium-9 {width: 100%;}*/
    .searchform {position: relative; width: 340px; margin: 0; left: 1rem;}
    #logo {position: relative; height: unset; left: 1rem !important; top: unset; margin: 0.5rem;}
    #header-cart {background-color: #fff; padding: 0.25rem 0.5rem;}
    /*.nav-buttons {
        position: relative;
        width: 30%;
      }
    .large-4.medium-4.small-6.tar {
        display: none;
    }
    .small-6 {
        width: 70%;
    }*/
    #column-l-in {width: 185px;}
    #column-l-in .banner.banner10 {width: 185px;}
    .row.header-info::after {white-space: inherit;}
    #copyright .large-9.medium-8.small-12.copy.left.columns::after {margin: 0;}
    /*Footer map*/
    .map-footer {width:unset;}
    /*Responsive nav menu buttons*/
    .box-account-links-trigger::before {background-color: #92ae3e;}
    #menu-helper::before {background-color: #92ae3e;}
    /*Tiles in responsive*/
    .tiles > a {height: 8rem;}
    /*Deliveries table in responsive*/
    .banner10 {padding: 0 .9375em;}
    .delivery-table {margin: 0.8em; background-color: #fff; border-radius: 1rem;}
    .delivery-table > span {padding: 1rem;}
    .rozvozy {width: 90% !important; margin: 0 auto;} 
}

@media only screen and (min-width: 40.063em) {
    .small-9 {width: 60%;}
}	
/*
@media only screen and(max-width: 40.062em){
    .medium-9 {width: 100%;}
}
*/