/*
Theme Name: Cole
Theme URI: https://negliadesign.com
Author: Neglia Design [ Graeme Demarsh ]
Author URI: https://negliadesign.com
Description: Custom theme by Neglia Design
Version: 1.3.2
*/

/*--------------------------------------------------------------
Header structure
--------------------------------------------------------------*/
body.admin-bar .site-header {
  top: 32px;
}

body {
	padding-top: 90px;
}

.site-header {
    position:fixed;
    top:0;
    right:0;
    left:0;
	z-index:99;
    background-color: var(--wp--preset--color--secondary);
	border-bottom: 1px solid var(--wp--preset--color--white);
}

.site-header-inner {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	column-gap: 4rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
}

.site-logo {
	align-self: flex-start;
	margin-top: .2rem;
	margin-bottom: -3rem;
}

.site-logo:hover {
	text-decoration: none;
}

.site-logo svg{
  display:block;
  height: clamp(65px, 9vw, 120px);  /* ↑ larger than before */
  width:auto;
}

.main-navigation {
	display: flex;
	flex-grow: 1;
	max-width: 800px;
	justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;
	gap:2rem;
}

.header-contact {
	max-width: 400px;
	color: var(--wp--preset--color--white);
	font-size: .9rem;
}

.header-contact strong {
	display: block;
}

.header-contact span {
	color: var(--wp--preset--color--primary);
}

.header-contact a {
	color: #ffffff;
}

.header-button a {
	background-color: transparent;
	color: #ffffff;
	border: 1px solid var(--wp--preset--color--primary);
	font-weight: 500;
}



/* ==============================================================
   MOBILE HEADER TOGGLE (HAMBURGER) + STATES
   ============================================================== */
.menu-toggle {
    display: none;
    align-self: center;
    border: none;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    transition: all .25s ease-in-out;
    min-width: auto;
    color: var(--wp--preset--color--white);
    padding: 5px 15px;
    margin: 0 0 0 auto;
    text-align: center
}

.menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active {
    color: var(--wp--preset--color--white);
    background-color: transparent
}

@media (max-width: 991px) {
    .menu-toggle {
        display:block
    }
}

.menu-toggle span {
    display: block;
    font-size: .9em
}

.menu-toggle svg {
    display: block;
    margin: 0 auto;
    fill: currentColor;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem
}

.menu-toggle svg .line {
    opacity: 1;
    transform: rotate(0);
    transform-box: view-box;
    transform-origin: center;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out
}

.menu-toggle[aria-expanded=true] svg .line-1 {
    transform: rotate(45deg) translateY(30%)
}

.menu-toggle[aria-expanded=true] svg .line-2 {
    opacity: 0
}

.menu-toggle[aria-expanded=true] svg .line-3 {
    transform: rotate(-45deg) translateY(-30%)
}




/* ==============================================================
   MOBILE NAVIGATION PANEL (≤991px)
   ============================================================== */

body.mobile-menu-visible {
	overflow: hidden;
}

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

	/* collapsed by default */
	.main-navigation {
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}

	/* shown when toggled */
	.main-navigation.visible {
		display: block;
	}
	
	
	.header-contact {
		margin: 2rem 0;
	}
	

}



/*--------------------------------------------------------------
Gravity Forms
--------------------------------------------------------------*/
.gform_required_legend {
	display: none;
}

#gform_wrapper_1 {
	--gf-field-gap-x: 2rem;
	--gf-form-gap-x: 2rem;
	
	--gf-ctrl-label-color-req: #3874CC;
	--gf-ctrl-label-font-size-req: 1.2em;
	--gf-ctrl-label-font-weight-primary: 400;
	
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-letter-spacing: 0.2em;
	--gf-ctrl-btn-padding-x: 2rem;
	--gf-ctrl-btn-padding-y: 1rem;
	
	--gf-ctrl-file-zone-icon-color: #3874CC;
}

#gform_wrapper_1 button.add_list_item,
#gform_wrapper_1 button.delete_list_item {
	background: #3874CC !important;
}

#gform_wrapper_1 button.add_list_item::before,
#gform_wrapper_1 button.delete_list_item::before {
	color: #ffffff;
}

#gform_wrapper_1 .gfield--input-type-datepicker .gdatepicker_with_icon {
	--gf-local-width: 100%;
	margin-right: -10px;
}

#gform_wrapper_1 .gform_button_select_files {
	min-width: 12rem;
}

#gform_wrapper_1 .gfield--input-type-captcha .ginput_recaptcha {
	display: flex;
	justify-content: center;
}

#gform_wrapper_1 .gform_footer {
	display: flex;
	justify-content: center;
	padding: 3rem 0 0;
}

#gform_wrapper_1 input[type="submit"] {
	min-width: 12rem;
}




/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.footer-contact {
	flex-grow: 1;
	max-width: 800px;
}


.site-footer {
	margin:0;
}

.footer-meta {
	font-size:.8rem;
	padding: 5px;
	text-align: center;
}

.footer-meta a {
	text-decoration: none;
	color: inherit;
}


/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/
@media print {
	
	.site-header,
	.site-footer {
		display:none;
	}

}