/*
Theme Name: HES Theme
Theme URI: http://www.hop-electric.com
Description: This is a custom theme designed and developed by Thrive Creative Group, LLC for Hopkinsville Electric System & EnergyNet Internet Services - WordPress v4.5.3
Author: Thrive Creative Group, LLC
Author URI: http://thinkthrive.com
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white;font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 400; font-size: 16px; line-height: 22px; color: #231f20}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }

.page-wrap { width: 1100px; position: relative}

/*
font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 400;
font-family: "acumin-pro",sans-serif;font-style: italic;font-weight: 400;
font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 700;
font-family: "acumin-pro",sans-serif;font-style: italic;font-weight: 700;

font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700;
*/

h1, h2, h3 { font-weight: normal; margin: 30px 0 10px 0; }
h1 {font-size: 32px; line-height: 35px}
h2 {font-size: 30px; line-height: 33px; font-weight: 700}
h3 {font-size: 22px; line-height: 24px; font-weight: 700}
h3.post-title {margin: 0}

p { margin: 0 0 15px 0; }
a {color: #263b85; text-decoration: none}
a:hover {color: #81cef2}
a img {border: none}
a img:hover {opacity: 0.8; transition: 0.5s ease}

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img, aside img, .wp-caption {	max-width: 100%; /* When images are too wide for containing element, force them to fit. */	height: auto; /* Override height to match resized width for correct aspect ratio. */}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	max-width: 100%;	height: auto;}
a img {	border: none;}
p img {	margin-bottom: 1em; }
img.alignleft,.wp-caption.alignleft {	margin-right: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.alignright,.wp-caption.alignright {	margin-left: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	height: auto;}
img {max-width: 100%; height: auto}
.wp-caption {	padding: 10px;	text-align: center;	border: 1px #ccc solid;}
.wp-caption img {	margin: 0;}
.wp-caption .wp-caption-text {	margin: .5em;	font-size: 80%;}

hr {background: #f1f4f7; border: 1px solid #f1f4f7; height: 1px; margin: 15px 0; clear: both}

.page-wrap{width: 1100px; margin: 0 auto}

header {background: #000; color: #fff;}
header a {color: #fff; text-decoration: none}
header a:hover {color: #ffee00}
header .search-form {position: absolute; height: 40px; left: 98px; top: -3px}
header .search-field { background-color: transparent; background-color: #3f3e3d; background-image: url(images/search-icon.png);background-position: 8px 8px;background-repeat: no-repeat;background-size: 24px 24px;border: none;cursor: pointer;height: 40px;margin: 3px 0;padding: 0 0 0 40px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition: width 400ms ease, background 400ms ease; width: 40px;}
header .search-field:focus { background-color: #3f3e3d; color: #fff;cursor: text;outline: 0;width: 230px;}
.search-form .search-submit { display:none;}
header .searchfield input {  -webkit-appearance: none;}
header span.numbers {display: block; height: 15px; padding: 13px 0 10px 225px;width: 45%; float: left; letter-spacing: 0.08em }
header ul.extras {list-style: none; float: right; margin: 0; padding: 0; position: relative}
header ul.extras li {float: left; margin: 0; padding: 0}
header ul.extras li a {display: block; float: left}
header ul.extras li a.spanish {padding: 13px 15px 0 0; margin-right: 40px}
header ul.extras li a.twitter {width: 22px; height: 18px; padding: 12px 0 10px 5px; margin-left: 20px; background: url('images/twitter-icon.png') center center no-repeat; display: block; text-indent: -9999px }
header ul.extras li a.facebook {width: 20px; height: 22px; padding: 10px 10px 8px;background: url('images/facebook-icon.png') center center no-repeat; display: block; text-indent: -9999px}
header ul.extras li a.twitter:hover, header ul.extras li a.facebook:hover {opacity: 0.8}
header ul.extras li a.login {background: #ffee00; color: #000000; text-transform: uppercase; padding: 13px 10px 0; height: 28px; font-weight: 700; letter-spacing: 0.08em; margin-left: 10px}
header ul.extras li a.outagemap {background: #ff3131; color: #fff; text-transform: uppercase; padding: 13px 10px 0; height: 28px; font-weight: 700; letter-spacing: 0.08em; margin-left: 10px}
header ul.extras li a.login:hover {background:  #3f3e3d; transition: 1s ease; color: #fff}
header ul.extras li a.outagemap:hover {background:  #3f3e3d; transition: 1s ease; color: #fff}
#logo {width: 175px; height: 100px; border-left: 10px solid #fff; border-right: 10px solid #fff; display: block; text-indent: -9999px; background: url('images/logo1.png') #FFF; position: absolute; z-index: 9; left: 0; top: -28px; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
nav.mobile-nav {display: none}
nav.main {background: #fff;}
nav.main ul {margin: 0; list-style-type: none; float: right}
nav.main ul li {float: left; position: relative; padding: 0 0 0 0}
nav.main ul li a {letter-spacing: 0.04em; position: relative; z-index: 99999; text-align: center; text-decoration: none; font-weight: 700; color: #000; display: block; text-transform: uppercase; padding: 25px 20px;}
nav.main ul li:hover a:after {content: " "; display: block; position: absolute; width: auto; background: #ffee00; width: 70%; height: 7px; margin-top: 2px; z-index: 999}
nav.main ul li.menu-item-246:hover a:after {width: 81%}
nav.main ul li:hover ul a:after {display: none}
nav.main ul li ul {display: none; position: absolute; left: 0; margin-left: -55px; top:68px; z-index: 999999; border: 1px solid #000000; background: #fff; width: 501px}
nav.main ul li.special ul {margin-left: -190px}
nav.main ul li.menu-item-246 ul {margin-left: -150px}
nav.main ul li ul.sub-menu {width: 250px; border-bottom: none;}
nav.main ul li ul.sub-menu:after {content: " "; display: block; position: absolute; width: 27px; height: 8px; background: url('images/top-triangle.png'); top: -8px; right: 50%; margin-right: -17px; z-index: -1 }
nav.main ul li.special ul.sub-menu:after {display: none}
nav.main ul li ul.sub-menu li.residential:after {content: " "; display: block; position: absolute; width: 27px; height: 8px; background: url('images/top-triangle.png'); top: -8px; right: 0; margin-right: -17px; z-index: -1 }
nav.main ul li.special ul.sub-menu:before {left: 255px}
nav.main ul li.special ul.sub-menu ul.sub-menu:before {left: 26%}
nav.main ul li.special ul.sub-menu li:nth-child(2) ul.sub-menu {margin-left: 0}
nav.main ul li.special ul.sub-menu li:nth-child(2) ul.sub-menu:before {left: auto; right: 22%}
nav.main ul li.special a:hover + ul.sub-menu li:nth-child(1) ul.sub-menu {display: block}
nav.main ul li ul.sub-menu li {position: relative; height: auto; padding: 0; display: block; clear: both; padding-left: 10px}
nav.main ul li ul.sub-menu li a {letter-spacing: 0.02em; width: auto; padding: 10px 10px 0; height: auto; margin: 0 0 5px 0; border-bottom: 7px solid #fff}
nav.main ul li ul.sub-menu li a:hover {border-color: #ffee00}
nav.main ul li.special ul.sub-menu li a:hover {border-color: #000 !important}
nav.main ul li ul.sub-menu li:hover {border-bottom: none}
nav.main ul li:hover > ul {display: block}
nav.main ul li ul:hover li {display: block}
nav.main ul li ul li a {padding: 0; margin: 0; text-align: left; font-size: 14px; font-weight: 400; text-transform: none; }
nav.main ul li ul li a:before {content: "■"; margin: -2px 10px 0 0; float: left; font-size: 8px; text-align: left}
nav.main ul li ul li ul {top: 0px; left: -1px; padding: 20px 20px 0; width: 460px}
nav.main ul li ul li ul li {float: none; padding: 0;width: 100%; clear: both }
nav.main ul li ul li ul li a {float: left;display: block; height: auto;}
nav.main ul li ul li.residential,nav.main ul li ul li.business {padding-left: 0; width: 250px; margin-left: -250px}
nav.main ul li ul li.residential a, nav.main ul li ul li.business a {border-bottom: 0px solid #81cef2 !important;}
nav.main ul li ul li.residential ul.sub-menu {width: 460px; margin: 0;  }
nav.main ul li ul li.residential a {margin: 0; text-transform: uppercase; font-weight: 700; display: block; width: 250px; height: 31px; background: #81cef2; text-align: center; font-size: 20px; padding: 19px 0 0 0 ; }
nav.main ul li ul li.residential ul li a {height: auto}
nav.main ul li ul li.residential ul:before {width: 28px; height: 10px; background:  url('images/residential-triangle.png'); z-index: 9999; position: absolute; top: -2px; left: 23%; content: " "; display: block}
nav.main ul li ul li.residential a:before, nav ul li ul li.business a:before {display: none}
nav.main ul li ul li.menu-item-has-children ul li { width: 50%; clear: none !important; float: left !important; float: left; padding: 0 0 15px 0;}
nav.main ul li ul li.menu-item-has-children ul li a {text-transform: none; background: #fff; padding: 0 0 3px 0;  margin: 0; width: auto; text-align: left; font-size: 14px; font-weight: 400}
nav.main ul li ul li.menu-item-has-children ul li a:before {content: "■"; display: block !important; float: left; margin-right: 10px; font-size: 8px; margin-top: -2px}
nav.main ul li ul li.business,nav.main ul li ul li.residential {margin: 0}
nav.main ul li ul li ul {top: auto; border-bottom: 1px solid #000 !important}
nav.main ul li ul.sub-menu {border-bottom: 1px solid #000}
nav.main ul li ul li.business a {text-transform: uppercase; border-top: 1px solid #000; border-right: 1px solid #000; font-weight: 700; position:  absolute; left: 249px; top: -51px; z-index: 9999999; display: block; width: 250px; height: 31px; border-bottom: 2px solid #000; border-left: 1px solid #000; background: #9aca3c; text-align: center; font-size: 20px; padding: 19px 0 0 0}
nav.main ul li ul li.business ul:before {width: 27px; height: 10px; background:  url('images/business-triangle.png'); z-index: 9999; position: absolute; top: -2px; left: 73.5%; content: " "; display: block}
nav.main ul li ul li.business ul.sub-menu {border: 1px solid #000;  background: #fff; display: none;  left: 0; top: 0; position: absolute;  right: 0; width: 460px; z-index: 9999999; height: auto; padding: 20px;  }
nav.main ul li ul li.business ul.sub-menu a {position: relative !important; left: auto !important; top: auto !important}
nav.main ul li ul li.business:hover ul {display: block}
nav.main ul li ul li.business ul li a {border-bottom: 7px solid #fff; border-top: none; border-right: none; position: relative; border-left: none; padding: 0 0 3px 0; height: auto !important; width: auto !important}
nav.main ul li ul li.business ul li a:hover {border-bottom: 7px solid #ffee00}
nav.main ul li ul li.business ul li { height: auto !important; padding: 0 !important; margin-bottom: 5px}
nav.main ul li ul li.business ul li a:hover {border-color: #9aca3c !important}
nav.main ul li ul li.residential ul.sub-menu li a {border-bottom: 7px solid #fff !important}
nav.main ul li ul li.residential ul.sub-menu li a:hover {border-bottom: 7px solid #81cef2 !important}
nav.main ul li ul li.business ul.sub-menu li a {border-bottom: 7px solid #fff !important; margin-bottom: 8px}
nav.main ul li ul li.business ul.sub-menu li a:hover {border-bottom: 7px solid #9aca3c !important}

nav.main ul li ul li.residential a {color: #81cef2}
nav.main ul li ul li.residential a:after {background: #81cef2; content: "Residential"; display: block; height: 20px; width: 200px; position: absolute; left: 30px; top: 15px; color: #000  }
nav.main ul li ul li.residential ul li a {text-indent: 0; color: #000}
nav.main ul li ul li.residential ul li a:after {display: none}

nav.main ul li ul li.business a {color: #9aca3c; font-size: 10px}
nav.main ul li ul li.business a:after {background: #9aca3c; font-size: 20px; content: "Business"; display: block; height: 20px; width: 200px; position: absolute; left: 30px; top: 15px; color: #000  }
nav.main ul li ul li.business ul li a {text-indent: 0; color: #000}
nav.main ul li ul li.business ul li a:after {display: none}

#metaslider_305 .flex-control-nav {bottom: 15%; z-index: 999999; text-align: left !important; width: 200px; left: 50%; margin-left: -555px}
#metaslider_305 .flex-control-paging li a {border-radius: 0; border: 1px solid #fff}
#metaslider_305 .flex-control-paging li a {width: 16px; height: 16px; background: none !important}
#metaslider_305 .flex-control-paging li a.flex-active {background: #ffee00 !important}
#metaslider_305 {margin: 0 !important}
.metaslider .caption-wrap {opacity: 1 !important; background: rgba(0, 0, 0, 0) url("images/secondary-nav-bg.png") repeat scroll 0 0 !important; padding: 10px; width: 500px !important; height: 240px; top: 10%; bottom: auto; left: 50% !important; right: auto !important; margin-left: -560px !important}
.metaslider .caption-wrap h1 {font-size: 50px; line-height: 43px; color: #fff; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700; margin: 0 0 10px 0; padding: 0 0 8px 0}
.metaslider .caption-wrap h2 {margin: 0; padding: 0; font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 700; font-size: 25px; line-height: 27px}
.metaslider .caption-wrap a {font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 400; font-size: 18px; line-height: 20px; border: 1px solid #fff; display: block; padding: 15px 20px; float: left; margin-top: 17px; color: #fff; text-decoration: none}
.metaslider .caption-wrap a:hover {background: #ffee00; transition: 1s ease}

nav.secondary {background: url('images/secondary-nav-bg.png') repeat; color: #fff; position: relative; margin: -65px 0 0 0; z-index: 999999}
nav.secondary ul { list-style: none; }
nav.secondary ul li a {display: block; float: left; padding: 20px 30px; font-family: "acumin-pro",sans-serif;font-style: normal;font-weight: 400; font-size: 17px; line-height: 17px; text-decoration: none; color: #fff; border-right: 1px solid #fff}
nav.secondary ul li:nth-child(1) a {border-left: 1px solid #fff}
nav.secondary ul li a:hover {color: #ffee00}

aside.buttons {position: relative; width: 535px; float: left; padding-top: 30px; padding-bottom: 5px;}
aside.buttons .widget {background: #f1f4f7; position: relative; width: 256px; height: 150px; float: left; margin-bottom: 25px}
aside.buttons .widget:hover {opacity: 0.8; transition: 1s ease}
aside.buttons h2 { z-index: 1; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700; font-size: 27px;  line-height: 29px; position: absolute; top: 10px; right: 5px; width: 140px;}
aside.buttons .widget_sp_image-description {z-index: 1; font-style: italic; position: absolute; bottom: 15px; right: 5px; width: 140px; font-size: 14px; line-height: 16px; }
aside.buttons img {z-index: 1; position: relative}
aside.buttons #widget_sp_image-4 h2 {top: 0}
aside.buttons #widget_sp_image-4 .widget_sp_image-description {bottom: -5px}
aside.buttons a.widget_sp_image-image-link {display: block; width: 256px; height: 150px; position: relative; z-index: 9999}
aside.buttons .widget:nth-child(even) {float: right;}
section.homepage-feed {float: right; width: 530px; padding-top: 30px; padding-bottom: 5px; }
section.homepage-feed a.more {font-weight: 900; font-style: italic; color: #000; text-decoration:none}
section.homepage-feed a.more:hover {color: #283a83}
section.homepage-feed h3 {margin: 0 0 1px 0; padding: 0; line-height: 16px}
section.homepage-feed h3 a {font-size: 16px; color: #000; text-decoration: none; font-weight: 700; margin: 0; padding: 0}
section.homepage-feed h3 a:hover {color: #283a83; }
section.homepage-feed p {font-size: 14px; line-height: 16px; margin: 0; padding: 0 0 10px 0}
section.homepage-feed h2 {width: 45%; float: left; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700; margin: 0 0 20px 0}
section.homepage-feed a.news {width: 45%; float: right; text-align: right; color: #000; text-decoration: none; font-weight: 700; font-style: italic}
section.homepage-feed a.news:hover {color: #283a83; }

section.page-title {background: #f1f4f7; padding: 30px 0}
section.page-title h2 {width: 45%; float: left; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700; font-size: 45px; line-height: 47px; margin: 0; padding: 0}
.breadcrumb-container {width: 45%; float: right; }
.breadcrumb-container ul {float: right}
.breadcrumb-container ul li a {color: #000; text-decoration: none; font-size: 14px !important;}
.breadcrumb-container ul li a:hover {color: #283a83; }
.breadcrumb-container ul li:last-child {font-weight: 700}

.entry ul.residential-nav,.entry ul.business-nav {list-style-type: none; margin: 20px 0 0 0 }
.entry ul.residential-nav li, .entry ul.business-nav li {float: left; margin: 0}
ul.residential-nav li a, ul.business-nav li a {text-align: center; text-decoration: none; font-weight: 700; display: block; color: #fff; min-width: 340px; font-size: 18px; padding: 10px 5px; border-radius: 25px; margin: 0 20px 20px 0}
ul.residential-nav li:nth-child(3n) a, ul.business-nav li:nth-child(3n) a {margin-right: 0}
ul.residential-nav li a {background: #81cef2}
ul.business-nav li a {background: #9aca3c}
ul.residential-nav li a:hover, ul.business-nav li a:hover {opacity: 0.8; transition: .5s ease}

.interior-nav {background: #81cef2}
.interior-nav ul {list-style: none; position: relative; margin: 0 0 0 0}
.interior-nav ul li {float: left; position: relative; }
.interior-nav .page-wrap {border-left: 2px solid #fff; }
.interior-nav ul li a {display: block; float: left; color: #fff; margin-bottom: -1px; padding: 20px 25px; text-decoration: none; border-right: 2px solid #fff; border-bottom: 1px solid #fff}
.interior-nav ul li a:hover {background: #3f3e3d; transition: .5s ease}
.business-child-menu {background: #9aca3c}

.page-content {padding: 35px 0}

.post { }
.post .box {padding: 15px 0; width: 350px; float: left; min-height: 440px; margin: 15px 0}
.post .box img {margin-bottom: 15px}
.post .box:first-child {background: #f3fbfe;}
.post .box:nth-child(2n) {background: #e6f6fd; margin-left: 25px}
.post .box:nth-child(3n) {background: #daf2fc; float: right}

.box p.price {padding-bottom: 30px; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700;font-size: 60px; text-align: center}
.box p.price sup { }
.box p.price span { font-size: 22px}
.box .entry {width: 300px; margin: 0 auto}
.entry ul{list-style-type: square; margin: 0 0 0 17px}
.entry ol {margin: 0 0 0 17px}
.entry ul li, .entry ol li {margin-bottom: 15px}

.post .first-info {float: left; width: 350px; padding-right: 25px;}
.post .second-info {float: left; width: 350px}
.post .third-info {float: right; width: 350px; }

ul.special {display: block; width: 65%; margin: 30px auto; padding-bottom: 75px}
ul.special li {float: left; width: 50%}

.post .info a {position: relative; background: #81cef2; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700; text-align: center; text-decoration: none; font-weight: 700; display: block; color: #fff; font-size: 22px; padding: 20px 0; width: 100%; border-radius: 35px; margin-bottom: 30px; }
.post .info a:hover {background: #3f3e3d; transition: 0.5s ease}
.post .info a.form:before {display: block; content: " "; width: 45px; height: 30px;  background: url('images/email-icon.png'); position: absolute; top: 15px; left: 20px }
.post .info a.phone:before {display: block; content: " "; width: 38px; height: 37px; background: url('images/phone-icon.png'); position: absolute; top: 11px; left: 25px }
.post .info a.location:before {display: block; content: " "; width: 25px; height: 37px; background: url('images/location-icon.png'); position: absolute; top: 12px; left: 30px}

.disclaimer {font-style: italic; padding-top: 20px; font-size: 14px; font-weight: bold}

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

.time {color: #666666; padding-bottom: 10px; display: block}
.archive .entry {margin-bottom: 30px; border-bottom: 1px solid #000; padding-bottom: 10px}
form { }
input[type=text] { }
textarea { }

/*--Pagination--*/
.pagination-wrap { }
.pagination { z-index: 9999; padding-bottom: 10px; height: auto; font-size: 14px; text-transform: uppercase}
.pagination {clear:both; padding:10px 0 10px 0; position:relative; }
.pagination a {font-weight: 700; display:block; float:left; margin: 2px 10px 2px 0; padding:6px 11px 5px 11px; text-decoration:none; width:auto; color:#000000; background: #fff; border: 1px solid #000000; }
.pagination a:hover{color:#000;background: #7eccf1;}
.pagination .current{font-weight: 700;  border: 1px solid #000000;  padding:6px 11px 5px 11px; background: #faea0c; color:#000;}
.pagination span {display: none; float: left; margin-right: 20px}
.pagination .current {display: block; margin-right: 10px; margin-top: 2px}

footer {background: #f1f4f7; padding: 30px 0 0}
footer nav a {color: #000000; text-decoration: none}
footer nav ul {list-style: none;}
footer nav ul li {margin: 0}
footer nav.block {width: 25%; float: left}
.sub-footer {background: #000; color: #fff; padding: 15px 0; font-size: 14px}
footer ul li.menu-item-has-children, footer ul li.caps {margin: 0 0 15px 0; text-transform: uppercase; font-weight: 700; font-size: 18px}
footer ul li.menu-item-has-children a {padding-bottom: 5px; display: block}
footer ul li.menu-item-has-children ul li {margin: 0 0 0 0;  text-transform: none; font-weight: 500; font-size: 15px}
footer ul li.menu-item-has-children ul li a {padding: 0 0 5px 0;}
footer ul ul.sub-menu {padding-bottom: 20px}
footer ul ul.sub-menu li.menu-item-has-children {font-weight: 700 !important; padding-top: 10px;}
footer ul ul.sub-menu ul.sub-menu {padding-bottom: 0}
footer ul li a:hover {color: #283a83}

footer .info {width: 25%; float: right}
footer .info .textwidget {text-align: center; padding-top: 25px; line-height: 22px}
footer .info .textwidget p {margin-bottom: 30px}
footer .info .textwidget a {color: #000; text-decoration: none}
footer .info .textwidget a:hover {color: #283a83}
footer .info ul.social li a.twitter {margin-top: 3px; background: url('images/footer-social.png') no-repeat 0 -3px; width: 36px; height: 30px;}
footer .info ul.social {list-style: none; width: 90px; margin: 0 auto; display: block; }
footer .info ul.social li { float: left}
footer .info ul.social li a {display: block; float: left; text-indent: -9999px}
footer .info ul.social li a.facebook {margin-left: 20px; background: url('images/footer-social.png') no-repeat -58px 0;width: 17px; height: 35px;}
footer .info ul.social li a:hover {opacity: 0.8}
.sub-footer a.author {float: right; display: block; color: #fff; text-decoration: none}
.sub-footer a:hover {color: #ccc; }
.sub-footer a {color: #ffee00}
.tinynav, .tinynav2 { display: none }

input[type="search"] {

  /* Remove default */
  -webkit-appearance: none;
}

.page-id-888 .alignleft {margin-right: 35px}
.page-id-888 .entry a:last-child img{margin-right: 0 !important}

/*--Emergency Notificationa--*/
.emergency-notification {background: #f8991d; padding: 20px 0; color: #000; font-weight: 700; font-size: 14px; line-height: 20px;  position: relative; z-index: 999999; }
.emergency-notification img {float: left; margin: 5px 15px 0 40px; }
.emergency-notification h1 {margin: 0; padding: 0 0 0 0; font-size: 23px; font-family: "roboto-slab",sans-serif;font-style: normal;font-weight: 700;}
.emergency-notification a {color: #000; font-weight: 700}
.emergency-notification a:hover {color: #fff}
.emergency-news .emergency-notification {display: none}
#hide {position: absolute; display: block; right: 0; top: 0; padding-top: 1px; border: 2px solid #000; border-radius: 60px; width: 20px; height: 20px;z-index: 99999999; text-align: center; font-weight: 700}
} /* END screen media */

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/

@media screen and (max-width: 1120px) {
	.page-wrap {width: 1010px; /*background: red*/}
    .mobile-hide {display: none}
	header span.numbers {width: 45%}
	.metaslider .caption-wrap {margin-left: -505px !important; top: 20px }
	#metaslider_305 .flex-control-nav {margin-left: -505px !important}
	aside.buttons {width: 470px}
	aside.buttons a.widget_sp_image-image-link {width: 200px}
	aside.buttons .widget {width: 230px}
	.post .box {width: 320px;}
	.box p.price {font-size: 40px}
	.post .box:nth-child(3n) img.aligncenter {max-width: 90%; height: auto; margin-bottom: 20px}
	.post .first-info, .post .second-info, .post .third-info {width: 32%}
	.post .info a {font-size: 20px}

}

@media screen and (max-width: 1023px) {
	.page-wrap {width: 750px;}
	.metaslider .caption-wrap {margin-left: -375px !important; }
	aside.buttons .widget {width: 256px}
	aside.buttons a.widget_sp_image-image-link {width: auto}
	aside.buttons {width: 256px; }
	aside.buttons .widget:nth-child(2n) {float: left}
	header span.numbers {width: 35%; height: auto}
	.nav-toggle {display: block; width: 750px; margin: 0 auto; height: auto; height: 43px; text-align: right }
	section.homepage-feed {width: 470px; }
	section.homepage-feed p {font-size: 16px; line-height: 19px; padding: 0 0 35px}
	section.homepage-feed h3 a {font-size: 22px !important; line-height: 25px}
	section.homepage-feed h2 {margin: 40px 0 40px}
	#metaslider_305 .flex-control-nav {margin-left: auto !important; bottom: 70px}
	nav.secondary ul li a {padding: 20px 15px; font-size: 15px; }
	.tinynav { display: block; float: right; font-size: 16px; margin: 10px 0 10px }
	.tinynav2 {display: none}
	 #nav { display: none }
	footer nav.block {display: none}
	footer .info {float: none; width: 100%; padding-bottom: 20px}
	footer .info img { }
	footer .info .textwidget { }
	footer .info .textwidget p {display: block; float: left; width: 33%}
	footer .info ul.social {position: absolute; left: 40%; top: 5%}
	nav.secondary {margin: -10px 0 0 0}
/*	.metaslider .caption-wrap h1 {font-size:50px; line-height: 55px}
*/	#metaslider_305 .flex-control-nav {bottom: 15px}
/*	.metaslider .caption-wrap h2 {font-size: 32px; line-height: 35px}
*/	.breadcrumb-container {display: none}
	section.page-title h2 {width: auto; font-size: 32px;line-height: 34px}
	.post .box {width: 235px}
	.box .entry {width: 220px}
	.post .box:nth-child(3n) img.aligncenter {margin-bottom: 25px; margin-top: 15px}
	.post .info a {font-size: 15px; width: 85%; padding-right: 25px; text-align: right}
	.interior-nav {display: none}
	header span.numbers {width: 220px; padding: 13px 0 10px 205px}

}/* END max-width : 719px */

@media screen and (max-width: 768px) {
	.page-wrap {width: 90%;  }
	header span.numbers {width: 70%; float: right; padding: 13px 0 10px 0; text-align: right;font-size: 14px}
	.metaslider .caption-wrap {position: relative !important; background: #000 !important; width: 100% !important; padding: 20px 0; text-align: center; margin-left: auto !important; margin-right: 0 !important; left: auto !important; right: 0  !important; top: -20px }
	.metaslider .caption-wrap a {float: none; width: 80%; margin: 10px auto}
	#metaslider_305 .flex-control-nav {display: none }
	.flexslider, .metaslider .flexslider {margin:0 0 0 0 !important}
	aside.buttons {width: 100%}
	nav.secondary {margin: -20px 0 0 0; padding: 15px 0}
	aside.buttons .widget {width: 48%}
	aside.buttons .widget:nth-child(2n){float: right}
	aside.buttons h2, aside.buttons .widget_sp_image-description {width: 55%}
	aside.buttons #widget_sp_image-4 .widget_sp_image-description {bottom: 5px}
	section.homepage-feed {width: 100%; clear: both}
	#tinynav2 {display: block; width: 100%; margin: 0 auto !important}
	#nav2 {display: none}
	.menu-homepage-secondary-menu-container .tinynav {float: none}
	.menu-homepage-secondary-menu-container span.phone-only {content: "Quick Links: ";  color: #fff; font-size: 25px; display: block; padding: 20px 0 0 30px; width: 100px }
	.menu-homepage-secondary-menu-container {width: 50%; float: none; margin: 0 auto; display: inline}
	.menu-homepage-secondary-menu-container:before {content: " Quick Links: "; font-size: 25px; color: #fff; display: block; text-align: center; padding: 0 0 5px 0 }
	section.homepage-feed {padding-top: 0}
	footer .info ul.social {left: 60%}
	.copy {text-align: center; display: block;  }
	.page-content {padding: 15px 0 30px}
	.post .box {float: none; clear: both; width: 100%}
	.post .box img {display: none}
	.post .box img.aligncenter {display: block; clear: both; margin: 10px auto 10px auto }
	.post .box:nth-child(3n) img.aligncenter {margin-bottom: 10px}
	.box p.price {float: none; clear: both; margin: 0 auto; padding: 0 0 0 20px}
	.post .box .clear {display: none}
	.box .entry {clear: both; float: none; width: 90%; text-align: center}
	.box .entry ul {margin-top: 15px}
	.box .entry ul li {margin: 0 0 5px 0}
	.post .box {min-height: auto}
	.post .box:nth-child(2n) {margin-left:0}
	.post .box:nth-child(3n) {margin-top: 0}
	.post .first-info {padding-right: 0}
	.post .first-info, .post .second-info, .post .third-info {width: 100%}
	.post .info a {font-size: 18px; width: 100%; padding-right: 0; text-align: center}
	.emergency-notification img {width: 30px; height: auto; float: left; margin: 0 10px 0 0}
	.emergency-notification h1 {line-height: 23px; margin-bottom: 10px}
    .sub-footer a.author {text-align: center; display: block; margin: 0 auto; float: none}
}
@media screen and (max-width: 660px) {
	.page-wrap { }
	header span.numbers {letter-spacing: 0.02em; float: none; margin: 0 auto; text-align: center}
	#logo {position: relative; clear: both; float: none; top: auto; left:auto; bottom: -10px; margin: 0 auto}
	header ul.extras li a.twitter {margin-left: 10px; }
	header ul.extras {float: none; clear: both; max-width: 310px; margin: 0 auto}
	.tinynav {float: none; clear: both; text-align: center; margin: 20px auto 10px}

}
@media screen and (max-width: 550px) {
	.page-wrap {width: 310px;}

	#metaslider_305 .flex-control-nav {display: none}
	aside.buttons .widget {width: 100%; clear: both}
	section.homepage-feed h2 {width: 100%}
	section.homepage-feed a.news {width: 100%; position: absolute; right: 0; top: 0}
	section.homepage-feed {position: relative; width: 90%}
	footer .info .textwidget p {width: 100%; clear: both}
	footer .info ul.social {position: relative; top: auto; left: auto}
	footer .info img {margin-left: 40px}
	aside.buttons #widget_sp_image-4 .widget_sp_image-description {bottom: 0}
	aside.buttons .widget {margin-bottom: 10px}
	aside.buttons {padding-top: 10px}
	ul.special {width: 80%; clear: both; padding-bottom: 0}
	ul.special li {width: 100%; float: none; text-align: center}
	.page-content .entry {width: 95%}
	header span.numbers {display: none}
	.metaslider .caption-wrap h1 {font-size: 30px; line-height: 35px}
	.metaslider .caption-wrap h2 {font-size: 20px; line-height: 25px}

	.page-id-888 .alignleft {margin-right: auto !important; text-align: center !important; margin-left: 65px; clear: both; display: block !important}
	.page-id-888 .entry a:last-child img{margin-right: auto !important}
	#mydiv-content {width: 90%; margin: 0 auto; padding-top: 30px}
	.sub-footer span.copy a {display: block; clear: both}
}


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */