/*#region Resources  */


body.resources #mainContentInside {
    grid-template-columns: 1fr;
}

.div-res-content div.resCard {
    padding: 110px 25px 30px;
    /*background: none;*/
    position: relative;
}


#resLibCatSelect .div-res-content a:hover {
    background-position: center right 12px;
}

#resLibCatSelect .div-res-content div {
    background-color: transparent;
    padding: 20px;
}

#singleDetails, #singleDetails p, #singleDetails strong, #resLibCatBread strong, #singleDetails a {
    font-size: 16px;
}

#singleDetails, #singleDetails p {
    font-weight: 300;
}

#singleDetails input[type=submit],
#singleDetails button {
    background: url(/Images/icon-button.png) no-repeat left #1B3E6A !important;
    color: #ffffff !important;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 16px 40px 16px 56px;
    border: 0 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative;
    display: inline-block !important;
    clip-path: polygon(0 1%, 100% 0%, 95% 100%, 0% 100%);
    padding-left: 64px;
    min-width: 80px;
    letter-spacing: 3px;
}

#singleDetails input[type=submit]:hover,
#singleDetails button:hover{
    background: url(/Images/icon-button-hover.png) no-repeat left #1D507E !important;
    clip-path: polygon(0 1%, 100% 0%, 100% 100%, 0% 100%);
    transition: all 0.3s ease;
}

.row-filter select, .row-filter input, input#Content_ctl00_EKO_Breadcrumbs1_txtSearch {
    width: 100%;
    background-color: var(--grey);
    /*border: 0 !important;*/
    color: var(--blue);
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    margin-top: 6px;
}

body .bread-filter {
    grid-template-columns: 75% 25%;
}

.row-filter input {
    width: calc(100% - 45px);
}

.row-filter {
    grid-column-gap: 20px;
    margin: 20px auto;
}

    .row-filter span {
        color: var(--pink);
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
    }

#search-filter {
    position: relative;
    overflow: hidden;
}

    #search-filter button, #Content_ctl01_EKO_Breadcrumbs1_btnSearchRes {
        position: absolute;
        right: -10px;
        top: 23px;
        background: url('/Images/res-search-icon.svg') center center no-repeat;
        background-size: 26px auto;
        font-size: 0;
        border: 0 !important;
        height: 29px;
        width: 40px;
        color: transparent !important;
    }

    #search-filter button {
        right: 8px;
        top: 31px;
    }


#resLibCatBread div {
    position: relative;
}

#resLibCatBread {
    color: var(--pink);
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 15px;
}

    #resLibCatBread input[type="submit"] {
        font-size: 0 !important;
        margin-right: 0 !important;
    }

    #resLibCatBread input[type="text"] {
        width: calc(100% - 20px) !important;
    }

    #resLibCatBread * {
        text-decoration: none;
        font-size: 15px;
        text-decoration: none;
    }

    #resLibCatBread h1 {
        font-size: 25px;
        margin-top: 10px;
    }

    #resLibCatBread strong {
        font-weight: 600;
        color: #333333;
        text-transform: initial;
    }

    #resLibCatBread h1 {
        text-transform: initial;
    }




#resSearchResults .div-res-content div.resCard.Video {
    background: url('/Images/Resources/Icons/type-vid.png') center top 10px no-repeat #fff;
    background-size: 90px auto !important;
}

#resSearchResults .div-res-content div.resCard.Image {
    background: url('/Images/Resources/Icons/type-img.png') center top 20px no-repeat #fff;
    background-size: 64px auto !important;
}

#resSearchResults .div-res-content div.resCard.pdf {
    background: url('/Images/Resources/Icons/type-pdf.png') center top 10px no-repeat #fff;
    background-size: 90px auto !important;
}

#resSearchResults .div-res-content div.resCard.Document {
    background: url('/Images/Resources/Icons/type-doc.png') center top 15px no-repeat #fff;
    background-size: 65px auto !important;
}

#resSearchResults .div-res-content div.resCard.Music {
    background: url('/Images/Resources/Icons/type-audio.png') center top 15px no-repeat #fff;
    background-size: 65px auto !important;
}


#resSearchResults .div-res-content div.resCard.Presentation {
    background: url('/Images/Resources/Icons/type-pres.png') center top 20px no-repeat #fff;
    background-size: 56px auto !important;
}

#resSearchResults .div-res-content div.resCard.Spreadsheet {
    background: url('/Images/Resources/Icons/type-ss.png') center top 15px no-repeat #fff;
    background-size: 78px auto !important;
}

#resSearchResults .div-res-content div.resCard.Link {
    background: url('/Images/Resources/Icons/type-link.png') center top 10px no-repeat #fff;
    background-size: 75px auto !important;
}

.resCard input, body .resCard input[type="submit"] {
    font-size: 0;
    background: url('/Images/download.svg') center center no-repeat;
    background-size: 55px auto;
    border: 0;
    height: 70px;
    width: 55px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 0px;
    color: initial;
    font-size: 0 !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .resCard input:hover, body .resCard input[type="submit"]:hover {
        background-position: center bottom;
    }

.availLibs {
    color: var(--pink);
}

.resCard p {
    padding-bottom: 20px;
}


#resSearchResults .div-res-content {
    grid-column-gap: 40px;
}


    #resSearchResults .div-res-content div.resCard.new:before, .fakeNEW {
        content: "New";
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        background: var(--greenhover);
        padding: 2px 8px;
        display: block;
        position: absolute;
        top: 25px;
        left: 0;
    }

.fakeNEW {
    position: relative;
    display: inline-block;
    top: 0;
}

/*#resSearchResults .div-res-content div.resCard:after {
	content: "";
	display: block;
	position: absolute;
	top: 25px;
	right: 12px;
	width: 24px;
	height: 23px;
	background-image: url('/Images/fav-off.png');
	background-size: contain;
}
*/
/*#resSearchResults .div-res-content div.resCard.favourite:after {
	background-image: url('/Images/fav-on.png');
}*/


#singleDetails {
    /*margin-bottom: 40px;*/
}

.myresources {
    background-color: var(--purple) !important;
}

#resLibCatSelect .div-res-content a, #resSearchResults .div-res-content div, .div-res-content div.resCard, .dirWrap, .dirTopWrapList > div, div.lock {
    border: 1px solid #259ACC;
    background-color: #fff !important;
    border-radius: 30px;
    background-image: url('/images/arrow-right.svg');
    background-size: 12px auto !important;
    background-position: center right 17px;
    background-repeat: no-repeat;
    transition: all 0.2s ease;
    margin-top: 0;
}

body div.lock {
    background-image: url('/images/card-locked.svg') !important;
    background-size: 32px auto !important;
    position: relative;
}

.lock .viewLink {
    text-decoration: none;
    color: var(--purple);
    position: relative;
    width: 100%;
    display: inline-block;
}

.div-res-content {
    grid-row-gap: 20px;
}

#resLibCatSelect .div-res-content div {
    margin-top: 0;
}

@media only screen and (max-width: 1023px) {

    /*body .div-res-content {
		grid-template-columns: 1fr 1fr;
	}*/
}

@media only screen and (min-width: 768px) {
    #mobBtnWrap {
        display: none !important;
    }

    /*body .div-res-content, body.yes-inside-menu #mainContentInside {
		grid-template-columns: 1fr;
	}*/
}

#resLibCatSelect .div-res-content a {
    border: solid 2px #259ACC !important;
}
/*#endregion */