/*

This is an additional styleheet containing changes that could not be included in the SCSS.
Once the compilation of the SCSS files is functional again,
these styles can be incorporated into the appropriate files.

*/

/* Fixes the images on the homepage on mobile */

@media only screen and (max-width: 768px) {
    .home .featured .left-column .image-thumb{
        float:none;
        height:140px;
        width:auto;
    }
    .home .featured .left-column .block-content .title h3 {
        font-size: 20px;
        line-height: 23px;
    }
    .featured-news .left-column .block-content{
        max-width:100%!important;
    }
}

.single .related-items-block .block-image,
.single .related-items-block .block-image:hover{
    background-size:cover;
}

/* Removes the unwanted styling to all WPCF7 forms... */

@media only screen and (min-width: 768px){
    .sidebar .newsletter .form-control {
        width: 60%;
        float: left;}
}
.newsletter-widget .wpcf7-not-valid-tip{
    display:none!important;
}
.newsletter-widget .wpcf7-response-output{
    margin-left: 0;
    margin-top: 0;
    border:none;
    color: white;
    font-size:16px;
}

@media only screen and (max-width: 600px){
    .single .related-items-block .block-image {
        display: block;
        height: 140px;
        width: 100%;
    }
    .single .related-items-block .intro {
        display: none;
    }

    .single .related-items-block .block-content {
        display: block;
        padding: 20px;
        width: 100%;
    }
}

iframe{
    max-width:100%!important;
}

/* Fixes the styling of the image on posts */

.single.featured .main-picture, .home .featured .main-picture{
    height:auto;
    max-height:initial;
}
.single.featured .main-picture img, .home .featured .main-picture img{
    width:100%;
    height:auto;
}

.button-image{
    
    color: black;
    padding: 6px 4px;
    line-height: 0;
    border: 3px solid #F04043;
    background-color: #F04043;
    display: inline-block;
}

.podcast .podcast-content i, .podcast .podcast_feed i{
    color:white;
    background-color: transparent;
}

.svg-shape {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill: white;
}

.podcast-logo{
float:left;
width: 30%;
}

.widget-link:hover{
    color: #F04043;
}

.podcast-text{
float:left;
width:70%;
}
 
.podcast-text--left{
    float:left;
    width:60px;
}

.podcast-text--right{
    float:left;
    width:70%;
    font-weight: bold;
    line-height: 20px;
}


@media only screen and (max-width: 1000px) {
    .podcast-text{
        float:left;
        width:100%;
        margin-bottom: 10px;
        }
        .podcast-logo{
            float:left;
            width: 100%;
            }
  }

  @media only screen and (max-width: 767px) {
    .podcast-text{
        float:left;
        width:70%;
        }
         
    
    .podcast-logo{
        float:left;
        width: 25%;
    }
}

.wpcf7-submit {
    margin-left: -2px!important;
    margin-top: 10px!important;
    display: inline!important;
}

.newsletter-widget .btn-primary:hover {
    color: white;
}

.block-content a{
    text-decoration: underline;
}


@media only screen and (max-width: 780px) {
    .page:not(.home) .block-content {
       
        padding: 30px;
    }
}

.contentleft-mainarticle-blockquote{
    padding: 15px 0;
    margin: 75px 0 15px 50px;
    color: #231F20;
    font-family: "Crete Round";
    font-size: 28px;
    line-height: 38px;
    position: relative;
}

@media only screen and (max-width: 780px) {
    .contentleft-mainarticle-blockquote{
        margin: 30px 0;
        font-size: 24px;
        line-height: 30px;
    }
}

.contentleft-mainarticle-blockquote:before{
    content: "";
    background: red;
    position: absolute;
    height: 3px;
    width: 25px;
    top:0;
}