/*****************************************************
* CUSTOM CSS STYLE FOR REVISED CTAs
* CREATED BY:  BRIAN D.
* Date: 07-2021
* Note: Duplicate this file to begin editing a new CTA style;
* Form Associated: 
*****************************************************/
/* Main background */
body{
    background-color: rgba(255,255,255,0) !important;
}
.container{
    background-color: #FFF !important;
    padding: 1em;
    margin: 0em;
    border: 1px solid rgba(0,0,0,0.13);
    border-radius: 2px;
}
/* Align text left, standardized font size */
section.sixteen.columns.content{
    text-align: left;
    font-size: 16px;
    padding-right: 0em;
}
/* Set HEADER font styles - h4*/
div#content h4#iframe_CTA_header{
    color: #035496;
    font-weight: bold;
    text-align: left;
    font-size: 1.4rem;
    margin-top: 0em;
    margin-bottom: 0.2em;
}
form#standardForm{
    display: flex;
    flex-direction: row;
    align-items: Flex-end;
}
/***************************************************
 * INPUT FIELD AND LABEL
 **************************************************/
/* Set BODY AND INPUT LABEL font color. Set width of container */
div#content p,
div#content .questionlabel label span{
    text-align: left !important;
    color: #313131;
    width: 100%;
    padding: 8px 0px;
    margin-bottom: 0.4em;
}
/* Edits to the e-mail address field LABEL - Hide Field Label and Subtext found under the Field Label*/
section.sixteen.columns.content #Input_field_label,
.questionlabel{
    display: none !important;
}
/* Customization to the e-mail address field */
section.sixteen.columns.content input.drg-field-address-normal {
    font-size: 18px;
    border: 1px solid rgb(0, 117, 178);
    padding: 0.5em;
    border-radius: 2px;
    text-align: left;
}
/***************************************************
 * CALL TO ACTION BUTTON
 **************************************************/
/* Center CTA button and set standard button size */
div#content div.button {
    text-align: center;
    font-size: 21px;
}
/* Customize button background color */
div#content div.button input{
    background-color: #FF8100;
    color: #FFF;
    font-size: 18px;
    font-weight: 800;
    margin: 0 auto;
    margin-bottom: 0.7em;
    border-radius: 4px;
}
/* Remove Webkit Rules */
div#content div.button input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/***************************************************
 * BOTTOM LINKS - PRIVACY POLICY
 **************************************************/
.sixteen.columns.footer a{
    color: #0975AE;
    display: block;
    text-align: left;
}
/***********************************
 * BEGIN RESPONSIVE MEDIA QUERIES
 ***********************************/
 /* Focus on screens between 480px and 780px */
@media only screen and (min-width: 480px) and (max-width: 780px){

}
 /* Focus on screens < 480px */
@media only screen and (max-width: 480px){
div#content h4#iframe_CTA_header {
    font-size: 1.4rem;
}
form#standardForm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
}