/* General */
.full-width{
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2) !important;
    width: 100vw;
}

body{

}

.controls-list .nav-link:not(.toggle-basket-preview){
    color: #0088CC;
}
.controls-list .nav-link:hover{
    color: #ffffff;
}

.round-border{
    border: 1px solid #ddd;
    border-radius: 7px;
}

.btn{
    border-radius: 7px;
}

.input-group-btn .btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.height-200{
    height: 200px;
}

.height-300{
    height: 300px;
}

.height-400{
    height: 400px;
}

@media (max-width: 575px) {
    .flex-xs-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .control-user .d-none.d-sm-inline{
        display: inline !important;
    }

    .navbar-toggler{
        font-size: 30px;
        color: #0088CC;
    }

    .topbar-content-wrap{
        padding-right: 1em;
    }


}
.topbar-content-wrap{
    align-items: center;
}
/* Header */
.header .topbar-widget{
    margin-top: .5em;
}

/* Header Menu */

.main-navbar-collapsable .mainmenu > li:hover,
.main-navbar-collapsable .mainmenu > li.hover{
    border-radius: 4px 4px 0 0;
}

.main-navbar-collapsable .mainmenu > li:hover > ul,
.main-navbar-collapsable .mainmenu > li.hover > ul{
    background-color: #ffffff;
    border-top: #0088CC 5px solid;
    color: #212529;
}

.megamenu .mainmenu .collapse{
    column-count: 1;
}


.mainmenu > li.ddown:hover > ul,
.mainmenu > li.ddown.hover > ul{
    display: flex;
}

.normalmenu .collapse-inner > li:hover{
    background-color: #f4f4f4;
}

.mobile-navigation{
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.header-logo{
    max-width: 250px;
    display: flex;
}

.header-logo>.navbar-brand{
    margin-top: auto;
    margin-bottom: auto;
}

.navbar-brand img{
    max-height: 100px;
}


@media (min-width: 992px){
    .header.full-width{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .header.full-width .container{
        max-width: 1200px;
    }

    .header .bluewater-top-bar-container{
        margin: 1em;
        flex-wrap: nowrap;
    }
    .main-navbar-collapsable .mainmenu{
        flex-flow: row;
        align-items: center;
    }



}

@media (max-width: 400px){
    .top-bar .search-container .search-input{
        max-width: 180px;
    }
}

@media (max-width: 991px){

    .header.full-width .container{
        max-width: 992px;
    }

    .header .navbar-toggler{
        position: relative;
        font-size: 25px;
        color: #FFFFFF;
        line-height: 20px;
    }

    .header .navbar-toggler{
        position: relative;
        font-size: 30px;
        color: #0088CC;
        line-height: 20px;
        font-weight: bolder;
        margin: 0;
        border: 0;
        vertical-align: middle;
    }

    .header .topbar-content-wrap{
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: center;
    }
    .header .topbar-widget{
        display: none;
        position: fixed;
        bottom: 50px;
        right: 10px;
    }

    .header .topbar-widget .navbar{
        background-color: #008EBD;
        border-radius: 7px;
    }

    .header .topbar-widget .megamenu>div{
        padding: 0;
    }

    .header-logo{
        margin: 12px auto;
        width: 100%;
    }

    .header-logo a.navbar-brand,
    .header-logo img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-navigation.open{
        max-width: 500px;
    }

    .mobile-navigation{
        background-color: #1d2127;
    }

    .columns-md-full-width>div{
        max-width: 100%;
    }

    .with-sidebar>div:first-child>div{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sidebar-widget{
        width: calc(50% - 1em);
    }



}

/* Search */
.always-visible-search .search-input{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}


.always-visible-search .search-submit{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* Breadcrumb */

.breadcrumb{
    background-color: initial;
    font-size: small;
}

.breadcrumb>li:last-child{
    color: #ccc;
}

/* Slider */
.main-slider.widget-proportional{
    padding-bottom: 43.33333%;
}

.main-slider .carousel-item>a{
    pointer-events: none;
    cursor: default;
}

.widget-image-carousel .widget-inner .carousel-control{
    display: none;
}

.widget-image-carousel .widget-inner .carousel-indicators{
    padding: 0;
}

.widget-image-carousel .widget-inner .carousel-indicators li{
    width: 1rem;
    height: 1rem;
    margin: 3px;
}

/* brand site */

.brand-set>.widget-inner{
    margin-bottom: 1em;
}
/* category banner */

.category-banner>div>.bg-cover{
    border-bottom: 5px solid #ccc;
}

.category-banner>div.container-max>.w-100{
    width: auto !important;
    border-bottom: 5px solid #0088CC;
}

.category-top-bar .sort-text .widget-inner{
    padding-left: .5rem;

}

.category-top-bar .widget-item-sorting,
.category-top-bar .sort-text {
    display: inline-block;
}

/* Sidebar Widgets */

.widget .widget-inner .sidebar-widget{
    border: 1px solid #ddd;
    border-radius: 7px;
    background-color: #FBFBFB;
    margin-bottom: 1.5em;
    align-self: center;
    min-height: 150px;
}

.widget .widget-inner .sidebar-widget.contact ul{
    list-style-type: none;
    padding-left: 0;
}


.widget .widget-inner .sidebar-widget.contact ul li{
    margin-bottom: 1em;

}

.sidebar-widget img.img-cover{
    object-fit: contain;
}


.category-sidebar-widget>div>.card.pt-4{
    padding-top: 0 !important;
    border: 1px solid #dddddd !important;
    border-radius: 7px;
    background-color: #FBFBFB;
    margin-bottom: 1.5rem;
}

.category-sidebar-widget>div>.pt-4>.title{
    padding-top: 1.5rem !important;
    padding-bottom: 1rem !important;
    background-color: #F5F5F5;
    color: #777;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
}

.filter-collapse .category-sidebar-widget  .form-check-label:hover,
.widget-filter-base.category-sidebar-widget  .form-check-label:hover{
    background-color: initial;
    color: #0088CC;
}

.filter-collapse .category-sidebar-widget  .form-check-label:hover .filter-badge,
.widget-filter-base.category-sidebar-widget  .form-check-label:hover .filter-badge{
 color: #0088CC;
}

/* Product/Category Sidebar*/
@media (min-width: 768px){
    .product-sidebar .list-controls-inner{
        display: none;
    }

    .product-sidebar .filter-collapse{
        display: block;
        position: relative;
    }

    .product-sidebar .collapse>div>div:last-of-type{
        display: none;
    }

    .product-sidebar .filter-collapse>div{
        padding: 0;
        background: initial;
        border: none;
    }

    .product-sidebar .filter-collapse .widget-filter-price .item-filter-price{
        display: block;
        text-align: right;
    }

    .product-sidebar .filter-collapse .widget-filter-price .item-filter-price .input-group{
        margin-bottom: 1rem;
    }

}

@media (max-width: 767.98px){
    .product-sidebar .list-controls-inner .d-sm-flex{
        justify-content: center;
    }

    .product-sidebar .list-controls-inner .d-sm-flex>.flex-fill{
        display: none;
    }

    .product-sidebar .list-controls-inner a{
        font-size: 1.2em;
    }

    .product-sidebar .collapse-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .product-sidebar .collapse-container .category-sidebar-widget{
        width: 100%;
    }


}

@media (max-width: 575.98px){
    .widget-item-grid .product-list>.col-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .widget-item-grid .product-list>.col-6 .thumb-image{
        float: left;
        width: 120px;
    }


    .widget-item-grid .product-list>.col-6 .thumb-content{
        width: calc(100% - 120px);
    }
}


/* Wishlist */

.wishlist-page.wishlist-container>div
{
    background-color: #F8F9FA !important;
}

.basket-list-item{
    background-color: #FFFFFF;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #dddddd;
    border-radius: 7px;
}

.basket-list-item:hover{
    border-color: #0088CC;
}

.basket-list-item .item-name{
    font-size: small;
}

.wishlist-page.wishlist-container .basket-list-item .image-container{
    width: 150px;
}

@media (max-width: 575.98px){
    .wishlist-page.wishlist-container .basket-list-item .image-container {
        width: 50px;
    }
}


.basket-preview-content .item-list{
    background-color: #f8f9fa;
    padding-top: 1rem;
}

.wishlist-page.wishlist-container .basket-list-item .meta-container-wrapper>div.text-right{
    float: right;
    display: block;
}

/* add to basket */

.modal-dialog .modal-content{
    border: 1px solid #dddddd;
    border-radius: 7px;
}

/**/
.additional-information-box,
.info-box{
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 7px;
}

/* Basket */

#ppButton{
    text-align: right;
    margin-top: 1rem;
}

.modal-content #ppButton{
    margin: 0 1em 1em 1em;
}

.widget.cart-link{
    margin-left: auto;
    width: 170px;
}

/* Item List Widget Main Page */

.widget-item-list .widget-caption{
    padding-left: 0;
}

.widget-item-list article,
.widget-item-grid article{
    border: 1px solid #ddd;
    border-radius: 7px;
}

.widget-item-list article:hover,
.widget-item-grid article:hover{
    border-color: #0088CC;
}

.widget-item-list article .thumb-title,
.widget-item-grid article .thumb-title
{
    font-size: 1.1em;
    margin: 0.5em 0px;
}

/* Single Item */

.add-to-basket-container{
    margin: 1em 0;
}

.widget-availability{
    font-size: medium;
}

.variation-select{
    max-width: 370px;
}

.input-unit, .input-group{
    border-radius: 7px;
}

.add-to-basket-container button.btn-block{
    max-width: 250px;
    border-radius: 7px;
    font-size: medium;
}

.add-to-basket-container button .fa-shopping-cart{
    padding-left: 30px;
    float: left;
}

.tab-content div.tab-pane>div{
    margin-top: 0 !important;
    padding-top: 1.5em;
    border: 1px solid #ccc;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-color: #FFFFFF;
}

.nav-tabs, .single .nav-tabs .nav-link, .page-singleitem .nav-tabs .nav-link{
    border-bottom: none;
}
.single .nav-tabs .nav-link.active{
    color: #0088CC !important;
    border-top: 3px solid #0088CC;
}

.single .nav-tabs .nav-link{
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: #0088CC !important;
}

.single .widget-item-image .owl-single-item:first-child .owl-stage-outer,
.single .widget-item-image img.owl-thumb{
    border: 1px solid #ccc;
    border-radius: 7px;
}

.nav-tabs .nav-item{
    margin-right: 2px;
}

.variation-select{
    padding-left: 0;
}

@media (max-width: 575.98px){
    .single .nav-tabs, .page-singleitem .nav-tabs {
        display: inline-flex;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;

    }
}

.widget-add-to-basket #ppButton{
    text-align: left;
}


    /* Footer */

.footer .footer-bottom{
    color: #f4f4f4;
    background-color: #060606;
}

.footer .footer-bottom img{
    height: 50px;
    margin: 1em 1em 1em 0;
}
.footer ul.list-unstyled{

}

.footer ul.list-unstyled a{
    color: #f5f5f5;
}

.footer ul i {
    color: #0088CC;
}

.footer ul.list-unstyled li{
    margin-top: 1em;
}

.footer ul.contact-details span {
    display: block;
}