/*General Styling CSS*/
.slidery {
	padding-bottom: 30px;
}
.slidery ul {
	 display: flex;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 list-style-type: none;
}
.slidery .section-title:hover {
	background-color: #FFD02D !important;
	cursor: pointer !important;
}
/*maximizing height css*/
/*.slidery ul {
	min-height: 100vh;
	max-height: 100vh;
}*/
/*end maximizing height css*/
/*Desktop Media Queries*/
 @media screen and (min-width: 768px) {
	 .slidery {
		 padding-bottom: 90px !important;
	 }
.slidery ul {
	min-height: 557px;
	max-height: 557px;
}
 .slidery li .section-content {
 	display: block !important;
 	padding-left: 5% !important;
	 padding-right: 5% !important;
	 padding-top: 12% !important;
	 padding-bottom: 12% !important;
 }
  .slidery li .section-title div {
  	 margin-left: -38px !important;
	 margin-top: 175px !important;
	 width: 175px !important;
  }
  .slidery li .section-title {
  	width: 60px !important;
  }
}
/*End Desktop Media Queries*/
 .slidery li {
	 flex: 1;
	 display: flex;
	 align-items: stretch;
	 /*padding: 20px;*/
	 cursor: pointer;
	 transition: all 0.2s ease;
	 width:100px;
}
 .slidery li.active {
	 flex: 5;
	 background: #fff;
	 cursor: pointer;
}
 .slidery li.active .section-title div {
	 color: #ffffff;
}
 .slidery li.active .section-content {
	 flex: 4;
	 opacity: 1;
	 transform: scaleX(1);
}
 .slidery li .section-title {
	 flex: 1;
	 display: flex;
	 align-items: center;
	 width: 100% !important;
	 min-width: 100px !important;
	 max-width: 100px !important;
	 margin: 0;
	 padding: 0;
	 text-align: center;
	 color: white;
}
 .slidery li .section-title div {
	 margin: 0;
	 transform: rotate(-90deg);
	 white-space: nowrap;
	 position: relative;
	 font-weight: bold;
}
@media screen and (min-width: 768px) {
	.slidery li .section-title {
		background-size: 24px;
		background-position-y: 50px;
	}
 .slidery li .section-title .field--name-field-slider-accordion-header {
	 font-size: 24px;
 }
}
@media screen and (max-width: 767px) {
	.slidery li .section-title {
		background-size: 18px;
	}
 .slidery li .section-title .field--name-field-slider-accordion-header {
	 font-size: 18px;
 }
}
@media screen and (min-width: 768px) {
 .slidery li .section-title div {
	 bottom: -5%;
 }
}
@media screen and (max-width: 767px) {
	 .slidery li .section-title div {
		 bottom: 15%;
	 }
}
 .slidery li .section-content {
	 flex: 1;
	 display: flex;
	 align-items: center;
	 margin: 0;
	 padding: 0;
	 opacity: 0;
	 transition: all 0.1s 0.1s ease-out;
	 padding: 20px;
}
.slidery .field--name-field-slider-accordion-link .field__item:not(:first-child) {
	padding-top: 15px;
}
/*End General Styling CSS*?

/*Field Styling CSS*/
.slidery li img {
	display: none;
}
.slidery li.active img {
	display: unset;
}
.slidery .section-content-wrapper {
	width: 100%;
	cursor: default;
}
.slidery .slider-accordion-image {
	width: 50%;
	float: left;
}
.slidery .section-content {
	width: 50%;
	height: 100%;
	float: left;
}
.slidery .slider-accordion-lehigh-yellow .section-content {
	background-color: #38210E;
	color: #ffffff;
}
.slidery .slidey:not(.slider-accordion-lehigh-yellow) {
	background-color: #ffffff;
	color: #000000;
}
.slidery .section-content-wrapper .slider-accordion-image {
	height: 100%;
}
.slidery .section-content-wrapper .slider-accordion-image div {
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 768px) {
.slidery .section-content-wrapper .slider-accordion-image div img {
	max-width: 100% !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
}
@media screen and (max-width: 767px) {
	.slidery .section-content-wrapper .slider-accordion-image div img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
/*End Field Styling CSS*/
/*Font CSS*/
.slidery .section-content .field--name-field-slider-accordion-content {
	font-family: 'Besley';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
}
@media screen and (max-width: 767px) {
.slidery .section-content .field--name-field-slider-accordion-content {
font-size: 16px;	
}
}
.slidery .section-content .field--name-field-slider-accordion-link a {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 3px;
}
.slidery .section-content .field--name-field-slider-accordion-link a:focus {
	text-decoration: underline !important;
}
/*End Font CSS*/
/*Mobile Queries*/
 @media screen and (max-width: 767px) {
	 .slidery {
		 padding-left: 0px !important;
		 padding-right: 0px !important;
		 margin-left: -15px !important;
		 margin-right: -15px !important;
	 }
.slidery ul {
	display: block;
	max-height: unset;
	min-height: unset;
}
.slidery li {
	display: block;
	width: 100%;
	height: 50px;
}
.slidery li .section-title {
	display: block;
}
.slidery li.active {
	height: 100%;
}
.slidery .active .section-title {
	padding-top: 0px;
}
.slidery .slidey:not(.active) .section-title {
	padding-top: 8px;
}
.slidery .slidey .section-title .field--name-field-slider-accordion-header {
	text-align: left;
	padding-left: 40px;
}
.slidery li .section-title div {
	transform: none;
}
.slidery .slider-accordion-image {
	width: 100%;
	float: none;
}
.slidery .section-content {
	width: 100%;
	float: none;
}
.slidery.slider-accordion-image div {
	width: 100%;
}
.slidery li .section-content {
display: block !important;	
padding-left: 30px !important;
padding-right: 30px !important;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.slidery .slider-accordion-image {
	float: none !important;
	margin-bottom: -21px;
}
.slidery li .section-title {
	max-width: 100% !important;
	min-width: 100% !important;
	border-right: none !important;
}
.slider-accordion-lehigh-yellow  .section-title {
	border-bottom: 1px solid #38210E;
}
.slidery .slider-accordion-section-link {
	padding-top: 30px;
}
}
@media (min-width: 560px) {
	.slidery .slider-accordion-image .field--type-image {
	float: none !important;
}
}
@media (min-width: 768px) {
	.slidery .slider-accordion-image .field--type-image {
	float: left !important;
}
}
/*End Mobile Queries*/

/*Extra Desktop Queries*/
 @media screen and (min-width: 768px) {
 .slidery li{
flex: unset;
}
}
/*End Extra Desktop Queries*/

/*Adding Icon*/
/*.slidey .section-title {
	background-image: url("/sites/www2/files/icons/plus_icon_white.png");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 20%;
}
 @media screen and (max-width: 767px) {
.slidey .section-title {
	background-position-x: 90%;
	background-position-y: center;
}*/
.slidery li .section-title div {
padding-top: 2%;
}
.slidery li .section-title {
height: 100%;
}
.slidey.active .section-title div {
	padding-bottom: 2%;
}
}
/*End adding icon*/
/*Hiding Border on active Slide on Desktop*/
 @media screen and (min-width: 768px) {
.slidery .active .section-title {
	border-right: none !important;
}
}
/*End Hiding Border on active Slide on Desktop*/
/*Section Link CSS*/
.slider-accordion-section-link a {
  color: #000000;
  font-weight: 500;
  text-decoration: none !important;
  border-bottom: 4px solid #FFE41E;
  font-size: 16px;
  padding-bottom: 3px;
}
.slider-accordion-section-link a:hover {
  font-weight: 550;
  color: #000000;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .slider-accordion-section-link {
    position: relative;
    text-align: right;
    padding-top: 30px;
  }
}
/*End section link CSS*/