/*
 * bluetinweb custom css additions to helix custom code template
 * 22-02-2023
 */
@charset "UTF-8";

/* 1. CUSTOM CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 {
font-size: 1.7rem !important;
}

h2 {
font-size: 1.5rem !important;
}

h3 {
font-size: 1.4rem !important;
}

h4 {
font-size: 1.3rem !important;
}

h5 {
font-size: 1.2rem !important;
}

h6 {
font-size: 1.1rem !important;
}

#sp-menu a {
font-size: 1.3rem;
}

#eshop-cart .eshop-items a {
font-size: 0.9rem;
color: #cccccc;
}

@media handheld, only screen and (max-width: 480px) {
	#eshop-cart .eshop-items a {
	font-size: 0.9rem;
	color: #2b2b2b;
	}
	.eshop-content {
	min-width: 300px !important;
	right: -30px !important;
	}
}

@media handheld, only screen and (max-width: 760px) {
	#eshop-cart .eshop-items a {
	font-size: 0.9rem;
	color: #2b2b2b;
	}
	.eshop-content {
	min-width: 300px !important;
	}
}

.eshop-content {
right: 0px;
min-width: 350px !important;
}

#eshop-cart .eshop-content a, #eshop-cart .eshop-content {
font-size: 1.0rem;
color: #2b2b2b;
}

.blax {
color: #333333;
}

.graze {
color: #AAAAAA;
}

.maroon1 {
color: #830B1C;
}

.purple1 {
color: #CC99FE;
}

.bluze{
color: #0099FF;
}

.bold-blue{
color: #0099FF;
font-weight: bolder;
}

.light-blue {
color: #61B3FF;
}

.redz{
color: #FF4D5A;
}

.bold-red{
color: #FF4D5A;
font-weight: bolder;
}

.light-red {
color: #FF9191;
}

.pad20 {
padding: 20px;
}

.indent20 {
padding-left: 20px;
}

.line-height10 {
line-height: 10px;
}

.line-height12 {
line-height: 12px;
}

.line-height15 {
line-height: 15px;
}

.b12px {
font-size: 12px;
}

.b14px {
font-size: 14px;
}

.b16px {
font-size: 16px;
}

.b18px {
font-size: 18px;
}

.b20px {
font-size: 20px;
}

.b22px {
font-size: 22px;
}

.b60px {
font-size: 60px;
}

.moreBold {
font-weight: 700;
}

.clearB {
clear: both;
}
.clearL {
clear: left;
}
.clearR {
clear: right;
}

.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-italic {
font-style: italic;
}

.quoted {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.1em;
}

.quoted-italic {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.0em;
	font-style: italic;
}

/* Image Styles
---------------------------------------------------------------------------- */
	
.img-right, 
.img-left,
.img-left2, 
.img-rounded { 
	vertical-align: middle; 
	max-width:100%; height:auto; 
	-ms-interpolation-mode:bicubic; 
}

/* Image Right */

.img-right { 
  float: right; 
  margin: 0 0 10px 30px; 
}

.img-right2 { 
  float: right; 
  margin: 0 0 10px 0px; 
}

@media handheld, only screen and (max-width: 480px) {
  .img-right { 
    float: none; 
    margin: 0; 
  }
}

/* Image Left */

.img-left { 
  float:left; 
  margin: 0 30px 10px 0; 
}

.img-left2 { 
  float:left; 
  margin: 0 0px 10px 0; 
}

@media handheld, only screen and (max-width: 480px) {
  .img-left, .img-left2 { 
    float: none; 
    margin: 0; 
  }
}

/* Image Center */

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 21px;
  margin-bottom: 21px;
}

/* Image Rounded */

.img-rounded {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Image Circle */

.img-circle {
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Image Polaroid */

.img-polaroid-dark { 
	padding: 7px; 
	background-color: #222;
	border: 1px solid #444;
}

.img-polaroid { 
	padding: 7px; 
	background-color: #eee;
	border: 1px solid #ddd;
}

/* Image Shadow */

.img-shadow-dark {
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.77);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.77); 
  box-shadow: 0 0 5px rgba(0,0,0,.77); 
}

.img-shadow {
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.47);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.47);
  box-shadow: 0 0 5px rgba(0,0,0,.47);
}
.img-shadow.img-right {
  margin-right: 7px;
}
.img-shadow.img-left {
  margin-left: 7px;
}

/* footer Styles
---------------------------------------------------------------------------- */

.footer:hover{
font-weight: bold;	
}

/* layout Styles
---------------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 480px) {
  .bannerClass { 
    display: none;
  }
}

@media handheld, only screen and (max-width: 480px) {
  .mb-book { 
    width: 33% !important;
	float: left;
	padding-right: 15px;
  }
}

.move-center {
margin-left: auto; 
margin-right: auto;
width: fit-content;
}

div.move-left {
float: left !important;
padding: 15px;	
}

#sp-top-bar a {
font-size: 1rem;
}

div.article-header {
}

div.article-header h1 {
padding: 25px 0px 0px 0px;	
}

#sp-main-body {
padding: 0px 0px;
min-height: 500px;
}

@media handheld, only screen and (max-width: 480px) {
	#sp-main-body {
	min-height: 400px;
	}
	.mobileP {
	text-align: center;
	padding: 0 0 15px 0;
	}
}

#sp-main-body a {
text-decoration: underline;
}

#sp-main-body a.button-minus {
text-decoration: none;
}

#sp-main-body a.button-plus {
text-decoration: none;
}

#sp-footer .container-inner {
padding: 10px 0px 0px 0px;
}

#sp-footer a, #sp-bottom a, #sp-footer p, #sp-bottom p {
font-size: 0.9rem;
}

#sp-footer, #sp-bottom {
border-top: 2px solid #2b2b2b;
}


@media only screen and (min-width: 810px) {
	.avPlayerContainer {
	max-width: 50%;
	}
}

@media only screen and (max-width: 800px) {
	.avPlayerContainer {
	max-width: 67%;
	}
}

@media only screen and (max-width: 600px) {
	.avPlayerContainer {
	max-width: 100%;
	}
}

#osmap {
padding-top: 30px;
}

#osmap.osmap-sitemap {

}

#osmap.page-header {
}

#osmap .osmap-items {
margin-left: auto; 
margin-right: auto;
width: fit-content;}

.btw-img.img-thumbnail {
  border: 0px solid #ffffff;
margin-left: auto; 
margin-right: auto;
width: fit-content;
}

.product-cart label.btn {
	color: #2b2b2b;
	display: none;
}

.product-info .product-price {
  border-bottom: 0px solid #E7E7E7;
}

.btw-padding  {
	padding-left: 50px !important;
}

/* button Styles
---------------------------------------------------------------------------- */

.btn.btn-primary, .btn.btn-secondary {
  align-items: center;
  background-color: #fff !important;
  border: 2px solid #000;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  /*font-family: Inter,sans-serif;*/
  font-size: 0.9em;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 18px;
  min-width: 100px;
  outline: 0;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.btn.btn-secondary {
min-width: 20px;
font-size: 1.2em;
}

.btn.btn-primary, .btn.btn-secondary {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.btn.btn-primary:focus, .btn.btn-secondary:focus {
  color: #171e29;
}

.btn.btn-primary:hover, .btn.btn-secondary:hover {
  border-color: #6d2803;
  color: #6d2803 !important;
  fill: #6d2803;
}

.btn.btn-primary:active, .btn.btn-secondary:active {
  border-color: #6d2803;
  color: #6d2803 !important;
  fill: #6d2803;
}

/* HTML 
<button class="button-59" role="button">Button 59</button>
*/

/* CSS */
.button-59 {
  align-items: center;
  background-color: #fff;
  border: 2px solid #000;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  /*font-family: Inter,sans-serif;*/
  font-size: 0.9em;
  font-weight: 400;
  height: 38px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 18px;
  min-width: 100px;
  outline: 0;
  padding: 0 12px;
  text-align: center;
  text-decoration: none !important;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-59:focus {
  color: #171e29;
}

.button-59:hover {
  border-color: #6d2803;
  color: #6d2803;
  fill: #6d2803;
}

.button-59:active {
  border-color: #6d2803;
  color: #6d2803;
  fill: #6d2803;
}

@media (min-width: 768px) {
  .button-59 {
    min-width: 100px;
  }
}

/* btw image container
---------------------------------------------------------------------------- */

.btw-container {
margin: 10px 10px;
text-align: center;
border: 0px solid #ffffff;
}

.btw-container:hover {
border: 0px solid #ffffff;
}

.btw-subcontainer {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: #ffffff;
/*border-bottom: 1px solid #eeeeee;*/
}

@media handheld, only screen and (max-width: 480px) {
	.btw-container {
	margin: 5px 0px;
	}
	.btw-subcontainer.front {
	text-align: left;
	}
	
	.btw-md-1, .btw-md-2, .btw-md-3, .btw-md-4, .btw-md-5, .btw-md-6, .btw-md-7, .btw-md-8, .btw-md-9, .btw-md-10, .btw-md-11, .btw-md-12 {
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
}

.btw-container:hover {
	
}

.btw-container.hide {
display: none;
}

.btw-image img {
margin: 0 auto;
padding: 10px 0;
text-align: center;
clear: both;
background-color: #fff;
padding-bottom: 20px;
}

span.btw-image-name {
display: block;
margin-bottom: 5px;
/*font-size: 1.5rem;*/
font-weight: 500;
line-height: 2.0;
color: #2B2B2B;
}

.btw-image-listing {
float: left;
width: 100%;
}

.btw-row {
margin-left: -15px;
margin-right: -15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btw-row-fluid {
list-style: none;
text-rendering: optimizespeed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btw-md-1, .btw-md-2, .btw-md-3, .btw-md-4, .btw-md-5, .btw-md-6, .btw-md-7, .btw-md-8, .btw-md-9, .btw-md-10, .btw-md-11, .btw-md-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width:992px) {
	.btw-md-1, .btw-md-2, .btw-md-3, .btw-md-4, .btw-md-5, .btw-md-6, .btw-md-7, .btw-md-8, .btw-md-9, .btw-md-10, .btw-md-11, .btw-md-12 { float: left; }
	.btw-md-12 { width:100%; }
	.btw-md-11 { width:91.66666667%; }
	.btw-md-10 { width:83.33333333%; }
	.btw-md-9 { width:75%; }
	.btw-md-8 { width:66.66666667%; }
	.btw-md-7 { width:58.33333333%; }
	.btw-md-6 { width:50%; }
	.btw-md-5 { width:41.66666667%; }
	.btw-md-4 { width:33.33333333%; }
	.btw-md-3 { width:25%; }
	.btw-md-2 { width:16.66666667%; }
	.btw-md-1 { width:8.33333333%; }
}

.btw-container:before,
.btw-container:after,
.btw-container-fluid:before,
.btw-container-fluid:after,
.btw-row:before,
.btw-row:after,
.btw-row-fluid:before,
.btw-row-fluid:after {
	content: " ";
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btw-container:after,
.btw-container-fluid:after,
.btw-row:after,
.btw-row-fluid:after {
	clear: both;
}