/* 
    Document   : layout
    Created on : Apr 14, 2014, 3:37:45 PM
    Author     : jesseryles
    Description:
        Purpose of the stylesheet follows.
*/

.slicknav_menu {
    display:none;
}
#mobile-nav{display:none;}
@media screen and (max-width: 70em) {
    /* #menu is the original menu */
    .js #menu-main-menu {display:none;}	
    .js .slicknav_menu {display:block;}
    .headnav{text-align:center;height:auto;}
    .slicknav_btn{position:fixed !important;top:30px;right:20px;}
    .logo{float:none !important;}
    #mobile-nav{display:block;}
    .site-width{width:100%;float:left;padding:0 2%;}
    .footer .col{float:left;width:100% !important;margin-bottom:20px;}
    .footer .col.final{margin:0;}
    .slicknav_menu{background:transparent !important;}
    .event-wrap .event-holder {width:100%;}
    .event-wrap .event-holder .event-item img{width:110px;}
    .event-wrap .event-holder .event-item {font-size:12px;}
    .event-wrap .filter-box{width:100%;}
    .page-wrapper .left, .page-wrapper .right{width:100% !important;}

    .events .event-item img{width:95px;}
    .events .event-item .event-content {width:57%;}
    .event-holder {float:left;width:100%;margin-top:20px;}
    .twitter-box, .news-box{max-width:100% !important;width:100%;}

    .headnav{background:url('https://focusnetwork.co/wp-content/themes/mediacorp/library/images/header-rp.png');}
    .services-gray-box {height:auto !important;padding-bottom:20px;}
    .services-blue-box {padding-top:13px !important;}
    .form-holder-inside{margin-left:-20px !important;}
    .num-wrapper .num-content {width:66%;}
    .staff-wrapper .staff-item { width: 187px; }
    .summit-item { width: 100%; }
    .summit-image img { max-width: 100%; }
}
@media screen and (max-width: 40em) {

    .twitter-box, .news-box{max-width:100% !important;width:100%;min-width:100% !important;}
    .news-wrapper .news-box .news-item .news-content{width:72%;}
    .twitter-box h4 i{display:none;}
    .event-wrap .event-holder .event-item .event-content {width:92% !important;}
    .event-wrap .event-holder .event-item img{margin-left:20px;}
    .headnav .logo{
        float: left !important;
        width: 297px !important;
        margin-top: 21px;margin-right:0;
    }   
    .headnav .logo img{max-width:100%;  }
    .slicknav_btn {
        position: fixed !important;
        top: 3px;
        right: 20px;
    }
    body.home{padding-top:105px;}
    .home-button{display:none !important;}
    .sub-footer{color:black;}
    .content-page-header h1:after {left: 37.6%;}
    .services-gray-box {height:auto !important;padding-bottom:20px;margin-bottom:10px;}
    .form-holder-inside{margin-left:0px !important;float:left;}
    .num-wrapper .num-content{width:60%;}
    .staff-wrapper .staff-item{float:none;margin:auto;margin-bottom:10px;}
    .event-content{width:100% !important;margin-left:0 !important;}
}