/*
Theme Name:  Bayou City Fence
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts
# Fonts
# Buttons
# Search Box
# Flexbox
# Forms
	## Quick Form
		### Responsive
	## Contact Us Form
		### Responsive
# Menus
	## Main Menu
		### Responsive
	## Sub Menu
		### Responsive
	## Footer Menu
		### Responsive
	## Social Menu
		### Responsive
# Header
# Banner
# Contents
	## Welcome Section
		### Responsive
	## Practice Areas Section
		### Responsive
	## Profile Section
		### Responsive
	## Gallery Section
		### Responsive
	## Contact Us Section
		### Responsive
	## Badges Section
		### Responsive
# Footer
# Sidebar Section
	## Responsive
# Inner Pages
	## Blog Page
		### Responsive
	## Search Page
		### Responsive
	## Error Page
		### Responsive
	## Attorney Profile Page

--------------------------------------------------------------*/

@font-face {
	font-family: 'Proxima Nova';
	src: url('assets/fonts/Proxima Nova/regular.eot');
	src: local('☺'), url('assets/fonts/Proxima Nova/regular.woff') format('woff'), 
					 url('assets/fonts/Proxima Nova/regular.ttf') format('truetype'), 
					 url('assets/fonts/ProximaNova/regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('assets/fonts/Proxima Nova/bold.eot');
    src: url('assets/fonts/Proxima Nova/bold.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Proxima Nova/bold.woff2') format('woff2'),
         url('assets/fonts/Proxima Nova/bold.woff') format('woff'),
         url('assets/fonts/Proxima Nova/bold.ttf') format('truetype'),
         url('assets/fonts/Proxima Nova/bold.svg#proxima_novabold') format('svg');
    font-weight: 700;
    font-style: normal;
}

html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: 'Proxima Nova'; margin: 0 auto; width: 100%; min-width: 1200px;}

@media screen and (max-width: 1200px) {
	body {min-width: 320px;}
}

/*###################################
## Layouts
###################################*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.container {width: 100%; max-width: 1600px; margin: 0 auto !important; padding: 0; box-sizing: border-box;}
.row {max-width: 1366px; margin: 0 auto !important;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}
figure {margin: 0; margin-bottom: 0 !important;}
img {transition: all .5s linear;}

#breadcrumbs {border-bottom: 1px solid #D6D6D6; padding-bottom: 15px; margin-bottom: 30px;}

@media screen and (max-width: 1600px) {
	.container {padding: 0 10px;}
}

@media screen and (max-width: 800px) {
	.cta {background: #D7BA5A  url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #000; border-top-left-radius: 40px; text-decoration: none; text-indent: -9999em; position: fixed; display: block; bottom: 13%; height: 80px; width: 100px; z-index: 999; right: 0;}
	#wprmenu_bar {box-shadow: 0px 0px 3px #FFF;}
	#wprmenu_bar .menu_title a {color: #FFF; top: 0;}
	html body div.wprm-overlay {background: transparent;}
	.logged-in #wprmenu_menu_ul {top: 47px !important;}
}

/*###################################
## Fonts
###################################*/
a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; transition: all .5s ease;color: #555;}
a:hover {text-shadow: 0px 0px 5px #000;}
a:focus {outline: none !important;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
h1, h2 {font-weight: 700; font-size: 50px; margin: 0 auto; color: #001A44; letter-spacing: .2em; line-height: 120%;}
h2 small {display: block; font-weight: 400; font-size: 15px; color: #535353; letter-spacing: .4em; line-height: 120%; margin-bottom: 10px;}
p, ul, ol {font-weight: 400; font-size: 16px; color: #535353; letter-spacing: .03em; line-height: 180%;}
p:last-of-type {margin: 0 !important;}

@media screen and (max-width: 500px) {
	h1, h2 {
		font-size: 35px;
	}
}

/*###################################
## Buttons
###################################*/
.btn a, .btn input {width: 200px; height: 60px; line-height: 60px; display: inline-block; font-weight: 700; font-size: 14px; color: #FFF; letter-spacing: .2em; background: #001B44; border: 1px solid transparent; text-align: center; position: relative; z-index: 1; padding: 0; border-radius: 0;}
.btn a:hover, .btn input:hover {text-shadow: 0px 2px 3px #000; border-radius: 10px;}
.btn input:hover {box-shadow: 0px 2px 15px -5px #000;}
.btn a::after, .btn input::after {content: ""; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .5)); transition: all .4s linear; transform: scaleY(0); transform-origin: top; position: absolute;  height: 100%; width: 100%; z-index: -1; left: 0; top: 0; border-radius: 10px;}
.btn a:hover:after, .btn input:hover::after {transform: scaleY(1);}
.btn2 a {border: 3px solid #FFF; border-radius: 10px; box-shadow: 0px 0px 5px #AAA; width: 194px; height: 54px;}

/*###################################
## Search
###################################*/
.sidebar form, 
.error-404 form {position: relative; max-width: 700px; margin: 10px auto;}
.sidebar input[type="search"], 
.error-404 input[type="search"] {width: 100%; padding: 5px 10px;}
.sidebar input[type="submit"], 
.error-404 input[type="submit"] {background: linear-gradient(to bottom, #FFF, #ccc);border: 1px solid #000; position: absolute; padding: 6px; right: 0; top: 0;}
.sidebar .widget:not(:nth-of-type(1)) {background: rgba(255, 255, 255, .5);border-bottom: 1px solid #CCC;padding-bottom: 20px;margin-bottom: 20px;  padding: 10px 20px;}
.sidebar input[type="submit"], 
.error-404 input[type="submit"] {transition: all .4s linear;}
.sidebar input[type="submit"]:hover, 
.error-404 input[type="submit"]:hover {box-shadow: 0px 0px 20px #000;}

/*###################################
## Flexbox
###################################*/
.dflex {display: flex; display: -webkit-flex;}
.sb-flex {justify-content: space-between; -webkit-justify-content: space-between;}
.sa-flex {justify-content: space-around; -webkit-justify-content: space-around;}
.cn-flex {justify-content: center; -webkit-justify-content: center;}
.fe-flex {justify-content: flex-end; -webkit-justify-content: flex-end;}
.align-center {align-items: center; -webkit-align-items: center;}
.flex-col {flex-direction: column; -webkit-flex-direction: column;}

/*###################################
## Forms
###################################*/
form p {margin: 0 0 10px !important;width: 100%;}
form label {display: block; color: #FFF;}
form input[type="submit"] {transition: all .5s linear;}

/*Contact Us Form*/
span.wpcf7-list-item {margin: 0;}
form .ctc-form {text-align: center;}
form .ctc-form p {flex-basis: 49.5%; margin: 0 0 10px !important; max-width: 100% !important;}
form .ctc-form p span {width: 100%;}
form .ctc-form input:not([type="checkbox"]):not([type="submit"]),
form .ctc-form textarea {padding: 0 20px; width: 100%; padding: 0 20px; box-sizing: border-box; border: 1px solid #D6D6D6; font-weight: 400; font-size: 16px; color: #535353; letter-spacing: .03em; font-family: 'Proxima Nova';}
form .ctc-form input:not([type="checkbox"]):not([type="submit"]) {height: 60px;}
form .ctc-form textarea {max-height: 150px; padding: 15px 20px;}
form .ctc-form textarea ::placeholder {font-family: 'Proxima Nova'; font-weight: 400; font-size: 16px; color: #535353; letter-spacing: .03em;}
form .ctc-form input[type="checkbox"] {display: block; margin: 10px auto;}
form .ctc-form label {color: #535353;}
form .ctc-form .wpcf7-acceptance label {max-width: 500px; margin: 0 auto;}
form .ctc-form input[type="submit"] {margin-top: 30px;}
form .ctc-form div.form-consent p {flex-basis: 100%;}

/*###################################
## Menus
###################################*/

/*Main Menu*/
.main-navigation {margin-top: 30px;}
.main-navigation ul {-webkit-justify-content: space-around; justify-content: space-around; display: -webkit-flex; list-style: none; display: flex; margin: 0; padding: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.main-navigation ul li {display: inline-block; margin: 0 45px;}
.main-navigation ul li:last-of-type {margin-right: 0;}
.main-navigation ul li a {text-transform: uppercase; font-weight: 700; font-size: 14px; color: #333333;}
.main-navigation ul li a:hover {text-shadow: 0px 2px 2px #DDD;}
.main-navigation ul li.menu-item-has-children a::after {content: "\f078"; display: inline-block; margin-left: 10px; vertical-align: top; font-family: 'FontAwesome'; transition: all .3s ease; position: relative; top: -2px;}
.main-navigation ul li.menu-item-has-children a:hover::after {transform: rotateZ(180deg); top: 1px;}
.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 5px;}

/*Sub Menu*/
.main-navigation ul ul {background: #001B44; transition: all .05s ease-out; box-sizing: border-box; position: absolute; top:180px; margin-top: 75px; /*width: 250px;*/ display: block; opacity: 0; visibility: hidden; z-index: 100; padding: 18px 0;}
.main-navigation ul ul li {display: block; margin-left: 0; text-align: left; box-sizing: border-box; height: 40px; line-height: 40px; margin: 0; position: relative; padding: 0 10px; transition: all .3s linear; color: #FFF;}
.main-navigation ul ul li:last-of-type > a {border-bottom: none !important;}
.main-navigation ul ul li:hover {background: #FFF; color: #001B44;}
.main-navigation ul ul li a {display: block; box-sizing: border-box; position: relative; color: inherit; border-bottom: 1px dashed rgba(255, 255, 255, .5); transition: none; border-top: 1px solid transparent;}
.main-navigation ul ul li:hover a {border-bottom-color: rgba(255, 255, 255, .0);}
.main-navigation ul ul li a::after {display: none !important;}
.main-navigation ul ul li.menu-item-has-children a::after {content: "\f054"; vertical-align: middle; font-family: 'FontAwesome'; position: absolute; right: 0px; margin-right: 20px; transition: all .3s linear; opacity: 0; display: block !important; color: #001B44;}
.main-navigation ul ul li.menu-item-has-children a:hover::after {margin-left: 0; transform: none; margin-right: 0; opacity: 1;}

/*Sub Sub Menu*/
.main-navigation ul ul li.menu-item-has-children:hover > ul {visibility: visible !important; opacity: 1 !important; /*margin-left: 225px;*/ left: 100%;}
.main-navigation ul ul ul {top: -23px !important; visibility: hidden !important; opacity: 0 !important; position: absolute; left: 110%;/*margin-left: 280px;*/ width: 265px;}
.main-navigation ul ul li.menu-item-has-children ul li a::after {display: none !important}
.main-navigation ul ul ul li a {color: #FFF !important; border-bottom: 1px dashed rgba(255, 255, 255, .5) !important;}
.main-navigation ul ul ul li:hover a {color: #001B44 !important;}
.main-navigation ul ul ul li.menu-item-has-children:hover ul li a { color: #fff !important; }
.main-navigation ul ul ul li.menu-item-has-children:hover ul li a:hover {
	color: #001B44 !important;
}
.main-navigation ul ul li:nth-of-type(3) ul {width: 214px !important;}

/*Footer Menu*/
.footer-navigation {margin-top: 100px;}
.footer-navigation ul {margin: 0; padding: 0; list-style: none; display: block;}
.footer-navigation ul li {display: inline-block; margin: 0 10px;}
.footer-navigation ul li a {color: #FFF; }
.footer-navigation ul li a:hover {text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;}

/*Social Menu*/
.social-navigation {position: relative; top: -2px;}
.social-navigation .svg-icon {display: none;}
.social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0; 	}
.social-navigation ul li {transition: all .4s linear; border-radius: 50%; margin: 0 0 0 30px; height: 20px; width: 20px; background: #FFF;}
.social-navigation ul li:hover {box-shadow: 0px 0px 10px #FFF; transform: rotateZ(360deg);}
.social-navigation ul li a {color: #001B44;}
.social-navigation ul li a::before {font-size: 12px; position: relative; top: 3px;}
.social-navigation ul li a[href*="youtube.com"]::before {left: -1px;}

@media screen and (max-width: 1200px) {
	.main-navigation ul li {margin: 0 38px;}
}

@media screen and (max-width: 1100px) {
	.main-navigation ul li {margin: 0 33px;}
	.main-navigation ul ul {width: 230px;}
	.main-navigation ul ul ul {width: 185px;}
}

@media screen and (max-width: 1000px) {
	.main-navigation ul li {margin: 0 22px;}
	.main-navigation ul li a {font-size: 12px;}
	.main-navigation ul ul {width: 207px;}
	.main-navigation ul ul li {padding: 0 15px;}
}

@media screen and (max-width: 800px) {
	.social-navigation ul li {margin: 0 0 0 15px;}
	.site-header p.hdEmail {margin-right: 15px !important;}
}

/*###################################
## Header
###################################*/
.site-header .hdWrap {}
.site-header .hdCon {flex-basis: 100%;}
.site-header .hdTop {background: #001B44; padding: 10px 0;}
.site-header .hdTop p {margin: 0; color: #FFF;}
.site-header .hdTop p a {color: #FFF; font-weight: 700; font-size: 16px; letter-spacing: .01em; line-height: 120%;}
.site-header .hdTop p a:hover {text-shadow: 0px 0px 10px #FFF;}
.site-header .hdSocial {margin-right: auto;}
.site-header .hdSocial p {font-weight: 400; font-size: 10px; letter-spacing: .409em; line-height: 110%; display: inline-block; vertical-align: middle;}
.site-header .hdCtc::before {content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px; background-size: 100% 100%; transition: all .5s linear;}
.site-header .hdEmail::before {background: url(assets/images/hdEmail.png) no-repeat center center;}
.site-header .hdPhone::before {background: url(assets/images/hdPhone.png) no-repeat center center; margin-right: 5px}
.site-header .hdEmail {margin-right: 30px !important;}
.site-header .hdCtc:hover::before {transform: rotateZ(360deg);}
.site-header .hdBot {padding: 15px 0;}
.site-header .hdNav {text-align: right;}
.site-header .btn a {letter-spacing: 0;}

@media screen and (max-width: 1100px) {
	.site-header .hd-logo {flex-basis: 25%;}
	.site-header .hd-logo img {width: 100%; height: auto; display: block;}
}

@media screen and (max-width: 650px) {
	.site-header .hdBot {order: 1; -webkit-order: 1;}
	.site-header .hdTop {order: 2; -webkit-order: 2; padding-bottom: 0;}
	.site-header .hdBotWrap, .site-header .hdTopWrap {display: block; text-align: center;}
	.site-header .hd-logo img {max-width: 50%; margin: 0 auto 20px;}
	.site-header .hdNav, .site-header .hdSocial {text-align: center; display: block;}
	.site-header .social-navigation {display: inline-block;}
	.site-header p.hdEmail {margin: 0 auto !important;}
	.site-header .hdTop p {margin: 10px auto !important;}
}

@media screen and (max-width: 500px) {
	.site-header .hd-logo img {max-width: 70%;}
}

/*###################################
## Banner
###################################*/
.site-banner {position: relative;}
.site-banner .innerPageTitle {position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);}
.site-banner .innerPageTitle h1 {font-weight: 700; font-size: 65px; color: #FFF; letter-spacing: .02em; line-height: 120%;}
.site-banner .metaslider ul {height: calc(100vh - 250px);}
.site-banner .metaslider ul li img {height: 100% !important;}

@media screen and (max-width: 900px) {
	.inner .site-banner .inner-bn {height: 200px; object-fit: cover;}
}

@media screen and (max-width: 500px) {
	.inner .site-banner .inner-bn {height: 150px;}
	.inner .site-banner .innerPageTitle h1 {font-size: 40px;}
}

/*###################################
## Content
###################################*/
.site-content {}

/*Content Top Section*/
.topRow {padding: 80px 0 85px;}
.topRow h3 {font-weight: 400; font-size: 15px; color: #535353; letter-spacing: .4em; line-height: 120%; margin-bottom: 12px;}
.topRow h2 {margin-bottom: 44px;}
.topRow h4 {font-weight: 700; font-size: 15px; color: #001B44; letter-spacing: .4em; line-height: 120%;}
.topRow p {max-width: 650px;}
.topRow .btn {margin: 40px auto 80px;}
.topWrap {margin-top: 55px;}
.topWrap figure {width: 120px; height: 120px; margin: 0 auto; border: 1px solid #535353; border-radius: 50%; box-sizing: border-box; padding: 18px; transition: all 1s linear;}
.topWrap .topCol:hover figure {box-shadow: 0px 0px 10px #000; transform: rotateY(360deg);}
.topWrap .topCol:hover h5 {text-shadow: 0px 1px 3px #000;}
.topWrap h5 {font-weight: 400; font-size: 16px ;color: #535353; line-height: 120%; margin-top: 25px; transition: all .5s linear;}

@media screen and (max-width: 767px) {
	.topRow {padding: 30px 0; text-align: center;}
	.topRow h2 {margin-bottom: 20px;}
	.topRow h3 {line-height: 150%;}
	.topRow p {max-width: 100%;}
	.topWrap {margin-top: 30px;}
	.topWrap .kt-row-column-wrap.kt-mobile-layout-row {flex-direction: row !important;}
	.topWrap .topCol {width: 33.33% !important;}
	.topRow .btn {margin: 20px auto 40px;}
}

@media screen and (max-width: 500px) {
	.topWrap .kt-row-column-wrap.kt-mobile-layout-row {flex-direction: column !important;}
	.topWrap .topCol {width: 100% !important; margin-bottom: 20px;}
}

/*Content Mid Section*/
.midRow .kt-row-has-bg {padding: 160px 0 140px;}
.midRow h3 {font-weight: 400; font-size: 20px; color: #FFF; line-height: 120%; letter-spacing: .4em;}
.midRow h3 strong {font-weight: 700;}
.midRow h2 {letter-spacing: 0; font-size: 60px; line-height: 120%; margin-bottom: 30px;}

@media screen and (max-width: 767px) {
	.midRow .kt-row-has-bg {padding: 50px 10px 30px; box-sizing: border-box;}
	.midRow h3 {line-height: 150%;}
	.midRow h2 {font-size: 50px;}
}

@media screen and (max-width: 500px) {
	.midRow h3 {font-size: 18px; margin-bottom: 10px;}
	.midRow h2 {font-size: 35px;}
}

/*Services Section*/
.svcRow {padding: 80px 0 55px;}
.svcWrap {margin: 45px auto 65px;}
.svcWrap figure {overflow: hidden;}
.svcWrap h3 {font-weight: 700; font-size: 22px; color: #535353; letter-spacing: .2em; line-height: 120%; margin-top: 25px; transition: all .5s linear;}
.svcCol img {width: 100%; max-width: 430px; height: 425px; object-fit: cover; object-position: center center; min-width: 430px;}
.svcCol:hover img {transform: scale(1.03); filter: brightness(115%);}
.svcCol:hover h3 {text-shadow: 0px 2px 2px #000;}
.svcRow .btn {margin-top: 30px;}

@media screen and (max-width: 1350px) {
	.svcCol {width: 30%; margin: 0 5px 20px;}
	.svcCol img {width: 100%; max-width: 400px; min-width: 400px; height: 370px; }
}

@media screen and (max-width: 1250px) {
	.svcCol img {max-width: 350px; min-width: 350px; height: 350px; }
}

@media screen and (max-width: 1100px) {
	.svcCol img {max-width: 300px; min-width: 300px; height: 350px; }
}

@media screen and (max-width: 960px) {
	.svcCol img {max-width: 270px; min-width: 270px; height: 300px; }
	.svcWrap h3 {font-size: 19px;}
}

@media screen and (max-width: 860px) {
	.svcCol img {max-width: 240px; min-width: 240px; height: 270px; }
}

@media screen and (max-width: 800px) {
	.svcWrap .kt-row-column-wrap {flex-direction: column;}
	.svcCol {width: 100% !important; margin: 0 auto 20px !important;}
	.svcCol figure {width: 100%; max-width: 80%; margin: 0 auto;}
	.svcCol img {max-width: 100%; min-width: 100%;}
}

@media screen and (max-width: 767px) {
	.svcRow, .svcWrap {margin: 0 auto 30px; padding: 30px 0 0;}
}

@media screen and (max-width: 600px) {
	.svcCol figure {max-width: 100%;}
}

/*Content Bottom Section*/
.btmWrap .kt-row-column-wrap {align-items: center; -webkit-align-items: center;}
.btmRow .btmLeft {flex-basis: 50% !important;}
.btmRow .btmMid {flex-basis: 31.4% !important; padding: 0 75px 0 85px; box-sizing: border-box;}
.btmRow .btmMid p {margin: 30px auto 45px !important;}
.btmRow .btmRight {flex-basis: 18.6% !important;}
.btmRow img {display: block; width: 100%;}

@media screen and (max-width: 1600px) {
	.btmRow .btmMid {padding: 0 60px;}
}

@media screen and (max-width: 1440px) {
	.btmRow .btmMid {padding: 20px 40px;}
	.btmRow .btmMid p {margin: 20px auto !important;}
	.site-banner .metaslider ul {height: auto;}
	.site-banner .metaslider ul li img {height: auto !important;}
}

@media screen and (max-width: 1250px) {
	.btmRow .btmLeft {flex-basis: 37% !important;}
	.btmRow .btmRight {flex-basis: 13.6% !important;}
	.btmRow .btmMid {padding: 20px; flex-basis: 41.4% !important;}
	.btmRow .btmMid p {margin-top: 0 !important;}
}

@media screen and (max-width: 1000px) {
	.btmRow .btmRight {display: none;}
	.btmRow .btmRight {flex-basis: 60% !important;}
	.btmRow .btmMid {padding: 0 20px; flex-basis: 40% !important;}
	.btmWrap .kt-row-column-wrap {align-items: flex-start; -webkit-align-items: flex-start;}
}

@media screen and (max-width: 767px) {
	.btmRow .btmMid {padding: 30px 10px; text-align: center; box-sizing: border-box;}
}

/*Form Section*/
.formRow {padding: 85px 0 80px;}
.formRow p {margin: 30px auto 40px !important; max-width: 720px;}

@media screen and (max-width: 767px) {
	.formRow {padding: 30px 0;}
	.ctc-form .dflex {display: block;}
	form .ctc-form .wpcf7-acceptance label {max-width: 90%;}
}

/*###################################
## Footer
###################################*/
.site-footer {background: url(assets/images/ftBg.jpg) no-repeat center center; background-size: cover; padding: 80px 0 45px; text-align: center; color: #FFF;}
.site-footer h2,
.site-footer h2 small,
.site-footer p,
.site-footer p a {color: #FFF;}
.site-footer p a:hover {text-shadow: 0px 0px 10px #FFF;}
.site-footer .ftTxt {max-width: 720px; margin: 15px auto 25px !important;}
.site-footer .ftLogo {margin-bottom: 35px;}
.site-footer .ftWrap div {flex-basis: 33.33%; text-align: left; box-sizing: border-box; padding-left: 80px;}
.site-footer .ftWrap div:not(.ftEmail) {padding-left: 133px;}
.site-footer .ftWrap div::before {content: ""; width: 70px; height: 70px; display: inline-block; vertical-align: middle; margin-right: 25px; border: 1px solid #FFF; border-radius: 10px; transition: all .5s linear;}
.site-footer .ftWrap div:hover::before {transform: rotateZ(360deg); border-radius: 50%; box-shadow: 0px 0px 10px #FFF;}
.site-footer .ftEmail::before {background: url(assets/images/ftEmail.png) no-repeat center center;}
.site-footer .ftPhone::before {background: url(assets/images/ftPhone.png) no-repeat center center;}
.site-footer .ftPhone a {font-weight: 700; font-size: 30px; letter-spacing: .05em;}
.site-footer .ftAdd::before {background: url(assets/images/ftAdd.png) no-repeat center center;}
.site-footer .ftWrap p {letter-spacing: 0; line-height: 120%; display: inline-block; vertical-align: middle; text-align: left; max-width: 220px;}
.site-footer .ftWrap p span {font-weight: 700; display: block; line-height: 120%; margin-bottom: 10px;}
.site-footer .copyright {max-width: 1200px; margin: 75px auto 0; padding-top: 45px; border-top: 2px solid rgba(214, 214, 214, .45);}
.site-footer .copyright p {font-weight: 400; font-size: 15px; line-height: 120%;}

@media screen and (max-width: 1400px) {
	.site-footer .ftWrap div {padding-left: 35px !important;}
}

@media screen and (max-width: 1100px) {
	.site-footer .ftWrap div {text-align: center; padding-left: 0 !important;}
	.site-footer .ftWrap div::before {display: block; margin: 0 auto 20px;}
	.site-footer .ftWrap p {text-align: center;}	
}

@media screen and (max-width: 700px) {
	.site-footer {padding: 40px 0 5px;}
	.site-footer .ftWrap {display: block;}
	.site-footer .ftWrap div {margin-bottom: 20px;}
	.site-footer .copyright {margin: 20px auto; padding-top: 15px;}
}

@media screen and (max-width: 500px) {
	.ftLogo img {width: 100%; max-width: 80%; margin: 30px auto 10px; display: block;}
}

/*###################################
## Sidebar Blog
###################################*/
.sidebar {border: 1px solid #535353; box-sizing: border-box; flex-basis: 30%; padding: 20px;}
.sidebar h2 {font-size: 25px; margin: 0; }
.sidebar .widget_search {box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; }
.sidebar .widget:last-of-type {margin-bottom: 0;}

/*###################################
## Inner Pages
###################################*/
.inner #content {padding: 50px 0 70px; min-height: 500px;}
.inner #content .container {max-width: 	1366px;}
.inner .site-banner img {width: 100%; display: block;}
.page-id-9 .site-banner .innerPageTitle h1 {text-transform: uppercase;}
.inner #content h2 {letter-spacing: .02em;}
.inner #content p {margin-bottom: 37px;}

@media screen and (max-width: 1000px) {
	.inner #content h2 {font-size: 45px;}
}

@media screen and (max-width: 767px) {
	.inner #content {text-align: center; padding: 30px 0;}
	.inner #content ul {text-align: left;}
}

@media screen and (max-width: 500px) {
	.inner #content h2 {font-size: 35px;}
}

/*About Us Page*/
.page-id-9 #content .container {max-width: 1440px;}
.abtPage p {max-width: 650px;}
.abtPage figure {display: -webkit-flex; -webkit-justify-content: flex-end;}
.abtPage figure img {display: block; width: 100%; max-width: 670px;}

@media screen and (max-width: 1400px) {
	.abtPage figure {padding-left: 15px;}
	.abtPage p {max-width: 100%;}
}

@media screen and (max-width: 767px) {
	.abtPage figure {padding-left: 0; display: block; text-align: center; margin-top: 20px;}
	.abtPage figure img {margin: 0 auto;}
}

/*Contact Us Page*/
.inner #content .ctcPage p {margin: 0 auto 15px !important; max-width: 1200px;}
.inner #content .ctcPage p span {display: inline-block; margin-left: 20px;}
.inner #content .ctcPageForm {margin-top: 30px;}

/*Services Page*/
.svcPage p:nth-of-type(1) {margin-top: 0;}
.svcPage figure {width: 100%; display: flex !important; justify-content: flex-end !important; display: -webkit-flex !important; -webkit-justify-content: flex-end !important;}
.svcPage figure img {display: block; width: 90%;}
.svcPageBx2 {margin-top: 30px;}

@media screen and (max-width: 767px) {
	.svcPage figure img {width: 100%; max-width: 100%; margin-top: 20px;}
}

/*Reviews Page*/
div.wpcr3_dotline, div.wpcr3_review div.wpcr3_dotline {border-bottom: 3px solid #001B44 !important;}
.wpcr3_reviews_holder, .wpcr3_respond_3 {text-align: center;}
div.wpcr3_review_item div.wpcr3_item_name {font-size: 20px; font-weight: 700;}

/*###################################
## Fence Page
###################################*/
.fenceCon {margin-top: 50px; text-align: left;}
.fenceBox {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #D6D6D6;}
.fenceWrap div {flex-basis: 50%;}
.fenceWrap .fenceImage {flex-basis: 46%;}
.fenceWrap figure {overflow: hidden; transition: all .5s linear;background:#000;}
.fenceWrap figure img {width: 100%; display: block;max-height:300px; max-width: 630px; object-fit: cover; object-position: center center; min-height: 300px; margin:0 auto;}
.fenceWrap:hover figure {box-shadow: 0px 0px 10px #555, 0px 0px 20px #555;}
.fenceWrap:hover img {transform: scale(1.03); filter: brightness(115%);}
.fenceWrap h2 {font-weight: 700; font-size: 33px; color: #444444; line-height: 120%; text-transform: uppercase;}
.fenceWrap .btn {margin-top: 15px !important;}

.single-fence .site-banner .entry-meta {display: none;}
.single-fence #content p {max-width: 1060px; margin: 0 auto 37px !important;}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {width: 100% !important;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {margin-bottom: 20px; margin-right: 20px; width: 23% !important; max-width: 100% !important;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-of-type(4n) {margin-right: 0;}
.bwg_loading_div_2 {background-color: rgba(255, 255, 255, 0);}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item1 img {transition: all .5s linear !important;}
.bwg_ctrl_btn_container, .bwg_toggle_container {display: none !important;}
#bwg_image_container #spider_popup_left, #bwg_image_container #spider_popup_right {width: 27% !important;}
#spider_popup_right-ico {left: 0 !important; padding: 0 !important; background: none !important;}
#spider_popup_left-ico {right: 0 !important; left: auto !important; padding: 0 !important; background: none !important;}
#spider_popup_left-ico, #spider_popup_right-ico {width: 60px !important; height: 60px !important; opacity: 1 !important;}
#spider_popup_left-ico span {padding-right: 5px;}
#spider_popup_right-ico span {padding-left: 5px;}
.spider_popup_wrap {background: rgba(0, 0, 0, .7) !important;}
.bwg_image_info_spun {text-align: center !important;}
.spider_popup_close_fullscreen {top: 14%; border-radius: 50%; padding: 7px; color: #FFF !important; right: 27% !important; background: #FFF; color: #000 !important;}
.spider_popup_close span, #spider_popup_left-ico span, #spider_popup_right-ico span {border-radius: 50% !important; background: #FFF !important; color: #000 !important; transition: all .5s linear;}
.spider_popup_close span:hover, #spider_popup_left-ico span:hover, #spider_popup_right-ico span:hover, .spider_popup_close_fullscreen:hover {background: #001B44 !important; color: #FFF !important;}
.bwg_image_title, .bwg_image_title * {color: #FFF !important;}
.bwg_popup_image {box-shadow: 0px 0px 20px #000;}
.bwg_close_btn {opacity: 1 !important;}


@media screen and (max-width: 1600px) {
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {width: 23% !important;}
}

@media screen and (max-width: 1440px) {
	.spider_popup_close_fullscreen {right: 4% !important;}
	#spider_popup_left-ico {right: 3% !important; left: auto !important;}
	#spider_popup_right-ico {left: 3% !important; right: auto !important;}
	#bwg_image_container #spider_popup_left, #bwg_image_container #spider_popup_right {width: 8% !important;}
}

@media screen and (max-width: 900px) {
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {width: 30% !important;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-of-type(4n) {margin-right: 20px;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-of-type(3n) {margin-right: 0;}
	.bwg_popup_image {max-width: 95% !important;}
	#bwg_image_container #spider_popup_left, #bwg_image_container #spider_popup_right {width: 15% !important;}
}

@media screen and (max-width: 650px) {
	.fenceCon {text-align: center;}
	.fenceCon .fenceWrap {display: block;}
	.fenceCon .fenceTxt {margin-top: 20px;}
	.fenceWrap figure img {height: auto;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {width: 47% !important;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-of-type(3n) {margin-right: 20px;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-of-type(2n) {margin-right: 0;}
	#bwg_image_container #spider_popup_left, #bwg_image_container #spider_popup_right {top: 65% !important; width: 45% !important;}

}

@media screen and (max-width: 375px) {
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {width: 90% !important;}
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {margin-right: 0 !important;}
}

/*###################################
## Blog Page
###################################*/
.blog-container {padding-right: 5%; flex-basis: 65%;}
.blog-list article {transition: all .3s linear; border: 1px solid #535353; box-sizing: border-box; padding: 20px; }
.blog-list article:not(:last-of-type) {margin-bottom: 40px;}
.blog-list article:hover {box-shadow: 0px 0px 20px #000;}
.blog-title h2 {margin: 0 0 20px !important; font-size: 30px;}
.blog-header {-webkit-align-items: flex-end; align-items: flex-end; margin-bottom: 10px; 	}
.blog-header p {margin: 0;}
.blog-header p span {font-style: italic;}
.blog-image {text-align: center;}
.blog-image img {transition: all .5s linear; max-width: 500px !important; height: auto !important;}
.blog-container .btn {margin-top: 10px !important; padding: 10px 20px; font-size: 13px;}
.pagination-n {text-align: right; margin-top: 15px;}
.pagination-n a {background: #D7BA5A; padding: 2px 10px; }
.pagination-n .current {background: #6A7A64; padding: 2px 10px; color: #FFF;}

@media screen and (max-width: 800px) {
	.blog-wrap {-webkit-flex-direction: column; flex-direction: column;}
	.blog-container {margin-bottom: 30px; padding-right: 0;}
}

@media screen and (max-width: 500px) {
	.blog-header {-webkit-flex-direction: column; flex-direction: column;}
	.blog-header p, .blog-header h2 {text-align: center; width: 100%;}
	.blog-list article {text-align: center;}
	.blog-header h2 {font-size: 30px;}
	.blog-container .btn {margin-top: 20px !important;}
}

/*###################################
## Search Page
###################################*/
.page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;}
.page-description::after {content: ' "';}
.page-description::before {content: '" ';}
.search article {transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; }
.search article:hover {box-shadow: 0px 0px 20px #000;}
.search article:last-of-type {margin-bottom: 0;}
.search article h2 {margin: 0 0 20px; font-size: 35px;}
.search-con {padding-right: 5%; flex-basis: 65%;}

@media screen and (max-width: 800px) {
	.search-wrap {-webkit-flex-direction: column; flex-direction: column; }
	.search-con {margin-bottom: 30px; padding-right: 0;}
}

/*###################################
## Error Page
###################################*/
.error-404 {text-align: center;}

/*Review pad*/

div.wpcr3_review div.wpcr3_review_author {
	font-size: 0.8em;
    font-style: italic;
    padding-left: 10px;
}
/*###################################
##Zoom Image Override
###################################*/
.zoomContainer {margin-top: -33px !important;}

/*###################################
 * SalesForce Form styling
###################################*/

form.salesforce label {
    color: black;
}

form.salesforce {
    max-width: 90%;
    width:1000px;
    margin:0 auto;
    padding: 30px;
}

.salesforce input {
    width: 100%;
    border:solid 1px #b1b1b1;
    border-radius:5px;
    height: 30px;
}

.salesforce textarea {
    width:100%; 
    height:100px;
}

.salesforce .cols-2 {
    width: 48%;
    display: inline-block;
    margin: 0 2% 2% 0;
}

.salesforce .cols-3 {
    width: 32%;
    display: inline-block;
    margin: 0 1% 2% 0;

}

.salesforce input[type=submit]{
    background: #001c44;
    color:white;
    width:100%;
    padding: 20px;
    line-height: 1px;
}


@media screen and (max-width: 700px) {
	.salesforce .cols-3, .salesforce .cols-2 {width:100%;margin:10px 0;}
	
}