/*
Theme Name: G&J Oliver
Theme URI: http://www.data-edinburgh.co.uk/
Description: Theme for G&J Oliver
Author: DATA
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* CSS Document */

.row {max-width: 1170px;}
body {background: #fff; color: #333; font-family: 'Lato', arial, helvetica, sans-serif;}
body p {font-size: 1.0em;}
body ul {font-size: 1.0em;}
body figure {font-size: 1.0em;}
body a {color: #038c4c;}
body a:hover {color: #000;}

.hideme {opacity:1;}

.row-tint {background: #efefef;}
.row-blue {background: #003468;}
.row-lgreen {background: #003468;}
.centered {text-align: center; margin: 1.0em 0;}
.featured {/*background: #038c4c;*/}
.row-green {background: #038c4c;}



.green {color: #038c4c;}
.grey {color: #999999;}
.small {font-size: 0.8em;}

/* Header */
.header {/*background-image: url(assets/img/images/half-grey.png); background-repeat: no-repeat;*/ /*border-bottom: 3px solid #003468;*/ padding-bottom: 1em;}
.logo {padding-top: 20px; padding-bottom: 20px;}
.logo img {}
.main-menu {/*background-image: url(assets/img/images/shape.png); background-position: right; background-repeat: no-repeat;*/}
.strapline {text-align: center; margin-top: 10px; margin-bottom: 10px; color: #003466;}
.straptext {font-size: 1.4em; font-weight: 300; display: inline-block; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.strapline-box {/*background-image: url(assets/img/images/sbp.png); background-size: contain;*/ width: 265px; height: 67px; color: #003468; padding: 10px;}
.strapline-box h1 {text-align:center; border-top: 1px solid #038c4c; border-bottom: 1px solid #038c4c; font-size: 1.3em; font-weight: bold; margin: 12px 0; padding: 2px 0;}
.header-contact {/*margin-top: 38px;*/ margin-top: 15px; margin-bottom: 30px; color: #003468;}
.header-contact a {color: #003468;}
.strapline a {display: inline-block; font-size: 1.2em; background: #003468; color: #fff; padding: 0.2em 0.3em;}
.strapline a:hover {background: #003468; color: #fff;}

a {-webkit-transition: color 0.4s, background 0.4s, border 0s;
-moz-transition: color 0.4s, background 0.4s, border 0s;
transition: color 0.4s, background 0.4s, border 0s;}

/* Main Menu */
.top-bar {background: #fff;}
.top-bar-section ul {}
.top-bar-section ul li ul {margin-left: 0; border-right: none;}
.top-bar-section ul.left {margin-left: 0; border-right: none; float: right!important;}
.top-bar-section ul li {background: #fff; margin-right: 1px;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #003468; color: #fff; font-family: 'Lato', arial, helvetica, sans-serif; text-transform: uppercase; padding-left: 0.98em; padding-right: 0.98em; 
font-size: 0.88em!important; font-weight: bold;
-webkit-transition: color 0.4s, background 0.4s, border 0s;
-moz-transition: color 0.4s, background 0.4s, border 0s;
transition: color 0.4s, background 0.4s, border 0s; /*border-right: 1px solid #fff;*/}
.top-bar-section li:not(.has-form) a:not(.button):hover {background: #003468!important; color: #fff!important;}
.top-bar-section li:not(.has-form).active a:not(.button) {background: #003468; padding-left: 0.98em; padding-right: 0.98em;}
.top-bar-section li:not(.has-form).active a:not(.button):hover {background: #003468;}
.top-bar-section .has-form {background: inherit;}
.top-bar-section .search-form {background: inherit;}
.top-bar-section button.alert, button.alert, .alert.button, .alert.button {background-color: #fff;}
.top-bar-section button.alert:hover, button.alert:focus, .alert.button:hover, .alert.button:focus {background-color: #fff;}
.top-bar-section li.current-page-ancestor a {background: #fff!important;}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role='separator'] {border-right: solid 1px #333;}
.top-bar-section ul li:hover:not(.has-form)>a {background: #fff!important;}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {}
.top-bar-section li:not(.has-form).active a:not(.button):hover {background: #003468!important; color: #fff;}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {background: #003468!important; color: #fff!important;}

.top-bar-section li.active ul li.active a {background: #003468; color: #fff!important; font-weight: bold!important; border-bottom: 1px solid #efefef!important; border-left: 1px solid #efefef!important; border-right: 1px solid #efefef!important;}

.top-bar.expanded .title-area {background: #fff;}
.top-bar.expanded .toggle-topbar a {color: #003468!important;}
.top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 0.9375rem;
    color: #003468;
    position: relative;
}
.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 0.9375rem;
    box-shadow: 0 0 0 1px #333,0 7px 0 1px #333,0 14px 0 1px #333;
    width: 16px;
}


.top-bar-section .dropdown {z-index: 1000;}
.top-bar-section .right li .dropdown {border-top: 3px solid #efefef;}

.top-bar-section ul li>a {font-size: 1.0em; color: #fff!important;}
.top-bar-section ul li>a:hover {color: #fff!important;}
.top-bar-section ul li.active>a {color: #fff!important;}
.top-bar-section > ul > .divider {display: none;}

.top-bar-section ul li.current-page-ancestor a {background: #003468!important; color: #fff!important;} 
.top-bar-section li.current-page-ancestor:not(.has-form) a:not(.button):hover {color: #fff!important;} 

.top-bar-section ul li ul.sub-menu li {background: #fff!important; font-size: 0.9em;}
.top-bar-section ul li ul.sub-menu li a {line-height: 2.4em!important; font-weight: 300!important;}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {background: #fff!important; color: #003468!important; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef;}
.top-bar-section ul li ul.sub-menu li.has-dropdown a:hover {background: #41a878!important;}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {background: #41a878!important; color: #fff!important;} /* Dropdown rollover */

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {color: #333!important;}

.top-bar-section ul.sub-menu li.active a {background: #038c4c!important; color: #fff!important;}


/* Parent item in dropdown */
.top-bar-section .has-dropdown>a:after {display: none;}
.top-bar-section .has-dropdown>a {padding-right: 1em!important;}
.top-bar-section ul li:hover:not(.has-form) > a {
background: #003468!important;
color: #fff!important;
}
.top-bar-section ul li.current-page-parent:hover:not(.has-form) > a {
background: #003468!important;
color: #fff!important; 
}
.top-bar-section ul li.current_page_item:hover:not(.has-form) > a {
background: #003468!important;
color: #fff!important; 
}
.top-bar-section ul li.current_page_ancestor:hover:not(.has-form) > a {
background: #003468!important;
color: #fff!important; 
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {margin-top: -10px!important;}


.top-bar .toggle-topbar.menu-icon a {color: #003468!important;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #003468, 0 7px 0 1px #003468, 0 14px 0 1px #003468;}


/* Slideshow */
.home-slideshow {position: relative; display: none;}
.slide-image {position: relative; background-position: 50% 50%; height: 700px;}

/* Arrows */
.orbit-container .orbit-prev, .orbit-container .orbit-next {
position: absolute;
top: 47%;
margin-top: -21px;
width: 32px;
height: 62px;
line-height: 42px;
background-color: none;
text-indent: -9999px !important;
z-index: 10;
}

.orbit-container .orbit-prev {background-image: url(assets/img/images/l-arrow.png); background-repeat: no-repeat; background-position: center;}
.orbit-container .orbit-next {background-image: url(assets/img/images/r-arrow.png); background-repeat: no-repeat; background-position: center;}
.orbit-container .orbit-prev span,
.orbit-container .orbit-next span {
    border: none;
}


.pw-searchbox {position: absolute; top: 45px; width: 100%; z-index: 100;}


/* Home */

.home-welcome {color: #003468; padding-top: 1em; padding-bottom: 1em;}
.green {color: #038c4c}
.home-welcome h2 {font-size: 2.2em;}
.home-welcome p {font-size: 1.4em; font-weight: 300; line-height: 1.4em;}

/* Testimonials */
.home-testimonials {padding-top: 2em; padding-bottom: 2em; text-align: center;}
.home-testimonials h2 {color: #fff; margin-bottom: 0.5em;}
.testimonial-text {padding: 1.0em; background: #fff; text-align: left;}
.testimonial-text p {line-height: 1.2em;}
p.testimonial-name {color: #038c4c;}

.testimonial {padding-bottom: 1em; margin-bottom: 1em; border-bottom:1px solid #efefef;}

.cta-button {display: inline-block; background: #038c4c; color: #fff; padding: 0.4em 2.0em; font-size: 1.2em; margin-top: 2em;}
.cta-button:hover {background: #038c4c; color: #fff;}



/* Main */
.page-title h1 {padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; color: #fff; font-weight: 300;}
.main {font-size: 1.1em; padding: 2.0em 0;}
.main p, .main ul {/*font-weight: 300;*/}
.main ul {margin-left: 1em;}
.main a {font-weight: bold;}
.property-page {font-size: 1.1em; padding: 1.5em 0;}
.main-image {background-repeat: no-repeat; z-index: -100; background-position: center; background-size: cover;}

h1 {font-size: 3em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468; margin-bottom: 0.5em; line-height: 1.0em;}
h2 {font-size: 2.6em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468; margin-bottom: 0.5em; line-height: 1.2em;}
h3 {font-size: 2em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468; margin-bottom: 0.5em; line-height: 1.2em;}
h4 {font-size: 1.4em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468; margin-bottom: 0.5em;}
h5 {font-size: 1.2em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468;}
h6 {font-size: 1.0em; font-family: 'Lato', arial, helvetica, sans-serif; color: #003468;}


/* Info Panels */
.service-panels {padding-bottom: 2em; text-align: center; margin-top: 0px; position: relative; z-index: 1000;}
.info-panel, .info-panel-light {text-align: center; background-position: top; background-repeat: no-repeat; background-size: contain; color: #fff; padding: 2em 1em 2em 1em; min-height: 264px;}

.panel-icon {font-size: 4em; color: #fff;}
.icon-circle {color: #003468; -webkit-transition: color 0.4s, background 0.4s, border 0s;
-moz-transition: color 0.4s, background 0.4s, border 0s;
transition: color 0.4s, background 0.4s, border 0s;}
.icon-circle-light {color: #038c4c; -webkit-transition: color 0.4s, background 0.4s, border 0s;
-moz-transition: color 0.4s, background 0.4s, border 0s;
transition: color 0.4s, background 0.4s, border 0s;}
.info-panel-light {background-image: url(assets/img/images/panel-head-light.png);}
.info-panel h3, .info-panel-light h3 {color:#fff;}
.info-panel p, .info-panel-light p {color:#fff;}
.info-panel {background-image: url(assets/img/images/panel-head-dark.png); background-size: cover;}
.info-panel-light {background-image: url(assets/img/images/panel-head-light.png); background-size: cover;}

.info-panel:hover .icon-circle {}
.info-panel-light:hover .icon-circle-light {}


/* Landing Page Panels */
.cta-panels {padding-top: 2em; text-align: center; margin-bottom: 2em;}
.cta-panel, .cta-panel-light {text-align: center; padding: 2em 1em 1em 1em; background: #fff;}
.cta-panel:hover .icon-circle {color: #003468;}
.cta-panel-light:hover .icon-circle-light {color: #038c4c;}
.cta-panel-icon {font-size: 10em; color: #fff;}
.cta-panel h3, .cta-panel-light h3 {font-size: 1.2em; font-weight: bold; margin-top: 1em;}

.cta-panel a:hover , .cta-panel-light a:hover {color: #038c4c;}



/* Sidebar */
.additional {margin-top: 0; padding-bottom: 4.0em;}
.additional img {margin-top: 4.0em; margin-bottom: 1.0em;}


.additional h4 {color: #666; border-bottom: 1px solid #dcdcdc; margin-bottom: 0.6em;}
.additional ul {list-style: none; margin: 0 0 2.0em 0; padding: 0; font-size: 0.9em;}
.additional ul li:before {content: normal;}
.additional ul li {padding: 0.2em 0; border-bottom: 1px solid #efefef;}

.additional ul li a {display: block; color: #333; padding: 0; margin: 0; font-weight: 300;}
.additional ul li a:hover {color: #003468;}

.additional ul.sub-menu li a {display: block; color: #003468; padding: 0; margin: 0;}
.additional ul.sub-menu li a:hover {color: #003468;}
.additional ul.sub-menu li a:before {font-family: 'Font Awesome 5\ Free'; content: "\f138"; padding-right: 0.5em; color: #038c4c; font-weight: 900;}

.additional ul li.current_page_item a {color: #038c4c;}
.additional ul li.current_page_item a:before {font-family: 'Font Awesome 5\ Free'; content: "\f137"; padding-right: 0.5em; color: #003468; font-weight: 900;}

.additional ul li ul {font-size: 1.0em;}
.additional ul li.current_page_item, .side-menu ul li.current_page_parent {display: block;}
.additional ul li.current_page_item ul li, .side-menu ul li.current_page_parent ul li {display: block;}

.additional ul li.current_page_item ul li a {font-weight: normal;}
.additional ul.children {margin-left: 1.0em;}


/* On-Off nav */

.additional  ul li ul,
.additional .current_page_item ul ul,
.additional .current_page_ancestor ul ul,
.additional .current_page_ancestor .current_page_item ul ul,
.additional .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
	}

.additional .current_page_item ul,
.additional .current_page_ancestor ul,
.additional .current_page_ancestor .current_page_item ul,
.additional .current_page_ancestor .current_page_ancestor ul,
.additional .current_page_ancestor .current_page_ancestor .current_page_item ul,
.additional .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}

/* Staff */
.staff-panel {margin-bottom: 2em;}
.staff-panel-contact i {color: #038c4c;}


.staff-position {font-weight: bold; color: #038c4c; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}






/* Footer */
.footer-row {background: #666;}
	
.footer {color: #fff; padding: 2.4em 0 3em 0; font-weight: 300; text-align: center;}
.footer h3 {color: #fff; margin-top: 0; margin-bottom: 1em; font-weight: 300;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {color: #86af9c;}
.footer ul {list-style: none; margin: 0; padding: 0; font-size: 1em;}
.footer ul li ul {margin: 0 0 0 1.0em;}
.footer ul li a {color: #fff; text-decoration: none;}
.footer ul li a:hover {color: #86af9c;}
.footer p {font-size: 1em; color: #fff; font-weight: 300; line-height: 2em;}
.footer-contact {margin-bottom: 1em; font-size: 1.2em;}
.footer-contact i {width: 30px;}
.footer-contact i.fa-mobile {font-size: 2em;}

/* Legal */
.legal {padding: 2.4em 0; color: #999; font-size: 0.9em; text-align: center; font-weight: 300;}
.legal h3 {margin-bottom: 1em; margin-top: 0;}
.legal p {margin-bottom: 0;}
.legal a {color: #777;}
.legal a:hover {color: #003468;}






















#map {
height: 400px;
width: 100%;
}






.google-maps {
position: relative;
padding-bottom: 50%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* Contact */
.contact-map {
position: relative;
padding-bottom: 30%; // This is the aspect ratio
height: 0;
margin-bottom: 2.0em;
overflow: hidden;
}
.contact-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.wpcf7-text {border: none!important;}
.wpcf7-submit {background: #038c4c; color: #fff; padding: 1.0em 2.0em; border: none;
-webkit-transition: color 0.4s, background 0.4s, border 0.4s;
-moz-transition: color 0.4s, background 0.4s, border 0.4s;
transition: color 0.4s, background 0.4s, border 0.4s;}
.wpcf7-submit:hover {background: #003468;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {font-size: 1.0em;}











/* Featured */
.featured-container {padding: 2.0em  0 1.0em 1.0em;}
.featured-container h2 {color: #003468;}



/* height of property window iFrames - change as required */
.property-listing-frame, .property-listing-frame-let {width: 100%; height: 5500px;} 
.property-details-frame {width: 100%; height: 2000px;} 
.featured-property-frame {width: 100%; height: 1200px;} 
.email-alerts-frame {width: 100%; height: 750px;}


/* MEDIA QUERIES */

@media screen and (min-width: 200px) {
.slide-image {height: 570px;}
.main-image {height: 300px;}
}

@media screen and (min-width: 480px) {
.logo img {max-height: 145px;}
.strapline {text-align: right; /*margin-top: 43px;*/ margin-top: 20px; margin-bottom: 10px;}
.strapline-box {float: right; /*margin-top: 43px;*/ margin-top: 20px; margin-bottom: 10px;}	
.straptext {font-size: 2.4em;}
.home-slideshow {display: block;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame, .property-listing-frame-let {width: 100%; height: 4500px;} 
.featured-property-frame {width: 100%; height: 600px;} 
.slide-image {height: 570px;}
.main-image {height: 300px;}
.slide-text h1 {font-size: 3.0em;}
.hideme {opacity:0;}
}

@media screen and (min-width: 600px) {
.property-details-frame {width: 100%; height: 500px;} 
.property-listing-frame, .property-listing-frame-let {width: 100%; height: 3400px;} 
.featured-property-frame {width: 100%; height: 300px;} 
}

@media screen and (min-width: 960px) {
ul#menu-top-menu li {padding: 0 0.8em;}
.service-panels {margin-top: -170px;}
}

@media print {
/* Print CSS rules go here */

}