/*
 Theme Name:   Platypus Divi Theme
 Description:  Child of Divi
 Author:       Platypus
 Author URI:   http://www.platypuslocal.com/
 Template:     Divi
 Version:      1.0.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: 600 !important; }

.houzz-link {
text-decoration: none !important;
    font-family: 'Poiret One', cursive !important;
    color: #4681a6 !important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
transition: 0.3 ease-in-out;
}

.houzz-link:hover {
opacity: 0.7;
}

.entry-header img{
	max-width: 50% !important;
}

#text-overlay-half h1 { font-size: medium; }


.dollar-counter span.percent-value:before {
    content: "$";
}

.et-social-icon img { max-width: 68% !important; }

.et-social-icon a:hover, .et-social-icon img:hover { color: #78797A !important; }

.et-social-icon a, .et-social-icon img { color: #7B7C7E !important; }


/*------------HOME----------------*/


.filterBtn {
	color: #666666;
    	padding: 10px 20px;
    	border: 1px solid #E2E2E2;
    	display: inline-block;
    	height: auto;
    	cursor: pointer;
	overflow: hidden;
    	margin: -1px -1px 0 10px;
    	background-color: #fff;
}

.filterBtn:first-of-type {
	margin-left: 57px;
}

.masonry-section img { border: 3px solid #fff; }


.vertical-overlay img, .horizontal-overlay img {
	position: absolute;
	width: 25%;
    transition: 0.5s;
}

.horizontal-overlay img:hover, .vertical-overlay img:hover {
    opacity: 0;
}

#text-overlay-half { position: absolute;
 z-index: 99;
 width: 50%;
 text-align: center;
 background-color: rgba(255, 255, 255, 0.8);
 padding: 14px; }

#text-overlay-fourth { position: absolute;
 z-index: 99;
 width: 100%;
 text-align: center;
 background-color: rgba(255, 255, 255, 0.8);
 padding: 14px; }

sup { font-size: 10px !important; }
h2 sup { font-size: 19px !important; }

ul#top-menu li a { line-height: 1; }

.design-special-section .et_pb_blurb.et_pb_bg_layout_light {
    border: 2px solid #7B7C7E;
    padding-top: 10px !important;
    padding-right: 5px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    margin-bottom: 20px !important;
    background-color: #e8e8e8;
}

.design-special-section .et_pb_blurb.et_pb_bg_layout_dark {
    border: 2px solid #fff;
    padding-top: 10px !important;
    padding-right: 5px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    background-color: #757575;
}

#main-header .et-social-icons { margin-top: 55px; float: left; }

#main-header .et-social-icons li {
    margin-left: 0px;
    margin-right: 17px;
}

#main-header { background-image: url(/wp-content/uploads/2015/09/Mid_Century_B4Plan-copy1.png);
    background-color: rgb(253, 253, 253); }

div#contact-blurb .et_pb_blurb_content {
    padding-right: 12px;
    padding-left: 15px;
}

div#contact-blurb .et_pb_blurb_1 .et_pb_blurb_content {
    border-right: solid 1px #B7D0E0;
    border-left: solid 1px #B7D0E0;
}

.design-special-section .et_pb_blurb {
    transition-duration: 0.3s;
}

.design-special-section .et_pb_bg_layout_light.et_pb_blurb:hover {
    background-color: rgb(214, 214, 214);
}

.design-special-section .et_pb_bg_layout_dark.et_pb_blurb:hover {
    background-color: rgb(95, 95, 95);
}

.design-special-section a {
    color: inherit !important;
}

.et_pb_bg_layout_light span.percent-value {
    color: #4681A6;
}

.et_pb_bg_layout_dark span.percent-value {
    color: #fff;
}

#footer-bottom p {
    color: #fff !important;
}

#footer-bottom a {
    color: #64B8EC !important;
}

#footer-bottom {
    padding: 4px 0 3px !important;
    background-color: #1B3B50 !important;
}

span#et-info-phone, span#et-info-email {
    font-size: 15px;
}

span#et-info-email img {
    max-height: 14px;
    margin-bottom: -2px;
}

ul#home-buttons li {
    list-style-type: none;
    display: inline-block;
}



/* Filter Customizations */
.uform_title {display:none !important;}

#tax-check-0 label {display:none !important;}

.et_pb_toggle_open {
    background-color: #f4f4f4 !important;
}

#uwpqsf_id {
    border: 0 !important;
}

.usearchbtn {
    border: solid 1px;
    margin-top: 20px !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0);
}
.usearchbtn:hover {
    transition:all ease 1s;
    background: rgba(126, 197, 218, 0.99);
}

.filterControls {
    background-image: url(/wp-content/uploads/2015/09/Mid_Century_B4Plan-copy1.png);
}

.delayedAnis1 {
    opacity: 1;
    -webkit-animation: fadeLeft 1.0s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1.0s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1.0s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1.0s 1 cubic-bezier(0.77,0,.175,1);
}
.delayedAnis2 {
    opacity: 1;
    -webkit-animation: fadeLeft 1.2s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1.2s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1.2s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1.2s 1 cubic-bezier(0.77,0,.175,1);
}
.delayedAnis2 {
    opacity: 1;
    -webkit-animation: fadeLeft 1.4s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1.4s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1.4s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1.4s 1 cubic-bezier(0.77,0,.175,1);
}
.delayedAnis3 {
    opacity: 1;
    -webkit-animation: fadeLeft 1.6s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1.6s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1.6s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1.6s 1 cubic-bezier(0.77,0,.175,1);
}
.delayedAnis4 {
    opacity: 1;
    -webkit-animation: fadeLeft 1.8s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1.8s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1.8s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1.8s 1 cubic-bezier(0.77,0,.175,1);
}

.uwpqsf_class label:nth-child(2) {
    background: #EEE !important;
}

/* End Filter Customizations */

@media only screen and (min-width: 768px) and (max-width: 980px) {

.logo_container { display: none; }

#main-header .et-social-icons {
    margin-top: 26px;
}

#text-overlay-half {
    width: 100%; }

#text-overlay-fourth {
width: 50% }

}

@media only screen and (max-width: 980px){
	.et_header_style_left #et-top-navigation .mobile_menu_bar { padding: 15px 0; }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
 
#text-overlay-half {
    width: 100%; }

#text-overlay-fourth {
width: 50% }



.logo_container { display: none; }

#main-header .et-social-icons {
    margin-top: 26px;
}

}


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

#text-overlay-half, #text-overlay-fourth {
    width: 100%; }

.logo_container { display: none; }

#main-header .et-social-icons {
    margin-top: 26px;
}

span#et-info-email {
    margin-top: 5px;
    display: block;
}



}







@media only screen and (max-width: 1024px) {

.vertical-overlay img, .horizontal-overlay img {
    opacity: 0;
}

}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  { 
div#consultation-fee > p > span { font-size: 50px !important; }
 }

#home-buttons {
display: flex;
    align-items: center;
    justify-content: flex-end;
}