/*
Theme Name: lothiangates
Theme URI: http://www.lothiangates.co.uk
Author: David Saunders
Author URI: http://www.futurefast.co
Description: Bespoke TW Bootstrap theme for lothiangates
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.

*/

p.tweet-text{margin-bottom:2px; padding-bottom:0; font-size:13px; line-height:14px;}
p.tweet-details{font-size:13px; line-height:14px;}
.shadow{-webkit-filter: contrast(1) drop-shadow(2px 2px 8px rgba(255,255,255,0.5)); filter: contrast(1) drop-shadow(2px 2px 8px rgba(255,255,255,0.5));}
.shadowimg{border-radius:6px; border:1px solid #ddd; -webkit-filter: contrast(1) drop-shadow(2px 2px 8px rgba(255,255,255,0.3)); filter: contrast(1) drop-shadow(2px 2px 8px rgba(255,255,255,0.3));}

@media(max-width:1024px){.shadowimg{max-width:50%;}}
@media(max-width:480px){.shadowimg{max-width:100%;}}
@media(max-width:767px){.well{clear:both;}}

.minus10{margin-top:-20px;}
.center{text-align:center;}
.navbar-inner{min-height:65px;}
.zoomer { z-index: 999; display:none;}

div.fs-footer{display:none;}
tr.fs-controls{display:none;}
td.fs-controls{display:none;}
input#fs-submit-btn{max-width:100%!important;}

@media(min-width:981px){.navbar .nav > li > a {font-size: 13px; padding: 25px 6px 25px 7px;}}
@media(min-width:1280px){.navbar .nav > li > a {font-size: 16px; padding: 25px 7px 25px 7px;}}

/*presentation css*/
#presentation{position:relative; width:100%; margin-bottom:10px; border:1px solid #777; height:160px; overflow:hidden; padding:0;}

#presentation .hotspot{position:absolute; width:40px; border:2px solid #ed008c; height:40px; border-radius:200px; text-indent:-5000px; 
background: url("/wp-content/themes/lothiangates/assets/img/faq2.png") no-repeat center center;
  background-size: cover;
z-index:1; cursor:pointer;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
#presentation .hotspot:hover{background-color:#fff; -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);}

#presentation .active{background-color:#fff; -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);}

.hs1{left:102px; top:105px;}
.hs2{right:100px; bottom:100px;}
.hs3{right:180px; top:105px;}

#presentation .pop-element{display:block; margin:auto; width:100%; max-width:100%; height:100%; background-color:#e5e5e5; position:absolute; z-index:5; left:0; top:0; display:none;}
#presentation .pop-element.pop1{}
#presentation .pop-element a.close{position:absolute; right:10px; top:10px;}
#presentation .pop-element p{padding:20px;}
#presentation .pres_mask{width:100%; height:100%; background-color:#fff; opacity:0.5; position:absolute; left:0; top:0; display:none; z-index:4;}

.slidertitle{display:none; position:absolute; width:69%; font-size:14px; font-weight:800; bottom:50px; color:#222; text-align:center; padding:5px 0; margin:auto; z-index:9999; left:50%; margin-left:-35%;}
body.page-template-page-gallery .slidertitle{bottom:inherit; top:320px;}
.slidertitle:after {content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 40px; background-color:rgba(254,255,18,0.7); z-index:-1;}

@media (min-width: 768px) {.slidertitle{display:block; font-size:14px;} #presentation{height:400px; margin-bottom:10px;}#presentation .pop-element{display:block; margin:auto; width:530px; max-width:100%; height:87%; background-color:#e5e5e5; border:1px solid #777; position:absolute; z-index:5; top:25px; left:50%; margin-left:-265px; display:none;}}
@media (min-width: 990px) {.slidertitle{display:block; font-size:18px;} #presentation{height:510px; margin-bottom:20px;}}
@media (min-width: 1170px) {.slidertitle{display:block; font-size:20px;} #presentation{height:510px; margin-bottom:20px;}}

.post h3{margin-top:0; margin-bottom:10px;}

.ourservices div{color:#111;}
.ourservices h3{min-height:60px; color:#4b4b4c; text-transform:uppercase; padding:21px 0 0 80px; margin-bottom:15px; border-bottom:2px solid #4b4b4c;}
.ourservices h3{background:url("/wp-content/themes/lothiangates/assets/img/lg_circ.png") no-repeat; background-size:70px!important; background-color:#fff;}

div.homenav {background-color:#fff;
 padding:12px 0; color:#fff; font-size:24px;
-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
border-bottom:1px solid #222;
}

div.homenav a{color:#555;}
div.homenav a:hover{color:#222; background-color:transparent!important;}
div.homenav a.active{color:#555; background-color:transparent!important;}

div.inner-subnav{background-color:#595959; padding:12px 0; color:#fff; font-size:24px;}
div.inner-subnav a{color:#fff; font-weight:800;}
div.inner-subnav a:hover{color:#fee012!important;}

#scrollbar-nav {text-align:center; font-size:15px; font-weight:900; margin-bottom:0; color:#555; padding:5px 15px;}
	@media (min-width: 768px) {#scrollbar-nav{font-size:16px; padding:5px 0;}}
#scrollbar-nav ul{margin:0 auto; padding:0;}
#scrollbar-nav li{display:inline; padding:0; float:none;}
#scrollbar-nav .nav-pills > li > a {display:inline; float:none; padding:0 0;}
#scrollbar-nav .nav-pills li a:hover{background-color:transparent; color:#101010;}
#scrollbar-nav .nav-pills li.active a{background-color:transparent; color:inherit;}
div.shorter.inner-subbav #scrollbar-nav .nav-pills li.active a{background-color:transparent; color:#fee012;}

.flex-control-paging li a {background: #4b4b4c; background: rgba(75,75,75,.9);}
.flex-control-paging li a:hover {background: #fff; background: rgba(255,255,255,.9);}
.flex-control-paging li a.flex-active {background: #4b4b4c; background: rgba(255,255,255,.9); border:3px solid #4b4b4c;}

ul.pb, #features ul{margin-left:0; padding-left:0;}
ul.pb li, #features ul li{background:url("/wp-content/themes/lothiangates/assets/img/bullet.png") no-repeat left 3px; padding-left:20px; list-style-type:none; margin-left:0;}

.homefooter{padding-top:15px; padding-bottom:0px;}
.homefooter .hfInner{padding:5px 15px 25px 15px; min-height:290px; background:url("/wp-content/themes/lothiangates/assets/img/homefooter.png") no-repeat right bottom; background-color:#e6e7e7; position:relative;}
p.footerLink{position:absolute; right:10px; bottom:10px; padding:0; margin:0; text-align:right; font-weight:bold; color:gold;}
p.footerLink a{color:#fee012; text-align:right; max-width:60px; float:right; font-size:14px; text-transform:uppercase; line-height:15px;}

.post img.wp-post-image {border:1px solid #4c4c4c;}

blockquote{border:none; background:url("/wp-content/themes/lothiangates/assets/img/blockquote.png") no-repeat; font-style:italic; font-size:19px; background-color:#363e96; background-position:left bottom; color:#fff; text-align:center; padding:20px 30px 75px 30px;}

.features div{color:#111;}
.features h3{min-height:70px; color:#4b4b4c; text-transform:uppercase; padding:25px 0 0 105px; margin-bottom:15px; border-bottom:3px solid #4b4b4c;}
.features h3{background:url("/wp-content/themes/lothiangates/assets/img/lg_circ.png") no-repeat; background-size:70px; background-color:#fff;}

.community .span4 div{padding:5px 10px 10px 7px; background:url(/wp-content/themes/lothiangates/assets/img/community.png) no-repeat; min-height:203px; margin-bottom:15px; background-size:contain; background-color:#fff;}
.community .span4 div h4{color:#fff; font-weight:600;}
.community .span4 div.p2{background:url(/wp-content/themes/lothiangates/assets/img/community.png) no-repeat; background-size:contain; background-color:#fff;}
.community .span4 div.p3{background:url(/wp-content/themes/lothiangates/assets/img/community_alt.png) no-repeat; background-size:contain; background-color:#fff;}

.abr{font-weight:700; margin-top:-9px; font-size:14px; font-style:italic; padding-top:0;}
.homefooter .abr{color:#4c4c4c; margin-bottom:20px;}

.well img, .homefooter img{float:left; width:80px; height:auto; margin:0 10px 10px 0; border:1px solid #333;}

.accordion{margin-top:25px;}
.accordion div h3{background:url("/wp-content/themes/lothiangates/assets/img/faq.png") no-repeat; min-height:30px; margin-bottom:0; background-size:30px; padding:3px 0 0 0; padding-left:40px;}
.accordion div h3.active{background:url("/wp-content/themes/lothiangates/assets/img/faq_alt.png") no-repeat; background-size:30px;}
.accordion div div{padding-left:40px; background-image:none;}
.accordion p{color:#111; margin-bottom:15px;}

span.wpcf7-not-valid-tip {margin-top: -15px;  margin-bottom: 25px;}
div.wpcf7-response-output {background-color:#fff; margin: 1em 0 1em;  padding: 10px 20px; max-width:640px; clear:both;}
div.mc4wp-success{font-size:13px;}

.row form p{color:#444;}
footer .row form p{color:#fff;}

.flex-container {overflow: hidden; width: 100%; max-height:400px; position:relative;}
/*body.page-template-page-gallery .flex-container{max-height:640px;}*/
.flex-container .flex-slider {max-width: 1170px; width: 100%; margin: 0 auto; position:relative; padding-left:0; padding-right:0;}

.community-slider .flex-container{position:relative; background-color:#fff;}
.community-slider .flex-container .flex-slider{}

.flex-container .flex-content {width:100%; max-width: 1170px; display: block; margin: 0 auto}
.slides li{position:relative;}
.flex-container .slides li img{margin:auto; text-align:center; width:100%; height:100%; z-index:1; position:relative;}
.flex-container .flex-viewport {overflow: visible !important}
.flex-control-nav {width: 100%;  position: absolute;  bottom: 10px;  text-align: center;  max-width: 1170px;}
.maskLeft{position:absolute; right:100%; background:rgba(255,255,255,0.7); width:200%; max-width:1180px; height:400px; top:0; z-index:10; border-right:15px solid #fff;}
/*body.page-template-page-gallery .maskLeft{height:640px;}*/
.maskRight{position:absolute; left:100%; background:rgba(255,255,255,0.7); width:200%; max-width:1180px; height:400px; top:0; z-index:10; border-left:15px solid #fff;}
/*body.page-template-page-gallery .maskRight{height:640px;}*/
.flex-direction-nav{display:none;}
.flex-direction-nav a {text-decoration: none; display: block; height: 76px; width: 76px; margin: -76px 0 0; position: absolute; top: 235px; z-index: 500; padding:0;
  overflow: hidden;  opacity: 1; cursor: pointer; color: rgba(0,0,0,.8);  text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
  background: url("/wp-content/themes/lothiangates/assets/img/prev.png"); background-size:contain;
}
/*body.page-template-page-gallery .flex-direction-nav a{top:350px;}*/
body.page-template-page-gallery .flex-control-nav{display:none;}

.community-slider .flex-direction-nav a {top:300px;}
.flex-direction-nav{max-width:1175px; width:100%; position:relative;}
.flex-direction-nav .flex-prev {text-indent:-5000px; left: 0; text-align: left; background: url("/wp-content/themes/lothiangates/assets/img/prev.png"); background-size:contain;}
.flex-direction-nav .flex-prev:hover {background: url("/wp-content/themes/lothiangates/assets/img/prev_hover.png"); background-size:contain;}
.flex-direction-nav .flex-next {text-indent:5000px; right: 0; text-align: right; background: url("/wp-content/themes/lothiangates/assets/img/next.png"); background-size:contain;}
.flex-direction-nav .flex-next:hover {background: url("/wp-content/themes/lothiangates/assets/img/next_hover.png"); background-size:contain;}
.flex-direction-nav a:before {display:none;}

.lmask {background-color: white; right: 80.7%; position: absolute; height: 400px; width: 100%; max-width: 1170px; z-index: 9; display: block; float: left; top: 0px; opacity: 0.8;}
/*body.page-template-page-gallery .lmask{height:640px;}*/
p.no-break{display:block; clear:both; margin-top:30px; padding-top:20px; border-top:1px solid #eee; margin-bottom:0; padding-bottom:0;}

.bar form,.bar img{margin:10px 0 0 0; padding:0; vertical-align:top;}
.bar p{margin:-1px 0 0 0; padding:0;}
.bar form input{max-width:125px; margin-bottom:0!important;}
.bar form input[type="submit"]{width:125px; position:relative; float:right; background-color:#fff; color:#333; font-size:18px; padding-top:4px; padding-bottom:4px; margin-top:1px!important;}
.outeryellow.bar form input[type="submit"]{color:#fff; background-color:#ea0b8c;} 
.bar div.wpcf7-response-output {color:#333; background-color: #fff; margin: 20px 0; padding: 10px 10px; max-width:100%; clear:right; font-weight:normal; font-size:11px;}
.bar span.wpcf7-not-valid-tip {color: red!important; margin-top:1px; margin-left:2px; font-size: 12px; width:240px; display:block; text-align:left; position:absolute; overflow:hidden;}
div.wpcf7 img.ajax-loader {display:none!important;}
.wpcf7-form-control-wrap.email{/*margin-left:5px; float:right;*/}
div.wpcf7-validation-errors {    border: 1px solid #Ff0000; margin:10px -1px 0 0!important;}


.outeryellow.bar form input[type="submit"]{color:#fff; background-color:#ea0b8c;} 
.outeryellow.bar .introtext{display:none;}
.outeryellow.bar form p{display:inline;}
.outerpink.bar form input{max-width:130px; margin-bottom:0!important;}
.outerpink.bar form input[type="submit"]{color:#323332; background-color:#f9e017;} 

.panel{font-size:16px; text-transform:uppercase; font-weight:bold; padding:20px 0 11px 0;}
.panel.outergrey{background-color:#6c6c6c; color:#fff;}
.panel.outeryellow{background-color:#fee012; color:#333;}
.panel.outerwhite{background-color:#fff; color:#222; font-size:14px; line-height:16px; text-transform:none; font-weight:bold;}
.panel.outerpink{background-color:#ed008c; color:#fff; margin-bottom:30px;}
.outerlightgrey{background-color:#f0f0f0; padding-top:20px; padding-bottom:20px;}

body.single-post li#menu-item-25 a{  color: #666363; background: url("/wp-content/themes/lothiangates/assets/img/arrow.png") no-repeat; background-size: 40px; background-position: center bottom;}

.well span,.hfInner.last p span{display:inline; width:65px; float:left;}

@media (min-width: 480px) {
.whyuselothiangates h3{min-height:100px; background-size:contain;}
.features h3{padding:25px 0 0 120px; background-size:100px!important; min-height:85px; font-size:24px;}
}
@media (max-width: 767px) {
.whitelines{border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0 20px 0; margin-top:20px; margin-bottom:15px;}
.whyuselothiangates div.span4,.features div.span4{margin-bottom:20px;}
.homefooter .hfInner{margin-bottom:15px;}
}

@media (max-width: 989px) {
#main-menu li ul.subouter{display:none!important;}
.navbar .nav li.current-menu-item a {background-image:none!important;}
.accordion div h3 {font-size:16px; line-height:20px;}
}

@media (min-width: 768px) {
.whitelines{border-left:1px solid #fff; border-right:1px solid #fff; padding:0 25px;}
div.shorter{position:fixed; top:70px; width:100%; z-index:9999; background-color:#595959!important; color:#fff!important;}
div.shorter #scrollbar-nav .nav-pills li{color:#fff;}
div.shorter #scrollbar-nav .nav-pills li a{color:#fff;}
div.shorter #scrollbar-nav .nav-pills li a:hover{background-color:transparent; color:#fee012!important;}
div.homenav #scrollbar-nav .nav-pills li.active a{background-color:transparent; color:#555;}
div.inner-subnav #scrollbar-nav .nav-pills li.active a{background-color:transparent; color:#fff;}
div.shorter.homenav #scrollbar-nav .nav-pills li.active a{background-color:transparent; color:#fee012;}
div.shorter.inner-subnav #scrollbar-nav .nav-pills li.active a{background-color:transparent; color:#fee012;}
.shortermid{padding-top:57px!important;}
.features h3{padding:15px 0 0 83px; background-size:75px!important; min-height:70px; font-size:17px;}
.whyuselothiangates h3{min-height:100px; background-size:cover;}
.flex-container, .flex-container .flex-slider {}
.community-slider .flex-container, .community-slider .flex-container .flex-slider{height:300px;}
.flex-direction-nav{display:block;}
.panel{font-size:17px; text-transform:uppercase; font-weight:bold; padding:35px 0 25px 0;}
.homefooter{padding-top:25px; padding-bottom:25px;}
.panel.outerwhite{font-size:16px; line-height:18px;}
.abr{margin-top:-9px; font-size:18px;}
.bar form{margin:-6px 0 0 0!important; padding:0;}
.bar form input{max-width:125px; margin-bottom:0!important;}
.bar img{margin:-9px 0 0 0!important; padding:0;}
.community .span4 div{min-height:157px; margin-bottom:0;}
.community .span4 div h4{font-size:12px; width:55%; padding-top:0; margin-top:3px;}
.hfInner h4{font-size:14px; font-weight:600;}
.hfInner img{max-width:60px; height:auto;}
footer h2{font-size:23px;}
footer #footerInner input { max-width: 39%;}
}

@media (min-width: 990px) {
#main-menu li#menu-item-295 a{ background:url(/wp-content/themes/lothiangates/assets/img/login_bg.png) no-repeat center 13px; background-size:13px 24px; background-color:#36399a; color:#fff; padding-top:35px; padding-bottom:0; height:35px; overflow:hidden; font-size:10px; font-weight:400!important; text-shadow:none;}
#main-menu li ul.subouter{position:absolute; background-color:rgba(100,100,100,0.85); left:0; top:70px; width:100%; z-index:100; display:none;padding: 15px 1000em; /* trick from css-tricks comments */
    margin: 0 -1000em; /* trick from css-tricks comments */
    z-index: 101;-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;}
#main-menu li:hover>.subouter{display:block;}
#main-menu li ul.subouter:hover{background-color:rgba(100,100,100,1);} 
.panel{font-size:24px; text-transform:uppercase; font-weight:bold; padding:30px 0 25px 0;}
.bar form input{max-width:170px; margin-bottom:0!important;}
.hfInner h4{font-size:17.5px; font-weight:800;}
.hfInner img{max-width:150px; height:auto;}
footer h2{font-size:25px;}
.outerpink.bar form input{max-width:150px;}
footer #footerInner input {
    max-width: 41%;}
.community .span4 div{min-height:211px; margin-bottom:0;}
.community .span4 div h4{font-size:15px; width:55%; padding-top:0; margin-top:3px;}
}

@media (min-width: 1170px) {
.panel.outerwhite{font-size:17px; line-height:19px;}
.whyuselothiangates h3{min-height:170px;}
.bar form input{max-width:150px; margin-bottom:0!important;}
.bar form input[type="submit"]{margin-top:0;}
.wpcf7-form-control-wrap.email{margin-left:0; float:none;}
.community .span4 div{min-height:260px; margin-bottom:0;}
.community .span4 div h4{font-size:17.5px; margin-top:10px; width:100%;}
.outerpink.bar form input{max-width:200px;}
footer #footerInner input {max-width: 42%;}
footer #footerInner input.submit, input[type="submit"] {width: 100%; max-width: 110px; float:right; margin:0;}
.zoomer { z-index: 999; display:none;}
}