/*-----------------------------------------------------------
    Theme Name: conex
    Version: 1.0
    Description:  Theme by Conex
    Author: conex
    Author URI: http://conexcopper.com
    Designed & Developed by Conex
    Theme URI: http://conexcopper.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Tags: light, flexible-width, custom-menu, featured-images, full-width-template, translation-ready
================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
body { font-family: "Open Sans"; font-size: .9em; line-height: 20px; background-color: #000000; color: #333; background-image: url(images/noise.png); }
body.category #mainMenu ul li:first-child a, body.single #mainMenu ul li:first-child a { border: 1px solid #FFFFFF; }
* { margin: 0; padding: 0; }
span.right { float: right; }
fieldset, img { border: 0; }
.textwidget iframe { display: block; left: -11px; position: relative; }
.textwidget { overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h3 { font-size: 18px; line-height: 25px; height: 50px; display: block; color: #C30; font-weight: bold; }
.site { background-color: #FFFFFF; box-shadow: inset 0px 0px 1px 1px #818181; overflow: hidden; }
a { color: #930503; }
a.inqButton {border: 1px solid #BA1C1C; color: #000; display: block; margin-top: 12px; text-decoration: none; width: 120px; background-attachment: scroll; background-color: #FFA6A5; background-image: none; background-repeat: repeat; background-position: 0 0; padding-top: 1px; padding-right: 8px; padding-bottom: 1px; padding-left: 8px; -webkit-transition: all 240ms linear 240ms; -moz-transition: all 240ms linear 240ms; -ms-transition: all 240ms linear 240ms; -o-transition: all 240ms linear 240ms; transition: all 240ms linear 240ms; }
a.inqButton:hover { background-attachment: scroll; background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-position: 0 0; }
p { margin-bottom: 2%; padding-right: 1%; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { border: 1px solid; float: left; margin-right: 24px; margin-top: 8px; }
.alignright { float: right; margin-left: 15px; }
/*************** Grid ********************/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*@media only screen and (min-width: 1024px) {*/

/*************** Header ********************/
#masthead, #colophon { background-color: #930503; left: -1%; padding-left: 1%; padding-right: 1%; position: relative; }
#search form.search-form input.searchField {
  background-color: #c42a28;
  border: medium none;
  color: #fff;
  float: left;
}
#search form.search-form input.searchField:focus { background-color: #D7EAF2; color: #000; }
#search form.search-form input.searchSubmit {
  background-color: #c42a28;
  border: 1px solid #c42a28;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  line-height: 12px;
  width: 23px;
}
#search form.search-form input.searchSubmit:hover { background-color: #D7EAF2; color: #000; }
#title { display: block; position: absolute; right: 1%; bottom: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; margin-right: 2px; }
#title h2 { font-size: 1em; line-height: 1em; font-weight: bold; color: #FFFFFF; text-decoration: none;display: block; text-transform: uppercase; border-right-width: 4px; border-right-style: double; border-right-color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; padding-right: 15px; padding-left: 15px; }
#title #h2Line { height: 25px; width: 22px; position: absolute; top: -25px; right: -2px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; background-color: #930503; }
/*************** Top Main Menu ********************/
#mainMenu { display: block; background-image: url(images/line.jpg); background-repeat: repeat-x; background-position: left center; float: left; margin-top: 30px; width: 80%; padding-left: 6%; }
#mainMenu ul { list-style-type: none; }
#mainMenu ul li { display: inline-block; float: left; background-image: url(images/line.jpg); background-repeat: repeat-x; background-position: center center; padding: 15px; }
#mainMenu ul li a { font-size: 1em; line-height: 1.5em; font-weight: bold; color: #FFF; text-decoration: none; background-color: #930503; border: 1px solid #930503; margin: 0px; padding: 5px;}
#mainMenu ul li a:hover, #mainMenu ul li.current-menu-item a { border: 1px solid #FFFFFF; }
/*************** Side Bar Menu ********************/

span.h3 { background-color: #930503; color: #fff; display: block; font-size: 15px; font-weight: normal; margin: 0; padding: 6px; }
.sideMenu ul { background-color: #ededed; border: 1px solid #cccccc; color: #000000; display: block; margin-bottom: 15px; padding: 0px; }
.sideMenu ul:hover { background-position: left bottom; }
.sideMenu ul li { color: #000000; display: block; }
.sideMenuul li:first-child > a { border-top: 1px solid #EDEDED; }
.sideMenu ul li:last-child > a { border-bottom: 1px solid #ededed; }
.sideMenu ul li > a { background-image: url(images/24.png); background-position: 0px center; background-repeat: no-repeat; border-color: #cfcfcf #ededed #fcfcfc; border-style: solid; border-width: 1px; color: #000000; display: block; font-size: 12px; text-decoration: none; text-transform: capitalize; transition: all 0.4s ease 0s; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 25px; }
.sideMenu ul li > a:hover, .sideMenu ul li.current-menu-item > a { background-color: #ffffff; color: #990000; }
.sideMenu ul li.current-menu-item ul { display: block; }
/*************** Content Page ********************/
#breadcrumbs { border-bottom: 1px dotted #000000; display: block; font-size: 13px; font-weight: normal; margin-bottom: 10px; margin-left: 1%; margin-right: 1%; text-align: left; width: 98%; color: #000; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.siteMain { padding-top: 15px; min-height: 650px; }
.site-content { font-size: 14px; color: #000;line-height: 1.85em; font-weight: normal; margin-bottom: 20px; }
#post-header { display: block; float: left; margin-bottom: 20px; padding-bottom: 15px; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; }
figure.single { display: block; float: left; margin: 0; width: 48%; border-right-width: 1px; border-right-style: dotted; border-right-color: #333333; }
#metaData { display: block; float: left; padding-left: 2%; width: 46%; }
figure img.attachment-single { display: block; margin: 0 auto; }
#content ul, #content ol { margin-bottom: 30px; margin-left: 45px; }
#index { position: relative; }
span.h4 { display: block; height: 55px; border-top: 2px double #930503; }
span.h4 > a { color: #930503; font-size: 1em; font-weight: bold; padding-top: 7px; text-decoration: none; text-transform: uppercase; line-height: 1.2em; display: block; }
span.h5 { border-bottom: 1px solid #930503; display: block; position: relative; height: 36px; }
span.h5 > a { background-color: #F7D3D2; color: #000; display: block; position: absolute; right: 0; top: 22px; text-decoration: none; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; border: 1px solid #930503; text-transform: capitalize; }
span.h5 > a:hover { color: #FFF; background-color: #930503; }
.conLink { display: block; margin-bottom: 40px; }
.conLink figure.product { display: block; border: 1px dotted #930503; }
.conLink figure.product a { display: block; }
.conLink figure.product img.prodLmg { display: block; width: 100%; }
.conLink h3 a { font-size: 13px; color: #000; text-decoration: none; text-transform: capitalize; height: 55px; margin-bottom: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #930503; display: block; }
/*************** Footer ********************/
.site-info { font-size: 12px; color: #FFF; padding: 10px; }
/*************** Typography ********************/
h1 { font-size: 15px; text-transform: uppercase; color: #000000; display: block; margin-bottom: 20px; font-weight: bold; padding-bottom: 2px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #930503; }
h6 { border-bottom: 3px double #C42A28; display: block; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; width: 99%; }
table { border-collapse: collapse; border-spacing: 0; background-color: #ffffff; width: 99%; }
table { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #dddddd #dddddd #dddddd; border-image: none; border-radius: 0; border-style: solid solid solid none; border-width: 0px 1px 1px 0; margin-bottom: 15px; }
table th, table td { border-left: 1px solid #dddddd; padding: 5px; border-top: 1px solid #dddddd; }
table p { margin: 0px; padding: 0px; }
table th { border-top: 1px solid #dddddd; text-transform: uppercase; color: #000; background-color: #EBEBEB; }
table tbody > tr:nth-child(2n+1) > td, .table tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9; }
table tbody tr:hover > td { background-color: #ffffff; }
/*************** Extras ********************/
.editThis { display: block; position: fixed; top: 10%; right: 10%; z-index: 999; }
.editThis a { background-color: #930503; display: block; border: 1px solid #000; font-size: 10px; text-transform: uppercase; color: #FFF; text-decoration: none; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; }
.wp-pagenavi { background-color: #930503; display: block; float: left; height: 30px; position: relative; text-align: right; width: 100%; line-height: 30px; margin-bottom: 15px; }
.wp-pagenavi span.pages { left: 0; position: absolute; text-align: left; top: 0; }
.wp-pagenavi a, .wp-pagenavi span { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: capitalize; margin-right: 5px; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: #C42A28; color: #FFFFFF; }
.wp-pagenavi span.current { background-color: #C42A28; }
/*****************************************************************************/
#content ul.wofom { list-style: none outside none; }
#content ul.wofom li { margin-bottom: 10px; }
#content ul.wofom li.odd { display: block; float: left; margin-right: 20px; text-align: right; width: 200px; }
#content ul.wofom li.full span.detail textarea { width: 91%; }
#content ul.wofom li.even span.address textarea { width: 45.5%; }
body span.wpcf7-not-valid-tip { display: block; color: #ec3c06; border: none; position: relative; top: auto; left: auto; padding: 0; margin-top: 2px; background: none; font-size: 14px; }
body div.wpcf7-validation-errors { background: #ffe2e2; border: 1px solid #ff8a8a; color: #ec3c06; }
body div.wpcf7-response-output { padding: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body .wpcf7-mail-sent-ng { background: #fff2e2; border: 1px solid #ffbc8a; color: #e17731; }
body .wpcf7-mail-sent-ok { background: #e8ffe2; border: 1px solid #6fdf51; color: #1ea524; }
.screen-reader-response ul li { color: #ec3c06; font-size: 15px; }
.titleH5 { border-bottom: 2px dotted #b75454 !important; display: block; font-weight: bold; padding: 5px 0; }
input, textarea, select { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #e1e1e1;font-size: 13px; padding: 3px; }
#submit { width: 100px; background: #ae4c4c; border: 1px solid #930503; color: #ffffff; cursor: pointer; }
#submit:hover { background: #ffffff; border: 1px solid #ccc; color: #000; cursor: pointer; }
/***************Releted Products ***************/
#content ul.releted { display: block; float: left; list-style: none outside none; margin-bottom: 10px; margin-left: 0; padding: 0; background-attachment: scroll; background-image: none; background-repeat: repeat; background-position: 0 0; width: 100%; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9997; }
#content ul.releted li { background-color: #FFF; display: block; float: left; height: 140px; padding: 0; width: 143px; overflow: hidden; margin: 0px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FF9997; border-bottom-color: #FF9997; }
#content ul.releted li:nth-child(-n+5){ border-top-width: 1px; border-top-style: solid; border-top-color: #FF9997; }
#content ul.releted li figure.relatedImg { border-bottom: 1px dotted #000; margin: 0 10px; padding: 9px 0; }
#content ul.releted li figure.relatedImg a img { display: block; width: 105px; height: 59px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content ul.releted li a.redtedLink { display: block; font-size: 12px; color: #000; text-decoration: none; text-align: center; padding: 5px; }
.reletH3 { padding: 4px; background-attachment: scroll; background-color: #930503; background-image: none; background-repeat: repeat; background-position: 0 0; margin-bottom: 15px; color: #FFF; display: block; }
/*******************************/
ul.popular{ background-color: #FFF; }
ul.popular > li { display: block; height: 70px; position: relative; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-width: 1px; border-bottom-color: #930503; }ul.popular > li:last-child{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
ul.popular li > a.popLink { background-image: none; border-style: none; display: block; float: left; width: 130px; margin: 0px; padding: 5px; }
ul.popular li > a.popLink:hover{ background-color: transparent; }
ul.popular .popImg img { border: 1px solid; display: block; float: left; height: 50px; margin-left: 8px; width: 75px; margin-top: 8px; }
ul.popular span.view { background: none repeat scroll 0 0 #930503; display: block; padding: 0 6px; position: absolute; bottom: 0px; color: #FFF; right: 0px; }
/* Smartphones (portrait and landscape) ----------- */
body { width: 990px; margin: 0 auto; }
.g1, .g2, .g3, .g4 { display: block; position: relative; margin-left: 1%; margin-right: 1%; display: inline; float: left; }
/* 3 COLUMN GRID */
.g1 { width: 98%; }
.g2 { width: 73%; }
.g3 { width: 31.333% }
.g4 { width: 23%; }
#logo img { display: block; float: left; margin-top: 15px; margin-bottom: 15px; width: 14%; }
#masthead > #search { position: absolute; right: 1%; top: 12%; display: block; }