/*
 Theme Name:     Extra Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/extra/
 Description:    Extra Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Extra
 Version:        1.0.0
*/

@import url("../Extra/style.css");

/*** START OVERRIDE DEFAULT FONT SIZES ***/
body { font-size: 14px; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

@media only screen and (min-width: 1025px) {
    body { font-size: 16px; }
    h1 { font-size: 26px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
}

select, input, textarea {
    font-size: 14px;
}
/*** END OVERRIDE DEFAULT FONT SIZES ***/


/*** START OVERRIDE THE SUBMIT BUTTON ON THE CONTACT PAGE ***/
.et_pb_contact_submit {
    padding: 0 12px !important;
    line-height: 36px !important;
}

.et_pb_contact_submit:after {
    line-height: 36px !important;
}

.et_pb_contact_submit:hover {
    padding: 0 30px 0 12px !important;
    line-height: 36px !important;
}
/*** END OVERRIDE THE SUBMIT BUTTON ON THE CONTACT PAGE ***/


/*** CHANGE PADDING AND MARGIN ON POST HEADING ***/
.post-header {
    padding: 40px !important;
    margin: 0 !important;
}

/*** MAKE BACKGROUND OF WIDGET TITLES THEME COLOR ***/
.widgettitle {
    background: #CC3300 !important;
}


/*** ENSURE POST ELEMENTS ARE FULL-WIDTH, EVEN IF SHORT CONTENT ***/
.single article,
.page article,
.author-box,
.related-posts,
#comment-wrap,
#respond {
    width: 100%;
}


/*** START CHANGE SPACING OF COMMENTS ***/
#comment-wrap {
    border: 0;
    padding: 20px !important;
}

#comment-wrap ol {
    list-style: none;
    max-width: 100%;
}
/*** END CHANGING SPACING OF COMMENTS ***/


/*** START ADJUST SPACING OF LOGO AND HEADER AD TO KEEP THEM ALIGNED VERTICALLY ***/
#main-header .logo {
    margin: 20px 0 !important;
}

#main-header .etad {
    margin: 20px 0 !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1110px) {
    /* SHRINK LOGO FOR SMALL PIXEL RANGE SO AD DOES NOT DROP BELOW LOGO ON RESIZE */
    #main-header #logo {
        max-width: 190px;
        height: auto;
    }
}
/*** END ADJUST SPACING OF LOGO AND HEADER AD TO KEEP THEM ALIGNED VERTICALLY ***/


/***** START FORCE 300PX WIDE SIDEBAR ON DESKTOP *****/
@media only screen and (min-width: 1025px) {
    .with_sidebar_left .et_pb_extra_column_main,
    .with_sidebar_right .et_pb_extra_column_main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex-basis: 100% !important;
        -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
    }

    .with_sidebar_left .et_pb_extra_column_sidebar,
    .with_sidebar_right .et_pb_extra_column_sidebar {
        width: 312px !important;
        max-width: 312px !important;
        min-width: 312px !important;
        flex-basis: 312px !important;
        -webkit-flex-basis: 312px !important;
        -ms-flex-preferred-size: 312px !important;
    }

    .with_sidebar_left .et_pb_extra_column_main {
        margin-right: -312px !important;
        padding-right: 312px !important;
    }

    .with_sidebar_right .et_pb_extra_column_main {
        margin-left: -312px !important;
        padding-left: 312px !important;
    }
}

/***** END FORCE 300PX WIDE SIDEBAR ON DESKTOP *****/