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

@import "style-properties.css"; 

/* CSS Document */

.row {max-width: 1170px;}
body {background: #fff; color: #111; font-family: 'Josefin Sans', arial, helvetica, sans-serif;}
body p {font-size: 1.1em; font-weight: 300;}
body ul {font-size: 1.1em;}
body figure {font-size: 1.0em;}
body a {color: #365543;}
body a:hover {color: #000;}

.row-grey {background: #333;}
.row-gold {background: #365543;}
.row-tint {background: #f8f7f3;}

.centered {text-align: center; margin: 1.0em 0;}

.header {display: flex; align-items: center; align-content: center;}

.gold {color: #365543;}
.grey {color: #4b4f54;}



/* Top Contact */
.top-contact {color: #fff; padding: 0.5em 0;}
.top-contact a {color: #fff;}
.top-contact a:hover {color: #fff;}
.top-address {text-align: right; }
.top-address p {margin: 0.2em 0 0 0;}


/* Header */

.header {padding: 1.5em 0;}
.logo {}
.main-navigation {}

/* Main Menu */
.top-bar {height: auto;}
.top-bar-menu.left, .top-bar-menu.right {float: none!important;}
.top-bar-menu.right {float: left!important; font-size: 0.8em;}
.top-bar {background: transparent;}
.top-bar-section ul {margin: 0 auto;}
.top-bar-section ul li a {line-height: 1.6em!important;}
.top-bar-section ul li ul {margin-left: 0; border-right: none;}
.top-bar-section ul.right {margin-left: 0; border-right: none;}
.top-bar-section ul li {background: #365543;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #365543; font-family: 'Josefin Sans', arial, helvetica, sans-serif; padding: 0px 10px!important;
-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;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background: #c6a763!important;}
.top-bar-section li:not(.has-form).active a:not(.button) {background: #365543;}
.top-bar-section li:not(.has-form).active a:not(.button):hover {background: #365543;}
.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: #365543;}
.top-bar-section button.alert:hover, button.alert:focus, .alert.button:hover, .alert.button:focus {background-color: #365543;}
.top-bar-section li.current-page-ancestor a {background: #365543 !important;}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role='separator'] {border-right: solid 1px #fff;}
.top-bar-section ul li:hover:not(.has-form)>a {background: #365543 !important;}
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {background: transparent !important;}
.top-bar-section li:not(.has-form).active a:not(.button):hover {background: #c6a763 !important; color: #fff;}
.top-bar-section li.active:not(.has-form) a:not(.button) {background: #c6a763 !important;}
.top-bar .title-area {background: transparent; padding:  0 0 80px 0;}

.top-bar .name {height: inherit;}
.top-bar.expanded .title-area {background: transparent; padding:  0 0 80px 0;}
.top-bar.expanded .toggle-topbar a {color: #fff!important;}

.top-bar-section ul li>a {font-size: 1.1em!important; color: #fff!important; text-transform: uppercase; font-weight: 300;}

.divider {display: none;}




/* Slideshow */
.home-slideshow {position: relative; width: 100%; color: #fff; border-top: 1px solid #c6a763; border-bottom: 1px solid #c6a763;}
.home-slideshow h1 {color: #fff; border-bottom: none;}

.slide-image {position: relative; background-position: 50% 50%; height: 600px;} 
/*.slide-image:after {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.7);
}*/
.slide-logo {position: relative; text-align: center; margin: 5% auto; z-index: 100; font-size: 1.2em;}
.slide-logo img {max-width: 250px!important;}

.slide-logo h1 {font-size: 1.4em; text-transform: none;}
.slide-logo p {font-weight: 300;}


.orbit-container .orbit-slides-container .slide-logo img {display: inline;}

/* 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;
}


/* Main */
.main-image {position: relative; width: 100%; height: 150px; background-size: 0 0;}

.main {padding: 3.0em 0; font-size: 0.8em; font-size: 1.1em; color: #4b4f54;}

h1 {display: inline-block; font-weight: 300; padding-bottom: 0.3em; font-size: 2.4em; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #4b4f54; margin-bottom: 0.5em; line-height: 1.0em; text-transform: uppercase;}
h2 {font-size: 2.2em; font-weight: 300; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #365543; margin-bottom: 0.5em; line-height: 1.2em;}
h3 {font-size: 1.6em; font-weight: 300; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #365543; margin-bottom: 0.5em; line-height: 1.2em;}
h4 {font-size: 1.4em; font-weight: 300; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #365543; margin-bottom: 0.5em;}
h5 {font-size: 1.2em; font-weight: 300; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #365543; margin-bottom: 0.5em;}
h6 {font-size: 1.0em; font-weight: 300; font-family: 'Josefin Sans', arial, helvetica, sans-serif; color: #365543; margin-bottom: 0.5em;}

.main p {line-height: 1.4em; text-align: justify; font-weight: 300;}  


/* Promo Panels */
.promo-panel {padding: 2.0em 0;}
.promo-text h2 {display: inline-block; margin-bottom: 0.5em; font-weight: bold; color: #4b4f54;}
.heading-border {background: #4b4f54; height: 2px; width: 50%; margin-top: 0.5em;}
.promo-text h3 {font-size: 1.3em!important; margin-top: 0; margin-bottom: 0.5em; color: #4b4f54;}
.promo-text p {font-weight: 300; margin-top: 0;}

.contact-panel {background: #fff; text-align: center; padding: 1.0em;}
.telephone {font-size: 1.6em; color: #365543; margin-bottom: 0;}
.contact-panel p a {font-size: 1.1em; color: #4b4f54;}
.contact-panel p a:hover {color: #365543;}

.contact-panel .cta {display: block; background: #365543; color: #fff; padding: 0.2em; width: 100%; font-size: 1.6em; font-weight: 300; text-transform: uppercase; margin-top: 0.5em;
-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;} 
.contact-panel .cta:hover {background: #333; color: #fff;} 


/* Home Intro */

.home-intro {position: relative; background-position: 50% 50%; background-image: url(assets/img/images/office-green.png); background-attachment: fixed; padding: 3.0em 0; text-align: center; color: #fff;}
.home-intro h1 {text-transform: uppercase; border-bottom: none; color: #fff;}
.intro-circle {text-align: center; font-size: 1em; color: #fff; font-weight: 300; margin-bottom: 2.0em;
-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;}
.intro-circle img {margin-bottom: 0.5em;}
.intro-circle a {color: #fff;}
.intro-circle a:hover {color: #fff;}
/*.intro-circle:hover {background: rgba(51, 51, 51, 0.2); color: #fff;}
.intro-circle:hover a {color: #fff;}*/

/* Testimonials */
.testimonial-container {margin-top: 0; margin-bottom: 0;}
.testimonials {padding: 3.0em 0 0 0; color: #fff; font-size: 1.2em;}
.testimonials h3 {display: inline-block; color: #fff; text-transform: uppercase;}
.white-heading-border {background: #fff; height: 2px; width: 50%; margin-top: 0.5em;}
.testimonial-quote {margin-top: -40px; text-align: center;}
.testimonial-slide {padding: 0 2.0em; text-align: center; font-family: 'Marcellus', Georgia, Times, serif;}
.orbit-timer {display: none;}

.testimonial-container p {font-size: 0.9em;}

.testimonial {position: relative; background: #efefef; padding: 1.0em; margin-bottom: 3.0em; font-size: 1.2em; font-family: 'Marcellus', Georgia, Times, serif;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
.testimonialdark {position: relative; background: #dedede; padding: 1.0em; margin-bottom: 3.0em; font-size: 1.2em; font-family: 'Marcellus', Georgia, Times, serif;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}

.testimonial .testimonial-arrow {position: absolute; bottom: -55px; left: 10px; width: 40px; height: 40px; background-image: url(assets/img/images/test-arrow1.png); background-repeat: none; margin-bottom: 1.0em;
}
.testimonialdark .testimonial-arrow {position: absolute; bottom: -55px; right: 10px; width: 40px; height: 40px; background-image: url(assets/img/images/test-arrow2.png); background-repeat: none; margin-bottom: 1.0em; }

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


/* Team Members */
.staff-blocks {display: flex; flex-wrap: wrap;}
.staff-member-panel {font-size: 1em; height: 100%;}
.staff-member-photo {height: 450px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.staff-member-panel {}
.staff-member-panel h3 {color: #365543; border-bottom: 1px solid #ccc; margin: 10px 0;}


/* Footer */
.footer {color: #fff; padding: 3.0em 0;}
.footer h4 {font-size: 1.2em; color: #fff; margin-bottom: 0.8em; text-transform: uppercase;}
.footer a {color: #fff;}
.footer a:hover {color: #fff;}
.footer p {font-size: 1em; line-height: 1.2em!important;}


.accreditations {text-align: right;}


/* Contact */
.contact-map {
position: relative;
padding-bottom: 30%; 
height: 0;
width: 100%;
overflow: hidden;
}
.contact-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
pointer-events: none;
}


#contact-map {
  height: 300px;
  width: 100%;
}
.marker-style {
  border: 3px solid #d51230;
  text-align: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: -17px !important;
  margin-top: -46px !important;
}
.marker-style img {
  position: absolute !important;
  top: -1px !important;
  bottom: 0px !important;
  right: 0px;
  left: 0px;
  margin: auto !important;
}





.wpcf7-text {}
.wpcf7-submit {background: #4b4f54; 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: #000; color: #fff;}

/* Legal */
.legal {padding: 2.0em 1.0em; color: #999; font-size: 0.9em;}
.legal a {color: #777;}
.legal a:hover {color: #000;}



.featured-properties-container {padding: 2.0em 0; }



/* Secondary Content */
.row-secondary {position: relative; width: 100%;}
.secondary-image {position: relative; background-position: 50% 50%;}
.secondary-image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.8);
}
.secondary-content {position: relative; z-index: 100; text-align: center; color: #fff;}
.secondary-content h1, .secondary-content h2, .secondary-content h3, .secondary-content h4, .secondary-content h5 {color: #fff;}
.secondary-content a {color: #fff;}
.secondary-content a:hover {color: #fff;}


.products-panel {padding: 2.0em 1.0em; font-size: 1.1em;}



/* height of property window iFrames - change as required */
.property-listing-frame {width: 100%; height: 6500px;} 
.property-details-frame {width: 100%; height: 3000px;} 
.featured-frame {height: 1500px;}
.searchbox {height: 320px;}
.search-form-embedded {height: 320px;}
.email-alerts-frame {width: 100%; height: 850px;}

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

@media screen and (min-width: 480px) {
.main-navigation {padding-left: 100px;}
.top-bar {background: transparent; margin-top: 0;}
.top-bar .title-area {padding:  0;}
.top-bar-menu.right {float: left!important; padding-left: 110px; font-size: 0.8em;}
.main-image {display: block; position: relative; width: 100%; height: 525px; background-position: 50% 50%;}
.intro-circle {font-size: 1.4em;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 4500px;} 
.searchbox {height: 200px;}
.search-form-embedded {height: 200px;}
}

@media screen and (min-width: 600px) {
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 6500px;} 
.featured-frame {height: 410px;}
}

@media screen and (min-width: 960px) {
.searchbox {height: 110px;}
.search-form-embedded {height: 110px;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 2500px;} 
}

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

}