/*
Theme Name: Gold Eagle Realty
Template: Divi
Author: Lund Solutions
*/


/* HOME HERO
================================*/

.hdr-title {
	font-weight: bold;
	font-size: 55px;
	line-height: 1.2em;
}

@media (max-width: 980px) {
	.hdr-title {
		font-size: 40px;
	}
}

/* end Home Hero */

/* GF - CONTACT FORM
================================*/

.contact-form input.text,
.contact-form input.title,
.contact-form input[type=email],
.contact-form input[type=password],
.contact-form input[type=tel],
.contact-form input[type=text],
.contact-form select,
.contact-form textarea {
	border: none;
	background-color: #eee;
}

.contact-form ::-webkit-input-placeholder { /* Chrome */
  color: #999 !important;
  font-size: 14px !important;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
  color: #999 !important;
  font-size: 14px !important;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
  color: #999 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}
.contact-form :-moz-placeholder { /* Firefox 4 - 18 */
  color: #999 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}

.gform_wrapper .contact-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .contact-form textarea {
	padding: 16px !important;
}

.gform_wrapper .contact-form .gform_footer input.button,
.gform_wrapper .contact-form .gform_footer input[type=submit],
.gform_wrapper .contact-form .gform_page_footer input.button,
.gform_wrapper .contact-form .gform_page_footer input[type=submit] {
	float: right;
	background-color: #d19303;
	color: #fff;
	border: none;
	font-size: 20px;
	padding: 10px 22px;
	font-weight: bold;
	margin: 0;
}

.gform_wrapper .contact-form ul.gform_fields li.gfield {
	padding-right: 0px;
}

.gform_wrapper .contact-form li.hidden_label input {
	margin-top: 0px
}

.gform_wrapper .contact-form .gform_footer {
	margin: 10px 0 0 0;
	padding: 0px;
}


/* MOBILE NAV
================================*/

.et_mobile_menu {
	border: none;
}

.mobile_menu_bar:before {
	color: #d19303 !important;
}

/* end Mobile Nav */

/* FOOTER
================================*/

@media (max-width: 980px) {
  .eql-house {
    float: left;
  }
}

/* end Footer */

@media (min-width: 981px) {
	#main-content .container:before {
		display: none;
	}
}


.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


.et_pb_section.et_pb_section_0.et_pb_fullwidth_section.et_section_regular.et_pb_section_first.fw_hdr {
    background-image: url(http://www.lundstaging.com/goldeaglerealty/wp-content/uploads/2018/03/4018_raleigh_ave_s_MLS_HID838017_ROOMbedroom3.jpg);
    padding-bottom: 0px;
}

.et_pb_section.fw-hdr {
	padding: 0px !important;
}

.et_pb_fullwidth_header_overlay.hdr-overlay {
	background-color: rgba(209,147,3,0.8);
}

h1.entry-title {
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}

/* SINGLE PROP PAGES
================================*/

.paged {
	border-bottom: 1px solid #e8e8e8;
	padding:10px 0 !important;
	margin-bottom: 20px;
}
.paged .next {
	text-align: right;
}

.propdets h2 {
	color: #d19303;
	font-weight: bold;
}
.propdets .dets {
	font-weight: bold;
	padding:20px 0;
}
.propdets .dets span {
	display: inline-block;
	padding:0 3px 0 0;
	font-weight: normal !important;
	color: #999;
}

.propdets .sold {
	color: #d19303;
	font-weight: bold;
	font-style: italic;
}

/* PROP GALLERY ENDLESS LOOP========== */

#carousel_container {
	position: relative;
}
#carousel_inner {
float:left;
width:100%;
overflow: hidden;
background: #f0f0f0;
}

#carousel_ul {
position:relative;
left:0px;
list-style-type: none;
margin: 0px;
padding: 0px;
width:9999px; /* important */
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}

#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

/* GALLERY LIGHTBOX OVERLAY
===============================================*/

.prop-spacer {
	display: block;
	width: 100%;
	background-color: #000;
	height: 100px;
}

.et_pb_row.propgallery {
	padding-top: 0 !important;
}

.image-gallery .btn,
#carousel_container .btn {
	position: absolute;
	top: 0;
	z-index: 10;
	display: inline-block;
	cursor: pointer;
	width: 80px;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.image-gallery .btn.disabled {
	display: none !important;
}
.image-gallery .btn:hover,
#carousel_container .btn:hover {
	background-color: rgba(0,0,0,0.4);
}
.btn.nextPage,
.btn.next {
	right: 0;
}
.btn.prevPage,
.btn.prev {
	left: 0;
}
.image-gallery .btn img,
#carousel_container .btn img {
	width: 25px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.image-gallery {
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: #f8f8f8;
	position: relative;
}
.image-gallery:after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.galleryth {
	margin:0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	z-index: 1;
	float: left;
	width: 399px;
	height: 300px;
	overflow: hidden;
	border-right: 1px solid #f0f0f0;
}
.galleryth a.thumb {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
.galleryth img {
	object-fit: cover;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}
.thumb:before {
	display: block;
	content: "";
	font-size: 18px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	padding:30% 0 0;
	top: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.thumb:hover:before {
	font-size: 30px;
	opacity: 1;
}

.gallery {
  position: fixed;
  width: 102%;
  height: 5%;
  overflow: hidden;
  z-index: -1;
  top: 40%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  /*background:rgba(20,20,20,0.85);*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+0,141414+10,141414+90,141414+100&0+0,0.85+10,0.85+90,0+100 */
	background: -moz-linear-gradient(top,  rgba(20,20,20,0) 0%, rgba(20,20,20,0.95) 10%, rgba(20,20,20,0.95) 90%, rgba(20,20,20,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(20,20,20,0) 0%,rgba(20,20,20,0.95) 10%,rgba(20,20,20,0.95) 90%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(20,20,20,0) 0%,rgba(20,20,20,0.95) 10%,rgba(20,20,20,0.95) 90%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00141414', endColorstr='#00141414',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-active {
	position: fixed !important;
	opacity: 1 !important;
	z-index: 11 !important;
	height: 140% !important;
	top: 50% !important;
}

.gallery-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 7;
	max-height: 95vh;
	width: 80%;
	text-align: center;
}

@media all and (max-width: 900px) {
	.gallery-container {
		width: 95%;
	}
}

.gallery-container img {
	width: auto;
	height: auto;
	max-height: 70vh;
	margin-bottom: 1rem;
/*	width: 100%;*/
}

.gallery-container p {
	margin-bottom: 0;
	font-size: 0.85rem;
	line-height: 1rem;
	color: #fff;
}


.gallerybg-close,
.gallerybg2-close {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}

.gallery-container > div {
	position: relative;
	padding:2rem 1rem;
}
.closeGallery,
.closeGallery2 {
	position: absolute;
	top:-0.5rem;
	right: 0;
	display: inline-block;
	padding:0.5rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	color: #fff !important;
}

/* ARCHIVE PROPERTIES PAGE
===================================== */

.archive-box {
	display: inline-block;
	width: 100%;
	height: 220px;
	overflow: hidden;
	position: relative;
	margin:0 0 20px;
	background-color: #f0f0f0;
}
@media all and (min-width: 768px) {
	.archive-box {
		width: 48%;
		margin:0 0.8% 20px;
	}
}
@media all and (min-width: 960px) {
	.archive-box {
		width: 32%;
		margin:0 0.5% 20px;
	}
}
.archive-box img {
	object-fit: cover;
	height: 220px;
	z-index: 0;
}
.box-show {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
.box-show h4 {
	display: block;
	width: 100%;
	padding:0 20px;
	text-align: center;
	position: absolute;
	z-index: 3;
	color: #fff;
	font-weight: bold;
	top: 60%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.archive-box .sold {
	display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #d19303;
	position: absolute;
	left: -28px;
	top: 11px;
	line-height: 12px;
	padding:4px 0;
	width: 100px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 3;
	-webkit-clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 0% 50%);
	clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 0% 50%);
}
.archive-box .sold.sale {
	left: -26px;
	top: 20px;
	width: 110px;
	background-color: #e83c00;
}
.archive-box:hover .box-show {
	opacity: 1;
}
.archive-box:hover .box-show h4 {
	top: 50%;
}
.archive-box:hover .sold {
	width: 70px;
	top:20px;
	left: 0px;
	color: #333;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}





/*===================================*/