/*
 Theme Name:     Divi Policy Exchange Child Theme
 Theme URI:      
 Description:    Custom Divi theme for Policy Exchange
 Author:         Heritage Arts Company
 Author URI:     http://www.heritagearts.co.uk
 Template:       Divi
 Version:        0.0.1
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
.shortcode-show-avatar, .shortcode-author-avatars div.author-list .user {
    display: block !important;
    float: left!important;
    max-width: 250px!important;
    min-height: 300px!important;
    min-width: 250px!important;
    padding: 0.2em!important;
    text-align: center!important;
}
.bio, .biography {
    line-height: 1em;
}

.shortcode-author-avatars div.author-list .user .name {
    color: #e15c16!important;
    display: block!important;
    font-size: 1.2em!important;
}
.avatar-220 {
    border: 5px solid #e15c16;
}
.home-pub .post-meta {
    background: #eee none repeat scroll 0 0;
    color: #000 !important;
    display: inline-block;
    font-size: 12px !important;
    padding: 5px;
    width: 100%;
}
.homepage-blog span {
    background: #eee none repeat scroll 0 0;
    color: #000 !important;
    display: inline-block;
    font-size: 12px !important;
    padding: 5px;
    width: 100%;
    margin-bottom:7px;
}
.post-meta .published {
    display: inline-block;
    padding-bottom: 5px;
}

/**** Agenda Form ****/

#mc-indicates-required {
    display: none;
}
.mc_custom_border_hdr {
    border-bottom: 1px solid #e15c16;
    color: #e15c16;
    font-size: 25px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.mc_form_inside {
    margin-top: 10px;
}
.mc_input {
    display: block;
}

/**** Video Gallery ****/

.video-gallery-thumb:hover {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 5px;
    padding: 5px 5px 0px;
    border-radius: 5px;
}
.video-gallery-thumb {
    border-radius: 5px;
}
.video-gallery-caption {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1em;
}
.video-gallery-box {
    min-height: 250px;
}
.old-video-link{
color:#e15c16;
}

.rotatingtweets a {
    color: #000!important;
}

/**** Excerpt Class ****/

.et_pb_blog_grid .excerpt {
    max-width: 100%!important;
}

@media screen and (max-width: 782px)  {
.et_pb_blog_grid .the_excerpt {
    max-width: 100%;
}
}

.excerpt {
    float: left;
    max-width: 70%;
}

@media screen and (max-width: 782px)  {
.the_excerpt {
    max-width: 100%;
}
.post-meta, .homepage-blog span, .post-meta .published {

    margin-top:5px;
}

}

/**** General ****/

/*a:link,a:visited {
    color:#e15c16;
}*/

.et_pb_blog_publications_0 .et_pb_post h2 { 
    line-height: 1.2em !important; 
    }

.et_pb_slide{
max-height: 700px;
}

@media (min-width: 981px){
    .footer-widget {
    width: 17%;
    margin: 0 8% 8% 0;
    }
    
}
/**** Twitter widget ****/

.et_pb_promo.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_left.et_pb_cta_0 {
    padding: 10px;
}

.et_pb_promo_button.et_pb_button {
    font-size: 15px;
    margin-top: 10px;
}

.et_pb_promo_description {
    padding-bottom: 10px;
}

.rtw_meta, .rtw_main {
    max-width: 90%;
}

/**** 2017 New Homepage Slider ****/

.et_pb_slide_content .excerpt {
    max-width: 100%;
}

#home-slide-2017 {
    margin-bottom: -100px;
    margin-top: 0;
}

#home-slide-2017 .et_pb_slide_title {
font-weight:400;
}

#home-slide-2017 .et_pb_slide {
    max-height: auto;
}

#home-slide-2017 .et_pb_slide_description {
    float: right;
    margin-bottom: -30px;
    max-height: 430px;
    min-height: 430px;
    padding-left: 15px;
    padding-top: 10px;
    width: 35%;
}

#home-slide-2017 .et_pb_slide_image {
    float: left;
    margin-top: 0 !important;
    position: relative;
    width: 55%;
}

/**** 2017 New Homepage Slider RESPONSIVE ****/
@media screen and (max-width: 981px)  {
#home-slide-2017 {
min-height:500px;
}
#home-slide-2017 .et_pb_slide_title{
font-weight:normal;
font-size:17px;
margin-top:10px;
}
#home-slide-2017 .et_pb_slide_image {
    width: 100%;
}
#home-slide-2017 .et_pb_slide{
max-height:auto;
}
}

@media screen and (max-width: 782px)  {
#home-slide-2017 {
margin-bottom: 0px;
min-height:auto;
max-height:auto;
}
#home-slide-2017 .et_pb_slide{
max-height:auto;
}
#home-slide-2017 .et_pb_slide_description {
    min-height: auto;
    width: 100%;
    padding-top:5px;
}

#home-slide-2017 .et-pb-controllers {
display:none;
}
}


/**** Sidebar Widgets ****/

    h4.widgettitle {
        color: #e15c16;
    }

.et_pb_gutters4 .et_pb_column_1_4 .et_pb_widget {
    margin-bottom: 20px;
    }

/**** Tigthen Meta ****/
    #left-area .post-meta {
        padding-bottom: 0px;
        }


/**** Padding for mobile *****/
/**** TODO: Find another way to do this to help fullwidth modules look nicer ****/

    @media (max-width: 981px) {
        .entry-content {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

/**** Fullwidth blog module edits ****/
@media (min-width: 981px){

    .et_pb_image_container img, .et_pb_post a img {
        max-width: 200px !important;
        float:left;
        margin: 0px 20px 50px 0px;
    }
}

.et_pb_post {
    border-bottom: 1px solid #eee;
    display: block;
    float: left;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 100%;
}

.frontpage.et_pb_image_container img, .frontpage.et_pb_post a img {
    max-width: 100% !important;
    float: none;
}

.et_pb_slide_content, .et_pb_slide_title, .et_pb_slide_content p {
    opacity: 0.8;
}

.et_pb_slide_title, {
    color: #000000 !important;
}

/****** Archive Page ******/
.px-archive-postlist img {
    float:left;
    margin: 0px 20px 50px 0px;
}

.et_pb_post p {
    text-align: justify;
}

.px-archive-postlist  h2 {
     font-size: 26px !important;
}

/****** Author Page ******/

    .px-author-row {
        width: 100%;
        margin-bottom: 20px;
        display: block;
        min-height: 200px;
        clear: both;
    }

    @media (min-width: 981px) {
        /* Desktop View: Title & Bio Left, Image right */
        .px-author-column-info {
            float: left;
            width: 48%;
            margin-right: 2%;
            margin-bottom: 20px;
        }

        .px-author-column-avatar {
            float: left;
            width: 48%;
            margin-left: 2%;
            text-align: right;
        }

        /* Desktop View: Featured Images Float left, small */
        a.px-author-image {
            display: block;
            float: left;
            margin: 0px 20px 30px 0px;
            min-height: 125px;
        }
    }

    @media (max-width: 981px) {
        /* Mobile View: Title & Bio Stacked, Centered, Padded Vertically */
        .px-author-column-info {
            float: left;
            width: 100%;
            margin-bottom: 20px;
        }

        .px-author-column-avatar {
            float: left;
            width: 100%;
            margin-bottom: 20px;
            text-align: center;
        }
        /* Mobile View: Title & Bio Stacked, Centered, Padded Vertically, and increased to full-width image */
        a.px-author-image {
            display: block;
            margin: 0px 0px 30px 0px;
            width: 100%;
            clear: both;
        }
        
        a.px-author-image img {
            width: 100%;
            
        }
    }

    h2.px-author-name  {
        font-size: 28px;
        color: #e15c16;

    }
    h3.px-author-jobtitle {
        font-size: 22px;
        color: #666;
    }
    p.px-author-bio {
        text-align: justify;
    }

    h2.px-author-posts {
        font-size: 26px;
        color: #e15c16;
        border-bottom: 1px solid #e15c16;
        margin-bottom: 20px;
    }

    .px-author-postlist {
        display: block;
        clear: both;
    }

    h2.px-author-entry-title {
        font-size: 22px;

    }

/* Single Page Visual Alterations */

#px-download-button {
margin-top: -20px;
margin-bottom: 5px !important;
}


/* Author Spotlight CSS */

#author-profile img {
    float:left;
    margin-right: 10px; 
}

#author-profile h2 {
    font-size: 21px;
}

#author-description {
    min-height: 96px;
    display: block;
    text-align: justify;
}

#author-link {
    text-align: right;
    margin-bottom: 10px;
}

#authorspotlight-2 {
    margin-bottom: 5px;
    width: 100%;
}

/* Library Page Visual Edits */

.et_pb_toggle {
    border-color: #e15c16;
}

/* Blog Module Grid View Changes */

.et_pb_blog_grid .et_pb_post {
    padding: 0px;
    border: none;
    min-height: 125px;
}

@media (min-width: 981px) {
    
   .et_pb_post .et_pb_image_container { 
        max-width: 245px !important; 
        max-height: 145px !important;
        overflow: hidden;
        float: left !important; 
        margin: 0px 20px 5px 0px; !important;
    } 
    
    
}

@media (max-width: 981px) {
     .et_pb_post .et_pb_image_container {
        max-width: 100%; 
        overflow: hidden;
        margin: 0px 0px 5px 0px; !important;
    }
}

/* Fix strange mobile view bug on blog module */
@media only screen and (max-width: 980px) {
    .et_pb_post {
        font-size: 14px !important;
        line-height: normal !important;
    }
    .et_pb_post .post-meta {
        font-size: 14px !important;
        line-height: normal !important;
    }
    
    .et_pb_post .et_pb_blog_grid h2 {
        line-height: 1.2em; !important;
        padding-bottom: 5px; !important;
    }
    
    .et_pb_post h2 {
        line-height: 1.2em !important;
        font-size: 16px !important;
    }
    
    .et_pb_post p {
    line-height: 1.2em !important;
    }
    
    .et_pb_blog_publications_0 .et_pb_post h2 {
    line-height: 1.2em !important;
    }
}

.single-event .published {
    display: none;
}

/* YARPP Related Posts Widget CSS */

#yarpp_blogs-2, #yarpp_events-2, #yarpp_publications-2, #yarpp_news-2, #yarpp-press-2 {
    margin-bottom: 20px;
}
    
    #yarpp_blogs-2.et_pb_widget.widget_yarpp_blogs {
        width: 100%;
    }

.yarpp-px-related-container {
    display: block;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    background-color: #fff;
    word-wrap: break-word;
    min-height: 135px;
    text-align: justify;
}

@media (min-width: 981px) {
    .yarpp-px-img-container {
    max-width: 200px !important; 
    max-height: 125px !important;
    overflow: hidden;
    float: left !important; 
    margin: 0px 20px 5px 0px; !important;
    }
}

@media (max-width: 981px) {
    .yarpp-px-img-container {
    max-width: 100%; 
    overflow: hidden;
    margin: 0px 0px 5px 0px; !important;
    }
}

h2.yarpp-px-title  {
    margin-top: 5px !important;
    font-size: 21px !important;
}

.et_pb_gutters4 .et_pb_column_3_4 .et_pb_widget {
    width: 100% !important; /* Stops it squishing to the left */
    margin-right: 0px;
}

/* Hardcoded YARP CSS (Redundant) */

.yarpp-related h3 {
    font-size: 22px !important;
    color: #ffffff !important;
    line-height: 1.4em;
    background-color: #387b8b;
    padding-left: 10px !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
    background-image: url('http://pxtest.xyz/wp-content/uploads/2016/08/bluex.jpg');
    background-position: right;
    background-repeat: no-repeat;
    min-height: 32px;
}

/* Blog Post Grid View: Left aligned images, full width. */

@media (min-width: 981px){
.et_pb_gutters4 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 {
		width: 100%;
		margin-right: 0%;
	}

.et_pb_gutters4 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    }
}

/* Sidebar menu spacing reduction */
@media (min-width: 981px){
.et_pb_widget.widget_nav_menu {margin-bottom: 15px !important;}
}

/* Publication Page Button Margin removal */
@media (min-width: 981px) {
    .et_pb_gutters4 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters4.et_pb_row .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 0px;
    }
    
}

/*Enable Divi builder for custom post types
___________________________________________________________*/
 
.et_pb_pagebuilder_layout.single-publication #page-container .et_pb_row {
width: 100%;
}
.et_pb_pagebuilder_layout.single-publication #page-container .et_pb_with_background .et_pb_row {
width: 80%;
}

 a:link {color: #e15c16; }

@media only screen and ( min-width:981px ) {
    /* Set the slider height v1*/
    .tall_slider,     .tall_slider .et_pb_container { 
        height: 425px !important; 
    }
    .tall_slider,     .tall_slider .et_pb_slide { 
        max-height: 450px; 
    }
    .tall_slider .et_pb_slide_description { 
        position: relative; 
        top: 10%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}


@media only screen and ( min-width:981px ) {
    /* Set the slider height short v1 */
    .short_slider,     .short_slider .et_pb_container { 
        height: 204px !important; 
    }
    .shot_slider,     .short_slider .et_pb_slide { 
        max-height: 204px; 
    }
    .short_slider .et_pb_slide_description { 
        position: relative; 
        top: 10%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

@media only screen and ( min-width:981px ) {
    /* Set the slider height v2*/
    .tall_slider2,     .tall_slider2 .et_pb_container { 
        height: 509px !important; 
    }
    .tall_slider2,     .tall_slider2 .et_pb_slide { 
        max-height: 509px; 
    }
    .tall_slider2 .et_pb_slide_description { 
        position: relative; 
        top: 10%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}