/*
 Theme Name:   Luminus + Bricks Child Theme
 Theme URI:    https://luminus.agency
 Description:  Use this child theme to extend Bricks for a Luminus Modular ACF CMS.
 Author:       Luminus
 Author URI:   https://luminus.agency
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ----- BRICKS MODULE VARIABLES ----- */

:root {
  --base-primary-color: #0268a5;
  --base-secondary-color: #ed8724;
  --base-light-color: #f5f7f8;
  --base-dark-color: #014873;
  --base-muted-color: #dbe7f0;
  --base-border-color: #559cc6;
  --base-info-color: #559cc6;
  --base-success-color: #1ca07a;
  --base-warning-color: #ed8724;
  --base-danger-color: #e82348;
  --base-white-color: #ffffff;
  --base-black-color: #000000;
}

/* ----- CUSTOM COLOR VARIABLES ----- */

:root {
    --custom-color-blue: #0268a5;
    --custom-color-green: #1ca07a;
    --custom-color-orange: #ed8724;
    --custom-color-red: #e82348;
    --custom-color-almost-black: #111111;
}

/* ----- BREAKPOINTS ----- */

/* TABLET PORTRAIT */
@media screen and (max-width: 992px){
    
}

/* MOBILE LANDSCAPE */
@media screen and (max-width: 768px){
    
}

/* MOBILE PORTRAIT */
@media screen and (max-width: 478px){
    
}



/* ----- MODULE MODIFIERS ----- */


/*** SVG COLORS ------------------------------------------------------------------ ***/

.svg-fill-color {
    /* use a filter generator to pick color settings */
    /*filter: invert(64%) sepia(58%) saturate(365%) hue-rotate(58deg) brightness(98%) contrast(89%);*/
}

/* Remove text-shadow in selection highlight: h5bp.com/i
These selection rule sets have to be separate.
Customize the background color to match your design. */
::-moz-selection {
	text-shadow: none;
	background: var(--base-secondary-color);
	color: var(--base-white-color);
}

::selection {
	text-shadow: none;
	background: var(--base-secondary-color);
	color: var(--base-white-color);
}

/*** BACKGROUNDS ------------------------------------------------------------------ ***/

.bg-dark {
    background: var(--base-dark-color) !important;
    color: var(--base-white-color) !important;
    background-image: none !important;
}

    .bg-dark a {
        color: var(--custom-color-orange) !important;
    }
        .bg-dark a:hover {
            color: var(--base-white-color) !important;
        }
    .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-dark li {
        color: var(--base-white-color) !important;
    }
    .bg-dark .bricks-button.bricks-background-primary {
        color: var(--base-white-color) !important;
    }
        .bg-dark .bricks-button.bricks-background-primary:hover {
            color: var(--base-white-color) !important;
        }
    .bg-dark .bricks-button.bricks-background-secondary {
        color: var(--base-white-color) !important;
    }
        .bg-dark .bricks-button.bricks-background-secondary:hover {
            color: var(--base-dark-color) !important;
        }
    .bg-dark .card-element {
        background: var(--base-light-color) !important;
        color: var(--base-black-color) !important;
    }
        .bg-dark .card-element a {
            color: var(--base-primary-color) !important;
        }
            .bg-dark .card-element a:hover {
                color: var(--base-dark-color) !important;
            }
        .bg-dark .card-element h1, .bg-dark .card-element h2, .bg-dark .card-element h3, .bg-dark .card-element h4, .bg-dark .card-element h5, .bg-dark .card-element h6, .bg-dark .card-element p, .bg-dark .card-element li {
            color: var(--base-black-color) !important;
        }

.bg-light {
  background-color: var(--base-light-color) !important;
  color: var(--base-black-color) !important;
  background-image: none !important;
}
    .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light p, .bg-light li {
        color: var(--base-black-color) !important;
    }
    .bg-light .bricks-button {
        /*color: var(--base-primary-color) !important;*/
    }
    .bg-light .card-element {
        background: var(--base-white-color) !important;
        color: var(--base-black-color) !important;
    }
        .bg-light .card-element h1, .bg-light .card-element h2, .bg-light .card-element h3, .bg-light .card-element h4, .bg-light .card-element h5, .bg-light .card-element h6, .bg-light .card-element p, .bg-light .card-element li {
            color: var(--base-black-color) !important;
        }


.bg-image-dark {
    background-size: cover !important;
    background-position: center center !important;
}
    .bg-image-dark a {
        color: var(--custom-color-orange) !important;
    }
        .bg-image-dark a:hover {
            color: var(--base-white-color) !important;
        }
    .bg-image-dark h1, .bg-image-dark h2, .bg-image-dark h3, .bg-image-dark h4, .bg-image-dark h5, .bg-image-dark h6, .bg-image-dark p, .bg-image-dark li {
        color: var(--base-white-color) !important;
    }
    .bg-image-dark .bricks-button.bricks-background-primary {
        color: var(--base-white-color) !important;
    }
        .bg-image-dark .bricks-button.bricks-background-primary:hover {
            color: var(--base-white-color) !important;
        }
    .bg-image-dark .bricks-button.bricks-background-secondary {
        color: var(--base-white-color) !important;
    }
        .bg-image-dark .bricks-button.bricks-background-secondary:hover {
            color: var(--base-dark-color) !important;
        }

.bg-image-light {
    background-size: cover !important;
    background-position: center center !important;
}
    .bg-image-light h1, .bg-image-light h2, .bg-image-light h3, .bg-image-light h4, .bg-image-light h5, .bg-image-light h6, .bg-image-light p, .bg-image-light li {
        color: var(--base-black-color) !important;
    }
    .bg-image-light .bricks-button {
        /*color: var(--base-white-color) !important;*/
    }

.bg-transparent {
  background: none !important;
}

/*** MODULE PADDING ***/

.padding-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}



/*** MAIN NAVIGATION ------------------------------------------------------------------ ***/

.nav-header a {
    font-size: 24px !important;
    margin-left: -20px;
    font-weight: 700;
}

.pda-nav li {
	position: relative;
}

.pda-nav li:hover:after,
.pda-nav li:active:after,
.pda-nav li.current-menu-item:after {
    transform: scaleX(1);
}
.pda-nav li:after {
    transform-origin: left;
    transition: all 0.5s;
    position: absolute;
    content: "";
    left: 0;
    bottom: 3px;
    width: calc(100%);
    height: 2px;
    background: var(--base-secondary-color);
    transform: scaleX(0);
}
@media screen and (max-width: 992px){
    .pda-nav li:after {
        bottom: 1px;
    }
}

.pda-nav .sub-menu li:after {
    height: 0;
}


/*** GRAVITY FORMS STYLE ***/

/*.gform_wrapper input:not([type="submit"]), .gform_wrapper textarea {
    border: 0px;
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-bottom: 4px solid rgba(255,255,255,0.5);
}
.gform_wrapper label {
    color: var(--custom-color-cyan);
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 3px;
}
.gform_footer input {
    color: #ffffff;
    font-size: 14px;
    font-family: "proxima-nova";
    font-weight:700;
    text-transform: uppercase;
    border: 2px solid var(--custom-color-cyan);
    box-shadow: 0 0 0 0 var(--custom-color-cyan);
    margin: auto;
    width: auto;
    cursor: pointer;
    transition: 0.5s;
    background: var(--base-primary-color);
    justify-content: center;
    letter-spacing: .5px;
    padding: 10px 15px;
    text-align: center;
}
.gform_footer input:hover {
    box-shadow: -3px 3px 0 0 var(--custom-color-cyan);
}
.gform_footer input:focus, .gform_wrapper input:not([type="submit"]), .gform_wrapper textarea {
    outline: 0 !important;
    box-shadow: none !important;
}
.gform_wrapper .gform_validation_errors {
    padding: 0px !important;
    border: 0px !important;
    background-color: #fff;
    border-radius: 0px !important;
}
.gform_wrapper .gform_validation_errors.validation_error {
    background-color: #fff;
    padding: 10px;
    line-height: 100%;
    border: 0px !important;
    border-radius: 0px !important;
    
}
.gform_wrapper .gform_validation_errors.validation_error&:first-of-type{
    margin-bottom: 0;
}
.gform_wrapper .gfield_description.validation_message {
    background-color: #fff;
    padding: 10px !important;
    font-size: 12px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
    padding: 10px 10px 10px 50px !important;
}*/