/*--------------------------------------------------------------
## Index Page
--------------------------------------------------------------*/
#main .indexContent {
	margin: 0;
	position: relative;
	z-index: 5;
}

#main .indexContent .flexslider{
	margin: 5% 0;
}

#main .indexContent .flexslider .flex-viewport ul{
	margin-bottom: 2rem;
}


#main .indexContent .indexCategories {
	display: flex;
	justify-content: space-evenly;
	margin: 1% 10% 1% 10%;
}

#main .indexContent .indexCategories a{
	max-width: 13%;
	padding: 2% 2% 0 2%;
	text-decoration: none;
	color: #085874;
	flex-grow: 1;
	cursor: pointer;
    font-weight:bold;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 7px;
    position:relative;
    transition: .5s;
}

#main .indexContent .indexCategories a:hover{
	background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #cccccc;
}

#main .indexContent .indexCategories a:active {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #cccccc;
}

#main .indexContent .indexCategories a:hover div p{
	color: #47a6be;
}

#main .indexContent .indexCategories a:hover .indexCategoryNeutral {
	display: none;
}

#main .indexContent .indexCategories a:hover .indexCategoryHover {
	display: block;
}



/** new main page ***/

.course-deets {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 0 0 10px 0;
}

.course-num {
    margin-right: 10px;
}

.course-num::before {
    background-image: url(/wp-content/uploads/2020/07/icon-courses-num.svg);
    background-size: 10px;
    display: inline-block;
    width: 16px;
    height: 14px;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.course-duration::before {
    background-image: url(/wp-content/uploads/2020/07/icon-duration.svg);
    background-size: 12px;
    display: inline-block;
    width: 19px;
    height: 14px;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.category-wrapper{ /** add this selector on index.css **/
    background: #f3f3f3;        
}

.wrapper-middle {
    max-width: 1140px;
    margin: auto;
}

.featured-category, .cat-wrapper {
    display: flex;
    border-radius: 20px;        
}

.featured-category, .cat-wrapper .category{
    background: #ffffff;
    box-shadow: 1px 1px 10px #DEDEDE;
}

.featured-img img, .cat-img img {
    border-radius: 20px 0 0 20px;
}

.cat-icon img {
    width: 15px;
    height: 15px;
    margin: 3% 0 0 0;
}

.cat-wrapper {
    margin: 4% 0;
}

.cat-wrapper .category {
    width: 50%;
    display: flex;
    border-radius:20px;
}

.cat-wrapper .category:nth-child(even) {
    margin-left: 1%;
}

.cat-wrapper .category:nth-child(odd) {
    margin-right: 1%;
}

/** -----------------------------------------
new best sellers on new homepage
-------------------------------------------**/

.sliderPrice > a {
    width: 60%;
    font-size: 1em;
    color: #3d3d3d;
    font-family: 'Work Sans', sans-serif;
    padding: 0 5%;
    float: left;
}


.addToCart, .buyNowButton, .singleProductCardMobile .buyNowButton{ 
    color: #fff;
    padding: 0 7%;
    margin: 0 5% 5% 0;
    text-decoration: none;
    background: #094e69;
    border-radius: 20px;
    font-family: 'Work Sans', sans-serif;
    line-height: 2.2em;
    font-weight: normal;
    border: 1px solid #094E5B;
    font-size: .9em;
    float: right;
}

.addToCart:hover, .buyNowButton:hover, .singleProductCardMobile:hover .buyNowButton:hover {
    background: #082e3a;
} 



/** -----------------------------------------
hero images for categories
-------------------------------------------**/

.category .cat-img.rights {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-human-rights.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}

.category .cat-img.provider {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-provider-governance.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}

.category .cat-img.provision {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-provision.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}


.category .cat-img.provision-env {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-provision-env.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}

.category .cat-img.cerebral {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-cerebral-palsy.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}


.category .cat-img.driver {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/08/hero-driver.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}


.featured-img {
    width: 90%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/hero-featured-wfe.jpg);
    border-radius: 20px 0 0 20px;
    margin-right: 5px;
    background-size: cover;
}

.featured-content {
    width: 65%;
    padding: 2%
}

.category .cat-img {
    width: 50%;
    padding: 0;
    background: url(/wp-content/uploads/2020/07/wfe-hero.jpg);
    background-size: cover;
    border-radius: 20px 0 0 20px;
    background-position: center;
}

.category .cat-content{
    width: 70%;
    padding: 2% 5% 5% 5%;
}

.featured-content .cat-bottom-wrapper{
    padding: 7% 0 0;
}

.cat-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 5% 0 2% 0;
}

.cat-btn a {
    color: #094e69;
    padding: 10px 0 5px 0;
    text-decoration: none;
    border-bottom: 1px solid #094e69;
}

.cat-btn a:hover {
    border: none;
    background: rgba(9, 78, 105, .1);
    padding: 10px 20px;
    border-radius: 5px;
}

.cat-btn a:after {
    background-size: 12px;
    display: inline-block;
    width: 15px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: 15px 2px;
    content: "\f101";
    font-family: 'FontAwesome';
    padding-left: 5px;
}

/** hero banner **/
.hero-banner {
    position: relative;
}

.indexHeroTagline {
    padding-right: 35%;
}


.indexCategoryHover {
	display: none;
}

.indexCategoryActive {
	display: none;
}

.indexCategory p.green {
	color: #7dbf4b;
}

a.indexCategoryLink.currentlyActive {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #cccccc;
}

.close {
    display: none;
    position: absolute;
    height: 15%;
    right: 7%;
    top: 7%;
}

.close:hover {
    height: 15%;
    right: 7%;
    top: 7%;
}

.category-wrapper {
    padding: 5% 0;
}

#main .indexContent .indexCategories .indexCategory {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

#main .indexContent .indexCategories .indexCategoryBorder {
	width: 2px;
	background-color: #cccc;
	margin: 2% 0;
}

#main .indexContent .indexCategories .indexCategory img {
	width: 50px;
	height: 50px;
}

#main .indexContent .indexCategories .indexCategory p {
	text-align: center;
	font-size: 0.8rem;
    text-transform: uppercase;
    font-weight:bold;
}

#main .indexContent .indexWhatsNew {
	display: flex;
	align-items: center;
}

#main .indexContent .indexWhatsNew * {
	flex-grow: 6;
}

#main .indexContent .indexWhatsNew .indexWhatsNewSpacer{
	border-top-style: solid;
	border-width: 2px;
	color: #cdcdcd;
}

#main .indexContent .indexWhatsNew p{
	text-align: center;
	flex-grow: 1;
	margin: 0;
	color: #085874;
	font-weight: bold;
	font-size: 40px;
	line-height: 1.1em;
}

#main .indexHero {
	background-image: url(/wp-content/uploads/2020/07/nds-hero-scaled.jpg);
    background-size: cover;
    padding: 5% 0;
    display: flex;
    position: relative;
    overflow: hidden;
    background-position: center;
}

#main .indexHero::before {
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-image: linear-gradient(45deg, rgba(255,255,255,.3), rgba(255,255,255,.9), transparent, transparent);
}

#main .indexHero * {
	z-index: 4;
}

#main .indexHero input{
	border-radius: 20px;
	width: 50%;
	font-size: 0.7rem;
	padding-left: 10px
}

span.gst {
    font-size: .8em;
}


.white-bg{
    background:#fff;
    margin: 0;
    padding: 2% 0 4% 0;
}


.secondaryContent {
    background: #f3f3f3;
    padding: 1em 0 2em 0;
    text-align: center;
}

.indexTrustedLogos{
    margin:0 20%;
}

.indexTrustedLogos img {
    padding: 0 1em;
}


.secondaryContent .indexTrustedLogos .indexTrustedLogosImages {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}

.secondaryContent .indexTrustedLogos .indexTrustedLogosImages img {
	max-height: 100px;
}

.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile {
	display: none;
}



/** -----------------------------------------
new main page - category icons at the bottom
-------------------------------------------**/
.wpls-fix-box{
    padding: 10px;
}

#wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image {
    padding: 10px;
}

.wpls-logo-showcase .slick-slide .logo-title{
    color: #094e69;padding: 10px 5px;font-size: 14px;height: 50px;line-height: 1.3em;
}

.etrainu-cat .slick-initialized .slick-slide{
   box-shadow: none;
   border: 1px solid #dedede;
}

.wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-prev:active {
    background: url(/wp-content/uploads/2020/07/back.svg) center center no-repeat!important;
    background-size: 15px 15px!important;
    box-shadow: none!important;
}

.wpls-logo-showcase button.slick-next, .wpls-logo-showcase button.slick-next:active{
    background: url(/wp-content/uploads/2020/07/next.svg) center center no-repeat!important;
    background-size: 15px 15px!important;
    box-shadow: none!important;
}

.wpls-logo-showcase button.slick-prev:hover, .wpls-logo-showcase button.slick-prev:focus {
    background: url(/wp-content/uploads/2020/07/back-hover.svg) center center no-repeat!important;
    background-size: 15px 15px!important;
}


.wpls-logo-showcase button.slick-next:hover, .wpls-logo-showcase button.slick-next:focus {
    background: url(/wp-content/uploads/2020/07/next-hover.svg) center center no-repeat!important;
    background-size: 15px 15px!important;
}


/*** slick slider ***/

div#wps-slider-section .wps-product-section ul.slick-dots li button {
	padding: 2px !important;
}

.regular.slider {
	margin: 1% 10% 0 10%;
}

.slick-slider .slick-list {
    display: flex;
}
.slick-slider .slick-list .slick-track {
    display: flex;
    margin-bottom: 0;
}

.slick-track img {
    width: 100%;
    border-radius: 20px 20px 0 0;
    transition: transform .5s ease;
    opacity: .8;
}

.slick-track img:hover{
    transform: scale(1.05);
    opacity: 1;
}

.slick-slide {
	margin: 10px;
}


.slick-slide > div{
    height: 100%;
}


.slick-slide div > div p {
	padding-right: 10px;
	margin: 0;
	font-size: 1rem;
}

p.sliderTitle {
	color: #3d3d3d;
    font-family: filson-pro,sans-serif;
    padding: 5%;
    line-height: 1.2em;
    font-size: 1.1em;
    margin: 0;
    text-transform: uppercase;
    height: 80px;
}

section.regular.slider.best-sellers{
    position: relative;
}


section.regular.slider.best-sellers .slick-list.draggable {
    margin: 0;
    padding: 0;
}

section#slider-general {
    position: relative;
}


section#slider-general button.slick-prev {
    position: absolute;
    bottom: -20px;
    right: 50%;
    margin-right: 10px;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
}

section#slider-general button.slick-next {
    position: absolute;
    bottom: -20px;
    left: 50%;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
}


.slidesChange.slick-initialized button.slick-next {
    position: absolute;
    bottom: 50px;
    left: 50%;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
    z-index: 999;
}


.slidesChange.slick-initialized button.slick-prev {
    position: absolute;
    bottom: 50px;
    right: 50%;
    margin-right: 10px;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
    z-index: 999;
}


section.regular.slider.best-sellers .slick-prev { /*** best seller's next, prev button **/
    position: absolute;
    bottom: -30px;
    right: 50%;
    margin-right: 10px;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
    display: none !important;
}


section.regular.slider.best-sellers .slick-next {/*** best seller's next, prev button **/
    position: absolute;
    bottom: -30px;
    left: 50%;
    background: #6ebb1f;
    border: 1px solid #6ebb1f;
    color: #fff;
    font-size: 1em;
    width: 100px;
    padding-bottom: 10px;
    display: none !important;
}

footer {
   background: #f3f3f3;
   text-align: center;
   font-size:.8em;
   padding: 1em 0;
}


.slick-track a {
    text-decoration: none;
}

p.sliderCategory {
    color: #7a7a7a;
    font-size: 1em;
    padding: 5% 5% 3% 5%;
    margin: 0;
    line-height: 1.1em;
    height: 75px;
    display: none;
}

.sliderPrice .price ins{
    font-weight:bold;
}

.sliderPrice .price del {
    font-size: 12px;
    display: block;
}

.sliderPrice .price {
    color: #3d3d3d;
    padding: 3% 5% 5% 5%;
    line-height: 1.2em;
    height: 30px;
}

.slick-slide div > div .sliderCategory {
	margin: 0 0.5rem;
	padding: 10px 0 0 2px;
}

.slick-slide div > div p.sliderCategory{
    height: 4.5em;
    line-height: 1.2em; 
}

.slick-slide div > div p.sliderCategory,.slick-slide div > div p.sliderCategory a {
	color: #656565;
	font-weight: 200;
	font-size: .90em;
}


.slick-slide div > div .sliderSpacer {
	flex-grow: 1;
}

.indexContentMobile a {
	text-decoration: none;
}

.indexContentMobile {
	display: none;
}

.indexProductMobile {
	display: none;
	margin: 5% 0;
	box-shadow: 0 0 10px #aaaaaa;
	border-width: 1px;
	border-color: #eee;
    border-radius: 20px;
}

.indexProductMobile a:first-of-type {
	width: 80%;
}

.indexProductMobile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 20px 0 0 20px; 
}

p.indexCategoryText.green.active {
    background: none;
    padding:0;
}

.indexProductMobile .indexProductContent {
	margin: 4% 5%;
	width: 100%;
}

.indexProductMobile .indexProductContent .indexProductMobileTitle{
	color: #000000;
}

.indexProductMobile .indexProductContent .indexProductMobileCategory {
	color: #656565;
	font-weight: 200;
	margin-top: 1%;
}

.indexProductMobile .indexProductContent .indexProductMobilePriceContainer {
	display: flex;
	justify-content: space-between;
	padding-top: 1rem;
	align-items: center;
}

.indexProductMobile .indexProductContent .indexProductMobilePriceContainer .indexProductMobilePrice {
	color: #000000;
}

.addToCart:hover .added_to_cart {
	background-color: #FFFFFF !important;
}

/*** New Best Sellers **/

.best-sellers .addToCart a:hover {
    color: #ffffff !important;
}

.slick-initialized .slick-slide {
    background-color: #fff;
    box-shadow: 1px 1px 10px #dedede;
    border: 1px solid #dedede;
    height: 100%;
    padding-bottom: .1%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.sliderPrice{
    min-height: 90px;
    padding: 1em 0;
}

.sliderPrice .addToCart {
    position: absolute;
    height: 33px;
    right: 5px;
    bottom: 5px;
}

/*DROPDOWN BOX*/

.dropbtn {
	padding: 16px;
	font-size: 16px;
	text-align: left;
	border: none;
	cursor: pointer;
	width: 100%;
	border-radius: 0;
	color: #767676;
	align-items: center;
	justify-content: space-between;
	display: flex;
}

.disable-select {
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

.dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
	border-radius: 0;
	border-style: solid;
	border-width: 2px;
	border-color: #D0D0D0;
	margin: 1rem 0 0 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	z-index: 1;
	width: 100%;
	margin-top: 10px;
	box-shadow: 0 0 10px #aaaaaa;
}

.dropdown-content a {
	color: #767676;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	margin: 0 0.5rem;
}

.dropdown-border {
	border-style: solid;
	width: 95%;
	display: block;
	margin: 0 2.5%;
	border-width: 0.5px;
	border-color: #D6D6D6;
}

.dropdown-content a:hover {
	background-color: #f1f1f1
}

.indexMobileDropdown.dropdown {
	display: none;
}

#main #heroVideo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}



@media only screen and (min-width: 2000px) {
    .indexHeroTagline {
        padding-right: 15%;
    }
    
}


@media only screen and (max-width: 1100px) {
    
    
    .cat-explainer{
        padding: 3% 5% 0 5%;
    }
    
    #main .indexContent .indexCategories{
        margin: 1%;
    }
    
    .regular.slider {
        margin: 1% 2%;
    }
    
}





@media only screen and (max-width: 768px) {
    
     .course-deets {
        display: flex;
        flex-direction: column;
    }
    
    .indexProductMobile .indexProductContent .indexProductMobilePriceContainer {
        display: flex;
        padding-top: 1rem;
        align-items: end;
        flex-direction: column;
    }
    
    .indexTrustedLogos {
        margin: 0;
    }
    
    .indexProductMobilePrice {
        line-height: 1.2em;
        padding: 0 0 10% 0;
    }
    
    
    .indexProductMobilePrice del {
        color: #656565;
        font-size: .8em;
    }
    
    .indexTrustedLogos {
        margin: 0 10%;
    }
    
    
    .indexHeroTagline h1{
        line-height: 1em;
    }
    
    
	.indexMobileDropdown.dropdown {
		display: block;
	}
    
    .indexMobileDropdown.dropdown #dropbtn {
        background: #fff;
    }

	.indexContentMobile {
		display: block;
	}


	.secondaryContent .indexTrustedLogos .indexTrustedLogosImages {
		display: none;
	}

	.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile {
		display: flex;
		flex-direction: column;
	}

	.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile .indexTrustedLogosImagesMobileRow1 {
		display: flex;
		justify-content: space-around;
		margin: 0 1rem;
	}

	.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile .indexTrustedLogosImagesMobileRow1 * {
		width: 30%;
	}

	.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile .indexTrustedLogosImagesMobileRow2 {
		display: flex;
		justify-content: center;
	}

	.secondaryContent .indexTrustedLogos .indexTrustedLogosImagesMobile .indexTrustedLogosImagesMobileRow2 * {
		width: 40%;
	}


    #main .indexContent {
		margin: 0 3%;
	}

	#main .indexContent .indexCategories {
		display: none;
	}
    

	.flexslider {
		display: none;
	}

	.indexProductMobile {
		display: flex;
	}

	.regular.slider {
		opacity: 0;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;

	}
    
    .cat-explainer.lib-categories{
        display: none;
    }
    
    .category-wrapper{
        padding:0;
    }
    
}




@media only screen and (max-width: 600px) {
    
    .featured-category, .cat-wrapper{
        flex-direction: column;
    }
    
    
   .featured-img {
        width: 100%;
        height: 200px;
        padding: 0;
        background: url(/wp-content/uploads/2020/07/hero-featured-wfe.jpg);
        border-radius: 20px 20px 0 0;
        margin-right: 5px;
        background-size: cover;
    }
    
    .featured-content {
        width: 100%;
        padding: 5%;
    }
    
    .cat-wrapper .category {
        width: 100%;
        margin-bottom: 5%;
    }
    
    .cat-wrapper .category:nth-child(odd) {
        margin-right: 0;
    }
    
    
    .banner-tagline {
        font-family: 'filson-pro', sans-serif;
        font-weight: normal;
        font-size: 16px;
    }
    
    .indexHeroTagline h1{
        font-size: 2.5em;
        text-align: center;
    }
    
    
    .indexHeroTagline {
        padding-right: 0;
    }
    
    #main .indexHero{
        padding: 5%;
    }
    
    #main .indexHero::before {
        display: block;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-image: linear-gradient(45deg,rgba(255,255,255,.7),rgba(255,255,255,.9));
    }
    
    .wrapper-white.hideMeMobile {
        display: none;
    }
    
    .indexHeroTagline.wrapper-middle .btn-wrapper {
        text-align: center;
        padding: 0 0 7%;
    }
        
}



.slick-arrow:before {
	color: #085874 !important;
}

.indexTrustedLogos .indexTrustedLogosImagesMobile div img{
 	height: 100%;
}

.slider-hidden {
	opacity: 0;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.slider-hidden .slick-list {
	opacity: 0;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.slick-list {
    overflow: hidden;
    padding: 1% 0;
    margin: 0;
}

.slick-track {
    margin: auto;
}

.breadcrumb {
	display: none;
}