/*
 Theme Name:   PR Daily 2018
 Theme URI:    
 Description:  Child theme for PRDaily.com 
 Author:       Lawrence Ragan Inc.
 Author URI:   
 Template:     ragan-theme
 Version:      1.0.19
 License:      
 License URI:  
 Tags:         
 Text Domain:  prdaily-child-theme
*/

/*
*****************************
        COLOR SCHEME
*****************************

    DARK BLUE SITE HEADER BECOMES...
        Black: #000000

    GREEN (Text and Borders) BECOMES...
        Blue: #0F75BD
*/

.raganMainLogo {
    max-height: 60px;
}

header#header .header {
  background-color: #000;
}

header#header:not(.version-3) .header {
    position: relative;
    padding: 5px 0;
}

header#header:not(.version-3) .header .container #main-nav li {
    margin: 0 0 0 10px;
    font-size: 14px;
}

@media (max-width: 767px) {
    header#header:not(.version-3) .header .container img.raganMainLogo {
        width: 100px;
        margin-bottom: 7px;
    }
    .raganMainLogo {
        margin-bottom: 0px;
    }
}

header#header:not(.version-3) .header #main-nav li.social-media {
    margin-left: 7px;
}
header#header:not(.version-3) .header #main-nav li.social-media a {
    font-size: 1.3em;
}

header#header:not(.version-3) .header #main-nav li.social-media-first {
  margin-left: 10px;
}

header#header .header #main-nav li.mainNavAwardsLink ul.sub-menu {
  background-color: #000;
}

@media (min-width: 992px) {
    header#header:not(.version-3) .header #main-nav li.social-media-first {
        margin-left: 10px;
    }
    header#header:not(.version-3) .header > .container {
        padding-bottom: 10px;
    }
}

@media (max-width: 1129px) {
    header#header .header .container img.raganMainLogo {
      width: 120px;
    }
    header#header:not(.version-3) .header .container #main-nav li {
        /*font-size: 12px;*/
    }
    header#header:not(.version-3) .header #main-nav li.social-media-first {
        margin-left: 8px;
    }
    .home .hp_first div.hp_first_copy .article-header div.kicker a {
        color: #0F75BD;
    }
    header#header .toplinks ul#top-links li {
        margin: 0 5px 0 0;
    }
}

@media (min-width: 767px) and (max-width: 1129px) {
  header#header .header .container img.raganMainLogo {
    width: 120px;
  }
}

h1.page_title, h1.pagetitle,
a.kicker,
.home .article-header div.kicker a.kicker,
.greenH2Header h2,
.greenHeader h3,
.eventPageMenu h2,
.widgettitle
{
    color: #0F75BD;
}

/* Green dot override with PRD blue dots */
.greendottedSparator,
.overallMostPopular, 
.most_popular_section .greenSectionHeader {
    background-image: url(/wp-content/themes/ragan-theme/img/PRD_DH-dots.png);
}

.ragansdaily,
#sidebar .ragansdaily
{
    border-color: #0F75BD;
}

#testajaxloadmore #ragan-alp-load-posts > a, #testajaxloadmore #ragan-alp-load-posts > a:link, #testajaxloadmore #ragan-alp-load-posts > a:hover, #testajaxloadmore #ragan-alp-load-posts > a:active, #testajaxloadmore #ragan-alp-load-posts > a:visited {
    color: #0F75BD;
    border-color: #0F75BD;
}


/* Half page ad position */

.most_popular_section > .featured_story_sidebar {
    top: 48px;
    bottom: auto;
}

/*
    Login Page
*/
body.login {
    background-color: #f2f2f2;
}

body.login div#login {
    margin: 8% auto 0;
    padding: 26px 24px 46px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

body.login div#login h1 a {
    width: 136px;
    height: 84px;
    margin-bottom: 0;
    background-image: none,url(../../uploads/2018/09/login-logo.jpg);
    background-size: 144px;
}

body.login div#login form#loginform {
    margin-left: 0;
    padding: 0;
    background: #fff;
    box-shadow: none;
}


/*
    Mobile Overrides for PRDaily's long "main nav"
*/
@media (max-width: 991px) {
    header#header:not(.version-3) .toplinks, 
    header#header:not(.version-3) .header .container .calendarBtn {
        display: none;
    }
    header#header:not(.version-3) .header > .container {
        text-align: center;
    }

    header#header:not(.version-3) .header {
        padding-bottom: 0px;
    }
    
    header#header:not(.version-3) .header #main-nav #mobile-utility-search, 
    header#header:not(.version-3) .header #main-nav-button, 
    header#header:not(.version-3) .header #main-nav li.login-nav, 
    header#header:not(.version-3) .header #main-nav li.mobileEventsCalendarBtn {
        display: block;
    }
    
    header#header:not(.version-3) .header #main-nav li.login-nav {
        padding: 3px 0 3px 10px;
    }
   
    header#header:not(.version-3) .header #main-nav-button {
        position: absolute;
        left: 10px;
        top: 8px;
        font-size: 2em;
    }
    header#header:not(.version-3) .header #main-nav {
        display: none;
        background: #000;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        bottom: initial;
        right: initial;
    }
    header#header:not(.version-3) .header #main-nav #mobile-utility-search {
        padding: 10px;
    }
    header#header:not(.version-3) .header .container #main-nav li, header#header:not(.version-3) .header #main-nav li {
        margin-left: 0;
        float: left;
        width: 100%;
        border-top: solid 1px #555555;
        line-height: 24px;
        text-align: left;
        padding-left: 10px;
    }
    header#header:not(.version-3) .header #main-nav li a {
        width: 100%;
        padding: 3px 0;
        font-size: 0.94em;
        line-height: 2em; 
        text-transform: uppercase;
    }

    header#header:not(.version-3) .header #main-nav li.social-media {
        padding-top: 7px;
        width: 33.3333333%;
        text-align: center;
        padding-left: 0;
    }
    header#header:not(.version-3) .header #main-nav li.social-media .fa {
        top: -1px;
        position: relative;
    }

}
@media all and (min-width: 768px) and (max-width: 991px) {
    header#header:not(.version-3) .header > .container {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .raganMainLogo {
        margin-top: 9px;
        margin-bottom: 9px;
    }
    header#header:not(.version-3) .header #main-nav li.social-media {
        padding-bottom: 7px;
    }
    header#header:not(.version-3) .header #main-nav li.social-media a span {
        display: inline;
    }
}
@media all and (min-width: 500px) and (max-width: 991px) {
    header#header:not(.version-3) .header #main-nav #mobile-utility-search form input.search-input {
        width: 90%;
    }
    header#header:not(.version-3) .header #main-nav #mobile-utility-search form input.search-submit {
        width: 10%;
    }
}