/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/
.display-sm-block { display: none }

@media screen and (max-width: 1200px) {

    .inner-wrap { width: 92%; }

    .slides > li h3 { font-size: 24px; }

    .home_widgets .home_column { width: 31%; margin-right: 3.5%; }

    .recent-posts, .post-wrap, .single-tribe_events .type-tribe_events { width: 67%; }

    #sidebar { width: 30%; }

    .single .share { padding-left: 0; }
    .single .share a { margin: 0 15px 0 0; }
    .post_author { padding-left: 0; }

    .footer-widgets .column { width: 22%; margin-right: 3%; }

    #tribe-events-pg-template {
        max-width: 92%;
    }    
    .post-wrap.gallery-row {
        width: 100%;
    }

}


@media (min-width: 1025px) {

    #menu-top-slide { display: none !important; }
    #menu-main-slide { display: none !important; }
    .post-wrap.gallery-row {
        width: 100%;
    }
    
}


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

    #slider img{
        width:90%; 
        min-height:180px; 
        margin:0 5%;
    } 
    #slider .tagline{
        width:90%;
        margin:0 5%;
        font-size:1.5em;
    } 
    .sub-menu li{background: transparent;}
    /* Menu */
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }

    #navbar-top,
    #navbar-main { display: none; }
    .navbar-toggle { display: block }
    .navbar-brand{width:100%; text-align: center;}
    .navbar-search {text-align:center; font-size: .8em; padding-bottom: 0px;}

    article .entry-date { width: auto; float: none; margin: 0 0 5px; text-align: left; display: block; }
    article .entry-date span { font-size: 16px !important; }
    article .entry-date .month { display: inline; }

    .single .share a { font-size: 14px; padding: 5px 10px; }

    h3.entry-title, h1.entry-title { font-size: 26px; }

    .widget .feature-posts-list li h3 { font-size: 18px; }

    .home_widgets_dark .dark_column-4 .widget,
    .home_footer_widgets .footer_column-4 .widget {
        width: 48%;
        margin-right: 3%;
    }

    .home_footer_widgets .footer_column-2 .widget:nth-child(2n+2),
    .home_footer_widgets .footer_column-3 .widget:nth-child(3n+3),
    .home_footer_widgets .footer_column-4 .widget:nth-child(2n+2),
    .home_widgets_dark .dark_column-2 .widget:nth-child(2n+2),
    .home_widgets_dark .dark_column-3 .widget:nth-child(3n+3),
    .home_widgets_dark .dark_column-4 .widget:nth-child(2n+2) {
        margin-right: 0;
    }

    .footer-widgets .column { width: 48%; margin-right: 4%; }
    .footer-widgets .column:nth-child(2n+2) { margin-right: 0; }

    .site-info .copyright, .site-info .designed-by { width: 100%; float: none; }
    .site-info .designed-by { float: left; text-align: left; }
    .post-wrap.gallery-row {
        width: 100%;
    }
    .post-wrap.gallery-row .gallery-item{
        margin:10px 1%;
        width:31%;
        height:auto;
        min-height:180px;
    }
    
}


/* Tablet Portrait */
@media screen and (max-width: 860px) {

    #slider img{
        width:96%; 
        min-height:180px; 
        margin:0 2%;
    } 
    #slider .tagline{
        width:96%;
        margin:0 2%;
        font-size:1.5em;
    } 
    .single .share a { clear: both;  margin: 0 0 15px;   }
    .single .share a:after { content: " "; display: table;   }


    .home_widgets .home_column.last {
        margin: 0;
        padding: 0;
        border: none;
    }

    #tribe-events .tribe-events-content p { display: none; }
    .tribe-events-list .vevent.hentry h2 { font-size: 24px; }

    .tribe-events-list-widget h4.entry-title { font-size: 16px; }    
    .post-wrap.gallery-row {
        width: 100%;
    }
    .post-wrap.gallery-row .gallery-item{
        margin:10px 1%;
        width:31%;
        height:auto;
        min-height:180px;
    }
}


@media screen and (max-width: 768px) {

    
    .recent-posts, .post-wrap, .single-tribe_events .type-tribe_events { width: 100%; float: none; }

    #sidebar { width: 100%; float: left; margin-top: 40px; }

    #respond input { width: 100% }

    .form-allowed-tags { display: none }

    .tribe-events-loop .tribe-events-event-meta { float: none; width: 100%; background: none; border: none; margin: 0 0 15px; padding: 0; }

    #tribe-events-pg-template { padding: 0; }
    .post-wrap.gallery-row {
        width: 100%;
    }
    .post-wrap.gallery-row .gallery-item{
        margin:10px 1%;
        width:31%;
        height:auto;
        min-height:180px;
    }

}


@media screen and (max-width: 640px) {
    .display-sm-none { display: none }
    
    .display-sm-block { display: block }
    
    .navbar-brand .tagline { display: none; }

    .flex-control-nav { display: none; }

    .slides > li .li-content { float: left; width: 100%; position: absolute; bottom: 0; height: auto;  left: 0; min-height: inherit; }
    .slides > li h3 { padding: 0; }
    .slides > li h3:after { display: none; }
    .slides > li .slide_button { margin: 10px 0 0; }
    .slides > li .slide_button a { padding: 5px 15px; }
    .slides > li .excerpt { display: none; }

    .navbar-brand img { max-width: 100%; height: auto; }

    .home_footer_widgets .footer_column-2 .widget,
    .home_footer_widgets .footer_column-3 .widget,
    .home_footer_widgets .footer_column-4 .widget,
    .home_widgets_dark .dark_column-2 .widget,
    .home_widgets_dark .dark_column-3 .widget,
    .home_widgets_dark .dark_column-4 .widget {
        width: 47%;
    }

    .home_widgets .home_column {
        width: 100%;
        margin-right: 0;
    }

    .footer-widgets .column { width: 100%; float: none; margin-right: 0; }
    .post-wrap.gallery-row {
        width: 100%;
    }
    .post-wrap.gallery-row .gallery-item{
        margin:10px 1%;
        width:31%;
        height:auto;
        min-height:180px;
    }

}
@media screen and (max-width: 480px) {
    #slider img{
        width:100%; 
        margin:0;
        min-height:180px;
    } 
    #slider .tagline{
        width:100%;
        margin:0;
        font-size:1.1em;
    } 
    .post-wrap.gallery-row {
        width: 100%;
    }
    .post-wrap.gallery-row .gallery-item{
        margin:10px 1%;
        width:47%;height:auto;
        min-height:200px;
    }
}