/* Theme Name:     St Joe
Description:    Child theme for Alexandria theme
Author:         Bevel Design
Author URI:     http://beveldesign.com
Template:       alexandria
Version:        1.0
*/

@import url("../alexandria/style.css");

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

@font-face {
    font-family: 'AntonioBold';
    src: url('/css/fonts/antonio-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/antonio-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntonioLight';
    src: url('/css/fonts/antonio-light-webfont.woff2') format('woff2'),
         url('/css/fonts/antonio-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntonioRegular';
    src: url('/css/fonts/antonio-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/antonio-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

        @font-face {
          font-family: 'OpenSans';
          src: url('/css/fonts/OpenSans.eot');
          src: url('/css/fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
          url('/css/fonts/OpenSans.woff2') format('woff2'),
          url('/css/fonts/OpenSans.woff') format('woff'),
          url('/css/fonts/OpenSans.svg#webfont') format('svg');
          font-weight: normal;
          font-style: normal; }

/* -------------------------------------------------------------- GLOBAL STYLES -- */

body, button, input, select, textarea { color: #333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.75; word-wrap:break-word; }

/* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; font-family: 'ff-angie-web-pro',sans-serif; line-height: 1.25; font-style: bold; font-weight: 700; color: #253570; }

h1 { font-size: 36px; font-size: 3.6rem; text-transform: uppercase; }

h2 { font-size: 24px; font-size: 2.4rem; color: #e77214; text-transform: uppercase; }

h2 { font-size: 20px; font-size: 2rem; color: #e77214; text-transform: uppercase; }

.content-container { width: 94%; padding: 0 3%; }

.full-page-content-area { margin: 0; }

.page-content { border-bottom: 1px solid #cccccc; width: 100%; padding-bottom: 40px; }

/* ---------------------------------------------------------------- HEADER --------- */

.site-header { width: 100%; background: #fff; text-align: center; }

.site-header-half-width-nav { margin: 0 3%; width: 94%; border-top: none; }

/*.main-navigation li { display: inline-block; position: relative; padding: 0; margin: 0; height: 111px; }

.main-navigation>div>ul>li>a { text-decoration: none; color: #013984; margin: 34px 20px; font-size: 19px; font-family: 'Open Sans', sans-serif; font-weight: 800; }

#main-nav>li>a { margin-top: 34px; }

.main-navigation li.current_page_item, .main-navigation li.current-menu-item, .main-navigation li:hover { background: transparent; }

.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a, .main-navigation li:hover a { border-bottom: 2px solid #ee8f42; }

/* .main-navigation ul ul { display: none; float: left; position: absolute; top: 111px; left: -50%; z-index: 99999; background: rgba(255,255,255,0.9); padding: 10px 0; width: 100%; }

.main-navigation ul ul li { height: auto; }

.main-navigation ul ul a { width: 300px; color: #013984; font-size: 15px; font-weight: normal; font-weight: 400; }

.main-navigation ul ul li:hover { background: #bbd2ec; } */

/* Reset code to remove theme inherent styling */ .dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li { list-style: none; padding: 0; margin: 0; } .dcjq-mega-menu ul.menu ul { display: none; /* Hides non-mega links */ } .dcjq-mega-menu ul.menu .sub ul { display: block; /* overrides above hide */ }

/* Main menu styles */
.dcjq-mega-menu ul.menu { height: 40px; position: relative; /* Important - required for positioning of mega menu */ float: right; }

.dcjq-mega-menu ul.menu li { float: left; font-weight: bold; text-align: left; }

.dcjq-mega-menu ul.menu li a { float: left; display: block; padding: 12px; color: #013984; text-decoration: none; font-size: 18px; font-family: 'AntonioLight', sans-serif; text-transform: uppercase }

.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover { text-shadow: none; color: #ff9900; }

.dcjq-mega-menu ul.menu li.current_page_item a { color: #ff9900; }

/* Arrow tag for parent links */ .dcjq-mega-menu ul.menu li a.dc-mega {

}

.dcjq-mega-menu ul.menu li a .dc-mega-icon { display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; }
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon { background-position: 0 100%; }

/* Mega Menu Styling */ /* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container {
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px; }

.dcjq-mega-menu ul.menu li .sub { padding: 20px 20px 20px 10px; }

.dcjq-mega-menu ul.menu li .sub-container.mega { top: 80px !important; margin-left: -300px; }
.dcjq-mega-menu ul.menu li .sub-container.mega .sub { padding: 0; }
.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */ width: 100%; overflow: hidden; clear: both; }
.dcjq-mega-menu ul.menu li .sub li { float: none; font-size: 1em; font-weight: bold; }

/* Sub-menu Headers */
.dcjq-mega-menu ul.menu li .sub li.mega-hdr {
	/* Sub-menu headers - i.e. 2nd level navigation */
	float: left;
	/* Float the sub-menus and give them a fixed width to from the mega menu rows */
	width: 220px;
	padding: 0 10px 20px 10px; }

.dcjq-mega-menu ul.menu li .sub a {
	/* Clear the styles from the top-level links and set the font styles */
	background: none;
	border: none;
	text-shadow: none;
	color: #111;
	padding: 7px 10px;
	display: block;
	float: none;
	text-decoration: none;
	font-size: 16px; }

.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a { padding: 7px 10px; margin-bottom: 5px; font-weight: bold; color: #000; }
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; text-shadow: none; }


/* Add the individual sub-menu backgrounds .dcjq-mega-menu ul.menu li .sub li#menu-item-1 { background: url(img/bg_coupe.jpg) no-repeat 135px 40px; } .dcjq-mega-menu ul.menu li .sub li#menu-item-2 { background: url(img/bg_sedan.jpg) no-repeat 135px 40px; } .dcjq-mega-menu ul.menu li .sub li#menu-item-3 { background: url(img/bg_convert.jpg) no-repeat 135px 40px; } .dcjq-mega-menu ul.menu li .sub li#menu-item-4 { background: url(img/bg_suv.jpg) no-repeat 135px 40px; } .dcjq-mega-menu ul.menu li .sub li#menu-item-5 { background: url(img/bg_pickup.jpg) no-repeat 135px 40px; } .dcjq-mega-menu ul.menu li .sub li#menu-item-6 { background: url(img/bg_sports.jpg) no-repeat 135px 40px; } */

/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li { }
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a { color: #444; font-weight: normal; padding: 3px 0 3px 25px; }
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover { color: #990000; }

/* Styling for items with only 2 levels */

.dcjq-mega-menu ul.menu li .sub-container.non-mega { top: 56px !important; }
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub { padding: 20px 20px 20px 10px; }
.dcjq-mega-menu ul.menu li .sub-container.non-mega li { width: 210px; /* Set the drop down width */ }
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a { padding: 7px 5px 7px 22px; }
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover { color: #ff9900; }

.dcjq-mega-menu ul.menu li .sub li.featured-product.mega-hdr { }

.featured-product { background: #fffbe0; }

.featured-image { background: #fffbe0 url('/img/new-St.-Joseph.png') center no-repeat; background-size: 90%; }

.featured-image a { display: none !important; width: 100%; }

.dcjq-mega-menu ul.menu .sub li.mega-hdr li.featured-name a { font-weight: bold; color: darkblue; font-size: 16px; font-size: 1.6rem; }

.dcjq-mega-menu ul.menu .sub li.mega-hdr li.featured-new a { color: darkred; font-size: 16px; font-size: 1.6rem; font-style: italic; }

.products-header-image {
	background-image: url('/img/products-header.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 600px;
}

.resources-header-image {
	background-image: url('/img/header-resources.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 600px;
}

.general-header-image {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 600px;
}

.resources-title {
	margin-top: 80px;
	margin-left: 115px;
	font-family: 'AntonioRegular';
	letter-spacing: 1px;
	font-size: 30px;
	color: #333;
	line-height: 130%;
	text-transform: uppercase;
	width: 75%;
}

.general-hero-content h2 {
	margin-top: 80px;
	font-family: 'AntonioRegular';
	letter-spacing: 1px;
	font-size: 30px;
	color: #333;
	line-height: 130%;
	text-transform: uppercase;
	width: 75%;
}

.general-hero-content h2:nth-child(n + 1) {
	margin-top: 30px;
}

.general-hero-content h3 {
	font-family: 'AntonioRegular';
	letter-spacing: 1px;
	font-size: 30px;
	color: #333;
	line-height: 130%;
	text-transform: uppercase;
	width: 95%;
}

.general-hero-content .accordion h3 {
	font-family: 'AntonioRegular';
	letter-spacing: 1px;
	font-size: 24px;
	color: #898989;
	line-height: 130%;
	text-transform: uppercase;
	width: 85%;
	padding-bottom: 10px;
}
.general-hero-content p
{
	font-family: 'OpenSans';
	font-size: 16px;
	letter-spacing: .5px;
	line-height: 150%;
	width: 75%;
}

.general-hero-content p b {
	display: block;
}

.hero-initial-content {
	margin-top: 80px;
}

.resources-items {
	margin-top: 40px;
	margin-left: 115px;
	line-height: 200%;
	font-size: 18px;
	padding-bottom: 60px;
}

.general-hero-content {
	margin-left: 115px;
	width: 85%;
}
.resources-link-item a, .resources-link-item a:hover, .resources-link-item a:visited, .resources-link-item a:active {
	text-decoration: underline;
	color: #333;
}

.entry-meta {
	border-bottom: none;
}

h1.entry-title, .hero-header-title {
	font-family: 'AntonioRegular';
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
	font-size: 48px;
	position: relative;
	top: 200px;
	left: 115px;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px rgba(10, 10, 10, 1);
}

.nohero-header-title {
	font-family: 'AntonioRegular';
	font-weight: 400;
	letter-spacing: 1px;
	color: #898989;
	font-size: 48px;
	position: relative;
	top: 60px;
	left: 115px;
  width: calc(100% - 115px);
	padding-bottom: 40px;
	text-transform: uppercase;
}
h1.widget-title, .privacy-header {
	font-family: 'AntonioRegular';
	font-weight: 400;
	letter-spacing: 1px;
	color: #898989;
	font-size: 18px;
	text-transform: uppercase !important;
	line-height: 130%;
	padding-top: 65px;
}

.privacy-content p {
	color: #333;
}

.wpcf7-validation-errors {
	border: 2px solid #ff0000 !important;
	padding: 8px;
	color: #333;
}

.privacy-content li {
	color: #333;
}

#post-46 .entry-content {
	width: 100%;
	top: -140px;
}

#post-50 .entry-title {
	font-family: 'AntonioRegular';
	font-weight: 400;
	letter-spacing: 1px;
	color: #898989;
	font-size: 48px;
	position: relative;
	top: 20px;
	left: 115px;
	text-transform: uppercase;
	padding-bottom: 80px;
}

#post-17 .entry-content, #post-438 .entry-content {
	position: relative;
	top: 180px;
	left: 115px;
	color: #fff;
	width: 38%;
	line-height: 140%;
	font-size: 16px;
	font-family: 'OpenSans';
	letter-spacing: .5px;
}

.wpcf7-form p {
	color: #333;
	font-family: 'OpenSans';
}

.wpcf7-form-control-wrap {
	padding-top: 8px;
	display: block;
	padding-bottom: 12px;
}

.wpcf7-select, .wpcf7-textarea {
	width: 140%;
}

.entry-content {
	position: relative;
	top: 0px;
	left: 115px;
	color: #fff;
	width: 45%;
	line-height: 130%;
}

#stjoeProducts > div:nth-child(1), #stjoeProducts > div:nth-child(2) {
	background: #fff !important;
}

#stjoeProducts .widget p {
	color: #333;
}

#primary.content-area {
	width: 45%;
}
aside#text-6.widget.widget_text {
	border-top: none;
}

h2.widgettitle {
	font-family: 'AntonioRegular' !important;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 32px !important;
	color: #333 !important;
}

#stjoeProducts .learn-more {
	background-color: #ff9900 !important;
	font-family: 'AntonioRegular' !important;
	font-weight: 400 !important;
	text-transform: uppercase;
}

.product-disclaimer {
	width: 100%;
	text-align: right;
	padding-right: 20px;
	color: #aaa;
	position: relative;
	top: -35px;
	font-size: 12px;
	font-family: 'OpenSans';
}

.modal-dialog {
	margin-top: 100px !important;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
	background-color: #ff9900 !important;
	border-color: #ff9900 !important;
	font-family: 'AntonioRegular';
	text-transform: uppercase;
	letter-spacing: 1px;
}

button {
	box-shadow: none !important;
}

.btn-default {
	background-color: #ff9900 !important;
	border-color: #ff9900 !important;
	font-family: 'AntonioRegular';
	text-transform: uppercase;
	letter-spacing: 1px;
}

#mobileNav {
	display: none;
}

::selection {
	background: #ff9900 !important;
}

.menu-footer-container ul li a:hover {
	text-decoration: none;
}

/* ---------------------------------------------------------------------- FOOTER ----- */

.footer-nav { width: 100%; text-align: center; padding: 10px 0; }

#footer-nav { display: block; } .menu-footer-container ul { list-style: none; margin: 0; padding-left: 0; }

.menu-footer-container li { display: inline-block; position: relative; padding: 0; margin: 0; }

.menu-footer-container ul li a { display: block; float: left; color: #002e78; font-size: 18px; line-height: 25px; padding: 10px; margin: 0; font-family: 'AntonioRegular', sans-serif; font-weight: 400; text-transform: uppercase; }

p.copyright { color: #333; padding: 10px 20px; font-family: 'Open Sans', sans-serif; font-size: 12px; }

/* -------------------------------------------------------------- HOME PAGE SLIDER -- */

.ls-inner .subtitle { color: #354e81; font-size: 30px; font-size: 2em; line-height: 100%; font-style: oblique; font-weight: bold; font-family: 'Open Sans', sans-serif; font-weight: 400; }

.ls-inner .title { color: #ffffff; font-size: 48px; line-height: 100%; letter-spacing: 2px; float: left; font-family: 'AntonioBold', sans-serif; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(10, 10, 10, 1); }

.ls-inner .title.h4-alt { color: #354e81; }

.ls-inner .description { color: #ffffff; font-size: 16px; line-height: 130%; clear: both; float: left; font-style: normal; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 1em 0;}

.ls-inner .readmore { clear: both; float: left; font-size: 18px; color: #fff; background: #ff9900; padding: 0.5em 1.2em; text-decoration: none; margin-top: 0.5em; font-style: normal; font-weight: 400; line-height: 100%; text-align: center; font-family: 'AntonioRegular', sans-serif; }

.ls-inner h2 { text-align: center; font-size: 200%; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: inherit; }

.ls-inner h2::after { content: ""; background: url('/img/right-quote.png') no-repeat; position: absolute; width: 24px; height: 21px; bottom: 8px; right: 0px; }

.ls-inner h2::before { content: ""; background: url('/img/left-quote.png') no-repeat; position: absolute; width: 24px; height: 21px; bottom: 8px; left: 0px; }

.colorbar-orange { background: #E77214; }

/* -------------------------------------------------------------- HOME PAGE -------- */

/* .biz0ne  { display: table-row-group; }

.biz0ne-products-services  { display: table-row; }

.biz0ne-products-services-item  { background: #354e81; border-radius: 10px; color: #fff; position: relative; height: 100%; display: table-cell; }

.biz0ne-products-services-item h2  { width: 100%; margin: 0; text-align: left; color: white; background: #354e81; border-radius: 10px 10px 0 0; text-align: center; text-transform: uppercase; }

.biz0ne-products-services-item img  { border-radius: 0 0 10px 10px; }

.biz0ne-products-services-item p { font-size: 15px; text-align: center; background: rgba(231, 114, 20, 0.7); position: absolute; bottom: 0; width: 100%; }

.biz0ne-products-services-item p a { font-size: 16px; font-family: 'Open Sans', sans-serif; color: #fff; }

.biz0ne-products-services-name { width: 86%; margin: 3% 7%; font-family: 'ff-angie-web-pro',sans-serif; font-style: bold; font-weight: 600; text-transform: inherit; color: #354e81; font-size: 18px; font-size: 1.8rem; padding: 2% 0; }

.icons{ float:left; margin: 0 0 0 50px; }

.icons ul { list-style: none; margin: 0; }

.icons ul li a{ text-decoration:none; color:#333; font-size:19px; line-height:45px; margin:25px 0; padding-left:50px; display:block; font-family: 'Open Sans', sans-serif; font-weight:500; } .retail{ background:url('/img/retail-icon.png') no-repeat 10px center; } .coupon{ background:url('/img/coupon-icon.png') no-repeat left center; } .email{ background:url('/img/email-icon.png') no-repeat 5px center; } */

/* -------------------------------------------------------------- HOME WIDGETS ------ */

.sj-features { display: table; width: 100%; position: relative; }

.sj-features-row { display: table-row; width: 100%; }

.sj-homewidget { display: table-cell; background: none; width:31%; text-align: center; position: relative; }

.sj-homewidget-name { position: absolute; z-index: 1; top: 70%; color: white; text-transform: uppercase; font-size: 26px; letter-spacing: 1px; padding: 2% 0; font-family: 'AntonioRegular'; }

.sj-homewidget p { font-size: 15px; text-align: center; margin-bottom: 0; }

.sj-homewidget .widget_sp_image-description { font-size: 15px; text-align: center; background: #ff9900; position: absolute; top: 86%; width: 125px; padding: 6px; }

.sj-homewidget .widget_sp_image-description a:hover { text-decoration: none; }

.sj-homewidget img { width: 100%; position: relative; }

.sj-homewidget p a { font-size: 16px; font-family: 'AntonioRegular'; letter-spacing: 1px; color: #fff; }

.sj-features .gutter { display: none; width: 0; }

.sj-feature-wrap { /* position: relative; */ min-height: 260px; }

/* -------------------------------------------------------------- PRODUCTS PAGE ----- */

#stjoeProducts { }

#stjoeProducts > div:nth-child(1) { background:#03B6FC; color: #fff; }
#stjoeProducts > div:nth-child(1) h2 { color:#354e81; }
#stjoeProducts > div:nth-child(2) { background:#D9EAF8; }
#stjoeProducts > div:nth-child(3) { background:#F8F6EA; }
#stjoeProducts > div:nth-child(4) { background:#F9E8DA; }

#widget_tribe_widget_builder_220-2 .responsive-container {
	padding-bottom: 80px;
	border-bottom: 2px solid #e4e4e4;
}

#widget_tribe_widget_builder_221-2 {
	padding-top: 1% !important;
}

#stjoeProducts .widget { width: 100%; margin: 0; padding: 5% 4%; color: #333; background: #ccc; border-top: none; }

#stjoeProducts .widget img { width: 80%; margin: 0 auto; }

#stjoeProducts .prod-img { float: left; width: 42%; text-align: center; }

#stjoeProducts .widget h2, #stjoeProducts .widget p { float: left; margin-bottom: 10px; clear: inherit; display: block; font-family: 'OpenSans'; font-size: 16px; letter-spacing: .5px; }

#stjoeProducts .widget .prod-info { float: left; width: 50%; margin: 0 3% 10px 2%; clear: inherit; display: block; }

#stjoeProducts .learn-more { float: left; clear: both; margin: 3% 0; font-size: 21px; font-size: 1.2em; color: #fff; background: #354e81; padding: 0.5em 1em; text-decoration: none; font-style: normal; font-weight: 400; line-height: 120%; text-align: center; font-family: 'Open Sans Condensed', sans-serif; }

#stjoeProducts .widgettitle:before { content:''; } #stjoeProducts .learn-more:after { content:''; }

/* ----------------------------------------------------- INDIVIDUAL PRODUCTS --------- */

.productDiv { width:90%; margin: 80px 5%; }

.productDiv a { color: #E77214; }

.productImg { width: 30%; float: left; margin-bottom: 30px; }

.productImg img { max-width: 80%; }

.productDesc { width: 70%; float: left; margin-bottom: 30px; }

.productDesc p{ clear: left; }

.product-table{ background:#fffbe0; margin:30px 0 20px; padding-bottom:30px; clear: both; } .table-row{ width:90%; padding:5%; border-top:1px solid #ffbc89; float:left; }

.table-left{ width:30%; float:left; } .table-left h2{ font-size:30px; font-size: 3.0rem; line-height:38px; color:#ff8942; text-transform:uppercase; } .table-right{ width:70%; float:left; } .table-right ul li{ font-size:16px; font-size: 1.6rem; line-height:30px; color:#252525; font-weight:400; padding-left:15px; } .sj-sizes { font-weight: bold; color: #253570; float: left; margin-right: 30px; margin-bottom: 1.5em; width: 100px; text-align: center; }

/* -------------------------------------------------------------- FAQ PAGE ---------- */

/* Accordion Styles */ .accordion { border-bottom: 0; margin-bottom: 80px; } .accordion-title { line-height: 30px; color: #354e81; font-size: 20px; cursor: pointer; border-top: 1px solid #cccccc; padding: 30px 50px 30px 60px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: normal; font-weight: 400; } .accordion-title:hover {} .accordion-title:first-child {border: 0;} .accordion-title.open {cursor: default;} .accordion-content {padding: 0 0 20px 60px;} .accordion-title:before {content:"Q";position: absolute;left: 16px;font-weight: 300;font-size: 26px;font-size:2.6rem} .accordion-title:after {content:"+";position: absolute;right: 16px; top: 30px;font-weight: 300;} .accordion-title.open:after {content:"_";position: absolute;right: 17px;top: 21px;font-weight: 300;}

.widget h1 { margin: 0 0 0.5em 0; text-transform: inherit; }

.widget { width: 80%; margin: 5% 5%; padding: 5% 5%; color: #333; border-top: 1px solid #ccc; }

.widget ul li { margin: 0; border-bottom: none; padding: 0.3em 0; text-decoration:none; line-height:40px; padding-left:40px; }

.contact-content h3{ font-size:22px; color:#354e81; line-height:90px; text-transform:uppercase; }

.contact-content ul li:first-child{ color:#4b80cc; } .contact-email{ background:url('/img/contact-email.jpg') no-repeat left center ; } .contact-email ul li a{ text-decoration: none; font-size: 100%; } .contact-phone{ background:url('/img/contact-phone.jpg') no-repeat left center ; }

/* -------------------------------------------------------------- RETAILER PAGE ----- */

.retailers .tableHead { border: 1px solid #fff; background: #ccc; }

.retailers .grayRule { border-top: 1px solid #ccc; }

.retailers td, .retailers th { width: 16.6%; text-align: center; vertical-align:middle; }

.retailers img { max-width: 99%; }

/* -------------------------------------------------------------- CONTACT PAGE ------ */


.recaptchatable { width: auto; }

/* -------------------------------------------------------------- SPECIAL OFFERS ---- */

.special-offer { border: solid 1px #ccc; text-align: center; padding: 0; width: 90%; }

.special-offer h1 { background: #e77214; color: #fff; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; padding: 6px; } .special-offer p { padding: 0 20px;

} .special-offer p { padding: 0 20px; }

.special-offer a, .special-offer b { color: #e77214; }

.special-offer .blue-button { font-size: 21px; font-size: 1.2em; color: #fff; background: #354e81; padding: 0.5em 1em; text-decoration: none; font-weight: 400; line-height: 120%; font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 20px; }

/* -------------------------------------------------------------- RESPONSIVE -------- */

/* styles for < 800px */ @media screen and (max-width: 950px) {
  .ls-slide div.ls-l {
    padding-right: 0 !important;
    top: 20px !important;
    padding-top:20px !important;
  }
  .ls-inner .title {
    font-size: 28px;
  }
}

/* styles for < 700px */ @media screen and (max-width : 699px) {

  .dcjq-mega-menu { display: none } .tinynav { width: 80%; display: block; margin: 4% auto; padding: 1%; background: #fff; color: #333; border: 1px solid #ccc; font-size: 14px; font-size: 1.4rem; }

  .ls-inner h2::before { background-size: contain; width: 19px; bottom: inherit; left: -15px; } .ls-inner h2::after { background-size: contain; width: 19px; bottom: inherit; right: -15px; } #stjoeProducts .widget { width: 94%; margin: 0; padding: 5% 3%; color: #333; background: #ccc; border-top: none; }

  #stjoeProducts .prod-img { width: 80%; }

  #stjoeProducts .widget .prod-info { width: auto; clear: left; }

  .sj-features { display: block; }

  .sj-features-row { display: block; }

  .sj-homewidget { display: block; float: left; width:100%; margin: 0; }

  .sj-features-row .gutter { display: none; }

  .ls-inner .title { font-size: 32px; line-height: 100%; letter-spacing: 2px; float: left; font-family: 'AntonioBold', sans-serif; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(10, 10, 10, 1); }

  .ls-inner .description {
  	font-size: 14px !important;
  }

  .ls-slide div.ls-l {
    width: 75% !important;
    left: 60px !important;
  	padding-top:0px !important;
  }

  p.ls-l span {
  	font-size: 10px !important;
  }

  p.ls-l {
  	left: 10px !important;
  }

  .coupon-text {
  	padding-top: 40px !important;
  }

  .sj-homewidget-name {
  	top: 65% !important;
  }

  h1.entry-title, .hero-header-title {
  	font-size: 32px !important;
  	top: 120px !important;
  	left: 15px !important;
  }

  #post-17 .entry-content, #post-438 .entry-content {
  	top: 110px !important;
  	left: 15px !important;
  	width: 85% !important;
  	font-size: 16px;
  }

  .resources-title {
  	margin-top: 20px;
  	margin-left: 15px;
  	font-size: 24px;
  	width: 75%;
  }

  .resources-items {
  	margin-top: 40px;
  	margin-left: 15px;
  	line-height: 200%;
  	font-size: 16px;
  }

  .general-hero-content {
  	margin-left: 15px !important;
  }

  .general-hero-content p {
  	width: 100% !important;
  }

  #post-46 .entry-content {
  	left: 15px !important;
  	top: -140px !important;
  }

  #post-50 .entry-title {
  	top: 0 !important;
  }

  #post-50 .entry-content {
  	left: 15px !important;
  }

  .navbar-brand img {
  	width: 135px;
  }

  .site-header-half-width-logo {
  	display: none;
  }

  .site-header-half-width-nav
  {
  	width: 100%;
  	margin: 0;
  }

  #mobileNav {
  	display: block !important;
  }

  .navbar-inverse {
  	background-color: #fff !important;
  	border: #fff !important;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  	background-color: #fff !important;
  }

  .navbar-inverse .navbar-toggle {
  	background-color: #fff !important;
  }

  .navbar-brand {
  	height: auto !important;
  }

  .hamburger {
  	padding: 23px 15px 15px 15px !important;
  }

  ul.nav.navbar-nav li a {
  	color: #333 !important;
  	font-family: 'AntonioRegular';
  	letter-spacing: 1px;
  	font-size: 24px;
  	text-transform: uppercase;
  	line-height: 150%;
  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  	background-color: #102c7b !important;
  }

  .product-disclaimer {
  	padding: 0 40px;
  	top: -50px !important;
  }

  .menu-footer-container ul li a {
  	padding-top: 4px;
  	padding-bottom: 4px;
  }

  .nohero-header-title {
  	left: 0 !important;
  }

  .general-hero-content .accordion h3 {
  	width: 100% !important;
  }

  #primary.content-area {
  	width: 95% !important;
  }

  div.ls-l.ls-preloaded {
  	width: 100% !important;
  	left: 0 !important;
  }

  div.slide_content_wrap {
  	padding-top: 4% !important;
  }

  .ls-wp-fullwidth-container {
    min-height: 330px;
  }

  .ls-slide,
  .ls-slide .ls-preloaded,
  .ls-slide .ls-gpuhack {
    min-height: 330px !important;
  }

  .ls-slide p.ls-l {
    right: 0px !important;
    left: 55% !important;
    top: 275px !important;
  }

  .ls-slide p.ls-l span {
    text-align: right!important;
  }



}

/* styles for < 900px */ @media screen and (max-width : 899px) {

.table-left{ width:100%; }

.table-right{ width:100%; } }

/* styles for > 700px */ @media screen and (min-width : 700px) and (max-width : 2000px) {

.responsive-container{ max-width:1200px; margin:0 auto; }

.site-header-half-width-logo{ width:135px; margin:15px 3%; float:left; }

.site-header-half-width-logo .site-title, .site-header-half-width-logo .site-description{ text-align:left; }

.site-branding{ padding:0; }

.site-header-half-width-logo .site-branding{ text-align:left; }

.site-header-half-width-nav{ width:auto; float:right; margin:13px 3% 0 0; border-top:0; } .main-navigation { padding:1.5% 0; } .tinynav { display: none } #main-nav { display: none } .site-slider-slider-one-image{ float:left; width:50%; margin:0; } .site-slider-slider-one-text{ float:left; width:46%; margin:0 2%; } .site-slider-slider-one-text-heading{ text-align:left; } .site-slider-slider-one-text-description{ text-align:left; } .site-slider-slider-one-text-button{ text-align:left; } .content-area{ width:60%; margin:2% 4% 2% 2%; float:left; } .site-content{ width:100%; margin:0; } .paging-navigation .nav-previous{ width:50%; margin:0; } .paging-navigation .nav-next{ width:50%; margin:0; } .post-navigation .nav-previous{ width:50%; } .post-navigation .nav-next{ width:50%; } .widget-area{ width:32%; margin:7% 2% 2% 0; float:left; background:none; }

.biz0ne-quote{ margin:0 auto 2% auto; } .biztwo-products-container{ float:left; width:66%; } .biztwo-welcome h1{ text-align:left; } .biztwo-products-services-img{ float:left; width:40%; } .biztwo-products-services-content{ float:left; width:60%; } .biztwo-portfolio-container{ float:left; width:34%; } .site-info{ width:40%; padding:5% 0; } .footer-widget-two{ width:30%; padding:5% 0; } .footer-widget-three{ width:20%; padding:5% 0; } .site-info h3{ text-align:left; } .site-info h3 a{ color:#515254; } .site-info p{ text-align:left; } .footer-search{ width:64%; margin:20px 8% 5px 8%; }

}

a.survey-button {
width: 100%;
display: block;
text-align: center;
font-weight: 700;
color: #fff;
line-height: 125%;
padding: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 5px 1px 0 #D3D3D3;
box-shadow: 0 5px 1px 0 #D3D3D3;
background: rgb(255,207,76);
background: -moz-linear-gradient(top, rgba(255,207,76,1) 0%, rgba(255,123,13,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,207,76,1)), color-stop(100%,rgba(255,123,13,1)));
background: -webkit-linear-gradient(top, rgba(255,207,76,1) 0%,rgba(255,123,13,1) 100%);
background: -o-linear-gradient(top, rgba(255,207,76,1) 0%,rgba(255,123,13,1) 100%);
background: -ms-linear-gradient(top, rgba(255,207,76,1) 0%,rgba(255,123,13,1) 100%);
background: linear-gradient(to bottom, rgba(255,207,76,1) 0%,rgba(255,123,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf4c', endColorstr='#ff7b0d',GradientType=0 );
text-shadow: 0 1px 1px #5A3404;
}

.coupon-text {
	width: 100%;
	text-align: center;
	font-family: 'AntonioRegular';
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 32px;
	margin-bottom: .5em;
	line-height: 130%;
	padding-top: 20px;
}

a.coupon-button {
    text-align: center;
    background-color: #ff9900;
    padding: 0.4em 1.2em;
    margin: 10px auto 30px;
    display: block;
    color: white;
    font-size: 18px;
    font-weight: 400;
    font-family: 'AntonioRegular';
    letter-spacing: 1px;
    width: 135px;
}

a.coupon-button:hover {text-decoration: none; color: #fff;}

.responsive-container {
	width: 100%;
	max-width: inherit;
}

.content-container {
	width: 100%;
	padding: 0;
}

.site-main {
	padding: 3px 0 1% 0;
}