/*media_library_m5*/
.hms_media_library_header h1 {
    text-transform: uppercase;
    color: #febd00;
    display: inline-block;
    background-color: #202126;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.hms_program_type_header_wrapper {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.hms_media_library_seacrh_and_category {
    background-color: #202126;
    width: 100%;
    float: left;
    padding: 30px 30px 0px 30px;
    margin-bottom: 20px;
}
.hms_category_container {
    width: 100%;
    float: left;
}
.hms_category_container h1 {
    background-color: #3e3f45;
    color: #fff !important;
    width: 100%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    line-height:50px;
    margin: 5px 0 20px 0;
}
.hms_category_container h1 span{
    content:'';
    width: 50px;
    height: 50px;
    display:block;
    float:left;
    margin-right:10px;
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
}
.media_library_search {
    width: 35%;
    float: left;
    border-right: 2px solid #323338;
    min-height: 125px;
}
.media_library_categories {
    width: 65%;
    float: left;
    padding-left: 20px;
}
.library_category p {
    font-size: 12px!important;
    color: #8e8f93!important;
    text-transform: none!important;
}
.library_category {
    float:left;
    width:16.66%;
    cursor:pointer;
}
.library_category p{
    text-align:center;
}
.media_library_categories p,.media_library_search p {
    text-transform: uppercase;
    color: white;
    line-height: normal;
    font-size: 16px;
    padding-bottom: 20px;
    margin: 0;
}
.hms_media_content_wrapper {
    width: 100%;
    float: left;
}
.hms_media_item {
    width: 100%;
    float: left;
}
.hms_media_item_container{
    width: 25%;
    float: left;
    padding:10px;
}
.hms_media_item .image_wrapper {
    width: 100%;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center center;
    position:relative;
}
.hms_media_item .content_title {
    text-align: left;
    padding: 10px;
    background-color: #202126;
    color: #fff;
    width: 100%;
    float: left;
}
.hms_media_item_container:hover .content_title{
    background-color: #3e3f45;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.hms_media_item_container:first-child{
    padding-left:0!important;
}

.media_library_search button {
    color: #363324;
    background-color: #febd00;
    padding: 7px 10px 10px 9px;
    font-size: 22px;
    border: none;
    width: 40px;
    height: 40px;
    background-image:url('img/search.svg');
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:center center;
    margin: 0;
}
.media_library_search input {
    height: 40px;
    margin: 0;
    border-radius: 0;
    float: left;
    line-height: 40px;
    border: none;
    padding: 0 0px 0px 10px;
    width: 90%;
    box-sizing: border-box;
}
.library_category.active span{
    border: 1px solid #febd01;
}
.library_category span,.image_wrapper span {
    width: 40px;
    height: 40px;
    display: block;
    margin: 10px auto;
    background-position:center center;
    background-repeat:no-repeat;

}
.library_category.all_type span{
    background-image:url('img/all.svg');
    background-color:#ffbd00;
}
.hms_program_type_header_wrapper a,
.hms_program_type_header_wrapper a:hover,
.hms_program_type_header_wrapper a:active,
.hms_program_type_header_wrapper a:visited{
    text-decoration: none;
}
.image_wrapper span{
    display:block;
    width:30px;
    height:30px;
    bottom:0;
    margin:0;
    position: absolute;
    background-repeat:no-repeat;
    background-position: center center;
}
.image_wrapper .ismeretterjesztes{
    background-color:rgba(146,46,133,.9) !important;
    background-image:url('img/art-icon.png');
}
.image_wrapper .oktatas{
    background-color:#29abe2 !important;
    background-image:url('img/education-icon.png');
}
.image_wrapper .kultura{
    background-color:#39b549 !important;
    background-image:url('img/culture-icon.png');
}
.hms_media_contant_no_results {
    color: white;
    line-height: normal;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    padding: 20px 0;
    text-transform: none;
}
h1.hms_program_type_header_title {
    color: white;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    background-color: #3e3f45;
    height: 50px;
    line-height: 50px;
}
span.hms_program_type_header_image {
    float: left;
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}
.hms_media_library_header,.widget_multiplerowgrid_widget{
    -webkit-animation: loadstyle 700ms;
    animation: loadstyle 700ms;
}

@keyframes loadstyle {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.hms_category_container{
    opacity: 0;
}
.hms_category_container.animate{
    opacity:1;
}
.animate{
    -webkit-animation: loadstyletwo 700ms;
    animation: loadstyletwo 700ms;
 }
@keyframes loadstyletwo {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }
    100% {
        opacity: 1!important;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}




@media all and (max-width:960px) {
    .hms_media_item_container { width: 33.33%; }
}
@media all and (max-width:600px) {
    .hms_media_item_container { width: 50%; }
    .media_library_search,.media_library_search input,.media_library_categories { width: 100%;border-right:none;}
    .media_library_categories{padding:0;}
    .media_library_search { padding-bottom: 20px;}
    .media_library_search{min-height:auto;}
    span.hms_program_type_header_image{width: 40px;height: 40px;}
    h1.hms_program_type_header_title{ height: 40px;  line-height: 40px;}
}
@media all and (max-width:425px) {
    .hms_media_item_container { width: 100%; }
    .library_category span{ width: 30px; height: 30px; background-size: 20px;}
    .library_category{width:25%;}
    h2.hms_media_contant_no_results,.hms_category_container h1{ font-size: 14px;}
    .hms_media_item_container{padding:0;}
}
@media all and (max-width:375px){
    .library_category {width: 50%;}
}


/* ICON FIX FOR HI-RES DISPLAYS */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (   min--moz-device-pixel-ratio: 1.3),
only screen and (   -o-min-device-pixel-ratio: 1.3/1),
only screen and (        min-device-pixel-ratio: 1.3),
only screen and (           min-resolution: 124.8dpi),
only screen and (            min-resolution: 1.3dppx) {

    .image_wrapper .ismeretterjesztes,.image_wrapper .oktatas,.image_wrapper .kultura{background-size:40px 40px;}
    .image_wrapper .ismeretterjesztes{ background-image:url('img/muveszeti-logo_2x.png');}
    .image_wrapper .oktatas{background-image:url('img/oktatas-logo_2x.png');}
    .image_wrapper .kultura{background-image:url('img/kulturalis-logo_2x.png');}
}