/* CUSTOM STYLING */

.cdform-wrapper {
    overflow-x: hidden;
}

.clickdform.mainDiv {
    padding-bottom: 10px !important;
}

    .clickdform.mainDiv table {
        overflow-x: hidden;
    }

    /*base styling for all text*/
    .clickdform.mainDiv .width100per,
    .clickdform.mainDiv span.maxSize3,
    .clickdform.mainDiv span.maxSize2,
    .clickdform.mainDiv span.checkBoxMaxSize3,
    .clickdform.mainDiv .maxSize3.minSize3 u a span,
    .clickdform.mainDiv .maxSize2.minSize2 span > font > b,
    .clickdform.mainDiv button,
    .clickdform.mainDiv input,
    .clickdform.mainDiv optgroup,
    .clickdform.mainDiv select,
    .clickdform.mainDiv textarea,
    .clickdform.mainDiv input[type=radio].floatLeft + span.checkBoxMaxSize3,
    .clickdform.mainDiv .alignMiddle.minSize3 span,
    .clickdform.mainDiv .alignBottom.minSize3 span b {
        font-size: 1.125rem !important;
        font-family: jaf-bernino-sans,sans-serif !important;
        letter-spacing: .2px;
        line-height: 28px;
        color: #000 !important;
    }

    .clickdform.mainDiv .width100per {
        width: 100%;
        padding: 4px 10px !important;
        border: 1px solid #0089cf !important;
        border-radius: 4px !important;
        height: 40px;
    }

    .clickdform.mainDiv select.width100per:disabled {
        background-color: rgba(0, 0, 0, 0.125);
        color: #000;
        cursor: disabled;
    }

    .clickdform.mainDiv td.alignTop.minSize3,
    .clickdform.mainDiv .responsiveRow {
        padding-bottom: 8px !important;
    }

    .clickdform.mainDiv span.maxSize3,
    .clickdform.mainDiv span.maxSize2,
    .clickdform.mainDiv span.checkBoxMaxSize3 {
        font-weight: bold !important;
    }

    .clickdform.mainDiv .maxSize3.minSize3 u a span {
        color: currentColor !important;
    }

    .clickdform.mainDiv .requiredInfo {
        margin-top: 4px;
        font-family: jaf-bernino-sans,sans-serif !important;
    }

    .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        font-weight: normal;
        top: 0 !important;
        margin-left: -160px !important;
        width: 100%;
    }

#programming-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b,
#hardware-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b,
#story-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
    margin-left: -190px !important;
}

.clickdform.mainDiv .maxSize2.minSize2 span > font > b br,
#general-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b .requiredStar,
.clickdform.mainDiv .checkBoxMaxSize1 .requiredStar {
    display: none;
}

#programming-form .clickdform.mainDiv .maxSize3.minSize3 u a {
    text-decoration: underline;
    display: block;
}

.clickdform.mainDiv .responsiveCell.responsiveCellSize1 {
    text-align: unset !important;
}

.clickdform.mainDiv #btnSubmit {
    background-color: #faa634;
    border: 2px solid #faa634;
    border-radius: 4px;
    cursor: pointer;
    font-family: jaf-bernino-sans-condensed, sans-serif !important;
    font-size: .9375rem !important;
    font-weight: 700;
    letter-spacing: .47px;
    display: inline-block !important;
    line-height: 1em;
    padding: 1em 2em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .4s ease-out;
    will-change: background;
}

    .clickdform.mainDiv #btnSubmit:focus-visible,
    .clickdform.mainDiv #btnSubmit:hover {
        background-color: #fff !important;
        border: 2px solid #0089cf;
        color: #0089cf !important;
        text-decoration: none;
    }

.clickdform.mainDiv .buttonContainer {
    padding-bottom: 3% !important;
}

.clickdform.mainDiv button, .clickdform.mainDiv input, .clickdform.mainDiv optgroup, .clickdform.mainDiv select, .clickdform.mainDiv textarea {
    color: inherit;
    margin: 0 !important;
    padding-top: 10px;
    margin-left: -5px;
    padding-bottom: 20px;
}

.clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135 {
    margin: -50px 10px 10px 0 !important;
}

.clickdform .floatLeft {
    float: none;
}

#general-form .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135,
.clickdform.mainDiv input.floatLeft {
    margin: 12px 10px 10px 0 !important;
}

.clickdform.mainDiv input[type=radio].floatLeft {
    margin: 8px 5px 10px 0 !important;
}

    .clickdform.mainDiv input[type=radio].floatLeft + span.checkBoxMaxSize3 {
        font-weight: normal !important;
    }

.clickdform #cont_id_f_696b5b5880d6e51180f23863bb3c2680 > .floatLeft {
    min-width: 100px;
}

.clickdform td.alignMiddle table {
    margin: 0;
}

@media only screen and (max-width: 425px) {
    .cdform-wrapper .accordion-layout__content {
        padding: 0 1em 1em;
    }

    .clickdform.mainDiv {
        margin: 0 -2%;
    }

    .clickdform .width100per,
    .clickdform .checkBoxMaxSize3 {
        width: 39% !important;
        margin-left: -5px !important;
    }

    .accordion-layout__content .clickdform .width100per,
    .accordion-layout__content .clickdform td > span {
        width: 30% !important;
    }

    .clickdform.mainDiv span.checkBoxMaxSize3 {
        min-width: unset;
        width: 40%;
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .clickdform.mainDiv div input,
    .clickdform.mainDiv div textarea,
    .maxSize3.minSize3 u a span,
    .clickdform.mainDiv .width100per {
        font-size: 13px !important;
    }

    .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        width: 50%;
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .clickdform.mainDiv input.floatLeft {
        margin-top: 4px !important;
    }

    .accordion-layout__content .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135 {
        margin-top: -74px !important;
    }

    .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135 {
        margin-top: -54px !important;
    }

    .clickdform.mainDiv div.maxSize3 {
        font-size: 13px !important;
        margin-right: 60% !important;
    }

    .clickdform.mainDiv div.maxSize2 {
        font-size: 13px !important;
        margin-right: 60% !important;
    }

    .clickdform.mainDiv span.maxSize3 {
        font-size: 13px !important;
        line-height: 20px !important;
        max-width: 300px;
    }

    .clickdform.mainDiv span.maxSize2 {
        font-size: 13px !important;
        margin-right: 60% !important;
    }

    .accordion-layout__content .clickdform.mainDiv span.maxSize2 {
        margin-right: 0 !important;
        width: 50% !important;
        line-height: 20px !important;
    }

    .clickdform.mainDiv .maxSize3.minSize3 p {
        margin-right: 70% !important;
        font-size: 13px;
        line-height: 20px;
    }

    .accordion-layout__content #general-form .clickdform.mainDiv .maxSize2.minSize1 span > font > b {
        top: 4px !important;
    }

    .accordion-layout__content .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        margin-left: -160px !important;
        width: 40%;
    }

    #story-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        margin-left: -170px !important;
    }

    .accordion-layout__content .clickdform.mainDiv .maxSize2.minSize2 span > font > b br,
    .accordion-layout__content #general-form .clickdform.mainDiv .maxSize2.minSize1 span > font > b br {
        display: none;
    }

    .accordion-layout__content #cont_id_f_da2de59ea611ec11b6e6000d3a372135 .requiredStar {
        display: none;
    }

    .clickdform .responsiveRow {
        display: flex;
    }

    .clickdform .responsiveRow .responsiveCell.responsiveCellSize1 {
        min-width: unset;
        width: 20px;
    }

    #general-form .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135, .clickdform.mainDiv input.floatLeft {
        margin-top: 6px !important;
    }

    .clickdform.mainDiv input[type=radio].floatLeft {
        margin: 4px 10px 10px 0 !important
    }
}

@media only screen and (min-width: 426px) and (max-width: 650px) {
    .clickdform.mainDiv {
        margin: 0 -2%;
    }

    .clickdform .width100per,
    .clickdform td > span {
        width: 60% !important;
        margin-left: -5px !important;
    }

    .accordion-layout__content .clickdform .width100per,
    .accordion-layout__content .clickdform td > span {
        width: 40% !important;
    }

    .accordion-layout__content .clickdform .minSize1 {
        min-width: 300px;
        width: unset;
    }

    .accordion-layout__content #general-form .clickdform.mainDiv .maxSize2.minSize1 span > font > b {
        top: 4px !important;
    }

    .accordion-layout__content .clickdform.mainDiv .maxSize2.minSize2 span > font > b,
    #programming-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b, 
    #hardware-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b, 
    #story-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        margin-left: -280px !important;
        width: 70% !important;
    }

    .accordion-layout__content .clickdform.mainDiv .maxSize2.minSize2 span > font > b br,
    .accordion-layout__content #general-form .clickdform.mainDiv .maxSize2.minSize1 span > font > b br {
        display: none;
    }

    .accordion-layout__content #cont_id_f_da2de59ea611ec11b6e6000d3a372135 .requiredStar {
        display: none;
    }

    .clickdform span.checkBoxMaxSize3 {
        min-width: unset;
        width: 60%;
    }

    .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        width: 80%;
    }

    .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135 {
        margin-top: -78px !important;
    }

    .clickdform.mainDiv span.maxSize2 {
        margin-right: 45% !important;
    }

    .clickdform.mainDiv div.maxSize3 {
        margin-right: 45% !important;
    }

    .clickdform.mainDiv div.maxSize2 {
        margin-right: 45% !important;
    }

    .accordion-layout__content .clickdform.mainDiv span.maxSize2 {
        margin-right: 0 !important;
        width: 60% !important;
    }

    .clickdform.mainDiv .maxSize3.minSize3 p {
        margin-right: 55% !important;
    }

    .clickdform .responsiveRow {
        display: flex;
    }

    .clickdform .responsiveRow .responsiveCell.responsiveCellSize1 {
        min-width: unset;
        width: 20px;
    }

    #general-form .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135, .clickdform.mainDiv input.floatLeft {
        margin-top: 6px !important;
    }
}

@media only screen and (min-width: 651px) and (max-width: 850px) {

    .clickdform.mainDiv .width100per,
    .clickdform td > span {
        width: 80% !important;
    }

    .accordion-layout__content .clickdform .width100per,
    .accordion-layout__content .clickdform td > span {
        width: 70% !important;
    }

    .clickdform.mainDiv .maxSize3.minSize3 p {
        margin-right: 22% !important;
    }

    .clickdform .responsiveRow {
        display: flex;
    }

    .clickdform .responsiveRow .responsiveCell.responsiveCellSize1 {
        min-width: unset;
        width: 40px;
    }
}

@media only screen and (max-width: 750px) {
    #general-form .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 851px) {
    .clickdform.mainDiv .clickdform .width100per {
        width: 100% !important;
    }
}



/* FIX BOOTSTRAP OVERWRITES */

body {
    font-family: jaf-bernino-sans, sans-serif !important;
}

.site-search__wrapper .aa-InputWrapperPrefix .aa-Label {
    display: inherit !important;
}

.header-top .utility-nav a,
.header-top .cart-icon a,
.site-footer a {
    color: currentColor !important;
}

.breadcrumbs__item a {
    color: #e1f0f9 !important;
}

.page-heading__title--accent::after,
.heading-accent::after {
    height: 2px !important;
}

svg:not(.icon) {
    vertical-align: unset !important;
}

.container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 87.5em !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    width: 100% !important;
}

h1 {
    font-size: clamp(1.5rem,5vw,2.8125rem) !important;
    font-weight: 700 !important;
    line-height: unset !important;
}

.content-block h2 {
    font-size: clamp(1.5rem,5vw,2rem) !important;
    font-weight: 700 !important;
    margin: 0 0 1.0625em !important;
    line-height: 1.4 !important;
}

.content-block h3 {
    font-size: clamp(1.25rem, 4vw, 1.75rem) !important;
    font-weight: 700 !important;
    margin: 0 0 1.0625em !important;
    line-height: 1.4 !important;
}

.content-block h4 {
    font-size: clamp(1.125rem,3.5vw,1.5rem) !important;
    font-weight: 700 !important;
    margin: 0 0 1.0625em !important;
    line-height: 1.4 !important;
}

.content-block p {
    margin: 0 0 1.0625em !important;
    line-height: 28px !important;
}

.content-block p a:not(.button),
a.privacy {
    color: #faa634 !important;
    text-decoration: none;
    font-size: 1.125em;
}

.content-block p a:not(.button):hover,
a.privacy:hover {
    text-decoration: underline;
    color: #faa634;
}

b, strong {
    font-weight: bold !important;
}

.accordion button {
    line-height: 1.15;
}

.accordion-layout__heading h3 {
    margin-bottom: 0 !important;
}


/* SMALL FORM mainly for side nav for news page */
@media only screen and (min-width: 60em) {
    .cdform-small {
        margin-top: 2em;
    }

        .cdform-small .clickdform.mainDiv .width100per {
            width: 28% !important;
            font-size: 16px !important;
        }

        .cdform-small .clickdform.mainDiv span.maxSize3,
        .cdform-small .clickdform.mainDiv span.checkBoxMaxSize3 {
            font-size: 16px !important;
        }

        .cdform-small .clickdform.mainDiv input.floatLeft {
            margin: 8px 6px 0px 0 !important;
        }

            .cdform-small .clickdform.mainDiv input.floatLeft + span.checkBoxMaxSize3 {
                font-weight: 400 !important;
            }

        .cdform-small #cont_id_f_a61713e4bfccec11a7b5000d3a344961 {
            display: flex;
            align-items: flex-start;
        }

            .cdform-small #cont_id_f_a61713e4bfccec11a7b5000d3a344961 span.checkBoxMaxSize3,
            .cdform-small #cont_id_f_fa492dd3d606ed1182e4000d3a317167 span.checkBoxMaxSize3 {
                padding-right: 270px;
            }

        .cdform-small .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
            margin-left: -304px !important;
            font-size: 16px !important;
            padding-right: 200px !important;
        }

        .cdform-small .clickdform.mainDiv input.floatLeft#f_da2de59ea611ec11b6e6000d3a372135 {
            margin-top: -102px !important;
        }

        .cdform-small td.alignBottom.minSize3 {
            padding-right: 370px;
        }

            .cdform-small td.alignBottom.minSize3 > span {
                padding-right: 370px;
            }
}

@media only screen and (max-width: 60em) {
    .cdform-small .clickdform.mainDiv .maxSize2.minSize2 span > font > b {
        margin-left: -190px !important;
    }
}

/* ADBLOCKER WARNING */

.adblocker-warning {
    padding: 2em 3em;
    display: none;
    border: 2px solid #0089cf;
    margin: auto;
    border-radius: 4px;
    width: fit-content;
}

.adblocker-warning > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    margin-bottom: 0.5em;
}

.adblocker-warning h3 {
    margin: 0 !important;
    color: #000;
}

.adblocker-warning img {
    max-width: 100px;
}

.adblocker-warning p {
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content;
}

@media only screen and (max-width: 48em) {
    .adblocker-warning {
        padding: 2em 1em;
    }
}

@media only screen and (max-width: 30em) {
    .adblocker-warning > div {
        flex-direction: column;
        gap: 0;
        margin-bottom: 1em;
    }
    .adblocker-warning img {
        max-width: 60px;
    }
}