/*---- Container ----*/
.resources.container {width:auto}
.resources.container {max-width:1500px;}
@media screen and (max-width:1200px) {
    .resources.container {max-width:1500px; font-family:arial}
}
@media screen and (max-width:1000px) {
	.resources.container {width:auto;}
}
/*---- End Container ----*/

.mobileFilters {display:none}
#mobileFilterList {}

.filterSection {color:#000; padding:0 50px 0 0; margin:0 0 50px 0}
.filterSection h2 {font-size:25px; font-weight:bold; margin:0 0 25px 0; padding: 0 0 15px 0; border-bottom:1px solid #d8d8d8}
.filterSection ul {list-style:none; margin:0 0 0 0; padding:0 0 0 0}
.filterSection ul li {margin:0 0 10px 0; padding:0 0 0 0}
h1.rArchive {font-size:35px; color:#000; font-weight:bold; margin:20px 0 20px 0}

/*
.contentTypes a {color:#333 !important; font-size:18px; text-decoration:none}
.contentTypes a:hover {text-decoration:underline}
.resourceFilters input[type=checkbox] {font-size:18px; font-weight:normal}
.vertical-checkboxes input {font-size:18px; font-weight:normal; margin:0 0 0 10px}
*/

/* -- Main Resources page -- */
h1.groupHead {font-size:35px; font-weight:bold; margin:20px 0 20px 0; padding: 0 0 0 0; color:#000}
h2.groupHead {font-size:35px; font-weight:bold; margin:20px 0 20px 0; padding: 0 0 0 0; color:#000}

.seeAll {font-size:17px; font-weight:bold; text-align:right; bottom:-5px; right:0; position:absolute}
.seeAll a {color:#333; text-decoration:none; transition:none}
.seeAll a:hover {color:#15ace9; transition:none}
.res-sec {position:relative; margin-bottom:20px}
.bottomSpace {height:50px}
/*--- ----*/

.content-type-menu a {color:#333 !important; font-size:18px; text-decoration:none}
.content-type-menu a:hover {text-decoration:underline}
.content-type-menu a.active {font-weight:bold !important;}
.content-type-menu a.active:hover {text-decoration:none !important}

/* -- slider check boxes -- */
.checkboxList {}
.resourceFilters input[type=checkbox] {margin-right:10px}
.vertical-checkboxes  label {font-size:18px; font-weight:normal; margin:0 0 0 0; color:#333; cursor:pointer}
.category-checkboxes label {font-size:18px; font-weight:normal;  margin:0 0 0 0; color:#333; cursor:pointer}

.resourceFilters{margin-top:35px}
.resourceFilters .ikxBAC {appearance: none; background-color: #dfe1e4; border-radius: 72px; border-style: none; flex-shrink: 0; height: 20px;  margin: 0; position: relative; width: 30px;}
.resourceFilters .ikxBAC::before {bottom: -6px; content: ""; left: -6px; position: absolute; right: -6px; top: -6px;}
.resourceFilters .ikxBAC,.resourceFilters .ikxBAC::after {transition: all 100ms ease-out;}
.resourceFilters .ikxBAC::after {background-color: #fff; border-radius: 50%; content: ""; height: 14px; left: 3px; position: absolute; top: 3px; width: 14px;}
.resourceFilters input[type=checkbox] {cursor: default;}
.resourceFilters.ikxBAC:hover {background-color: #c9cbcd; transition-duration: 0s;}
.resourceFilters .ikxBAC:checked {background-color: #0081c6;}
.resourceFilters .ikxBAC:checked::after {background-color: #fff; left: 13px;}
.resourceFilters :focus:not(.focus-visible) {outline: 0;}
.resourceFilters .ikxBAC:checked:hover {background-color: #15ace9;}

/* -- Grid -- */
.row.display-flex {display: flex;flex-wrap: wrap;}
.row.display-flex > [class*='col-'] {display: flex;flex-direction: column;}

/* -- Content Cards Articles/whitepapers/webinars/infographics/QA --- Light Rollover -- */
.resourceCard {position: relative; height: 350px; border: 1px solid #d8d8d8; margin-bottom:30px}
.resourceCard:hover {position: relative;background: #f2f3f5;}
.resourceCard:hover::after {content: ''; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background-color: #15ace9;z-index: 2;}
.resourceCard:hover .cardBody {background: #f2f3f5;}
.resourceCard:hover .cardBody {top: 0;}
.resourceCard a {color: #000 !important; text-decoration: none !important; display: block; overflow: hidden; text-overflow: ellipsis;}
.cardInner {height: 100%; overflow-y: hidden !important;}
.cardImg {height:200px; background-position: center; background-size: cover;  position: absolute; z-index: 0; left: 0; top: 0; width: 100%;}
.cardBody {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; z-index: 1; top:200px ;-webkit-transition: top 0.3s; transition: top 0.3s;}
.cardBody {padding: 20px 20px 25px 25px; background: rgba(255, 255, 255, 1)}
.cardCat {display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #747676; font-size: 12px;}
.cardTitle {min-height: 85px; margin-top: 15px;  margin-bottom: 0; color:#000; font-size:17px; line-height:22px; font-weight:bold;}
.cardDes {display: block; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; margin-top:10px; max-height:80px; overflow: hidden; text-overflow: ellipsis; font-size:15px }
.resourceCard:hover .cardDes {opacity: 1;}

.resourceCard:hover .cardBody {background-image: linear-gradient(rgba(242, 243, 245, 1), rgba(0, 129, 198, 0.2));}
.cardCTA {display: block; position: absolute; right: 18px; bottom: 35px; font-size:17px; font-weight:bold;}

/* -- hide/show mobile menu-- */
.visible-mob {display: none !important}

/* -- no posts found -- */
.noContent-msg {padding:15px; border:0px solid #ccc;}
.noContent-msg p {font-size:17px; }



@media screen and (max-width:1200px) {
	/* -- content type font adjustment -- */
	.content-type-menu a {font-size:16px; }

	/* -- slider check font adjustment -- */
	.vertical-checkboxes  label {font-size:16px;}
	.category-checkboxes label {font-size:16px;}
	
	

}

@media screen and (max-width:1100px) {
	/* -- hide/show mobile menu-- */
    .visible-mob {display:block !important}
	.hidden-mob {display:none !important}
	
	body.no-scroll {
        overflow: hidden;
        touch-action: none;
    }
	
	.filterBtnRow {font-size:20px;margin-top:20px}
	h1.groupHead {font-size:30px; font-weight:bold; margin:20px 0 0 0; padding: 0 0 0 0; color:#000}
	h2.groupHead {font-size:30px; font-weight:bold; margin:20px 0 20px 0; padding: 0 0 0 0; color:#000}
	
    .navbar-offcanvas.offcanvas-transform.in {
        -webkit-transform: translateX(342px);
        transform: translateX(342px);
    }

    /* mobile menu */
    .mobile-menu {
        position: fixed;
        display: flex;
        flex-direction: column;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background-color: #fff;
        overflow-y: scroll;
		overflow-x: hidden;
        transition: left 0.3s ease;
        z-index: 9999;
        padding: 40px 0 40px 20px;
    }
    #page-content-wrapper {
        transition: margin-left 0.3s ease;
    }
    #mobile-menu.mobile-menu-open {
        left: 0;
    }
    #page-content-wrapper.mobile-menu-open  {
        margin-left: 0; 
    }
	.rMenuClose {position:absolute; right:10px; top:0; font-size:20px !important;}
	
    /* end of mobile menu */
    .mobile.resourceFilters{
        margin-top: 0;
        padding: 0 0 0;
		position:relative;
    }
	
	.rMenuBtn {background-color:#fff !important; border:0; color:#000; font-size:30px}
	.filterSection {color:#000; padding:0 0 0 0; margin:0 0 30px 0}
    .filterSection h2 {font-size:22px; font-weight:bold; margin:0 0 15px 0; padding:0 0 0 0; border-bottom:0}
    .content-type-menu.filterSection {padding:0 0 0 0}
	.content-type-menu.filterSection ul {list-style:none; margin:0 0 0 0; padding:0 0 0 0}
	.content-type-menu.filterSection ul li {margin:0 0 10px 0; padding:0 0 0 0;}
	.content-type-menu a {font-size:18px; padding:0;}
	.vertical-checkboxes  label {font-size:18px; margin:0 0 0 0;}
    .category-checkboxes label {font-size:18px; margin:0 0 0 0;}
	.category-checkboxes.filterSection {padding:0px 0 20px 0}
	.filterTxt {color:#000; font-size:15px}
	
	
	
	#overlay {}
	.overlayBlock {position:fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5);  z-index: 9000;  cursor: pointer;}
}



@media screen and (max-width:767px) {
    /* mobile menu */
    .mobile-menu {
        left: -80%;
        width: 80%;
        padding: 40px 0 40px 20px;
    }
	
     /*-- disable card hover --*/
    .resourceCard:hover {background: #fff;}
    .resourceCard:hover::after {height: 0;}
    .resourceCard:hover .cardBody {background: #fff;}
    .resourceCard:hover .cardBody {top:200px}
}