/*
Theme Name:   Better Homes of Seaford
Description:  Write here a brief description about your child-theme
Author:       admin
Author URL:   Write here the author's blog or website url
Template:     twentynineteen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  better-homes-of-seaford
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Montserrat:200,300,400,400i,500,600,700,800&display=swap');

/* General */
body {
    font-family: 'Montserrat', sans-serif;
	color: #4a4a4a;
}
h1, h2, h3, h4, h5 {
	font-family: 'Libre Baskerville', serif;
    font-weight: 700;
}
h1, h5 {
	color: #014a77;
}
h2 {
	color: #4890c0;
}
h3 {
	color: #01742d;
}
.entry .entry-title::before, h1::before, h2::before {
	display: none !important;
}

/************************************* Header ******************************/
.site-branding {
	position: relative;
	top: -50px;
}
.site-title {
	display: none;
}
.site-logo {
	width: 200px;
	right: 50%;
	top: 0;
}
.site-logo .custom-logo-link {
	height: 150px !important;
	width: 150px !important;
	top: 0 !important;
	/*left: 220px;*/
	left: 50%;
	border-radius: 0 !important;
	position: relative;
}
.site-logo .custom-logo-link .custom-logo:hover {
	border: 0 !important;
}
.site-header {
	height: 250px;
	border-bottom: 10px groove #014a77;
}

/******************************************* Main Menu *****************************/
.main-navigation {
	position: relative;
}

.main-navigation .main-menu{
	position: absolute;
	top: 180px;
	left: 50%;
	width: 440px;
	margin-left: -220px;
}
.main-navigation .main-menu a {
	color: #4890c0;
	padding-left: 40px;
	font-weight: 400 !important;
	text-align: center;
}
.main-navigation .main-menu a:hover {
	color: #014a77;
}
.main-navigation .sub-menu > li > a:hover {
	background: #c0c0c0;
}
/*.site-header.featured-image {
		text-shadow: 0px 0px 0px rbga(0, 0, 0, 0) !important;
}
.site-header.featured-image .main-navigation a {
	color: #4890c0;
	opacity: 1 !important;
	transition: none;
}
.site-header.featured-image .main-navigation a:hover {
	color: #014a77;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
	color: #4890c0;
}
.site-header.featured-image .main-navigation li {
	color: #4890c0;
}*/
/* Main Content */
body.home .entry-title {
	display: none;
}
/********************************************** Home Page **********************************************/
@media only screen and (min-width: 1168px) {
.entry .entry-content > *, .entry .entry-summary > * {
	/*max-width: calc(8 * (100vw / 12) - 28px);*/
	max-width: 100% !important;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *, .entry .entry-summary > * {
	/*max-width: calc(8 * (100vw / 12) - 28px);*/
	max-width: 100% !important;	
	}
}
body.home .entry .entry-content {
	margin: -40px 0 0 0 !important;
	max-width: 100% !important;
	padding: 0 !important;
}
.atf-container {
	width: 100% !important;
	height: 480px;
	position: relative;
	/*border-top: 10px groove #014a77;*/
	border-bottom: 10px groove #014a77;
	top: -58px;
}
.atf-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	position: relative;
}

/****** Box Slide In *********/
#slider {
    position: absolute;
	z-index: 5;
	color: #fff;
    width: 860px;
    height: 200px;
	margin: -300px 0 0 0;
	padding: 20px 40px;
    background: #014a77;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
	font-size: 20px !important;
}
#slider p{
	float: left;
}

.slide-in {
    animation: slide-in 0.8s forwards;
    -webkit-animation: slide-in 0.8s forwards;

}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}
.atf-container .btn {
	float: right;
	background: #01742d;
	margin: 20px 0 0 0;
	padding: 10px 40px !important;
	color: #fff !important;
	font-weight: 700;
	font-family: 'Libre Baskerville', serif;
	border: 2px inset #01742d;
	position: relative;
}
.atf-container .btn a{
	color: #fff !important;
	text-decoration: none !important;
	
}
.atf-container .btn:hover {
	background: #4890c0;
	color: #014a77 !important;
	border: 2px inset #fff;
}
.atf-container .btn a:hover {
} 
.home-main {
	margin: -90px 15% 0 15% !important;
}

/**************************************************** Footer *******************************************/
.site-footer {
	background: #4890c0;
}
.site-info {
	background: #014a77;
	margin: 0 !important;
	padding: 20px 15% !important;
	color: #fff !important;
}
.site-info p, .site-info a {
	font-size: 14px !important;
	font-weight: 400 !important;
}
.imprint {
	margin: 0 40px;
}
.footer-navigation {
	float: right;
}
.site-footer a {
	color: #fff !important;
	font-size: 20px;
	font-weight: 400;
}
.site-footer a:hover {
	color: #c0c0c0 !important;
}
.site-footer .widget-title {
	color: #014a77;
	padding: 5px 0;
	font-size: 30px;
	border-bottom: 5px solid #014a77;
}
/* Translate */
#glt-translate-trigger {
	font-family: 'Libre Baskerville', serif;
	background: #01742d;
}
#glt-translate-trigger:hover {
    background: #4890c0;
}
.footer-map {
	height: 300px !important;
	overflow: hidden;
	border: 0 !important;
	margin-top: 80px;
}

/****************************************** Board ************************************/
.img-left {
	border: 3px solid #014a77;
	float: left;
	margin: 40px 60px 0 0 !important;
	width: 500px;
	height: 350px;;
	position: relative;
}
.board li {
	list-style: square !important;
}

/****************************************** Mission ************************************/
.mission {
	margin: 0 10% !important;
	font-style: italic; 
	Font-weight: 700;
}

/****************************************** Rentals ************************************/
.wpfp-date {
	display: none;
}
.wpfp-title a{
	font-family: 'Libre Baskerville', serif;
	font-size: 24px !important;
    text-shadow: 2px 2px 2px #000;
}
.wpfp-categories {
	display: none;
}
/****************************************** Rental Properties **************************/
.post-navigation {
	display: none;
}
.entry-footer {
	display: none;
}
.site-title {
	display: none !important;
}
.contact-info, .apt-features, .cmty-features {
	float: left;
    font-size: 80%;
}
.apt-features, .cmty-features {
	width: 30%;
	margin-right: 5%;
}
.contact-info {
	width: 40%;
}
.apt-features ul, .cmty-features ul {
  list-style: none;
}

.apt-features ul li::before, .cmty-features ul li::before{
  /*content: "\2605";*/  /* Add content: \2022 is the CSS Code/unicode for a bullet */
   content: "\2713";
  color: #4890c0; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
	margin-right: 10px;
}
.contact-info h4, .apt-features h4, .cmty-features h4, .contact-form h4 {
	color: #4890c0;
}
.contact-info .fas {
	color: #4890c0;
	margin-right: 10px;
}
.rental-complex ul {
	list-style: none;
}
.rental-complex ul li::before {
  /*content: "\2605";*/  /* Add content: \2022 is the CSS Code/unicode for a bullet */
   content: "\0203A";
  color: #4890c0; 
  font-weight: bold; 
	font-size: 150%;
  display: inline-block; 
  width: 1em; 
  /*margin-left: -1em; 
	margin-right: 10px;	*/
}
.contact-form, .map {
	width: 50%;
	float: left;
}
.contact-form input {
	width: 90%;
	height: 40px;
}
.contact-form textarea {
	width: 90%;
	height: 100px;
}
.wpcf7-form {
	font-size: 80%;
}
input.wpcf7-form-control.wpcf7-submit {
	background: #014a77;
	border-radius: 0px;
	height: 100px;
	line-height: 1.5;
	font-size: 150%;
	text-transform: uppercase;
}
input.wpcf7-form-control.wpcf7-submit:hover {
	background: #01752e;
}

/******************	Apple iPad Mini/Retina, Amazon Kindle Fire/HD, Asus Eee: 768x1024 **********************/
     @media screen 
      and (device-width: 768px)
		 and (device-height: 1024px) {
			 #slider {
				 font-size: 13px !important;
				 width: 440px;
				 height: 170px;
			 }  
			 .site-info {
				 text-align: center;
			 }
			 .footer-navigation {
				 float: none;
				 clear: left;
				 margin: 40px 0;
			 }
			 .footer-navigation a {
				 font-size: 20px !important;
			 }
			 .apt-features, .cmty-features, .contact-info, .contact-form {
				 font-size: 50%;
			 }
			 h1 {
				 font-size: 180%;
			 }
			  h3 {
				 font-size: 160%;
			 }
			 input.wpcf7-form-control.wpcf7-submit {
				 height: 60px;
			 }
			 .map, .map iframe {
				 height: 470px;
			 }
			 
}


/******************	Samsung Galaxy Tab 10: 800x1280 **********************/
     @media screen 
      and (device-width: 800px)
		 and (device-height: 1280px) {
			 #slider {
				 font-size: 13px !important;
				 width: 440px;
				 height: 170px;
			 } 
			 .site-info {
				 text-align: center;
			 }
			 .footer-navigation {
				 float: none;
				 clear: left;
				 margin: 40px 0;
			 }
			 .footer-navigation a {
				 font-size: 20px !important;
			 }
			 .apt-features, .cmty-features, .contact-info, .contact-form {
				 font-size: 50%;
			 }
			 h1 {
				 font-size: 180%;
			 }
			  h3 {
				 font-size: 160%;
			 }
			 input.wpcf7-form-control.wpcf7-submit {
				 height: 60px;
			 }
			 .map, .map iframe {
				 height: 480px;
			 }
			 
}

/******************	Apple iPhone 3/4/4s: 320x480, Apple iPhone 5/5s: 320x568 **********************/
     @media screen 
      and (device-width: 320px)
		 and (min-device-height: 480px)
	 	and (max-device-height: 568px) {
			.site-logo .custom-logo-link {
				left: 200px;
				top: 40px;
			}
			.main-navigation {
				font-size: 20px;
			}
			.main-navigation .main-menu{
				display: inline-block !important;
				top: 20px;
				width: 320px !important;
				margin-left: -160px;
}
			.main-navigation .main-menu a {
				padding-left: 30px;
			}
			.site-header {
				height: 200px;
			}
			#slider {
				 font-size: 10px !important;
				 width: 240px;
				 height: 200px;
			 } 
			#colophon .site-info {
				padding: 40px 5% !important;
				height: 200px;
				text-align: center !important;
				font-size: 14px;
			}
			.site-name {
				margin-left: 30px;
			}
			.imprint {
				clear: left;
				margin: 100px 0 100px 30px !important;
			}
			.footer-navigation .footer-menu {
				position: relative;
				top: 20px;
				left: -25px;
			}
			.footer-navigation .footer-menu a {
				font-size: 16px !important;
			}
			h1 {
				font-size: 140%;
			}
			h3 {
				font-size: 120%;
			}
			body {
				font-size: 80%;
			}
			.wpfp-featured-post-grid.design-1 .wpfp-title a {
				font-size: 18px !important;
			}
			.rental-complex ul {
				padding-left: 0 !important;
			}
			.rental-complex li {
				font-size: 16px;
			}
			.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
				font-size: 50% !important;
				padding: 2px 3px 2px 3px;
			}
			.ms-is-small.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
				bottom: 0px !important;
			}
			.apt-features, .cmty-features, .contact-info, .contact-form, .map  {
				width: 100%;
			}
			.map iframe {
				height: 300px;
			}
			.contact-form input, .contact-form textarea {
				width: 100%;
			}
}


/******************	Samsung Galaxy S5/S6/S7: 360x640, Sony Xperia Z2/Z3: 360x640 **********************/
     @media screen 
      and (device-width: 360px)
		 and (device-height: 640px) {
			.site-logo .custom-logo-link {
				left: 250px;
				top: 40px;
			}
			.main-navigation {
				font-size: 20px;
			}
			.main-navigation .main-menu{
				display: inline-block !important;
				top: 20px;
				width: 320px !important;
				margin-left: -160px;
}
			.main-navigation .main-menu a {
				padding-left: 30px;
			}
			.site-header {
				height: 200px;
			}
			#slider {
				 font-size: 10px !important;
				 width: 240px;
				 height: 200px;
			 } 
			#colophon .site-info {
				padding: 40px 18% !important;
				height: 200px;
				text-align: center !important;
				font-size: 14px;
			}
			.site-name {
				margin-left: 0px;
			}
			.imprint {
				clear: left !important;
				float: none !important;
				margin: 100px 0 100px 0px !important;
			}
			.footer-navigation .footer-menu {
				position: relative;
				top: 20px;
				/*left: -45px;*/
				left: 0;
			}
			.footer-navigation .footer-menu a {
				font-size: 16px !important;
			}
			h1 {
				font-size: 140%;
			}
			h3 {
				font-size: 120%;
			}
			body {
				font-size: 80%;
			}
			.wpfp-featured-post-grid.design-1 .wpfp-title a {
				font-size: 18px !important;
			}
			.rental-complex ul {
				padding-left: 0 !important;
			}
			.rental-complex li {
				font-size: 16px;
			}
			.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
				font-size: 50% !important;
				padding: 2px 3px 2px 3px;
			}
			.ms-is-small.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
				bottom: 0px !important;
			}
			.apt-features, .cmty-features, .contact-info, .contact-form, .map  {
				width: 100%;
			}
			.map iframe {
				height: 300px;
			}
			.contact-form input, .contact-form textarea {
				width: 100%;
			}
}





/******************	Apple iPhone 6s Plus/7 Plus: 414x736, Google Pixel, Nexus 5/6: 411x731 **********************/
     @media screen 
		 and (min-device-width: 411px)
      and (max-device-width: 415px)
		 and (min-device-height: 731px)
		 and (max-device-height: 737px) {
			.site-logo .custom-logo-link {
				left: 150%;
				top: 40px;
			}
			.main-navigation {
				font-size: 20px;
			}
			.main-navigation .main-menu{
				display: inline-block !important;
				top: 20px;
				width: 320px !important;
				margin-left: -160px;
}
			.main-navigation .main-menu a {
				padding-left: 30px;
			}
			.site-header {
				height: 200px;
			}
			#slider {
				 font-size: 11px !important;
				 width: 300px;
				 height: 200px;
			 } 
			#colophon .site-info {
				padding: 40px 15% !important;
				height: 200px;
				text-align: center !important;
				font-size: 16px;
			}
			 .site-info a {
				 font-size: 16px !important;
			 }
			.site-name {
				margin-left: 10px;
			}
			.imprint {
				clear: left !important;
				float: none !important;
				margin: 100px 0 100px 10px !important;
			}
			.footer-navigation .footer-menu {
				position: relative;
				top: 20px;
				left: -20px;
			}
			.footer-navigation .footer-menu a {
				font-size: 18px !important;
			}
			h1 {
				font-size: 140%;
			}
			h3 {
				font-size: 120%;
			}
			body {
				font-size: 80%;
			}
			.wpfp-featured-post-grid.design-1 .wpfp-title a {
				font-size: 18px !important;
			}
			.rental-complex ul {
				padding-left: 0 !important;
			}
			.rental-complex li {
				font-size: 16px;
			}
			.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
				font-size: 50% !important;
				padding: 2px 3px 2px 3px;
			}
			.ms-is-small.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
				bottom: 0px !important;
			}
			.apt-features, .cmty-features, .contact-info, .contact-form, .map  {
				width: 100%;
			}
			.map iframe {
				height: 300px;
			}
			.contact-form input, .contact-form textarea {
				width: 100%;
			}
}

/******************	Apple iPhone 6/6s/7: 375x667 **********************/
     @media screen 
      and (device-width: 375px)
		 and (device-height: 667px){
			.site-logo .custom-logo-link {
				left: 250px;
				top: 40px;
			}
			.main-navigation {
				font-size: 20px;
			}
			.main-navigation .main-menu{
				display: inline-block !important;
				top: 20px;
				width: 320px !important;
				margin-left: -160px;
}
			.main-navigation .main-menu a {
				padding-left: 30px;
			}
			.site-header {
				height: 200px;
			}
			#slider {
				 font-size: 10px !important;
				 width: 240px;
				 height: 200px;
			 } 
			#colophon .site-info {
				padding: 40px 5% !important;
				height: 200px;
				text-align: center !important;
				font-size: 14px;
			}
			.site-name {
				margin-left: 35px;
			}
			.imprint {
				clear: left;
				margin: 100px 0 100px 40px !important;
			}
			.footer-navigation .footer-menu {
				position: relative;
				top: 20px;
				left: -45px;
			}
			.footer-navigation .footer-menu a {
				font-size: 16px !important;
			}
			h1 {
				font-size: 140%;
			}
			h3 {
				font-size: 120%;
			}
			body {
				font-size: 80%;
			}
			.wpfp-featured-post-grid.design-1 .wpfp-title a {
				font-size: 18px !important;
			}
			.rental-complex ul {
				padding-left: 0 !important;
			}
			.rental-complex li {
				font-size: 16px;
			}
			.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
				font-size: 50% !important;
				padding: 2px 3px 2px 3px;
			}
			.ms-is-small.metaslider.ms-theme-blend .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
				bottom: 0px !important;
			}
			.apt-features, .cmty-features, .contact-info, .contact-form, .map  {
				width: 100%;
			}
			.map iframe {
				height: 300px;
			}
			.contact-form input, .contact-form textarea {
				width: 100%;
			}
}