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

@import "style-properties.css"; 

/* CSS Document */

.container, .row {max-width: 1170px;}
body {background: #fff; color: #333; font-family: 'Roboto', 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: #2d354b;}
body a:hover {color: #000;}

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

.red {color: #2d354b}
.row-red {background : #a51918;}

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

.content-block {padding-top: 2em; padding-bottom: 2em;}
.header-divider {border-bottom: 1px solid #eee; padding-bottom: 0.5em;}


strong {font-weight: bold;}

.cta-button a {display: inline-block; background: #a51918; color: #fff; padding: 0.75em 1.5em; text-decoration: none; margin-bottom: 1em;}
.cta-button a:hover {background: #000; color: #fff;}

/* Header */
header {padding: 0;
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
background-color: #a51918;
/* margin-bottom: 20px; */
position: relative;
width: 100%;
z-index: 99;
top: 0;
}

.logo img {max-width: 100%; padding-bottom: 1em; padding-top: 1em; max-height: 140px;}

.social-links {margin-bottom: 1em;}
.social-links a {display: inline-block; margin-top: 10px;}
.social-links i {font-size: 1.4em; color: #fff;}
.social-links .cta-button {display: inline-block; padding: 0.7em 1em; margin: 0 0 0 0.2em; background-color: #2d354b; color: #fff; text-decoration: none;}
.social-links .cta-button:hover {background-color: #333; color: #fff;}


/* Main Menu */
.main-menu {text-align: right;
	-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;;
    transition: all 0.5s ease-in-out 0s;	
}

.main-menu ul {list-style: none; padding: 0; margin: 0 auto;}
.main-menu ul li {display: inline-block; margin: 0 10px 0 10px; padding: 0;}
.main-menu ul li a {display: inline-block; color: #fff; padding: 0.6em 0; font-size: 0.8em; text-decoration: none;}
.main-menu ul li a:hover {color: #eee;}

.main-menu ul li.current-menu-item a {color: #fff; font-weight: bold;}

ul.dropdown-menu {-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; 
transform: 0.3s;}

.dropdown-menu {background: rgba(255,255,255,0.95); width: auto; border-radius: 0; border: 1px solid #eee; margin-top: 10px;}
.main-menu ul.dropdown-menu li {margin: 0; width: 100%;position: relative; z-index: 500;}
.main-menu ul.dropdown-menu li a {padding: 0.75em 0.5em; border-bottom: 1px solid #eee; font-size: 0.8em; font-weight: 400; width: 100%; color: #a51918;}
.main-menu ul.dropdown-menu li a i {width: 15px;}

.dropdown-menu a:hover {background: #2d354b; color: #fff!important;}

.main-menu ul li.dropdown:hover ul.dropdown-menu {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}
ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
	display: none!important;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block!important;
}

@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-20%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-20%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
	color: #fff;
}
ul.dropdown-menu > li a.dropdown-toggle::after {
    display: inline-block;
	position: absolute;
	right: 5px;
    top: 17px;
    content: "";
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
	color: #fff;
}
ul.dropdown-menu > li a.dropdown-toggle:hover::after {
	color: #fff;
}
/************/
/* Homepage */
/************/

/* Carousel */
#carousel-home {height: 700px;}
.carousel-inner {height: 700px;}
.carousel-item {height: 700px; background-size: cover; background-position: 50% 50%; /*transition: transform 4s ease, opacity .5s ease-out*/}
.home-banner-container {display: flex; align-content: center; justify-content: center; flex-direction: column;}
.home-banner {position: relative; z-index: 1; background: rgba(45, 53, 75, 0.9); opacity: 0.9; color: #fff; font-size: 1.2em; font-weight: bold; padding: 1em; margin-top: 1em; margin-bottom: 1em;}
.home-banner p {margin-bottom: 0;}
.home-banner i {color: #fc0;}
.home-banner h1, .home-banner h2, .home-banner h3, .home-banner h4, .home-banner h5, .home-banner h6, .home-banner a {color: #fff;} 
.home-banner a {text-decoration: underline;} 
.home-banner a:hover {color: #eee;} 

.home-search-container {display: flex; align-content: center; justify-content: center; flex-direction: column;}
.home-search {position: relative; z-index: 1; background: rgba(255, 255, 255, 0.7); color: #333; font-size: 0.8em; padding: 1em; }

/* Strapline */
.strapline {padding-top: 2em; padding-bottom: 2em; font-size: 1.4em; text-align: center; font-weight: 300; color: #fff;}
.strapline a {color: #fff; text-decoration: none;}
.strapline a:hover {color: #fff; text-decoration: none;}

/* Service Panels */
.service-panels {padding-top: 2em;}
.feature-box {
    border: 2px solid #f3f3f3;
    margin-bottom: 30px;
    padding: 0 20px 15px 80px;
    position: relative;
	width: 100%;
}
.feature-box .icon {
    background-color: #a51918;
    height: 60px;
    left: -2px;
    padding: 20px;
    position: absolute;
    top: -2px;
    width: 60px;
}
.feature-box .icon:after {
    bottom: -8px;
    content: "";
    height: 0px;
    border-style: solid;
    border-width: 0 8px 8px 0;
    border-color: transparent #a51918 transparent transparent;
    position: absolute;
    right: 0;
    width: 0px;
}
.feature-box .icon .fa {
    color: #fff;
    font-size: 20px;
}
.feature-box .description {
	font-size: 0.8em;
	color: #666;
}
.feature-box .description h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #2d354b;
    font-weight: normal;
    padding-bottom: 10px;
	margin-top: 1em;
	font-size: 1.4em;
}


/* Home intro */
.home-copy {padding-top: 2em; padding-bottom: 2em; font-size: 0.9em;}
.home-copy h2 {font-size: 1.8em; color: #666; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; margin-bottom: 1em;}

.home-copy ul {padding-left: 0; list-style: none;}
.home-copy ul li:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 7 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f111";
    color: #2d354b;
    font-size: 8px;
    position: relative;
    bottom: 2px;
    margin-right: 10px;
}

/* Newsletter */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], select.form-control, textarea.form-control {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-appearance: none;
    background-color: #f3f3f3;
    border: none;
    font-size: 14px;
    outline: none !important;
    padding: 10px 9px 11px 9px;
    width: 100%;
    height: inherit;
}
.btn.btn-default, select.btn-default {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: #a51918;
    color: #fff;
	padding: 0.55em 1em;
	border-radius: 0;
}
.btn.btn-default:hover, select.btn-default:hover {
    background-color: #000;
    color: #fff;
}


/* Partner Logos */
.partner-logos {width: 100%; text-align: center; padding-top: 2em; padding-bottom: 2em;}
.partner-logo {display: inline-block; padding: 1em;}
.partner-logo img {height: 50px;}



/************/
/* Subpages */
/************/

.subpage {background: #fcfcfc; padding-top: 3em; padding-bottom: 3em;}
.subpage h1 {width: 100%; color: #666; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; margin-bottom: 1em; font-size: 2em;}
.main-image {margin-bottom: 2em; width: 100%; height: auto;}

.cta-panel {padding: 15px; background: #2d354b; color: #fff; margin-bottom: 2em; margin-top: -2em;}
.main-copy .cta-panel h2 {color: #fff; font-weight: 300; font-size: 1.6em; margin-bottom: 0.5em;}
.cta-panel p {display: inline;}
.cta-panel .btn {font-size: 0.9em;}

.main-copy {font-size: 0.9em;}
.main-copy h1,.main-copy h2,.main-copy h3,.main-copy h4,.main-copy h5,.main-copy h6 {color: #666; margin-bottom: 1em; font-weight: 300;}
.main-copy h1 {font-size: 2em;}
.main-copy h2 {font-size: 1.6em;}
.main-copy h3 {font-size: 1.4em;}
.main-copy h4 {font-size: 1.1em;}
.main-copy h5 {font-size: 1em;}
.main-copy h6 {font-size: 1em;}


#contact-map {
  height: 300px;
  width: 100%;
}
.marker-style {
  border: 3px solid #2d354b;
  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;
}

.additional-content {margin-top: 2em; padding-top: 2em; border-top: 1px solid #efefef;}


/* Sidebar */
.sidebar {}

.sidebar h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    margin-top: 21px;
    padding-bottom: 15px;
	font-size: 1.2em;
	color: #666;
	font-weight: normal;
}




ul.sidebar-navigation  {list-style: none; padding: 0; margin: 2em 0 0 0;}

ul.sidebar-navigation li a {
	display: block;
	position: relative;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #f3f3f3;
    border-color: #2d354b;
	color: #2a2a2a;
    padding-left: 10px;
	text-decoration: none;
    border-right: 3px solid #2d354b;
}

ul.sidebar-navigation > li a:after {
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    border-color: transparent transparent transparent #2d354b;
    content: "";
    position: absolute;
    right: -8px;
    top: 1px;
    bottom: 0;
    margin: auto;
}

ul.sidebar-navigation > li a:hover {
	background: #dedede;
}

.sidebar-navigation > li i {
    color: #2d354b;
    margin-right: 8px;
}


/* Team members */
.contact-table-row {clear: both; width: 100%;}
.contact-table-row div {display: inline-block; }
.contact-table-row {padding: 10px 20px 10px 4px; margin-bottom: 0;}
.contact-table-row:nth-child(even) {background: #efefef;}
.contact-table-row div.name {width: 180px;}
.contact-table-row div.email {width: 350px;}	
.contact-table-row div.phone {width: 150px;}	
.contact-table-row a {color: #A51919;}
.contact-table-row a:hover {color: #333;}
.contact-table-row i {color: #aaa;}




/* Footer */
footer {background: #f3f3f3; color: #5a5a5a; padding-top: 3em; padding-bottom: 3em;}

footer h4 {font-size: 1.6em; color: #5a5a5a; margin-bottom: 1em; font-weight: 300;}

footer ul {list-style: none; margin: 0; padding: 0; font-weight: 300; font-size: 0.8em;}
footer li a {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #5a5a5a;
    display: block;
    padding: 5px 0;
    padding-left: 0;
	text-decoration: none!important;
}
footer li a:hover {
    color: #2d354b;
    padding-left: 5px;
}

.footer-links, .footer-contact {margin-bottom: 2em;}
.footer-contact {font-size: 0.8em;}

.footer-legal {font-size: 0.8em; color: #2d354b;}

.copyright {background: #a51918; color: #fff; padding-top: 2em; padding-bottom: 2em; font-size: 0.8em;}
.copyright a {color: #fff;}
.copyright a:hover {color: #ddd;}




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





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




/* BLOG styles*/

.blog-sidebar ul {font-size: 0.7em; margin: 0; padding: 0; list-style: none;}
.blog-sidebar ul li {padding: 0.2em 0; border-bottom: 1px solid #efefef;}
.blog-sidebar h4 {color: #5a5a5a; font-size: 0.9em;}


.news-item {margin-bottom: 3em;}

.postList {padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #efefef;}
.postList img {width: 100%; height: auto; margin-bottom: 1em;}
/*.news-item img {width: 100%; height: auto; margin-bottom: 1em;}*/
.postList h3 {margin-top: 0;}
.postList .cta-button {display: inline-block; background: #2d354b; color: #fff; padding: 0.5em 1em; margin-top: 1em;}
.postList .cta-button:hover {background: #000; color: #fff;}
.postInfo {display: inline-block; background: #fafafa; padding: 0.5em; margin-bottom: 1em;}

.featured-image {float: right; width: 50%; margin-left: 2em; margin-bottom: 2em;}
.featured-image img {width: 100%; height: auto;}

/* Pagination */
.pagination ul {padding: 0;}

.pagination ul li.page-item {padding: 0; border: 0;}
.pagination ul li.page-item {margin-right: 1px;}
.pagination ul li.page-item .page-link {background: #ddd; color: #0a0a0a; border: none; margin-left: 0;}
.pagination ul li.page-item .page-link:hover {background: #ccc; color: #0a0a0a;}
.pagination ul li.page-item.active span {background: #2d354b; color: #fff; border: none; margin-left: 0;}
.pagination ul li.page-item.active span:hover {background: #2d354b; color: #fff; border: none; margin-left: 0;}






/* MEDIA QUERIES */

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

}

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

}

@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) {
.social-links .cta-button {margin: -10px 0 0 0.2em;}
.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;}
	
.carousel-item {background-attachment: fixed;}
.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 */

}