@import url("https://use.typekit.net/iii6hcu.css");

@font-face {
    font-family:"bio-sans";
    src:url("https://use.typekit.net/af/987dd4/00000000000000007735c47a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/987dd4/00000000000000007735c47a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/987dd4/00000000000000007735c47a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
    }
    
    @font-face {
    font-family:"bio-sans";
    src:url("https://use.typekit.net/af/d6e505/00000000000000007735c47c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d6e505/00000000000000007735c47c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d6e505/00000000000000007735c47c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
    }
    
    @font-face {
    font-family:"bio-sans";
    src:url("https://use.typekit.net/af/ee47a1/00000000000000007735c482/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ee47a1/00000000000000007735c482/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ee47a1/00000000000000007735c482/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
    }
    
    @font-face {
    font-family:"bio-sans";
    src:url("https://use.typekit.net/af/6fc5e5/00000000000000007735c484/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6fc5e5/00000000000000007735c484/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6fc5e5/00000000000000007735c484/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
    }
    
    .tk-bio-sans { font-family: "bio-sans",sans-serif;}


/* @font-face {
    font-family: "Panton-Bold"; 
    src: url('../fonts/PantonBold.woff2') format('woff2'),
         url('../fonts/PantonBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "Panton-Regular";
    src: url('../fonts/PantonRegular.woff2') format('woff2'),
         url('../fonts/PantonRegular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "Panton-BoldItalic"; 
    src: url('../fonts/PantonBoldItalic.woff2') format('woff2'),
         url('../fonts/PantonBoldItalic.woff') format('woff');
    font-display: swap;
} */

.uk-navbar-nav li > a:hover {
    opacity: 0.75;
}

.tm-element-woo-products .products {
    justify-content: center;   
}

.tm-element-woo-products .dbc-product-container {
    border: 2px solid #D3D3D3;
    padding: 30px;
    border-radius: 27px;
    background-color: #FFF;
    margin-top: 150px;
}

.tm-element-woo-products .dbc-product-container img {
    width: auto!important;
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -150px;
}

.article-panel-single > .uk-panel, .article-panel-container .el-item > .uk-panel {
    border: 4px solid #333333;
    background-color : white;
    padding : 20px;
    border-radius : 27px;
    font-family : "Montserrat";
    font-size : 13px;
    width: 265px;
    position : relative;
    margin-top: -80px!important;
    height: 250px;
    transform: translateX( 100px );
}

.article-panel-container-custom .el-item > .uk-panel {
    height: 100px;
}

.article-panel-single a, .article-panel-container .el-item a  {
    background-color : #333333;
    color : #FFFFFF;
    font-size : 16px;
    position : relative;
    margin-top: -80px!important;
    transform: translateX( 82px );
}

.article-panel-container .el-item h3 {
    padding : 30px;
    border-radius : 27px;
    min-height: 150px;
}

.custom-panel-container .uk-first-column {
    position: relative;
}

.custom-panel-container.custom-button a.uk-button {
    background-color : #FF7415;
    font-size : 25px;
    padding: 2px 15px;
}

.custom-panel-container a.uk-button {
    background-color: #FF7415;   
}

.custom-panel-container a.uk-button:hover {
    background-color: #FFFFFF;
    border-color: #FF7415;
    color: #FF7415;
}

.dbc-button-product {
    color: #FFFFFF;
    background: #E20065;
    border: 2px solid #E20065;
}

.dbc-button-product-inverse {
    color: #E20065;
    border: 2px solid #E20065;
}

.dbc-button-product:hover {
    color: #FFFFFF;
    background-color: rgba( 226, 0, 101, 0.9 );
    border-color: rgba( 226, 0, 101, 0.9 );
}

.dbc-button-product-inverse:hover {
    color: rgba( 226, 0, 101, 0.9 );
    border-color: rgba( 226, 0, 101, 0.9 );
}

.card-no-radius, .card-no-radius .uk-card, .card-no-radius .uk-card-media-right {
    border-radius: 0;
}

.card-up {
    transform: translateY( -75px );
}

.woocommerce-checkout-review-order-table {
    max-width: 100%;
    table-layout: fixed;
}

.font-panton-bold {
    font-family: 'Panton-Bold';
}

.single-article-image {
    margin-bottom : -110px;
}

.single-article-decoration {
    opacity: 0.7;
}

#order_review_heading, .woocommerce-checkout-review-order {
    width: auto!important;
}

#ship-to-different-address {
    margin-top: 20px;
}

input.shipping_method {
    min-width: 15px!important;
}

@media ( max-width: 1200px ) {

    .article-panel-single > .uk-panel, .article-panel-container .el-item > .uk-panel {
        transform: inherit;
        margin-left: auto;
        margin-right: auto;
    }

    .article-panel-single a, .article-panel-container .el-item a {
        transform: inherit;
    }

    .article-panel-container .el-item h3 {
        margin: auto;
    }
}

@media ( max-width: 960px ) {

    .dbc-hero > div {
        background-image: none!important;
    }
}

@media ( min-width: 1200px ) {

    .article-panel-container .el-item h3 {
        width: 250px;
    }

    #customer_details {
        width: 50%;
    }
}

@media ( min-width: 640px ) {

    .custom-panel-container .uk-first-column .uk-card-body {
        padding: 60px;
    }

    .custom-panel-container.custom-button a.uk-button {
        margin: 60px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .tm-element-woo-products {
        margin-top: -175px;
    }
}

@media ( min-width: 640px ) and ( max-width: 960px ) {

    .article-panel-container .el-item h3 {
        width: 250px;
    }
}

@media ( max-width: 640px ) {

    .tm-element-woo-products {
        margin-top: -65px;
    }
}