/*------------------------------  Helper ---------------------------------*/

.dn{
    display: none !important;
}

/*------------------------------ Login Box Style ---------------------------------*/

#aftc_login_form{
    box-sizing: border-box;
    padding: 3px;
}

#aftc_login_form label{
    font-size: 15px;
    margin-bottom: 12px;
}

#aftc_login_form input[type=text] ,
#aftc_login_form input[type=password] {
    width: 100%;
    border: 1px solid #EEE;
    height: 48px;
    line-height: 48px;
    background: #FFF;
    padding: 0 5px;
    transition: all 0.2s ease-in-out;
}

#aftc_login_form input[type=text]:focus,
#aftc_login_form input[type=password]:focus {
    background: #fafafa;
}


p.login-remember{
    margin-top: 24px;
}

.atfc_login_required_msg{
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEE;
}

#aftc_login_form input[type=submit]{
    width: 150px;
    height: 48px;
    border: 1px solid #EEE;
    font-size: 14px;
    font-weight: bold;
    background: #FFF;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}

#aftc_login_form input[type=submit]:hover{
    background: #fafafa;
}

/*------------------------------  List Wrapper ---------------------------------*/


ul.atfc_wrapper {
    list-style: none;
    font-size: 0px;
    margin-left: -2.0%; /* should match li left margin */
    padding: 0;
}
ul.atfc_wrapper li {
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.0%;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    /*font-size: 1rem;*/
    vertical-align: top;
    /*box-shadow: 0 0 5px #ddd;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

ul.atfc_wrapper.list-view{
    width: 97%;
}

ul.atfc_wrapper li:after{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
     content: '';
     position: absolute;
     bottom: 12px;
     right: 5px;
     font-size: 32px;
     color: #EEEEEE;
     content: '\f016';
}

ul.atfc_wrapper li.ft_pdf:after{
    
     content: '\f1c1';
}

ul.atfc_wrapper li.ft_img:after{
    
     content: '\f1c5';
}

ul.atfc_wrapper li.ft_mov:after{
    
     content: '\f1c8';
}

ul.atfc_wrapper li.ft_aud:after{
    
     content: '\f1c7';
}

ul.atfc_wrapper li.pdf:after{
    
     content: '\f1c1';
}

ul.atfc_wrapper li.ft_doc:after{
    
     content: '\f1c2';
}
ul.atfc_wrapper li.ft_txt:after{
    
     content: '\f0f6';
}

ul.atfc_wrapper li.ft_excel:after{
    
     content: '\f1c3';
}

ul.atfc_wrapper li.ft_zip:after{
    
     content: '\f1c6';
}

ul.atfc_wrapper li.none:after{
    
     content: '';
}

ul.atfc_wrapper li img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px;
}
ul.atfc_wrapper li h3 {
    margin: 0 0 12px 0;
    text-transform: capitalize;
}

ul.atfc_wrapper li h3 a i{
    margin-left: 5px;
}
ul.atfc_wrapper li p {
    font-size: 14px;
    /*line-height: 1.5em;*/
    /*color: #999;*/
}
/* class for 2 columns */

ul.atfc_wrapper.columns-1 li {
    width: 97.83%; /* this value + 2.5 should = 50% */
}

ul.atfc_wrapper.columns-1 li:last-child{
    /*margin-bottom: 0px;*/
}

ul.atfc_wrapper.columns-2 li {
    width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.atfc_wrapper.columns-3 li {
    width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.atfc_wrapper.columns-4 li {
    width: 22.5%; /* this value + 2.5 should = 25% */
}

/*------------------------------  Pagination ---------------------------------*/

#page_navigation {
    width: 100%;
    clear: both;
    margin: 0 0 12px 0;
    text-align: right;
}

#page_navigation a{
    /*padding:3px;*/
    background: #FFFFFF;
    border:1px solid #DDDDDD;
    margin:2px;
    color: #000000;
    text-decoration:none;
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 20px;
}
.active_page{
    background: #007ACB !important;
    border:1px solid #DDDDDD !important;
    color: #FFFFFF  !important;
}

@media (max-width: 480px) {
    ul.grid-nav li {
        display: block;
        margin: 0 0 5px;
    }
    ul.grid-nav li a {
        display: block;
    }
    ul.atfc_wrapper {
        margin-left: 0;
    }
    ul.atfc_wrapper li {
        width: 100% !important; /* over-ride all li styles */
        margin: 0 0 20px;
    }
}

/***********************************************************************************************/
/* RESPONSIVE STYLING */
/***********************************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 900px) {

}


@media only screen and (min-width: 0px) and (max-width: 479px) {


}