/*
Theme Name: WP ECT Styles
Theme URI: https://www.ecommercetemplates.com/wordpress/
Author: the Andy Chapman
Author URI: https://www.ecommercetemplates.com
*/

* {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

p{line-height:1.6em;}

/*link properties*/
a:link {
	color: #006aba;
	text-decoration: none;
}

a:visited {
	color: #006aba;
	text-decoration: none;
}

a:active {
	color: #006aba;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}

h3.elementor-icon-box-title{margin:0} 

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.container { max-width: 1170px;}
.row { margin-left: -15px;  margin-right: -15px;}

.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}

.mainWrapper{margin:0px;padding:0px;min-width:360px}
.headerWrapper{background:#006aba;margin:0px;padding:0px}
.midWrapper{background:#fff;margin:0px;padding:10px 0}
.footerWrapper { margin:0px; padding:0px; background:#f2f2f4; border-top:2px solid #d9d9d9; color:#2d2d2d; line-height:20px;}

.logo_row{padding:20px 20px 5px}
.logo_row_left{float:left;width:50%}
.logo_row_right{float:left;width:50%}
.logo_wrapper{float:left}
.logo{margin:0px;padding:0px}

.title_wrapper{color:#fff;float:left;padding:5px 0 0 20px;font-size:1.35em}
.site-title, .tagline{margin:0;text-align:center}
.site-title{font-family:'Times New Roman', Times, serif;font-size:1.25em;font-weight:normal;letter-spacing: 1px;text-transform:uppercase}
.site-title a{color:#fff}
.tagline{font-size:.75em}

.topsearchWrap{float:left;padding:15px 0 0;width:70%}
.top_search{position:relative;padding-right:60px;box-sizing:border-box}
.top_search Input{margin:0px;padding:5px;border:1px solid #cccccc;height:35px;box-sizing:border-box;font-size:12px;color:#999999;font-style:italic;width:100%}
.top_search Input[type="submit"]{background:#eee;position:absolute;right:0px;top:0px;margin:0px;padding:5px;border:1px solid #cccccc;border-left:0px;height:35px;width:60px;cursor:pointer}

.minicart_wrapper{float:left;padding:18px 0 0;width:30%}
.ectdp_minicartmainwrapper{background:none}
.mincart{background:none}
a.mincart{color:#fff !important}
.ectdp_minicartcontainer{margin-top:2.5em}

.mid_content_left{clear:left;float:left;margin:.5em 1%;width:20%}
.mid_content_right{clear:right;float:right;margin:.5em 0 1em;width:78%}

.catheader{margin:0;padding:1em}
.cat-banner-container{margin:0 auto;padding:0;text-align:center;overflow:hidden}
img.trade-up-banner{height:auto;max-width:100%}
img.date-code-banner{height:auto;max-width:100%}


.nav_bar{border:0;margin-bottom:0;padding:0} 

.left_nav_wrap{border:1px solid #ddd;border-radius:4px}
.left_nav_wrap h2 { color:#333;margin:0px; padding:10px 15px 10px 20px; border-bottom:1px solid #ddd; font-size:20px; font-weight:normal; position:relative; }

.ectmenu1 { padding-left:10px !important;}
.ectmenu1 li a {display:block;padding:8px 4px;color:#646464; text-decoration:none; font-size:12px}
.ectmenu1 li a:hover { color:#006aba;}

.textwidget li {line-height:20px;list-style:none;padding-left:0px !important;}
.textwidget li a {color:#646464; text-decoration:none; font-size:13px}
.textwidget li a:hover { color:#006aba;}

input#paminprice, input#pamaxprice{width:100% !important}
div#ectpatgrpPRICE img{width:50%;height:auto}

.ohm-toggle-item {
	margin: 10px 0;
}
.ohm-toggle-title {
    font-size: 14px;
	margin: 0;
	cursor: pointer;
	color: #006aba;
    text-decoration: none;
}
.ohm-toggle-title:hover {
	color: #666;
}
.ohm-toggle-title.ohm-toggle-active {
}

.ohm-toggle-title:before {
    content: '\002B ';
	margin-right: 5px;
}
.ohm-toggle-title.ohm-toggle-active:before {
    content: '\2013 ';
}

.ohm-toggle-content {
	border: 2px solid #cc0000;
    padding: 10px 20px 20px;
    margin: 15px 0;
    background: #f7f7f7;
	display:none;
	font-size: 14px;
	line-height:1.6em;
}

.ft_row1{padding:10px 30px}
.footerWrapper h3 { margin:0px; padding:0 0 15px; font-size:24px; font-weight:normal; color:#2d2d2d;}
.foot_sb1_wrapper{float:left;width:24%}
.foot_sb2_wrapper{float:left;width:24%}
.foot_sb3_wrapper{float:left;width:24%}
.foot_sb4_wrapper{float:left;width:24%}
.links ul { margin:0px; padding:0px;}
.links li { margin:5px 0px; padding:0 0 0 10px !important; list-style:none; background:url(images/arrow.png) no-repeat 0 5px;}
.links li a { color:#006aba; text-decoration:none;}
.links li a:hover { color:#333;}
.ft_social_icon a { margin-right:5px;}

.creditcard_wrapper{float:left;width:50%}
.copyright_wrapper{float:left;width:50%}
.copyright_text{background:#006aba;border:none;color:#fff;line-height:2.5em;padding:10px 20px}

/*This is the first breakpoint and contains styles for screens 1024px to 980px*/
@media screen and (max-width: 1024px) {
    .logo_row_left{width:55%}
    .logo_row_right{width:45%}
    .topsearchWrap{width:65%}
    .minicart_wrapper{width:35%}

	.mid_content_left{width:23%}
	.mid_content_right{width:75%}
}

/*This is the second breakpoint and contains styles for screens 980px to 800px*/
@media screen and (max-width: 980px) {
    .logo_row_left{width:65%}
    .logo_row_right{width:35%}
    .topsearchWrap{float:none;width:100%}
    .minicart_wrapper{float:none;margin-bottom:-18px;width:100%}

	.mid_content_left{margin:.5em 1%;width:24%}
	.mid_content_right{width:74%}
	
    .ft_row1 h2{font-size:1.35em}
	.foot_sb1_wrapper{width:25%}
	.foot_sb2_wrapper{width:25%}
	.foot_sb3_wrapper{width:25%}
	.foot_sb4_wrapper{width:25%}
}

/*This is the third breakpoint and contains styles for screens 800px to 640px*/
@media screen and (max-width: 800px) {
    .title_wrapper{font-size:1.1em;padding:10px 10px}

	img.custom-logo{width:60px;height:auto;margin-top:.75em}

	.mid_content_left{margin:.5em 2%;width:28%}
	.mid_content_right{width:68%}
	
	.ft_row1>div{margin:0 5% 20px;width:40%}
	.foot_sb1_wrapper{}
	.foot_sb2_wrapper{float:right}
	.foot_sb3_wrapper{clear:left}
	.foot_sb4_wrapper{float:right}
}

/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {
    .site-title{font-size:1.5em}

	.logo_row_left{float:none;margin:auto;width:460px}
    .logo_row_right{width:100%}

	img.custom-logo{width:90px;margin-top:.25em}

    .topsearchWrap{float:left;width:60%}

	.minicart_wrapper{float:right;margin-bottom:0;width:40%}

	.mid_content_left{margin:.5em 2%;width:40%}
	.mid_content_right{width:56%}

	.cat-banner-container{width:250px}
	img.trade-up-banner{display:block;width:500px;margin-left:-250px;max-width:none}
	img.date-code-banner{display:block;width:500px;margin-right:250px;max-width:none}
	

	.ft_row1>div{margin:0 4% 20px;width:42%}
}

/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {
	.logo_row_left{width:350px}

    .custom-logo{height:40px;width:auto}
	img.custom-logo{width:60px;margin-top:0}

	.title_wrapper{font-size:.9em;padding:0 10px}
    .site-title{font-size:1.35em}
	.tagline{font-size:.9em}
	
	.topsearchWrap{float:none;width:100%;padding-bottom:0px}

	.minicart_wrapper{float:none;margin-bottom:-9px;width:100%}

	.mid_content_left{clear:none;margin:2em 1%;width:48%}
	.mid_content_right{clear:both;float:none;width:100%}

	.ft_row1>div{margin:10px 17%;width:66%}

    .creditcard_wrapper{text-align:center;width:100%}
	.copyright_wrapper{text-align:center;width:100%}
}

/*This is the last breakpoint and contains styles for screens below 360px*/
@media screen and (max-width: 360px) {
}

/*
Gallery CSS
*/
.gallery figure img {
    display: block
}
.gallery .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.gallery .gallery-item img {
    margin: 0 auto
}

.gallery .gallery-item .gallery-caption {
    margin: 0
}

@media (min-width:768px) {
    .gallery.gallery-columns-2 .gallery-item {
        max-width: 50%
    }
    .gallery.gallery-columns-3 .gallery-item {
        max-width: 33.33%
    }
    .gallery.gallery-columns-4 .gallery-item {
        max-width: 25%
    }
    .gallery.gallery-columns-5 .gallery-item {
        max-width: 20%
    }
    .gallery.gallery-columns-6 .gallery-item {
        max-width: 16.666%
    }
    .gallery.gallery-columns-7 .gallery-item {
        max-width: 14.28%
    }
    .gallery.gallery-columns-8 .gallery-item {
        max-width: 12.5%
    }
    .gallery.gallery-columns-9 .gallery-item {
        max-width: 11.11%
    }
    .gallery.gallery-columns-10 .gallery-item {
        max-width: 10%
    }
}

@media (min-width:480px) and (max-width:767px) {
    .gallery.gallery-columns-2 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item,
    .gallery.gallery-columns-4 .gallery-item,
    .gallery.gallery-columns-5 .gallery-item,
    .gallery.gallery-columns-6 .gallery-item,
    .gallery.gallery-columns-7 .gallery-item,
    .gallery.gallery-columns-8 .gallery-item,
    .gallery.gallery-columns-9 .gallery-item,
    .gallery.gallery-columns-10 .gallery-item {
        max-width: 50%
    }
}

@media (max-width:479px) {
    .gallery.gallery-columns-2 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item,
    .gallery.gallery-columns-4 .gallery-item,
    .gallery.gallery-columns-5 .gallery-item,
    .gallery.gallery-columns-6 .gallery-item,
    .gallery.gallery-columns-7 .gallery-item,
    .gallery.gallery-columns-8 .gallery-item,
    .gallery.gallery-columns-9 .gallery-item,
    .gallery.gallery-columns-10 .gallery-item {
        max-width: 100%
    }
}