/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/

/**** RESPONSIVE CODING ****/

@media screen and (min-width: 1025px) and (max-width:1199px) {
    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 170px;
        min-height: auto;
        max-height: 210px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: -110px;
        margin-bottom: 72px;
    }

    .fpcontainer {
    float: left;
    max-width: 765px;
}

    #container {
        max-width: 1199px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        overflow: hidden;
    }

    #sidebar {
        width: 100%;
        float: right;
        margin-bottom: 50px;
        margin-top: 5px;
        min-height: 100%;
    }

    #content {
        width: 100%;
        max-width: 575px;
        padding: 0px;
        margin-bottom: 0px;
        float: left;
        overflow: visible;
        background: transparent;
        padding-bottom: 50px;
    }

}

@media screen and (min-width: 660px) and (max-width:1024px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 110px;
        min-height: auto;
        max-height: 150px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: 0px;
        margin-bottom: 2px;
        width: 90%;
    }
.featimg {
    max-width: 200px;
    max-height: 250px;
    padding: 10px;
    float: none;
    margin: 0 auto;
}

    #container {
        max-width: 900px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        overflow: hidden;
    }

    #content {
        width: 100%;
        max-width: 750px;
        padding: 0px;
        margin-bottom: 0px;
        float: none;
        overflow: visible;
        background: transparent;
        padding-bottom: 50px;
        margin: 0 auto;
    }

    .gallerylinks {
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
    }

    .gallerylinks:before {
        margin-left: 20px;
    }

    .pinfo {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        text-align: center
    }

    .footercontainer {
        max-width: 340px;
    }


}


@media screen and (min-width: 481px) and (max-width:659px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 80px;
        min-height: auto;
        max-height: 120px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: 0px;
        margin-bottom: 2px;
        width: 90%;
    }

    .careerarchivenav a {
        display: block;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .category {
        display: inline-block;
        margin: 5px 5px;
        background: #034e5c;
        padding: 20px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
    }

.featimg {
    max-width: 200px;
    max-height: 250px;
    padding: 10px;
    float: none;
    margin: 0 auto;
}

    

    .postcontent blockquote {
        max-width: 440px;
        width: 100%;
    }

    .postcontent iframe {
        max-width: 445px;
        height: auto;
        margin: 5px;
    }


    .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active {
        display: block;
    }

    .pgtitle {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        float: none;
    }

    #footer {
        font-size: 12px;
        font-family: 'Jost', sans-serif;
        color: #ffffff;
        background: transparent;
        background-image: url('images/footer.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 125%;
    }

    .footercontainer {
        width: 100%;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-size: 8pt;
        max-width: 430px;
        text-align: center;
        margin-left: 0px;
        margin-top: 15px;
    }


}


@media screen and (min-width: 376px) and (max-width:480px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 125px;
        min-height: auto;
        max-height: 145px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: 0px;
        margin-bottom: 2px;
        width: 90%;
    }

    .careertitle {
        margin: 0 auto;
        text-align: center;
        font-size: 28pt;
        line-height: 28pt;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 5px;
    }

    .careerarchivenav a {
        display: block;
        margin: 5px;
    }

    .category {
        display: block;
        margin: 10px 5px;
        background: #034e5c;
        padding: 46px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
    }

    .fp {
    line-height: 48pt;
    text-align: center;
    font-size: 46pt;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: underline 10px #034e5c;
    margin-bottom: 25px;
}

    .featimg {
    max-width: 200px;
    max-height: 250px;
    padding: 10px;
    float: none;
        margin: 0 auto;
}
span.fptitle {
    font-size: 18pt;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

    span.fp-info {
    padding: 10px;
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-size: 12pt;
    font-weight: 500;
    margin: 3px 0px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}


    #container {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        overflow: hidden;
    }


    .postcontent blockquote {
        max-width: 345px;
        width: 100%;
    }

    .postcontent iframe {
        max-width: 360px;
        height: auto;
        margin: 5px;
    }


    .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active {
        display: block;
    }

    .pgtitle {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        float: none;
    }

    .sidebarcontent img {
        max-width: 95vw;
        width: auto;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .sidelink {
        display: inline-block;
        width: 40%;
        padding: 10px;
        text-align: center;
        background: #000000;
        margin: 2px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    #articletitle, #albumtitle, #songtitle, #posttitle, #filmtitle, #televisiontitle {
        color: #000000;
        display: inline-block;
        font-family: 'Jost', sans-serif;
        font-size: 18pt;
        max-width: 100%;
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 20pt;
    }


    #footer {
        font-size: 12px;
        font-family: 'Jost', sans-serif;
        color: #ffffff;
        background: transparent;
        background-image: url('images/footer.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 145%;
    }

    .footercontainer {
        width: 100%;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-size: 8pt;
        max-width: 330px;
        text-align: center;
        margin-left: 0px;
        margin-top: 15px;
    }



}

@media screen and (min-width: 371px) and (max-width:375px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 125px;
        min-height: auto;
        max-height: 145px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: 0px;
        margin-bottom: 2px;
        width: 90%;
    }

    .careertitle {
        margin: 0 auto;
        text-align: center;
        font-size: 28pt;
        line-height: 28pt;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 5px;
    }

    .careerarchivenav a {
        display: block;
        margin: 5px;
    }

    .category {
        display: block;
        margin: 10px 5px;
        background: #034e5c;
        padding: 46px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
    }

    .fp {
    line-height: 46pt;
    text-align: center;
    font-size: 42pt;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: underline 10px #034e5c;
    margin-bottom: 25px;
}

    .featimg {
    max-width: 200px;
    max-height: 250px;
    padding: 10px;
    float: none;
        margin: 0 auto;
}
span.fptitle {
    font-size: 18pt;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

    span.fp-info {
    padding: 10px;
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-size: 12pt;
    font-weight: 500;
    margin: 3px 0px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

    #container {
        max-width: 375px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        overflow: hidden;
    }


    .postcontent blockquote {
        max-width: 320px;
        width: 100%;
    }

    .postcontent iframe {
        max-width: 320px;
        height: auto;
        margin: 5px;
    }


    .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active {
        display: block;
    }

    .pgtitle {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        float: none;
    }

    #sidebar {
        max-width: 375px;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        padding: 0px;
        min-height: 100%;
    }

    .sidebarcontent img {
        max-width: 95vw;
        width: auto;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .sidelink {
        display: inline-block;
        width: 40%;
        padding: 10px;
        text-align: center;
        background: #000000;
        margin: 2px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    #articletitle, #albumtitle, #songtitle, #posttitle, #filmtitle, #televisiontitle {
        color: #000000;
        display: inline-block;
        font-family: 'Jost', sans-serif;
        font-size: 18pt;
        max-width: 100%;
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 20pt;
    }

    #footer {
        font-size: 12px;
        font-family: 'Jost', sans-serif;
        color: #ffffff;
        background: transparent;
        background-image: url('images/footer.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100%;

    }

    .footercontainer {
        width: 100%;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-size: 8pt;
        max-width: 320px;
        text-align: center;
        margin-left: 0px;
        margin-top: 95px;
    }


}

@media screen and (min-width: 290px) and (max-width:370px) {

    #header {
        display: none !important;
    }


    #mobileheader {
        display: block;
    }

    #mobileheader img {
        display: block;
        width: 100%;
        max-width: 100vw;
    }

    #latestimages img {
        width: 100%;
        max-width: 95px;
        min-height: auto;
        max-height: 120px;
        height: auto;
    }

    .latestimgestitle {
        margin-top: 0px;
        margin-bottom: 2px;
        width: 90%;
    }

    .careertitle {
        margin: 0 auto;
        text-align: center;
        font-size: 28pt;
        line-height: 28pt;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 5px;
    }

    .careerarchivenav a {
        display: block;
        margin: 5px;
    }

    .category {
        display: block;
        margin: 10px 5px;
        background: #034e5c;
        padding: 46px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        -webkit-transition: opacity 0.6s linear;
        opacity: 1;
        -webkit-transition: all 0.8s ease-in;
        -moz-transition: all 0.8s ease-in;
        transition: all 0.8s ease-in;
    }

.fp {
    line-height: 42pt;
    text-align: center;
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: underline 10px #034e5c;
    margin-bottom: 25px;
}

    .featimg {
    max-width: 200px;
    max-height: 250px;
    padding: 10px;
    float: none;
        margin: 0 auto;
}
span.fptitle {
    font-size: 13pt;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

    span.fp-info {
    padding: 10px;
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-size: 12pt;
    font-weight: 500;
    margin: 3px 0px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

    

    #container {
        max-width: 370px;
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
        overflow: hidden;
    }



    .postcontent blockquote {
        max-width: 260px;
        width: 100%;
    }

    .postcontent iframe {
        max-width: 290px;
        height: auto;
        margin: 2px;
    }


    .gallerylinks a:link, .gallerylinks a:visited, .gallerylinks a:active {
        display: block;
    }

    .pgtitle {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        float: none;
    }


    #sidebar {
        max-width: 370px;
        width: 100%;
        float: none;
        margin-bottom: 50px;
        padding: 0px;
        min-height: 100%;
    }

    .sidebarcontent img {
        max-width: 95vw;
        width: auto;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .sidelink {
        display: inline-block;
        width: 40%;
        padding: 10px;
        text-align: center;
        background: #000000;
        margin: 2px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    #articletitle, #albumtitle, #songtitle, #posttitle, #filmtitle, #televisiontitle {
        color: #000000;
        display: inline-block;
        font-family: 'Jost', sans-serif;
        font-size: 18pt;
        max-width: 100%;
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 20pt;
    }

    #footer {
        font-size: 12px;
        font-family: 'Jost', sans-serif;
        color: #ffffff;
        background: transparent;
        background-image: url('images/footer.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100%;

    }

    .footercontainer {
        width: 100%;
        color: #ffffff;
        font-family: 'Jost', sans-serif;
        font-size: 8pt;
        max-width: 245px;
        text-align: center;
        margin-left: 0px;
        margin-top: 95px;
    }

}