/* CSS Document

*/

/*DEFAULTS*/
body{overflow-x: hidden; font-size: 16px; line-height: 1.5em;}
img {max-width: 100%;height: auto;}

p, a, li{
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

a[href^="tel:"] {
    color: inherit;
}

h2 {
	color: #0E97A7;
	/*font-size: 45px;*/
	font-family: 'Source Sans Pro', sans-serif;
}

@media (max-width: 768px) {
  .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8{
    margin-top: 10px;
  }

}



/*HEADER*/

.johnLogo {
	width: 450px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#headerStyles {
	background-color: #0E97A7;
}


#grayStripe {
	background-color: #404041;
	height: 10px;
}

.headerAlign {
	text-align: center;
	padding-bottom: 10px;
}

.headerButton {
	margin: 5px;
}

h1.headerText 	{
	color: #fff;
	font-family: 'Lora', serif;
	font-weight: 700;
	font-size: 30px;
	margin-right: 5px;
    margin-top: 10px;
}
/*NAVBAR*/


.navbar{margin-bottom: 0px; border: 0px; min-height: auto!important;}
@media (min-width: 769px) {
    .navbar-collapse {padding-left: 0; padding-right: 0}
}


span.mobileCaret{display:none}
@media (max-width: 768px) {
    .caret{display:none;}
    .navbar-nav>li>a {font-size: 16px!important; text-align: center}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{padding: 6px;font-size: 16px;line-height: 34px; margin-left: 15px;}
}


@media (min-width: 992px) and (max-width: 1199px){
    .navbar-nav>li>a{padding: 10px 30px; font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 992px){
   .navbar-nav>li>a {padding: 10px 10px; font-size: 16px;}
}


@media (min-width: 769px) {
    .navbar-nav>li>a {min-height: 40px; padding: 2px; padding-top: 10px;}
}
.dropdown li>a {padding: 10px 15px; font-size: 16px;}


.dropdown-menu{min-width: 230px;}
.nav .dropdown-submenu { position: relative; }
.nav .dropdown-submenu > a:after{ content: '\e258'; font-family: 'Glyphicons Halflings'; position: absolute; right: 10px; }  .nav .dropdown-submenu .dropdown-menu { display: none; top: 0; left: 100%; padding-top: 0!important; padding-bottom: 0!important; }
.navbar-toggle {color: #000; float:left; width: 100%; text-align: center;}

@media (min-width: 768px) {
    .dropdown .dropdown-submenu:hover .dropdown-menu{display: block;}
    .dropdown:hover>.dropdown-menu {display: block;}

  /*Center navbar*/
  #menu-menu-1 {width: 100%;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;display: flex;align-items: center;-webkit-justify-content: space-between; justify-content: space-between; }

}
@media (max-width: 768px) {
    .dropdown .dropdown-submenu .dropdown-menu{display: block;margin-left: 20px;}
    .nav .dropdown-submenu > a:after{ content: '';}
}





/* <!-- Styles  for dropdowns--> */

span.mobileCaret{display:none}
@media (max-width: 768px) {
    .caret{display:none;}
  .navbar-nav>li>a {
    width: 85%;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: left;
}
  span.mobileCaret{color: #0E97A7; display: inline;
    width: 15%!important; z-index: 10000; text-align: center;}
    span.mobileCaret:hover{background-color: #EEEEEE; cursor:pointer; height: 40px; padding: 4.5px;font-size: 14px;line-height: 34px;}

    .navbar-default .navbar-nav .open .dropdown-menu>li>a{padding: 6px;font-size: 14px;line-height: 30px; margin-left: 15px; /*color: #ddd;*/}
}
@media (min-width: 768px) {
.navbar .navbar-inner {
    padding: 0;
}




/*  Center/Full Width Menu */
.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}

.navbar .nav > li {
    display: table-cell;
/*     width: 1%; */
    float: none;
    text-align: center;
}


.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}

.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
}



/*HOME PAGE*/

.mainBox {
    display: inline-block;
    width: 300px;
    margin: 50px 15px;
}

.redBoxText {
    color: #fff;
    background-color: #C40707;
    font-family: 'Lora', serif;
    font-weight: 700;
    padding: 10px 10px 15px;
    margin: 0;
}

h2.redBoxText {
    font-size: 25px;
}

.price {
    color: #0DB328;
    background-color: #404041;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0px 0px 10px;
}

h3.price {
    font-size: 90px;
}

#gal {
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.flex {
    height: 100%;
    display: flex;
    justify-content: center;
}


.familyBackground {
	width: 100%;
	margin-bottom: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	height: 450px;
	background-position: center center;
}

.paddingFix {
	padding: 0px !important;
}

.mapPadding {
	padding-top: 25px;
}

img.vectorImg {
	background-color: #0E97A7;
	border-radius: 150px;
	border: 2px solid #404041;
	height: 120px;
	margin-bottom: 5px;
}

.homeButton {
	margin-top: 20px;
}

a.linkMain {
	text-align: center;
}

.buttonHome {
	font-size: 20px !important;
}

.btn-primary {
	border-radius: 0px !important;
}

.imageVectors{
	margin-bottom: 60px;
	margin-top: 95px;
}


/*Forms*/
.nf-form-cont {
   /** background: #f3f7f5; **/
    padding: 10px 20px;
    font-size: 13px;
    border-radius: 5px;
}
.label-above .nf-field-label {
    margin-bottom: 0 !important;
}
.nf-field-label{
    font-size: 15px;
}
.nf-field-container {
    margin-bottom: 10px !important;
}

span.nf-form-title{
	color: #0E97A7;
}

.nf-field-element textarea {
    height: 120px !important;
}




/*MAIN CONTENT*/
.mainContent{/*padding-bottom: 40px;*/ padding-top: 25px;}
.mainContent img {width: 100%;}


/*FOOTER*/

#footer {
	background-color: #555;
	color: #fff;
	padding-top: 10px;
}

#topFooter {
	background-color: #0E97A7;
	height: 3px;
	margin-top: 55px;
}


.footerText p {
	font-size: 12px;
}

.footerTextAddress p, .footerTextAddress a {
	font-size: 14px;
}


/*IMAGE ALIGNMENT FIX*/

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}

/** LINKS **/

a.h2Links {
	font-size: 36px;
}

/**IMAGE FIX**/

img.topPageImg {
	width: 150px;
	height: auto;
}

img.imageSize {
	width: 300px;
	height: auto;
}

img.imageSizeBoiler {
	width: auto;
	height: 300px;
}

/** ORDER OIL **/

.formPadding {
	padding-top: 25px;
}

.formHeader {
	padding-bottom: 10px;
	color: #0E97A7;
}

.fillPipe {
	height: auto !important;
	width: 250px !important;
}


.woocommerce div.product form.cart .button{background: #0E97A7;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #0E97A7 !important;}

.woocommerce-LoopProduct-link, .woocommerce-loop-product__link {
	pointer-events: none!important;
    cursor: default;
}
.woocommerce ul.products li.product .price{
	background-color: transparent!important;
	font-size: 18px;
}
th.product-quantity, td.product-quantity {display: none;}

nav.woocommerce-breadcrumb, .latest-news {
    display: none;
}
.woocommerce #content div.product div.summary.custom-entry, .woocommerce div.product div.summary.custom-entry, .woocommerce-page #content div.product div.summary.custom-entry, .woocommerce-page div.product div.summary.custom-entry {
    float: left !important;
}
.custom-image {width: 48%; float: left; padding: 30px;}
@media (max-width: 768px) {
	.custom-image {width: 100%;}
}
.woocommerce .custom-image img, .woocommerce-page .custom-image img {max-width: 300px; height: auto;}
#tab-description h2:first-child {
    display: none;
}
.single-product .product_meta {
   display: none;
}
.woocommerce form .form-row label {line-height: 1.2 !important;}
.woocommerce div.product form.cart .button {margin-top: 20px;}
label.wc-pao-addon-name {margin-top: 15px;}
/* Hide Price column in cart 
.woocommerce table.shop_table td:nth-of-type(4), .woocommerce table.shop_table th:nth-of-type(4) {
display: none;
}*/

/** MEDIA QUERIES **/

@media (max-width: 768px) {

/*.mainBox {
	/*background-color: transparent;
	/*height: 300px;*/
	/*width: 305px;*/
	/*padding-top: 55px;
	/*margin-left: 20px;*/
	/*margin-right: 20px;*/
    /*margin: 0 auto;
    /*padding: 0;*/
/*}*/
	

    .mainBox {
        margin: 0 auto;
        display: block;
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
.vector-images {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    }
}