/* Minimal stand-in for the Shortcodes Ultimate plugin styles used on the ARDEX pages. */
.su-spacer { display: block; clear: both; }
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler { margin-bottom: .5em; }
.su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; }
.su-spoiler-title > h4, .su-spoiler-title > p { margin: 0; line-height: inherit; }
.su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; }
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-content { padding: 14px; transition: padding-top .2s; }
.su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0 !important; overflow: hidden; border: none; opacity: 0; }
.su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; }
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; border-radius: 3px; }
.su-box-title { display: block; padding: .5em 1em; font-weight: bold; font-size: 1.1em; }
.su-box-content { padding: 1em; }
.su-u-clearfix::after { content: ""; display: table; clear: both; }
.su-button { display: inline-block; padding: 8px 18px; border-radius: 4px; text-decoration: none !important; margin: 0 0 10px; }
.su-youtube { margin: 0 0 1.5em; }
.su-u-responsive-media-yes { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.su-u-responsive-media-yes iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }