/*-------------------TUTORIALS CONTENT----------------------*/

.wrapper{
	min-height:100%;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.faq-container{
	flex:1 1 auto;
}
.faq{
	max-width:1000px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
}
.faq-title{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.4em;
	font-weight:600;
	color:#038ece;
	line-height:30px;
	max-width:1300px;
	margin:0 auto;
	margin-top:50px;
}
.faq-subtitle{
	text-transform:uppercase;
	font-family: 'Nunito', sans-serif;
	font-size:1em;
	font-weight:700;
	color:#9c8b51;
	line-height:20px;
	margin-bottom:10px;
	margin-top:40px;
	letter-spacing: 1px;
}
.faq-row{
	display:flex;
	flex-direction:column;
}
#faq-last-row{
	margin-bottom:80px;
}
.faq-item{
	background-color:#f6f6f6;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
	box-shadow: 3px 3px 3px #e8e8e8;
}
.faq-question{
	font-family: 'Nunito', sans-serif;
	font-size:1.5em;
	font-weight:500;
	color: #49422a;
	line-height:30px;
	margin-bottom:0px;
	margin-right:55px;
}

.faq-answer{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color: #453931;
	line-height:20px;
    padding-top:20px;
   display: none; 
}

.cd-faq__item-visible.cd-faq__trigger+.faq-answer{
   display: block;
}



.cd-faq__trigger{
display:block;
position:relative;
margin:1.25em 0 0.5em;
margin:var(--space-md) 0 var(--space-xs);
color:hsl(73, 46%, 55%);
color:var(--cd-color-2);
}

.cd-faq__trigger::before,.cd-faq__trigger::after{
content:'';
position:absolute;
right:24px;
top:50%;
height:2px;
width:13px;
background:#b7b7b3;
/*-webkit-backface-visibility:hidden;
backface-visibility:hidden;*/
transition:-webkit-transform .2s;
transition:transform .2s;
transition:transform .2s, -webkit-transform .2s;
}
.cd-faq__trigger::before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
right:32px;
}
.cd-faq__trigger::after{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}


.cd-faq__item-visible.cd-faq__trigger::before{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.cd-faq__item-visible.cd-faq__trigger::after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}