/* Shortcode styles from the 2018 Safir Kurumsal style.php; site colour #691919 */
.descriptionbox { border-radius: 3px; overflow: hidden; margin-bottom: 10px; color: #fff; background-size: cover !important; text-shadow: 0 0 4px rgba(0, 0, 0, .5); }
.descriptionbox.coffee { background: url(img/coffee.jpg) 50% 50%; }
.descriptionbox.desk { background: url(img/desk.jpg) 50% 50%; }
.descriptionbox.environment { background: url(img/environment.jpg) 50% 50%; }
.descriptionbox.flowers { background: url(img/flowers.jpg) 50% 50%; }
.descriptionbox.notes { background: url(img/notes.jpg) 50% 50%; }
.descriptionbox.question { background: url(img/question.jpg) 50% 50%; }
.descriptionbox.railways { background: url(img/railways.jpg) 50% 50%; }
.descriptionbox.buildings { background: url(img/buildings.jpg) 50% 50%; }
.descriptionbox.sky { background: url(img/sky.jpg) 50% 50%; }
.descriptionbox .inner { padding: 3%; overflow: hidden; background: rgba(105, 25, 25, .85) url(img/pattern1.png); }
.descriptionbox .icon { display: block; float: left; width: 75px; height: 75px; margin-right: 10px; }
.descriptionbox .icon svg { width: 75px; height: 75px; fill: currentColor; }
.descriptionbox .header { font-size: 16px; font-weight: 500; color: #fff; }
.descriptionbox .content { text-align: left; line-height: 1.5; color: #fff; }
.safir-faq { margin-bottom: 10px; }
.safir-faq .question { cursor: pointer; background: #f4f4f4; border-radius: 3px; padding: 10px 30px; color: #691919; font-weight: 500; position: relative; }
.safir-faq .question.active { background: #e4e4e4; }
.safir-faq .question .text { line-height: 16px; display: block; }
.safir-faq .icon { position: absolute; top: 10px; width: 16px; height: 16px; }
.safir-faq .icon svg { width: 16px; height: 16px; fill: currentColor; }
.safir-faq .question > .icon { left: 10px; }
.safir-faq .toggle .icon { right: 10px; color: #1bbc9b; }
.safir-faq .toggle .icon + .icon, .safir-faq .active .toggle .icon:first-child { display: none; }
.safir-faq .active .toggle .icon + .icon { display: block; }
.safir-faq .answer { display: none; margin: 10px 0 0 30px; }
.safir-faq .question.active + .answer { display: block; }