/*
Theme Name: 90sCoffee Child
Description: Child theme for 90sCoffee
Author: UX Themes
Template: flatsome
Version: 1.0
*/

/* Import CSS từ theme cha */
@import url("../flatsome/style.css");

/* ADD CUSTOM CSS HERE */

/* Tổng quan */
.home #main {
    background: #f2f3f7 url(images/bg-main.png) no-repeat center 0;
}

/* Reset */
.container-width, .full-width .ubermenu-nav, .container, .row, .row.row-small {
    max-width: 1500px;
}
.row.row-small.plus-30 {
    max-width: 1490px !important;
}
.row.row-small {
    max-width: 1470px !important;
}
.row.prod-80 {
    max-width: 1480px !important;
}
.is-0 > .col-inner {
    position: relative;
}

/* Global Styles */
.new-arrival .isures-heading-description img {
    max-width: 60px !important;
}
.pdbt-0 {
    padding-bottom: 0;
}
.form-white .col-inner {
    background: #fff;
    padding: 30px !important;
    border: 6px solid #dcdee3;
}
.row.row-small.bg-white > .col {
    padding-bottom: 0;
}
.bg-white.row-mn .col-inner {
    padding: 0;
    padding-bottom: 15px;
}
.shadow-none .product-small .col-inner {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
}
aside {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #f2f3f7;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
}
aside li {
    border: none !important;
}
aside .is-divider {
    display: none;
}
aside > span {
    margin-bottom: 10px;
    display: block;
}
.blog-wrapper .row.row-large.row-divided {
    background: #fff;
    padding: 20px 0;
    border-radius: 4px;
}
aside span.widget-title, .woof_container_inner > h4, .widget_price_filter > h4 {
    display: block;
    height: 32px;
    line-height: 33px;
    color: #fff;
    font-weight: 700;
    background-color: #12225b;
    width: 100%;
    position: relative;
    text-align: center;
}
#shop-sidebar {
    padding-bottom: 30px;
}
.social-icons.share-icons.share-row.relative.icon-style-fill a {
    border-radius: 0 !important;
}
.single-post .bb {
    border-bottom: 5px solid #ececec;
}
.single-post .bt {
    border-top: 5px solid #ececec;
}
.woocommerce-tabs p, .blog-single p {
    text-align: justify;
}

/* Header */
ul#header-contact li a {
    color: #333;
    font-weight: normal;
    text-transform: none;
}
ul#header-contact li a i {
    color: #e76301;
    font-size: 14px !important;
    display: inline-block;
}
.header-main li.header-block {
    width: auto;
}
.header-bottom .flex-col.hide-for-medium.flex-left {
    max-width: 240px;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform {
    background: #fff;
    border: 2px solid #ff6a00;
    border-radius: 100px;
    padding-left: 25px;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform select, 
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform input {
    box-shadow: none;
    border: none;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform select {
    border-right: 1px solid #e6e7eb;
}
.header-bottom {
    border-top: 1px solid #e6e7eb;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform button.submit-button {
    display: flex;
    align-items: center;
    width: 140px;
    height: calc(100% + 4px);
    position: absolute;
    right: -10px;
    top: -2px;
    background: #e76301;
    margin: 0 !important;
    outline: none;
    border: none;
    border-radius: 0 99px 99px 0;
    text-transform: none;
    padding-left: 20px;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform button.submit-button span {
    margin-left: 8px;
    font-size: 16px;
}
.header-main .searchform-wrapper.ux-search-box.relative.is-normal:not(.form-flat) form.searchform button.submit-button:hover {
    background: #e35300;
}
.searchform-wrapper.ux-search-box.relative.is-normal.form-flat.is-mobile form.searchform select, 
.searchform-wrapper.ux-search-box.relative.is-normal.form-flat.is-mobile form.searchform button span {
    display: none;
}
#main {
    background: #f2f3f7;
}
.logo a {
    text-transform: none;
}

/* Slide */
ol.flickity-page-dots {
    bottom: -25px;
}
ol.flickity-page-dots li.dot {
    background: #e0e0e0;
    border-color: #e0e0e0 !important;
    opacity: 1;
}
ol.flickity-page-dots li.dot.is-selected {
    border-color: #ff6a00 !important;
}
.blog-isures.related-products-wrapper {
    overflow: visible;
}

/* Mobile Menu */
div#main-menu.mobile-sidebar li a {
    text-transform: capitalize;
    color: #111;
    font-weight: normal;
    padding: 10px 15px;
    font-size: 16px;
}
div#main-menu.mobile-sidebar li {
    border: none;
}
div#main-menu.mobile-sidebar .sidebar-menu > ul > li.has-child {
    border-top: 5px solid #d5dbdb;
    border-bottom: 5px solid #d5dbdb;
    margin-bottom: 15px;
}
div#main-menu.mobile-sidebar .nav-slide-header .toggle {
    color: #111;
    opacity: 1;
}
div#main-menu.mobile-sidebar li.nav-slide-header {
    border-bottom: 5px solid #d5dbdb;
}
div#main-menu.mobile-sidebar button.toggle i {
    font-size: 1em;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    opacity: 1;
    background: #fff;
    box-shadow: none;
}

/* Vertical Menu */
div#vertical-menu-isures ul {
    list-style-type: none;
}
div#vertical-menu-isures ul li a {
    color: #666;
}
div#vertical-menu-isures {
    position: relative;
    width: 100%;
    cursor: pointer;
    max-width: 200px;
}
div#mega-menu-title {
    z-index: 2;
    background: #fff;
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 36px;
    vertical-align: middle;
    border: 1px solid transparent;
    padding-left: 16px;
    padding-right: 10px;
}
div#mega-menu-title > i.before-is {
    margin-left: -10px;
    margin-right: 10px;
}
div#mega-menu-title > i.after-is {
    font-size: 10px;
    right: 0px;
    position: absolute;
}
div#vertical-menu-isures:hover ul#isures_menu {
    display: block;
}
div#vertical-menu-isures:hover i.after-is {
    transform: rotate(180deg);
}
div#vertical-menu-isures:hover div#mega-menu-title {
    color: #FF751A;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #DCDEE3;
    border-bottom: 1px solid transparent;
}
ul#isures_menu {
    position: absolute;
    margin-top: -1px;
    z-index: 1;
    top: 37px;
    left: 0;
    width: 280px;
    padding: 5px 0;
    border: 1px solid #DCDEE3;
    background: #fff;
    display: none;
}
#isures_menu > li {
    margin-bottom: 0;
}
#isures_menu > li > a {
    position: relative;
    display: inline-block;
    color: #666;
    padding: 5px 15px;
    font-size: 14px;
    width: 100%;
    background: #fff;
    box-shadow: -2px 1px 5px transparent;
    border: 1px solid transparent;
}
#isures_menu > li.menu-item-has-children:hover > a {
    color: #ff6a00;
    z-index: 2;
    box-shadow: -2px 1px 5px #e7e7e7;
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    border-right: 1px solid transparent;
}
ul#isures_menu > li.menu-item-has-children > a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 10px;
    position: absolute;
    right: 15px;
    top: 10px;
    display: inline-block;
    z-index: 1;
    transition: transform 0.25s ease-in-out;
}
ul#isures_menu > li.menu-item-has-children:hover > a:after {
    transform: translateX(8px);
}

/* Submenu Level 2 */
#isures_menu > li > ul.sub-menu, .widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -2px;
    min-width: 850px;
    height: 100%;
    background: #fff;
    box-shadow: 0 1px 5px #e7e7e7;
    border-radius: 4px;
    z-index: 99;
    display: none;
    padding: 15px;
    column-width: 190px;
    column-gap: 0;
    column-fill: auto;
}
#isures_menu > li:hover > ul.sub-menu {
    display: block;
}

/* Submenu Level 3 */
#isures_menu > li > ul.sub-menu > li > ul.sub-menu {
    padding-left: 10px;
}
#isures_menu > li > ul.sub-menu > li > a {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
    color: #2192D9;
}
#isures_menu > li > ul.sub-menu > li > a:hover, #isures_menu > li > ul.sub-menu > li > ul.sub-menu li:hover a {
    color: #ff6a00;
}
#isures_menu > li > ul.sub-menu > li a {
    padding: 5px 10px;
}
#isures_menu > li > ul.sub-menu > li > ul.sub-menu li {
    margin-bottom: 0;
}
#isures_menu > li > ul.sub-menu > li > ul.sub-menu li a {
    padding-left: 0;
    font-size: 12px;
}

/* Menu Image Widget */
.widget-content.isures-widget h3 {
    padding-left: 10px;
    border-bottom: 2px solid #f4f4f4;
}
.widget-content.isures-widget .menu li a:hover {
    color: #ff6a00;
}
.widget-content.isures-widget .menu {
    margin: 0;
    list-style-type: none;
    position: relative;
}
.widget-content.isures-widget .menu > li {
    border: none;
    margin-bottom: 2px;
}
.widget-content.isures-widget .menu > li > a {
    color: #333;
    padding: 5px;
    width: 100%;
    position: relative;
    background: #fff;
}
.widget-content.isures-widget .menu > li.menu-item-has-children:hover > a {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12);
}
.widget-content.isures-widget .menu > li.menu-item-has-children > a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 12px;
    display: inline-block;
    z-index: 1;
    transition: transform 0.25s ease-in-out;
}
.widget-content.isures-widget .menu > li .toggle {
    display: none;
}

/* Submenu Level 2 */
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu {
    border-left: none;
    background: rgba(255,255,255,.98);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12);
}
.widget-content.isures-widget .menu > li.menu-item-has-children:hover > .sub-menu {
    display: block;
}
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu > li > a {
    font-weight: bold;
    color: #333;
}
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu > li > a:hover {
    color: #ff6a00;
}

/* Submenu Level 3 */
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu {
    margin: 10px auto;
    padding-left: 0;
    border-left: none;
    display: block;
}
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu > li > a {
    color: #666;
    font-size: 12px;
}
.widget-content.isures-widget .menu > li.menu-item-has-children > .sub-menu > li > ul.sub-menu > li > a:hover {
    color: #ff6a00;
}

/* Slide */
.head-bn .slide-is .slider-nav-reveal .flickity-prev-next-button {
    background-color: transparent;
    box-shadow: none;
}
.head-bn .slide-is .flickity-prev-next-button svg, .head-bn .flickity-prev-next-button .arrow {
    padding: 20px 7px;
    fill: #fff;
    background: rgba(0,0,0,.32);
    border-radius: 2px;
}
.slide-is .slider-nav-reveal {
    overflow: visible;
}

/* Text Animation */
.isures-animate {
    height: 30px;
    overflow: hidden;
    margin-bottom: 25px;
}
.isures-animate > p {
    height: 30px;
    line-height: 15px;
    color: #666;
    animation: scroll 25s infinite;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@-webkit-keyframes scroll {
    0%, 6.666666666666667% {
        transform: translateY(0);
    }
    8.333333333333334%, 15% {
        transform: translateY(-30px);
    }
    16.666666666666668%, 23.333333333333336% {
        transform: translateY(-60px);
    }
    25.000000000000007%, 31.66666666666667% {
        transform: translateY(-90px);
    }
    33.333333333333336%, 40% {
        transform: translateY(-120px);
    }
    41.666666666666664%, 48.33333333333333% {
        transform: translateY(-150px);
    }
    49.99999999999999%, 56.66666666666666% {
        transform: translateY(-180px);
    }
    58.33333333333333%, 64.99999999999999% {
        transform: translateY(-210px);
    }
    66.66666666666666%, 73.33333333333333% {
        transform: translateY(-240px);
    }
    75%, 81.66666666666667% {
        transform: translateY(-270px);
    }
    83.33333333333334%, 90.00000000000001% {
        transform: translateY(-300px);
    }
    91.66666666666669%, 98.33333333333336% {
        transform: translateY(-330px);
    }
    to {
        transform: translateY(-360px);
    }
}

@keyframes scroll {
    0%, 6.666666666666667% {
        transform: translateY(0);
    }
    8.333333333333334%, 15% {
        transform: translateY(-30px);
    }
    16.666666666666668%, 23.333333333333336% {
        transform: translateY(-60px);
    }
    25.000000000000007%, 31.66666666666667% {
        transform: translateY(-90px);
    }
    33.333333333333336%, 40% {
        transform: translateY(-120px);
    }
    41.666666666666664%, 48.33333333333333% {
        transform: translateY(-150px);
    }
    49.99999999999999%, 56.66666666666666% {
        transform: translateY(-180px);
    }
    58.33333333333333%, 64.99999999999999% {
        transform: translateY(-210px);
    }
    66.66666666666666%, 73.33333333333333% {
        transform: translateY(-240px);
    }
    75%, 81.66666666666667% {
        transform: translateY(-270px);
    }
    83.33333333333334%, 90.00000000000001% {
        transform: translateY(-300px);
    }
    91.66666666666669%, 98.33333333333336% {
        transform: translateY(-330px);
    }
    to {
        transform: translateY(-360px);
    }
}

/* Number Large */
.number-large span {
    font-size: 24px;
    font-weight: bold;
}
.number-large p {
    font-size: 16px;
}

/* Form */
.form-white form {
    margin-bottom: 0;
}
.two-col {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.two-col > span {
    width: 48%;
}
input.send-btn {
    padding: 7px 20px;
    border-radius: 18px !important;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0;
    min-height: auto;
}
.isures-form input, .isures-form select {
    box-shadow: none;
    border-radius: 4px;
    background: #fff;
}

/* Title */
.isures-heading-description.row.row-small {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.isures-heading-description p {
    margin-bottom: 0;
}
.main-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.main-title h1, .main-title h2, .main-title h3, .main-title h4 {
    width: auto;
    white-space: nowrap;
    margin-right: 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.main-title img.size-25 {
    max-width: 25px;
    margin-right: 10px;
}
.main-title .isures-label {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: #DCDEE3;
}

/* Single Product Template */
.woocommerce-tabs .nav-tabs > li > a {
    border-radius: 8px 8px 0 0;
    text-transform: capitalize;
    font-size: 16px;
}
.woocommerce-tabs .nav-tabs > li.active > a {
    border-top: 2px solid #ddd;
    color: #ff6a00;
}
.single-product .image-tools.absolute.bottom.left.z-3 {
    display: none;
}
.single-product .row {
    max-width: 1200px;
}
.isures-first {
    position: relative;
    max-width: 1170px !important;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
}
.isures-border:before {
    content: "";
    background: #e0e0e0;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
}
button.single_add_to_cart_button:before {
    content: "\f218";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    margin-right: 1em;
}
.cart button.button {
    border-radius: 4px;
}
.product-short-description {
    color: #999;
    font-size: 14px;
}
div.chi-nhanh {
    border: 1px solid #ccc;
    padding: 15px !important;
    border-radius: 4px;
}
div.chi-nhanh p, div.chi-nhanh ol, div.chi-nhanh li {
    margin-bottom: 0;
    font-size: 14px;
}
.isures-first > .col {
    padding-bottom: 15px;
}

/* Product Element Styles */
aside .product_list_widget > li {
    border-bottom: 1px solid #DCDEE3 !important;
}
aside .product_list_widget > li:last-child {
    border-bottom: none !important;
}
p.name.product-title a, aside .product_list_widget .product-title {
    min-height: 38px;
    height: auto;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    font-size: 14px;
}
.product-small .col-inner {
    background: #fff;
    border-radius: 3px;
    padding: 16px 16px 12px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
}
.product-small .box-image a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.02);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.prod-home .product-small.col {
    padding: 0 5px 10px;
}
.related-products-wrapper {
    margin: 15px auto;
    border: none;
}
.related-products-wrapper .product-section-title {
    padding-bottom: 0;
}
.related-products-wrapper .row {
    overflow: visible;
}
.related-products-wrapper button.flickity-button.flickity-prev-next-button {
    background: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    width: 30px !important;
    height: 30px;
    opacity: 1 !important;
    transform: translate(0);
    box-shadow: none;
    top: -40px;
    min-height: 30px;
}
.related-products-wrapper button.flickity-button.flickity-prev-next-button svg.flickity-button-icon {
    top: 0;
    left: 0;
    transform: translate(0);
    margin: 0;
    padding: 8px;
}
.related-products-wrapper button.flickity-button.flickity-prev-next-button.next {
    right: 10px !important;
}
.related-products-wrapper button.flickity-button.flickity-prev-next-button.previous {
    left: calc(100% - 75px) !important;
}
.single-product .isures-first ins span.woocommerce-Price-amount.amount {
    font-size: 25px;
    color: #e54d05;
}
.box-text.box-text-products {
    padding-bottom: 0;
}
.isures-first h1.product-title.product_title.entry-title {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Blog Post Home */
.blog-isures .box-text-inner.blog-post-inner {
    display: flex;
    flex-direction: column-reverse;
}
.blog-isures .col-inner {
    border: 1px solid #EBECF0;
    background: #fff;
    border-radius: 4px;
}
.blog-isures h5.post-title.is-large {
    text-transform: capitalize;
}
.blog-isures p.from_the_blog_excerpt {
    color: #fff;
    position: absolute;
    top: -100px;
    left: 0;
    padding: 10px 20px;
    font-weight: bold;
}
.blog-isures p.from_the_blog_excerpt:after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 3px;
    background: #fff;
    top: -15px;
    left: 20px;
}
.blog-isures .box-blog-post .is-divider {
    display: none;
}

/* Badge */
.badge-container.absolute.left {
    right: 0px;
    left: auto;
    top: 0px;
    margin-top: 0px;
}
.badge-container.absolute.left .badge-inner {
    background-color: rgba(255,212,36,.9);
}
.badge-container.absolute.left .badge-inner:before {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 19px 4px;
}
.badge-container.absolute.left .badge {
    width: 38px;
    height: 35px;
}
.badge-container.absolute.left .badge-inner .onsale {
    font-size: 12px;
    color: #ee4d2d;
    white-space: normal;
}

/* Quantity and Stock */
.isures-first .quantity.buttons_added.form-minimal {
    padding-left: 100px;
    position: relative;
    width: 100%;
    margin: 15px auto;
}
.isures-first .quantity.buttons_added.form-minimal .label {
    position: absolute;
    left: 0;
    top: 10px;
}
.isures-first button.single_add_to_cart_button.button.alt, .button.isures_buy_now {
    width: calc(50% - 10px);
}
.isures-first button.button.isures_buy_now {
    margin-right: 0;
    margin-left: 15px;
}
.single-product .stock.in-stock {
    display: none;
}
.box-text .price-wrapper .price del, .price-wrapper .stock {
    font-size: 12px;
}

/* Footer */
.footer .social-icons.follow-icons a {
    color: #000;
}
.footer .row.row-small {
    margin: 0;
}
.footer .isures-heading-description {
    margin-bottom: 25px !important;
}
.footer .isures-heading-description {
    padding-left: 0 !important;
}
.absolute-footer {
    display: none;
}
.footer {
    border: none;
}
.footer .section {
    padding: 0;
}
.row.bd-bt {
    font-size: 14px;
    padding-top: 30px;
    border-top: .03125rem solid rgba(0,0,0,.1);
}
.row.bd-bt .col {
    padding: 0;
}
.absolute-footer.dark {
    display: none;
    visibility: hidden;
}
.footer li a:hover {
    color: #f6470e;
}
.footer-2 .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-2 .menu li {
    border-top: none;
    padding: 0 1.5625rem;
    border-right: 1px solid rgba(0,0,0,.09);
    text-transform: uppercase;
    font-size: .75rem;
}
.footer-2 .menu li:last-child {
    border-right: none;
}
.footer-2 .menu li a {
    padding: 0;
    color: rgba(0,0,0,.54);
}
.footer-2 div.text-sm {
    font-size: 12px;
}
.footer-2 .text-sm > .col div {
    margin-top: .5rem;
}
#footer {
    font-size: 12px;
    color: rgba(0,0,0,.54);
}
#footer p > strong {
    text-transform: uppercase;
}

/* Menu in Footer */
.isures-list-post li a {
    color: rgba(0,0,0,.54);
    margin-bottom: 8px;
}

/* Checkout Form */
.woocommerce-billing-fields__field-wrapper p.form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.woocommerce-billing-fields__field-wrapper p.form-row label {
    width: 20%;
    text-align: right;
    margin-right: 25px;
}
.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper {
    flex-grow: 1;
}
.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input {
    box-shadow: none;
    border-radius: 4px;
}
.checkout .large-5.col .col-inner.has-border {
    background: #fff;
    border: 2px solid #ee4d2d;
}
.checkout.woocommerce-checkout h3 {
    color: #ee4d2d;
}
.checkout.woocommerce-checkout .product-name, .checkout.woocommerce-checkout .product-total {
    color: #000;
    border: none;
}
.checkout.woocommerce-checkout span.woocommerce-Price-amount.amount, .checkout.woocommerce-checkout span.woocommerce-Price-amount.amount a {
    font-size: 15px;
}
.woocommerce-billing-fields {
    border: none;
}
#customer_details {
    padding: 0 15px;
    border: 1px solid #ececec;
    background: #fff;
}

/* Cart */
.woocommerce-cart .woocommerce .woocommerce.row.row-large.row-divided {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin: 0 auto;
    background: #fff;
}
.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th {
    border-width: 1px;
    font-size: 12px;
    color: #000;
}
.cart_totals th.product-name {
    color: #ee4d2d;
    border: none;
    font-size: 20px;
    text-transform: capitalize;
}
.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before {
    height: 6px;
    transform-origin: -7% 100%;
    transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after {
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before {
    transform: rotate(-45deg);
    transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}

/* Stock Process */
.tbay-time-wrapper {
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
}
.single-product .isures-first .tbay-time-wrapper {
    margin: 0 0 25px;
    border: 1px solid #e20202;
    border-radius: 3px;
}
.tbay-time-wrapper > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tbay-time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 20px;
    background: #e20202;
    color: #fff;
    margin: 0;
}
.time.tbay-time span {
    font-size: 12px;
}
.tbay-time-wrapper + p.stock {
    margin: 0 !important;
    padding: 8px 0 10px;
}
.stock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.single-product .isures-first .stock {
    padding: 0 20px;
}
.tb-sold {
    margin-right: 13px;
    margin-left: 0;
    color: #888;
}
.tb-sold .sold {
    font-weight: bold;
    color: #000;
}
.progress {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 8px;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}
.progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fa4f26;
    height: 100%;
}

/* Responsive Styles */
@media screen and (min-width: 1024px) {
    /* Sticky Product Bar */
    .isures-custom-sticky > .col.isures-sticky {
        padding: 0;
    }
    .isures-custom-sticky .left-0 {
        padding-left: 0;
    }
    .isures-sticky > .col-inner ul.sidebar-wrapper.ul-reset.is-sticky-column__inner {
        padding-bottom: 40px;
    }
    .isures-form {
        max-width: 70%;
    }
    .form-white .main-title h3 {
        font-size: 36px;
    }
    .bg-white > .col-inner {
        background: #fff;
        padding: 10px 20px 0;
        border-radius: 8px;
    }
    .row.row-small.bg-white {
        background: #fff;
        padding: 20px 0;
        padding-bottom: 20px;
        border: 1px solid #DCDEE3;
    }
}

/* List Post */
.only-head .isures-list-post a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-left: 16px;
    border-bottom: 1px solid rgba(220,222,227,.7);
    padding-bottom: 15px;
}
.only-head .isures-list-post .title {
    margin: 20px 40px 14px 0;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    max-height: 44px;
    display: -webkit-box;
    text-overflow: ell
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.only-head .isures-list-post .view-more {
    display: inline-block;
    max-width: 110px;
    padding: 0 10px;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    line-height: 21px;
    height: 20px;
    background: #12225b;
}
.only-head .isures-list-post .item-banner {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
.only-head .isures-list-post .top-banner {
    display: block;
    height: 32px;
    line-height: 33px;
    color: #fff;
    font-weight: 700;
    background-color: #12225b;
    width: 100%;
    position: relative;
    text-align: center;
}
.only-head .isures-list-post a:last-child {
    border-bottom: none;
}

/* Responsive Styles for Max Width 1024px */
@media screen and (max-width: 1024px) {
    div#logo {
        width: 115px;
    }
    .isures-first button.single_add_to_cart_button.button.alt, .button.isures_buy_now {
        width: 100%;
        margin-left: 0 !important;
    }
    .header-main .flex-col.show-for-medium.flex-right {
        width: 100%;
    }
    .header-main .searchform-wrapper.ux-search-box.relative.is-normal form.searchform button.submit-button span {
        display: none;
        visibility: hidden;
    }
    #main {
        background: #fff !important;
    }
    .isures-heading-description.row.row-small {
        padding: 0 10px;
    }
    .tbay-time-wrapper {
        flex-direction: column;
    }
    .isures-first {
        padding: 0;
    }
    .woocommerce-tabs .nav-tabs > li > a {
        border-radius: 0;
    }
    .form-white .col-inner {
        padding: 15px !important;
    }
    .related-products-wrapper button.flickity-button.flickity-prev-next-button svg.flickity-button-icon {
        padding: 8px !important;
    }
}

/* Cart */
.header-main a.header-cart-link {
    display: flex;
    flex-direction: column-reverse;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}
.header-main a.header-cart-link i {
    transition: none;
}

/* Feature Post Horizontal */
ul.isures-list-post.horizontal {
    display: flex;
    list-style-type: none;
}
ul.isures-list-post.horizontal li {
    margin-bottom: 0;
}
ul.isures-list-post.horizontal li a {
    color: #333;
    border-left: 1px solid #ddd;
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px !important;
    margin-bottom: 0;
    line-height: 20px;
    position: relative;
}
ul.isures-list-post.horizontal li:first-child a {
    border: none;
}
ul.isures-list-post.horizontal li:first-child .dot, ul.isures-list-post.horizontal li:last-child .dot {
    width: 10px;
    height: 10px;
    background-color: #d0021b;
    border-radius: 100%;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -5px;
    display: block;
}
.dot.livestream {
    left: 15px;
}
ul.isures-list-post.horizontal li:first-child .dot .ping, ul.isures-list-post.horizontal li:last-child .dot .ping {
    border: 1px solid #d0021b;
    width: 10px;
    height: 10px;
    opacity: 0;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -moz-animation: sonar 1.25s linear infinite;
    -o-animation: sonar 1.25s linear infinite;
    -webkit-animation: sonar 1.25s linear infinite;
    animation: sonar 1.25s linear infinite;
    display: block;
}

@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}