/*
 Theme Name:  The Window Fair Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for The Window Fair
 Author:       TJS Media
 Author URI:   https://tjsmedia.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


/* ===== REMOVE HORIZONTAL SCROLLBAR ===== */
#page-container {
    overflow-x: hidden;
}

/* ===== TOP BAR ===== */

/* Add padding to top bar icons */
.fa-mobile-alt:before {
    padding-top: 6px;
    padding-right: 12px;
}

.fa-envelope:before {
    padding-top: 6px;
    padding-right: 12px;
}

/*Disable cursor change when hovering over phone */
a.disabled {
  pointer-events: none;
  cursor: default;
}

/*Add a bit more space to right of phone icon */
#menu-item-527 {
	margin-right:10px;
}

/* Don't display hamburger nav in topbar in mobile views */
@media (max-width: 980px) {
	#divi-sticky-topbar .et_pb_menu .et_mobile_nav_menu {
    display: none;
    float: none;
    margin: 0 6px;
    align-items: center;
		}
	}

/* Display topbar menu items in mobile views */
@media (max-width: 980px) {
	#divi-sticky-topbar .et_pb_menu .et_pb_menu__menu {
    display: flex;
	}
}

/* EXCEPT -- Don't display phone in topbar in mobile views */
@media (max-width: 980px) {
#menu-item-527 {
	display: none;
}
}

/* Change default text in search input field to uppercase */
.et_pb_menu__search-input::placeholder {
	font-size:14px;
	letter-spacing:1px;
	text-transform: uppercase;
	color: #fff !important;
}

/* ===== STICKY TOP BAR ===== */
#divi-sticky-topbar {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width: 100%;
	z-index: 999 !important;
}

/* ===== MAIN NAV ===== */
li#menu-item-771 a {
  display: block;
  background-image:url('https://dev.thewindowfair.com/wp-content/uploads/2019/11/logo-small-2x.png');
  background-repeat: no-repeat;
  background-size: 130px 55px;
  width: 135px;
  height: 60px;
  text-indent: -9000px;
}

/* Vertically align nav elements in center with logo on fixed header version */
.et_pb_menu__menu > nav > ul {
    display: flex !important;
    align-items: center !important;
}

/* ===== STICKY MAIN NAV ===== */
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.header-f-wrapper {
display:none;
}

.header-mobile-f-wrapper {
display:none;
}

@media only screen and ( min-width: 782px )  { /* fixed only for devices > 781px, feel free to change the value */ 
.header-f-wrapper {
z-index: 999; /* display at the top */ 
position: fixed;
width:100%;  
top: 41px;
-webkit-animation: fadein 0.5s ease-in-out; 
-moz-animation: fadein 0.5s ease-in-out;
animation: fadein 0.5s ease-in-out;  
	}
}
	
@media only screen and ( max-width: 781px )  { /* fixed only for devices < 782px, feel free to change the value */ 
.header-mobile-f-wrapper {
z-index: 999; /* display at the top */ 
position: fixed;
width:100%;  
top: 41px;
-webkit-animation: fadein 0.5s ease-in; 
-moz-animation: fadein 0.5s ease-in;
animation: fadein 0.5s ease-in;  
	}
}
  
@media only screen and ( min-width: 782px ) {
.header-f-wrapper.header-show {
display:block;
	}
}
	
@media only screen and ( max-width: 781px )  {
.header-mobile-f-wrapper.header-show {
display:block;
	}
}

@media only screen and ( min-width: 782px )  {
.admin-bar #header-fixed{ 
  top: 32px;  
	}
}

/* ===== STICKY MOBILE NAV BAR ===== */
@media only screen and ( max-width: 781px )  {
#header-mobile-fixed { 
	position:fixed;
	top:40px;
	left:0;
	right:0;
	width: 100%;
	z-index: 999 !important;
	}
}

/* Adjust mobile dropdown menu downward */
@media (max-width: 980px) {
#mobile_menu4 {
    top: 118%;
	}
}

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

/* Footer links */
#footerLink a {
	color: rgba(255,255,255,0.7);
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#footerLink a:hover {
	color: rgba(255,255,255,0.9);
}



/* Footer company logos inline */
#company_logos_column { 
	text-align: justify;
}

#company_logos {
	display: inline-block;
	width: 33.33%;
}

@media only screen and (max-width: 767px) {
	#company_logos {
	width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
}

/* Hide footer logo in portrait mobile views */
@media only screen and (max-width: 567px) {
.hide-mobile {
    visibility: hidden !important;
}
}

/* Adjust top padding in landscape mobile views */
@media only screen and (min-width: 568px) and (max-width: 736px) {
.padding-mobile {
    padding-top: 0 !important;
}
}

/* ===== HOME PAGE HERO SLIDER ===== */

/* Change default text description and content overlay to fade in, no animation */
.no-animation .et_pb_slide_description {    
    animation-name: fadeIn;
}

/* Custom handwriting font for select words in slider text title */
mark {
	background: transparent;
	font-family: 'Caveat',handwriting;
	font-size: 56px;
	color: #474747;
	letter-spacing: 0;
	line-height: 1em;
}

@media only screen and ( max-width: 781px )  {
	mark {
		font-size: 36px;
	}
}

/* ===== HOME PAGE WELCOME AREA ===== */

/* Vertically center column elements */
				
.et_pb_equal_columns >.et_pb_column_3 {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

/* Adjust height of family image for mobile portrait/landscape orientation */
@media only screen and (min-width: 568px) and (max-width: 767px) {
.et_pb_text_0 {
    max-height: 120vh !important;
    }
}

/* Adjust height of family image for iPad portrait orientation */
@media only screen and (min-width: 768px) and (max-width: 769px) {
.et_pb_text_0 {
    max-height: 70vh !important;
    }
}

/* Adjust max width of text module for iPad landscape orientation */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.et_pb_text_0 {
    margin-left: 45px !important;
	margin-right: 45px !important;
    }
}

/* ===== HOME PAGE BLURB AREA ===== */

/* Custom blurb button */
.blurb-button {
    color: #fff;
	background-color: #426386;
    display: block;
    font-size: 16px;
	letter-spacing: 1px;
    font-weight: 700;
    line-height: 45px;
    margin: 5px auto;
    width: 145px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    }

.blurb-button:hover {
	background-color: #7a91aa;
}

/* ===== SCHEDULE PAGE ===== */

/* Bottom padding below vCita widget for mobile landscape views */

/* iPhone 6/7/8 Plus */
@media only screen and ( min-width: 668px ) and ( max-width: 736px ) {
#vcita-col {
    margin-bottom: 120px !important;
	}
}	

/* iPhone 6/7/8 */
@media only screen and ( min-width: 640px ) and ( max-width: 667px ) {
#vcita-col {
    margin-bottom: 180px !important;
	}
}	

/* Galaxy S5 */
@media only screen and ( min-width: 640px ) and ( max-width: 666px ) {
#vcita-col {
    margin-bottom: 210px !important;
	}
}	

/* iPhone 5/SE */
@media only screen and ( min-width: 568px ) and ( max-width: 639px ) {
#vcita-col {
    margin-bottom: 260px !important;
	}
}	

/* ===== CONTACT US FORMS ===== */

/* Adjust vertical spacing between form fields */
#wpcf7-f321-p51-o1 p, #wpcf7-f321-p312-o1 p {
	margin-bottom: 0px !important;
}

/* Reduce height of textarea field on home page form */
#custom-textarea-home {
    height: 7em !important;
}

/* Remove default rounded corners of form fields in iOS Safari view */
.dvppl_cf7_styler_0 .dvppl-cf7-styler input, .dvppl_cf7_styler_0 .dvppl-cf7-styler textarea {
	-webkit-appearance: none !important;
    -webkit-border-radius: 0 !important; 
    border-radius: 0 !important;
}

/* Custom formatting for validation error display on home page form */
#wpcf7-f321-p312-o1 div.wpcf7-response-output {
    margin-bottom: 15px;
	margin-left: 0;
	border: 1px solid #ffffff;
	font-weight: 600;
    letter-spacing: 1px;
    font-style: italic;
}

#wpcf7-f321-p312-o1 span.wpcf7-not-valid-tip {
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
	letter-spacing: 1px;
	font-style: italic;
    display: block;
}

/* Custom formatting for validation error display on contact page form */
#wpcf7-f321-p51-o1 div.wpcf7-response-output {
    margin-bottom: 15px;
	margin-left: 0;
	border: 1px solid #426386;
	font-weight: 600;
    letter-spacing: 1px;
    font-style: italic;
}

#wpcf7-f321-p51-o1 span.wpcf7-not-valid-tip {
    color: #426386;
    font-size: 1em;
    font-weight: normal;
	letter-spacing: 1px;
	font-style: italic;
    display: block;
}

/* Vertically center column elements on contact page */
				
.et_pb_equal_columns >.et_pb_column_1 {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

/* Remove vertical border on mobile views */
@media only screen and (max-width: 980px) {
#border-none {
    border-left-width: 0px;
	padding-left: 0px;
	}
}

/* Format submit button hover color and transition */
#wpcf7-f321-p51-o1 input[type="submit"], #wpcf7-f321-p312-o1 input[type="submit"] {
	-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    }

#wpcf7-f321-p51-o1 input[type=submit]:hover, #wpcf7-f321-p312-o1 input[type=submit]:hover {
	background-color: #7a91aa !important;
}

/* ===== BLOG (NEWS) PAGES ===== */

/* Custom Read More button */

.more-link {
    font-size: 16px;
	letter-spacing: 1px;
    font-weight: 700;
    line-height: 45px;
    margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    width: 135px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #426386;
    display: inline-block !important;
    color: #fff;
    text-transform: uppercase;
	-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.more-link:hover {
    background-color: #7a91aa !important;
}

/* Custom inner border padding ===== */
#blog-text-padding .post-content {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

#blog-text-padding .entry-title {
	padding-left: 10px;
	padding-right: 10px;
}

#blog-text-padding .post-meta {
	padding-left: 10px;
	padding-right: 10px;
}

/* Custom blog body text size */
#blog-text-padding p {
	font-size: 14px;
}

/* Custom comments border */
ol.commentlist {
	list-style: none !important;
    border: 1px solid #e8e8e8 !important;
    padding: 30px !important;
	}

/* Custom top margin spacing above "Submit a Comment" */
.comment-reply-title {
	margin-top: 40px !important;
}

/* ===== PORTFOLIO PAGES ===== */

/* Two column portfolio layout */
 
@media only screen and ( min-width: 768px ) {
 
.two-column-grid .et_pb_grid_item {
width: 47% !important;
margin: 0 6% 6% 0 !important;
}
 
.two-column-grid .et_pb_grid_item:nth-child(2n) {
margin-right: 0 !important;
}
 
.two-column-grid .et_pb_grid_item:nth-child(2n+1) {
clear: left;
}
 
.two-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: unset !important;
	} 
}

/* Custom portfolio title hover effect */
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item img {
 -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    opacity: 0 !important;
transform: translateY(-200px);
position: absolute;
    margin: auto;
    width: 100%;
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    opacity: 0 !important;
transform: translateY(-170px);
position: absolute;
    margin: auto;
    width: 100%;
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {
opacity: 1 !important;
transform: translateY(-180px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {
opacity: 1 !important;
transform: translateY(-150px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover img {
filter: opacity(30%) ;
}
@media only screen and (max-width: 980px) {
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 33.3%;
}
}
@media only screen and (max-width: 768px) {
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
transform: translateY(-115px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
transform: translateY(-85px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {
transform: translateY(-95px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {
transform: translateY(-75px);
}
	
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 50%;
}
}

@media only screen and (max-width: 480px) {
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
transform: translateY(-140px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
transform: translateY(-110px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover h2 {
transform: translateY(-120px);
}
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item:hover .post-meta {
transform: translateY(-90px);
}	
	
.b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item h2, .b3_portfolio .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta {
    width: 100%;
}
.b3_portfolio .et_portfolio_image img {
    width: 100%;
	}
}

/* ===== CUSTOM WINDOW TREATMENTS MAIN PAGE ===== */

/* Blurb module title text overlay */
.blurb-text-overlay .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.blurb-text-overlay .et_pb_blurb_container {
  position: absolute;
  align-self: center;
  width: 100%;
}

.et_pb_blurb_0.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2.et_pb_blurb .et_pb_module_header, .et_pb_blurb_3.et_pb_blurb .et_pb_module_header {
  background:rgba(255, 255, 255, 0.5);
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}

/* ===== CUSTOM SEARCH RESULTS PAGE ===== */

/* Format search button hover color and transition */
.et_pb_search_0_tb_body input.et_pb_searchsubmit {
	-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    }

.et_pb_search_0_tb_body input.et_pb_searchsubmit:hover {
	background-color: #7a91aa !important;
}