/*General Styling CSS*/
.slidery ul {
	 display: flex;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 list-style-type: none;
}
/*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 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: -42px !important;
	 margin-top: 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.5s ease;
	 width:100px;
}
 .slidery li.active {
	 flex: 5;
	 background: #fff;
	 cursor: default;
}
 .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;
	 bottom: 10%;
	 font-weight: bold;
}
 .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;
}

/*End General Styling CSS*?

/*Field Styling CSS*/
.slidery li img {
	display: none;
}
.slidery li.active img {
	display: unset;
}
.slidery .section-content-wrapper {
	width: 100%;
}
.slidery .slider-accordion-image {
	width: 50%;
	float: left;
}
.slidery .section-content {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #502D0E;
	color: #ffffff;
}
.slidery .section-content-wrapper .slider-accordion-image {
	height: 100%;
}
.slidery .section-content-wrapper .slider-accordion-image div {
	width: 100%;
	height: 100%;
}
.slidery .section-content-wrapper .slider-accordion-image div img {
	width: 100% !important;
	height: 100% !important;
}

/*End Field Styling CSS*/

/*Mobile Queries*/
 @media screen and (max-width: 767px) {
.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 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;	
}
.slidery .slider-accordion-image {
	float: none !important;
	margin-bottom: -21px;
}

}
@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: 95%;
	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*/