/* Import Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
  font-family: "expert-sans-light";
  src: url("../fonts/expert-sans-light.woff2") format('woff2');
}
@font-face {
  font-family: "expert-sans-regular";
  src: url("../fonts/expert-sans-regular.woff2") format('woff2');
}
@font-face {
  font-family: "expert-sans-b14";
  src: url("../fonts/expert-sans-b14.woff2") format('woff2');
}

/* H2 size on the faq page */
body.faqs h2 {
  font-size: 20px;
}
.fa {
  line-height: 1;
  font-family: FontAwesome;
  display: inline-block;
}

.monts {
  font-family: 'Montserrat', sans-serif;
}
.os {
  font-family: 'Open Sans', sans-serif;
}
input,button,select,textarea {  font-family: 'Open Sans', sans-serif;}
body {  font-family: 'Open Sans', sans-serif;  color: #6a6a6a;}
h1,h2,h3,h4,h5,h6 {  color: #FF7700;}
h1 {  font-weight: 400;  font-size: 37px;  font-family: 'Open Sans', sans-serif;  margin-top: -4px;  margin-bottom: 20px;}
h2,h3,h4,h5 {  font-weight: 400;}
b {  font-weight: 600;}

.wrap-products-listing {
  overflow: hidden;
  font-size: 13px;
}

.wrap-products-listing .name a {
  text-decoration: none;
  font-weight: 700;
  display: inline;
    transition: color 250ms;
    -webkit-transition: color 250ms;
}

.wrap-products-listing .price h2 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}

body.modal-open {
  padding-right: 0 !important;
}

#main_content {
  font-weight: 400;
}

span.note {
  font-size: 24px;
  margin-left: 19px;
  color: #666;
}
.summary {
  background: #e7e7e9;
  padding: 16px;
  border: 1px solid #cfcfcf;
}
.summary > .title {
  padding-bottom: 16px;
}
.summary > .title span,
.summary > .title h2 {
  display: inline-block;
}
.summary > .title h2 {
  font-size: 33px;
  margin: 8px 0 0 8px;
}
.summary > .title span {
  font-size: 19px;
  margin-left: 2px;
  color: #666;
}
.info {
  font-weight: 600;
  margin: 2px 0 13px;
}
.alert-info { background-color: #e9e9e9; border: 1px solid #e9e6e6;}
.alert-info h2, .alert-info p {  color: #4c4c4c; }

.price_break .head {text-transform: uppercase; padding-right: 30px; font-weight:normal; padding-bottom: 10px; }
.price_break .border-top { border-top: 2px solid #777; }
.price_break .border-top td { padding-top: 10px; }
.form-inline button  { margin-right: 25px; }
td.current_user { color: red;}
.btn.expanded { display: block; width: 100%; border-bottom: 2px solid #bbbbbb; border-right: 2px solid #bbbbbb; border-left: 2px solid #bbbbbb; border-radius: 0;}
.wrap-products-listing .listing_product.region { border-bottom: 0; border-radius: 0; height: 200px;}

/* Homepage category box styling */
.resourceContainer .category-box-container .btn {
  padding: 10px;
  margin: 10px 0;
}
.resourceContainer .category-box-container > .panel-heading {
   text-align: left;
 }

body.basket .basket_row_desktop.addon_product img {
  width: 60%;
  margin-left: 50%;
}

body.basket .addon_product {
  font-size: 12px;
}

body.basket .basket_row_desktop .addon_product_plus {
  margin-left: 5%;
}

.addon_product_plus {
  color:black;
  position:absolute;
  display:block;
  float:left;
}

/* ASPEN THEMING - TAKEN FROM BOEHRINGER INGELHEIM */
/* CAROUSEL BORDER RADIUS */
.cycle-carousel-wrap .carousel_item a img {
  border-radius: 10px;
}

/* PRODUCT DETAILS 5.1.12 */
.product_detail .ui-widget-content {
  background-color: #f6f5f3;
  border: none;
}

/* FAVOURITE HEART IN DETAILS LINE HEIGHT */
.fa {
  font-family: FontAwesome;
  display: inline-block;
}

#main_content > div.content.container > div.row.product_detail > div.col-12.col-sm-7 {
  padding-bottom: 100px;
}

.form-control {
  border-radius: 0;
  border: 1px solid #CCCCCC;
  border-bottom-color: #CCCCCC;
  box-shadow: none;
}

header a, header .nav-item {
  text-transform: none;
  color: #666;
}

/* SIDEBAR */
.sidebar .categories h3  {border: 0;}
.sidebar .categories ul {border: 0;}
.sidebar .categories ul {
  list-style: none;
}

.sidebar .categories a {
  padding: 0px 0px 10px 0px;
}

.sidebar .categories li.children a {
  padding: 0px 0px 0px 15px;
  font-weight: normal; font-style: normal;}

.sidebar .categories li a {
  color: #000000;
}

.sidebar .categories li.children a {
  padding: 0px 0px 0px 15px;
  font-weight: normal;
  font-style: normal;
}

/* GALLERY THUMBNAIL STYLE */
.product_image_thumbnail_nav {
  height: 30px;
  border-radius: 90px;
  width: 30px;
  display: block;
  position: absolute;
  background: #03e882;
  color: #fff;
  opacity: 1;
  cursor: pointer;
  z-index: 1;
}

.product_image_thumbnail {
  max-height: 100px;
  border-radius: 10px;
  background-color: white;
}

/* MOVE PRICE DOWN PRODUCT LISTING */
.listing_product .price h2 {
  margin-top: 5px;
}

/* OUT OF STOCK SPACING ABOVE */
.discount_table .alert-danger {
  clear: both;
  width: 100%;
}

/* BANNER SPACE BETWEEN NAV BAR*/
.banner-container .img-img {
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 0px;
}

a.cycle-pager-active span {
  background-color: #FF7700;
}

.cycle-pager span {
  font-size: 50px;
  width: 16px;
  height: 16px;
  color: #ddd;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 10px;
  margin: 0 3px;
}

/*PRICE BREAK DISCOUNT TABLE*/
.discount_table .top {
  font-weight: bold;
  color: #191919;
}

.discount_table tr ~ tr td, .discount_table tr ~ tr th {
  padding-top: 10px;
  color: #191919;
}

.discount_table .price-col, .discount_table .qty-col {
  text-wrap-mode: nowrap;
  padding-right: 0 !important;
}

/*SHADOWBOX STYLING */
.ratio-16x9 {
  background: white !important;
  border-radius: 20px;
}

#size-selector {text-transform: capitalize;}

/*SPACE BETWEEN DESCRIPTION AND VARIANT PICKER */
/*TODO CS still required or can we use bs5 classes?*/
.product_detail .comments {
  margin-bottom: 30px;
}


/*****************************************************************
 ******************** HEADER - COLOURS ETC. **********************
 *****************************************************************/

header {
  background-color: #fff;
}

img.search-svg, .search-svg svg  {
  color: #666;
}

/* HEADER SEARCH BAR */
.search.header_item .form-group .form-control {
  background-color: transparent;
}
header .search input {
  border-width: 2px;
}

#header-message p {
  line-height: 1.5rem !important;
  text-align: center !important;
}

/*****************************************************************
 ******************** FOOTER - COLOURS ETC. **********************
 *****************************************************************/

footer {
  background-color: #2F2F2F;
  color: #FFF;
}

#footer_top, #footer_top a {
  color: #FFF;
  text-decoration: none;
}

footer .site-logo {
  width: 165px;
}

footer .site-logo svg {
  fill: #003b95;
}