/*
Theme Name: Melanie Tonazzi
Theme URI: https://squeezecreative.com.au
Template: Divi
Author: Squeeze Creative
Author URI: https://squeezecreative.com.au
Description: By Squeeze Creative
Version: 4.14.6.1644304863
Updated: 2022-02-08 07:21:03

*/

:root {
	--sqz-primary-color : var(--gcid-primary-color);
	--sqz-secondary-color: var(--gcid-secondary-color);
	--sqz-dark-color: var(--gcid-body-color);
	--sqz-plain-color: #ffffff;
	--sqz-logo-width: 200px;
	--sqz-header-height : 114px;
	--sqz-menu-padding: 30px;
	--sqz-menu-bar-color: var(--sqz-plain-color);
	--sqz-menu-bgr : var(--sqz-primary-color);
	--sqz-menu-item-color: var(--sqz-plain-color);
	--sqz-menu-hover-color: var(--sqz-secondary-color);
	--sqz-menu-item-border-color: var(--sqz-secondary-color);
	--sqz-admin-bar-height: 0px;
	--sqz-blog-card-gutter: 25px;
	
	--sqz-gravity-gap: 30px;
	
	
	--sqz-field-placeholder-color: #8da3ad;
	--sqz-field-height: 50px;
	--sqz-field-background: var(--sqz-plain-color);
	--sqz-field-border: var(--sqz-plain-color);
	--sqz-field-font-size: 20px;
	--sqz-field-color: #000;
	--sqz-field-active-border: var(--sqz-secondary-color);
	
}

@media (max-width: 1200px) {
	:root {
		--sqz-logo-width: 180px;
	}
}
@media (max-width: 768px) {
	:root {
		--sqz-header-height : 56px;
		--sqz-logo-width: 100px;
	}
}



.has_et_pb_sticky {
	--sqz-menu-top : 52px;
}
.admin-bar {
	--sqz-admin-bar-height : 32px;
}

.et-l--header {
	position: absolute;
	width: 100%;
}

@media (max-width: 762px) {
	.admin-bar {
		--sqz-admin-bar-height : 46px;
	}
	.has_et_pb_sticky {
		--sqz-admin-bar-height : 0px;
	}
	
}

/*gravity */
::placeholder {
  color: var(--sqz-field-placeholder-color); 
  opacity: 1; 
}

::-webkit-input-placeholder {
  color: var(--sqz-field-placeholder-color);
}
:-ms-input-placeholder {
  color: var(--sqz-field-placeholder-color);
}
::-ms-input-placeholder {
  color: var(--sqz-field-placeholder-color);
}




@media (max-width:980px) {

	body .et-l--header>.et_builder_inner_content>.et_pb_section.et_pb_section_0_tb_header {background: rgba(0,0,0,0.5) !important;}
	body .et_pb_menu__logo-wrap {z-index: 99999;} 
	body .mobile_menu_bar {width: 40px; padding: 0 !important; z-index: 99999;}
	body .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {color: var(--sqz-plain-color);}
	body .et_pb_menu_0_tb_header .mobile_nav.opened .mobile_menu_bar:before {content:'\4d';}


	body .et_mobile_menu li {position: relative;}
	body .et_mobile_menu .menu-item-has-children>a, body .et_mobile_menu li a:hover, body .nav ul li a:hover {background: none; opacity: 1;}
	body .et_mobile_menu li a {padding: 15px 0; position: relative; z-index: 1; color: var(--sqz-plain-color) !important;}
	body .sqz-toggle_icon {position: absolute; left: 0; right: 0; text-align: right; z-index: 2;}
	body .et_mobile_menu li li {padding-left: 30px;}
	body .et_pb_menu .et_mobile_menu li ul {padding-left: 0; padding-bottom: 0;}

	
	.et_mobile_menu li .sub-toggle {position:absolute; top:10px; right:0; z-index:9; width:40px; height:40px; z-index:9;}
	.et_mobile_menu li .sub-toggle:after {content: '\22'; font-family: 'ETmodules'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position:absolute; top:5px; right:0; font-size: 24px; color: var(--sqz-menu-bar-color);}
	.et_mobile_menu li .sub-toggle.active:after {content: '\21';}
	
	body .et_mobile_menu li ul {max-height:0; overflow:hidden; transition:all 0.5s ease-in-out 0s; padding: 0 10px 0 30px !important;}
	body .et_mobile_menu li ul.open {max-height:5000px; padding-bottom: 20px !important;}


	
	.nav-open {overflow:hidden;}
	.nav-open.et_fixed_nav #main-header {position:fixed;}
	body.admin-bar.et_fixed_nav.et_header_style_slide.nav-open #main-header {top: var(--sqz-admin-bar-height) !important;} 
	.nav-open .et_pb_scroll_top {display: none !important;}
	
	body .et_pb_menu .et_pb_menu__menu {display: none;}
	body .et_pb_menu .et_mobile_nav_menu {display: flex;}
	body .et_pb_menu .et_mobile_menu, 
	body .et_pb_menu .et_mobile_menu ul {list-style: none !important; text-align: left;}

	
	body .et_pb_section_0_tb_header {height: var(--sqz-header-height) !important;}
	
	.mobile_menu_bar {padding:10px 0 10px 20px !important;}
	/*
	body .et_pb_menu .et_mobile_menu {--sqz-header-height-offset: calc(var(--sqz-header-height) + var(--sqz-menu-padding)); position: fixed; left: 0; right: 0; top: 0; padding-top: calc(var(--sqz-header-height-offset) + var(--sqz-admin-bar-height)); padding-left:var(--sqz-menu-padding); padding-right:var(--sqz-menu-padding); padding-bottom:200px; text-align: left; list-style: none; background: var(--sqz-menu-bgr); height: 100vh; transition: transform 0.3s ease-in-out 0s; overflow:auto;  display: flex !important; flex-direction: column; transform: translateY(-100%); transition: transform 0.3s ease-in-out 0s;}
	body .mobile_nav.opened .et_mobile_menu {transform: none; }
	
	body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {border-top: none !important;}
	.et_mobile_menu li {position:relative; border-bottom: solid 1px var(--sqz-menu-item-border-color);}
	.et_mobile_menu li a {border:none; font-size:18px; font-weight:400; padding:15px 0; color:var(--sqz-menu-item-color) !important; position:relative; z-index:2;}
	
	.et_mobile_menu li a:hover, .nav ul li a:hover {background:none; opacity:1;}
	.et_mobile_menu li.menu-item-has-children>a:after {display:none;}
	body .et_pb_menu_2_tb_header.et_pb_menu ul li.current-menu-item>a,
	body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item>a,
	.et_mobile_menu li.current-menu-item > a {color:var(--sqz-menu-hover-color) !important;}
	*/

}

@media (max-width:767px) {
	#main-header .container {padding-left:20px; padding-right:20px; width: 100%;}
	.et_header_style_left .logo_container {width:calc(100% - 40px) !important;}
	#et-top-navigation {right:20px;}
	.et_mobile_menu {padding-left:20px; padding-right:20px;}
	.et_pb_group_carousel_arrows_inside .et_pb_group_carousel_arrow_prev {left: 5%;}
	.et_pb_group_carousel_arrows_inside .et_pb_group_carousel_arrow_next  {left: calc(5% + 60px);}
	.et_header_style_slide .et_slide_in_menu_container {max-width: none; width: 100%;}
	.et_slide_in_menu_container ul#mobile_menu_slide {display: flex !important; flex-direction: column;}
	.et_slide_in_menu_container ul#mobile_menu_slide li.get-started-button {order: -1px;}
}