/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // $see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // $note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/


/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */

#header {
  /* 1. Header wrapper */
}

#highlighted {
  /* 2. Highlighted (below header) wrapper */
}

#content {
  /* 3. Content wrapper */
}

#content-below {
  /* 4. Content Below wrapper */
}

#footer {
  /* 5. Footer wrapper */
}


/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */


/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */


/* Extra small devices (phones, less than 768px) */


/* No media query since this is the default in Bootstrap */

@media (min-width: 576px) {
  /* Small devices (576px and up). Mixin: media-breakpoint-up(sm) */
}

@media (min-width: 768px) {
  /* Medium devices (768px and up). Mixin: media-breakpoint-up(md) */
}

@media (min-width: 992px) {
  /* Large devices (992px and up). Mixin: media-breakpoint-up(lg) */
}

@media (min-width: 1200px) {
  /* X-Large devices (1200px and up). Mixin: media-breakpoint-up(xl) */
}


/* max-width */

@media (max-width: 575px) {
  /* Small devices (575px and down). Mixin: media-breakpoint-down(xs) */
}

@media (max-width: 767px) {
  /* Medium devices (767px and down). Mixin: media-breakpoint-down(sm) */
}

@media (max-width: 991px) {
  /* Large devices (992px and down). Mixin: media-breakpoint-down(md) */
}

@media (max-width: 1199px) {
  /* X-Large devices (1200px and down). Mixin: media-breakpoint-down(lg) */
}


/* target one breakpoint */

@media (min-width: 576px) and (max-width: 767px) {
  /* Small devices (between 576px and 767px). Mixin: media-breakpoint-only(sm) */
}

@media (min-width: 768px) and (max-width: 991px) {
  /* Medium devices (tablets, between 768px and 991px). Mixin: media-breakpoint-only(md) */
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* Large devices (desktops, between 992px and 1199px). Mixin: media-breakpoint-only(lg) */
}

@media (min-width: 1200px) {
  /* Extra large devices (large desktops, 1200px and up). Mixin: media-breakpoint-only(xl) */
}


/* span multiple screenwidths */

@media (min-width: 768px) {
  /* From medium to large (between 768px and 1199px). Mixin: media-breakpoint-between(md, xl)  */
}


/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
 
.logo {
	max-width: 180px;
}

.product_image_box {
	min-width: 150px;
	min-height: 100px;
}

.product_image_box img {
	max-width: 140px;
}

.red {
	color: red;
}

.table.cart-table td, .table.cart-table th {
	padding: .4rem;
	vertical-align: top;
	border-top: 1px solid #eceeef;
}


button, .add_to_cart {
	cursor: pointer;
}

.product_extra_info {
	text-align: left;
	background-color: #eee;
	padding: 1em;
	display: block;
}

.navbar, .navbar-main {
	background: #34495E !important;
}

.cart-items h5, h4.card-title a {
	white-space: normal;
    flex-wrap: wrap;
}

.cart-items-item {
	line-height: 1.3em;
	border-bottom: 1px solid #3f4042 !important;
}

.stop-justify {
	display: block;
	justify-content: unset;
}
.nav-section-menu.nav .nav-section-menu a.nav-link {
	font-weight: bold !important;
}
.nav-section-menu.nav .nav-link.active.msm_top_nav {
	border-right:  1px solid #E6E6E6 !important;
}

/* Small devices and up */
@media (min-width: 576px) {
	.card-block {
		flex-wrap: nowrap;
	}
}

.card-block .btn {
	min-width: 140px;
}
.header-search form input {
	color: white;
}
.navbar-toggleable-md .navbar-main.collapse .dropdown-menu, .navbar-toggleable-md.navbar-main.collapse .dropdown-menu {
	border-bottom: 0px solid white !important;
}
#page-header, .page-header {
	padding: 15px 0;
}
@media (max-width: 575px) {
	#page-header small.text-muted {
		display: block;	
	}
	.product_image_box {
		/* no need to force them to take up space on a phone */
    	min-width: 0px;
    	min-height: 0px; 
    }
}
.ribbon2 {
	right: -55px;
	bottom: 35px;
}
.ribbon3 {
	right: -40px;
	bottom: 50px;
}
.search_text {
	margin: 6px 0px 0px 10px;
}
.cart_button {
	font-size: 9px;
}



.text-font-slab, .text-slab {
    font-family: inherit !important;
}

/*Style 2*/
.collapse-style-2 .panel {
  border-color: transparent;
}

.collapse-style-2 .panel-heading {
  background-color: transparent;
}

.collapse-style-2 .panel-heading a {
  color: #ffffff;
  background-color: #09afdf;
}

.collapse-style-2 .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f106";
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  top: 50%;
  line-height: 1;
  margin-top: -7px;
}

.collapse-style-2 .panel-heading a.collapsed:after {
  content: "\f107";
}

.collapse-style-2 .panel-body {
  border-top: none !important;
  background-color: transparent;
  padding: 15px 0;
}

.collapse-style-2 .panel-body.p-15 {
  padding: 15px;
}

.panel-group .panel-default {
  border-color: #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .panel-heading {
  padding: 0;
}

.panel-heading a {
  font-weight: 400;
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 15px;
  color: inherit;
}

.media_button {
	background-color: #478bbc;
	color: white;
}

.clickable_div img {
	cursor: pointer;
}

.no-pad-state {
	padding: 0px !important;
}

.navbar-toggleable-md .navbar-main.collapse .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item.no-pad-state, .navbar-toggleable-md.navbar-main.collapse .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item.no-pad-state {
    padding: 0px !important;
}

@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #change_cart_button{ display:none !important;}
  #footer{ display:none !important;}
  .no-print{ display:none !important;}
  .table{ font-size:1vw !important;}
  #contentarea{ width:100%;}
}

.ui-widget.ui-widget-content {
	font-size:12px;
}

h3 em {
    font-style: italics;
}

/* Added by SG to fix the cart layout */
.cart-dropdown-menu {
	left: 0 !important;
    right: auto !important;
}

/* Moves the arrow to the left */
.dropdown-menu-arrow.dropdown-menu-right:after, .dropdown-menu-arrow.dropdown-menu-right:before {
	left: 20px !important;
	right: auto !important;
}

/* makes body links be blue and more visible */
.panel-body a, .panel-body a:focus, .panel-body a:hover {
	color: #09AEDF;
}