@import url('https://fonts.cdnfonts.com/css/futura-pt');

body,
h1,
h2,
p {
    font-family: 'FUTURA PT', sans-serif;
    color: #481B58;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

.bigText {
    text-align: center;
    font-size: 18px;
}

.contentBlock {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#743989+0,ffffff+70 */
    background: #743989;
    /* Old browsers */
    background: -moz-linear-gradient(top, #743989 0%, #ffffff 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #743989 0%, #ffffff 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #743989 0%, #ffffff 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#743989', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.headerBlock {
    background-color: #743989;
    background-size: auto;
}

.greyBox {
    background-color: #eeebeb;
    border-right: #d8d8d8 solid 1px;
    border-left: #d8d8d8 solid 1px;
    border-bottom: #d8d8d8 solid 1px;
    padding: 40px;
}

.whiteBox {
    background-color: #ffffff;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.borderBlock {
    border: 2px solid #a688bf;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    padding: 10px;
    color: #462f53;
}

.morePadding {
    padding: 20px;
}

.blackText {
    color: #000000;
}

.errorText {
    color: #FF0000;
}

.spacer {
    padding: 15px;
}

.smallSpacer {
    padding: 5px;
}


.centerBoth {
    margin: auto;
}

input[type=radio] {
    --s: 1em;
    /* control the size */
    --c: #743989;
    /* the active color */
    --b: #DD5924;
    /* the inactive color */

    height: var(--s);
    aspect-ratio: 1;
    border: calc(var(--s)/8) solid var(--b);
    padding: calc(var(--s)/8);
    background:
        radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0 no-repeat content-box;
    border-radius: 50%;
    outline-offset: calc(var(--s)/10);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    transition: .3s;
}

input[type=radio]:checked {
    border-color: var(--c);
    background-size: 100% 100%;
}

.radioRow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    cursor: pointer;
}

.btnSubmit {
    color: #ffffff;
    font-size: 22px;
    background: #593b7e;
    padding: 10px 40px 10px 40px;
    border: solid #593b7e 2px;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-transform: uppercase;
    max-width: 600px;
    margin: auto
}

.btnSubmit:hover {
    color: #593b7e;
    background: #ffffff;
    text-decoration: none;
}

.divider {
    background-color: #777575;
    height: 3px;
    width: 100%;
}

.minHeight {
    min-height: 120px;
}

/* Communication Options Boxes */

.boxPadding {
    padding-bottom: 10px;
}

.lastBox {
    padding-bottom: 0px !important;
}

.middleText {
    vertical-align: sub;
}

.showHide {
    display: none;
    /* height: 0; */
}

/* Footer Styles */

.footer {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.imgFarmersLogo,
.imgFooterClubLogo {
    max-height: 60px;
}

.privacy {
    text-transform: uppercase;
    margin: auto;
    color: grey;
}

/* Media Queries */

@media (max-width: 1199px) {
    .minHeight {
        min-height: 130px !important;
    }
}

@media (max-width: 991px) {
    .minHeight {
        min-height: auto !important;
    }
}

@media (max-width: 767px) {
    .mobHide {
        display: none;
    }

    .mobCenter {
        text-align: center !important;
    }

    .imgFooterClubLogo {
        max-height: 40px;
        padding-top: 10px;
    }

    .greyBox,
    .whiteBox {
        padding: 10px;
    }

    #additionalOptions .borderBlock {
        padding: 0px;
        padding-right: 15px;
        border: 0px;
    }

    body,
    .bigText {
        font-size: 14px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    .minHeight {
        min-height: auto !important;
    }

    .buttonContainer {
        padding-bottom: 10px;
    }

}