/*
Theme Name: Compucast Base Theme
Theme URI: https://www.compucast.com/
Author: Compucast Web, Inc.
Author URI: https://www.compucast.com/
Description: A simplified base theme.
Version: 1.0.0
Text Domain: compucast-base-theme
Domain Path: /languages/
Tags: one-column, featured-images, theme-options, custom-background, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, footer-widgets, full-width-template, blog, sticky-post, threaded-comments, wide-blocks
Requires at least: 5.0
Requires PHP: 7.1
*/
:root {
    --primary-color: #134e7d;
    --primary-hover: #1a6fb3;
    --primary-font: "Montserrat", sans-serif;
    --secondary-color: #dcdfe8;
    --secondary-font: "Roboto", sans-serif;
}

body .gform-theme--foundation .gform_fields {
    --gf-form-gap-x: 16px;
    --gf-form-gap-y: 20px;
}

/* *{
	font-family: var(--secondary-font);
	font-optical-sizing: auto;
} */
h1,
h2,
h3,
h4,
h5,
h6,
button,
label,
.button {
    font-optical-sizing: auto;
    color: var(----primary-color);
}

button .button {
    color: white;
}

.entry-header,
.gform_heading {
    display: none !important
}

.gfield--input-type-html {
    font-size: 1.0em;
    padding: 0 3%;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    font-size: 1.0em;
    line-height: 1.5em !important;

    border-radius: 2px;
    color: #FFF;
    background: #498612;
    font-weight: bold;
    transition: 0.4s, margin-top 0.0s;
    box-shadow: none;
    max-width: 260px;
    text-transform: uppercase;
    padding: 0.4em 2em;
    border-radius: 4px;
    box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
    /* background: #7a1b72; */
    filter: contrast(110%) brightness(1.2);
}


.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--foundation .gfield textarea,
.gform-theme--foundation .gfield select {
    font-size: 1.2em;
    min-height: 2.5em;
    line-height: 2.5em !important;
    background-color: #fff;
    border: none;
    /* border: 1px solid #ccc; */
    /* box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11); */
    box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
}

.gfield-choice-input {
    min-height: 1em !important;
}

/* .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    min-height: 1em !important;
} */
.gform-theme--foundation .gfield textarea {
    line-height: 1.3em !important;
}


.gform_fields label,
.gfield_label,
.gfield_label,
.gform-field-label {
    font-size: 1.1em !important;
    font-weight: bold;
}


/* Check box section */
.gfield--type-checkbox {
    position: relative;
    background: rgba(184, 182, 159, 0.3) !important;
    margin-top: 29px !important;
    padding-top: 12px !important;
}

.gfield--type-checkbox legend {
    position: absolute;
    top: -33px;
    left: 0px;
    display: block !important;
    padding: 0px 0px;
    width: 100%;
    font-size: 1.25em !important;
}

.gfield--type-checkbox .ginput_container_checkbox {}

.gfield--type-checkbox .ginput_container_checkbox .gfield_checkbox .gchoice {
    padding: 0px 20px 6px 20px;
    /* border-bottom: 1px solid #daf7f9; */
}

.gfield--type-checkbox label {
    /* checkbox */
    font-size: 1.0em !important;
}

.gfield_required.gfield_required_text {
    vertical-align: baseline;
}

/* // Dark Background options=========================
.gform_fields label,
.gfield_label,
.gfield_label, 
.gform-field-label {
    color: white !important;
}
.gfield_required.gfield_required_text{color:#8edf11}

.gform-theme--framework .field_description_above .gfield_description:where([class=gfield_description],.gfield_creditcard_warning_message),
.gform-theme--framework .field_description_above .gfield_description:where(:not([class=gfield_description]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description)) {
    margin-block-end: var(--gf-desc-space);
    color: #ffffff96;
}

//  Error submission messages DARK theme
.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .gform_validation_errors ol a,
.gform-theme--framework .gform_validation_errors .gform-icon,
.gform-theme--framework .gform_validation_errors .gform-icon:before {
    color: #fae56f !important;
} 

.gform-theme--framework .gform_validation_errors {
    border-color:#fae56f !important;
}
.gform-theme--framework .field_description_above .gfield_description:where(:not([class=gfield_description]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description)) {
    margin-block-start: var(--gf-desc-space);
    color: #fae56f   !important;
}

=============================================== */






/* Radio Button section */
.gfield--type-radio {
    border: solid var(--secondary-color) 2px !important;
}

.gfield--type-radio .gfield_label {
    background: var(--secondary-color);
    display: block !important;
    padding: 4px 18px;
    width: 100%;
}

.gfield--type-radio .ginput_container_radio {
    padding: 20px;
}




.gform-theme--framework .field_description_above .gfield_description:where(:not([class=gfield_description]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description)) {
    margin-block-start: var(--gf-desc-space);
    color: #afafaf;
}




/* Email Sent Confirmation Info */
#gform_confirmation_wrapper_1 {
    width: 100%;
    text-align: Center;
    margin: 10vw 0;
}

.gform_confirmation_message {
    width: 100%;
    background: green;
    color: #fff;
    text-align: center;
    padding: 1em;
}



/* Blog Single Posts============================================== */
.single .cmspostreslist h2:before {
    content: "\f0f5";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #d58c88;
    margin-right: 8px;
    font-weight: lighter;
    font-size: 0.7em;
    background: white;
    padding: 0.7em;
    border-radius: 50%;
    line-height: 0.7em;
    vertical-align: middle;
    position: absolute;
    left: -3em;
    margin-top: -0.25em;
}

.single .cmspostreslist p .button {
    white-space: wrap;
    border: 1px solid #79765A;
    color: #fff;
    font-size: 18px;
    padding: 7px 40px;
    background: #811a17;
}

.single .cmspostreslist img.aligncenter {
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: #000000c2 3px 2px 20px -10px;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}

.single .cmspostreslist p a:last-child {
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #b6332d;
    color: #fff;
    border-radius: 5px;
}

/* Loft 18  blog post=================== */
.hard-rock-buttons {
    display: flex;
    background: #ffffff5e;
    justify-content: space-between;
    padding: 12px;
    border-radius: 4px;
    gap: 10px;
    flex-wrap: wrap;
    border: 4px double #fff;
}

.hard-rock-buttons span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 300px;
    width: 100%;
}

.hard-rock-buttons a {
    background: #7d1a17;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .hard-rock-buttons span {
        flex-basis: unset;
        width: 100%;
    }

}