﻿.accordion{  
    border-top: 1px solid #d6d4d5;
	margin-bottom: 60px;
    overflow: hidden;
    width: 100%;
}
.accordion .section > .accordion-control {
	display: flex;
}
.accordion .section > div { display: none; }
.accordion .section.open > div {display:block;}

.webp .accordion .section > .accordion-control > i  {
	background-image: url(/Style%20Library/img/sprites/phsSprites.webp);
}
.no-webp .accordion .section > .accordion-control > i  {
	background-image: url(/Style%20Library/img/sprites/phsSprites.png);
}

.accordion .section:not(.faq) {
	border: 1px solid #d6d4d5;
	border-top: none;
}
.accordion .section:not(.faq) > div {
	padding: 30px 20px 30px 15px;
}
.accordion .section:not(.faq) > h2 {  
    min-height: 30px;
    font-size: 1.125rem !important;
    text-transform: uppercase;
    font-weight: 400;
    color: #555151;
    padding: 11px 20px 9px 15px;
    cursor: pointer;
}
.accordion .section:not(.faq) > .accordion-control:hover,
.accordion .section.open:not(.faq) > .accordion-control {  
    background: #e6e7e8;
}

.accordion .section > .accordion-control > span {
	display: inline-block;
	line-height: 30px;
	width: calc(100% - 60px);
}

.accordion .section > .accordion-control > i {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-position: -413px -500px;
 /*   margin-bottom: -10px; */
    margin-right: 13px;
}
.accordion .section > .accordion-control:hover > i {
    background-position: -527px -556px;
}
.accordion .section.open > .accordion-control > i,
.accordion .section.open > .accordion-control:hover > i {
    background-position: -607px -379px;
}

.accordion .section.faq {
	margin-bottom: 0;	
}
.accordion .section.faq > div {  
	border-left: 2px solid #d6d4d5;
    margin: 12px 0 15px 10px;
    padding: 10px 0 5px 15px;
}

.accordion .section.faq > h3 {  
    font-size: 1.12rem;
    font-weight: 400;
    color: #555151;
    margin: 0 0 12px 0;
	cursor: pointer;
}
.accordion .section.faq > .accordion-control > span {
	vertical-align: text-top;
	width: calc(100% - 27px);
	min-height: 0;
	line-height: 1.2em;
}

.accordion .section.faq > .accordion-control > i {
    background-position: -592px -448px;
    width: 10px;
    height: 15px;
    margin-top: 2px;
    margin-right: 10px;
	margin-left: 5px;
}

.accordion .section.faq.open > .accordion-control > i {
    background-position: -592px -438px;
    height: 8px;
    width: 12px; 
    margin-right: 8px;  
    margin-top: 7px; 
}
