/*!
Theme Name: Script Angel
Theme URI: http://scriptangel.com/
Author: Glass
Author URI: http://designby.glass
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

Script Angel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

#screenwriter-coaching .container--small {
    max-width: 70em;
}

.grid.grid--no-gutter.relative {
    overflow: hidden;
}

@media (max-width: 768px) {
    span.wpcf7-not-valid-tip {
        top: 0;
        float: none;
    }
}

@media (max-width: 1024px) {
    .get-in-touch div.form-group.grid__col.first_name {
        padding-left: 0px;
        padding-right: 15px;
    }
    .get-in-touch div.form-group.grid__col.last_name {
        padding-left: 15px;
    }
}

@media (max-width: 45em) {
    .get-in-touch div.form-group.grid__col.first_name,
    .get-in-touch div.form-group.grid__col.last_name {
        padding-left: 0px;
        padding-right: 0px;
    }
    .organisation-contact .form-group.grid__col,
    .get-in-touch .form-group.grid__col {
        padding-left: 0px;
    }
}

.wpcf7-response-output {
    background-color: rgb(255, 255, 255, 0.3);
}


/*

This code has been added by DCS Digital to style the new website forms created with Gravity Forms
The selectors have had to be quite specific in order to overwrite the old main.css stylings
I avoided using !important tags and instead use specific selectors where possible
The styling in main.css was quite opiniated so I also had to be quite specific in order to give the correct styles

*/

.gfield.form-group .ginput_container.ginput_container_checkbox .gfield_checkbox .gchoice input {
    width: 30px;
    height: 30px;
    margin-right: 1rem;
}

.gfield.form-group .ginput_container.ginput_container_checkbox .gfield_checkbox .gchoice {
    margin-top: 1rem;
}

.gfield.form-group .ginput_container.ginput_container_checkbox .gfield_checkbox label {
    font-weight: normal;
    font-family: inherit;
}

.gform_10_wrapper .gform_footer,
.gform_12_wrapper .gform_footer,
.gform_11_wrapper .gform_footer {
    text-align: center;
}

.gform_9_wrapper .gform_footer .btn {
    width: 100%
}

.gform_10_wrapper .textarea {
    height: 100%
}

.gform_body .mc-email-input {
    align-self: center;
}

.gform_body .mc-email-input .ginput_container_email input {
    font-size: 1.188rem !important;
}

.gfield.form-group .ginput_container.ginput_container_checkbox .gfield_checkbox label {
    display: inline;
}

@media (max-width:768px) {
    .gform_body .mc-email-input .ginput_container_email input {
        font-size: 16px;
    }
    .gfield.form-group .ginput_container.ginput_container_checkbox .gfield_checkbox .gchoice input {
        margin-bottom: 1rem;
    }
}

@media (min-width:768px) {
    .gform_body .central-col .ginput_container_checkbox {
        width: 50%;
        margin: 0 auto;
    }
}

.gform_body .field_sublabel_above label {
    font-size: 15px !important;
}

@media screen and (min-width: 73em) {
    .gform_body .form-group {
        padding: 0 0px !important;
    }
    .gform_body fieldset.form-group {
        margin-bottom: 1.875rem !important;
    }
}

.gform_10_wrapper .gform_fields textarea {
    height: 320px !important
}


/* This class can be added to submit buttons which are to be appended to the end of text fields */

.mc-embedded-subscribe-abs {
    position: absolute;
    right: 0;
    top: 0px;
    border: none;
    display: inline-block;
    background-color: #F38A76;
    padding: 15px 25px 14px;
    border-radius: 0 6px 6px 0;
    font-weight: 800;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-family: BwSurco, 'avenir next', avenir, sans-serif;
    transition: all .15s ease-in;
}

.mc-embedded-subscribe-abs:hover {
    cursor: pointer;
}

@media (max-width:768px) {
    .btn--nectarine {
        font-size: 1rem
    }
}

@media (min-width:73em) {
    .page-id-36 .page-header h1 {
        font-size: 4.3rem;
        line-height: 2rem;
    }
}

@media (min-width:60em) and (max-width:73em) {
    .page-id-36 .page-header h1 {
        font-size: 3.5rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 60em) {
    .page-id-36 .page-header h1 {
        font-size: 3rem;
    }
}

@media (max-width:40em) {
    .page-id-36 .page-header h1 {
        font-size: 1.7rem;
    }
}