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

/* CSS Document */

@import "style-properties.css"; 


.row {max-width: 1170px;}
body {background: #fff; color: #000; font-family: 'Montserrat', 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: #79c042;}
body a:hover {color: #000;}

body a:focus {color: #79c042;}


.row-green {background: #79c042;}

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

.green {color: #79c042;}


a, input, span {-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;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', arial, helvetica, sans-serif; font-weight: 300; font-style: Normal; line-height: 1.2em;}
h1 {font-size: 2.4em; color: #000; text-transform: uppercase;}
h2 {font-size: 2.2em; color: #79c042; margin-bottom: 0.5em;}
h3 {font-size: 1.6em; color: #79c042;}
h4 {font-size: 1.4em; color: #79c042;}
h5 {font-size: 1.2em; color: #79c042;}
h6 {font-size: 1em;color: #79c042;}

/* Header */
header {padding: 1.5em 0;}
.logo {}


.top-menu {font-size: 0.9em; height: 37px; background: #000; margin: 0;  padding: 0;}

.top-menu ul {list-style: none; margin: 0; padding: 0 0 0 30px; line-height: 37px; background: #000;}
.top-menu ul li {display: inline; margin: 0 1em;}
.top-menu ul li a {color: #fff; text-transform: uppercase; font-weight: bold;}
.top-menu ul li a:hover {color: #79c042;}
.top-menu ul li.active a {color: #79c042;}
.top-menu ul li.active a:hover {color: #79c042;}



.line {background: #000; height: 13px; margin: 7px 0 0 0; padding: 0;}

/* Intro */
.intro {}
.intro-text {padding: 2.4em 1em; background: #f3f3f3; font-size: 0.8em; text-align: justify;}
.intro-text p {margin-bottom: 1em;}
.intro-text h2 {font-size: 1.4em; color: #000;}
.intro-pic {padding: 0;}
.intro-pic img {width: 100%; height: 100%;}


/* CTA */
.cta-bar {}
.cta-container {margin: 0; text-align: center; background: #f3f3f3;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cecece+100 */
/*background: rgb(238,238,238); 
background: -moz-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%); 
background: radial-gradient(ellipse at center,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cta-button {display: block; text-align: center; background: #79c042; color: #000; height: 50px; line-height: 50px; padding: 0 10px; font-size: 1.2em; letter-spacing: 2px; text-transform: uppercase; font-weight: bold;}
.cta-button:hover {background: #000; color: #fff;}


/* Panels */
.info-panels {}
.info-panel {margin-top: 2em; margin-bottom: 1em;}
.info-panel-inner {padding-right: 1em;}
.info-panel p {margin-top: 1em;}
.panel-icon {display: inline-block; background: #79c042; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 1.5em;}

.info-panel-box {display: block; width: 100%; height: 50px; background: linear-gradient(to right, #79c042 50%, white 50%); background-size: 200% 100%; background-position:right bottom;
transition:all 0.4s ease;}

.info-panel-box:hover {background-position:left bottom!important;} 
.info-panel-box:hover .panel-title {color: #fff;}
.panel-title {display: inline-block; margin:  0 5px 0 5px; padding: 0; font-size: 1.2em; height: 50px; font-weight: bold; color: #79c042;}


/* Main */
.main-image-container {}
.main-image {position: relative; width: 100%; height: 350px; background-position: 50% 50%;}
.main-image h1 {font-weight: 300; text-transform: uppercase; color: #fff; margin: 0;}
.page-image-title {}
.page-image-title h1 {position: absolute; bottom: 0; display: inline; background: #79c042; color: #fff; font-weight: 300; text-transform: uppercase; margin-bottom: 0; padding: 0.2em 0.5em;}
.page-title h1 {font-weight: 300; text-transform: uppercase; color: #000; margin-top: 1em; margin-bottom: 0;}
.main {padding: 2em 0 3.0em 0; font-size: 0.8em; font-size: 1.1em; color: #000; font-family: 'Open Sans', helvetica, arial, sans-serif;}
.main p {font-weight: 300; text-align: justify;}  

.pull-quote {background: #79c042; color: #fff; padding: 1em; font-size: 1.2em;}
.pull-quote p {line-height: 1.4em; text-align: left;}
.pull-quote h1, .pull-quote h2, .pull-quote h3, .pull-quote h4, .pull-quote h5, .pull-quote h6 {color: #fff;} 

.property-listing {padding-right: 1em;}


/* Staff */
.staff-panel {margin-bottom: 1em;}
.staff-image img {width: 100%;}
.staff-text h3 {color: #000; text-transform: uppercase;}
.staff-text p {margin-bottom: 0.2em;}
.staff-text .fa-stack {font-size: 0.8em; color: #79c042;}
.staff-text a {color: #000;}
.staff-text a:hover {color: #79c042;}

/* Testimonials */
.testimonial-container {margin-top: 2em; margin-bottom: 0;}
.testimonials {background: #f3f3f3; color: #fff;}
.testimonial-slide {font-size: 1.2em; text-align: center; color: #999;}
.testimonial-slide p {margin: 0;}
.testimonial-text {padding: 2em;}
.testimonial-text strong {color: #79c042;}
.orbit-timer {display: none;}
.orbit-bullets li {border-radius: 0;}
.orbit-bullets li.active {background: #79c042;}

.review-container {}
.review {margin-bottom: 1em; padding: 20px; background: #f9f9f9;}
.review:nth-child(even) {background: #f3f3f3;}



/* Footer */
footer {background: #000; color: #fff; padding: 3.0em 0;}
footer p {margin: 0;}
.footer-contact i {width: 20px; color: #79c042;}
.footer-contact a {font-weight: bold; color: #fff;}
.footer-contact a:hover {color: #79c042;}
.footer-contact a i {color: #fff;}

.footer-contact img {padding: 5px;}






























/* Featured Properties */
.featured-properties-container {text-align: center;}
.featured-properties-container h2 {font-weight: 300; color: #fff; margin-bottom: 1em;}























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


.wpcf7-text {}

.wpcf7-submit {border: none!important; padding: 10px 30px; background: #79c042; color: #fff; font-size: 1.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;
font-family: 'Montserrat', arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 3px; text-transform: uppercase;}
.wpcf7-submit:hover {background: #000; color: #fff; cursor: pointer;}

select {background-color: #fff; width: 100px;}


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



.featured-properties-container {padding-top: 2em; padding-bottom: 0.6em;}

#responsive-menu-additional-content a {color: #fff!important;}









/* 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;}
.search-form-embedded {height: 320px;}
.email-alerts-frame {width: 100%; height: 850px;}


/* MEDIA QUERIES */

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

}

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

		
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 4500px;} 
}

@media screen and (min-width: 640px) {
.featured-properties-container {padding-right: 0;}
.cta-bar {padding-right: 0;}
.cta-button {padding: 0 54px;}
.main-image-container {padding-right: 0;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 6500px;} 
.pull-quote-container {padding-right: 0;}
.review-container {padding-right: 0;}
}

@media screen and (min-width: 960px) {
.property-listing {padding-right: 0;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 2500px;} 

}

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

}