/* Mindfully written by Dazil  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Desktop
:: Tablet -
*/

/* -----------------------------------------
   Desktop
----------------------------------------- */
@media ( min-width: 768px ) {
	
    body { padding-top: 115px; }
    body.home { padding-top: 50px; }
    .pull-right-md { float: right; }
    .pull-left-md { float: left; }
	.navbar-default { height: 90px; } 
	
	.navbar-default > .container,
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-header,
	.navbar-default .navbar-brand {
		height: 100%; 
	}
	
	.home .navbar-default.navbar-top {
		background: transparent url('../img/nav-bg.png') repeat-x top left;
		background-size: auto 100%;
		border: none;
	}
	
    .navbar-default .navbar-nav {
		padding-top: 25px;
        padding-bottom: 25px;
	}
    
    .navbar-default.navbar-top {
        height: 115px;
    }
	
    .navbar-default.navbar-top .navbar-nav {
		padding-top: 38px;
        padding-bottom: 38px;
	}
    
    .navbar-default .main-menu {
        padding-right: 15px;
    }

    .navbar-default .navbar-brand {
        display: block;
		min-width: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    } 
	
	.navbar-default.navbar-top .navbar-brand {
		width: 400px;	
	}
    
    .navbar-nav li {
        position: relative;    
    }
    
    .navbar-nav > li > a {
        font-size: 15px;   
    }
    
    .navbar-nav > li.menu-item-has-children > a:after {
        content: "\f104";
        font-size: 11px;
        padding-left: 4px;
    }
    
    .navbar-nav .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }
    
    .navbar-nav li:hover > .sub-menu {
        display: block;   
    }
    
    .navbar-nav .sub-menu li a,
    ul.drop ul .sub-menu li a {
        width: 180px;    
    }
    
    .navbar-nav .sub-menu > li > a {
        display: block;
        padding: 6px 11px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff;
        /*white-space: nowrap;*/
    }
    
    .navbar-nav .sub-menu > li.menu-item-has-children {
        padding-right: 16px;    
    }
    
    .content-section.well > ul.drop li.menu-item-has-children > a:after,
    .navbar-nav .sub-menu > li.menu-item-has-children > a:after {
        content: "\f10a";
        font-size: 13px;
        padding-left: 4px;
        position: absolute;
        top: 50%;
        right: 11px;
        margin-top: -6.5px;
    } 
    
    .navbar-nav .sub-menu > li > a:focus,
    .navbar-nav .sub-menu > li > a:hover {
        color: rgba( 255, 255, 255, 0.7 );
        text-decoration: none;
    }
    
    .navbar-nav > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .navbar-nav > li.menu-item-has-children .dropdown-toggle {
        display: none;
    }
    
    .navbar-form {
        margin: 0;    
    }
    
	.navbar-form .form-group.hidden-search,
	.navbar-form .form-group.hidden-search > span {
		width: 198px;
        display: block;
    }
    
    .navbar-form .form-group.hidden-search {
		max-width: 0; 
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 11px;
	}
	
	.navbar-form .hidden-search.open-search {
		max-width: 9999px; 
	}
    
    /* Content Sections */
    .home .content-section.well h3 > i {
        display: none;
    }

    .home .content-sections .content-section p {
        display: inherit;
    }
    
    .content-sections .content-section.housing_menu { z-index: 5; }
    .content-sections .content-section.employment_menu { z-index: 4; }
    .content-sections .content-section.get_support_menu { z-index: 3; }
    .content-sections .content-section.donate_menu { z-index: 2; }
    
    .navbar-nav li > .sub-menu,
    .content-sections .content-section ul ul {
        display: none;
        background: rgba( 50, 50, 50, 0.9 );
        position: absolute;
        z-index: 100;
        padding: 0;
        margin: 0;
    }
    
    .content-sections .content-section .content-secton-inner {
        overflow: hidden;
    }
    
    .content-sections .content-section ul,
    .content-sections .content-section ul ul {
        list-style: none;
    }

    .content-sections .content-section ul.drop > li > ul {
        text-align: left;
        width: 100%;
        left: 0;
        padding-top: 4px;
        margin-top: -4px !important;
    }
    
    .navbar-nav .sub-menu > li,
    .content-sections .content-section ul.drop > li li {
        position: relative;
        margin-top: 0 !important;
        border-top: 1px solid rgba( 255, 255, 255, 0.1 );
    }
    
    .navbar-nav .sub-menu > li:first-child,
    .content-sections .content-section ul.drop ul > li:first-child {
        border: none;
    }

    .content-sections .content-section:hover > ul.drop > li > ul,
    .content-sections .content-section li:hover > ul {
        display: block;
    }
    
    .content-sections .content-section ul.drop > li > ul ul {
        top: 0;
        left: 100%;
        width: 200px;
    }

    .content-sections .content-section ul li a {
        display: block;
        padding: 5px 15px;
        font-weight: 400;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-default.navbar-top .navbar-brand {
        width: 304px;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    .navbar-default .navbar-brand {
        width: 304px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav { margin-right: -15px; }
    .navbar-cta { display: none; }
    
    .navbar-nav > li > a {
        padding-right: 5px;
        padding-left: 5px;    
    }
}

/* -----------------------------------------
   Tablet -
----------------------------------------- */
@media ( max-width: 767px ) {
    
    body {
        padding-top: 50px;    
    }
	
	.navbar-default .navbar-brand {
		width: 190px;	
	}
    
    .navbar-default .navbar-collapse {
        overflow: auto;
    }
    
    .navbar-nav {
        margin-right: 0;
        margin-left: 0;
    }
    
    .navbar-nav.main-menu {
        padding-bottom: 15px;
    }
    
    .navbar-nav li li {
        margin-top: 5px;
    }
    
    .navbar-nav li a {
        padding: 5px 15px;
        color: #777;
    }
    
    .navbar-nav > li > a {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
        display: inline-block;
    }
    
    .navbar-nav > li.menu-item-has-children .dropdown-toggle {
        float: right;   
    }
    
    .navbar-nav li a:hover,
    .navbar-nav li a:focus {
        color: #8ad631;
    }
    
    .navbar-nav li li a {
        font-weight: 300;    
    }
    
    .navbar-nav > li.menu-cta {
        padding: 0 15px;   
    }
    
    .navbar-nav > li.menu-cta a {
        display: block;    
    }
    
    .navbar-nav > li > .sub-menu {
        max-height: 0;
        overflow: hidden;
    }
    
    .navbar-nav > li > .sub-menu.open {
        max-height: 9999px;    
    }
    
    .navbar-nav .sub-menu li.current-menu-item > a {
        background: #f7f7f7;
        font-weight: 400;
        padding: 1px 7px 2px;
        border-radius: 4px;
        margin-left: 15px;
    }
    
    .navbar-nav > li.menu-cta > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .navbar-form {
        padding-right: 30px;
        padding-left: 30px;   
        position: relative;
        border: none;
    }
    
    .navbar-form input.form-control {
        padding-right: 45px;    
    }
    
    .navbar-form button {
        position: absolute;
        top: 10px;
        right: 30px;
        width: 45px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .navbar-default .navbar-brand {
        padding-top: 5px;
        padding-bottom: 5px;
        float: left;
    }
    
    .navbar-default .navbar-brand > .img-responsive {
        display: inline-block;
    }
    
    .font-size-controls { display: none !important; }
    
    /* Content Sections */
    .content-sections {
        padding-bottom: 20px;    
    }
    
    .home .content-sections {
        margin-top: -30px;
    }
    
    .content-sections .content-section {
        max-height: 50px; 
        overflow: hidden;
        margin-bottom: 5px;
    }
    
    /*
    .content-section.housing_menu { z-index: 2; }
    .content-section.employment_menu { z-index: 3; }
    .content-section.get_support_menu { z-index: 4; }
    .content-section.donate { z-index: 5; }
    */
    
    .content-sections .content-section.open {
        max-height: 9999px;    
    }
    
    .content-sections .content-section ul.drop {
        margin: 0;   
    }
     
    .content-sections .content-section ul.drop > li > ul {
        padding-bottom: 25px;    
    }

    .home .content-sections .content-section > a {
        padding-top: 19px;
        padding-bottom: 19px;
    }
}

/* -----------------------------------------
   Mobile only
----------------------------------------- */
@media ( max-width: 480px ) {
    
    .directory-table thead tr,
    .directory-table tbody tr,
    .directory-table thead tr th,
    .directory-table tbody tr td {
        width: 100%;
        display: block;
    }
    
    .directory-table thead tr th,
    .directory-table tbody tr td {
        text-align: center;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .directory-table thead tr,
    .directory-table tbody tr {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    
}