/* your styles go here */

body {background-color: whitesmoke;}
/* Page Layouts */
.container {width: 90%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media screen and (max-width: 480px) {.container {width: 100%;}}
/* end */
#top ul.menu{padding-top:0px}
.navbar .navbar-nav>.nav-item>.nav-link{color:#333!important}
.navbar .navbar-nav>.nav-item>.nav-link.active, .navbar .navbar-nav>.nav-item>.nav-link:focus{color:white!important}
.navbar .navbar-nav>.nav-item>.nav-link:hover{color:white!important}
.navbar {background-color:lightblue!important}

/* basket icon*/
.navbar-icon-link-badge {position: relative;top:0px;right: -17px;width: 20px;height: 20px;
    line-height: 20px;border-radius: 50%;color: #fff;text-align: center;font-size: .6rem;}


/* header */
#top, #footer {background-color:#333!important; color:#f3f3f3!important}
.bg-333{background-color:#333!important}
/* end */

/*home*/
.category-item-title{display: inline-block;padding: 0.5rem 1rem;background: #fff;text-transform: uppercase;
letter-spacing: 0.07em;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 5px rgba(0,0,0,0.07);
font-size: 0.8rem;}
.category-item-title:hover{color:#333!important;background:lightblue!important}
.category-item {display: block;position: relative;color: #343a40;transition: all 0.3s;}
.content-boxes .box h3{font-weight: 400!important;letter-spacing: .04em!important;}
/*end*/

/* various sitewide */
a:hover, a:focus {color: #44abe4;text-decoration: underline;}
.btn{border-radius:0px!important}
.btn-primary{background-color:#ddd;border-color:#ddd;color:#333!important}
.btn-primary:hover{background-color:yellow;border-color:yellow}
.btn-wide{width:100%;border-color:lightblue!important;border-radius:4px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight: 600!important;background:lightblue!important;
border: 1px solid transparent!important;padding: .375rem .75rem!important;font-size: .9rem!important;line-height: 1.5!important;}
.sitefeature{border: 0.5px solid lightgrey;padding: 2% 2%;margin-right: 2%;background: white;border-radius:4px;text-align:center}
.sitefeature:hover{background: #333;color:white;border-radius:4px}
.btn-outline-secondary, .btn-outline-secondary a{border:1px #ddd solid!important;font-weight:600!important;color:#333!important;letter-spacing: 0.07em!important;}
.btn-outline-secondary:hover, .btn-outline-secondary:hover a{border:1px #333 solid!important;font-weight:600!important;color:#fff!important;letter-spacing: 0.07em!important;}
.btn+.btn{margin-left:0px!important}
.addcart{font-size:1.25rem;padding:1rem 5rem;}
.navbar .menu-large ul .nav-item a:hover{color:#fff}
.navbar .menu-large ul .nav-item a{letter-spacing:0.01em!important}
h1,h2{font-family:'Rubik',Arial,sans-serif;}
h3,h4{font-family:'Rubik',Arial,sans-serif;}
h5,h6{font-family:'Rubik',Arial,sans-serif!important;}
.navbar .menu-large h5{letter-spacing:0.01em!important}
h1{}
h2{}
h3{}
h4{}
h5{font-size:0.875rem!important;text-transform:capitalize!important}
.col-6{padding-left:5px!important;padding-right:5px!important;padding-bottom:5px!important}
.box{-webkit-box-shadow: none!important;box-shadow: none!important;padding:20px 20px!important;margin:0 0 10px!important;background:lightblue!important}
.box2{-webkit-box-shadow: none!important;
    box-shadow: none!important;
    padding: 20px 20px!important;
    margin: 0 0 10px!important;
    background: white!important;
    border: solid 1px #e6e6e6;
}
.icon{font-size:4rem!important;top:0.625rem!important;}
.bluebord{border:2px lightblue solid;border-radius:4px}
@media screen and (max-width: 480px) {
.h1,h1{font-size:1.5rem!important;}
.h2,h2{font-size:1.375rem!important;}
.h3,h3{font-size:0.825rem!important;}
.h4,h4{font-size:0.875rem!important;}
.h5,h5{font-size:0.625rem!important;}
.h6,h6{font-size:0.5rem!important;}
.breadcrumb-item{font-size:0.625rem!important}
.table td{font-size:0.625rem!important}
#content .product .text h3{font-size:0.825rem;height:100px}  
}
/*product grid side padding changes */
.col-6{padding-left:5px!important;padding-right:5px!important;padding-bottom:5px!important}
#content .product .text h3{font-size:1rem;height:100px;font-weight:400!important;line-height:1.5!important}  
#content .product .text p.price{font-weight:500!important;font-family:'Rubik',Arial,sans-serif!important}
.breadcrumb{-webkit-box-shadow: none!important;box-shadow: none!important;border-radius: 0!important;padding: none!important;}
.title{min-height:60px}
/* end */

/*basket*/
#delivery-message {text-align: center;font-weight: 600;font-size: 1.25rem;padding: 1rem;background: lightblue;
}
/*end*/
.dropdown-item {white-space: normal;padding:.25rem 0rem;}
.navbar .menu-large ul .nav-item a{color: #333;font-size: .738rem;display: block;padding: 0 !important;text-transform:capitalize;}
.menu-large .megamenu{width:90%!important;max-width:none!important}
.table{width:none!important;max-width:none!important}