/* COLORS */

:root {
    --primary: #003332;
    --secondary: #f8f0e9;
}

main {
    padding-top: 4rem;
    p,
    h2, h3, h4, h5, h6 {
        margin: 0 0 .5em; 
    }
}

a {
    transition: all 0.3s ease;
}
.hfg_header.site-header {
    box-shadow: none !important;
}
header {
    margin: 0;
    position: fixed; 
    width: 100%;
    top: 0;
    z-index: 99;
    transition: all 0.3s ease;
    .container {
        width: 90%;
        flex-basis: 90%;
        max-width: 1400px;
    }
    &.scrolled {
        border-bottom: 1px solid var(--secondary);
    }
    .left .builder-item,
    .right .builder-item {
        margin: 0;
        padding: 2rem 0;
    }
}

.admin-bar header {
    top: 32px;
    @media screen and (max-width: 782px) {
        top: 46px;
    }
}

/* .builder-item--logo {
    max-width: none;
    width: auto;
    border-radius: 0 0 15em 15em;
    background-color: white;
    transition: all 0.3s ease;
    overflow: hidden;
    padding: 0 !important;
    img {
        object-fit: contain;
    }
    @media screen and (min-width: 960px) {
        position: absolute !important;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        padding: 0 1rem 2rem !important;
    }
} */

header .nav-ul {
    li > .wrap > a.active {
        color: var(--primary) !important;
    }
    li.nv-active > .wrap > a {
        color: black;
    }
    li > .wrap:hover {
        a {
            color: var(--primary) !important;
            &:after {
                width: 100%;
            }
        }  
    }
}

/* MOBILE BUTTON */

.navbar-toggle {
  background-color: transparent;
  border: none !important;
  .icon-bar {
    width: 2em;
    height: 0.125em;
    &:nth-child(2) {
        margin: 0.5em 0;
        }
    }
    &:hover,
    &:focus-visible,
    &:focus {
        border: none !important;
        outline: none !important;
        .icon-bar {
            background-color: var(--primary) !important;
        }
    }
}
.is-menu-sidebar {
  .navbar-toggle {
    .icon-bar:nth-child(1) {
      top: 0.6em !important; 
    }
    .icon-bar:nth-child(3) {
      bottom: 0.6em !important;
    }
  }
  .nav-ul {
    flex-direction: column;
    align-items: center;
    li {
        width: max-content !important;
        a {
            padding: 1rem 0 !important;
        }
    }
  }
}

/* BUTTONS */

.wp-block-buttons {
    margin: 1rem 0 .5rem;
    .wp-block-button {
        a:hover {
            opacity: 1;
            border-color: var(--primary);
            background: linear-gradient(137deg,rgb(204,49,151) 0%,rgb(225,122,24) 100%);
            color: black;
        }
    }
}

/* SECTIONS */

.wp-block-getwid-section__wrapper {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.section-parallax {
    padding: 0 !important;
    .wp-block-getwid-section__wrapper {
        width: 100%;
        max-width: 100%;
    }
}

.section-hero {
    .wp-block-getwid-section__wrapper {
        padding: 0;
    }
    .wp-block-image {
        padding: 0;
    }
    img {
        aspect-ratio: 2/.75;
        object-fit: cover;
    }
}

main {
	.section-dark {
		background: var(--secondary) url(images/bg.svg) center bottom -20% no-repeat;
		background-size: auto 80%;
	}
	.section-half {
		max-width: 100% !important;
		margin: 0;
		.wp-block-getwid-section__wrapper {
			.wp-block-columns {
				display: flex;
				justify-content: center;
				align-items: center !important; 
				figure {
			    margin: 0;
				}
			}
		}
	}
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	@media (max-width: 600px) {
	  width: 100%;
	}
}

/* FOOTER */

.footer-bottom {
    display: none;
}

/* FORM */

form {
    max-width: 50rem;
    .row > * {
        width: 100%;
        label,
        input,
        select {
            width: 100%;
        }
    }
}