/*
Theme Name: Brooks Cobb Classic
Theme URI: https://brooks.ddev.site/
Author: Brooks Cobb Guitars
Description: Modernized legacy theme for the Brooks Cobb Guitars site.
Version: 2026.1
Text Domain: brooks-cobb-classic
 ********* RESET ********* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font:inherit; vertical-align:baseline;}
html{font-size:62.5%;}

:root{
	--space-0:0;
	--space-1:4px;
	--space-2:8px;
	--space-3:10px;
	--space-4:12px;
	--space-5:18px;
	--space-6:20px;
	--space-7:30px;
	--space-8:40px;
	--space-9:60px;
	--mobile-gutter:16px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}

img {vertical-align:bottom;} /* fix extra padding on (inline) images */

body{background:url(images/bkrnd.jpg) top center no-repeat fixed #000; font-family:"EB Garamond","Times New Roman",serif; font-size:16px; line-height:1.6; color:#bbb; position:relative; -webkit-font-smoothing:antialiased;}


/* ********* STRUCTURE ********* */

#banner{text-align:center; z-index:100; position:relative;}
	#banner img{box-shadow:0 2px 11px rgba(0, 0, 0, .9);}
	#banner img:hover{box-shadow:0 6px 22px rgba(0, 0, 0, .9); position:relative; top:-1px;}

#header{position:relative; max-width:980px; margin:0 auto;}
	#logo{position:relative; height:107px;}
		#logo img{margin-top:40px;}
		#logo a{display:block; width:50%; height:100%;margin:0 auto;}
		#logo a:hover{background:url(images/black40.png) repeat;}
	#fb{position:absolute; top:25px; right:0;}
	#twitter{position:absolute; top:29px; right:100px;}
	#top-nav{position:absolute; right:0; top:70px; font-size:13px; text-transform:uppercase;}
		#top-nav a{color:#999;}
		#top-nav span{display:inline-block; padding:0 10px; color:#333;}
		#top-nav img{position:relative; bottom:-2px; padding:0 5px;}
	#main-nav{background:url(images/black10.png); position:relative; width:100%; border-top:thin solid #3e3e3e; border-bottom:thin solid #3e3e3e; min-height:73px; z-index:99;}
		.sf-menu{margin:0; position:relative; z-index:2;}
			.sf-menu > ul{display:flex; margin:0; padding:0;}
			.sf-menu > ul > li{flex:1 1 12.5%; list-style:none; margin:0; padding:0; border:none; position:relative;}
			.sf-menu a{display:block; height:73px; line-height:72px; text-align:center; text-decoration:none; font-size:15px; color:#fff; text-transform:uppercase;} /* 1st level links */
			.sf-menu a:hover{background:url(images/red50.png) repeat; text-decoration:none; color:#fff;}
			.sf-menu > ul > li:first-child > a{border-left:none;}
			.sf-sub-indicator{background:url(images/droparrow.png) top center no-repeat; display:block; width:5px; height:4px; position:absolute; right:15px; top:48%; text-indent:-999em; overflow:hidden;} /* arrow */
			.submenu-toggle{display:none;}
				.sf-menu li ul{width:330px; display:none; position:absolute; left:0; top:100%; margin:0;} /* 2nd level */
				.sf-menu li:hover > ul, .sf-menu li.focus > ul{display:block;}
				.sf-menu li ul li{float:none; margin:0; padding:0; position:relative; left:0;}
				.sf-menu li ul li a{background:#692727; text-align:left; border-left:none; width:170px; height:auto; display:block; float:none; color:#ccc; padding:5px 15px; font-size:13px; line-height:normal;} /* 2nd level links */
				.sf-menu li li:first-child a{border-top:none;}
				.sf-menu li ul li a:hover{background:#7e3a3a;}

#featured{background:url(images/shadow.png) bottom center no-repeat; height:auto; position:relative; padding:0 0 25px 0;}
	/* slider */
	#main-slider{width:100% !important; max-width:940px; height:auto; margin:0 auto;}
		#main-slider img{width:100%;}
.carousel-control{width:30px; height:30px; margin-top:-15px; font-size: 30px; line-height:25px; border:1px solid #ffffff; border-radius:0; opacity:.3;}
		.carousel-control.right{right:-40px;}
		.carousel-control.left{left:-40px;}

#start-bar{background:url(images/divider.png) bottom center no-repeat; padding:var(--space-3) 0 var(--space-7) 0; position:relative;}
	#start-bar span{font-size:20px; color:#969696; line-height:30px; font-style:italic; display:block;}
	#start-bar a{border-radius:8px;}
	
#content{padding:var(--space-8) 0 var(--space-9) 0;}
	.content{padding:var(--space-2) 0;}
	/* wide */
	.wide{position:relative;}
	/* main */
	.main{position:relative; border-right:1px solid #333; padding-right:var(--space-6); min-height:400px;}
	/* sidebar */
	.sidebar{position:relative;}
		#sidebar-buttons{}
			#sidebar-buttons .btn{margin:0 0 var(--space-6) 0; font-size:16px;}
			#sidebar-buttons .gray{background:url(images/logo20.png) 0 -65px no-repeat #333;}
			#sidebar-buttons .gray:hover{background:url(images/logo20.png) 0 -75px no-repeat #444;}
	
#footer-container{background:url(images/footer-bkrnd.jpg) bottom center fixed no-repeat #692727;  padding:var(--space-3) 0 5px 0; color:#dbc3c3; box-shadow:0 -7px 11px rgba(0, 0, 0, .2); clear:both;}
#footer-container a{color:#fff;}
	#footer{position:relative; max-width:980px; margin:0 auto; }
		#footer .span4{border-top:5px solid #8e4747; padding-top:var(--space-6);}
		#footer hr{background:#8e4747;}
		#footer-nav{}
                        #footer-nav li{float:left;width:12.5%;text-align:center;}
			#footer-nav a{border-bottom:thin dotted #8e4747; line-height:40px; display:block; padding:0 20px;}
			#footer-nav a:hover{background:#8e4747; text-decoration:none;}
			#footer-nav ul ul{display:none;}
		#footer-contact{text-align:right}
				#footer-contact p{line-height:24px; padding-left:20px;}
			#footer-logo{text-align:right;}
				#footer-logo img{ margin-top:10px; max-width:301px;}
	#very-bottom{text-align:center; padding:var(--space-3) 0 0; border-top:thin solid #8e4747; text-transform:uppercase; letter-spacing:2px;}
		#very-bottom small{font-size:9px;    float: left;
    margin-top: 60px;}
		#very-bottom span{display:inline-block; padding:0 10px; color:#8e4747;}
	
/* ********* CUSTOM LAYOUTS ********* */

#repair{}
	#repair table{width:100%; margin-bottom:var(--space-6);}
	#repair td{padding:var(--space-3) 5px;}
	#repair table tr:nth-child(2n+1){background:url(images/black40.png);}
	#repair table td:nth-child(2n+1){border-right:thin dotted #333;}
	#repair table td:nth-child(1n+2){padding-left:10px;}

#shop-list{}
	#shop-list a{position:relative; padding:var(--space-1); border:0; box-shadow:0 0 15px rgba(255, 255, 255, .2); text-transform:uppercase; margin-bottom:var(--space-6); display:block; text-align:center;}
	#shop-list a:hover{box-shadow:0 0 25px rgba(255, 255, 255, .3);}
	#shop-list span{background:url(images/black60.png); display:block; width:90%; line-height:20px; position:absolute; bottom:0; padding:20px 5%; left:0;}
	
.faq-question a{background:url(images/black20.png); display:block; width:92%; padding:2% 4%; border:thin solid #333;}
.faq-question a:hover{background:url(images/black60.png); text-decoration:none; border-color:#666;}
.faq-details{padding:var(--space-3);}
.answer{margin-bottom:var(--space-6);}
.faq-details h1{font-size:16px;}
.comment-form, .moduleFooter{display:none;}

#product-detail{}
	#product-detail h1{background:url(images/black20.png); box-shadow:0 0 15px rgba(255, 255, 255, .1); padding:var(--space-3) var(--space-6); font-size:32px; letter-spacing:5px;}
	#images{padding:var(--space-3); text-align:center; background:url(images/black20.png); margin-bottom:var(--space-3); box-shadow:0 0 15px rgba(255, 255, 255, .1);}
		/*.main-image{max-width:100%;}
		 .thumbs{float:left; width:9%; text-align:center;}
		.thumbs img{max-width:100%; margin:10px 0;} */
		#images .carousel-control.right{right:-50px;}
		#images .carousel-control.left{left:-50px;}
	#gallery{background:url(images/black20.png); margin-bottom:var(--space-6); box-shadow:0 0 15px rgba(255, 255, 255, .1); padding:var(--space-7);}
	#info{width:80%;margin:0 auto;}
	#warranty{float:right; margin-top:15px; display:block; font-size:11px; line-height:18px; text-transform:uppercase; color:#999; border-radius:8px;}
	#warranty:hover{}
	#quick-contact{background:url(images/black20.png); margin-bottom:var(--space-6); box-shadow:0 0 15px rgba(255, 255, 255, .1); padding:var(--space-7);}

.nav-tabs{ float:right; border:none; margin:0 auto; padding:0;}
.nav-tabs li, .nav-tabs ul{list-style:none; margin:0; padding:0;}
.nav-tabs li a{border:none;  background:rgba(100,32,32,.2);  font-size:13px; text-transform:uppercase; padding:12px 25px; color:#fff; margin-right:5px;}
.nav-tabs li a:hover{background:#383838;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background:rgba(100,32,32,1);; color:#fff; border:none;}
.tab-pane{background:none; border-top:thin solid #333; padding:var(--space-6) 0;}

#product-detail table{}
	#product-detail td{padding:10px 0; border-bottom:thin dotted #333;}
	#product-detail table strong{text-transform:uppercase; letter-spacing:1px; display:block; padding-right:10px; font-size:13px; color:#999; margin-right:10px;}
	
#product-listing{}
	#product-listing .entry{background:url(images/white90.png); padding:var(--space-6); border:5px solid #666; border-radius:8px; color:#999; margin-bottom:var(--space-6); position:relative;}
	#product-listing img{border:thin solid #ccc;}
	#product-listing img:hover{border:thin solid #666;}
	#product-listing h2, #product-listing h5{text-transform:uppercase; color:#666;}
	#product-listing h2{font-size:22px;}
	#product-listing hr{background:#ccc;}
	
		.ribbon{position:absolute; right:-15px; top:-14px;}
			.ribbon img{border:none !important;}


/* ********* UI ********* */

/* faqs */
.faq-details h1{displaY:none;}

/* galleries */
.photogalleryTable{width:auto; margin:0 auto;}
table.photogalleryTable td{padding:10px; border:thin solid #333;}
.photogalleryTable img:hover{opacity:.8;}
.photogalleryNavigation{display:none;}
			
/* forms */
.webform{font-size:11px; margin-top:var(--space-3);}
.webform input[type="text"] {width:99% !important; padding:0 !important;}
.webform label{display:inline;}
.webform input[type="radio"], .webform input[type="checkbox"] {cursor: pointer; margin:3px 6px 3px 0;}
.webform td{border-top:thin dotted #333;}
.webform input[type="submit"] {background:#444; display:block; width:200px; font-weight:bold; padding:20px 0; text-align:center; color:#fff; border-radius:8px; border:none; outline:none;}
.webform input[type="submit"]:hover {background:#555;}

/* buttons */
.btn{background:url(images/logo20.png) 0 -65px no-repeat #692727; text-align:center; color:#fff; line-height:20px; padding:20px 20px; display:inline-block; text-transform:uppercase; font-size:16px;} /* 60px tall */
.btn.big{font-size:24px; line-height:30px; padding:30px 30px;} /* 90px tall */
.btn.huge{font-size:28px; line-height:40px; padding:40px 40px;} /* 120px tall */
	.btn:hover{background:url(images/logo20.png) 0 -75px no-repeat #4f1d1d; color:#fff;}

.btn.full, .btn.big.full, .btn.huge.full{width:100%; padding-left:0; padding-right:0;}

/* lists */
.ul{list-style:circle outside; margin-bottom:var(--space-5); margin-left:var(--space-7);}
	.ul li{margin-bottom:0;}
		.ul ul{margin:var(--space-1) 0 0 var(--space-7);}
	
/* dividers */
hr{background:#333; border:none; display:block; height:1px; margin:0 0 1.5em 0; padding:0; clear:both;}
.divider{background:#333; max-width:940px; display:block; height:1px; clear:both;}
.divider20{background:url(images/divider.png) bottom center no-repeat; max-width:940px; clear:both; display:block; margin:0 auto 20px auto; padding-top:20px;}
.divider40{background:url(images/divider.png) bottom center no-repeat; max-width:940px; clear:both; display:block; margin:20px auto 40px auto; padding-top:20px;}
.spacer{height:20px; display:block; clear:both;}

/* borders */
.border-top{border-top:thin dotted #333; padding-top:20px;}
.border-right{border-right:thin dotted #333; padding-right:20px;}
.border-left{border-left:thin dotted #333; padding-left:20px;}
.border-bottom{border-bottom:thin dotted #333; padding-bottom:20px;}

/* thumbnails */
.thumbnail{border-color:#333; border-width:2px; padding:0; overflow:hidden; text-align:center;}
.thumbnail:hover{border-color:#692727; opacity:.9;}

		
/* ********* MISC ********* */

.carousel-control{top:50%;}

.cufon-loading #nav a, .cufon-loading h1, .cufon-loading .font{visibility:hidden;} /* fix Cufon FUOC */

.valign {display:table; width:100%;}
.valign > div, .valign > article{display:table-cell; vertical-align:middle;}

.full{width:100%;}

img, object, embed{max-width:100%; height:auto;}
img{-ms-interpolation-mode:bicubic;}
#map_canvas img, .map_canvas img{max-width:none !important;}

.left, .columns.left{float:left;}
.right, .columns.right{float:right;}

.aligncenter{margin-left:auto; margin-right:auto; text-align:center;}
.alignleft{margin-bottom:15px; margin-right:15px; float:left;}
.alignright{margin-bottom:15px; margin-left:15px; float:right;}

img.border{border:medium solid #ddd; border-radius:8px; overflow:hidden;}

.shadow{box-shadow:0 1px 3px rgba(0, 0, 0, .2);}
.rounded{border-radius:8;}

.hide, .hidden{display:none;}
.highlight{background:#ff0;}
.disabled{cursor:auto;}

p{font-size:16px; line-height:1.6; margin:0 0 var(--space-5);}
  	
a{color:#fff; text-decoration:none; outline:0; line-height:inherit;}
a:hover{color:#fff;}
a:focus-visible,
button:focus-visible{
	outline:2px solid #8e4747;
	outline-offset:2px;
}

h1, h2, h3, h4, h5, h6{color:#eee; font-weight:bold; line-height:1.6;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit;}

h1{background:url(images/icon.png) 3px 3px no-repeat; text-indent:40px; font-size:36px; margin-bottom:12px; text-transform:uppercase;}
h2{font-size:28px; margin-bottom:9px; text-transform:uppercase;}
h3{font-size:22px; margin-bottom:9px;}
h4{font-size:18px; margin-bottom:3px;}
h5{font-size:16px; font-weight:normal; margin-bottom:3px;}
h6{font-size:14px; font-weight:normal;}

.subhead{color:#777; font-weight:normal; margin-bottom:var(--space-6);}

em{font-style:italic; line-height:inherit;}
strong{font-weight:bold; line-height:inherit;}
small{font-size:60%; line-height:inherit;}

abbr, acronym{text-transform:uppercase; font-size:90%; color:#222; border-bottom:1px solid #ddd; cursor:help;}
abbr{text-transform:none;}

/* tweaks for plugins */
.huge_it_slideshow_dots_thumbnails_1{
    display:none;
}
#huge_it_slideshow_left_1{
    margin-left:-50px;
    display:inline !important;
}
#huge_it_slideshow_right_1{
    margin-right:-50px;
    display:inline !important;
}
.entry-meta span{
    margin-right:10px;
}
article{margin-bottom:var(--space-6);}
a.btn[href='#']{
    background: #ccc;
    cursor:default;
    color:#eee;
}
.post-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:18px;
	max-width:100%;
}
body.blog .post-grid > article,
body.archive .post-grid > article,
body.search .post-grid > article{
	margin:0;
	padding:16px;
	background:rgba(105,39,39,.72);
	box-shadow:0 8px 24px rgba(0,0,0,.28);
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
	min-width:0;
	overflow:hidden;
}
body.blog .post-grid > article:nth-child(2n),
body.archive .post-grid > article:nth-child(2n),
body.search .post-grid > article:nth-child(2n){
	background:rgba(0,0,0,.66);
}
body.blog .post-grid .entry-thumbnail,
body.archive .post-grid .entry-thumbnail,
body.search .post-grid .entry-thumbnail{
	margin:0 0 12px;
}
body.blog .post-grid .entry-thumbnail img,
body.archive .post-grid .entry-thumbnail img,
body.search .post-grid .entry-thumbnail img{
	display:block;
	width:100%;
	height:220px;
	object-fit:cover;
}
body.blog .post-grid .entry-title,
body.archive .post-grid .entry-title,
body.search .post-grid .entry-title{
	margin:0 0 8px;
	font-size:30px;
	line-height:1.2;
	text-transform:none;
	background:none;
	text-indent:0;
	overflow-wrap:anywhere;
}
body.blog .post-grid .entry-meta,
body.archive .post-grid .entry-meta,
body.search .post-grid .entry-meta{
	margin:0 0 10px;
	color:rgba(255,255,255,.72);
	font-size:13px;
}
body.blog .post-grid .entry-summary,
body.archive .post-grid .entry-summary,
body.search .post-grid .entry-summary{
	flex:1;
	overflow-wrap:anywhere;
	word-break:break-word;
}
body.blog .post-grid .more-link,
body.archive .post-grid .more-link,
body.search .post-grid .more-link{
	display:inline-block;
	margin-top:12px;
	padding:8px 12px;
	background:rgba(79,29,29,.72);
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:.6px;
}
body.blog .post-grid .more-link:hover,
body.archive .post-grid .more-link:hover,
body.search .post-grid .more-link:hover{
	background:rgba(79,29,29,.94);
}
body.blog .post-grid .entry-summary p:last-child,
body.archive .post-grid .entry-summary p:last-child,
body.search .post-grid .entry-summary p:last-child{
	margin-bottom:0;
}
@media only screen and (max-width:1100px) {
	.post-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media only screen and (max-width:980px) {
	body.blog #content,
	body.archive #content,
	body.search #content{
		width:calc(100% - (var(--mobile-gutter) * 2));
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
}
@media only screen and (max-width:680px) {
	.post-grid{
		grid-template-columns:1fr;
	}
	body.blog .post-grid .entry-thumbnail img,
	body.archive .post-grid .entry-thumbnail img,
	body.search .post-grid .entry-thumbnail img{
		height:200px;
	}
}
.content-area{
 margin-top:10px;
}
body.home .content-area{
    margin-top:0;
}
body.single #primary.content-area{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}
body.single #content.site-content{
	padding-left:0;
	padding-right:0;
}
body.single .entry-thumbnail{
	margin:0 0 var(--space-6);
}
body.single .entry-thumbnail img{
	display:block;
	width:100%;
	height:auto;
}
/* ********* COLUMNS ********* */

.one-half{width:48%;}
.one-third{width:31.3%;}
.two-third{width:62.6%;}
.one-fourth{width:23%;}
.three-fourth{width:69%;}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth{position:relative; margin:0 1%; float:left;}
	 
	 
/* ********* MOBILE ********* */
	
/* 980 */
@media only screen and (max-width:980px) {
	
	#fb{display:none;}
	#twitter{display:none;}

	/* structure */
	#leftcol{width:100%; margin:0;}
	#rightcol{width:100%; margin:0;}
	#top-nav{display:none;}
	#leftcol{padding-top:6px; margin-bottom:4px;}
	#banner{
		display:block;
		width:74px;
		margin:0 auto;
		text-align:center;
	}
	#banner img{
		width:100%;
		max-width:74px;
		height:auto;
	}
	#header{
		height:auto;
		position:relative;
		max-width:980px;
		width:calc(100% - (var(--mobile-gutter) * 2));
		margin:0 auto;
		padding-top:12px;
		box-sizing:border-box;
	}
		#logo{
			position:relative;
			text-align:center;
			top:auto;
			left:auto;
			margin-top:10px;
			margin-bottom:10px;
			height:auto;
		}
		#logo a{width:100%; height:auto;}
		#logo img{margin-top:28px; max-width:100%; height:auto;}
		#logo .social_icons{display:none !important;}
		#main-nav{position:relative; top:auto; right:auto;}
		.sf-menu a{font-size:13px;}
		#start-bar a{margin-top:var(--space-6);}
	.main{padding:var(--space-6) 0; border:none; min-height:0;}
	
	.carousel-control.right{right:20px;}
	.carousel-control.left{left:20px;}
	#images .carousel-control.right{right:20px;}
	#images .carousel-control.left{left:20px;}
	#footer{
		width:calc(100% - (var(--mobile-gutter) * 2));
		margin:0 auto;
		box-sizing:border-box;
	}
	#very-bottom{
		width:calc(100% - (var(--mobile-gutter) * 2));
		margin:0 auto;
		box-sizing:border-box;
	}
	body.single #content.site-content{
		width:calc(100% - (var(--mobile-gutter) * 2));
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
	body.single .entry-thumbnail{
		margin-bottom:var(--space-7);
	}
	
	}
	
/* 620 */
@media only screen and (max-width:620px) {
	/* structure */
	#header{height:auto !important; position:relative; max-width:980px; margin:0 auto; margin-bottom:var(--space-6); border:none;}
		#logo{position:relative; text-align:center; top:auto; left:auto; margin-top:var(--space-6);}
	#warranty{float:none; margin-bottom:var(--space-6);}
	
	.main, .wide, .sidebar{padding-left:var(--space-6); padding-right:var(--space-6);}
				
	}
        
        
ul.tabs li.reviews_tab{
    display:none !important;
}
body.page-id-383 .container #content img.alignleft{
    width:144px;
    margin:20px 20px 20px 0;
}
body.page-id-383 .container #content h2{

    margin:20px 0;
}
.clear_all{
    clear:both;
 
    display:block;
        width:100%;
    height:1px;
    line-height:1px;
    padding:0;
    margin:0;
    
}
.container{
    background-position:center left;
    background-repeat:repeat-y;
    background-image:url(images/logo20.png);
    min-height:0;
}

@media screen and (max-width: 900px) {
    canvas.cufon{
        height:23px !important;
    }
}
#body_inner{
    background-repeat:no-repeat;
    background-size:contain;
        background-repeat: no-repeat;
    
    background-position: left -280px bottom 465px; 
   
    display:block;
}
@media screen and (max-width: 1300px) {
    #body_inner{
             background-image:none !important;
    }
}
#product-tabs{
   margin-top:-40px;
    height:40px;
    right:10%;
     position:absolute;
      z-index:0;
}
 #product-tabs li{
    float:left;
    height:40px;
    cursor:pointer;
  
    margin-left:10px;
    line-height:40px;
    padding:0 20px;
       background-color:rgba(105,39,39,.5);
}

 #product-tabs li.active{
   background-color:rgba(105,39,39,.8);
    
}
 .tab_content{
    width:85%;
    margin:0 auto;
     background:#692727;
      background-color:rgba(105,39,39,.8);
      display:none;
   
      
  
}
.tab_content.active{
    
      display:block;
      
  
}
.tab_content .content{
   padding:20px;
}
.tab_content .content table{
   width:100% !important;
}

#images_tab_content ul li{
               min-width:49%;
        margin:0 .5%;
        display:inline-block;
        background:#fff;
}
#images_tab_content ul li img{
        max-width:100%;
        display:block;
        max-height:800px;
}


.cart_button{
    width:100%;
   
    
}
.cart_button button{
    float:right;
    
}
.spec_table{
        
}
.spec_table tr:nth-child(even),#specs-table tr:nth-child(even){
        
        background:rgba(255,255,255,.1);
}
.spec_table td.spec_left{
        font-weight:bold;
        padding-right:5px;
}
.zoomLens{
        background-color:#fff;
}
.zoomWindowContainer{
    display:none;
}



/* products page */

#courses_page{
    margin-top:20px;
}

#courses_content_header{
    width:85%;
    margin:0 auto;
    background-color:rgba(74,30,30,.3);
      margin-top:9%;
}
 #courses_page #title_name, #models_page #title_name{
    font-size:25px;
    line-height:60px;
    height:60px;
  
    text-align:right;
    display:block;
    margin-right:18%;
   padding-right:40px;
        background: url(images/icon-redbg.png) right 3px no-repeat;
        background-size:contain;
    
}
#courses_page #product-tabs {
    display:inline-block;
    position:relative;
    float:right;
}
body.page-template-courses_template-php #body_inner {
   background-position:left -180px bottom 265px;
}
#courses_page .content ul{
    list-style:disc;
    margin-left: 15px;
}
body.page-template-courses_template-php #product_content{
    background-position: top 200px left;
    background-repeat:no-repeat;
    
}

@media screen and (max-width: 900px) {
    #courses_page #title_name, #models_page #title_name{
        font-size:23px;
        line-height:50px;
        height:55px;
    
    }
    
}
@media screen and (max-width: 800px) {
    #courses_page #title_name, #models_page #title_name{
         font-size:22px;
        line-height:50px;
        height:50px;
    
    }

}
@media screen and (max-width: 600px) {
   #courses_page #title_name, #models_page #title_name{
         font-size:19px;
        line-height:1.2;
        height:auto;
        margin-top:-10px;
        
    }
     #body_inner{
             background-image:none !important;
    }
     #courses_page #product-tabs{
          display:block;
          position:relative;
          
        float:none;
        height:auto;
         margin:20px auto;
         right:0;
         width:85%;
       }
    #product-tabs li{
    float:none;
    height:auto;
     margin:0;
    line-height:40px;
    padding:0 20px;
    background-color:rgba(105,39,39,.5);
}

  
    
}
@media screen and (max-width: 400px) {
    #courses_page #title_name{
         font-size:19px;
        line-height:1.2;
        height:auto;
    }
  
    
}

body.page-template-new_template .tab_content{
    background-position: top 20px left;
    background-repeat:no-repeat;
    padding:10px 7.5%;
    margin:0;
    width:100%;
    background-color:transparent;
}
body.page-template-new_template .tab_content .content{
 
    padding:var(--space-6);
    margin:0;
    
     background-color:rgba(105,39,39,.8);
}

body.page-template-new_template #title_name{
    
    width:85%;
    margin:10px auto 0 auto;
}
body.page-template-new_template #item_cost{
    float:right;
    color:rgba(255,255,255,.3);

    margin-top:-25px;
    height:25px;
    margin-right:5px;;
}
body.page-template-new_template #more_info{
    width:39px;
    height:105px;
    float:right;
   margin-right:7.5%;
    margin-top:-75px;
    
}
body.page-template-new_template #more_info a{
    width:39px;
    height:105px;
    background: url(/images/more_info.png) no-repeat;
    display:block;
    position:absolute;
    
}
body.page-id-10 .wpcf7{
    max-width:100%;
}
body.page-id-10 .wpcf7 form{
    padding-bottom:var(--space-7);
}
body.page-id-10 .wpcf7 p{
    margin:0 0 16px;
}
body.page-id-10 .wpcf7 label{
    display:block;
    font-size:16px;
    color:#e6d9d2;
}
body.page-id-10 .wpcf7 input[type="text"],
body.page-id-10 .wpcf7 input[type="email"],
body.page-id-10 .wpcf7 input[type="tel"],
body.page-id-10 .wpcf7 input[type="url"],
body.page-id-10 .wpcf7 input[type="number"],
body.page-id-10 .wpcf7 select,
body.page-id-10 .wpcf7 textarea{
    width:100%;
    box-sizing:border-box;
    margin-top:8px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:6px;
    background:rgba(0,0,0,.36);
    color:#f0e8e3;
    font-size:16px;
    line-height:1.35;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.page-id-10 .wpcf7 textarea{
    min-height:170px;
    resize:vertical;
}
body.page-id-10 .wpcf7 input[type="text"]:focus,
body.page-id-10 .wpcf7 input[type="email"]:focus,
body.page-id-10 .wpcf7 input[type="tel"]:focus,
body.page-id-10 .wpcf7 input[type="url"]:focus,
body.page-id-10 .wpcf7 input[type="number"]:focus,
body.page-id-10 .wpcf7 select:focus,
body.page-id-10 .wpcf7 textarea:focus{
    outline:none;
    border-color:#a24e4e;
    background:rgba(0,0,0,.5);
    box-shadow:0 0 0 2px rgba(162,78,78,.22);
}
body.page-id-10 .wpcf7 input[type="radio"],
body.page-id-10 .wpcf7 input[type="checkbox"]{
    width:auto;
    margin-right:8px;
}
body.page-id-10 .wpcf7 input[type="submit"]{
    width:auto;
    min-width:220px;
    border:1px solid #7f3a3a;
    border-radius:8px;
    padding:12px 22px;
    background:linear-gradient(135deg, rgba(120,38,38,.95), rgba(74,24,24,.95));
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
    line-height:1.2;
    cursor:pointer;
    transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
}
body.page-id-10 .wpcf7 input[type="submit"]:hover{
    background:linear-gradient(135deg, rgba(142,55,55,.95), rgba(95,31,31,.95));
    box-shadow:0 6px 18px rgba(0,0,0,.28);
    transform:translateY(-1px);
}
body.page-id-10 .wpcf7 input[type="submit"]:disabled{
    opacity:.65;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}
body.page-id-10 .wpcf7 .wpcf7-not-valid-tip{
    margin-top:6px;
    color:#ffb9b9;
    font-size:13px;
}
body.page-id-10 .wpcf7 form .wpcf7-response-output{
    display:none;
    margin:14px 0 0;
    padding:10px 12px;
    border-radius:6px;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(0,0,0,.25);
}
body.page-id-10 .wpcf7 .wpcf7-response-output[aria-hidden="true"]{
    display:none !important;
}
body.page-id-10 .wpcf7 form.sent .wpcf7-response-output,
body.page-id-10 .wpcf7 form.failed .wpcf7-response-output,
body.page-id-10 .wpcf7 form.aborted .wpcf7-response-output,
body.page-id-10 .wpcf7 form.spam .wpcf7-response-output,
body.page-id-10 .wpcf7 form.invalid .wpcf7-response-output,
body.page-id-10 .wpcf7 form.unaccepted .wpcf7-response-output,
body.page-id-10 .wpcf7 form.payment-required .wpcf7-response-output{
    display:block !important;
}
#footer-logo .social_icons{
    float:left;
}
#logo .social_icons{
    float:right;
    margin-right:15px;
}
.social_links{
    display:flex;
    gap:10px;
    align-items:center;
}
.social_link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(0,0,0,.28);
    color:#f2e7df;
    font-size:11px;
    letter-spacing:1.4px;
    text-transform:uppercase;
    transition:background .2s ease, border-color .2s ease;
}
.social_link:hover{
    background:rgba(105,39,39,.92);
    border-color:#8e4747;
}
.social_link--facebook{
    min-width:96px;
}
.social_link--youtube{
    min-width:92px;
}
.home-hero{
    margin:0 auto 26px;
    max-width:940px;
    padding:0 0 10px;
}
.home-hero__intro{
    margin:0 0 18px;
    padding:12px 0 0;
}
.home-hero__eyebrow{
    margin:0 0 8px;
    color:#8e4747;
    font-size:12px;
    letter-spacing:2.6px;
    text-transform:uppercase;
}
.home-hero__title{
    margin:0;
    background:none;
    text-indent:0;
    font-weight:normal;
    font-size:34px;
    line-height:1.2;
    text-transform:none;
}
.home-hero__grid{
    display:grid;
    gap:14px;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:repeat(2, minmax(210px, 1fr));
}
.home-hero__slide{
    margin:0;
    overflow:hidden;
    background:#111;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.home-hero__slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.home-hero__slide--feature{
    grid-row:1 / span 2;
}
@media screen and (max-width: 900px) {
    .home-hero__title{
        font-size:28px;
    }
    .home-hero__grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }
    .home-hero__slide--feature{
        grid-column:1 / -1;
        grid-row:auto;
    }
}
@media screen and (max-width: 640px) {
    .social_links{
        gap:8px;
        flex-wrap:wrap;
        justify-content:flex-end;
    }
    .social_link{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:96px;
        min-height:44px;
        padding:10px 14px;
        font-size:11px;
    }
    .home-hero{
        width:calc(100% - (var(--mobile-gutter) * 2));
        margin:0 auto 18px;
        box-sizing:border-box;
    }
    .home-hero__intro{
        text-align:center;
    }
    .home-hero__eyebrow{
        margin:0 auto 8px;
    }
    .home-hero__title{
        font-size:24px;
        text-align:center;
    }
    .home-hero__grid{
        grid-template-columns:1fr;
    }
}
body.page-id-375 p{
    clear:both;
    font-weight:bold;
    margin-bottom:20px;
    display:inline-block;
    width:100%;
}
body.page-id-375 label{
    float:left;
    margin-right:20px;
        font-weight:normal;
}
.huge_it_slide_container_18{
    background-color:#000;
}
.label, .badge{
    background-color:transparent;
}

.model_name{
    float:right;
    display:block;
    margin-top:-120px;
    background-color:#530e15;
    color:#fff;
   
    padding:6px ;
    font-size:1.5em;
    margin-right:20%;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
#models_page #title_name{
    margin-right:5%;
}
#models_page #courses_content_header{
    height:82%;
    position:absolute !important; 
    width:92% !important;
   margin-left:4% !important;
   margin-right:4% !important;
   max-width:730px;
   z-index:0;
}
@media screen and (max-width: 800px) {
#models_page #courses_content_header{
     height:71%;
}
}
@media screen and (max-width: 600px) {
#models_page #courses_content_header{
     height:60%;
}
#footer-nav{
    display:none;
}
}
@media screen and (max-width: 481px) {

    ul#product-detail-tabs li a{
        display:flex;
        align-items:center;
        min-height:44px;
        padding:10px 14px;
        font-size:12px;
        line-height:1.2;
    }
    #info{
        width:100%;
    }
#banner{
    display:block;
    width:64px;
    margin:0 auto 6px;
}
#banner img{
    max-width:64px;
}
.home-hero{
    width:calc(100% - (var(--mobile-gutter) * 2));
}
.home-hero__intro{
    margin-left:0;
    margin-right:0;
}
.container{
    background:none;
}
}
.tab-content {
    clear:both;
    padding:20px ;
    background:rgba(100,32,32,.8);
}
div .tab-content table{
    width:100% !important;
}
#models_page #courses_content_header{
    background:none;
}
#models_page #courses_content_header #title_name{
    margin-top:7px;
     background-color:rgba(100,32,32,.8);
}

body.page-template-models_template-php #models_page .content{
	padding-top:20px;
}
body.page-template-models_template-php #models_page .model_line{
	display:block;
}
body.page-template-models_template-php #models_page .model_line img{
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
}
body.page-template-models_template-php #models_page #courses_content_header{
	position:relative !important;
	height:auto;
	width:85% !important;
	max-width:none;
	margin:0 auto 20px !important;
}
body.page-template-header_template-php #models_page #courses_content_header{
	width:85%;
	height:auto;
	margin:0 auto 14px;
	background:transparent;
	position:relative !important;
	max-width:none;
}
body.page-template-header_template-php #models_page #courses_content_header #title_name{
	margin-top:0;
	background:#530e15;
}
body.page-template-header_template-php #models_page #title_name{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:86px;
	min-height:86px;
	padding:8px 14px;
	margin:0 8% 0 auto;
	color:#fff;
	font-size:40px;
	line-height:1;
	text-transform:uppercase;
	text-align:center;
	box-shadow:5px 5px 5px 0 rgba(0,0,0,.75);
}
body.page-template-header_template-php #models_page #title_image{
	width:85%;
	margin:0 auto;
}
body.page-template-header_template-php #models_page #title_image img{
	display:block;
	width:100%;
	height:auto;
}
body.page-template-header_template-php #models_page #product_content{
	width:85%;
	margin:0 auto;
}
body.page-template-header_template-php #models_page #product_content .content{
	padding:0;
}
body.page-template-header_template-php #models_page #info{
	width:100%;
}
body.page-template-header_template-php #models_page #product-detail-tabs{
	float:right;
	display:flex;
	flex-wrap:wrap;
	gap:0;
	margin:0 0 -1px;
	border:0;
	position:relative;
	z-index:3;
}
body.page-template-header_template-php #models_page #product-detail-tabs li{
	margin:0 0 0 6px;
}
body.page-template-header_template-php #models_page #product-detail-tabs li a{
	display:block;
	padding:10px 18px;
	background:rgba(100,32,32,.55);
	border:0;
	text-transform:uppercase;
}
body.page-template-header_template-php #models_page #product-detail-tabs li.active a,
body.page-template-header_template-php #models_page #product-detail-tabs li a:hover{
	background:rgba(100,32,32,.92);
}
body.page-template-header_template-php #models_page .tab-content{
	clear:both;
	margin-top:0;
}
body.page-template-header_template-php #models_page .tab-content .tab-pane{
	display:none;
}
body.page-template-header_template-php #models_page .tab-content .tab-pane.active{
	display:block;
}
body.page-template-models_template-php #model-list.models-layout-ready .model-card{
	position:relative;
	margin:0 0 55px;
}
body.page-template-models_template-php #model-list.models-layout-ready .model-card .model_name{
	float:none;
	display:inline-block;
	margin:0;
	position:absolute;
	right:20%;
	bottom:26px;
	z-index:2;
}

@media only screen and (max-width:980px) {
	body.page-template-models_template-php #model-list.models-layout-ready .model-card{
		margin:0 0 45px;
	}
	body.page-template-models_template-php #model-list.models-layout-ready .model-card .model_name{
		right:12%;
		bottom:22px;
	}
}
@media only screen and (max-width:620px) {
	body.page-template-models_template-php #models_page .content{padding-top:10px;}
	body.page-template-models_template-php #model-list.models-layout-ready .model-card{
		margin:0 0 30px;
	}
	body.page-template-models_template-php #model-list.models-layout-ready .model-card .model_name{
		position:static;
		margin:10px auto 30px;
		width:90%;
		text-align:center;
	}
	body.page-template-header_template-php #models_page #title_name{
		min-width:66px;
		min-height:66px;
		font-size:28px;
		margin:0 0 0 auto;
	}
	body.page-template-header_template-php #models_page #product-detail-tabs{
		float:none;
		margin:0 0 10px;
	}
	body.page-template-header_template-php #models_page #product-detail-tabs li{
		margin:0 6px 6px 0;
	}
	body.page-template-header_template-php #models_page #product-detail-tabs li a{
		padding:10px 14px;
	}
	body.page-template-header_template-php #models_page #courses_content_header,
	body.page-template-header_template-php #models_page #title_image,
	body.page-template-header_template-php #models_page #product_content,
	body.page-template-header_template-php #models_page .tab-content,
	body.page-template-models_template-php #models_page #courses_content_header,
	body.page-template-models_template-php #models_page .content,
	body.page-template-courses_template-php #courses_page #courses_content_header,
	body.page-template-courses_template-php #courses_page #product_content,
	body.page-template-new_template #new_page #courses_content_header,
	body.page-template-new_template #new_page .tab_content{
		width:calc(100% - (var(--mobile-gutter) * 2)) !important;
		margin-left:auto !important;
		margin-right:auto !important;
		box-sizing:border-box;
	}
}
#nav_button{
	display:none;
	background:#692727;
	color:#fff;
	border:1px solid #3e3e3e;
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:10px 18px;
	min-height:44px;
	margin:10px 0 0;
	font-family:"EB Garamond","Times New Roman",serif;
	position:relative;
}
#nav_button:hover,
#nav_button:focus{
	background:#7e3a3a;
	color:#fff;
}

@media only screen and (max-width:980px) {
	#nav_button{
		display:block;
		position:absolute;
		top:-108px;
		right:var(--mobile-gutter);
		width:46px;
		height:46px;
		min-height:46px;
		padding:0;
		margin:0;
		font-size:0;
		line-height:0;
		background:rgba(0,0,0,.45);
		border:1px solid rgba(255,255,255,.4);
		z-index:130;
	}
	#nav_button::before,
	#nav_button::after{
		content:"";
		position:absolute;
		left:12px;
		width:20px;
		height:2px;
		background:#fff;
		transition:transform .2s ease, top .2s ease, opacity .2s ease, box-shadow .2s ease;
	}
	#nav_button::before{
		top:14px;
		box-shadow:0 7px 0 #fff, 0 14px 0 #fff;
	}
	#nav_button::after{
		top:21px;
		opacity:0;
	}
	#nav_button[aria-expanded="true"]::before{
		top:21px;
		box-shadow:none;
		transform:rotate(45deg);
	}
	#nav_button[aria-expanded="true"]::after{
		opacity:1;
		transform:rotate(-45deg);
	}
	#main-nav{display:none; min-height:0; margin-top:10px;}
	#main-nav.is-open{display:block;}
	#main-nav .sf-menu > ul{display:block;}
	#main-nav .sf-menu > ul > li{display:block; width:100%; border-top:thin solid #3e3e3e;}
	#main-nav .sf-menu > ul > li:first-child{border-top:none;}
	#main-nav .sf-menu > ul > li > a{
		height:auto;
		line-height:1.4;
		text-align:left;
		padding:12px 18px;
		background:rgba(105,39,39,.55);
	}
	#main-nav .sf-menu > ul > li > a:hover{background:rgba(105,39,39,.9);}
	#main-nav .sf-sub-indicator{display:none;}
	#main-nav .submenu-toggle{
		display:block;
		position:absolute;
		right:0;
		top:0;
		width:52px;
		height:47px;
		border:0;
		border-left:thin solid #3e3e3e;
		background:rgba(0,0,0,.2);
		color:#fff;
		cursor:pointer;
	}
	#main-nav .submenu-toggle::before{
		content:"+";
		font-size:20px;
		line-height:1;
	}
	#main-nav li.is-open > .submenu-toggle::before{content:"-";}
	#main-nav .sf-menu li ul{
		position:static;
		left:auto;
		top:auto;
		width:100%;
		display:none;
	}
	#main-nav .sf-menu li.is-open > ul{display:block;}
	#main-nav .sf-menu li ul li a{
		width:auto;
		padding:10px 24px;
		background:#5f2323;
	}
}

@media only screen and (max-width:481px) {
	#nav_button{
		top:-102px;
		right:12px;
	}
}
        
 ul.products li.outofstock .flag_image{
            content:url(images/sold2.png);
            position:absolute;
            right:0;
            
 }