/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
section {
    color: var(--omh-color-text);
    font-size: 1.05rem;
    font-family: "opensans"
}

.brxe-text {
    max-width: var(--omh-text-max-width);
    hyphens: auto;
}

h1, h2, h3 {
    font-family: "Inter";
    font-weight: 900;
    margin-block-start :0.5rem; margin-block-end: 1rem; }

h4, h5, h6 {
    font-family: "Inter";
	font-weight: 700;
    margin-block-start :0.5rem; margin-block-end: 1rem; }

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2.0rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.3rem;
}

h5 {
    font-size: 1.1rem;
}

h5 {
    font-size: 1.0rem;
}

h1 {
    margin: 40px 0
}

h2, h3, h4 {
    margin: 30px 0 16px
}

@media (max-width: 768px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 2.0rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 1.1rem;
    }

    h5 {
        font-size: 1.1rem;
    }
}

.omh-dark {
background: var(--omh-color-canvas-black);
}

html {
    font-size: 100%
}

main p a {
    color: var(--omh-color-nav);
    text-decoration: underline;
    text-decoration-color: var(--omh-color-nav);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

main li a {
    color: var(--omh-color-nav);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

main p a:hover {
    color: white;
    background-color: var(--omh-color-nav);
    text-decoration: none;
}

main li a:hover:not(#omh-footer a, .omh-nav li a) {
    background-color: var(--omh-color-nav);
    text-decoration: none;
    color: white;
}

.bricks-button {
    font-family: "Inter"
}

html:root .bricks-image-caption {
    position: static!important;
    background: none;
    padding: 2px 0px 0px 2px;
    font-size: 0.8em;
    text-align: left ;
    color: #595959;
}
.brxe-svg {
    max-width: 777px
}

.omh-li-service a, .omh-li-info a, .omh-li-nav a, .omh-li-action a {
    transition: 0.3s ease-in-out;
}

.omh-li-service a {
    color: var(--omh-color-service );
}

.omh-li-service a:hover {
    background-color: var(--omh-color-service);
    color: white
}

.omh-li-info a {
    color: var(--omh-color-info );
}

.omh-li-info a:hover {
    background-color: var(--omh-color-info);
    color: white
}

.omh-li-nav a {
    color: var(--omh-color-nav );
}

.omh-li-nav a:hover {
    background-color: var(--omh-color-nav);
    color: white
}

.omh-li-action a {
    color: var(--omh-color-action );
}

.omh-li-action a:hover {
    background-color: var(--omh-color-action);
    color: white
}

.omh-btn-service, .omh-btn-info, .omh-btn-nav, .omh-btn-action {
    border: 1px solid var(--bricks-border-color);
    border-radius: 1em;
    transition: 0.3s ease-in-out;
    background-color: transparent ;
}

.omh-btn-service {
    color: var(--omh-color-service );
font-weight: bold;
	background-color: var(--omh-color-canvas-black);    border-color: var(--omh-color-service);
}

.omh-btn-service:hover {
    background-color: var(--omh-color-service);
    color: black
}

.omh-btn-info {
    color: var(--omh-color-text );
    border-color: var(--omh-color-info);
}

.omh-btn-info:hover {
    background-color: var(--omh-color-info);
    color: black
}

.omh-btn-nav {
    color: var(--omh-color-nav );
    border-color: var(--omh-color-nav);
}

.omh-btn-nav: hover {
    background-color: var(--omh-color-nav);
    color: white
}

.omh-btn-action {
    color: white;
    background-color: var(--omh-color-action);
}

.omh-btn-action:hover {
    background-color: white;
    color:  var(--omh-color-action)
  border-color: var(--omh-color-action);
}

.omh-social-links {
    display: inline-flex;
    gap: 20px;
    margin: 20px;
    align-items: center;
    justify-content: center;
}

.omh-social-links i {
    color: var(--omh-color-nav);
    font-size: 1.7rem;
    transition: color 0.3s ease-in-out;
}

.omh-social-links a {
    padding: 5px 10px 0px 10px;
    line-height: 2rem;
    transition: background-color 0.3s ease-in-out;
    display: inline-block;
}

.omh-social-links a:hover {
    background-color: var(--omh-color-nav);
}

.omh-social-links a:hover i {
    color: #FFF;
}


.omh-section-100 {
    min-height: 100vh;
    justify-content: center
}

.omh-section-100 > div {
max-width: 1160px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.omh-section-100 span {
  color: var(--omh-color-text);
  font-size: 1.1rem
}

.omh-section-100 h2 {
  margin-top: 0;
}


@media (max-width: 768px) {
    .omh-section-100 > div {
        flex-direction: column !important;
    }
}

.omh-section-100 svg, .omh-section-100 img {
    max-width: 333px;
    margin: 30px 0px 0px 0px;
}



:root {
    --omh-spacing-unit: var(--kadence-spacing-unit, 16px);
    --omh-margin: calc(var(--omh-spacing-unit) * 2);
}