/*-----------------------------------------------------------------------------------
 Theme Name: ERA Hart
 Description: ERA Hart WordPress Theme.
 Version: 0.1
 Author: Imagine It Consulting Inc.
 Theme URI: https://www.TrustImagine.com
 Author URI: https://www.TrustImagine.com

/**
 * CH01 - Browser Reset & Compliancy
 * CH02 - Main Styles & Typography
 * CH03 - Custom Styles
 * CH04 - Grid & Page Structure
 * CH05 - TopBar, Header & Navigation
 * CH06 - Content, Forms & Media
 * CH07 - Footer
 * CH08 - WordPress Styles
 * CH09 - Responsive
**/

/*----------- normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css -----------*/
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/*----------- CH01 Browser Reset -----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-style:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{background:#fff;line-height:1;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
blockquote,q{quotes:none}
a img{border:0}
img{max-width:100%;height:auto;}
select{max-width:100%;font-family: inherit;}
.clr:after {clear:both;display:block;content: "";}

/*----------- Compliancy -----------*/
#skip-link {color: white;}
.element-invisible { position: absolute !important;clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);overflow: hidden;height: 1px;}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto;}
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }


/*----------- CH02 Main Styles & Typography -----------*/
body { background: #fff; font-family: 'Red Hat Display', sans-serif !important; font-size: 16px !important; line-height: 26px !important; color: #222 !important; font-weight:400 !important}
.hide-on-mobile, .hide-on-phone {display:initial} .hide-on-desktop {display:none}

a {color: #250e62; text-decoration: none;}
a:hover {color:#990033; text-decoration: none;}
a:focus {outline: thin dotted;}
a[href^="tel:"] {white-space: nowrap}

h1,h2,h3,h4,h5,h6 { line-height: 1.5; margin: 25px 0 10px;color: #250e62; text-transform:uppercase;font-weight: 400; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #250e62;}
h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none;}
h1 {font-size: 2.0em; margin: 10px 0 20px;}
h2 {font-size: 1.75em;margin: 10px 0 5px;}
h3 {font-size: 1.25em; margin: 10px 0 5px;}
h4 {font-size: 1.125em; margin: 10px 0 5px;}
h5 {font-size: 1.0em; margin: 10px 0 5px;}
h6 {font-size: 0.875em;}

.is-vertically-aligned-center h1 {margin: 0;}

em {font-style: italic;}
strong {font-weight: bold; font-weight: 600;}
small {font-size: 80%;}
hr, .wp-block-separator {border: solid #e4e4e4; border-width: 1px 0 0; clear: both; margin: 20px 0; height: 0;}
.pipe {margin:0 .5%;}

/* Typography > Font Sizes */
.em-14px {font-size: 0.875em;}
.em-18px {font-size: 1.125em;}
.em-21px {font-size: 1.313em;}
.em-24px {font-size: 1.500em;}
/* Typography > Font Smoothing */
body.smooth-fonts {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* Typography > Paragraph */
p {margin: 0 0 10px;}

/* Typography > Blockquote */
blockquote {background: url('images/quote.png') left 4px no-repeat; padding-left: 55px; margin: 40px 0; font-size: 1.125em; color: #666; }
blockquote p:last-child {margin: 0;}
blockquote.left {margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left;}
blockquote.right {margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right;}

.strike h4 {color: #630c06;font-family: 'Alex Brush', cursive !important;font-size: 2em !important;}
.strike {display: block; overflow: hidden; white-space: nowrap; text-align:center;}
.strike > span {position: relative;  display: inline-block; font-size: 19px;color: #444;font-weight:400; margin:15px 0 10px;}
.strike > span:before,
.strike > span:after {content: "";position: absolute;top: 50%; width: 9999px;height: 1px;background: #ddd;}
.strike > span:before {right: 100%; margin-right: 15px;}
.strike > span:after {left: 100%;margin-left: 15px;}

/* Sup/Sub */
sup, sub {vertical-align: baseline; position: relative; top: -0.4em;font-size:.75em}
sub {top: 0.4em;}

/*----------- [Lists] -----------*/
.entry ul, #main ul,
.entry ol, #main ol {margin: 0 0 20px 30px;}
.entry ul, #main ul {list-style: disc;}
.entry ul li ul, #main ul li ul {list-style: circle;}
.entry ol, #main ol {list-style: decimal;}

/*checklist*/
ul.check-list {margin: 0 0 20px 20px; list-style: none;}
ul.check-list li {margin: 0 0 10px; text-indent: -1.5em; padding-left: 1em;list-style: none;}
ul.check-list li:before {content: "\f00c"; font-family: 'Font Awesome\ 5 Free';font-weight: 900;  margin-right: 10px;}

ul.leaders{ margin: 0 0 25px 0px !important;}
ul.leaders li { clear: both; list-style: none;   width: 90%;}
ul.leaders li span:first-child {float: left; font-weight:600;padding: 0 .4em 0 0;	margin: 0;}
ul.leaders li span + span {	float: right;	padding: 0 0 0 .4em;margin: 0;}
ul.leaders li:after {	content: "";	display: block;	overflow: hidden;	height: 1em;	border-bottom: 1px dotted;}


/*----------- [CH03 Custom Styles] -----------*/

.era-red {color:#c8102e} .era-red-back {background:#c8102e; color:#fff}
.era-dark-red {color:#990033} .era-dark-red-back {background:#990033; color:#fff}
.era-blue {color:#250e62} .era-blue-back {background:#250e62; color:#fff}
.grey-back {background:#b2b2b2}

.era-red a {color:#c8102e} .era-red a:hover {color:#990033}

.acf-map {height:450px;}
.acf-map button {color:#333 !important}

.office-blocks .wp-block-column { border: 2px solid #d7d7d7;padding: 0 15px 15px; border-radius: 25px;}
.office-blocks .acf-map {height:250px;border-radius: 20px 20px 0 0;}
.office-blocks .theme-button { margin: 10px 0 !important;}

section .hero {  position: relative;}
.hero-wrapper {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; height: 100%;padding: 5em; min-width: 70px;}
.hero-wrapper .background-holder {position: absolute;  top: 0; right: 0;  left: 0;  bottom: 0;}
.hero-wrapper .background { position: absolute;   top: 0;  right: 0;  left: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.hero-wrapper .video-wrapper { position: absolute;top: 0;   bottom: 0;   left: 0; right: 0;}
.hero-wrapper .background-video {  height: 100%; width: 100%; object-fit: cover;}
.hero-content {position:relative;z-index: 1;}
.hero-search {background:rgba(255,255,255,.8);color:#250e62; border-radius:15px; padding:15px; text-align:center}
.hero-search h1 {margin:0; font-size:3em; font-weight:700}
svg.svg-inline--fa.fa-heart.fa-w-16.era-red { font-size: .9em;}
.hero-search h2 {margin:0}
.hero-search h2 span {text-decoration:underline;color:#c8102e}

.new-properties {background:#250e62; color:#fff; text-align:center; overflow:hidden; padding:2%;margin-top: 5px;}
.new-properties h2 {color:#fff; margin:0}

.iconrow.wp-block-acf-icon-row { clear: both;  margin-top: 5%; overflow: hidden;}
.icon-wrap {  display: flex; justify-content: space-around;flex-flow: row;  padding: 2%; flex-wrap:wrap;margin: 5% 0 0;}
.icon-block {overflow: hidden;text-align:center;flex:1 1 }
.icon-block h2 {margin: 10px auto 5px;}
.icon-content { padding: 3% 15%; font-size: 1.35em}
.icon-content a { color: #222}
.icon img { width: 150px;}

.impress-carousel-property img { height: 250px; width: 100%; object-fit: cover;border-radius: 25px 25px 0 0;}
.impress-carousel-property {  border-radius: 25px;  padding:5px; background: #fff; color:#222;    font-size: 1.5em !important; line-height: 1.5;}
.impress-carousel .owl-item .impress-carousel-property { margin: 0 10px; text-align: center !important;}
.impress-carousel span.impress-price {color:#990033;font-size:1.5em; margin:0 0 5px}
.impress-address { margin: 5px 0px 0 0;}

.impress-showcase-property img { height: 250px; width: 100%; object-fit: cover;}
.impress-showcase-property {  color:#222;    font-size: 1.5em !important; line-height: 1.5;}
.impress-showcase-property span.impress-price {color:#990033;font-size:1.5em; margin:0 0 5px}
.impress-address { margin: 5px 0px 0 0;font-weight:600}
.impress-showcase-property .impress-beds-baths-sqft span {  margin: 0; display: block;}

form.idx-omnibar-form.idx-omnibar-original-form { position: relative;}
.idx-omnibar-form button span { display: none;}
.idx-omnibar-form ul {list-style:none !important; margin:0 !important}
.idx-omnibar-form .awesomplete { width: 100%;}
.widget div.awesomplete { padding: 0;}
div.awesomplete>input { display: block;}
input[type=text].idx-omnibar-input { height: 40px;  width: 100%; margin: 0;}
.idx-omnibar-form button, .widget .idx-omnibar-form.idx-omnibar-extra-form button {height: 40px !important;width: 40px !important; padding: 0.55rem 0.7rem;  margin: 0;  position: absolute; top: auto !important; right: 0 !important;  font-size: 1em;}

#IDX-searchForm {display: block !important;}
.impress-carousel .owl-nav.owl-controls button.owl-next, .impress-carousel .owl-nav.owl-controls button.owl-prev { background: #903 !important;}
.impress-carousel p.impress-address {  font-weight: 600 !important;}

.dp-button img {margin-top:-50px}

section.new-properties {background:#250e62; color:#fff; text-align:center; overflow:hidden; padding:2%;margin-top: 5px;}
section.new-properties h2 {color:#fff; margin:0}

.two-blocks-wrap {display: flex; justify-content:space-between; flex-wrap:wrap; padding: 2% }
.tb-block {overflow: hidden;background:#fff; border:1px solid #e1e1e1;flex-basis:49.5%; display:flex; flex-wrap:wrap}
.tb-image-block:hover img{transform: scale(1.125);}
.tb-image-block {overflow:hidden;float:left;width:50%}
.tb-image-block img{width: 100%;transition: 0.75s all ease-in-out;}
.tb-content {float:left;width:50%;padding: 2% 5%;flex-grow:1; font-weight:600;display: flex;flex-flow: column;justify-content: center;}
.two-blocks h2 {margin:0 0 15px !important; color: #000; line-height: 1.125;font-size: 2em;}
.tb-link br {display:none}

.agent-section {text-align:center}
.agent-section h2 {margin:10px 0 0}
.slick-block {text-align:center; padding:5%}
.agent-image img{ border-radius: 20px; border: 2px solid #fff;margin-bottom:10px}
.agent-name {font-size:1.25em}
.agent-title {color:#000; text-transform:uppercase; display:block;margin: 0 0 20px;}

.slick-prev:hover, .slick-next:hover {background:transparent}
.slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon {color:#000}

.agent-wrap { margin: 2% 0;}
.agent-wrap .agent-image {float:left; margin:0 2% 2%}
.agent-wrap h1 { margin: 0;}
.agent-phone, .agent-email, .agent-office {display: inline; margin-right:15px; font-weight:600}
.agent-details h2 {margin: 20px 0 0;}

.rob-wrap { margin: 2% 0 1%; overflow:hidden; }
.rob-wrap .agent-image {float:left; max-width:260px; margin:0 2% 1% 0}
.rob-wrap h1 { margin: 0;}
.rob-wrap .agent-image img {border-radius: 0; border: 2px solid #ebebeb;}

.join-team-button {  float: right;background:#990033 !important; color:#fff;     font-size: 1.25em !important;}
.office-blocks strong {text-transform:uppercase;color:#250e62}

.agent-portfolio { margin: 2% 0;}
.gw-gopf-style-vario .gw-gopf-post {box-shadow:none !important}
.gw-gopf-style-vario .gw-gopf-post-overlay-bg {border-radius:0 !important}
.gw-gopf-post-media-wrap {border: 1px solid #ebebeb;}

.blog-image { width: 545px;  height: 400px;  overflow: hidden;   } 
.blog-image img { width: 100%;  transition: 0.75s all ease-in-out;  } 
.blog-image:hover img {  transform: scale(1.125);  } 

#alert-wrap {background: #78be20; color: #000; padding: 1.25%; text-align:center; font-size: 1em;border-bottom: solid 3px #fff;}
#alert-wrap p {margin:0px;display:inline}
#alert-wrap .fa {margin-right:5px}
#alert-wrap a {color: #fff;text-decoration: underline;}
#alert-wrap strong {font-size:1.125em}

/* responsive table */
table { border: 1px solid #ccc; border-collapse: collapse; margin: 0;padding: 0;width: 100%;table-layout: fixed;}
table caption { font-size: 1.5em; margin: .5em 0 .75em;}
table tr { background-color: #f8f8f8;border: 1px solid #ddd;padding: .35em;}
table th,table td {padding: .625em;text-align: center;}
table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}


/*----------- [CH04 Grid & Page Structure] -----------*/
/* Grid > Clear Floats */
.col:after, .clr:after, .group:after, dl:after, ul.page-numbers:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1;}
.clear {clear: both;}

/* Grid > Main Classes */
.site-footer .col {float: left; margin: 0 0 20px; padding: 0 10px;}
#footer-widgets .span_1_of_1.col {float: none;}
#footer-widgets .span_1_of_2 {width: 50%;}
#footer-widgets .span_1_of_3 {width: 33.33%;}
#footer-widgets .span_1_of_4 {width: 25%;}
.span_1_of_1.col {float: none;}
.span_1_of_2 {width: 50%;}
.span_1_of_3 {width: 33.33%;}
.span_1_of_4 {width: 25%;}
.span_1_of_5 {width: 20%;}
.span_1_of_6 {width: 16.66666667%;}
.span_1_of_7 {width: 14.28%;}

/* Grid > No Margins */
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fifths, .three-fifths, .four-fifths, .three-fourths, .five-sixths {display: block; float: left; }
.one-half {width: 50% }
.one-third {width: 33.33% }
.two-third {width: 66.66% }
.one-fourth {width: 25% }
.three-fourths {width: 75% }
.one-fifth {width: 20% }
.two-fifths {width: 40% }
.three-fifths {width: 60% }
.four-fifths {width: 80% }
.one-sixth {width: 16.6666% }
.five-sixths {width: 83.3333% }

/* Grid > With Margins */
.half, .third, .twothird, .quarter, .fifth, .threequarter, .fourfifth {display: block; float: left;}
.half {width:48%;margin:1%;}
.third {width:31.33%; margin:1%;}
.twothird {width:64.33%; margin:1%;}
.quarter {width:23%; margin:1%;}
.threequarter {width:73%; margin:1%;}

/* Grid > Clear Floats */
.clr-margin, .count-1, .col-1, .col.first {clear: both; margin-left: 0;}

/*----------- [Main Layout & Widths] -----------*/
#outer-wrap {overflow: hidden;}
.container {max-width: 1920px !important; width: 95%; margin: 0 auto;    position: relative;}
.content-area, .content-area-left {width: 70%;max-width: 70% !important; float: left; position: relative;    min-height: 500px;}

.content-area-full-width, .content-full-width {width: 100%; max-width: none !important;min-height: 500px;}
.sidebar-interior {width: 25%;margin-left:5%;float: left;}
.sidebar-interior-left {width: 25%;margin-right:3%;float: left;}


/*----------- [CH05 - TopBar, Header & Navigation] -----------*/
#top-bar-wrap {display:none;}
#top-bar {position: relative; min-height: 50px; padding: 15px 0;}
#top-bar a {color: #fff !important; font-size: 1.5em;}

/*----------- [Social Icons] -----------*/
.social-icons .svg-inline--fa {margin-right:.5em}

#site-header {background:#250e62; color:#fff;padding: 0 !important; position: relative; z-index: 50;} 
#site-header-full-width .container {width: 100% !important;}
#site-header-inner {position: relative; height: 100%;}
#site-navigation.container {position: relative;}

/* Header > Main > Logo */
#site-logo {display: table;}
#site-logo-inner {display: table-cell; vertical-align: middle;}
#site-logo a {height: 100%; padding: 0; margin: 0; text-decoration: none;}
#site-logo a.site-logo-text {color: #222; font-size: 24px; font-weight: bold;}
#site-logo-fa-icon {margin-right: 10px;}
#site-logo a:hover {text-decoration: none;}
#site-logo img {display: inline; vertical-align: middle; max-height: 100%; max-width: 100%;width:auto}

/*----------- [Header One] -----------*/
.header-one #site-logo {float: left; height: 100%; width:15%; padding:20px}

.navbar-style-one {    margin-top: 85px; height: 50px;  position: absolute;  right: 0;  display: inline-flex;font-weight:500}
.sub-nav {    float: right; position: absolute;  right: 0;clear: both;font-weight:500;    padding: 5px 0 0;}
.sub-nav a { background: #990033;  padding: 8px 15px; color: #fff !important; margin: 0 10px; border-radius: 0 0 5px 5px;}
.sub-nav-mobile {display:none}
.header-phone { display: inline-block; margin-left: 10px;font-weight:700; font-size:1.25em}
.header-phone .svg-inline--fa {margin:0 10px}
.header-phone a:hover {border:0}
.mobile-phone {display:none} 

/*----------- [Navigation] -----------*/
nav {width: 100%;float: left;margin: 0 0 3em 0;padding: 0;list-style: none; }
nav li {float: left; margin: 0;padding: 0; }
nav a {text-decoration: none; color:#fff !important; display: block; padding: 0 14px; float: left;font-size:1.125em;
    -webkit-transition: padding 0.5s ease 0s;
    -moz-transition: padding 0.5s ease 0s;
    -ms-transition: padding 0.5s ease 0s;
    -o-transition: padding 0.5s ease 0s;
    transition: .3s background-color padding 0.5s ease 0s;}
.menu-item-home a {background:none;}
nav a:hover {color:#fff !important; border-bottom: 3px solid #903;  padding-bottom: 5px;}
.menu-item-has-children a:hover {border-bottom: 0;  }
nav li ul {visibility:hidden; padding: 0; position: absolute; margin-top:30px;}
nav ul li:hover > ul {visibility:visible}
nav ul li ul{background: none repeat 0 0 rgb(255, 255, 255);-webkit-box-shadow: 0 3px 6px #8E8E8E;  border-top: 3px solid #903;
    -moz-box-shadow: 0 3px 6px #8E8E8E;
    -ms-box-shadow: 0 3px 6px #8E8E8E;
    -o-box-shadow: 0 3px 6px #8E8E8E;
    box-shadow: 0 3px 6px #8E8E8E;}
nav ul ul li{float:none;}
nav ul ul ul {left: 100%; top: 0;}
nav ul ul li a {background:#fff font-size:.85em;width: 100%;color:#262626 !important;border-bottom:0; padding:5px 15px}
nav ul ul li a:hover {background:#efefef; color:#250e62 !important;border-bottom:0; padding:5px 15px}


/*----------- [Page Title] -----------*/
.page-header {background: #d7d7d7;  margin: 0 0 10px 0; position: relative;}
.page-header .container {position: relative;}
.header-title {display: inline-block; font-size: 1.75em; line-height: 1em; font-weight: normal; font-weight: 400; color: #666;margin:20px 0}
.subheading {margin: 0 0 15px; font-weight:500 }

/*----------- [Breadcrumbs] -----------*/
.site-breadcrumbs {position: absolute; right: 0; top: 50%; height: 32px; line-height: 32px; margin-top: -16px; font-size: 0.9em; color: #bcbcbc; font-weight: normal;}
.site-breadcrumbs a {color: #333;}
.site-breadcrumbs .breadcrumb-title {margin-right: 5px;}
.site-breadcrumbs .fa {margin: 0 3px;}

/*----------- [CH06 - Content & Media] -----------*/

/*----------- [Content] -----------*/
#slide-wrap img{width:100%;}

/*----------- [Contact Forms] -----------*/
div.wpcf7 .wpcf7-not-valid {border-color: #F00 !important;color: #f00 !important;}
span.wpcf7-not-valid-tip {display: none !important;}
div.wpcf7 input,
div.wpcf7 textarea {max-width: 100%;}
div.wpcf7-validation-errors {margin: 20px 0 0; padding: 10px; color: #ff0000; background: #fff; text-align: center; border: 1px solid #ff0000; font-weight: 400; font-size: 0.923em;}
div.wpcf7 .wpcf7-mail-sent-ok {margin: 10px 0 0; padding: 10px; background: #edfdd3; border: 1px solid #c4dba0; text-align: center; color: #657e3c; font-weight: normal;}
div.wpcf7-mail-sent-ng {margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9;}
.wpcf7 input,
.wpcf7 textarea {margin-top: 5px;}
div.wpcf7 .col input {width: 100%;}
div.wpcf7 .full-width input {width: 100%;}

/*fixes */
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;font-family: inherit;}

/* turn off number spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

/* reset search styling */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

/* input normal */
input[type="text"],
input[type="password"], input[type=file],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea {color: #777; background: #f7f7f7; padding: .6em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; border: 1px solid #e4e4e4; font-family: inherit;}

/* textarea */
textarea {width: 100%; max-width: 100%; -webkit-appearance: none; font-family: inherit;}

/* remove chrome yellow autofill */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;}

/* placeholder color */
::-webkit-input-placeholder {color: inherit;}
:-moz-placeholder {color: inherit;}
::-moz-placeholder {color: inherit;}
:-ms-input-placeholder {color: inherit;}

.contact-form {overflow: hidden;}
.contact-form input[type="text"],
.contact-form input[type="password"], .contact-form input[type=file],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea {color: #777; background: #f7f7f7;  padding: .75em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; font-family: inherit; width:100%;    border-bottom: 2px solid #250e62;    margin: 5px 0;}
.contact-form textarea {height:100px}
.contact-form input[type="submit"] {text-transform: uppercase;background: #250e62; color:#fff; padding:10px !important;width:auto; font-size:1.25em;-webkit-appearance: none;}
.contact-form input[type="submit"]:hover {box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);background: #999;}
.contact-form input[type=file] {border:none}
/*----------- [CH07 Footer] -----------*/
#footer-callout-wrap {background: #f7f7f7; padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#footer-callout {font-size: 1.385em;}
#footer-callout-left,
#footer-callout-right {display: block; float: left;}
#footer-callout-left {width: 75%;}
#footer-callout-left.full-width {width: 100%;}
#footer-callout-right {width: 23%; margin-left: 2%;}
#footer-callout .theme-button {margin: 0; width: 100%; text-align: center; font-size: 0.889em; padding: 15px 20px;}

.site-footer {background: #ccc;margin-top:25px;}
.site-footer .container {padding: 25px 0;}
.single-col-footer .col {margin-left: 0; width: 100%; margin-right: 0;}
.site-footer ul {margin: 0;}
.site-footer .col {margin-bottom: 0 ; float:left;}
.site-footer .widget_recent_entries li,
.site-footer .widget_categories li {margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333;}
.site-footer a, .footer-box.col-2 a {color:#250e62 !important}
.site-footer a:hover {color:#222}

.site-footer .col-1 {  float: left;  width: 15%;    padding-right: 2%;}
.site-footer .col-2 {  float: left; width: 45%;}
.site-footer .col-3 {  float: left; width: 40%;text-align: right;}
.site-footer .col-3 .widget_nav_menu { overflow: hidden;float:right}
.menu li {  float: left; padding: 0 8px;}
.site-footer .header-phone {display:none}
.footer-app { font-weight: bold;text-transform: uppercase; margin: 10% 0;}
.footer-app-store { float: right; margin: 1% 0;}
.footer-google-play { float: right; margin: 1%;}
.site-footer .svg-inline--fa {  font-size: 1.5em;  vertical-align: top; margin-right: 5px;}

/* Footer > Typography */
.footer-widget .widget-title {color: #fff; font-weight: bold; font-weight: 600; font-size: 1.077em; margin: 0 0 20px;}
.site-footer-widgets {position: relative;}

/* Footer > Widgets */
.footer-widget {padding-bottom: 45px;}
#footer-widgets.row .col {margin-bottom: 0 !important;}
.footer-widget .widget-recent-posts-title {color: #fff;}

/* Footer > Bottom */
#footer-bottom {min-height: 30px; color: #222; font-size: 0.75em;}
#footer-bottom a:hover {color: #fff; text-decoration: none;}
#footer-bottom-inner {position: relative;}
#footer-bottom p:last-child {margin: 0;}
#footer-bottom > .container {padding-top: 10px; padding-bottom: 10px;}
.copyright {font-size: 0.825em; font-weight: 400;}
.copyright p:last-child {margin: 0;}


/* Footer > Social */
#footer-bottom-menu {position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px;}
#footer-bottom-menu ul {list-style: none; margin: 0;}
#footer-bottom-menu ul li {float: left; margin-left: 20px;}
#footer-bottom-menu ul li:first-child {margin-left: 0;}
#footer-bottom-menu ul li .fa {margin-right: 7px;}


/*----------- [Commons] -----------*/
.center {text-align:center;}
.left-float {float:left;}
.right-float {float:right;}
.no-wrap {white-space:nowrap}

/* Commons > Backgrounds & Borders */
.bg-gray {background: #f7f7f7;}
.bordered {border: 1px solid #eee;}

/* Commons > Displays */
.block {display: block;}
.inline-block {display: block; display: inline-block;}
.inline {display: inline;}

/* Commons > Text Highlights */
.text-highlight {color: #0081cc;}

/* Commons > Margins */
.no-margin {margin: 0;}
.no-left-margin {margin-left: 0;}
.no-right-margin {margin-right: 0;}
.remove-last-p-margin p:last-child {margin: 0;}
.margin-1 {margin: 1%;}
.margin-2 {margin: 2%;}
.margin-3 {margin: 3%;}
.margin-1h {margin: 0 1% !important;}
.margin-2h {margin: 0 2% !important;}
.margin-3h {margin: 0 3% !important;}
.margin-4h {margin: 0 4% !important;}
.margin-5h {margin: 0 5% !important;}
.margin-10h {margin: 0 10% !important;}
.margin-1v {margin: 1% 0 !important;}
.margin-2v {margin: 2% 0 !important;}
.margin-3v {margin: 3% 0 !important;}
.margin-4v {margin: 4% 0 !important;}
.margin-5v {margin: 5% 0 !important;}

/* Commons > Paddings */
.no-padding {padding: 0;}
.no-left-padding {padding-left: 0;}
.padding-1 {padding: 1%;}
.padding-2 {padding: 2%;}
.padding-3 {padding: 3%;}
.padding-1h {padding: 0 1%;}
.padding-2h {padding: 0 2%;}
.padding-3h {padding: 0 3%;}
.padding-4h {padding: 0 4%;}
.padding-5h {padding: 0 5%;} 
.padding-1v {padding: 1% 0;}
.padding-2v {padding: 2% 0;}
.padding-3v {padding: 3% 0;}
.padding-4v {padding: 4% 0;}
.padding-5v {padding: 5% 0;}

/* Commons > Opacity Hover */
.opacity-hover:hover,
.opacity-hover:hover img {opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8;}

/* Commons > Alignments & Floats */
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}
.fa-left {margin-right: 10px;}
.fa-right {margin-left: 10px;}

/* Commons > Border Radius */
.semi-rounded {border-radius: 4px;}
.rounded {border-radius: 10px;}
.round {border-radius: 50%;}

/* Commons > Max Widths */
.max-width-50 {max-width: 50%;}
.max-width-60 {max-width: 60%;}
.max-width-70 {max-width: 70%;}
.max-width-80 {max-width: 80%;}


/*----------- [Theme Buttons] -----------*/
.theme-button, input[type="submit"], button, .wp-block-button__link {color: #fff !important; background: #250e62; padding: .5em 1em; margin: 0; display: inline-block; font-size: 0.923em; font-weight: normal; cursor: pointer; border: none; font-family: inherit; -webkit-appearance: none; transition: all 0.15s ease-in-out; -webkit-font-smoothing: inherit; text-decoration: none !important;border-radius: 0;}
.theme-button:hover, input[type="submit"]:hover, button:hover, .wp-block-button__link:hover {color: #fff; background: #903;}
.theme-button:active,input[type="submit"]:active,button:active, .wp-block-button__link:active {color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset;}

/* readmore link edits */
.readmore-link-wrap {display: block;}
.search-entry .readmore-link-wrap {margin-top: 10px;}
.readmore-link {display: block; float: left;}

/* make some buttons smaller */
.readmore-link {font-size: 0.846em;}

/* full-width inputs */
.full-width-input input {width: 100%;}
.full-width-input .wpcf7-submit {padding: 0.9em 1.2em;}

/*sizes & alignments*/
.theme-button.small {font-size: 0.923em;}
.theme-button.medium {font-size: 1.077em;}
.theme-button.large {font-size: 1.385em;}
.theme-button.rounded {border-radius:5px}
.theme-button.align-left {float: left;}
.theme-button.align-right {float: right; margin-right: 0; margin-left: 5px;}
.theme-button-icon-right {padding-left: 10px;}
.theme-button-icon-left {padding-right: 10px;}
.theme-button.expanded {width: 100%; padding: 0.9em 1.2em; text-align: center;}

/*----------- [Images] -----------*/
img {max-width: 100%; height: auto; vertical-align: bottom;}
img {-ms-interpolation-mode: bicubic;} /* IE Fix */

.vertical-align {vertical-align:middle}

/* Commons > Image Classes */
.image-shadow {background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1);}
.image-border {background: #fff; padding: 4px; border: 1px solid #ddd;}
.image-rounded {background: #fff; border-radius: 3px;}
.image-circle {background: #fff; border-radius: 99px;}
.image-hover:hover {opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;}
.image-fancy {background: #fff; padding: 4px; border: 1px solid #ddd; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;}
.image-fancy:hover {opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2);}

/* Commons > Fade In */
.fade-in-image {
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from {opacity: 0;}
    to   {opacity: 1;}
}
@-moz-keyframes fadein {
    from {opacity: 0;}
    to   {opacity: 1;}
}
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to   {opacity: 1;}
}

/* Responsive Videos and iFrames */
.responsive-video-wrap,
.responsive-audio-wrap {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.responsive-video-wrap  iframe,
.responsive-audio-wrap iframe,
.responsive-video-wrap object,
.responsive-audio-wrap oject,
.responsive-video-wrap embed,
.responsive-audio-wrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.entry .entry-video {margin-bottom: 20px;}
.entry iframe, .entry embed {max-width: 100%;}


/*----------- [Video Backgrounds] -----------*/
.video-bg-wrap {overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2;}
.video-bg {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000;}
.video-bg-overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1;}
.video-bg-overlay.dark {background: #000; opacity: 0.65; }
.video-bg-overlay.dotted {background: rgba(0,0,0,0.3) url('images/dotted-overlay.png') repeat;}
.video-bg-overlay.dashed {background: rgba(0,0,0,0.3) url('images/dashed-overlay.png') repeat;}

/*----------- [WordPress Styles] -----------*/
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right; margin: 0 0 10px 20px;}
.alignleft {float: left; margin: 0 20px 10px 0;}
.floatleftcenter {float: none; margin: 0 auto;}
.floatleft {float: left;}
.floatright {float: right;}
.wp-caption {text-align: center; max-width: 100%; border: 1px solid #eee; background-color: #fff; padding: 8px;}
.wp-caption img {display: block; margin: 0 auto; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center;}
.wp-caption.alignnone {margin-bottom: 20px;}
.wp-smiley {margin: 0; max-height: 1em;}
#img-attch-page {text-align: center; overflow: hidden;}
#img-attch-page img {display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px;}
.post-password-form label,
.post-password-form input {display: block; float: none;}
.post-password-form input {margin-top: 10px;}
.post-password-form input[type="password"] {width: 200px; max-width: 100%;}
.post-password-form label {font-weight: bold; font-weight: 600; color: #000;}
form.login {padding: 20px; border: 1px solid #eee;}
form.login .lost_password {margin-left: 20px; display: inline-block;}
.wpstats {display: none;}

/* 404 Error Page */
.error404-content {text-align: center; margin: 50px 0; font-size: 1.077em;}
.error404-content h1 {font-size: 3.231em; margin: 0 0 10px;}

/*----------- [Entries (Global Styles)] -----------*/

/* Entries > Left Thumbnail Style */
.entries.left-thumbs .entry {border: 0;}
.entries.left-thumbs .entry .entry-media {float: left; margin: 0; width: 46%;}
.entries.left-thumbs .entry .entry-details {background: none; border: none; float: right; width: 50%; padding: 0;}
.entries.left-thumbs .entry:not(.has-media) .entry-details {width: 100%;}

/* Entries > Title */
.entry-title {display: block; font-size: 1.077em; margin: 0 0 5px; font-weight: bold; font-weight: 600; color: #000;}
.entry-title a {color: inherit;}
.entry-title a:hover {text-decoration: none;}
.single-post-title {font-size: 1.846em; margin: 0 0 10px; font-weight: 400;}

/*----------- [Post Meta] -----------*/
ul.meta {margin: 0 0 20px !important;}
.meta,
.entry .meta {font-size: 0.923em; color: #777; list-style: none; margin: 0 0 10px;}
.meta li,
.entry .meta li {float: left; margin: 0 20px 5px 0; list-style: none;}
.meta li:last-child,
.entry .meta li:last-child {margin-right: 0;}
.meta li .fa {margin-right: 8px;}
.meta a {color: #777; text-decoration: none;}
.meta a:hover {color: #000; text-decoration: none;}
.meta time {display: inline;}
.meta .svg-inline--fa {margin-right: .3em;}

/*----------- [Blog] -----------*/

#content .social-share-buttons li:before {content: none;}
.social-share-buttons.position-horizontal li a {border: none;}
.prev-article {float:left;margin-left:15px;width:40%;}
.next-article {float:right; text-align:right;margin-right:15px;width:40%;}
.blog-entry a.blog-entry-media-link {display: block; margin: 0 auto;}
.blog-entry-media img {display: block; margin: 0 auto; width: 100%;}
.single-post .blog-entry.grid-entry-style.format-quote {width: 100%; margin: 0;}
.format-quote {overflow: hidden;}
.blog-entry-readmore span.readmore-rarr {margin-left: 7px;}
.blog-entry .social-share-title {display: none;}
.blog-entry-excerpt p:last-child {margin: 0;}

/* Blog > Post Gallery */
.gallery-format-post-slider-wrap ul,
.gallery-format-post-slider-wrap ol {margin: 0; list-style: none;}
.gallery-format-post-slider-wrap ul li {list-style: none;}
.gallery-format-post-slider-wrap .flex-control-thumbs {padding-top: 10px; z-index: 99;}
.gallery-format-post-slider-wrap .flex-control-thumbs:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1;}
.gallery-format-post-slider-wrap .flex-control-thumbs li {display: block; float: left; margin-right: 5px; margin-bottom: 5px; cursor: pointer; height: auto; width: 50px;}
.gallery-format-post-slider-wrap .flex-control-thumbs li a {display: block;}
.gallery-format-post-slider-wrap .flex-control-thumbs li img {width: 100%; display: block; opacity: 0.4; margin-bottom: 3px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; box-shadow: #000 0em 0em 0em;}
.gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active,
.gallery-format-post-slider-wrap .flex-control-thumbs li img:hover {opacity: 1;}
.gallery-format-post-slider-wrap .flex-direction-nav a {display: block; width: 40px; height: 60px; line-height: 60px; margin-top: -30px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.7; cursor: pointer; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; background: #000; color: #fff; text-align: center; font-size: 1.385em;}
.gallery-format-post-slider-wrap .flex-direction-nav .flex-prev {left: 0; border-radius: 0 3px 3px 0;}
.gallery-format-post-slider-wrap .flex-direction-nav .flex-next {right: 0; border-radius: 3px 0 0 3px;}
.gallery-format-post-slider-wrap .flex-direction-nav a:hover {opacity: 1;}

/* Blog > Audio Format */
.blog-entry-img-link {position: relative; display: block;}
.blog-entry-music-icon-overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); transition: all 0.2s;}
.blog-entry-music-icon-overlay:hover {background: rgba(0,0,0,0.6);}
.blog-entry-music-icon-overlay .fa {display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #fff; color: #000; font-size: 1.385em; border-radius: 99px; opacity: 0.85;}
.blog-post-audio {overflow: hidden; width: 100%;}
.blog-post-audio iframe,
.blog-post-audio embed {max-width: 100%;}

.widget_categories h3, .widget_recent_entries h3 {border-bottom: 1px solid; text-align:left;}
.widget_categories li:after, .widget_recent_entries li:after {content: '\f054'; font-family: 'Font Awesome\ 5 Free';font-weight: 900; float: right; color: #86c232;}
#recent-posts-2 ul li a { display: contents;}
#recent-posts-2 ul li { margin: 2% 0;}

/*----------- [Blog Entry] -----------*/
.blog-entry-title {font-size: 1.846em; margin: 0 0 10px; font-weight: 400;}
.blog-entry-media,
.blog-entry-excerpt,
.blog-entry-readmore {margin-bottom: 20px;}

/* Blog Entry > Quote Format */
.blog-entry.format-quote .post-quote-entry-inner {position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7;}
.blog-entry.format-quote p:last-child {margin: 0;}
.blog-entry.format-quote .quote-entry-author {margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline;}
.blog-entry.format-quote .fa-quote-right {position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 60px; display: block; z-index: 1; opacity: 0.15;}

/* Blog Entry > Avatar */
.entry-has-avatar .blog-entry-header {position: relative; padding-left: 100px; min-height: 74px; margin-bottom: 20px;}
.blog-entry-author-avatar {position: absolute; left: 0; top: 0;}
.blog-entry-author-avatar {height: 74px; width: 74px;}
.blog-entry-author-avatar a,
.blog-entry-author-avatar img {display: block; width: 100%; height: 100%;}

.entry-has-avatar.large-image-entry-style {position: relative;}

/*----------- [Blog Entry: Thumbnail] -----------*/
.entries.left-thumbs .blog-entry.thumbnail-entry-style {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.blog-entry.thumbnail-entry-style .blog-entry-title {margin: 0 0 5px;}

/* Blog Entry > Thumbnail > Gallery */
.blog-entry.thumbnail-entry-style .sp-fade-arrows {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
.blog-entry.thumbnail-entry-style .sp-horizontal .sp-arrows {margin-top: -20px;}
.blog-entry.thumbnail-entry-style .slider .sp-arrow {height: 40px; width: 25px; line-height: 40px; font-size: 1.077em; background: rgba(0,0,0,.3);}
.blog-entry.thumbnail-entry-style .slider .sp-arrow:hover {background: rgba(0,0,0,1);}

/*----------- [Single Blog Posts] -----------*/
.single-post .entry {margin-bottom: 40px;}

/* Blog Single > Meta */
.content-full-screen .meta {display: none;}
.single-post .meta {margin: 0 0 20px;}
.single-post .meta.meta-with-title {border: none; padding: 0;}

/* Blog Single > Thumbnail */
#post-media {display: block; position: relative; margin-bottom: 20px;}
#post-media img {display: block; margin: 0 auto; width: 100%;}
.post-media-caption {position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.923em; font-weight: normal; text-align: center;}
.post-media-caption p {color: #fff;}
.post-media-caption a {color: #fff; text-decoration: underline;}
.post-media-caption p:last-child {margin: 0;}

/* Blog Single > Tags */
.post-tags {margin-bottom: 40px;}

/* Blog Single > Related Posts */
.related-posts {margin-bottom: 20px; overflow: hidden;}
.related-posts li {margin-bottom: 20px;}
.related-posts li:last-child,
.related-posts li p:last-child {margin-bottom: 0;}
.related-post-thumb {display: block;}
.related-post-thumb img {display: block; width: 100%;}
.related-post-title {margin: 0 0 5px; display: block;}
.related-post-content {padding: 10px; background: #f7f7f7; border: 1px solid #eee;}
.related-post-excerpt {font-size: 0.923em; line-height: 1.7em;}
.related-post-excerpt p:last-child {margin: 0;}

/* Blog Single > Quote */
.single .format-quote {position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7;}
.single .format-quote p:last-child {margin: 0;}
.single .format-quote .quote-entry-author {margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline;}
.single .format-quote .fa-quote-right {position: absolute; right: 15px; bottom: 15px; font-size: 60px; display: block; z-index: 1; opacity: 0.1;}

/*----------- [Post Series] -----------*/
#post-series {padding: 0 25px 25px; background: #f7f7f7; border: 1px solid #e4e4e4; margin-bottom: 30px;}
#post-series-title {background: #eee; font-size: 1.231em; font-weight: normal; margin: 0 -25px 25px; padding: 10px 25px; color: #000; border-bottom: 1px solid #e4e4e4;}
#post-series-title a {opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7;}
#post-series-title a {color: inherit;}
#post-series ul {list-style: none !important; margin: 0 !important;}
#post-series li {padding: 7px 0; border-bottom: 1px solid #eee;}
#post-series li:first-child {padding-top: 0;}
#post-series li:last-child {border: none; padding-bottom: 0;}
#post-series .post-series-count {font-weight: bold; font-weight: 600; color: #000; margin-right: 10px;}
#post-series .post-series-current {opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; text-decoration: line-through;}

/*----------- [Social Sharing] -----------*/

/* Social Sharing > Core */
ul.social-share {list-style: none;}
.social-share-button-text {font-size: 13px;}

/* Dont use em here !! */
.social-share li,
.social-share a {display: block; text-decoration: none;}
.social-share a:hover {text-decoration: none;}

/* Social Sharing > Add margin when needed */
.single-portfolio.no-composer .social-share-wrap.position-horizontal {margin: 40px 0 0;}

/* Social Sharing > Horizontal */
.social-share.position-horizontal {margin: 0 0 8% !important;}
.social-share.position-horizontal li {float: left; margin: 0 5px 5px 0; border: none;}
.social-share.position-horizontal li a {color: #999; width: auto; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #e4e4e4; font-weight: normal;}
.social-share.position-horizontal li .fa {margin-right: 5px;}

/* Social Sharing > Minimal */
.social-share li a {color: #999; width: 35px; height: 35px; line-height: 35px; border: 1px solid #e4e4e4; border-top: none; text-align: center; font-size: 1.077em; transition: all .15s ease-in-out;}
.social-share li a:hover {background: #f7f7f7;}
.social-share li.share-twitter a:hover {color: #00aced;}
.social-share li.share-facebook a:hover {color: #3b5998;}
.social-share li.share-pinterest a:hover {color: #cb2027;}
.social-share li.share-googleplus a:hover {color: #dd4b39;}
.social-share li.share-linkedin a:hover {color: #4875B4;}

/*----------- [WP Gallery] -----------*/
.content-full-width .gallery-item {margin-bottom: 15px;}
.content-left-sidebar .gallery-item,
.content-right-sidebar .gallery-item {margin-bottom: 10px;}
.gallery {margin-bottom: 15px;}
#wrap .gallery p {margin: 0;}
#wrap .gallery {margin: 0 -10px;}
.gallery-item {padding: 0 10px;}
#wrap .gallery-item img {display: block; border: none; width: 100%;}
.gallery-item img:hover {opacity: 0.8;}
.gallery-caption {font-size: 0.923em; background: #f7f7f7; border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 5px 10px;}

/*----------- [Pagination] -----------*/
.pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #888;}
.pagination a:hover{color:#fff;background: #444;}
.pagination .current{padding:6px 9px 5px 9px;background: #000;color:#fff;}

/*next/previous posts*/
.post-pagination {border-top: 1px solid #eee; padding: 30px 0; color: #888;}
.post-pagination .post-prev {float: left; width: 48%;}
.post-pagination .post-prev span {margin-right: 5px}
.post-pagination .post-next {float: right; width: 48%; text-align: right;}
.post-pagination .post-next span {margin-left: 5px;}
.post-pagination a {color: #888;}
.content-full-screen .post-pagination {display: none;}

/*standard*/
ul.page-numbers {list-style: none; margin: 10px 0 0;}
ul.page-numbers li {display: block; float: left; margin: 0 4px 4px 0; text-align: center;}
.page-numbers a,
.page-numbers span {line-height: 1; display: block; padding: 0.4em 0.7em; font-size: 0.923em; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; transition: all .15s ease-in-out;}
.page-numbers a span {padding: 0;}
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {color: #000; background: #f7f7f7; text-decoration: none;}
.page-numbers:hover {text-decoration: none;}

/*----------- [Widgets] -----------*/
.widget ul {list-style: none !important; margin: 0 !important;}
.widget_product_categories ul ul li:last-child {border-bottom: none; padding-bottom: 0;}
.widget_product_categories ul ul li {padding-left: 15px}

/* Widgets > Business Info */
.info-widget div {padding-left: 2.308em; position: relative; line-height: 1.5; margin-bottom: 10px;}
.info-widget div:last-child {margin-bottom: 0;}
.info-widget p {margin: 0;}
.info-widget .fa {position: absolute; left: 0; top: 0; font-size: 1.231em;}

/* Widgets > Categories */
.widget_categories li {position: relative}
.widget_categories li ul {margin: 0 0 0 20px}
.widget_categories li ul li:first-child {border-top: 1px solid #eee; margin-top: 4px;}
.widget_categories li ul li:last-child {border-bottom: none; padding-bottom: 0;}
.widget_categories .cat-count-span {color: #999; font-size: 0.846em;}

/* Widgets > Recent Posts */
.widget_recent_entries .post-date {display: block; font-size: 0.846em; color: #777; margin: 5px 0 0;}

/* Widgets > Footer Colors */
#footer h3 {color: #FFFFFF; font-size: 1.125em;font-weight: 600;line-height: 20px; margin: 0 0 20px; padding: 0; text-transform: uppercase;}
.menu-footer-container li {padding:6px 20px !important;}
.menu-footer-container li:hover {
    background-color: #3b3a3a;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}

/* Widgets > With Icons */
.widget-recent-posts-icons li .fa {margin-right: 10px; color: #999;}
.site-footer .widget-recent-posts-icons li .fa {color: #777}

/* Widgets > Recent Posts */
.recent-comments-widget li {position: relative; padding-left: 70px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px;}
.recent-comments-widget li:first-child {border-top: 1px solid #eee; padding-top: 20px;}
.recent-comments-widget li a {display: block}
.recent-comments-widget li a.avatar {width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4;}
.recent-comments-widget li:first-child a.avatar {top: 20px}
.site-footer .recent-comments-widget li a.avatar {border-color: #333}
.recent-comments-widget strong {color: #000}
.site-footer .recent-comments-widget strong {color: #fff}

/*----------- [Search] -----------*/

/*search input*/
.searchform {position: relative}
.menu-search-text {display: none;}
.searchform input {width: 100%; background-repeat: no-repeat; background-position: right center; padding: .8em 30px .8em .8em;}
.searchform .searchform-submit {position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin: -10px 0 0; background: none; padding: 0; border: 0; color: #000; font-size: 11px; opacity: 0.5;}
#footer .searchform input {background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: .8em;}

/*search results page*/
#search-no-results {font-size: 1.231em; margin-bottom: 20px;}

/*entries*/
.search-entry {position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 120px;}
.search-entry-no-thumb {padding-left: 0; min-height: 0;}
.search-entry h2 {font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600;}
.search-entry-thumb {position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee;}
.search-entry-thumb img {display: block; width: 100%;}
.search-entry-thumb img:hover {opacity: 0.8}
.search-entry-text p:last-child {margin: 0}

/*search site overlay - modal*/
#searchform-overlay {display: none; width: 350px; top: 120px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s;}
#searchform-overlay.active {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
#searchform-overlay-title {font-size: 2.154em; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; text-transform: capitalize;}
#searchform-overlay input {font-size: 1.077em; background: #fff; -webkit-appearance: none !important; width: 100%; border: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; color: #000; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7);}
#searchform-overlay .searchform-submit {font-size: 18px;}
#searchform-overlay .searchform-submit:hover {opacity: 1;}

/*header replace*/
#searchform-header-replace {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out;}
#searchform-header-replace form {height: 100%; width: 100%;}
#searchform-header-replace input {height: 100%; width: 100%; border: 0; -webkit-appearance: none;  -moz-border-radius: none; -webkit-border-radius: none; border-radius: 0; font-size: 32px; text-transform: uppercase; color: #bbb; background: none;}
#searchform-header-replace-close {position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer;}
#searchform-header-replace-close:hover {color: #000}
body.boxed-main-layout #searchform-header-replace input {padding: 0 30px}
body.boxed-main-layout #searchform-header-replace-close {right: 30px}

/*display search on click*/
#searchform-dropdown.show,
#searchform-header-replace.show {visibility: visible; opacity: 1;}


/*----------- [Print Styles] -----------*/
@media print { 
	#sidebar,
	#footer-callout-wrap,
	#footer,
	#footer-bottom,
	#top-bar-wrap,
	#site-navigation-wrap,
	.toggle-bar-btn,
	.post-pagination,
	.related.products,
	.product form.cart { display: none }
	.container { width: 100%; padding: 0; }
}

/*----------- IE -----------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* Put your IE-only styles here. Works for IS 10 & IE 11*/
	nav ul li ul {max-width:15em}
	
}

/*----------- Firefox -----------*/
@-moz-document url-prefix() {
.hero-text.grey-bkgd {border-bottom: 7px solid #fff;}
}

/*----------- [CH09 Responsive] -----------*/
@media screen and (min-width: 1921px){
}	

@media screen and (max-width: 1920px){
}

@media screen and (max-width: 1600px){
.site-footer .col-1 { width: 18%; padding: 1% 4% 1% 0%;}
.site-footer .col-2 { width: 60%;}
.site-footer .col-3 { float: left; width: 100%; text-align: left;margin: 2% 0 0;}
.menu li:first-child { padding: 0 8px 0 0;}
.footer-app { margin: -5% 0 0;float: right; width: 50%;text-align: right;}
.footer-google-play {float: right;margin: 0 1%}
.footer-app-store {float: right; margin: 0}
.site-footer .col-3 .widget_nav_menu {float:none}
}

@media screen and (max-width: 1536px){
.two-blocks h2{font-size:1.75em}
.navbar-style-one {margin-top: 70px;}
}

@media screen and (max-width: 1440px){
.navbar-style-one {    margin-top: 60px;}
.gw-gopf-6cols .gw-gopf-col-wrap {width:20%}
.icon img { width: 140px;}
.dp-button img {margin-top:-25px}
}

@media screen and (max-width: 1366px) {
body {font-size:15px; line-height:25px;}
.impress-carousel-property {min-height:405px}
}

@media screen and (max-width: 1280px) {
nav a {font-size: 1.1em;}
.two-blocks h2 br {display:none}
.site-footer .col-1 {width: 20%;}
.site-footer .col-2 { width: 70%;}
.gw-gopf-6cols .gw-gopf-col-wrap {width:25%}
}

@media screen and (max-width: 1200px) {
nav a {font-size: 1.0em;padding: 0 13px;}
.icon img { width: 130px;}
.dp-button img {margin-top:0px; max-width:250px}
}

@media screen and (max-width: 1080px){
nav a { padding: 0 10px;}
.navbar-style-one {margin-top: 50px;}
.icon img { width: 125px;}
.icon-content {font-size:1.25em}
.page-header .wp-block-column:not(:first-child) {margin-left: 1em;}
}

@media screen and (max-width: 1024px) {
.site-footer .col-1 {width: 25%;}
.site-footer .col-2 { width: 75%;}
.gw-gopf-6cols .gw-gopf-col-wrap {width:33.33%}
}

@media screen and (max-width: 1023px) {
#top-bar-wrap {background:#990033; color:#fff;    display: block; border-bottom:1px solid #fff}
#site-navigation-wrap {display:none;}
.header-one #site-logo {width: 20%;padding: 15px;}
.header-phone {display:none}
.mobile-phone .svg-inline--fa {margin:0 10px}
.mobile-phone a:hover {border:0}
.mobile-phone { margin: 6% 2% 0 0 ;font-weight:700; font-size:1.25em; display:inline-block; float:right} 
.mobile-phone a {color: #fff;}
.wp-block-image .alignright, img.alignright { max-width: 65%;}
.menu-item-has-children > a:after {display:none}
.sub-nav {display:none}
.sub-nav-mobile {display:block;  float: right; position: absolute;  right: 0;clear: both;font-weight:500;  }
.sub-nav-mobile a { padding: 0px 15px; color: #fff; margin: 0 10px;font-size:1.25em !important}
h1 {font-size:1.75em;line-height:1}
h2 {font-size:1.5em;line-height:1}
}

@media screen and (max-width: 962px){
.tb-block {flex-basis: 100%; margin: 15px auto}
.wp-block-columns.page-header-wrap { display: block;}
.page-header-wrap .wp-block-column.is-vertically-aligned-center.padding-1h {  margin: 0;  padding: 2%;}
.tb-image-block {width: 40%;}
.icon-block { flex: 1 1 50%; margin: 3% 0;}
.site-footer .col-1 {width: 100%;}
.site-footer .col-2 { width: 100%;}
.footer-logo {    max-width: 200px;}
.footer-app {  margin: 5% 0 0;  clear: both;  overflow: hidden;line-height: 1;float:left; text-align:left; width:100%}
.footer-google-play {float: left;margin: 0 1%}
.footer-app-store {float: left; margin: 0 1% 0 0}
	.hero-wrapper .wp-block-buttons {justify-content:center; text-align:center}
.acf-map {height: 300px;}
	.dp-button img { max-width: 200px;}
}

@media screen and (max-width: 864px) {
	.agent-wrap { margin: 2% 0;overflow:hidden}
	.agent-phone, .agent-email, .agent-office {display: block;margin: 3% 0;}
}

@media screen and (max-width: 800px) {
.hide-on-mobile {display:none;}
.hide-on-desktop {display:block;}
.half, .third, .twothird  {width:100%; float:none;} .quarter {width: 48%;}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fifths, .three-fifths, .four-fifths, .three-fourths, .five-sixths {display: block; width:100%; float:none;}
.third ul, .half ul, .one-third ul, .one-half ul   {    margin: 0 0 0px 30px}
.header-one #site-logo {width: 25%;}
.mobile-phone { margin: 8% 2% 0 0 }
.hero-search h1 {font-size:2.25em}	
.hero-search h2	{font-size:1.5em}
#copyright .two-third, #copyright .one-third, #copyright .one-half {text-align:center}
.leftFloat, .rightFloat {float:none; text-align:center;margin: 0;}
.content-area {float: none;max-width: 100% !important;width: 100%;}
.sidebar-interior { width: 100%; margin:5% auto;float: none;}
.site-footer .col-2 .wp-block-column { margin: 3% 0px;}
.page-header-wrap .wp-block-column.is-vertically-aligned-center.padding-1h {padding: 3%;}
.agent-wrap h1 {margin: 15% 0 0;}
		.dp-button img { max-width: 250px;}

}

@media screen and (max-width: 768px) {
.hide-on-phone {display:none}
.site-footer .col-3 .widget_nav_menu { display:none}
.wp-block-columns.contact-page { display: block;}
	.agent-wrap .agent-image { max-width: 200px;margin: 0 5% 0 0;}
	.agent-wrap h1 {margin: 5% 0 0;}

}

@media screen and (min-width: 600px) and (max-width: 781px) {
.site-footer .col-2 .wp-block-column { margin: 3% 0; flex-basis: 33% !important;font-size: .9em;}
.wp-block-columns.contact-page .wp-block-column:nth-child(2n) { margin-left: 0em;}
.office-blocks .wp-block-column:not(:only-child) { flex-grow: 1; margin: 1% 0;}
}

@media screen and (max-width: 736px){
.gw-gopf-6cols .gw-gopf-col-wrap {width:50%}
}

@media screen and (max-width: 667px) {
}

@media screen and (max-width: 601px) {
.alignleft, .alignright, .wp-block-image .alignright {float: none; margin: 3% auto;display: block;text-align:center}
.header-one #site-logo { width: 100%;  margin: 1% auto;  text-align: center;}
.mobile-phone { margin: 2% auto;  text-align: center;  float: none; display: block;}
.hero-search h1 {  font-size: 2.0em;  white-space: nowrap;}
.hero-search h2 { font-size: 1.25em;}
.hero-buttons a.wp-block-button__link, .hero-buttons .wp-block-button {  width: 100%;}
.hero-buttons .wp-block-buttons {display:block}
.agent-wrap .agent-image {max-width:45%}
h1 {font-size:1.5em;line-height:1}
table {border: 0;}
table caption {font-size: 1.3em;}
table thead { border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden; padding: 0; position: absolute;width: 1px;} 
table tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em;}
table td {border-bottom: 1px solid #ddd;display: block;text-align: right; }
table td::before { content: attr(data-label); float: left; font-weight: bold;text-transform: uppercase;}
table td:last-child { border-bottom: 0; }
.tb-link br {display:block}
.site-footer, .footer-app {text-align:center} .footer-logo {max-width:none}
.site-footer .col-1 { width: 60%;margin: 0 20%;}
.footer-google-play, .footer-app-store {float: none;}	
.office-blocks .wp-block-column {  margin: 1% 0;}
}

@media screen and (max-width: 500px) {
.hero-wrapper {padding: 2em;}
.two-blocks h2 {  font-size: 1.5em;}
.icon img { width: 120px;}
.icon-content {font-size:1.125em; padding: 3% 7%;}
span.pipe:last-child { display: block; visibility: hidden; height: 1px;}
}

@media screen and (max-width: 425px) {
.sub-nav-mobile a { padding: 0 5px; font-size: 1.0em !important;}
.idx-omnibar-form button {  display: inline-block; width: 40px !important; top: auto;}
.tb-image-block { width: 35%;}
.gw-gopf-6cols .gw-gopf-col-wrap {width:100%}
#IDX-carouselGallery-37524 a.IDX-carouselArrow {height:50%}
img.IDX-carouselPhoto {height: auto;}
.IDX-carouselCell {font-size:1em !important}
.agent-wrap .agent-image { max-width: 60%; float: none;display: block; margin: 0 auto;}
.agent-wrap h1 { margin: 2% 0 0;}
}

@media screen and (max-width: 414px){
.hero-search {height:215px}
.idx-omnibar-form button { width: 98% !important; margin: 2% auto; position: relative;}
.idx-omnibar-mini button span { display: inline !important;}
.hero-search h2 { font-size: 1.125em;}
}

@media screen and (max-width: 375px) {
.two-blocks h2 {  font-size: 1.25em;}
.hero-search {height:225px}
.agent-info {font-size: .875em;}
	.icon-block { flex: 1 1 100%; margin: 5% 0;}
}

@media screen and (max-width: 360px){
.sub-nav-mobile a { padding: 0 2px;}
.header-one #site-logo { width: 70%;margin: 1% 15%;}
.tb-image-block, .tb-content { overflow: hidden;  float: none; width: 100%;text-align: center;}
.tb-image-block img {	width: 70%;padding:2% 0}
.tb-content h2 br {display:block} .tb-link br { display: none;}
.agent-wrap .agent-image { max-width: 100%;float: none;}
}

@media screen and (max-width: 320px) {
}