/*
Theme Name: Elmslies 
Theme URI: http://www.data-edinburgh.co.uk/
Description: Theme for Elmslies Solicitors
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: #333; font-family: 'Lato', arial, helvetica, sans-serif;}
body p {font-size: 1.0em; font-weight: 300;}
body ul {font-size: 1.0em;}
body figure {font-size: 1.0em;}
body a {color: #c70039;}
body a:hover {color: #571845;}

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

.purple {color: #571845;}
.maroon {color: #900c3e;}
.red {color: #c70039;}
.orange {color: #ff5733;}
.yellow {color: #ffc300;}

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: 'Lato', arial, helvetica, sans-serif; font-weight: 300; font-style: Normal; line-height: 1.2em;}
h1 {font-size: 2.4em; color: #571845; margin-bottom: 1em;}
h2 {font-size: 2em; color: #1e1e1e; margin-bottom: 0.5em;}
h3 {font-size: 1.6em; color: #1e1e1e;}
h4 {font-size: 1.4em; color: #1e1e1e;}
h5 {font-size: 1.2em; color: #1e1e1e;}
h6 {font-size: 1em;color: #1e1e1e;}



/* Header */
header {padding: 1.5em 0 0 0;}
.logo img {max-width: 100%; margin-bottom: 1.5em;}

.opening-hours {font-size: 0.8em; padding-top: 0;}
.opening-hours p {margin-bottom: 0.5em; font-weight: 400;}
.opening-hours strong {color: #c70039;}

.header-contact {text-align: left; padding-top: 15px; padding-bottom: 15px; font-size: 0.9em;}
.header-contact a {display: inline-block; background: #ffc300; color: #333; padding: 8px 15px; text-decoration: none;}
.header-contact a:hover {background: #333; color: #fff;}

.navbar {background: #2d2d2d;}
.main-menu ul {list-style: none; margin: 0; padding: 0; margin-left: -30px;}
.main-menu ul li {display: inline-block; margin: 0; padding: 0 10px;}
.main-menu ul li a {color: #fff; font-weight: bold; text-decoration: none;}
.main-menu ul li a:hover {color: #ffc300;}
.main-menu ul li a:before {font-family: 'Font Awesome\ 5 Free'; content: '\f138'; font-weight: 900; padding-right: 6px; color: #ffc300;}

/************/
/* Homepage */
/************/

/* Carousel */
.carousel-item {height: 500px; background-size: cover; background-position: 50% 50%;}
.slide-text {height: 500px; text-align: center; color: #fff; font-size: 1.2em;} 
.slide-text-box {background: rgba(0,0,0,0.5); padding: 20px;}
.slide-text h1 {color: #fff; font-size: 2em; margin-bottom: 0.5em;}
.slide-text p {font-weight: 300;}


/* PW search */
.pw-search {background: #101010; color: #fff; padding-top: 1em; padding-bottom: 1em;}


/* Home intro */
.home-copy {padding-top: 3em; padding-bottom: 3em; font-size: 1.2em; text-align: center;}
.home-copy strong {color: #c70039;}

/* Link Panels */
.link-panel {width: 100%; margin-bottom: 10px; height: 260px; padding: 20px; justify-content: center; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.link-panels a {color: #fff; text-decoration: none; font-size: 1.6em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.link-panels a:hover {color: #fff; text-decoration: none; font-size: 2em;}


/* Featured Properties */

.featured-properties {clear: both; background: #efefef; padding-top: 2em; padding-bottom: 2em; text-align: center;}

.featured-properties h2 {color: #900c3e;}

.cta-maroon {background: #900c3e; color: #fff; padding: 10px 15px; font-weight: bold; text-transform: uppercase;}
.cta-maroon:hover {background: #ffc300; text-decoration: none;}

/* Testimonials */
.testimonials {padding-top: 2em; padding-bottom: 2em; text-align: center;}
.testimonials .carousel-item {height: auto;}
.testimonials .carousel-indicators {position: relative;}
.testimonials .carousel-indicators li {width: 20px; height: 20px; border-radius: 100%; background-color: #ccc;}
.testimonials .carousel-indicators li.active {background-color: #b41052;}

.testimonial-text {font-family: "Baskerville", "Baskerville Old Face", "Garamond", "Times New Roman", serif; font-style: italic; font-size: 2em; color: #aaa;}
.testimonial-name {color: #b41052; font-weight: bold;}


/* Subpages */
.page-title-container {width: 100%; color: #fff;}
body.page-buying-selling .page-title-container, body.page-email-alerts .page-title-container, body.page-contact .page-title-container, body.page-valuation-request .page-title-container {background: #900c3e;}
body.page-commercial-property .page-title-container {background: #571845;}
body.page-wills-executries .page-title-container {background: #ff5733;}
body.page-powers-of-attorney .page-title-container {background: #c70039;}

.page-title {min-height: 80px;}
.page-title h1 {color: #fff; margin-bottom: 0;}
.page-image {height: 200px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.sub-copy {padding-top: 3em; padding-bottom: 3em;}
.sidebar {padding-top: 3em; padding-bottom: 3em;} 


.row-tint {background: #e1e1e1; padding-top: 3em; padding-bottom: 3em;}

.page-title-container-pw {background: #900c3e;}
.page-title-container-pw h1 {color: #fff;}




.wpcf7-submit {background: #900c3e; color: #fff; padding: 10px 15px; font-weight: bold; text-transform: uppercase; border: 0; border-radius: 0;}
.wpcf7-submit:hover {background: #1e1e1e; text-decoration: none;}


/* Footer */
footer {color: #fff; padding-top: 3em; padding-bottom: 3em; background-image: url(assets/images/bg-footer.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}

footer strong {color: #ffc300;}

footer h2 {font-size: 1.6em; color: #fff; margin-bottom: 0.8em; font-weight: 300;}
footer a {color: #ffc300; text-decoration: none;}
footer a:hover {color: #fff; text-decoration: none;}

footer p {font-size: 1em;}


footer .social-icon {font-size: 1.6em;}


/* Legal */
.legal {padding-top: 12.0em; padding-bottom: 1em; color: #999; font-size: 0.7em;}
.legal a {color: #aaa;}
.legal a:hover {color: #fff;}

























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





/* height of property window iFrames - change as required */
.property-listing-frame {width: 100%; height: 7500px;} 
.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: 7500px;} 
.search-form-embedded {height: 200px;}
}

@media screen and (min-width: 640px) {
.link-panel {float: left; width: 50%; margin-bottom: 0;} 	
	
	
	
	
	
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 2000px;} 
.featured-frame {height: 410px;}
.panel-desc {font-size: 0.8em;}
}

@media screen and (min-width: 960px) {
.link-panel {float: left; width: 25%; margin-bottom: 0;} 	
.opening-hours {padding-top: 20px;}
.header-contact {text-align: right; padding-top: 45px; font-size: 0.9em;}
.slide-text {font-size: 1.4em;} 
.slide-text h1 {font-size: 2.4em;}
	
	
	
	
.searchbox {height: 110px;}
.search-form-embedded {height: 110px;}
.property-details-frame {width: 100%; height: 1800px;} 
.property-listing-frame {width: 100%; height: 2300px;} 

}

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

}