input[type=button], 
input[type=submit],
.nf-form-content button, 
.nf-form-content input[type=button], 
.nf-form-content input[type=submit],
input[type=button], 
input[type=submit],
.btn,
.btn:link,
.btn:visited,
button{
    font-size:1.125rem;
    color: var(--gray);
    font-weight: 500;
    text-align: center;
    line-height: normal;
    text-transform: none;
    
	position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    padding: 0.125em 1.25em;
    margin-bottom: 0;
    background-color: var(--white);
    overflow: hidden;
	
    border:1px solid var(--gray);
    -webkit-appearance: none;
    border-radius: 30px;
	
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

#heroWrapper .btn{
    color: var(--dark-blue);
    font-size: 1.125rem;
}

.btn-full-width{
    width:100%;
    font-size: 2rem;
}

.four-columns .btn-full-width{
    margin: 1.55em auto 0.75em;
}


.nf-form-content input[type=submit]{
    color: var(--dark-blue) !important;
    font-size:1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    
    padding: 0.25em 2em !important;
    border:1px solid var(--gray) !important;
    border-radius: 30px !important;
    background-color: var(--white) !important;
    height: auto !important;
    float: right;
}


.search-filter-reset,
.grantee-filters .searchandfilter input[type=submit]{
    width:100%;
    height: 44px;
    position: relative;
    top: 1px;
    border-radius: 4px;
    padding: 0.65em 1em 0.55em !important;
}

.search-filter-reset{
    background: none !important;
    border: 1px solid var(--dark-blue);
    color: var(--dark-blue) !important;
}

a.btn-back{
    font-family: 'Futura-Book', sans-serif;
    font-weight: 500;
    font-size: 0.85rem;
    color: var(--gray);
    text-transform: uppercase;
}

.btn-back span{
    margin-right: 0.25em;
}

a.btn-back:hover{
    color: var(--blue);
}

.btn-dropdown {
    font-size: 1rem;
    color: var(--gray) !important;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    text-transform: none;
    letter-spacing: 0;
    width: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0.95em 3em 0.95em 2em !important;
    background: var(--white) !important;
    height: auto;
    border: 1px solid var(--borders);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.btn-dropdown:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 18px;
    position: absolute;
    right: 1.125em;
    top: 0.85em;
}

.btn-dropdown:hover:after {
    content: "\f106";
    border: none;
    background-color: transparent;
}


.search-filter-reset:focus,
.searchandfilter input[type=submit]:focus,
.btn:hover,
.btn:active,
.btn:focus,
button:hover,
button:active,
button:focus,
.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-blue:hover,
.btn.btn-blue:active,
.btn.btn-blue:focus{
    color: var(--white) !important;
    background-color: var(--hover) !important;
    border:1px solid var(--hover)!important;
    text-decoration: none;
}


.nf-form-content input[type=button]:hover, 
.nf-form-content input[type=button]:active, 
.nf-form-content input[type=submit]:hover,
.nf-form-content input[type=submit]:active{
    color: var(--white) !important;
    background-color: var(--hover) !important;
    border:1px solid var(--hover) !important;
    text-decoration: none;
}


.btn-learn-more {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--dark-blue) !important;
    opacity: 1;
    display: inline-block;
    padding-right: 2em;
    position: absolute;
    bottom: 2em;
    right: 2.55em;
}

.btn-learn-more:after {
    content: "\e5c8";
    font-family: 'Material Icons';
    color: var(--dark-blue);
    font-weight: normal;
    font-size:  1.25rem;
    position: absolute;
    right: 0;
    top: 0;
}



.btn-learn-more:hover:after,
.btn-learn-more:hover{
    opacity: 0.65;
}

/*@media only screen and (max-width: 1680px) {
    input[type=button], 
    input[type=submit],
    .nf-form-content button, 
    .nf-form-content input[type=button], 
    .nf-form-content input[type=submit],
    input[type=button], 
    input[type=submit],
    .btn,
    .btn:link,
    .btn:visited,
    button{
        font-size:1.75rem;
        padding: 0.125em 1.75em;
    }
}

@media only screen and (max-width: 1440px) {
    input[type=button], 
    input[type=submit],
    .nf-form-content button, 
    .nf-form-content input[type=button], 
    .nf-form-content input[type=submit],
    input[type=button], 
    input[type=submit],
    .btn,
    .btn:link,
    .btn:visited,
    button{
        font-size:1.5rem;
        padding: 0.125em 1.55em;
    }
}


@media only screen and (max-width:720px) {
    .four-columns .btn-full-width{
        margin: 0 auto 0.75em;
    }
    
    input[type=button], 
    input[type=submit],
    .nf-form-content button, 
    .nf-form-content input[type=button], 
    .nf-form-content input[type=submit],
    input[type=button], 
    input[type=submit],
    .btn,
    .btn:link,
    .btn:visited,
    button {
        font-size: 1.25rem;
    }*/
}