/*
Theme Name: LHT Cooling & Heating by Three Ring Focus
Theme URL: https://ThreeRingFocus.com
Description: Responsive Website by ThreeRingFocus
Author: Josh Castro
Author URI: ThreeRingFocus.com
Version: 1.5.0
Tags: Responsive, orange, blue, white, full-width, theme-options, threaded-comments, banner ads, adsense, fab themes.
*/

/*======================== GOOGLE FONTS ========================*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,600italic);

body {
margin:0;
padding:0;
color:#555;
font-family:'Open Sans', sans-serif;
background:URL(images/global/bg-stripe.jpg);
background-repeat:repeat;
}
.clearboth{
clear:both;
}

/*======================== FONTS ========================*/
/*======================== FONTS ========================*/
h1, h2, h3, h4, h5 {font-family:'Raleway', sans-serif;}
h1 {
color:#012a5e;
font-size:40px;
font-weight:500;
line-height:45px;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
}
h2 {
color:#012a5e;
font-size:32px;
font-weight:500;
line-height:37px;
text-align:center;
letter-spacing:.2em;
text-transform:uppercase;
}
h3 {
color:#012a5e;
font-size:30px;
font-weight:500;
line-height:35px;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
}
h4 {
color:#012a5e;
font-size:26px;
font-weight:500;
line-height:30px;
text-align:left;
letter-spacing:.1em;
text-transform:uppercase;
}
h5 {
color:#012a5e;
font-size:20px;
font-weight:500;
line-height:25px;
text-align:left;
letter-spacing:.1em;
text-transform:uppercase;
}
p {
color:#333;
font-size:16px;
font-weight:300;
line-height:24px;
letter-spacing:.08em;
}
a {
color:#f16031;
font-weight:400;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
a:hover {
color:#333;
}
ul {
padding:0px 30px;
list-style-position: inside;
}
li {
color:#333;
font-size:16px;
font-weight:300;
line-height:24px;
letter-spacing:.08em;
}

/*======================== HEADER ========================*/
/*======================== HEADER ========================*/
.topBar {
margin:0;
width:100%;
background-color:#f16031;
padding: 0;
}
.topBar a {
	color: #fff;
}
.logo {
margin:10px 0px 0px 0px;
padding: 0px;
float:left;
width:233px;
height:120px;
margin-left:20px;
background-repeat:no-repeat;
background-image:url(images/global/LHT-logo.png);
z-index:10;
position:absolute;
}
.logo a {
padding:0;
width:233px;
height:120px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.phone {
margin:10px 10px 10px 0px;
color:#fff;
font-size:22px;
font-weight:400;
line-height:22px;
text-align:right;
letter-spacing:.2em;
padding:0;
}
.phone a, .phone a:hover {
color:#fff;
text-decoration:none;
}
.phone_btn {
margin:0px 10px 0px 0px;
color:#fff;
font-size: 18px;
letter-spacing: .08em;
font-weight:400;
line-height:18px;
text-align:center;
padding:5px 5px;
border:1px solid #fff;
float:right;
}
.phone_btn a, .phone_btn a:hover {
color:#fff;
text-decoration:none;
display:block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
}
.phone_btn a:hover,
.phone_btn a:focus {
opacity:.75;
}

/* Facebook */
.FB {
padding:0;
margin: 7px 10px 7px 18px;
float:right;
width:28px;
height:28px;
background-repeat:no-repeat;
background-image:url(images/global/facebook_r.png);
}
.FB a {
padding:0;
width:28px;
height:28px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.FB a {
width:28px;
height:28px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/facebook.png) no-repeat;
}
.FB a:hover,
.FB a:focus {
opacity:0;
}
/* Google Plus */
.GP {
padding:0;
margin: 7px 10px;
float:right;
width:28px;
height:28px;
background-repeat:no-repeat;
background-image:url(images/global/google-plus_r.png);
}
.GP a {
padding:0;
width:28px;
height:28px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.GP a {
width:28px;
height:28px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/google-plus.png) no-repeat;
}
.GP a:hover,
.GP a:focus {
opacity:0;
}
/* Twitter */
.TW {
padding:0;
margin: 7px 20px 7px 10px;
float:right;
width:28px;
height:28px;
background-repeat:no-repeat;
background-image:url(images/global/twitter_r.png);
}
.TW a {
padding:0;
width:28px;
height:28px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.TW a {
width:28px;
height:28px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/twitter.png) no-repeat;
}
.TW a:hover,
.TW a:focus {
opacity:0;
}
/* Next Door */
.ND {
padding: 0;
margin: 7px 10px 7px 10px;
float: right;
width: 25px;
height: 25px;
background-image: url(images/global/nextdoor.png);
background-repeat: no-repeat;
background-size: cover;
transition: opacity .6s ease-in-out;
}
.ND:hover,
.ND:focus {
opacity:.9;
}
.social {
	text-align: right;
	float: right;
}
.social .fab {
	font-size: 1.5em;
	margin: 9px 10px;
}
.navBar {
margin:0;
padding:0;
width:100%;
height:92px;
background-color:#fff;
border-bottom:1px solid #F16031;
}

/*======================== NAVIGATION ========================*/
/*======================== NAVIGATION ========================*/
/* Hide SlickNav on Desktop */
.slicknav_menu {
    display: none;
}

/* Mobile View (Below 980px) */
@media screen and (max-width: 980px) {
    /* Hide the original desktop menu wrapper */
    #menu {
        display: none !important;
    }
    
    /* Force the SlickNav mobile menu to show */
    .slicknav_menu {
        display: block !important;
    }
}
#submenu {
padding: 0px;
margin-top: 50px;
width: 718px;
letter-spacing: 0px;
text-transform: uppercase;
float: right;
}
#submenu ul {
margin:0;
padding:0;
width:100%;
float:right;
list-style:none;
font-weight:500;
}
#submenu li {
margin:0;
padding:0;
float:left;
font-size:18px;
font-weight:500;
list-style:none;
letter-spacing: 0px
}
#submenu li a {
margin:0;
color:#042C5D;
font-family:'Raleway', sans-serif;
display:block;
font-weight:	500;
position:relative;
text-decoration:none;
padding:8px 13px 0px 13px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu li a:hover,
#submenu li a:active,
#submenu .current_page_item a  {
color:#f16031;
}
#submenu li a.sf-with-ul {
padding-right:10px;
}	
#submenu li li a, #submenu li li a:link, #submenu li li  {
color: #042C5D;
width: 220px;
font-size:14px;
padding-top:0px; 
line-height:30px;
margin-left:-15px;
position: relative;
padding: 0px 0px 0px 10px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu ul ul li:first-child{
margin-top:8px;
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}	
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
color:#f16031; 
margin-left:-15px;
}
#submenu li ul {
padding: 0;
left:-999em;
height:auto;
width:155px;
z-index:9999;
margin:0px 25px;
position: absolute;
}
#submenu li ul a { 
width:170px;
background-color:#fff;
border-bottom:1px solid #f16031;
}
#submenu li ul ul {
margin:-27px 0 0 170px;
}
#submenu li:hover ul ul,
#submenu li:hover ul ul ul,
#submenu li.sfHover ul ul,
#submenu li.sfHover ul ul ul {
left:-999em;
}
#submenu li:hover ul,
#submenu li li:hover ul,
#submenu li li li:hover ul,
#submenu li.sfHover ul,
#submenu li li.sfHover ul,
#submenu li li li.sfHover ul {
left:auto;
}
#submenu li:hover,
#submenu li.sfHover { 
position:static;
}
/* mobile-menu	 */
select.mobileMenu{
width:100%;
padding:3px 0px;
}


/*======================== HOME PAGE ========================*/
/*======================== HOME PAGE ========================*/
.rotation{
width: 100%;
border-bottom: solid 1px #f16031;
}
.sub-area{
width:100%;
padding: 100px 0px;
border-bottom: 1px solid #f16031;
background: #fff;
}
.pick3 {
padding:0;
margin:0;
float:left;
width:33.3333%;
text-align:center;
}
.pic_btn {
margin: 0 auto;
width: 28%
}
.pick3 h2 {
color: #f16031;
}
.pick3 p {
padding: 0px 20px;
font-size: 18px;
}
.pick3 a {
font-size: 18px;
}
#home {
padding:50px 0px 70px 0px;
text-align:center;
}
.sexybutton {
padding:15px;
text-align:center;
margin:40px auto 15px;
}
.sexybutton a {
color:#fff;
padding:15px;
font-size:16px;
font-weight:400;
margin:20px auto;
text-align:center;
letter-spacing:1px;
background-color:#004385;
border:1px solid #004385;
border-radius:.5em;
text-transform:uppercase;
}
.sexybutton a:hover {
color:#004385;
background-color:#fff;
}

/*======================== INTERIOR PAGE ========================*/
/*======================== INTERIOR PAGE ========================*/
.banner{
width:100%;
border-bottom:1px solid #f16031;
}
.banner img {
display:block;
width:100%;
height:auto;
}
.split{
padding:0;
width:25%;
height:2px;
margin:20px auto;
background-color:#f16031;
}
#inPage {
padding: 50px 0px 70px 0px;
text-align:center;
}
.videoWrapper {
height:0;
padding-top:25px;
position:relative;
padding-bottom:56.25%;
}
.videoWrapper iframe {
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
}

/*======================== NEWS & BLOG ========================*/
/*======================== NEWS & BLOG ========================*/
#thumby {
padding:0;
display:block;
margin-top:20px;
margin-bottom:10px;
min-height:150px;
}
#thumby img {
margin:0;
padding:0;
width:100%;
height:auto;
display:block;
}
#texty h2{
padding:0;
margin:17px 0px 15px 25px;
text-align:left;
}
#texty p {
font-size:13px;
font-weight:400;
line-height:23px;
text-align:left;
letter-spacing:1px;
margin:0px 0px 15px 25px;
}
.entry {
padding:0px;
}
.entry p, .entry ol, .entry ul, .entry li{text-align: left;}

/*======================== FOOTER ========================*/
/*======================== FOOTER ========================*/
.enews-box{
width:100%;
padding: 100px 0px;
background-image:URL(images/global/bg-penguins.jpg);
background-position:top center;
background-repeat:no-repeat;
text-align:center;
}
.enews-box h3{
font-weight:400;
}
.enews-box span{
font-weight:500;
}
.enews{
margin-top:30px;
}
.foot{
margin:0;
width:100%;
padding:100px 0px;
background-color:#012a5e;
}
.foot h2 {
margin:0;
padding:0;
color:#ddd;
font-size:18px;
font-weight:500;
line-height:20px;
text-align:left;
letter-spacing:1px;
text-transform:uppercase;
}
.foot h2 a {
color:#ddd;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.foot h2 a:hover {
color:#fff;
}
.foot p {
color:#ddd;
font-size:12px;
font-weight:400;
line-height:20px;
text-align:justify;
letter-spacing:1px;
margin:0;
padding:5px 10% 0px 0px;
}
.foot ul {
margin:0;
font-size:1px;
text-align:left;
letter-spacing:0px;
padding:	20px 0px 0px 0px;
}
.foot li {
margin:0;
font-size:12px;
font-weight:400;
list-style:none;
line-height:20px;
padding:3px 0px 0px 0px;
}
.foot li a {
color:#ddd;
font-size:12px;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.foot li a:hover {
color:#fff;
}
.con3 {
margin:0;
width:100%;
padding:20px 0px;
}
.threeRF {
padding:0;
margin:0px 20px 0px 0px;
float:right;
width:143px;
height:30px;
background-repeat:no-repeat;
background-image:url(images/global/Three-Ring-Focus_r.png);
}
.threeRF a {
padding:0;
width:143px;
height:30px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.threeRF a {
width:143px;
height:30px;
display: block;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Three-Ring-Focus.png) no-repeat;
}
.threeRF a:hover,
.threeRF a:focus {
opacity:0;
}
.context {
float:left;
font-size:12px;
color: #f16031;
letter-spacing:2px;
margin-left: 20px;
}

/* WordPress image align left fix*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*======================== MAIL CHIMP ========================*/
/*======================== MAIL CHIMP ========================*/
#mc_embed_signup form {
	display: block;
	position: relative;
	text-align: left;
	padding: 0;
}
#mc_embed_signup h2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
}
#mc_embed_signup input {
	border: 1px solid #f16031;
	-webkit-appearance: none;
	font-size: 14px;
}
#mc_embed_signup input[type=checkbox] {
	-webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
	-webkit-appearance: radio;
}
#mc_embed_signup input:focus {
	border-color: #999;
}
#mc_embed_signup .button {
	clear: both;
	background-color: #f16031;
	border-color: #f16031;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	height: 35px;
	line-height: 35px;
	margin: 0 3px 10px 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}
#mc_embed_signup .button:hover {
	background-color: #eb805d;
}
#mc_embed_signup .small-meta {
	font-size: 14px;
}
#mc_embed_signup .nowrap {
	white-space: nowrap;
}
#mc_embed_signup .clear {
	clear: none;
	display: inline;
}
#mc_embed_signup label {
	display: block;
	font-size: 14px;
	padding-bottom: 10px;
	font-weight: bold;
}
#mc_embed_signup input.email {
	display: block;
	padding: 8px 0;
	margin: 0 4% 10px 0;
	text-indent: 5px;
	width: 100%;
	min-width: 130px;
	font-size: 14px;
}
#mc_embed_signup input.button {
	display: block;
	width: 82px;
	margin: 0 0 10px 0;
	min-width: 60px;
}
#mc_embed_signup div#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0 5%;
	clear: both;
}
#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 80%;
}
#mc_embed_signup #mce-error-response {
	display: none;
}
#mc_embed_signup #mce-success-response {
	color: #529214;
	display: none;
}
#mc_embed_signup label.error {
	display: block;
	float: none;
	width: auto;
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
}
/*======================== MAIL CHIMP ========================*/
/*======================== MAIL CHIMP ========================*/

/*======================== RESPONSIVE STYLES ========================*/
/*======================== RESPONSIVE STYLES ========================*/
.container {
padding:0;
width:100%;
margin:20px auto;
position:relative;
}
#cent{margin:auto;}
#alpha{float:left;}
#omega{float:right;}

.one 	{width:10%;}
.two 	{width:20%;}
.three 	{width:30%;}
.four 	{width:40%;}
.five 	{width:50%;}
.six 	{width:60%;}
.seven 	{width:70%;}
.eight 	{width:80%;}
.nine 	{width:90%;}
.ten 	{width:100%;}
.third 	{width:33.333%;}
.quarter {width:25%;}

/* responsive images */

#response img, .response img{
	display: block;
	width: 100%;
	height: auto;
}

/* Responsive Maps */
.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
}
.map-container iframe,
.map-container object,
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* #Tablet (Portrait)   |   Design for a width of 768px
======================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
.phone {font-size: 20px;letter-spacing: .08em;}
.pick3 h2 {font-size: 24px;}

}

/* #Mobile (Landscape)   |   Design for a width of 480px
======================================================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,.nine,
.ten {width:80%;}
}

/* #Mobile (Portrait)   |   Special - hide button
======================================================= */
@media only screen and (min-width: 767px) {
#hideFull {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
}
/* #Mobile (Portrait)   |   Design for a width of 320px
======================================================= */
@media only screen and (max-width: 767px) {
#hideAll {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
#hideM {
height:0px;
width:0px;
margin:0px;
padding:0px;
overflow:hidden;
}
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,.nine,
.ten {width:90%;}

.FB,
.GP,
.TW{margin-top: 4px;}
.pick3 {width:100%;}
.pic_btn {margin-top: 50px;}
.sub-area {padding-top: 70px;}
	
}

/* #Mobile (Portrait)   |   Special
======================================================= */
@media only screen and (max-width: 530px) {

.phone {font-size: 14px;}
.logo {margin-top: 30px;}
.navBar {height: 112px;}

}