﻿/*----------RESPONSIVE----------*/
@media (min-width: 768px) {
    .equal-height.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }    
    #div-nav {animation: slidein 1s ease-out;}
    .dropdown-overlay {display:none; background:rgba(0,196,205,1); margin-top:10px; height:60px; position:fixed; width:100%; left:0; opacity:0; transition: all 0.5s ease; box-shadow: 0 6px 4px -4px rgba(0,0,0,0.3); pointer-events: none;}
}

@media (max-width: 1199px) {
    .box-text {max-height:40vh; overflow-y:auto;}
    .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.dropdown-menu li a {margin:0 2px;}
}

@media (max-width: 991px) {
    .navbar-brand{max-width:180px;}
    .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.dropdown-menu li a {font-size:0.8em; padding:8px 7px;}
    .dropdown-menu {left:-150% !important;}
    .txt-xlarge {font-size:3em;}
    .txt-large {font-size:2em;}
    input[type='date']  {-webkit-appearance: none; -moz-appearance: none; padding:0 10px;}
    .overlay-link .circle {display:none;}
}

@media (max-width: 767px) {
    /*Layout*/
    body {padding-top:70px;}
    input, textarea, select {font-size:16px !important;}
    .text-right {text-align:left;}
    section {padding:15px;}
    .table-bordered>tbody>tr>td {border:none; border-bottom:solid 10px #FFF; padding:15px !important;}
    table td {display:block; width:100% !important;}
    .square {width:100%; height:auto;}
    .bg {padding:15px; min-height:100px;}
    .fullpage-content {padding:0; overflow-x:hidden;}
    .fullpage-content .container {padding:0;}
    .fullpage-content > .container > .row {margin-bottom:0;}
    .fullpage {background-image:none !important;}
    .navbar-default {border-bottom:1px solid #001d41;}

    .box-text {max-height:none;}

    /*Text*/
    h1 {font-size:3em;}
    .txt-xlarge {font-size:2em;}
    .txt-large {font-size:1em;}

    /*Buttons*/
    .btn-donate {color:#FFF !important; background:transparent !important;}
    
    /*Pages*/
    #div-home .table-wrapper {height:initial;}
    #div-home #form-joinSimple {max-width:none; width:100%; text-align:center;}
    #div-home #form-joinSimple .btn-transparent {background:#0457a7;}
    #div-action .box-body {min-height:0;}
    #div-home #getInvolved {text-align:center;}
    #page-marketPlace .parallax h1 {padding:0;}

    /*Misc*/
    .box .box-body {padding:15px;}

    /*Navigation*/
    .navbar-brand{max-width:170px; padding:10px;}
    .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.dropdown-menu li a {margin: 5px 0px;}
    .dropdown-menu {position:relative; background:#063f76 !important; padding-top:3px;}
    .dropdown-menu li, .dropdown-menu li a {display:block; border:none; margin:3px; color:#FFF !important;}
    .dropdown-menu li.active a {background:#0457a7;}    
}