/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 10, 2020, 12:17:36 AM
    Author     : whist
*/
/*standar elements*****************************/
.h1, h1 {
	font-size: 1.675rem;
}
.h2, h2 {
	font-size: 1.5rem;
        color: #016363;
}

.h3, h3 {
	font-size: 1.4rem;

}

.h4, h4 {
	font-size: 1.3rem;
	font-style: italic;
}
/*ck-editor styles synchronize with ckedit.css****/
.cher-teal {color:#016363;}
.cher-red {color:#EE4523;}
.cher-green {color:#83A43E;}
.cher-orange {color:#FAA819;}
.footnote {font-size: smaller;}


/*************************************************/


.button {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 4px 1.5em;
	cursor: pointer;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	text-align: center;
	text-decoration: none;
	color: #333;
	border: 1px solid #a6a6a6;
	border-radius: 20em;
	background-color: #f2f1eb;
	background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
	background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
	text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-font-smoothing: antialiased;
}

/*navigation*****************************/
.navbar-brand {
	position: absolute;
        z-index: 9;
        font-weight: 900;
        box-shadow: 0 0 15px 15px rgba(255, 255, 255,.7);
        background-color: rgba(255,255,255,.7);
        border-radius: 10px;
        max-width: 35%;
        font-size: 1.4vw;
}
.navbar-brand img {
	max-width: 150px;
	width: 18%;
}
#navbar-main {
        align-items: inherit;
}

.navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
}
.nav-item{
    margin-right: .7em;
}
/***********************
CHER Logo color line
***********************/
div.cher-color-line{
width:100%;
margin:6px 0;
height:12px;}
div.cher-color-line>div{
float:left;
height:100%;
margin:0 .5% 0 0;
}
div.cher-color-line>div:last-child{
float:right;
margin:0;
}
div.cher-color-line>div:nth-child(9n+1){width:5%; }
div.cher-color-line>div:nth-child(9n+2){width:14%;}
div.cher-color-line>div:nth-child(9n+3){width:7%;}
div.cher-color-line>div:nth-child(9n+4){width:16%;}
div.cher-color-line>div:nth-child(9n+5){width:11%;}
div.cher-color-line>div:nth-child(9n+6){width:4%;}
div.cher-color-line>div:nth-child(9n+7){width:14%;}
div.cher-color-line>div:nth-child(9n+8){width:7%;}
div.cher-color-line>div:nth-child(9n){width:18%;}

.cher-colors:nth-child(4n+1){background-color:#016363;}
.cher-colors:nth-child(4n+2){background-color:#EE4523;}
.cher-colors:nth-child(4n+3){background-color:#83A43E;}
.cher-colors:nth-child(4n){background-color:#FAA819;}
/* Jumbotron Appearance*/

.view.jumbotron{
    padding: 0 0;
    background-color: #fff;
}

.jumbotron .slide {
    overflow: hidden;
    height: 25vw;
}
.jumbotron .field__item{
    max-height: calc(100vw / 4);
    overflow: hidden; 
}
.jumbotron .field__item video, .jumbotron .field__item img{
    width: calc(100vw - 15px);
    height: auto;
}
/*sloves problem where slider grows exponentialy in flex containers  */
.slick {
	max-width: 99.8vw; /*FIX THIS: setting value to 100vw causes tiny horizontal scroll*/
}
.slick, .slick * {
	min-width: 0;
	min-height: 0;
}

.jumbotron .slick-dots {
	bottom: 0px;
}
.jumbotron .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.jumbotron .slide__caption {
	padding: 0px;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
	text-align: center;
	display: inline-block;
	width: 100%;
}
.jumbotron .media-credit, .jumbotron .media-link, .jumbotron .media-caption {
	display: none;
}
/*taxonomy index*/
.page-view-taxonomy-term .block-page-title-block {
	display: none;
}
.topic-index .field--name-title {
	font-size: 1.2rem;
}

/*Hamburger menu button*/
.cher-menu {
	  position: relative;
	  top: 0;
	  left: 0;
	  background-color: transparent;
	  height: 50px;
	  width: 50px;
	  cursor: pointer;
	  transition: 0.3s;
	  z-index: 9999;
          display:none;
	}
	.cher-menu span {
	  position: absolute;
	  height: 3px;
	  width: 25px;
	  background-color: #fff;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%);
	  transition: 0.3s;
	}
	.cher-menu span:before {
	  content: '';
	  position: absolute;
	  top: -8px;
	  background-color: #fff;
	  height: 3px;
	  width: 25px;
	  transition: 0.3s;
	}
	.cher-menu span:after {
	  content: '';
	  position: absolute;
	  top: 8px;
	  background-color: #fff;
	  height: 3px;
	  width: 25px;
	  transition: 0.3s;
	}
	.cher-menu.active span { background-color: transparent; }
	.cher-menu.active span:before { transform: rotate(45deg);top: 0; }
	.cher-menu.active span:after { transform: rotate(-45deg);top: 0; }

        
        nav#block-secondarymenu {
	  background-color: #fafafa;
	  position: absolute;
	  top: 50px;
	  left: 0;
	  width: 100%;
	  height: 50px;
	  transform: translateX(-100%);
	  transition: 0.5s;
	}
	nav#block-secondarymenu.active { transform: translateX(0);transition: 0.5s; z-index: 9;}
	nav#block-secondarymenu>ul  { padding: 0;
               margin: 0;
               text-align: left; 
               background-color: #fff;
               padding-left: 2%
        }
	nav#block-secondarymenu li { display: block; }
	 
	nav#block-secondarymenu li a {
	  color: #262626;
	  display: block;
	  font-size: .8rem;
	  height: 50px;
	  line-height: 50px;
	  padding: 0 20px;
	  letter-spacing: 1px;
	  text-decoration: none;
	  transition: 0.5s;
	}
	nav#block-secondarymenu>ul:hover, nav#block-secondarymenu li a:hover { border-left: darkorange thin solid;
                color: #262626;transition: 0.5s; }
 
 /*Account Page ************************************/
 .view-reference-list div.views-field,.view-reference-list .list-group,.view-reference-list .list-group-item {
    display: inline-block;
    padding-right: 5px;
}
.crm-container .crm-section, .crm-container div.crm-field-wrapper {
    margin-bottom: .15em;
    border-bottom: lightgray thin solid;
}
.crm-container .crm-section .label {
    float: left;
    width: 25%;
    text-align: right;
    font-size: smaller;
}
.crm-container .crm-section .content {
    margin-left: 27%;
    font-size: smaller;
    font-weight: bold;
}
article.profile H2, article.profile H3{
    font-size: large;
}
article.profile a, article.profile .link {
    color: #bc3f02;
}
.profile-image img {
	max-width: 25vw;
	width: 150px;
}


 /*FORMS ************************************/
.webform-submission-form legend {
	width: auto;
	font-size: 1rem;
}
.form--inline fieldset fieldset {
    margin-bottom: 0;
} /*prevent nested fieldsets from taking extra space*/

/*.inline-short-date, .inline-number{
    width: 48%;
    display: inline-block;
}*/

h2.link {
	font-weight: normal;
	font-size: 16px !important;
	font-family: "Lato", arial, sans-serif;
	cursor: pointer;
	display: inline;
} /*make collapsible form titles appear as links*/

/***************Login Box**************/
#fancy-login-user-login-form .item-list {
    display: none;
}


/********************jQuery UI tabs like buttons************************/
.tabs-buttons.ui-widget.ui-widget-content {
	border: none;
}

.tabs-buttons h3 {
	font-size: 1.2em;
	font-family: "Lato", arial, sans-serif;
}

.tabs-buttons .ui-tabs-nav { 
    padding: 0em; 
    background: transparent; 
    border-width: 0px; 
} 
.tabs-buttons .ui-tabs-nav li,
.view-tabbed-pages .nav-tabs>li.nav-item { 
    position: static; 
    margin: 0px; 
    border-bottom: 5px solid; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.tabs-buttons .ui-tabs-nav li:first-child { 
    -moz-border-radius: 6px 0px 0px 6px; 
    -webkit-border-radius: 6px 0px 0px 6px; 
    border-radius: 6px 0px 0px 6px; 
} 
.tabs-buttons .ui-tabs-nav li:last-child { 
    -moz-border-radius: 0px 6px 6px 0px; 
    -webkit-border-radius: 0px 6px 6px 0px; 
    border-radius: 0px 6px 6px 0px; 
} 
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: hsl(0, 0%, 100%);
}

.tabs-buttons.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
ul.nav-tabs li.nav-item a{
    color: black;
    font-weight: bold;}

.tabs-buttons.ui-tabs .ui-tabs-nav>li:nth-child(4n+1) {border-bottom-color:hsl(180, 98%, 20%);}
.tabs-buttons.ui-tabs .ui-tabs-nav>li:nth-child(4n+2) {border-bottom-color:hsl(10, 86%, 54%);}
.tabs-buttons.ui-tabs .ui-tabs-nav>li:nth-child(4n+3) {border-bottom-color:hsl(79, 45%, 44%);}
.tabs-buttons.ui-tabs .ui-tabs-nav>li:nth-child(4n) {border-bottom-color:hsl(38, 96%, 54%);}

/**Boottrap tabs*********/

.view-tabbed-pages .nav-tabs>li.nav-item:nth-child(4n+1) {border-bottom-color:hsl(180, 98%, 20%);}
.view-tabbed-pages .nav-tabs>li.nav-item:nth-child(4n+2) {border-bottom-color:hsl(10, 86%, 54%);}
.view-tabbed-pages .nav-tabs>li.nav-item:nth-child(4n+3) {border-bottom-color:hsl(79, 45%, 44%);}
.view-tabbed-pages .nav-tabs>li.nav-item:nth-child(4n) {border-bottom-color:hsl(38, 96%, 54%);}

.node--type-tabbed-page > header {
	display: none;
}

.view-tabbed-pages .nav-tabs > li.nav-item:hover {
	background-color: #ededed;
	border-bottom-width: 7px;
}
.view-tabbed-pages .nav-tabs > li.nav-item:active {
	background-color: #ffffff;
}
.view-tabbed-pages .nav-tabs > li.nav-item {
	background-color: #f6f6f6;
}
/*****************Bootstrap Accordions **********************************/

.cher-accordion-view .card:nth-of-type(4n+1) .btn-link,
.accordion-item:nth-of-type(4n+1) .accordion-button {border-left-color: #016363;}
.cher-accordion-view .card:nth-of-type(4n+2) .btn-link,
.accordion-item:nth-of-type(4n+2) .accordion-button {border-left-color: #EE4523;}
.cher-accordion-view .card:nth-of-type(4n+3) .btn-link,
.accordion-item:nth-of-type(4n+3) .accordion-button {border-left-color: #83A43E;}
.cher-accordion-view .card:nth-of-type(4n) .btn-link,
.accordion-item:nth-of-type(4n) .accordion-button {border-left-color: #FAA819;}

.cher-accordion-view .btn-link:not(.collapsed),
.accordion-item .accordion-button:not(.collapsed) {
	color: black;
	background: beige;
	border-left-style: solid;
        border-left-width: 14px;
}
.cher-accordion-view .btn-link.collapsed,
.accordion-item .accordion-button.collapsed {
	color: black;
	background: white;
	border-left-style: solid;
        border-left-width: 10px;
}



/******************************** site footer****************************/
.region-footer-fourth{
 right: -60%;   
}
#CHER-contact-footer .item {
	float: left;
	padding-right: 2em;
}
#CHER-contact-footer .logo {
	height: left;
	padding-right: 2em;
}
.logo img {
	height: 80px;
	width: auto !important;
}
.region-footer-fourth {
    width: 100%;
}





/***************************************************************************/
/****Partner Data Portal***********/
/***********CWP**********/
/*CWP pages*/
div.cwp-dashboard {
    margin-bottom: 15px;
    border-bottom: solid 3px darkblue;
    position: relative;
}
.cwp-dashboard h2 {
	font-size: 1.1rem;
	font-weight: bold;
}
.cwp-dashboard, .cwp-dashboard legend, .cwp-dashboard label {
	font-size: .8rem;
}
.cwp-dashboard .view {
    max-width: 100%;
}
.cwp-dashboard .view-header {
	float: left;
	margin-right: 50px;
}
.cwp-dashboard .view-filters {
    background: #fff;
    top: 0;
}
.cwp-dashboard .view th{
border-bottom: #e00025 solid;
background-color: rgb(0,20,155);
color: #fff;
}
.cwp-dashboard .view th a{
color: #fff;
}

.cwp-dashboard .button
{
    color: #008080;
    border: darkgray solid thin;
        border-bottom-width: thin;
        border-left-width: thin;
    border-radius: 5px;
    padding: .2em;
    background-color: beige;
    border-bottom-width: 2px;
    border-left-width: 3px;
}
.cwp-dashboard .button:active
{
    border-bottom-width: 1px;
    border-left-width: 2px;
}
.cwp-dashboard .view .feed-icon{
    position: absolute;
    top: 20px;
    right: 30px;
}
.cwp-dashboard tr, .cwp-dashboard td, .cwp-dashboard th {
    padding: 0;
    border: 0 solid #fff;
    font-size: .7rem;
}
.cwp-dashboard .view-content.row{
	overflow-y: auto;
	max-height: 500px;
}

.node--type-dashboard h2 {
    font-size: 1em;
}
.node--type-dashboard .ui-accordion-header {
    font-size: .8em;
}
.node--type-dashboard .item-list {
	width: 85%;
}
.node--type-dashboard .item-list ul{
	padding: .8em 1em;
	border-top: 0;
	overflow: auto;
	font-size: small;
}

.view-cwp-session-summaries div.view-content {
	max-height: 750px;
	overflow: scroll;
	width: 95%;
	margin-left: auto;
	border: darkgray solid thin;
	padding: 15px;
}
/*****************************************************************
*****                  Articles                              *****
***************************************************************/
.node--promoted.node--sticky {
	border: solid 10px teal;
}
 
/******************************************/

.ui-widget-content a {
 color: rgb(0, 102, 204);
}

/*************************TEMP FIX FOR ALERT************/
.alert-wrapper {
	display: none;
}
/*******************SimpleLogin Form***************/
.simplelogin-form input[type="submit"], .simplelogin-form button.form-submit{
color:#008080;
}
.simplelogin-form .forgot-password{
display:none;
}