/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 26 2021 | 18:07:09 */
/*loading overlay*/
.ultimate-layouts-mod .ultimate-layouts-container .ultimate-layouts-listing-wrap .ultimate-layouts-filter-overlay {
    background-color: #fff;
    box-shadow: 0px 0px 50px 50px rgba(255,255,255,1);
}

/*filters*/
.ultimate-layouts-mod .ultimate-layouts-filter-container {
    padding: 0;
    margin:0; margin-bottom: 15px;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container {
    display: flex; align-items: center; justify-content: space-between;
    margin: 0px;
    background: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 6px;
    margin-bottom: 5px;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item .close-filter {
    background-color: #f3ca1d;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item {
    display: inline-block; margin: 5px;
    vertical-align: top;
    font-size: 15px; line-height:20px; letter-spacing: 0.05em;
    padding: 5px 8px;
    color: #999;     text-transform: uppercase;
}


.ultimate-layouts-mod .flex-flow-wrap {flex-flow:wrap !important;}
.ultimate-layouts-mod .justify-content-start {justify-content:start !important;}

/*filter dropdown*/
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container>* {
    float: left;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .ul-default-dd-filter {
    /*margin-top: 12px;*/
    border: 2px solid #2e9b94 !important; border-radius:0 !important;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper.active-dropdown .ul-default-dd-filter {
    background-color: white;
    border-color: #45ccc2; border-radius:0;
    color: #45ccc2;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list {
    left: 0px;
    /*background-color:transparent;*/
    margin:0 0 0 5px;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper.active-dropdown .filter-dropdown-wrapper-list {
    background:#227974;
    border:solid 1px #227974; border-radius:0 !important;
    max-height: 70vh; /*max-height: calc(100vh - 100px);*/
    overflow-x: hidden; overflow-y: auto;
    box-shadow: 4px 6px 10px 2px #22222296;
    margin:0 0 0 5px;
}
.ultimate-layouts-mod .filter-dropdown-wrapper-list {
	scrollbar-width: thin;
	scrollbar-color: #bbbbbbaa #00000011;
}
.ultimate-layouts-mod .filter-dropdown-wrapper-list::-webkit-scrollbar { width: 6px; height: 6px; }
.ultimate-layouts-mod .filter-dropdown-wrapper-list::-webkit-scrollbar-corner, .filter-dropdown-wrapper-list::-webkit-scrollbar-track { background: #001d28; }
.ultimate-layouts-mod .filter-dropdown-wrapper-list::-webkit-scrollbar-button {}
.ultimate-layouts-mod .filter-dropdown-wrapper-list:not(:hover)::-webkit-scrollbar-thumb { display: none; }
.ultimate-layouts-mod .filter-dropdown-wrapper-list::-webkit-scrollbar-thumb { border-radius: 0px; border: 0; }

.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item {
    margin:1px 0 0 0;
    background-color: #2e9b94;
    color: #ffffff;
    border:none; box-shadow:none;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item:first-child {
    margin:0;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item:hover {
    color: #fff;
    background-color: #45ccc2;
    /*border-color:#2e9b94;*/
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item.active-elm {
    background-color: #45ccc2; border-radius:0 !important;
}



/*search*/
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action {
	width: 70%; text-align: left;
   padding:0;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-search-box-wrap{
  display:flex; justify-content: space-between;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-ip-search-box {
    font-size: 15px; line-height: 20px;
    min-height:30px; padding:5px 5px 5px 10px;
    border: 1px solid #c1c1c1; border-radius: 0px !important; background:#f7f7f7 !important;
    margin:0;
    /*width:300px;*/ width: 100%;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-bt-search-box {
    font-size: 15px; line-height: 20px; color: #ffffff;
    min-height:30px; padding:5px 10px;
    border: 2px solid #2e9b94; border-radius: 0px;
    margin:0 5px !important;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-bt-search-box:focus{
    color:#ffffff;
    background:#45ccc2;
    border-color: #2e9b94;
}




/*sorting*/
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action{
    margin:5px;
    background:#45ccc2; color:#ffffff;
    border:2px solid #2e9b94; border-radius: 0px;
    order:9;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover {
    border:2px solid #2e9b94; border-radius: 0px;
    color: #ffffff;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action .ul-sort-order-action-arrow > span::before,
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action .ul-sort-order-action-arrow > span::after,
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover .ul-sort-order-action-arrow > span::before,
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover .ul-sort-order-action-arrow > span::after {
    background-color: #fff;
}

.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action{
    margin:5px;
    background:#45ccc2; color:#ffffff;
    border:2px solid #2e9b94; border-radius: 0px;
    /*float:right;*/ margin-left: auto;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action:hover {
    border:2px solid #2e9b94; border-radius: 0px;
    color: #ffffff;
}
.ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action.active-dropdown {
    background-color: white;
    border-color: #45ccc2;
    color: #45ccc2;
}



/*switch*/
.ultimate-layouts-mod .ul-switch-panel{
  margin-bottom:15px;
}
.ultimate-layouts-mod .ul-switch-panel > span {
    background-color: #ffffff; border: solid 2px #c1c1c1;
    color: #c1c1c1;
}
.ultimate-layouts-mod .ul-switch-panel > span.active-elm {
    background-color: #45ccc2; border: solid 2px #2e9b94;
    color: #fff;
}
@media (max-width: 600px) {
   .ultimate-layouts-mod .ul-switch-panel{ display:none; } 
}








/*grid*/
.ultimate-layouts-mod .ultimate-layouts-listing-wrap {
    display: flex;
    flex-wrap: wrap; -webkit-flex-wrap: wrap;
    font-size: 0;
    line-height: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    width: auto;
}

.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item {
    display:flex;
    padding:0 15px; margin:0 0 30px 0;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
    display:flex; flex-direction:column; /*justify-content:space-between;*/
    position: relative; width:100%;
    background-color: #fff;
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.30);
}

.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture {
    margin:-1px;
    padding:0;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture .ultimate-layouts-picture-wrap .ultimate-layouts-overlay div:after{
    display:block; position:absolute; top:50%; left:50%; margin:0; padding:0; transform:translate(-50%,-50%);
    color:#ffffffaa;
    font-size:56px; line-height:56px;
}
.ultimate-layouts-mod.song-library	.ultimate-layouts-container .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture .ultimate-layouts-picture-wrap .ultimate-layouts-overlay div:after{ font-family:"Font Awesome 5 Free"; font-weight:400; content:"\f144"; }
.ultimate-layouts-mod.shop			.ultimate-layouts-container .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture .ultimate-layouts-picture-wrap .ultimate-layouts-overlay div:after{ font-family:"Font Awesome 5 Free"; font-weight:600; content:"\f07a"; }



.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content {
    padding:0;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist{
    margin:10px 15px;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .title-artist {
    display:block; width:100%;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .song-library-artist{
  font-weight:300; font-family:'Open Sans';
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .title-artist .dash {display:none;}


.ultimate-layouts-mod .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .clear {display:none;}





.ultimate-layouts-mod .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper > * {
    display: inline-block;
    width: auto;
}



/*list*/
.ultimate-layouts-mod .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper > * {
    width:100%;
    padding:0;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 {
    display:block;
    margin:0;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item{
    display:block;
}
.ultimate-layouts-mod .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
    display: flex; flex-direction:row; justify-content:space-between; flex-wrap: nowrap;
    width: auto;
    align-items: stretch;
}

.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .ultimate-layouts-picture {
    width: 100%;
}

.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
    width: 20%; min-width: 170px; max-width: 170px;
    display:flex; align-items:center;
}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
    width: 100%;
    display:flex; align-items:center;
}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .song-library-title-artist .title-artist * {display:inline-block;}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .song-library-title-artist .title-artist .dash {display:inline-block !important; margin:0 10px;}







/*content*/
.ultimate-layouts-mod .ultimate-layouts-metas-st2 a:hover {
    /*color: rgb(25 127 119);*/
    color:#ffffff;
}
.ultimate-layouts-mod .ultimate-layouts-metas,
.ultimate-layouts-mod .ultimate-layouts-metas-st2 {
    font-size: 0;
    line-height: 0;
    /*width: auto;*/
    margin:10px 15px;
}

.ultimate-layouts-mod .ultimate-layouts-categories{
    font-size: 0;
    line-height: 0;
    margin:0;
}
.ultimate-layouts-mod .ultimate-layouts-categories > a {
    display: inline-block; margin:3px; padding:4px;
    vertical-align: top;
    background-color: #2e9b94;
    /*border: solid 1px #309d94;*/ border: none;     outline: none;
    font-size: 10px; line-height: 1;
    font-weight: 600; text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
}
.ultimate-layouts-mod .ultimate-layouts-categories > a:hover,
.ultimate-layouts-mod .ultimate-layouts-categories > a:focus
{
    background-color:#222222; color:#ffffff;
}




/*meta 2*/
.ultimate-layouts-mod .ultimate-layouts-metas-st2{
    position:absolute; top:5px; right:5px;
    width: auto !important;
    padding: 0 !important;
    margin:0 !important;
}
.ultimate-layouts-mod .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap{
    background-color:transparent !important;
    border:none;
    margin:0; padding:0;
}
.ultimate-layouts-mod .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div,
.ultimate-layouts-mod .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div:first-child,
.ultimate-layouts-mod .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div:last-child {    
    border:none;
    background:#2e9b92;
    padding:5px; margin:0;
    text-transform:uppercase;
}

/*meta 2 in list mode*/
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-metas-st2{
    position:absolute; top:5px; left:5px;
}



/*custom meta*/
.ultimate-layouts-mod .flex-icons{
    /*position:absolute; top:5px; right:5px;*/
    /*width: auto !important;*/
    background:#2e9b92;
    padding: 0 !important;
    margin:auto 0 0 0;
}

.ultimate-layouts-mod .flex-icons{color:#ffffff;}
.ultimate-layouts-mod .flex-icons .level{
    border:none;
    padding:5px; margin:0;
    color:inherit; font-size:14px; font-weight:600; line-height: 1.2; letter-spacing:2px;
    text-align:center; text-transform:uppercase; cursor:default;
    /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);*/
}
.ultimate-layouts-mod .flex-icons .level-0 {background:#f4f4f4; color:#474747;}
.ultimate-layouts-mod .flex-icons .level-1 {background:#0B9188;}
.ultimate-layouts-mod .flex-icons .level-2 {background:#3E8A3B;}
.ultimate-layouts-mod .flex-icons .level-3 {background:#D5B00B;}
.ultimate-layouts-mod .flex-icons .level-4 {background:#ED640F;}
.ultimate-layouts-mod .flex-icons .level-5 {background:#BF2222;}
.ultimate-layouts-mod .flex-icons .level-6 {background:#474747;}

.ultimate-layouts-mod .flex-icons > .music-sheet {
    border: none; background: #ffffff50;
    padding: 5px; margin: 0;
    color:inherit; font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing:2px;
    text-align: center; text-transform: uppercase; cursor: default;
    /*text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.75);*/
}




/*custom meta in list mode*/
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
    display: flex; flex-direction:column; justify-content:space-between; align-items:stretch;
    min-width: 270px; max-width:270px;
    margin: 0;
}

.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet,
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level
{
    width:100%; height: 100%;
    display:flex; flex-direction:row; align-items:center; align-content:center;
}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
    width:100%;
}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
    /*display:block; width:100%;*/ line-height: 1.2; white-space:nowrap;
}
.ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
    /*font-size:28px;*/
}








/*responsive list */
@media (max-width: 1025px) {
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 170px; max-width: 170px;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 100%;
    }    
}
@media (max-width: 800px) {
    .ultimate-layouts-mod .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
        display: block;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 25%; max-width: 25%; float: left;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 75%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper .clear {
        display:block; width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-content * {
        line-height: 1.1em !important;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
        display: flex; flex-direction: row; align-items: stretch;
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
        display: block; width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
        display: inline; width: auto;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
  .ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action {
    width: 100%;
  }
  .ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-search-box-wrap {
    flex-wrap:wrap; justify-content: space-around;
  }
  .ultimate-layouts-mod .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-ip-search-box {
    margin-bottom:5px;
  }
  
    .ultimate-layouts-mod .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
        display: block;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper .clear {
        display:block; width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-content * {
        line-height: 1.1em !important;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
        display: flex; flex-direction: row; align-items: stretch;
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
        display: block; width: 100%;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
        display: inline; width: auto;
    }
    .ultimate-layouts-mod .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
        font-size: 14px;
    }
}



















/* ============================================================= */


















.ultimate-layouts-mod-challenges {}


/*loading overlay*/
.ultimate-layouts-mod-challenges .ultimate-layouts-container .ultimate-layouts-listing-wrap .ultimate-layouts-filter-overlay {
    background-color: #fff;
    box-shadow: 0px 0px 50px 50px rgba(255,255,255,1);
}

/*filters*/
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container {
    padding: 0;
    margin:0; margin-bottom: 15px;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container {
    display: flex; align-items: center; justify-content: stretch; flex-wrap: wrap;
    margin: 0px;
    background: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 6px;
    margin-bottom: 5px;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item .close-filter {
    background-color: #f3ca1d;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item {
    display: inline-block; margin: 5px;
    vertical-align: top;
    font-size: 15px; line-height:20px; letter-spacing: 0.05em;
    padding: 5px 8px;
    color: #999;     text-transform: uppercase;
}


.ultimate-layouts-mod-challenges .flex-flow-wrap {flex-flow:wrap !important;}
.ultimate-layouts-mod-challenges .justify-content-start {justify-content:start !important;}

/*filter dropdown*/
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container>* {
    float: none !important;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper {
  min-width: 120px; margin:5px;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .ul-default-dd-filter {
    margin: 0; width:100%;
    border: 2px solid #2e9b94 !important; border-radius:0 !important;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper.active-dropdown .ul-default-dd-filter {
    background-color: white;
    border-color: #45ccc2; border-radius:0;
    color: #45ccc2;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list {
    left: 0px;
    /*background-color:transparent;*/
    margin:5px 0 0 0 !important;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper.active-dropdown .filter-dropdown-wrapper-list {
    background:#227974;
    border:solid 1px #227974; border-radius:0 !important;
    max-height: 70vh; /*max-height: calc(100vh - 100px);*/
    overflow-x: hidden; overflow-y: auto;
    box-shadow: 2px 2px 8px 0px #22222260;
}
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list {
	scrollbar-width: thin;
	scrollbar-color: #bbbbbbaa #00000011;
}
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list::-webkit-scrollbar { width: 6px; height: 6px; }
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list::-webkit-scrollbar-corner, .filter-dropdown-wrapper-list::-webkit-scrollbar-track { background: #001d28; }
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list::-webkit-scrollbar-button {}
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list:not(:hover)::-webkit-scrollbar-thumb { display: none; }
.ultimate-layouts-mod-challenges .filter-dropdown-wrapper-list::-webkit-scrollbar-thumb { border-radius: 0px; border: 0; }

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item {
    margin:1px 0 0 0;
    background-color: #2e9b94;
    color: #ffffff;
    border:none; box-shadow:none;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item:first-child {
    margin:0;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item:hover {
    color: #fff;
    background-color: #45ccc2;
    /*border-color:#2e9b94;*/
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ul-s-dropdown-filter .ultimate-layouts-sc-filter-container .filter-dropdown-wrapper .filter-dropdown-wrapper-list .ultimate-layouts-filter-item.active-elm {
    background-color: #45ccc2; border-radius:0 !important;
}



/*search*/
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action {
	text-align: left; flex-grow: 1; margin-left: auto; min-width: 280px; max-width:350px;
   padding:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-search-box-wrap{
  display:flex; justify-content: space-between;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-ip-search-box {
    font-size: 15px; line-height: 20px;
    min-height:30px; padding:5px 5px 5px 10px;
    border: 1px solid #c1c1c1; border-radius: 0px !important; background:#f7f7f7 !important;
    margin:0 5px;
    /*width:300px;*/ width: 100%;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-bt-search-box {
    font-size: 15px; line-height: 20px; color: #ffffff;
    min-height:30px; padding:5px 10px;
    border: 2px solid #2e9b94; border-radius: 0px;
    margin:0 5px !important;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-search-box-action .ul-bt-search-box:focus{
    color:#ffffff !important;
    background:#45ccc2;
    border-color: #2e9b94;
}




/*sorting*/
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action{
    margin:5px;
    background:#45ccc2; color:#ffffff;
    border:2px solid #2e9b94; border-radius: 0px;
    order:9;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover {
    border:2px solid #2e9b94; border-radius: 0px;
    color: #ffffff;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action .ul-sort-order-action-arrow > span::before,
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action .ul-sort-order-action-arrow > span::after,
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover .ul-sort-order-action-arrow > span::before,
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-sort-order-action:hover .ul-sort-order-action-arrow > span::after {
    background-color: #fff;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action{
    margin:5px;
    background:#45ccc2; color:#ffffff;
    border:2px solid #2e9b94; border-radius: 0px;
    /*float:right;*/ margin-left: auto;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action:hover {
    border:2px solid #2e9b94; border-radius: 0px;
    color: #ffffff;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-filter-container .ultimate-layouts-sc-filter-container .ultimate-layouts-filter-item.ul-order-by-action.active-dropdown {
    background-color: white;
    border-color: #45ccc2;
    color: #45ccc2;
}



/*switch*/
.ultimate-layouts-mod-challenges .ul-switch-panel{
  margin-bottom:15px;
}
.ultimate-layouts-mod-challenges .ul-switch-panel > span {
    background-color: #ffffff; border: solid 2px #c1c1c1;
    color: #c1c1c1;
}
.ultimate-layouts-mod-challenges .ul-switch-panel > span.active-elm {
    background-color: #45ccc2; border: solid 2px #2e9b94;
    color: #fff;
}
@media (max-width: 600px) {
   .ultimate-layouts-mod-challenges .ul-switch-panel{ display:none; } 
}








/*grid*/
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap {
    display: flex;
    flex-wrap: wrap; -webkit-flex-wrap: wrap;
    font-size: 0;
    line-height: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    width: auto;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item {
    display:flex;
    padding:0 15px; margin:0 0 30px 0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
    display:flex; flex-direction:column; /*justify-content:space-between;*/
    position: relative; width:100%;
    background-color: #fff;
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.30);
}

.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture {
    margin:-1px;
    padding:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture .ultimate-layouts-picture-wrap .ultimate-layouts-overlay div:after{
    display:block; position:absolute; top:50%; left:50%; margin:0; padding:0; transform:translate(-50%,-50%);
    color:#ffffffaa;
    font-size:56px; line-height:56px;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-container .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-picture .ultimate-layouts-picture-wrap .ultimate-layouts-overlay div:after{ font-family:"Font Awesome 5 Free"; font-weight:400; content:"\f144"; }


.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content {
    padding:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist{
    margin:10px 15px;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .title-artist {
    display:block; width:100%;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .song-library-artist{
  font-weight:300; font-family:'Open Sans';
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .ultimate-layouts-content .song-library-title-artist .title-artist .dash {display:none;}


.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap .ultimate-layouts-item .ultimate-layouts-entry-wrapper .clear {display:none;}





.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper > * {
    display: inline-block;
    width: auto;
}



/*list*/
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper > * {
    width:100%;
    padding:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 {
    display:block;
    margin:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item{
    display:block;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
    display: flex; flex-direction:row; justify-content:space-between; flex-wrap: nowrap;
    width: auto;
    align-items: stretch;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .ultimate-layouts-picture {
    width: 100%;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
    width: 20%; min-width: 170px; max-width: 170px;
    display:flex; align-items:center;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
    width: 100%;
    display:flex; align-items:center;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .song-library-title-artist .title-artist * {display:inline-block;}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .song-library-title-artist .title-artist .dash {display:inline-block !important; margin:0 10px;}







/*content*/
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 a:hover {
    /*color: rgb(25 127 119);*/
    color:#ffffff;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-metas,
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 {
    font-size: 0;
    line-height: 0;
    /*width: auto;*/
    margin:10px 15px;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-categories{
    font-size: 0;
    line-height: 0;
    margin:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-categories > a {
    display: inline-block; margin:3px; padding:4px;
    vertical-align: top;
    background-color: #2e9b94;
    /*border: solid 1px #309d94;*/ border: none;     outline: none;
    font-size: 10px; line-height: 1;
    font-weight: 600; text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-categories > a:hover,
.ultimate-layouts-mod-challenges .ultimate-layouts-categories > a:focus
{
    background-color:#222222; color:#ffffff;
}




/*meta 2*/
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2{
    position:absolute; top:5px; right:5px;
    width: auto !important;
    padding: 0 !important;
    margin:0 !important;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap{
    background-color:transparent !important;
    border:none;
    margin:0; padding:0;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div,
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div:first-child,
.ultimate-layouts-mod-challenges .ultimate-layouts-metas-st2 > .ultimate-layouts-metas-wrap > div:last-child {    
    border:none;
    background:#2e9b92;
    padding:5px; margin:0;
    text-transform:uppercase;
}

/*meta 2 in list mode*/
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-metas-st2{
    position:absolute; top:5px; left:5px;
}



/*custom meta*/
.ultimate-layouts-mod-challenges .flex-icons{
    /*position:absolute; top:5px; right:5px;*/
    /*width: auto !important;*/
    background:#2e9b92;
    padding: 0 !important;
    margin:auto 0 0 0;
}

.ultimate-layouts-mod-challenges .flex-icons{color:#ffffff;}
.ultimate-layouts-mod-challenges .flex-icons .level{
    border:none;
    padding:5px; margin:0;
    color:inherit; font-size:14px; font-weight:600; line-height: 1.2; letter-spacing:2px;
    text-align:center; text-transform:uppercase; cursor:default;
    /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);*/
}
.ultimate-layouts-mod-challenges .flex-icons .level-0 {background:#f4f4f4; color:#474747;}
.ultimate-layouts-mod-challenges .flex-icons .level-1 {background:#0B9188;}
.ultimate-layouts-mod-challenges .flex-icons .level-2 {background:#3E8A3B;}
.ultimate-layouts-mod-challenges .flex-icons .level-3 {background:#D5B00B;}
.ultimate-layouts-mod-challenges .flex-icons .level-4 {background:#ED640F;}
.ultimate-layouts-mod-challenges .flex-icons .level-5 {background:#BF2222;}
.ultimate-layouts-mod-challenges .flex-icons .level-6 {background:#474747;}

.ultimate-layouts-mod-challenges .flex-icons > .music-sheet {
    border: none; background: #ffffff50;
    padding: 5px; margin: 0;
    color:inherit; font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing:2px;
    text-align: center; text-transform: uppercase; cursor: default;
    /*text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.75);*/
}




/*custom meta in list mode*/
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
    display: flex; flex-direction:column; justify-content:space-between; align-items:stretch;
    min-width: 270px; max-width:270px;
    margin: 0;
}

.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet,
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level
{
    width:100%; height: 100%;
    display:flex; flex-direction:row; align-items:center; align-content:center;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
    width:100%;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
    /*display:block; width:100%;*/ line-height: 1.2; white-space:nowrap;
}
.ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
    /*font-size:28px;*/
}




/*pagination and load more button*/
.ultimate-layouts-mod-challenges .ul-pagination-wrap {
  margin:0 0 25px 0;
}
.ultimate-layouts-mod-challenges .ul-pagination-wrap .ultimate-layouts-readmore-btn {
    font-size: 15px; letter-spacing:0; line-height: 20px; color: #ffffff;
    min-height:30px; padding:5px 10px;
    border: 2px solid #2e9b94; border-radius: 0px;
    margin:0 5px !important;
}
.ultimate-layouts-mod-challenges .ul-pagination-wrap .ultimate-layouts-readmore-btn:hover{
  color:#45ccc2 !important;
    background:#ffffff;
    border-color: #45ccc2;
}
.ultimate-layouts-mod-challenges .ul-pagination-wrap .ultimate-layouts-readmore-btn:focus{
    color:#ffffff !important;
    background:#45ccc2;
    border-color: #2e9b94;
}





/*responsive list */
@media (max-width: 1025px) {
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 170px; max-width: 170px;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 100%;
    }    
}
@media (max-width: 800px) {
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
        display: block;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 25%; max-width: 25%; float: left;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 75%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper .clear {
        display:block; width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-content * {
        line-height: 1.1em !important;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
        display: flex; flex-direction: row; align-items: stretch;
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
        display: block; width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
        display: inline; width: auto;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-wrap.ultimate-layouts-listing-list-1 .ultimate-layouts-item .ultimate-layouts-entry-wrapper {
        display: block;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image {
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-image + .flex-content {
        width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1 .ultimate-layouts-entry-wrapper .clear {
        display:block; width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-content * {
        line-height: 1.1em !important;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons {
        display: flex; flex-direction: row; align-items: stretch;
        min-width: 100%; max-width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet div,
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level div {
        display: block; width: 100%;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .music-sheet span,
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .level span {
        display: inline; width: auto;
    }
    .ultimate-layouts-mod-challenges .ultimate-layouts-listing-list-1.switch-style .ultimate-layouts-entry-wrapper .flex-icons .pre {
        font-size: 14px;
    }
}