/*
        Theme Name: divi-child
        Theme URI: 
        Description: Child Theme for Divi
        Author: Rachel ArceJaeger
        Author URI: 
        Template: Divi
        Version: 1.0

        NOTE: // is not a valid comment here!
*/

/* OUTDATED WAY --- USE FUNCTIONS.php now 
@import url("../Divi/style.css");
@import url("../../plugins/meteor-slides/css/meteor-slides.css"); */


/* COLORS */
/* 
    Blue - Link (Normal): #0000ca // mountain: 0000fc 
    Blue - Link (Hovered): #00c4ff 

    Grey - Text/Borders: #1e1e1e 

    Red - Link/Background: #FD0050
    Green - Background: #02fe8a
*/



/* ###########################   FONTS   ########################### */


/* FAMILY & LINE HEIGHT */

body, p, h4, h5, h6, a {
    font-family: 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif, Georgia, serif !important;
}

h1, h1a, h2, h2 a, h3, h3 a, .script, .script a {
    font-family: Georgia, 'Times New Roman', Times, serif !important;
}


/* LINE HEIGHT */


body, p {
    line-height: 1.7 !important;  /* Multiplies current font size by 1.7 */
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, a {
    line-height: 1.3 !important;  /* Multiplies current font size by 1.3 */
}


/* SIZE */

h1, h1 a {
    font-size: 30px !important;   /* Default is 26, same as h2 */
}

.sizeH3 {
    font-size: 22px !important;
}

.sizeH4 {
    font-size: 18px !important;
}


.widgettitle {
    font-size: 13px !important;   /* Default is 18 */
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: rgba(0,0,0,0.2) !important;
    margin-bottom: 12px !important;
}



/* COLOR */

body, p, h1, h2, h3, h4, h5, h6 {
    color: #1e1e1e !important; /* Not quite black */
}


/*     LINKS */
/*     Since use "#main-content" to distinguish normal links from those in the nav bar, 
       must use #main-content whenever changing link color of other elements or it won't update */

#main-content a {    
    color: #0000ca;   /* Don't use !important or else it will override all following link color info */
}

#main-content a:hover {    
    color: #00c4ff;   /* Don't use !important or else it will override all following link color info */
}


#main-content .blackLink a {
    color: #000000 !important;
}


/* ###########################   HEADER & NAV   ########################### */


/* HEADER */

#main-header { 
    background-image: url(http://rmarcejaeger.com/wp-content/uploads/2019/08/divider_38px_3c.png) !important;
    background-size:cover;
}


@media (min-width: 980px){    /* Needed to keep part of fake header from being hidden by nav bar */
    #et-main-area {
        padding-top: 4px !important;
    }
}

/* Needed because for some reason it misaligns */
#meteor-slideshowbooks {
    top: -14px !important;
}


/* LOGO */
/*
.logo_container {
    text-align: right !important;
}

#logo {
    max-height: 100% !important;
}
*/
.logo_container { display: none; }


/* KEEPS PAGES FROM FLASHING WHITE BAR WHEN SWITCHING PAGES */
@media (min-width: 980px){
    .et_fixed_nav.et_show_nav #page-container {
        padding-top: 34px !important;   /* Header bar + 2 */
    }
}


/* NAVIGATION */


#et-top-navigation {
    padding-left: 0px !important;
    padding-right: 236px !important;   /* Logo size + 36 (default DIVI number) */
    padding-top: 10px !important; /* CHANGED */
    float: left !important;
}


#et-top-navigation a {
    padding-bottom: 10px !important; /* CHANGED */
    /*text-transform: uppercase !important;*/
}


#top-menu a {
    color: rgba(0, 0, 0, 0.7) !important;
}


/* CURRENT NAV TAB (Needed since change link color above) */

#top-menu .current_page_item a {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 5px #000000 !important;
}


/* MENU ICON WHEN SCREEN IS SMALLER THAN NORMAL */

.mobile_menu_bar:before {
}


/* NAV DROP-DOWN MENU WHEN SCREEN IS SMALLER THAN NORMAL */

.et_mobile_menu {
    border-top-color: #0000ca !important;
}

/* HAMBURGER BUTTON */

span.mobile_menu_bar:before {
    color: #FFFFFF !important;
}


/* ###########################   FAKE HEADER   ########################### */

@media (max-width: 980px){
    #header-pic{
        display: none !important;
    }
}



/* ###########################     BLOG     ############################## */

/* Feature thumbnails alongside post titles on blog page */
 
@media only screen and (min-width: 980px) {
    .has-post-thumbnail a img {
        max-width: 210px !important;
        max-height: 180px;
        height: auto;
        width: auto;
        float: left !important;
        padding-right: 24px !important;
    } 
}

@media only screen and (max-width: 980px) {
    .entry-featured-image-url {
        text-align: center !important;
    }

    .has-post-thumbnail a img {
        max-width: 65vw !important; /*250px !important;*/
    }
}

.et_pb_posts a.more-link {
    clear: none !important;
}



/* ###########################   BACKGROUNDS   ########################### */

@media only screen and (min-width: 980px) {
    .et_pb_section .mySectionBackground {
        background: url(http://rmarcejaeger.com/wp-content/uploads/2016/07/On-the-Edge-of-Sherwood-Forest-1920x1200-extreme-faded-quality90.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}



/* ###########################   FOOTER   ########################### */

#footer-info {
    display: none !important
}


/* Hide footer completely */
#main-footer {
    display: none !important
}


/* ###########################   SLIDESHOW   ########################### */

.meteor-slides {
    margin: auto !important;
}



/* ###########################   SPECIAL MODULES   ########################### */

.section-with-header-bkg {
    background-image: url(http://rmarcejaeger.com/wp-content/uploads/2014/09/Tree-at-Sunrise-200px-high.jpg) !important;
    background-size:cover;
}


.section-with-header-bkg-and-border {
    background-image: url(http://rmarcejaeger.com/wp-content/uploads/2014/09/Tree-at-Sunrise-200px-high.jpg) !important;
    background-size:cover;
    border: 1px solid #1e1e1e !important;
}


/* Take a two-column layout and shift so appears 1/3-2/3 or 2/3-1/3 */
/* IMPT: Put in the class descriptors for the columns in ROW's settings, not the individual columns */

@media (min-width: 980px){
    .col-oneThird  { width: 30% !important; }
    .col-twoThirds { width: 70% !important; }
}

@media (min-width: 980px){
    .col-forty  { width: 40% !important; }
    .col-sixty  { width: 60% !important; }
}


/* Take a three-column layout and shift so a single item takes up two spots */

@media (min-width: 980px){
    .col-spanTwo{
        width: 235% !important;
    }
}


.last-row-page {
    padding-bottom: 20px !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: rgba(0,0,0,0.2) !important;
}


/* Submit Button on Comments */
.form-submit .submit {
    color: #0000ca;
}


.button_red {
    background: #FD0050 !important;
    border: 2px solid #1e1e1e !important;
    color: #FFFFFF !important;
}


.button_green {
    background: #02fe8a !important;
    border: 2px solid #1e1e1e !important;
    color: #606060 !important;
}


.button_red:hover {
    color: #E0E0E0 !important;
}

.button_green:hover {
    color: #1e1e1e !important;
}


/* Have more than 4 columns in a section */
/* Percent is 100 divided by # of columns */
/* Label the content itself (e.g. the image, blurb, etc) */

@media (min-width: 980px){
    .ten-columns {width: 10%; float: left;}
    .nine-columns {width: 11.11%; float: left;}
    .eight-columns {width: 12.5%; float: left;}
    .seven-columns {width: 14.28%; float: left;}
    .six-columns {width: 16.66%; float: left;}
    .five-columns {width: 20%; float: left;}
}


/* A special section where only the middle three columns are filled
and the first and last are designed to be blank */

@media (min-width: 980px){
    .five-columns-filled {
        width: 24%; float: left;
    }
    .five-columns-empty {
        width: 14%; float: left;
    }
}


/* Adjust a specialty section so the sidebar looks more right-aligned */

@media (min-width: 980px){
    
    .specialty_sidebar  {    /* Use background matches page background */
        width: 15vw !important;
        margin-left: 10vw !important;
    }
    
    .specialty_sidebar_colored  {    /* Use when background doesn't match page background */
        width: 20vw !important;
        margin-left: 5vw !important;
        padding-right: 30px; /* To match default padding-left: 30px */
    }
}

@media (max-width: 980px){
    
    .specialty_sidebar_colored  {    /* Use when background doesn't match page background */
        padding: 30px;
    }
}

/* Allows you to use a gradient overlay with parallax */
   
.parallax-bg-overlay .et_parallax_bg::before { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    content: ""; 
    height: 100%;
    width: 100%;
    position: absolute; 
    left: 0;
    top: 0; 
}

.parallax-bg-overlay-light .et_parallax_bg::before { 
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    content: ""; 
    height: 100%;
    width: 100%;
    position: absolute; 
    left: 0;
    top: 0; 
}

/* A gold border based on the gold divider */

.gold-border, .gold-border-image img {
    border: 5px solid;
    border-image: url(http://rmarcejaeger.com/wp-content/uploads/2019/07/divider_1.jpg) 2 stretch !important;
}


/* A white box shadow that appears around an image */

.white-box-shadow-thin img {
    box-shadow: 0px 0px 2px 5px #ffffff;
}

.white-box-shadow img {
    box-shadow: 0px 0px 5px 10px #ffffff;
}

.white-box-shadow-thick img {
    box-shadow: 0px 0px 10px 20px #ffffff;
}

.white-box-shadow-super img {
    box-shadow: 0px 2px 50px 0px #ffffff;
}

/* CONTACT FORM */

#fscf_name1, #fscf_email1, #fscf_field1_3 {
    background: linear-gradient(rgba(252, 233, 141, 0.3), rgba(252, 233, 141, 0));
    
    border: 1px solid;
    border-image: url(http://rmarcejaeger.com/wp-content/uploads/2019/07/divider_1.jpg) 2 stretch !important;
}

@media (max-width: 980px){
    
    #fscf_name1, #fscf_email1, #fscf_field1_3  {
        width: 67vw !important;
        max-width: 67vw  !important; 
    }
    
    #fscf_div_field1_4 {
        width: 67vw !important;
        max-width: 67vw  !important; 
    }
    
    /* The "let me know" */
    #fscf_div_field1_4  label {
        display: inline-block !important;
        width: 63vw !important;
        max-width: 63vw  !important; 
        vertical-align: top;
    }
}

@media (min-width: 980px){
    
    #fscf_name1, #fscf_email1, #fscf_field1_3  {
        width: 47vw !important;
        max-width: 47vw  !important; 
    }
    
    #fscf_div_field1_4 {
        width: 47vw !important;
        max-width: 47vw  !important; 
    }
    
    /* The "let me know" */
    #fscf_div_field1_4  label {
        display: inline-block !important;
        width: 43vw !important;
        max-width: 43vw  !important; 
        vertical-align: top;
    }
}


/* GOOGLE ADS */

.adsbygoogle, #aswift_0_expand, #aswift_0_anchor, #aswift_0 {
    width: 95% !important;   
}
