/*
 Theme Name:     Hay & Co	
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child theme created for Hay & Co by TC Ink Web
 Author:         TC Ink Web
 Author URI:     https://www.tcink.com.au/
 Template:       Divi
 Version:        1.0.7
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


h1 {font-size: 50px;}

p, ul, li, a , #gform_confirmation_message_1{/*color: #566b78;*/ font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0.3px;}

.footer-widget {color: #566b78;}

li {padding-bottom: 8px;}

html,body {height:100%; background-color:#fff; }

body.page-id-109 #page-container {
    background-image: url(https://www.hayandco.com.au/wp2017/wp-content/uploads/2025/03/kitchen-1.jpg) !important;
    background-size: 50% auto !important;
    background-repeat: no-repeat !important;
    background-position: right 60% !important;
    background-attachment: fixed !important;
    min-height: 100%;
}body.page-id-84  #page-container {
	background-image: url(https://www.hayandco.com.au/wp2017/wp-content/uploads/2017/10/kitchen-faded.jpg)!important;
	background-size: 66% auto !important;
    background-repeat: no-repeat !important;
    background-position: left 65% !important;
	background-attachment: fixed !important;
	min-height: 100%;
}body.page-id-114  #page-container {
	background-image: url(https://www.hayandco.com.au/wp2017/wp-content/uploads/2017/10/kitchen-faded.jpg)!important;
    background-size: 50% auto !important;
    background-repeat: no-repeat !important;
    background-position: right 65% !important;
    background-attachment: fixed !important;
    min-height: 100%;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

/*.tc-half-bg {background-size: 50% auto; background-repeat: no-repeat; background-position: left top;}*/
.tc-half-bg {}
.tc-half-bg .et_pb_row {}

.gform_wrapper {margin-top:0px !important;}

.gform_wrapper label.gfield_label {font-weight: 400 !important;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:100% !important;}

.gform_footer {text-align: center; margin-top: 0px !important; padding-top: 0px !important;}

.gform_button {background: transparent; border: solid 2px #f0531f; padding: 10px 20px; font-size: 16px !important; border-radius: 999px; color: #f0531f; cursor: pointer; font-weight:500;}
.gform_button:hover {background-color: #f0531f; color: #fff;}

body .gform_wrapper ul li.gfield {margin-top: 8px !Important;}

.gform_wrapper textarea.small {height: 60px !important;}

.gform_wrapper .gform_fileupload_multifile .gform_drop_area {padding: 12px 24px !important; margin-bottom: 0px !important;}

.gform_drop_area .gform_button_select_files {background: #fff !important; position: relative !important; border: solid 1px #BBB;}


/*New home page 200714*/
.fs-simplehome {
	height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
	max-width: 1400px;
    margin: 0 auto;
}
.fs-simplehome img {width: 500px; max-width: 100%;}
.fs-simplehome h1 {
	font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin: 64px 18px;
}
.fs-simplehome p {padding: 0px 18px;}

img.insta-new {width: 32px; max-width: 100%; margin: 0 auto; margin-top: 20px;}

small {
	font-size: 0.75em;
    line-height: 0.75em;
}

.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
	margin-bottom: 16px;
	    width: 100%;
}
.fwidget a {
	color: #566b78 !important;
	text-decoration: underline;
}

	#top-menu>li:last-child a {
		color: #FFFFFF !important;
		border-width: 2px !important;
		border-color: #f0531f;
		background-color: #f0531f;
		padding: 6px 14px !important;
		margin-top: -6px;
		border-radius: 3px;
	}

	#mobile_menu>li:last-child a {
		color: #FFFFFF !important;
		border-width: 2px !important;
		border-color: #f0531f;
		background-color: #f0531f;
		margin-top: -6px;
		border-radius: 3px;
	}

#menu-footer-menu {
	padding-top: 12px;
}
#footer-widgets .footer-widget li {
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer-widgets .footer-widget li:before {
	content: none;
}
#footer-widgets .footer-widget li { 
	text-decoration: underline;	
}

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 981px ) { 
	.et_header_style_left #et-top-navigation {padding-left: 0px !important;}
	#et-top-navigation, nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {float: none;}
	#top-menu {display: flex; justify-content: center; column-gap: 30px; margin-left: 30px;}
	#top-menu>li:last-child {
		position: absolute;
    	right: 30px;
	}

	#top-menu li {padding-right: 0px;}
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( max-width: 980px ) {
	/*.tc-half-bg {background-position: center top; background-size: cover; background-attachment: fixed;}*/
	.tc-half-bg  .et_fullscreen_slider {height: auto !important;}
	.tc-content {background: rgba(255, 255, 255, 0.85); padding: 3% 5%;}
	
	body.page-id-109 #page-container {background-position: center 60% !important; background-size: cover !important;}
	body.page-id-84 #page-container {background-position: center 65% !important; background-size: cover !important;}
	body.page-id-114 #page-container {background-position: center bottom !important; background-size: cover !important;}
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( max-width: 767px ) {
	
	.fs-simplehome h1 {
		font-size: 22px;
		line-height: 32px;
		margin: 48px 18px;
	}
	
	
	.fs-simplehome img {padding: 0px 24px;}
	.fs-simplehome img.insta-new {padding: initial;}

}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {

}