﻿:root {
	--dark-green: #385623;
	--light-green: #B9C769;
	--dark-pink: #AC54C4;
	--darker-pink: #7B3F8E;
  }

/* blog post tickers --------------------------*/

.rightThird .subSection{
	.subCategories > li.subCategoryCallToAction
	{
		position: relative;
		overflow: visible;
		margin: 2rem 0 2rem 0;
	}

	.subcategorySubTitle p.blogdate
	{
		top: -1.6rem;
		left: 0;
		position: absolute;
		font-weight: bolder;
		font-size: smaller;
		margin: 0;
		padding: 0;
	}
	.subcategorySubTitle p
	{
		margin: 0;
	}

}

/* blog post tickers --------------------------*/


@media (min-width: 900px)
{
	.subLarge li.squareBox{
		width: calc(33% - 4px);
		background-color: var(--light-green) !important;
	}	
	.subLarge li.squareBox a.subcategoryLink {
		width: 100%;
		height: 8rem !important;
		color: var(--dark-green)!important
	}
}

.contentWrapper.contentmenu2,
.contentWrapper.contentmenu1 {
	background: #fff;
}

.mainMenu li {
	background: #eee;
	border-width: 0 1px;
	border-style: solid;
} 

li.mainmenu1,
li.mainmenu2,
li.mainmenu3
{
	background-color: #f6f6f6;
	border-color: #fff;
}

dl
{
	margin: .3em 0;
	padding: 0;
}
dt
{
	margin: .6em 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: smaller;
} 
dd
{
	margin: 0 0 .6em 0;
	padding: 0;
}

.leftTwoThirds .categoryInfo {
    padding: 0 2em 2em 2em;
}

.contentmenu2 .leftTwoThirds .subCategories li.subCategoryCallToAction > a
{
	background-color: var(--dark-pink) !important;
}

.contentmenu2 .leftTwoThirds .subCategories li.subCategoryCallToAction > a
{
	color: #fff !important;
}

.contentmenu2 .leftTwoThirds .subCategories li.subCategoryCallToAction > a:after
{
	border-color: transparent #fff;
}
/* 
.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction > a
{
	background-color: var(--dark-green) !important;
}

.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction > a
{
	color: #fff !important;
}

.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction > a:after
{
	border-color: transparent #fff;
} */
li.mainmenu1 a,
.contentmenu1 h2,
.contentmenu1 h3 {
	color: var(--dark-green) !important;
}
li.mainmenu2 a,
.contentmenu2 h2,
.contentmenu2 h3 {
	color: var(--darker-pink) !important;
}

li.mainmenu1 a:before {
	    background-color: var(--dark-green) !important;
}
li.mainmenu2 a:before {
	background-color: var(--dark-pink) !important;
}


@media (min-width: 899px) /* ========================= wide screen */
{
}

.userToolTriggers li.li_Home {
	display: unset;
}

@media (min-width: 1150px) /* ========================= wide screen */
{
	.contentmenu1 .leftTwoThirds,
	.contentmenu2 .leftTwoThirds {
		border-width: 0 3px 0 0;
		border-style: solid;
		border-color: #fff;
		width: calc(67% - 3px);
	}


}


.header .title.nocobrand img {
	max-height: 98px;
	max-width: 500px;
}

.header {
	background-color: #edeef0;
}

	.header .cobrand {
		background-color: #fff;
	}

		.header .cobrand:before {
			border-color: #f5f5f7 #fff #f4f4f6 #edeef0;
		}


.mainMenu li
{
    font-size: 1.1em;
}




.subCategories > li.subCategoryCallToAction.iconLeft img.subCategoryIcon {
	margin-bottom: 1em;
}

#legalfooter {
	list-style: none;
	font-size: 75%;
	margin: 0 auto;
	padding: 1em;
	clear: both;
	background: #fff;
	text-align: center;
}

	#legalfooter ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#legalfooter li {
		list-style: none;
		display: inline;
		margin: 0 1em 0 0;
		padding: 0;
		white-space: nowrap;
	}


.userToolMenu {
	background: #fff;
	border-width: 1px 0;
}


.pnl_Siblings {
	zoom: .7;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1em;
}

.moreLink {
	display: none;
}


/* .rightThird .subCategories li.subCategoryCallToAction.subcategoryExpander {
	background-color: #fff !important;
	border-color: #3e94d0;
	border-style: solid;
	border-width: 0 0 1px 0;
}
.rightThird .subCategories li.subcategoryExpander a {
	color: #0082c0 !important;
} */






li.mainmenu3, li.menu3selected, .contentmenu3 {
	background: #fff;
}





li.menu1selected .leftTwoThirds,
.contentmenu1 .leftTwoThirds {
	background: #fff;
}

li.menu2selected .leftTwoThirds,
.contentmenu2 .leftTwoThirds {
	background: #fff;
}

.leftTwoThirds {
}


/* li.mainmenu1 {
	border-color: #f6f7ef;
	background: #f6f7ef;
}

li.mainmenu2 {
	border-color: #fceaf8;
	background: #fceaf8;
}

li.mainmenu3 {
	background: #dde9ff;
	border-color: #dde9ff;
} */




li.menu1selected {
	background: #fff;
	border-color: #fff;
}

li.menu2selected {
	background: #fff;
	border-color: #fff;
}

li.menu3selected {
	background: #fff;
	border-color: #fff;
}

	.leftTwoThirds .subCategories li.subCategoryCallToAction {
		/*background-color: rgba(0, 0, 0, .2) !important;*/
		background-color: transparent !important;
		border-width: 1px 0 0 0;
		border-color: #e2e2e2;
		border-style: solid;
		margin: 0;
	}

.contentmenu1 h2,
.contentmenu1 h3,
.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction > a,
.contentmenu1 .leftTwoThirds .subSections li.subSection .subSectionTitle > a,
.contentmenu1 .leftTwoThirds .subSections li.subSection a .moreLink::after {
	 color: #196500; 
}

.contentmenu2 h2,
.contentmenu2 h3 {
	color: #660150;
}


.contentmenu1 .leftTwoThirds .subCategories li.callToActionWithoutStandfirst a:after {
    border-color: transparent #85ac73;
}


.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction i.subcategoryStandfirst {
	background-color: #196500;
}

	.contentmenu1 .leftTwoThirds .subCategories li.subCategoryCallToAction i.subcategoryStandfirst:after {
		border-color: transparent #196500;
	}

.rightThird .subCategories li.subCategoryCallToAction {
	background-color: #f3f3f3 !important;
}
/* 
	.rightThird .subCategories li.subCategoryCallToAction .expanderContent a {
		text-decoration: underline;
	}

	.rightThird .subCategories li.subCategoryCallToAction a,
	.rightThird .subCategories li.subCategoryCallToAction:nth-child(13) .expanderContent {
		color: #fff
	}

.rightThird .subCategories li.callToActionWithoutStandfirst a:after {
	border-color: transparent #fff;
}

.rightThird .subCategories li.subcategoryExpander a:after {
	border-color: #3e94d1 transparent;
} */


.contentmenu1 .leftTwoThirds .subCategories li.subcategoryExpander a:after {
	border-color: #85ac73 transparent;
}

.rightThird .subCategories li.subcategoryExpander:nth-child(13) a:after {
	border-color: #fff transparent;
}

.rightThird .subCategories li.subCategoryCallToAction:nth-child(13) {
	background-color: #0082c0 !important;
}

	.rightThird .subCategories li.subCategoryCallToAction:nth-child(13) a {
		color: #fff !important;
	}

    .subSections  > li.subSection .subSectionTitle a
    {
        display: block;
    }


    .contentmenu1 .leftTwoThirds .subSections  > li.subSection .subSectionTitle a:after
    {
        content: " ";
        display: block;
        height: 0;
        width: 0;
        border-color: transparent #85ac73;
        border-style: solid;
        border-width: .6em 0 .6em .6em;
        position: absolute;
        right: 1.5em;
        top: 1em;
        transition: .3s all;
    }
    
    .contentmenu1 .leftTwoThirds .subSections  > li.subSection .subSectionTitle  a:hover:after,
    .contentmenu1 .leftTwoThirds .subSections  > li.subSection .subSectionTitle  a:focus:after
    {
        right: 1.2em;
    }


    .contentmenu3.rightThird .subSections  > li.subSection .subSectionTitle a:after
    {
        content: " ";
        display: none;
        height: 0;
        width: 0;
        border-color: transparent #fff;
        border-style: solid;
        border-width: .5em 0 .5em .5em;
        position: absolute;
        right: .6em;
        top: .6em;
        transition: .3s all;
    }

.subSectionId14276 .subSectionTitle a:after
{
	display: block !important;
}



    
    .contentmenu3.rightThird .subSections  > li.subSection .subSectionTitle  a:hover:after,
    .contentmenu3.rightThird .subSections  > li.subSection .subSectionTitle  a:focus:after
    {
        right: .3em;
    }






    h4.subSectionTitle {
        margin: 0 0 0 0;
		font-size: 1.3em;
		/* padding: .6em; */
    }
    

    .rightThird .categoryInfo .subSection {
        padding: 1em 1em .6em 1em;
        margin: 0 0 .3em 0;
        background-image: linear-gradient(to bottom, #216594, #0085b0);
        color: #fff;
    }
    .contentmenu3.rightThird
    {
        padding: 0;
        margin: 0;
    }
    .rightThird .categoryInfo {
        padding: 0;
        margin: 0;
    }
    
    .rightThird .categoryInfo .subSection {
        padding: .6em 1em .6em 1em;
        margin: 0 0 .3em 0;
        background-image: linear-gradient(to bottom, #216594, #0085b0);
        color: #fff;
    }
    
    .rightThird .categoryInfo .subSection a[href],
    .rightThird .categoryInfo .subSection a:hover,
    .rightThird .categoryInfo .subSection a:active
    {
        color: #fff;
    }
    
    .rightThird .categoryInfo .subSection .subCategories > li.subCategoryCallToAction
    {
        background-color: #009fc6 !important; 
    }
    
    .rightThird .categoryInfo .subSection .subCategories > li.callToActionWithoutStandfirst a.subcategoryLink:after
    {
        border-color: transparent #fff;
    }
    

.leftTwoThirds .subCategories li.subCategoryCallToAction.subcategoryId15710,
.leftTwoThirds .subCategories li.subCategoryCallToAction.subcategoryId15722
{
	background-color: var(--light-green) !important;
	float: left;
}

/* .subCategoryCallToAction::after {
	content: "";
	clear: both;
	display: table;
  } */




.contentmenu3 .leftTwoThirds h4.subSectionTitle,
.contentmenu1 .leftTwoThirds h4.subSectionTitle {
	margin: 0;
}

.contentmenu3 .leftTwoThirds .subSection,
.contentmenu2 .leftTwoThirds .subSection,
.contentmenu1 .leftTwoThirds .subSection {
	padding: 0;
	margin: 0 0 1em 0;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	background-color: #fff;
    border-width: 1px;
    border-style:  solid;
    border-color: #eee;
	/*color: #0f6cb1;*/
}


.subSectionId15682 h4.subSectionTitle,
.subSectionId15666 h4.subSectionTitle,
.subSectionId15668 h4.subSectionTitle
{
    border-top: 6px solid var(--dark-green);
}
.leftTwoThirds .subSection h4.subSectionTitle
{
    padding: .6em .6em;
}


.contentmenu1 .leftTwoThirds .subSection .subWrapperOuter
{
    margin: .3em .6em;
}



.contentmenu1 .leftTwoThirds .subSections .subSectionTitle .subsectionLink::after
{
	display: none !important;
}


blockquote
{
	margin: .3em .6em;
	padding: .3em .6em;
	border-left: .6em solid lightgray;
}

q{
	display: block;
	padding: .3em .6em;
}
cite
{
	display: block;
	
	padding: .3em .6em;
}


/* -------------------------------------------------------------------------------------------- icons ------------------------------*/

.dashIcon {
	background: #e8ebda;
	padding: .3em .6em .3em 56px;
	position: relative;
}

	.dashIcon:after {
		content: " ";
		width: 48px;
		height: 48px;
		display: block;
		background-color: #fff;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border-radius: 24px;
		position: absolute;
		top: -2px;
		left: -2px;
		z-index: 10;
		background-size: 48px 48px;
	}

h3.searches.dashIcon:after {
	background-color: #3994cf;
	background-image: url(//secure.kyoh.org/img/home/search.svg);
}

h3.clippings.dashIcon:after {
	background-color: #c85500;
	background-image: url(//secure.kyoh.org/img/home/library.svg);
}

h3.resources.dashIcon:after {
	background-color: #2b00d0;
	background-image: url(//secure.kyoh.org/img/home/resources.svg);
}

h3.extraSupport.dashIcon:after {
	background-color: #36c840;
	background-image: url(//secure.kyoh.org/img/home/extra-support.svg);
}

h3.peerMentor.dashIcon:after {
	background-color: #3d92ed;
	background-image: url(//secure.kyoh.org/img/home/peerMentor.svg);
}

h3.coaching.dashIcon:after {
	background-color: #3d92ed;
	background-image: url(//secure.kyoh.org/img/home/extra-support.svg);
}

h3.clinician.dashIcon:after {
	background-color: #3d92ed;
	background-image: url(//secure.kyoh.org/img/home/clinician.svg);
}

h3.track.dashIcon:after {
	background-color: #c9731a;
	background-image: url(//secure.kyoh.org/img/home/trackers.svg);
}

h3.network.dashIcon:after {
	background-color: #3dc5a8;
	background-image: url(//secure.kyoh.org/img/home/network.svg);
}

h3.network.dashIcon:after {
	background-color: #3dc5a8;
	background-image: url(//secure.kyoh.org/img/home/network.svg);
}

h3.community.dashIcon:after {
	background-color: #92c71d;
	background-image: url(//secure.kyoh.org/img/home/community.svg);
}

h3.goals.dashIcon:after {
	background-color: #c80017;
	background-image: url(//secure.kyoh.org/img/home/goals.svg);
}

h3.progress.dashIcon:after {
	background-color: #cb87ff;
	background-image: url(//secure.kyoh.org/img/home/notes.svg);
}

h3.privateNotes.dashIcon:after {
	background-color: #f00;
	background-image: url(//secure.kyoh.org/img/home/notes.svg);
}

h3.messages.dashIcon:after {
	background-color: #e6ae00;
	background-image: url(//secure.kyoh.org/img/home/messages.svg);
}

h3.webinar.dashIcon:after {
	background-color: #8401cf;
	background-image: url(//secure.kyoh.org/img/home/webinar.svg);
}

h3.questionnaire.dashIcon:after {
	background-color: #ca00c0;
	background-image: url(//secure.kyoh.org/img/home/wellbeing-snapshot.svg);
}

h3.elearning.dashIcon:after {
	background-color: #5900d1;
	background-image: url(//secure.kyoh.org/img/home/elearning.svg);
}

h3.calendar.dashIcon:after {
	background-color: #cba51e;
	background-image: url(//secure.kyoh.org/img/home/calendar.svg);
}

h3.assistant.dashIcon:after {
	background-color: #FF6D00;
	background-image: url(//secure.kyoh.org/img/home/concerns.svg);
}

h3.flag.dashIcon:after {
	background-color: #ef943b;
	background-image: url(//secure.kyoh.org/img/home/flag.svg);
}

.subcategorySubTitle {
	transition: 1s all;
}

.rightThird .subCategories li.urlOverride.hasImage.callToActionWithIntro .subcategoryHeading {
	display: block;
}

.rightThird .subCategories li.urlOverride.hasImage.callToActionWithIntro .subcategoryHeading .subcategoryTitle {
    display: none;
}

.subCategories > li a.subcategoryLink:hover,
.subCategories > li a.subcategoryLink:focus
{
    text-decoration: underline;
}

.sectionIntroduction
{
    padding: .15em 1em .6em 1em;
}

.rightThird .subCategories li.subCategoryCallToAction.subcategoryId13981 {
	/* color: #0082c0 !important; */
	background-color: #fff !important;
}

.rightThird .subCategories li.subCategoryCallToAction.subcategoryId13981 a {
	color: #0082c0 !important;
	/* background-color: #fff !important; */
}

.rightThird .subCategories li.subCategoryCallToAction.subcategoryId13981 a:after {
	border-color: transparent #0082c0 !important;
	/* background-color: #fff !important; */
}



.pseudoSubCategories
{
	display: flex;
	margin: .6em 0;
	gap: .6em;
}

.pseudoSubCategories > div
{
	flex: 1 1;
    border-width: 3px;
    border-color: #6ca836;
    border-style: solid;
	padding: .3em .6em;
}


.pseudoSubCategories > div h2
{
	font-size: 1.1em;
	margin: .15em 0;
}

.pseudoSubCategories > div h2 img
{
	float: right;
	max-width: 40%;
	height: auto;
	margin: 0 0 .15em .3em;
	border: 1px solid #ccc;
	transition: all 1s;
}

.pseudoSubCategories > div h2 a:hover img,
.pseudoSubCategories > div h2 a:focus img,
.pseudoSubCategories > div h2 a:active img
{
	border: 1px solid #0f6cb1;	
}

.pseudoSubCategories > div p
{
	margin: .15em 0;
	font-size: .9em;
}