/* new styles for small redesign without left sidebar and new widgets titles */

/* main structure */




#main .aside {
        display:none;
    }

@media only screen and (min-width: 767px) {


    #main .content-wrap {
        width: 100%;
    }

    #main .content-wrap #content {
        width:620px;
    }

    #main .content-wrap #sidebar-secondary {
        width:300px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
        #main .content-wrap #content {
            width:420px;
        }
}

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


    #main .content-wrap {
        overflow-x: hidden;
    }

}


/* main menu on mobile */

@media only screen and (max-width: 767px) {
    #menu-primary ul#menu-primary-items {
        margin-bottom:20px;
    }
}

/* header */

@media only screen and (min-width: 767px) {
        #header {
            padding-top:10px;
        }

        #header #site-title img.logo-desktop {
            /*max-width: 580px;*/
            margin-bottom:30px;

        }

        #header #site-title img.logo-mobile {
                display: none;
        }

}

@media only screen and (max-width: 767px) {
        #header #site-title img.logo-mobile {

        }

        #header #site-title img.logo-desktop {
                display: none;
        }
}

/* posts overview images */


.hfeed .post img.archive-thumbnail {
    width: 100%;
    height: auto;
}

.hfeed .post .entry-header {
    width:40%;
}

.hfeed .post .entry-summary {
    width:55%;
}

/* single page */

.post-content img.single-thumbnail {
    width:100%;
    height:auto;
}

/* Instagram feed */

.sidebar .widget ul.si-widget {
    margin-left: 0;
    position: relative;
    left:5px;
}

.sidebar .widget ul.si-widget img {
    width:84px;
    height:84px;
    margin-right:10px;
    transition: opacity 0.2s ease-in-out;
}

.sidebar .widget ul.si-widget a:hover {
    border:none;
}

.sidebar .widget ul.si-widget a:hover img {
    opacity: 0.9;
}

.sidebar .widget_wysiwyg_widgets_widget .widget-wrap.widget-inside {
    text-align: center;
}

/* search field */

.sidebar .widget .search-form input[type="text"] {
    width:92%;
}

/* widget titles */

.sidebar .widget_wysiwyg_widgets_widget h5 {
    text-transform:uppercase;
    width:calc(100% - 10px);
    letter-spacing: 2px;
    margin:0;
    margin-bottom:-15px;
    margin-left:5px;
}

.sidebar .widget_wysiwyg_widgets_widget h5:before,
.sidebar .widget_wysiwyg_widgets_widget h5:after {
    display: block;
    width:100%;
    content:'';
    height:2px;
    background:url(images/fnn-border.png) center center repeat-x;    
}

/* do it Menu */

/*#sidebar-secondary #menu-secondary {
    background:white;
    margin-bottom:15px;
}

#sidebar-secondary #menu-secondary-items li {
    width:149px;
    float:left;
    margin-bottom:1px;
    margin-right:1px;
}

#sidebar-secondary #menu-secondary-items li a {
    background:black;
    color:white;
    position: relative;
    height:32px;
    line-height: 32px;
    padding:0 1.2em;
}

#sidebar-secondary #menu-secondary-items li a:after {
    content:'\f054';
    font-family: "FontAwesome";
    position: absolute;
    right:15px;
}

#sidebar-secondary #menu-secondary-items li a:hover {
    background: #ea0a8a;
}

#sidebar-secondary #menu-secondary-items li.current-menu-item a,
#sidebar-secondary #menu-secondary-items li.current-menu-parent a {
    background: #ea0a8a;
}
#sidebar-secondary #menu-secondary-items li.current-menu-item a:after,
#sidebar-secondary #menu-secondary-items li.current-menu-parent a:after {
        content:'';
}*/

/* Secondary header menu */

.header-menu-secondary .menu-toggle {
    display: none;
}

.header-menu-secondary {
    float:left;
    margin-bottom:20px;
}

@media only screen and (max-width: 767px) {
    .header-menu-secondary {
        height:52px;
    }
}

.header-menu-secondary li {
    float:left;
    width:calc(25% - 1px);
    background:black;
    margin-right:1px;
    margin-bottom:1px;
}



.header-menu-secondary li a {
    float:left;
    border:none !important;
    font-size: 12px;
    width:100%;
    height:25px;
    line-height: 26px;
    padding-left:10px;
    color:white;
    text-transform: uppercase;
}

.header-menu-secondary li.current-menu-item a,
.header-menu-secondary li.current-menu-parent a {
    background: #ea0a8a;
    border:none;
}


@media only screen and (min-width: 767px) {
        .header-menu-secondary {
                width:100%;
        }
        .header-menu-secondary li {
                width:calc(12.5% - 1px);
        }

        .header-menu-secondary li a {
                text-align: center;
                padding:0;
                height:32px;
                line-height: 33px;
        }
        
        .header-menu-secondary li a:hover {
                background: #ea0a8a;
        }
}

/* sidebar social */

#wysiwyg_widgets_widget-15 {
        margin-bottom:3px;
}

.sidebar-social {
    margin-bottom:15px;
    margin-top:15px;
}

.sidebar-social a  {
    margin-top:10px;
    display: inline-block;
    height:30px;
    line-height: 30px;
    text-align: center;
    padding:0px 15px;
}

.sidebar-social a i {
    font-size: 40px;
    position: relative;
    transition: .2s;
}

.sidebar-social a:hover {
    text-decoration: none;
    border:none;
}

.sidebar-social a:hover i {
    top:-2px;
    text-decoration: none;
    border:none;
}