@charset "utf-8";
/* CSS Document */

/* text styles */
p{
    font-family:gant;
    color:black;
    font-size:medium;
    text-align:center;
    }
    p a{
        font-family:gant-bold;
        color:lightgray;
        }
    small-p{
        font-family:gant-italic;
        color:grey;
        font-size:small;
        }
h1{
    font-family:gant-bold;
    color:black;
    font-size:325%;
    text-transform:uppercase;
    text-align:center;
    }
h2{
    font-family:gant-bold;
    color:black;
    font-size:x-large;
    text-transform:uppercase;
    text-align:center;
    }
@media (max-width: 800px){
    h2{
        font-family:gant;
        color:white;
        font-size:large;
        text-transform:uppercase;
        text-align:center;
        }
    }
h3{
    font-family:gant;
    color:black;
    font-size:medium;
    text-transform:uppercase;
    text-align:center;
    }
        h3-left{
            font-family:gant;
            color:black;
            font-size:medium;
            text-transform:uppercase;
            text-align:left;
            }
        h3-left a{
            font-family:gant-bold;
            color:red;
            text-decoration:none;
            }
        h3 a{
            color:lightgray;
            }

/* MailChimp */
#mc_embed_signup{
    font-family:gant;
    color:black;
    font-size:medium;
    text-align:center;
    }
#new-line{
    float:right;
    }
@media (max-width: 800px){
    #new-line{
        float:none;
        } /* float:none forces the next form field onto a new line for small screens */
    }

/* PayPal buttons */
.paypal{
    font-family:gant;
    font-size:large;
    border:none;border-radius:5px;
    cursor:pointer;
    background-color:black;
    color:white;
}

/* mobile device responsive styles */
body{
    background-image:radial-gradient(circle,white,#dce1e1);
    margin:0;
    padding:0;
    text-align: center;
    }
@media (max-width: 800px){
    body{
        background-image:radial-gradient(circle,#555555,black);
        margin:0;
        padding:5%;
        }
    }
.video-row{
    width: 100%;
    height: auto;
    display: block;
    }
@media (max-width: 800px) {
    .video-row {
        width: 110%;
        height:auto;
        display:block; 
        margin:-5%;
        padding:-5%;
        mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
        }
    }
.logo-row{
    position:absolute;
    top:30%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70%;
    }
@media (max-width: 800px) {
    .logo-row{
        position: relative;
        top:0;
        left:auto;
        transform: none;
        text-align: center;
        width:90%;
        }
    }
.lead-text{
    position:absolute;
    top:60%;
    left:50%;
    transform:translate(-50%,-50%);
    color:white;
    text-align:center;
    }
 @media (max-width: 800px) {
    .lead-text{
        position:relative;
        top:0;
        left: auto;
        transform: none;
        color:white;
        text-align:center;
        margin:5%;
        }
    }
.newsletter{
    position:absolute;
    width: 100%;
    top:150%;
    left:50%;
    transform:translate(-50%,-50%);
    }
 @media (max-width: 800px) {
    .newsletter{
        position:relative;
        width:90%;
        top:auto;
        left: auto;
        transform: none;
        margin: 10% auto 10% auto;
        }
    }
.book-box{
    margin: 50px 30%; 
    padding: 20px; 
    border-radius: 10px;
    }
@media (max-width: 800px) {
    .book-box{
        margin: 10px 10%; 
        padding: 0; 
        border-radius: none;
        }
    }
.contact{
    font-family:gant;
    margin: 50px 25%; 
    background-color: #dce1e1; 
    padding: 20px; 
    border-radius: 10px;
    }
@media (max-width: 800px) {
    .contact{
        margin: 10px 10%; 
        background-color: rgba(0, 0, 0, 0);
        padding: 0; 
        border-radius: none;
        }
    .desc{
        color:white;
        }
    }
.chimpfield{
    border:none;
    border-radius:5px;
    height:30px;
    margin:5px 0;
}
.wufield{
    width:30%;
    border:none;
    border-radius:5px;
    }
@media (max-width: 800px) {
    .wufield{
        width:90%;
        }
    }
.book-cover{
    max-width: 45%;
    }
@media (max-width: 800px) {
    .book-cover{
        max-width: 90%;
        }
    }
@media (max-width: 800px) {
    .book-header{
        color: white;
        }
    }
@media (max-width: 800px) {
    .mobile-hide{
        max-width: 100%;
        display: none;
        }
    }
.button{
    font-family:gant;
    border:none;
    border-radius:5px;
    padding:5px;
    text-transform:uppercase;
    text-align: center;
    background-color: white;
    color:black;
    }
@media (max-width: 800px) {
    .paypal{
        background-color: white;
        color:black;
        margin:10px;
        }
    }
.about{
    margin:0 30% 0;
    }
    .about a{
        color:red;
        }
@media (max-width: 800px) {
    .about {
        margin:0 5%;
        }
    .about p{
        color:white;
        }
    }
.ak{
    max-width: 15%;
    }
@media (max-width: 800px) {
    .ak{
        max-width:80%;
        }
    }
.CAW{
    max-width: 25%;
    }
@media (max-width: 800px) {
    .CAW{
        max-width:80%;
        min-width: 80%;
        }
    }
.footer{
    margin:0 30%;
    }
    .footer a{
        color: red;
        }
@media (max-width: 800px) {
    .footer{
        margin:0 5%;
        }
    .footer p{
        color:white;
        }
    .footer a{
    color: lightgray;
    }
}

/* Core styles for Wufoo contact form */

.grecaptcha-badge {visibility: hidden;}
.recaptcha-text {padding:20px 30px;font-family:gant;color:black;font-size:medium}
.recaptcha-text a { color: #007faa; }

/* Base Layout */
/* Container */
#container {
    text-align: left;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 auto 10px auto;
    width: 640px;
}

/* Form Structure */
form.wufoo {
    margin: 20px 14px 0 14px;
    padding: 0 0 20px 0;
    font-family:gant;
}

/* Form Fields */
input.text, textarea.textarea, select.select, input.email {
    font-family:gant;
    font-size:100%;
    color:black;
    margin:5px;
    padding:0;
    border:none;
    background:white;
}

input.checkbox, input.radio {
    margin: 4px 0 0 0;
    width: 13px;
    height: 13px;
}

textarea.textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

input.small, select.small { width: 25%; }
input.medium, select.medium { width: 50%; }
input.large, select.large { width: 100%; }

/* Labels and Instructions */
label.desc {
    font-size:medium;
    color:black;
    line-height:150%;
    margin: 0;
    padding: 0 0 3px 0;
    display: block;
    width: 100%;
}
@media (max-width: 800px) {
    label.desc {
        color:white;
    }
}
form li div label, form li span label {
    margin: 0;
    padding-top: 3px;
    font-size: 85%;
    color: #444;
    display: block;
}

form span.req {
    color: red !important;
    font-weight: bold;
}

/* Field Layouts */
form li div {
    margin: 0;
    color: #444;
}

form li span {
    margin: 0 0.3em 0 0;
    float: left;
    color: #444;
}

form li div span {
    display: block;
    width: 100%;
    float: left;
}

.leftLabel li, .rightLabel li {
    width: 74% !important;
    padding-top: 9px;
}

.leftLabel .desc, .rightLabel .desc {
    float: left;
    width: 31%;
    margin: 0 15px 0 0;
}

.rightLabel .desc {
    text-align: right;
}

.leftLabel li div, .rightLabel li div {
    float: left;
    width: 65%;
}

/* Fix for FNAME field line break */
.wufoo .mc-field-group {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}

.wufoo .mc-field-group label,
.wufoo .mc-field-group input[name="FNAME"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.wufoo .mc-field-group input[name="FNAME"] {
    max-width: 150px;
}

/* Buttons */
form li.buttons {
    width: auto !important;
    padding: 10px 1% 10px 1%;
}

form li.buttons input {
    font-size: 100%;
    margin-right: 5px;
}

/* Error States */
form li.error {
    background-color: #FFDFDF !important;
    margin-bottom: 3px !important;
}

form li label.error, form li input.error {
    color: #DF0000 !important;
    font-weight: bold !important;
}

form li input.error {
    border: 2px solid #DF0000 !important;
}

form p.error {
    display: none;
    margin: 0 !important;
    padding: 7px 0 0 0 !important;
    font-size: 11px;
    color: #DF0000 !important;
}

form li.error p.error {
    display: block;
}

/* Accessibility: Focus States */
form li.focused {
    background-color: #fff7c0;
}

/* Mobile Responsiveness */
@media only screen and (max-width: 480px) {
    html {
        background: none;
        margin: 0;
    }

    body {
        margin: 0 0 15px 0 !important;
    }

    #container {
        border: none !important;
        width: 100%;
    }

    .wufoo .mc-field-group {
        flex-wrap: wrap;
    }

    .wufoo .mc-field-group input[name="FNAME"] {
        max-width: 100%;
    }
}

/* Laptop Screen Adjustment */
@media (max-width: 1366px) {
    .wufoo .mc-field-group input[name="FNAME"] {
        max-width: 120px;
    }
}