@charset "utf-8";
/* ============================================================
   Shop FAQs - accordion
   Shared by /shop-ice-online-guide/ and /shop/
   Content: page_include/txt_shop_faqs.php
   ============================================================ */

.faq-block {
	max-width:900px;
	margin:1.5em auto 2em;
	text-align:left;
}

.faq-item {
	border-bottom:1px solid rgba(201,162,78,0.28);
}
.faq-item:first-child {
	border-top:1px solid rgba(201,162,78,0.28);
}

/* --- question --- */
.faq-item > summary {
	display:block; /* removes the default disclosure marker */
	list-style:none;
	cursor:pointer;
	padding:1.5em 2.6em 2em 0;
	color:#F2E6AC;
	color: #CACAD9;
	font-family:Cinzel,"Times New Roman",Times,serif;
	font-size:1.1em;
	font-weight:500;
	line-height:140%;
	transition:color 0.2s linear;
}
.faq-item > summary::-webkit-details-marker { display:none; }
.faq-item > summary::marker { content:""; }
.faq-item > summary:hover { color:#FFF; }
.faq-item[open] > summary { color:#F2E6AC; }
.faq-item > summary:focus { outline:none; }
.faq-item > summary:focus-visible {
	outline:1px solid rgba(201,162,78,0.7);
	outline-offset:3px;
}

/* --- open / close indicator --- */
.faq-item > summary:after {
	content:"+";
	position:absolute;
	top:50%;
	right:0.1em;
	width:1em;
	margin-top:-0.7em;
	color:#C9A24E;
	font-family:Montserrat,Helvetica,Arial,Lucida,sans-serif;
	font-size:1.5em;
	font-weight:300;
	line-height:1;
	text-align:center;
	transition:color 0.2s linear;
}
.faq-item[open] > summary:after { content:"\2013"; }
.faq-item > summary:hover:after { color:#F2E6AC; }

/* --- answer --- */
.faq-answer {
	padding:0 2.6em 1.5em 0;
	color:#A7A7B7;
}
.faq-answer p,
.faq-answer ul,
.faq-answer ol {
	margin:0 0 0.9em;
	line-height:170%;
}
.faq-answer p:last-child,
.faq-answer ul:last-child,
.faq-answer ol:last-child { margin-bottom:0; }
.faq-answer strong {
	color:#CACAD9;
	font-weight:500;
}
.faq-answer a { color:#CACAD9; }
.faq-answer a:hover { color:#F2E6AC; }

/* ============================================================
   Responsive
   ============================================================ */
@media only screen and (max-width: 600px) {
	.faq-item > summary { padding:1em 2em 1em 0; font-size:1.05em; }
	.faq-item > summary:after { font-size:1.35em; }
	.faq-answer { padding:0 0 1.3em 0; }
}