@charset'UTF-8';

/**
 * Filename:        bs-xs.css
 * Revision:        v3.0 => 2016.10
 * Organization:    ignitr => http://wildfirecms.com
 * Author:          Trevor Lettman / Space2Burn
*/


@media (max-width: 767px)
{
    /*********************
     TAGS
    *********************/

    header
    {
        /*padding-bottom: 15px;
        border-bottom: 1px solid #efefef;*/
    }

    h1
    {
        font-size: 1.8em !important;
    }


    /*********************
     LIVE AREA
    *********************/

    body:not(.hp) #live-area
    {
        margin-top: 60px !important;
        padding: 45px 15px 15px !important;
    }



    /*********************
     HOMEPAGE SPECIFIC
    *********************/

    /* HP SLIDER */

    .hero
    {
        /*position: relative;*/
        height: 350px !important;

        background-position: center center !important;
        background-size: cover !important;
    }

    .hero .content
    {
        margin-top: 130px !important;
    }

    .hero .content h1
    {
        font-size: 2.2em !important;

        padding: 0 !important;
    }

    .hero .content p
    {
        font-size: 1.2em !important;
    }

    .hero .content hr
    {
        max-width: 300px;
        margin: 30px auto;

        border-top: 2px solid #fff;
    }



    /* BLUE BAR // TECO TURNS 50 */

    #blue-bar
    {
        padding: 25px 25px 30px;
    }

    #blue-bar h2
    {
        font-size: 1.2em !important;
        line-height: 1.6em !important;

        margin: 0 !important;
    }



    /* HP NEWS */

    #news
    {
        min-height: 100px !important;
        padding: 45px 0 !important;
    }

    #news .row .col-12 .content
    {
        min-height: 100px !important;
    }

    #news h2
    {
        font-size: 2em !important;
    }

    #news .news-item
    {
        margin-bottom: 0 !important;
    }

    #news .news-item .btn,
    #engine_7 .btn,
    #engine_36 .btn
    {
        width: 100%;

        text-align: center;
    }

    #topics
    {
        min-height: 100px !important;
        padding: 45px 0 !important;
    }

    #topics .topics-item
    {
        margin-bottom: 30px !important;
    }

    #topics h2
    {
        font-size: 1.8em !important;
    }

    section#hp-parallax .parallax-window .content
    {
        position: absolute;
        top: 120px !important;
        /*padding: 15px;*/
    }

    section#hp-parallax p
    {
        font-size: 1.8em !important;
        /*line-height: 1.3em;*/
    }

    section#hp-parallax h3
    {
        font-size: 1.8em !important;
    }

    .quotes p
    {
        font-size: 1.2em !important;
    }

    .quotes p span
    {
        font-size: .85em;
    }

    ol.carousel-indicators
    {
        display: none !important;
    }

    .row.buckets .col-12 a.content
    {
        margin-bottom: 30px !important;
    }

    #system-metrics
    {
        display: none !important;
    }

    #topics .topics-item .bg-img
    {
        background-position: center 60px !important;
    }

    /* FLARES */

    .listitem,
    .encapsulate
    {
        padding: 15px !important;
    }

    .listitem:hover,
    .encapsulate:hover
    {
        background: transparent !important;
    }

    .listitem h2
    {
        font-size: 1.4em;
        font-weight: 600;
        margin-bottom: 5px;
    }

    #engine_7 .gallery-album .col-12
    {
        margin-bottom: 0 !important;
    }


    #engine_7 .post img.featured
    {
        width: 100% !important;
    }



    /* Timeline */
    body.desktop #timeline #timeline-content .entry .col-12:nth-of-type(1),
    body.desktop #timeline #timeline-content .entry .col-12:nth-of-type(3)
    {
        padding-left: 110px;
    }



    /*********************
     CLASSES
    *********************/

    .btn
    {
        font-size: 1em;
    }

    img.img-left
    {
        float: none !important;

        margin: 15px 0 !important;
    }

    img.img-right
    {
        float: none !important;

        margin: 15px 0 !important;
    }

    /*********************
     MOBILE SHOW/HIDE
    *********************/

    .mobile-show
    {
        display: block !important;
    }
    .mobile-hide
    {
        display: none !important;
    }


    /*********************
     MOBILE TEXT
    *********************/

    .mobile-left
    {
        text-align: left;
    }

    .mobile-right
    {
        text-align: right;
    }

    /*********************
     RESPONSIVE IMAGES
    *********************/

    .responsimg > img,
    img.responsimg,
    img.respons-12,
    img.respons-8,
    img.respons-6,
    img.respons-4,
    img.respons-3,
    img.respons-2
    {
        width: 100% !important;
        margin: 30px 0;
    }

    /**
    * RESPONSIVE VIDEO FLOAT
    */

    div.floatvid-right
    {
        float: none !important;

        width: 100% !important;
        margin: 15px 0 !important;
    }

    /* Floater  */
    .floater
    {
        width: 100% !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
    }
}