/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
/*
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}
*/

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}










html {
    font-size: 16px;
}

.margin-block-start-0 {
    margin-block-start: 0;
}



/* Header */
.block-editor-block-list__layout .site-header-wrapper {
    background-color: #444455;
}
.wp-site-blocks {
    position: relative;
}
main {
    margin-top: 0 !important;
}
header.site-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.custom-logo,
.wp-block-site-logo.is-default-size img {
    width: auto;
    max-height: 55px;
}
@media (min-width: 600px) {
    .site-header-wrapper .wp-block-navigation >li >a {
        line-height: 85px;
        position: relative;
    }
    .site-header-wrapper .wp-block-navigation >li >a::before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        bottom: 0;
        border-bottom: 5px solid var(--wp--preset--color--primary);
        transition: width 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s;
        opacity: 0;
    }
    .site-header-wrapper .wp-block-navigation >li:hover >a::before {
        width: 100%;
        opacity: 1;
    }
}


/* Footer */
.site-footer-wrapper {
    background-color: var(--wp--preset--color--primary);
    color: rgb(from var(--wp--preset--color--secondary) r g b / 85%);
}
.site-footer-wrapper a {
    font-weight: bold;
    color: rgb(from var(--wp--preset--color--secondary) r g b / 85%);
}
.site-footer-wrapper a:hover {
    text-decoration: underline;
}
.site-footer-wrapper h1, footer.site-footer h2, footer.site-footer h3, footer.site-footer h4, footer.site-footer h5, footer.site-footer h6 {
    color: var(--wp--preset--color--dark);
}
.site-footer-wrapper .footer-logo {
    max-width: 75%;
}



/* Button */
button {
    border: 1px solid var(--wp--preset--color--secondary);
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    line-height: 1.5;
    padding: 0.75rem 1.875rem;
    cursor: pointer;
    transition: all var(--wp--custom--transition-duration);
}
button:hover {
    border-color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
}
.has-dark-style button, button.has-dark-style {
    border-color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
}
.has-dark-style button:hover, button.has-dark-style:hover {
    border-color: var(--wp--preset--color--secondary);
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary);
}


/* Form Elements */
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"],
textarea {
    width: 100%;
    border: 1px solid #ffffff;
    background-color: transparent;
    padding: 20px 15px;
    color: #ffffff;
}
input::placeholder,
textarea::placeholder {
    color: #ddd;
    font-size: var(--wp--preset--font-size--medium);
}





/* Contact Form */
.contact-form .forminator-label, .contact-form .forminator-description, .contact-form .forminator-edit-module {
    display: none;
}
.contact-form .forminator-input, .contact-form .forminator-textarea {
    border-radius: 0.4rem;
}
.contact-form .forminator-button-submit {
    width: 100%;
    border-radius: 0.4rem;
}




/* Dark Style */
.has-dark-style {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--light-gray);
}
.has-dark-style h1, .has-dark-style h2, .has-dark-style h3, .has-dark-style h4, .has-dark-style h5, .has-dark-style h6 {
    color: var(--wp--preset--color--base);
}






/* Service Cards */
.service-card {
    border: 3px solid rgb(from var(--wp--preset--color--primary) r g b / 23%);
    color: var(--wp--preset--color--light-gray);
}
.service-card .service-card-icon {
    color: rgb(from var(--wp--preset--color--primary) r g b / 23%);
}
.service-card, .service-card * {
    transition: all var(--wp--custom--transition-duration);
}
.service-card:hover, .service-card:hover .service-card-icon {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}
.service-card:hover .service-card-icon {
    color: var(--wp--preset--color--primary);
}
.service-card:hover h4 {
    color: var(--wp--preset--color--primary);
}



/* Team Cards */
.team-card .wp-block-cover {
    overflow: visible;
}
.team-card .wp-block-cover__inner-container {
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all var(--wp--custom--transition-duration);
}
.team-card .wp-block-cover__inner-container >div {
    max-height: 100%;
    overflow-y: auto;
}
.team-card .team-card-button {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    transition: all var(--wp--custom--transition-duration);
}
.team-card .team-card-button:hover {
    opacity: 0.4;
}
.team-card .team-card-button .gspb-buttonbox-icon svg {
    transition: all var(--wp--custom--transition-duration);
}


.team-card.open .wp-block-cover__inner-container {
    opacity: 1;
    visibility: visible;
}
.team-card.open .team-card-button {
    opacity: 0.4;
}
.team-card.open .team-card-button:hover {
    opacity: 1;
}
.team-card.open .team-card-button .gspb-buttonbox-icon svg {
    transform: rotateZ(45deg);
}








h2.section-title {
    font-size: var(--wp--preset--font-size--xxx-large);
}