/**
Theme Name: Shock Child
Template: shock
Theme URI: https://shock.codings.dev
Author: Codings
Author URI: https://codings.dev
Description: The child theme inherits the look and feel of the parent theme and all of its functions, but can be used to make modifications to any part of the theme. In this way, customizations are kept separate from the parent theme’s files. Using a child theme lets you upgrade the parent theme without affecting the customizations you’ve made to your site.
Version: 1.0.0
Text Domain: shock-child
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://themeforest.net/licenses/standard
Tested up to: 5.0
Requires PHP: 7.0
*/

/*----------------------------------------------
*
* If you activated the Child Theme, the styles placed here will work.
* 
----------------------------------------------*/

/* ==========================================================
   GOFORTH MEDIA — CONTENT EDITOR FORMS
   Frontend Admin / ACF form styling

   Add CSS class "content-editor-form" to the Elementor
   container or widget that contains the form shortcode.
   ========================================================== */


/* ----------------------------------------------------------
   FIELD SPACING
   Adds separation between each complete form field.
   ---------------------------------------------------------- */

.content-editor-form .acf-field {
    padding: 0;
    margin: 0;
    border: 0;
}

.content-editor-form .acf-field + .acf-field {
    margin-top: 28px !important;
}

/* ----------------------------------------------------------
   FIELD LABELS
   ---------------------------------------------------------- */

.content-editor-form .acf-label {
    margin-bottom: 6px;
}

.content-editor-form .acf-label label {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #16272A;
    margin: 0;
}


/* ----------------------------------------------------------
   FIELD INSTRUCTIONS / DESCRIPTIONS
   ---------------------------------------------------------- */

.content-editor-form .acf-input .description {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #92979A;
    margin: 0 0 8px;
}


/* ----------------------------------------------------------
   STANDARD INPUT FIELDS
   ---------------------------------------------------------- */

.content-editor-form .acf-input input[type="text"],
.content-editor-form .acf-input input[type="email"],
.content-editor-form .acf-input input[type="url"],
.content-editor-form .acf-input input[type="date"],
.content-editor-form .acf-input input[type="number"],
.content-editor-form .acf-input textarea,
.content-editor-form .acf-input select {
    width: 100%;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #16272A;
    background: #FFFFFF;
    border: 1px solid #D9DCDE;
    border-radius: 4px;
    padding: 12px 14px;
    box-shadow: none;
}


/* ----------------------------------------------------------
   INPUT FOCUS STATE
   ---------------------------------------------------------- */

.content-editor-form .acf-input input[type="text"]:focus,
.content-editor-form .acf-input input[type="email"]:focus,
.content-editor-form .acf-input input[type="url"]:focus,
.content-editor-form .acf-input input[type="date"]:focus,
.content-editor-form .acf-input input[type="number"]:focus,
.content-editor-form .acf-input textarea:focus,
.content-editor-form .acf-input select:focus {
    border-color: #2468BA;
    outline: none;
    box-shadow: 0 0 0 1px #2468BA;
}


/* ----------------------------------------------------------
   TEXTAREAS
   Allow textarea height to be adjusted by the user 
   ---------------------------------------------------------- */

.content-editor-form .acf-input textarea {
    resize: vertical;
}


/* ----------------------------------------------------------
   SUBMIT FIELD
   Adds a little separation from the final content field
   without retaining the standard field bottom padding.
   ---------------------------------------------------------- */

.content-editor-form .acf-field-submit-button {
    padding: 8px 0 0;
    margin-bottom: 0;
}


/* ----------------------------------------------------------
   SUBMIT BUTTON
   ---------------------------------------------------------- */

.content-editor-form .fea-submit-button {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #FFFFFF;
    background: #2468BA;
    border: 1px solid #2468BA;
    border-radius: 4px;
    padding: 14px 24px;
    box-shadow: none;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* ----------------------------------------------------------
   SUBMIT BUTTON HOVER / KEYBOARD FOCUS
   ---------------------------------------------------------- */

.content-editor-form .fea-submit-button:hover,
.content-editor-form .fea-submit-button:focus {
    color: #FFFFFF;
    background: #1B3445;
    border-color: #1B3445;
    box-shadow: none;
    outline: none;
}

/* Content Center logged-in user status */
.content-editor-user-status {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #16272A;
}

.content-editor-user-status strong {
    font-weight: 700;
}

.content-editor-user-status a {
    color: #2468BA;
    font-weight: 500;
    text-decoration: none;
}

.content-editor-user-status a:hover,
.content-editor-user-status a:focus {
    text-decoration: underline;
}

.content-editor-user-separator {
    margin: 0 3px;
}

/* ==========================================================
   WEEKLY PLAYLISTS
   Weekend Spindown + Saturday Morning Rewind
   ========================================================== */


/* Week heading */
.weekend-spindown-date,
.saturday-rewind-date {
    position: relative;
    padding-left: 18px;

    font-family: "Proxima Nova", sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    color: #16272A;

    margin: 0 0 28px 0;
}


/* Blue accent bar beside week heading */
.weekend-spindown-date::before,
.saturday-rewind-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background: #2468BA;
    border-radius: 2px;
}


/* Playlist */
.weekend-spindown-playlist,
.saturday-rewind-playlist {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    color: #16272A;
}


/* Tablet */
@media (max-width: 1024px) {

    .weekend-spindown-date,
    .saturday-rewind-date {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .weekend-spindown-playlist,
    .saturday-rewind-playlist {
        font-size: 17px;
        line-height: 1.7;
    }
}


/* Mobile */
@media (max-width: 767px) {

    .weekend-spindown-date,
    .saturday-rewind-date {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .weekend-spindown-playlist,
    .saturday-rewind-playlist {
        font-size: 16px;
        line-height: 1.7;
    }
}