.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
* HTML5 display definitions
* ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices */
audio:not([controls]) {
display: none;
height: 0;
}
/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support */
[hidden] {
display: none;
}
/* =============================================================================
* Base
* ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
font-family: sans-serif;
}
/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button,
input,
select,
textarea {
font-family: sans-serif;
}
/* Addresses margins handled incorrectly in IE6/7 */
body {
margin: 0;
}
/* =============================================================================
* Links
* ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
* Typography
* ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
border-bottom: 1px dotted;
}
/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/* Addresses styling not present in S5, Chrome */
dfn {
font-style: italic;
}
/* Addresses styling not present in IE6/7/8/9 */
mark {
background: yellow;
color: black;
}
/* Addresses margins set differently in IE6/7 */
p {
margin: 1em 0;
}
pre {
margin: 1em 0;
font-family: monospace, serif;
_font-family: "courier new", monospace;
font-size: 1em;
}
/* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: "courier new", monospace;
font-size: 1em;
}
/* Improves readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4 */
/* 1 */
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
/* 2 */
small {
font-size: 75%;
}
/* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930 */
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.25em;
}
sub {
bottom: -0.2em;
}
/* =============================================================================
* Lists
* ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/* Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
* Embedded content
* ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
* Figures
* ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
margin: 0;
}
/* =============================================================================
* Forms
* ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
/* Define consistent border, margin, and padding */
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7 */
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
line-height: normal;
/* 1 */
}
/* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6 */
button {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
}
/* Re-set default cursor for disabled elements */
button[disabled] {
cursor: default;
}
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
* Known issue: excess padding remains in IE6 */
/* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
/* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers */
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* =============================================================================
* Tables
* ========================================================================== */
/* Remove most spacing between table cells */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ===========================================
* Icon classes
* ======================================== */
.icon-3d:before {
content: "\e150";
}
.icon-addressbook:before {
content: "\e001";
}
.icon-airplane:before {
content: "\e002";
}
.icon-amazon:before {
content: "\e004";
}
.icon-amazon-2:before {
content: "\e003";
}
.icon-ampersand:before {
content: "\26";
}
.icon-anchor:before {
content: "\e005";
}
.icon-android:before {
content: "\e006";
}
.icon-aperture:before {
content: "\e007";
}
.icon-apple:before {
content: "\e008";
}
.icon-arrow-2-down:before {
content: "\e009";
}
.icon-arrow-2-left:before {
content: "\e00a";
}
.icon-arrow-2-right:before {
content: "\e00b";
}
.icon-arrow-2-up:before {
content: "\e00c";
}
.icon-arrow-3-down:before {
content: "\2193";
}
.icon-arrow-3-down-left:before {
content: "\e00d";
}
.icon-arrow-3-down-right:before {
content: "\e00e";
}
.icon-arrow-3-left:before {
content: "\2190";
}
.icon-arrow-3-right:before {
content: "\2192";
}
.icon-arrow-3-up:before {
content: "\2191";
}
.icon-arrow-3-up-left:before {
content: "\e00f";
}
.icon-arrow-3-up-right:before {
content: "\e010";
}
.icon-arrow-4-down:before {
content: "\e011";
}
.icon-arrow-4-left:before {
content: "\e012";
}
.icon-arrow-4-right:before {
content: "\e013";
}
.icon-arrow-4-up:before {
content: "\e014";
}
.icon-arrow-5-down:before {
content: "\e015";
}
.icon-arrow-5-first:before {
content: "\e016";
}
.icon-arrow-5-last:before {
content: "\e017";
}
.icon-arrow-5-left:before {
content: "\e018";
}
.icon-arrow-5-right:before {
content: "\e019";
}
.icon-arrow-5-up:before {
content: "\e01a";
}
.icon-arrow-down:before {
content: "\e01d";
}
.icon-arrow-down-left:before {
content: "\e01b";
}
.icon-arrow-down-right:before {
content: "\e01c";
}
.icon-arrow-left:before {
content: "\e01e";
}
.icon-arrow-right:before {
content: "\e01f";
}
.icon-arrow-up:before {
content: "\e022";
}
.icon-arrow-up-left:before {
content: "\e020";
}
.icon-arrow-up-right:before {
content: "\e021";
}
.icon-at:before {
content: "\40";
}
.icon-award:before {
content: "\e023";
}
.icon-backspace:before {
content: "\e024";
}
.icon-baidu:before {
content: "\e025";
}
.icon-bars:before {
content: "\e026";
}
.icon-basket:before {
content: "\e027";
}
.icon-beaker:before {
content: "\e028";
}
.icon-bell:before {
content: "\e029";
}
.icon-binoculars:before {
content: "\e02a";
}
.icon-blogger:before {
content: "\e02c";
}
.icon-blogger-2:before {
content: "\e02b";
}
.icon-bluetooth:before {
content: "\e02d";
}
.icon-bolt:before {
content: "\2301";
}
.icon-bolt-2:before {
content: "\e02e";
}
.icon-book:before {
content: "\e031";
}
.icon-book-2:before {
content: "\e02f";
}
.icon-book-3:before {
content: "\e030";
}
.icon-bookmark:before {
content: "\e032";
}
.icon-box:before {
content: "\e033";
}
.icon-brush:before {
content: "\e034";
}
.icon-calc:before {
content: "\e035";
}
.icon-calendar:before {
content: "\e037";
}
.icon-calendar-stroke:before {
content: "\e036";
}
.icon-camera:before {
content: "\e038";
}
.icon-cart:before {
content: "\e03a";
}
.icon-cart-2:before {
content: "\e039";
}
.icon-case:before {
content: "\e03b";
}
.icon-cc:before {
content: "\e03c";
}
.icon-cd:before {
content: "\e03d";
}
.icon-chart:before {
content: "\25d5";
}
.icon-chart-down:before {
content: "\e03f";
}
.icon-chart-down-2:before {
content: "\e03e";
}
.icon-chart-up:before {
content: "\e041";
}
.icon-chart-up-2:before {
content: "\e040";
}
.icon-chat:before {
content: "\e043";
}
.icon-chat-stroke:before {
content: "\e042";
}
.icon-check:before {
content: "\2713";
}
.icon-check-2:before {
content: "\e044";
}
.icon-check-3:before {
content: "\2714";
}
.icon-chrome:before {
content: "\e045";
}
.icon-clef:before {
content: "\e047";
}
.icon-clef-2:before {
content: "\e046";
}
.icon-clipboard:before {
content: "\e048";
}
.icon-clock:before {
content: "\e049";
}
.icon-cloud:before {
content: "\2601";
}
.icon-cloud-download:before {
content: "\e04a";
}
.icon-cloud-upload:before {
content: "\e04b";
}
.icon-code:before {
content: "\e04c";
}
.icon-coffee:before {
content: "\e04d";
}
.icon-cog:before {
content: "\2699";
}
.icon-cogs:before {
content: "\e04e";
}
.icon-command:before {
content: "\e04f";
}
.icon-comment:before {
content: "\e053";
}
.icon-comment-2:before {
content: "\e051";
}
.icon-comment-2-stroke:before {
content: "\e050";
}
.icon-comment-stroke:before {
content: "\e052";
}
.icon-cone:before {
content: "\e055";
}
.icon-cone-2:before {
content: "\e054";
}
.icon-contao:before {
content: "\e056";
}
.icon-contrast:before {
content: "\e057";
}
.icon-creditcard:before {
content: "\e059";
}
.icon-creditcard-2:before {
content: "\e058";
}
.icon-css3:before {
content: "\e05a";
}
.icon-cursor:before {
content: "\2196";
}
.icon-curved-arrow:before {
content: "\e05b";
}
.icon-delicious:before {
content: "\e05c";
}
.icon-denied:before {
content: "\2298";
}
.icon-deviantart:before {
content: "\e05e";
}
.icon-deviantart-2:before {
content: "\e05d";
}
.icon-direction:before {
content: "\e05f";
}
.icon-document:before {
content: "\e06a";
}
.icon-document-add:before {
content: "\e060";
}
.icon-document-css:before {
content: "\e061";
}
.icon-document-excel:before {
content: "\e062";
}
.icon-document-openoffice:before {
content: "\e063";
}
.icon-document-pdf:before {
content: "\e064";
}
.icon-document-powerpoint:before {
content: "\e065";
}
.icon-document-remove:before {
content: "\e066";
}
.icon-document-word:before {
content: "\e067";
}
.icon-document-xml:before {
content: "\e068";
}
.icon-document-zip:before {
content: "\e069";
}
.icon-documents:before {
content: "\e06c";
}
.icon-documents-2:before {
content: "\e06b";
}
.icon-download:before {
content: "\e06d";
}
.icon-download-2:before {
content: "\2913";
}
.icon-dribbble:before {
content: "\e06f";
}
.icon-dribbble-2:before {
content: "\e06e";
}
.icon-dropbox:before {
content: "\e070";
}
.icon-eject:before {
content: "\23cf";
}
.icon-ember:before {
content: "\e071";
}
.icon-equalizer:before {
content: "\e072";
}
.icon-external:before {
content: "\e151";
}
.icon-eye:before {
content: "\e073";
}
.icon-eyedropper:before {
content: "\e074";
}
.icon-facebook:before {
content: "\e076";
}
.icon-facebook-2:before {
content: "\e075";
}
.icon-fan:before {
content: "\e077";
}
.icon-fax:before {
content: "\e078";
}
.icon-feed:before {
content: "\e07a";
}
.icon-feed-2:before {
content: "\e079";
}
.icon-female:before {
content: "\e07b";
}
.icon-firefox:before {
content: "\e07c";
}
.icon-firewire:before {
content: "\e07d";
}
.icon-first:before {
content: "\21e4";
}
.icon-flag:before {
content: "\e07f";
}
.icon-flag-2:before {
content: "\e07e";
}
.icon-flickr:before {
content: "\e081";
}
.icon-flickr-2:before {
content: "\e080";
}
.icon-floppy:before {
content: "\e082";
}
.icon-folder:before {
content: "\e083";
}
.icon-folders:before {
content: "\e084";
}
.icon-font:before {
content: "\e086";
}
.icon-font-2:before {
content: "\e085";
}
.icon-fork:before {
content: "\2443";
}
.icon-forrst:before {
content: "\e088";
}
.icon-forrst-2:before {
content: "\e087";
}
.icon-fullscreen:before {
content: "\e08a";
}
.icon-fullscreen-exit:before {
content: "\e089";
}
.icon-funnel:before {
content: "\e08b";
}
.icon-gallery:before {
content: "\e08c";
}
.icon-game:before {
content: "\e08d";
}
.icon-git:before {
content: "\e090";
}
.icon-git-2:before {
content: "\e08e";
}
.icon-git-3:before {
content: "\e08f";
}
.icon-github:before {
content: "\e093";
}
.icon-github-2:before {
content: "\e091";
}
.icon-github-cat:before {
content: "\e092";
}
.icon-glasses:before {
content: "\e094";
}
.icon-globe:before {
content: "\e095";
}
.icon-gplus:before {
content: "\e098";
}
.icon-gplus-2:before {
content: "\e096";
}
.icon-gplus-3:before {
content: "\e097";
}
.icon-grid:before {
content: "\e09a";
}
.icon-grid-2:before {
content: "\e099";
}
.icon-hash:before {
content: "\23";
}
.icon-hd:before {
content: "\e09b";
}
.icon-headphones:before {
content: "\e09c";
}
.icon-heart:before {
content: "\e09e";
}
.icon-heart-stroke:before {
content: "\e09d";
}
.icon-heartbeat:before {
content: "\e09f";
}
.icon-help:before {
content: "\e0a0";
}
.icon-home:before {
content: "\2302";
}
.icon-home-2:before {
content: "\e0a1";
}
.icon-html5:before {
content: "\e0a3";
}
.icon-html5-stroke:before {
content: "\e0a2";
}
.icon-ie:before {
content: "\e0a4";
}
.icon-infinity:before {
content: "\e0a5";
}
.icon-info:before {
content: "\2139";
}
.icon-info-2:before {
content: "\e0a6";
}
.icon-instagram:before {
content: "\e152";
}
.icon-ipad:before {
content: "\e0a7";
}
.icon-iphone:before {
content: "\e0a8";
}
.icon-ipod:before {
content: "\e0a9";
}
.icon-key:before {
content: "\e0ab";
}
.icon-key-stroke:before {
content: "\e0aa";
}
.icon-laptop:before {
content: "\e0ad";
}
.icon-laptop-2:before {
content: "\e0ac";
}
.icon-last:before {
content: "\21e5";
}
.icon-lastfm:before {
content: "\e0af";
}
.icon-lastfm-2:before {
content: "\e0ae";
}
.icon-layers:before {
content: "\e0b0";
}
.icon-leave:before {
content: "\e0b1";
}
.icon-left-quote:before {
content: "\201c";
}
.icon-left-quote-2:before {
content: "\e0b2";
}
.icon-like:before {
content: "\e0b3";
}
.icon-link:before {
content: "\e0b5";
}
.icon-link-2:before {
content: "\e0b4";
}
.icon-linkedin:before {
content: "\e0b6";
}
.icon-list:before {
content: "\e0b8";
}
.icon-list-2:before {
content: "\e0b7";
}
.icon-load-0:before {
content: "\e0b9";
}
.icon-load-1:before {
content: "\e0ba";
}
.icon-load-2:before {
content: "\e0bb";
}
.icon-load-3:before {
content: "\e0bc";
}
.icon-load-4:before {
content: "\e0bd";
}
.icon-load-5:before {
content: "\e0be";
}
.icon-load-6:before {
content: "\e0bf";
}
.icon-load-7:before {
content: "\e0c0";
}
.icon-lock:before {
content: "\e0c3";
}
.icon-lock-2:before {
content: "\e0c1";
}
.icon-lock-stroke:before {
content: "\e0c2";
}
.icon-loop:before {
content: "\27f3";
}
.icon-loop-double:before {
content: "\e0c4";
}
.icon-loop-left:before {
content: "\e0c6";
}
.icon-loop-left-2:before {
content: "\e0c5";
}
.icon-loop-right:before {
content: "\e0c8";
}
.icon-loop-right-2:before {
content: "\e0c7";
}
.icon-magnifying-glass:before {
content: "\e0cb";
}
.icon-magnifying-glass-2:before {
content: "\e0c9";
}
.icon-magnifying-glass-3:before {
content: "\e0ca";
}
.icon-mail:before {
content: "\2709";
}
.icon-mail-2:before {
content: "\e0cc";
}
.icon-mail-3:before {
content: "\e0cd";
}
.icon-mail-stroke:before {
content: "\e0ce";
}
.icon-male:before {
content: "\e0cf";
}
.icon-map-pin:before {
content: "\e0d3";
}
.icon-map-pin-2:before {
content: "\e0d1";
}
.icon-map-pin-2-stroke:before {
content: "\e0d0";
}
.icon-map-pin-stroke:before {
content: "\e0d2";
}
.icon-megaphone:before {
content: "\e0d4";
}
.icon-mic:before {
content: "\e0d6";
}
.icon-mic-2:before {
content: "\e0d5";
}
.icon-minus:before {
content: "\2212";
}
.icon-minus-2:before {
content: "\2296";
}
.icon-monitor:before {
content: "\e0d7";
}
.icon-moon:before {
content: "\e0d8";
}
.icon-moon-stroke:before {
content: "\263e";
}
.icon-mouse:before {
content: "\e0d9";
}
.icon-move:before {
content: "\e0da";
}
.icon-move-horizontal:before {
content: "\2194";
}
.icon-move-vertical:before {
content: "\2195";
}
.icon-movie:before {
content: "\e0db";
}
.icon-new-window:before {
content: "\e0dc";
}
.icon-news:before {
content: "\e0dd";
}
.icon-opera:before {
content: "\e0de";
}
.icon-paperclip:before {
content: "\e0df";
}
.icon-paperplane:before {
content: "\e0e0";
}
.icon-pause:before {
content: "\e0e2";
}
.icon-pause-2:before {
content: "\e0e1";
}
.icon-pen:before {
content: "\270f";
}
.icon-pen-2:before {
content: "\e0e4";
}
.icon-pen-2-stroke:before {
content: "\e0e3";
}
.icon-pen-3:before {
content: "\e0e5";
}
.icon-phone:before {
content: "\e0e8";
}
.icon-phone-2:before {
content: "\e0e6";
}
.icon-phone-mobile:before {
content: "\e0e7";
}
.icon-picasa:before {
content: "\e0ea";
}
.icon-picasa-2:before {
content: "\e0e9";
}
.icon-pilcrow:before {
content: "\b6";
}
.icon-pin:before {
content: "\e0eb";
}
.icon-pinterest:before {
content: "\e0ed";
}
.icon-pinterest-2:before {
content: "\e0ec";
}
.icon-play:before {
content: "\25b6";
}
.icon-play-2:before {
content: "\e0ee";
}
.icon-plus:before {
content: "\2b";
}
.icon-plus-2:before {
content: "\e0ef";
}
.icon-plus-3:before {
content: "\2295";
}
.icon-podcast:before {
content: "\e0f1";
}
.icon-podcast-2:before {
content: "\e0f0";
}
.icon-polaroids:before {
content: "\e0f2";
}
.icon-power:before {
content: "\e0f3";
}
.icon-printer:before {
content: "\e0f5";
}
.icon-printer-2:before {
content: "\e0f4";
}
.icon-puzzle:before {
content: "\e0f6";
}
.icon-question:before {
content: "\e0f7";
}
.icon-question-mark:before {
content: "\3f";
}
.icon-rain:before {
content: "\e0f8";
}
.icon-read:before {
content: "\e0f9";
}
.icon-recycle:before {
content: "\e0fa";
}
.icon-reload:before {
content: "\21bb";
}
.icon-responsive:before {
content: "\e0fb";
}
.icon-right-quote:before {
content: "\201d";
}
.icon-right-quote-2:before {
content: "\e0fc";
}
.icon-rocket:before {
content: "\e0fd";
}
.icon-rss:before {
content: "\e0ff";
}
.icon-rss-2:before {
content: "\e0fe";
}
.icon-ruler:before {
content: "\e100";
}
.icon-safari:before {
content: "\e101";
}
.icon-save:before {
content: "\e102";
}
.icon-seo:before {
content: "\e103";
}
.icon-share:before {
content: "\e105";
}
.icon-share-2:before {
content: "\e104";
}
.icon-shield:before {
content: "\e108";
}
.icon-shield-2:before {
content: "\e107";
}
.icon-shield-2-stroke:before {
content: "\e106";
}
.icon-shuffle:before {
content: "\e109";
}
.icon-skype:before {
content: "\e10a";
}
.icon-smiles:before {
content: "\e10b";
}
.icon-snowflake:before {
content: "\e10c";
}
.icon-soundcloud:before {
content: "\e10e";
}
.icon-soundcloud-2:before {
content: "\e10d";
}
.icon-speedometer:before {
content: "\e112";
}
.icon-speedometer-2:before {
content: "\e111";
}
.icon-speedometer-2-low:before {
content: "\e10f";
}
.icon-speedometer-2-medium:before {
content: "\e110";
}
.icon-spin:before {
content: "\e113";
}
.icon-star:before {
content: "\2605";
}
.icon-star-2:before {
content: "\e116";
}
.icon-star-2-half:before {
content: "\e114";
}
.icon-star-2-stroke:before {
content: "\e115";
}
.icon-star-half:before {
content: "\e117";
}
.icon-star-stroke:before {
content: "\e118";
}
.icon-stop:before {
content: "\25a0";
}
.icon-stop-2:before {
content: "\e119";
}
.icon-stumbleupon:before {
content: "\e11b";
}
.icon-stumbleupon-2:before {
content: "\e11a";
}
.icon-sun:before {
content: "\2600";
}
.icon-sun-stroke:before {
content: "\263c";
}
.icon-support:before {
content: "\e11c";
}
.icon-tag:before {
content: "\e120";
}
.icon-tag-left:before {
content: "\e11d";
}
.icon-tag-right:before {
content: "\e11e";
}
.icon-tag-stroke:before {
content: "\e11f";
}
.icon-target:before {
content: "\e122";
}
.icon-target-2:before {
content: "\e121";
}
.icon-temperature:before {
content: "\e124";
}
.icon-temperature-2:before {
content: "\e123";
}
.icon-thumb-down:before {
content: "\e125";
}
.icon-thumb-up:before {
content: "\e126";
}
.icon-tie:before {
content: "\e127";
}
.icon-tools:before {
content: "\e129";
}
.icon-tools-2:before {
content: "\e128";
}
.icon-transfer:before {
content: "\21c4";
}
.icon-trash:before {
content: "\e12d";
}
.icon-trash-2:before {
content: "\e12a";
}
.icon-trash-3:before {
content: "\e12c";
}
.icon-trash-3-stroke:before {
content: "\e12b";
}
.icon-truck:before {
content: "\e12e";
}
.icon-tumblr:before {
content: "\e130";
}
.icon-tumblr-2:before {
content: "\e12f";
}
.icon-twitter-bird:before {
content: "\e132";
}
.icon-twitter-bird-2:before {
content: "\e131";
}
.icon-umbrella:before {
content: "\2602";
}
.icon-undo:before {
content: "\238c";
}
.icon-unlock:before {
content: "\e134";
}
.icon-unlock-stroke:before {
content: "\e133";
}
.icon-upload:before {
content: "\e135";
}
.icon-upload:before {
content: "\2912";
}
.icon-usb:before {
content: "\e136";
}
.icon-user:before {
content: "\e138";
}
.icon-user-2:before {
content: "\e137";
}
.icon-users:before {
content: "\e139";
}
.icon-vcard:before {
content: "\e13a";
}
.icon-vector:before {
content: "\e13c";
}
.icon-vector-2:before {
content: "\e13b";
}
.icon-video:before {
content: "\e13d";
}
.icon-vimeo:before {
content: "\e13f";
}
.icon-vimeo-2:before {
content: "\e13e";
}
.icon-volume:before {
content: "\e141";
}
.icon-volume-mute:before {
content: "\e140";
}
.icon-wand:before {
content: "\e142";
}
.icon-warning:before {
content: "\e144";
}
.icon-warning-2:before {
content: "\e143";
}
.icon-windows:before {
content: "\e145";
}
.icon-wireless:before {
content: "\e146";
}
.icon-wordpress:before {
content: "\e148";
}
.icon-wordpress-2:before {
content: "\e147";
}
.icon-wrench:before {
content: "\e149";
}
.icon-x:before {
content: "\d7";
}
.icon-x-2:before {
content: "\2297";
}
.icon-x-2-stroke:before {
content: "\e14a";
}
.icon-xing:before {
content: "\e14b";
}
.icon-yahoo:before {
content: "\e14d";
}
.icon-yahoo-2:before {
content: "\e14c";
}
.icon-youtube:before {
content: "\e14f";
}
.icon-youtube-2:before {
content: "\e14e";
}
/*
* Main Stylesheet
*
* @copyright Copyright (c) 2012 rocksolidthemes.com
* @license https://rocksolidthemes.com/agb No free usage allowed
*/
/* ===========================================
* # Index: The structure of this stylesheet
*
* - Imports (Sass only)
* - Fonts
* - Basic settings (Sass only)
* - Colors (Sass only)
* - General
* - Buttons
* - Wrapper elements
* - Layout in order of appearance in HTML
* - Content
* - Forms
* - Content elements
* - Modules (Search, FAQ, News, Events, Comments)
* - Sidebar / Widgets
* - Footer
* - Slider
* - Grid (design + production helper)
* ======================================== */
/* ===========================================
* Fonts
* ======================================== */
@font-face {
font-family: "RockSolid Icons";
src: url("../../files/tao/fonts/rocksolid-icons.woff") format("woff"), url("../../files/tao/fonts/rocksolid-icons.ttf") format("truetype"), url("../../files/tao/fonts/rocksolid-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lato";
font-weight: 300;
font-style: normal;
src: url("../../files/tao/fonts/lato-300.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 400;
font-style: normal;
src: url("../../files/tao/fonts/lato-400.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 700;
font-style: normal;
src: url("../../files/tao/fonts/lato-700.woff2") format("woff2");
}
/* ===========================================
* General
* ======================================== */
:root {
--main-padding-x: 2.5rem;
--safe-area-left: 0px;
--safe-area-right: 0px;
--safe-area-top: 0px;
--safe-area-bottom: 0px;
--page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x));
--page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x));
--page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right));
}
@media screen and (max-width: 1188px) {
:root {
--main-padding-x: 3.7037%;
}
}
@media screen and (max-width: 900px) {
:root {
--main-padding-x: 5.55556%;
}
}
@supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) {
:root {
/* Non-standard iOS 11.1 syntax */
--safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
--safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
--safe-area-top: constant(safe-area-inset-top, 0px);
--safe-area-bottom: constant(safe-area-inset-bottom, 0px);
}
}
@supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) {
:root {
/* W3C standard and iOS 11.2 syntax */
--safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px));
--safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px));
--safe-area-top: env(safe-area-inset-top, 0px);
--safe-area-bottom: env(safe-area-inset-bottom, 0px);
}
}
html {
position: relative;
box-sizing: border-box;
font: 16px/1.5625 Lato, sans-serif;
color: #333333;
-webkit-tap-highlight-color: #b90504;
}
@media screen and (max-width: 599px) {
html {
font-size: 14px;
}
}
body {
background: #ffffff none 50% 0 no-repeat scroll;
background-size: auto;
}
body[class^="icon-"]:before,
body[class*=" icon-"]:before {
/* Ignore icon classes on the body element */
content: none;
}
body.background-variation-1 {
background: url("../../files/tao/img/demo/background-1.jpg") 50% 0 no-repeat;
background-attachment: fixed;
}
body.background-variation-2 {
background: url("../../files/tao/img/demo/background-10.jpg") 50% 0 no-repeat;
background-size: cover;
background-attachment: fixed;
}
* {
box-sizing: inherit;
}
.rs-columns {
clear: both;
display: inline-block;
vertical-align: top;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 6.25%;
margin-right: 6.25%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.875%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 29.16667%;
}
.rs-column.-large-col-3-2 {
width: 64.58333%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 20.3125%;
}
.rs-column.-large-col-4-2 {
width: 46.875%;
}
.rs-column.-large-col-4-3 {
width: 73.4375%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 15%;
}
.rs-column.-large-col-5-2 {
width: 36.25%;
}
.rs-column.-large-col-5-3 {
width: 57.5%;
}
.rs-column.-large-col-5-4 {
width: 78.75%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 11.45833%;
}
.rs-column.-large-col-6-2 {
width: 29.16667%;
}
.rs-column.-large-col-6-3 {
width: 46.875%;
}
.rs-column.-large-col-6-4 {
width: 64.58333%;
}
.rs-column.-large-col-6-5 {
width: 82.29167%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
.rs-column.-large-col-7-1 {
width: 8.92857%;
}
.rs-column.-large-col-7-2 {
width: 24.10714%;
}
.rs-column.-large-col-7-3 {
width: 39.28571%;
}
.rs-column.-large-col-7-4 {
width: 54.46429%;
}
.rs-column.-large-col-7-5 {
width: 69.64286%;
}
.rs-column.-large-col-7-6 {
width: 84.82143%;
}
.rs-column.-large-col-7-7 {
width: 100%;
}
.tao-no-sidebar .rs-column,
.mega-dropdown .rs-column,
.page-footer .rs-column {
margin-top: 4%;
margin-right: 4%;
}
.tao-no-sidebar .rs-column.-large-last,
.mega-dropdown .rs-column.-large-last,
.page-footer .rs-column.-large-last {
margin-right: -5px;
}
.tao-no-sidebar .rs-column.-large-first-row,
.mega-dropdown .rs-column.-large-first-row,
.page-footer .rs-column.-large-first-row {
margin-top: 0;
}
.tao-no-sidebar .rs-column.-large-col-1-1,
.mega-dropdown .rs-column.-large-col-1-1,
.page-footer .rs-column.-large-col-1-1 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-2-1,
.mega-dropdown .rs-column.-large-col-2-1,
.page-footer .rs-column.-large-col-2-1 {
width: 48%;
}
.tao-no-sidebar .rs-column.-large-col-2-2,
.mega-dropdown .rs-column.-large-col-2-2,
.page-footer .rs-column.-large-col-2-2 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-3-1,
.mega-dropdown .rs-column.-large-col-3-1,
.page-footer .rs-column.-large-col-3-1 {
width: 30.66667%;
}
.tao-no-sidebar .rs-column.-large-col-3-2,
.mega-dropdown .rs-column.-large-col-3-2,
.page-footer .rs-column.-large-col-3-2 {
width: 65.33333%;
}
.tao-no-sidebar .rs-column.-large-col-3-3,
.mega-dropdown .rs-column.-large-col-3-3,
.page-footer .rs-column.-large-col-3-3 {
width: 100.0%;
}
.tao-no-sidebar .rs-column.-large-col-4-1,
.mega-dropdown .rs-column.-large-col-4-1,
.page-footer .rs-column.-large-col-4-1 {
width: 22%;
}
.tao-no-sidebar .rs-column.-large-col-4-2,
.mega-dropdown .rs-column.-large-col-4-2,
.page-footer .rs-column.-large-col-4-2 {
width: 48%;
}
.tao-no-sidebar .rs-column.-large-col-4-3,
.mega-dropdown .rs-column.-large-col-4-3,
.page-footer .rs-column.-large-col-4-3 {
width: 74%;
}
.tao-no-sidebar .rs-column.-large-col-4-4,
.mega-dropdown .rs-column.-large-col-4-4,
.page-footer .rs-column.-large-col-4-4 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-5-1,
.mega-dropdown .rs-column.-large-col-5-1,
.page-footer .rs-column.-large-col-5-1 {
width: 16.8%;
}
.tao-no-sidebar .rs-column.-large-col-5-2,
.mega-dropdown .rs-column.-large-col-5-2,
.page-footer .rs-column.-large-col-5-2 {
width: 37.6%;
}
.tao-no-sidebar .rs-column.-large-col-5-3,
.mega-dropdown .rs-column.-large-col-5-3,
.page-footer .rs-column.-large-col-5-3 {
width: 58.4%;
}
.tao-no-sidebar .rs-column.-large-col-5-4,
.mega-dropdown .rs-column.-large-col-5-4,
.page-footer .rs-column.-large-col-5-4 {
width: 79.2%;
}
.tao-no-sidebar .rs-column.-large-col-5-5,
.mega-dropdown .rs-column.-large-col-5-5,
.page-footer .rs-column.-large-col-5-5 {
width: 100.0%;
}
.tao-no-sidebar .rs-column.-large-col-6-1,
.mega-dropdown .rs-column.-large-col-6-1,
.page-footer .rs-column.-large-col-6-1 {
width: 13.33333%;
}
.tao-no-sidebar .rs-column.-large-col-6-2,
.mega-dropdown .rs-column.-large-col-6-2,
.page-footer .rs-column.-large-col-6-2 {
width: 30.66667%;
}
.tao-no-sidebar .rs-column.-large-col-6-3,
.mega-dropdown .rs-column.-large-col-6-3,
.page-footer .rs-column.-large-col-6-3 {
width: 48.0%;
}
.tao-no-sidebar .rs-column.-large-col-6-4,
.mega-dropdown .rs-column.-large-col-6-4,
.page-footer .rs-column.-large-col-6-4 {
width: 65.33333%;
}
.tao-no-sidebar .rs-column.-large-col-6-5,
.mega-dropdown .rs-column.-large-col-6-5,
.page-footer .rs-column.-large-col-6-5 {
width: 82.66667%;
}
.tao-no-sidebar .rs-column.-large-col-6-6,
.mega-dropdown .rs-column.-large-col-6-6,
.page-footer .rs-column.-large-col-6-6 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-7-1,
.mega-dropdown .rs-column.-large-col-7-1,
.page-footer .rs-column.-large-col-7-1 {
width: 10.85714%;
}
.tao-no-sidebar .rs-column.-large-col-7-2,
.mega-dropdown .rs-column.-large-col-7-2,
.page-footer .rs-column.-large-col-7-2 {
width: 25.71429%;
}
.tao-no-sidebar .rs-column.-large-col-7-3,
.mega-dropdown .rs-column.-large-col-7-3,
.page-footer .rs-column.-large-col-7-3 {
width: 40.57143%;
}
.tao-no-sidebar .rs-column.-large-col-7-4,
.mega-dropdown .rs-column.-large-col-7-4,
.page-footer .rs-column.-large-col-7-4 {
width: 55.42857%;
}
.tao-no-sidebar .rs-column.-large-col-7-5,
.mega-dropdown .rs-column.-large-col-7-5,
.page-footer .rs-column.-large-col-7-5 {
width: 70.28571%;
}
.tao-no-sidebar .rs-column.-large-col-7-6,
.mega-dropdown .rs-column.-large-col-7-6,
.page-footer .rs-column.-large-col-7-6 {
width: 85.14286%;
}
.tao-no-sidebar .rs-column.-large-col-7-7,
.mega-dropdown .rs-column.-large-col-7-7,
.page-footer .rs-column.-large-col-7-7 {
width: 100%;
}
@media screen and (max-width: 900px) {
.rs-column,
.tao-no-sidebar .rs-column,
.mega-dropdown .rs-column,
.page-footer .rs-column {
margin-top: 6.25%;
margin-right: 6.25%;
}
.rs-column.-large-first,
.tao-no-sidebar .rs-column.-large-first,
.mega-dropdown .rs-column.-large-first,
.page-footer .rs-column.-large-first {
clear: none;
}
.rs-column.-large-last,
.tao-no-sidebar .rs-column.-large-last,
.mega-dropdown .rs-column.-large-last,
.page-footer .rs-column.-large-last {
margin-right: 6.25%;
}
.rs-column.-large-first-row,
.tao-no-sidebar .rs-column.-large-first-row,
.mega-dropdown .rs-column.-large-first-row,
.page-footer .rs-column.-large-first-row {
margin-top: 6.25%;
}
.rs-column.-medium-first,
.tao-no-sidebar .rs-column.-medium-first,
.mega-dropdown .rs-column.-medium-first,
.page-footer .rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last,
.tao-no-sidebar .rs-column.-medium-last,
.mega-dropdown .rs-column.-medium-last,
.page-footer .rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row,
.tao-no-sidebar .rs-column.-medium-first-row,
.mega-dropdown .rs-column.-medium-first-row,
.page-footer .rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1,
.tao-no-sidebar .rs-column.-medium-col-1-1,
.mega-dropdown .rs-column.-medium-col-1-1,
.page-footer .rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1,
.tao-no-sidebar .rs-column.-medium-col-2-1,
.mega-dropdown .rs-column.-medium-col-2-1,
.page-footer .rs-column.-medium-col-2-1 {
width: 46.875%;
}
.rs-column.-medium-col-2-2,
.tao-no-sidebar .rs-column.-medium-col-2-2,
.mega-dropdown .rs-column.-medium-col-2-2,
.page-footer .rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1,
.tao-no-sidebar .rs-column.-medium-col-3-1,
.mega-dropdown .rs-column.-medium-col-3-1,
.page-footer .rs-column.-medium-col-3-1 {
width: 29.16667%;
}
.rs-column.-medium-col-3-2,
.tao-no-sidebar .rs-column.-medium-col-3-2,
.mega-dropdown .rs-column.-medium-col-3-2,
.page-footer .rs-column.-medium-col-3-2 {
width: 64.58333%;
}
.rs-column.-medium-col-3-3,
.tao-no-sidebar .rs-column.-medium-col-3-3,
.mega-dropdown .rs-column.-medium-col-3-3,
.page-footer .rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1,
.tao-no-sidebar .rs-column.-medium-col-4-1,
.mega-dropdown .rs-column.-medium-col-4-1,
.page-footer .rs-column.-medium-col-4-1 {
width: 20.3125%;
}
.rs-column.-medium-col-4-2,
.tao-no-sidebar .rs-column.-medium-col-4-2,
.mega-dropdown .rs-column.-medium-col-4-2,
.page-footer .rs-column.-medium-col-4-2 {
width: 46.875%;
}
.rs-column.-medium-col-4-3,
.tao-no-sidebar .rs-column.-medium-col-4-3,
.mega-dropdown .rs-column.-medium-col-4-3,
.page-footer .rs-column.-medium-col-4-3 {
width: 73.4375%;
}
.rs-column.-medium-col-4-4,
.tao-no-sidebar .rs-column.-medium-col-4-4,
.mega-dropdown .rs-column.-medium-col-4-4,
.page-footer .rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1,
.tao-no-sidebar .rs-column.-medium-col-5-1,
.mega-dropdown .rs-column.-medium-col-5-1,
.page-footer .rs-column.-medium-col-5-1 {
width: 15%;
}
.rs-column.-medium-col-5-2,
.tao-no-sidebar .rs-column.-medium-col-5-2,
.mega-dropdown .rs-column.-medium-col-5-2,
.page-footer .rs-column.-medium-col-5-2 {
width: 36.25%;
}
.rs-column.-medium-col-5-3,
.tao-no-sidebar .rs-column.-medium-col-5-3,
.mega-dropdown .rs-column.-medium-col-5-3,
.page-footer .rs-column.-medium-col-5-3 {
width: 57.5%;
}
.rs-column.-medium-col-5-4,
.tao-no-sidebar .rs-column.-medium-col-5-4,
.mega-dropdown .rs-column.-medium-col-5-4,
.page-footer .rs-column.-medium-col-5-4 {
width: 78.75%;
}
.rs-column.-medium-col-5-5,
.tao-no-sidebar .rs-column.-medium-col-5-5,
.mega-dropdown .rs-column.-medium-col-5-5,
.page-footer .rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1,
.tao-no-sidebar .rs-column.-medium-col-6-1,
.mega-dropdown .rs-column.-medium-col-6-1,
.page-footer .rs-column.-medium-col-6-1 {
width: 11.45833%;
}
.rs-column.-medium-col-6-2,
.tao-no-sidebar .rs-column.-medium-col-6-2,
.mega-dropdown .rs-column.-medium-col-6-2,
.page-footer .rs-column.-medium-col-6-2 {
width: 29.16667%;
}
.rs-column.-medium-col-6-3,
.tao-no-sidebar .rs-column.-medium-col-6-3,
.mega-dropdown .rs-column.-medium-col-6-3,
.page-footer .rs-column.-medium-col-6-3 {
width: 46.875%;
}
.rs-column.-medium-col-6-4,
.tao-no-sidebar .rs-column.-medium-col-6-4,
.mega-dropdown .rs-column.-medium-col-6-4,
.page-footer .rs-column.-medium-col-6-4 {
width: 64.58333%;
}
.rs-column.-medium-col-6-5,
.tao-no-sidebar .rs-column.-medium-col-6-5,
.mega-dropdown .rs-column.-medium-col-6-5,
.page-footer .rs-column.-medium-col-6-5 {
width: 82.29167%;
}
.rs-column.-medium-col-6-6,
.tao-no-sidebar .rs-column.-medium-col-6-6,
.mega-dropdown .rs-column.-medium-col-6-6,
.page-footer .rs-column.-medium-col-6-6 {
width: 100%;
}
.rs-column.-medium-col-7-1,
.tao-no-sidebar .rs-column.-medium-col-7-1,
.mega-dropdown .rs-column.-medium-col-7-1,
.page-footer .rs-column.-medium-col-7-1 {
width: 8.92857%;
}
.rs-column.-medium-col-7-2,
.tao-no-sidebar .rs-column.-medium-col-7-2,
.mega-dropdown .rs-column.-medium-col-7-2,
.page-footer .rs-column.-medium-col-7-2 {
width: 24.10714%;
}
.rs-column.-medium-col-7-3,
.tao-no-sidebar .rs-column.-medium-col-7-3,
.mega-dropdown .rs-column.-medium-col-7-3,
.page-footer .rs-column.-medium-col-7-3 {
width: 39.28571%;
}
.rs-column.-medium-col-7-4,
.tao-no-sidebar .rs-column.-medium-col-7-4,
.mega-dropdown .rs-column.-medium-col-7-4,
.page-footer .rs-column.-medium-col-7-4 {
width: 54.46429%;
}
.rs-column.-medium-col-7-5,
.tao-no-sidebar .rs-column.-medium-col-7-5,
.mega-dropdown .rs-column.-medium-col-7-5,
.page-footer .rs-column.-medium-col-7-5 {
width: 69.64286%;
}
.rs-column.-medium-col-7-6,
.tao-no-sidebar .rs-column.-medium-col-7-6,
.mega-dropdown .rs-column.-medium-col-7-6,
.page-footer .rs-column.-medium-col-7-6 {
width: 84.82143%;
}
.rs-column.-medium-col-7-7,
.tao-no-sidebar .rs-column.-medium-col-7-7,
.mega-dropdown .rs-column.-medium-col-7-7,
.page-footer .rs-column.-medium-col-7-7 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column,
.tao-no-sidebar .rs-column,
.page-footer .rs-column {
margin-right: 6.25%;
}
.rs-column.-medium-first,
.tao-no-sidebar .rs-column.-medium-first,
.page-footer .rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last,
.tao-no-sidebar .rs-column.-medium-last,
.page-footer .rs-column.-medium-last {
margin-right: 6.25%;
}
.rs-column.-medium-first-row,
.tao-no-sidebar .rs-column.-medium-first-row,
.page-footer .rs-column.-medium-first-row {
margin-top: 6.25%;
}
.rs-column.-small-first,
.tao-no-sidebar .rs-column.-small-first,
.page-footer .rs-column.-small-first {
clear: left;
}
.rs-column.-small-last,
.tao-no-sidebar .rs-column.-small-last,
.page-footer .rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row,
.tao-no-sidebar .rs-column.-small-first-row,
.page-footer .rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1,
.tao-no-sidebar .rs-column.-small-col-1-1,
.page-footer .rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1,
.tao-no-sidebar .rs-column.-small-col-2-1,
.page-footer .rs-column.-small-col-2-1 {
width: 46.875%;
}
.rs-column.-small-col-2-2,
.tao-no-sidebar .rs-column.-small-col-2-2,
.page-footer .rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1,
.tao-no-sidebar .rs-column.-small-col-3-1,
.page-footer .rs-column.-small-col-3-1 {
width: 29.16667%;
}
.rs-column.-small-col-3-2,
.tao-no-sidebar .rs-column.-small-col-3-2,
.page-footer .rs-column.-small-col-3-2 {
width: 64.58333%;
}
.rs-column.-small-col-3-3,
.tao-no-sidebar .rs-column.-small-col-3-3,
.page-footer .rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1,
.tao-no-sidebar .rs-column.-small-col-4-1,
.page-footer .rs-column.-small-col-4-1 {
width: 20.3125%;
}
.rs-column.-small-col-4-2,
.tao-no-sidebar .rs-column.-small-col-4-2,
.page-footer .rs-column.-small-col-4-2 {
width: 46.875%;
}
.rs-column.-small-col-4-3,
.tao-no-sidebar .rs-column.-small-col-4-3,
.page-footer .rs-column.-small-col-4-3 {
width: 73.4375%;
}
.rs-column.-small-col-4-4,
.tao-no-sidebar .rs-column.-small-col-4-4,
.page-footer .rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1,
.tao-no-sidebar .rs-column.-small-col-5-1,
.page-footer .rs-column.-small-col-5-1 {
width: 15%;
}
.rs-column.-small-col-5-2,
.tao-no-sidebar .rs-column.-small-col-5-2,
.page-footer .rs-column.-small-col-5-2 {
width: 36.25%;
}
.rs-column.-small-col-5-3,
.tao-no-sidebar .rs-column.-small-col-5-3,
.page-footer .rs-column.-small-col-5-3 {
width: 57.5%;
}
.rs-column.-small-col-5-4,
.tao-no-sidebar .rs-column.-small-col-5-4,
.page-footer .rs-column.-small-col-5-4 {
width: 78.75%;
}
.rs-column.-small-col-5-5,
.tao-no-sidebar .rs-column.-small-col-5-5,
.page-footer .rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1,
.tao-no-sidebar .rs-column.-small-col-6-1,
.page-footer .rs-column.-small-col-6-1 {
width: 11.45833%;
}
.rs-column.-small-col-6-2,
.tao-no-sidebar .rs-column.-small-col-6-2,
.page-footer .rs-column.-small-col-6-2 {
width: 29.16667%;
}
.rs-column.-small-col-6-3,
.tao-no-sidebar .rs-column.-small-col-6-3,
.page-footer .rs-column.-small-col-6-3 {
width: 46.875%;
}
.rs-column.-small-col-6-4,
.tao-no-sidebar .rs-column.-small-col-6-4,
.page-footer .rs-column.-small-col-6-4 {
width: 64.58333%;
}
.rs-column.-small-col-6-5,
.tao-no-sidebar .rs-column.-small-col-6-5,
.page-footer .rs-column.-small-col-6-5 {
width: 82.29167%;
}
.rs-column.-small-col-6-6,
.tao-no-sidebar .rs-column.-small-col-6-6,
.page-footer .rs-column.-small-col-6-6 {
width: 100%;
}
.rs-column.-small-col-7-1,
.tao-no-sidebar .rs-column.-small-col-7-1,
.page-footer .rs-column.-small-col-7-1 {
width: 8.92857%;
}
.rs-column.-small-col-7-2,
.tao-no-sidebar .rs-column.-small-col-7-2,
.page-footer .rs-column.-small-col-7-2 {
width: 24.10714%;
}
.rs-column.-small-col-7-3,
.tao-no-sidebar .rs-column.-small-col-7-3,
.page-footer .rs-column.-small-col-7-3 {
width: 39.28571%;
}
.rs-column.-small-col-7-4,
.tao-no-sidebar .rs-column.-small-col-7-4,
.page-footer .rs-column.-small-col-7-4 {
width: 54.46429%;
}
.rs-column.-small-col-7-5,
.tao-no-sidebar .rs-column.-small-col-7-5,
.page-footer .rs-column.-small-col-7-5 {
width: 69.64286%;
}
.rs-column.-small-col-7-6,
.tao-no-sidebar .rs-column.-small-col-7-6,
.page-footer .rs-column.-small-col-7-6 {
width: 84.82143%;
}
.rs-column.-small-col-7-7,
.tao-no-sidebar .rs-column.-small-col-7-7,
.page-footer .rs-column.-small-col-7-7 {
width: 100%;
}
}
/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter,
#colorbox {
box-sizing: content-box;
}
::selection {
background: #b90504;
color: #ffffff;
text-shadow: none !important;
}
::-moz-selection {
background: #b90504;
color: #ffffff;
text-shadow: none !important;
}
button,
input,
select,
textarea {
font-family: inherit;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #d2cbcb;
border-radius: 3px;
background: #ffffff;
}
table th,
table td {
border: solid #e5dede;
border-width: 1px 0 0 1px;
}
table th:first-child,
table td:first-child {
border-left: 0;
}
table > thead > tr:first-child > th,
table > thead > tr:first-child > td,
table > tbody:first-child > tr:first-child > th,
table > tbody:first-child > tr:first-child > td,
table > tfoot:first-child + tbody > tr:first-child > th,
table > tfoot:first-child + tbody > tr:first-child > td {
/* First row of the table */
border-top: 0;
}
table th {
padding: 0.375em 0.625em;
font-weight: bold;
text-align: left;
}
table td {
padding: 0.375em 0.625em;
}
table thead {
background: rgba(0, 0, 0, 0.02);
}
table tfoot td {
font-style: italic;
}
strong,
b {
font-weight: bold;
}
a {
color: #b90504;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:hover,
a:active {
outline: 0;
}
a.external-link:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\e151";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.25em;
}
/* Icon attribute */
*[data-icon]:before,
*[class^="icon-"]:before,
*[class*=" icon-"]:before {
font: 100%/1 "RockSolid Icons";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.25em;
}
*[data-icon]:before {
content: attr(data-icon);
}
*[data-icon].after:before {
content: none;
}
*[data-icon].after:after {
font: 100%/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.25em;
}
.clear {
clear: both;
}
.invisible {
position: absolute;
height: 1px !important;
width: 1px !important;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0 !important;
overflow: hidden;
border: 0;
}
.-no-border {
border: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.left {
float: left;
}
.right {
float: right;
}
.margin-top-none {
margin-top: 0 !important;
}
@media screen and (max-width: 599px) {
.margin-top-none {
margin-top: 0 !important;
}
}
.margin-right-none {
margin-right: 0 !important;
}
@media screen and (max-width: 599px) {
.margin-right-none {
margin-right: 0 !important;
}
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-none {
margin-bottom: 0 !important;
}
}
.margin-left-none {
margin-left: 0 !important;
}
@media screen and (max-width: 599px) {
.margin-left-none {
margin-left: 0 !important;
}
}
.padding-top-none {
padding-top: 0 !important;
}
@media screen and (max-width: 599px) {
.padding-top-none {
padding-top: 0 !important;
}
}
.padding-right-none {
padding-right: 0 !important;
}
@media screen and (max-width: 599px) {
.padding-right-none {
padding-right: 0 !important;
}
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-none {
padding-bottom: 0 !important;
}
}
.padding-left-none {
padding-left: 0 !important;
}
@media screen and (max-width: 599px) {
.padding-left-none {
padding-left: 0 !important;
}
}
.margin-top-xxs {
margin-top: 10px !important;
}
@media screen and (max-width: 599px) {
.margin-top-xxs {
margin-top: 5px !important;
}
}
.margin-right-xxs {
margin-right: 10px !important;
}
@media screen and (max-width: 599px) {
.margin-right-xxs {
margin-right: 5px !important;
}
}
.margin-bottom-xxs {
margin-bottom: 10px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-xxs {
margin-bottom: 5px !important;
}
}
.margin-left-xxs {
margin-left: 10px !important;
}
@media screen and (max-width: 599px) {
.margin-left-xxs {
margin-left: 5px !important;
}
}
.padding-top-xxs {
padding-top: 10px !important;
}
@media screen and (max-width: 599px) {
.padding-top-xxs {
padding-top: 5px !important;
}
}
.padding-right-xxs {
padding-right: 10px !important;
}
@media screen and (max-width: 599px) {
.padding-right-xxs {
padding-right: 5px !important;
}
}
.padding-bottom-xxs {
padding-bottom: 10px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-xxs {
padding-bottom: 5px !important;
}
}
.padding-left-xxs {
padding-left: 10px !important;
}
@media screen and (max-width: 599px) {
.padding-left-xxs {
padding-left: 5px !important;
}
}
.margin-top-xs {
margin-top: 25px !important;
}
@media screen and (max-width: 599px) {
.margin-top-xs {
margin-top: 13px !important;
}
}
.margin-right-xs {
margin-right: 25px !important;
}
@media screen and (max-width: 599px) {
.margin-right-xs {
margin-right: 13px !important;
}
}
.margin-bottom-xs {
margin-bottom: 25px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-xs {
margin-bottom: 13px !important;
}
}
.margin-left-xs {
margin-left: 25px !important;
}
@media screen and (max-width: 599px) {
.margin-left-xs {
margin-left: 13px !important;
}
}
.padding-top-xs {
padding-top: 25px !important;
}
@media screen and (max-width: 599px) {
.padding-top-xs {
padding-top: 13px !important;
}
}
.padding-right-xs {
padding-right: 25px !important;
}
@media screen and (max-width: 599px) {
.padding-right-xs {
padding-right: 13px !important;
}
}
.padding-bottom-xs {
padding-bottom: 25px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-xs {
padding-bottom: 13px !important;
}
}
.padding-left-xs {
padding-left: 25px !important;
}
@media screen and (max-width: 599px) {
.padding-left-xs {
padding-left: 13px !important;
}
}
.margin-top-s {
margin-top: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-top-s {
margin-top: 25px !important;
}
}
.margin-right-s {
margin-right: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-right-s {
margin-right: 25px !important;
}
}
.margin-bottom-s {
margin-bottom: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-s {
margin-bottom: 25px !important;
}
}
.margin-left-s {
margin-left: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-left-s {
margin-left: 25px !important;
}
}
.padding-top-s {
padding-top: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-top-s {
padding-top: 25px !important;
}
}
.padding-right-s {
padding-right: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-right-s {
padding-right: 25px !important;
}
}
.padding-bottom-s {
padding-bottom: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-s {
padding-bottom: 25px !important;
}
}
.padding-left-s {
padding-left: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-left-s {
padding-left: 25px !important;
}
}
.margin-top-m {
margin-top: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-top-m {
margin-top: 38px !important;
}
}
.margin-right-m {
margin-right: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-right-m {
margin-right: 38px !important;
}
}
.margin-bottom-m {
margin-bottom: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-m {
margin-bottom: 38px !important;
}
}
.margin-left-m {
margin-left: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-left-m {
margin-left: 38px !important;
}
}
.padding-top-m {
padding-top: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-top-m {
padding-top: 38px !important;
}
}
.padding-right-m {
padding-right: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-right-m {
padding-right: 38px !important;
}
}
.padding-bottom-m {
padding-bottom: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-m {
padding-bottom: 38px !important;
}
}
.padding-left-m {
padding-left: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-left-m {
padding-left: 38px !important;
}
}
.margin-top-l {
margin-top: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-top-l {
margin-top: 50px !important;
}
}
.margin-right-l {
margin-right: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-right-l {
margin-right: 50px !important;
}
}
.margin-bottom-l {
margin-bottom: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-l {
margin-bottom: 50px !important;
}
}
.margin-left-l {
margin-left: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-left-l {
margin-left: 50px !important;
}
}
.padding-top-l {
padding-top: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-top-l {
padding-top: 50px !important;
}
}
.padding-right-l {
padding-right: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-right-l {
padding-right: 50px !important;
}
}
.padding-bottom-l {
padding-bottom: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-l {
padding-bottom: 50px !important;
}
}
.padding-left-l {
padding-left: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-left-l {
padding-left: 50px !important;
}
}
.margin-top-xl {
margin-top: 150px !important;
}
@media screen and (max-width: 599px) {
.margin-top-xl {
margin-top: 75px !important;
}
}
.margin-right-xl {
margin-right: 150px !important;
}
@media screen and (max-width: 599px) {
.margin-right-xl {
margin-right: 75px !important;
}
}
.margin-bottom-xl {
margin-bottom: 150px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-xl {
margin-bottom: 75px !important;
}
}
.margin-left-xl {
margin-left: 150px !important;
}
@media screen and (max-width: 599px) {
.margin-left-xl {
margin-left: 75px !important;
}
}
.padding-top-xl {
padding-top: 150px !important;
}
@media screen and (max-width: 599px) {
.padding-top-xl {
padding-top: 75px !important;
}
}
.padding-right-xl {
padding-right: 150px !important;
}
@media screen and (max-width: 599px) {
.padding-right-xl {
padding-right: 75px !important;
}
}
.padding-bottom-xl {
padding-bottom: 150px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-xl {
padding-bottom: 75px !important;
}
}
.padding-left-xl {
padding-left: 150px !important;
}
@media screen and (max-width: 599px) {
.padding-left-xl {
padding-left: 75px !important;
}
}
.margin-top-xxl {
margin-top: 200px !important;
}
@media screen and (max-width: 599px) {
.margin-top-xxl {
margin-top: 100px !important;
}
}
.margin-right-xxl {
margin-right: 200px !important;
}
@media screen and (max-width: 599px) {
.margin-right-xxl {
margin-right: 100px !important;
}
}
.margin-bottom-xxl {
margin-bottom: 200px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-xxl {
margin-bottom: 100px !important;
}
}
.margin-left-xxl {
margin-left: 200px !important;
}
@media screen and (max-width: 599px) {
.margin-left-xxl {
margin-left: 100px !important;
}
}
.padding-top-xxl {
padding-top: 200px !important;
}
@media screen and (max-width: 599px) {
.padding-top-xxl {
padding-top: 100px !important;
}
}
.padding-right-xxl {
padding-right: 200px !important;
}
@media screen and (max-width: 599px) {
.padding-right-xxl {
padding-right: 100px !important;
}
}
.padding-bottom-xxl {
padding-bottom: 200px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-xxl {
padding-bottom: 100px !important;
}
}
.padding-left-xxl {
padding-left: 200px !important;
}
@media screen and (max-width: 599px) {
.padding-left-xxl {
padding-left: 100px !important;
}
}
.font-size-xxs {
font-size: 0.6em !important;
}
@media screen and (max-width: 599px) {
.font-size-xxs {
font-size: 0.8em !important;
}
}
.font-size-xs {
font-size: 0.8em !important;
}
@media screen and (max-width: 599px) {
.font-size-xs {
font-size: 0.9em !important;
}
}
.font-size-s {
font-size: 0.9em !important;
}
@media screen and (max-width: 599px) {
.font-size-s {
font-size: 0.95em !important;
}
}
.font-size-m {
font-size: 1.2em !important;
}
@media screen and (max-width: 599px) {
.font-size-m {
font-size: 1.1em !important;
}
}
.font-size-l {
font-size: 1.5em !important;
}
@media screen and (max-width: 599px) {
.font-size-l {
font-size: 1.25em !important;
}
}
.font-size-xl {
font-size: 2em !important;
}
@media screen and (max-width: 599px) {
.font-size-xl {
font-size: 1.5em !important;
}
}
.font-size-xxl {
font-size: 2.5em !important;
}
@media screen and (max-width: 599px) {
.font-size-xxl {
font-size: 1.75em !important;
}
}
.centered {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.syndication {
margin: 0.75em 0 0 1.25em;
float: right;
}
.syndication a {
margin-left: 0.125em;
}
.mime_icon {
margin-bottom: -0.25em;
}
.download-element {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.content-toplink,
.ce_toplink,
.toplink {
overflow: hidden;
margin: 1.5em 0;
}
.content-toplink:after,
.ce_toplink:after,
.toplink:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 0;
overflow: visible;
margin: 0 -100% 0 0.625em;
border-top: 1px solid #d2cbcb;
}
.content-toplink > a:before,
.ce_toplink > a:before,
.toplink > a:before {
font: 100%/1 "RockSolid Icons";
content: "\e00c";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.3125em;
}
[data-ajax-form=loading] {
opacity: 0.5;
pointer-events: none;
}
/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap {
box-sizing: content-box;
}
.main-content .dlh_googlemap,
.sidebar .dlh_googlemap {
/* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */
max-width: 100%;
}
.main-content .dlh_googlemap img {
max-width: none;
}
hr,
.headline-hr:before,
.headline-hr:after {
clear: both;
height: 0;
overflow: visible;
margin: 2.25em 0;
border: 0;
border-top: 1px solid #d2cbcb;
}
hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-style: dotted;
border-top-color: #6f5e5e;
}
hr.-hr-shadow,
.headline-hr.-hr-shadow:before,
.headline-hr.-hr-shadow:after {
height: 8px;
background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background-size: 100% 16px;
background-position: 50% -8px;
}
.headline-hr {
overflow: hidden;
}
.headline-hr:before,
.headline-hr:after {
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 0 0.625em 0 calc(-100% - 0.625em);
}
.headline-hr:after {
content: "";
margin: 0 calc(-100% - 0.625em) 0 0.625em;
}
.headline-hr.-centered {
text-align: center;
}
.headline-hr.-centered:before {
content: "";
}
.headline-hr.-align-right {
text-align: right;
}
.headline-hr.-align-right:before {
content: "";
}
.headline-hr.-align-right:after {
content: none;
}
.icon-hr {
display: block;
}
.icon-hr:before {
position: relative;
display: block;
bottom: -0.5em;
width: 1.875em;
margin: 0;
background: #ffffff;
}
.icon-hr.-centered:before {
width: 2.25em;
margin: 0 auto;
text-align: center;
}
.icon-hr.-align-right:before {
margin: 0 0 0 auto;
text-align: right;
}
.icon-hr hr {
margin: 0;
}
.confirmation {
color: #689a20;
}
.information {
color: #2a6dad;
}
.warning {
color: #990100;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
position: relative;
display: block;
overflow: hidden;
margin: 1.5625em 0;
padding: 1em 6.25% 1em 12.5%;
border: 1px solid #d2cbcb;
border-radius: 3px;
color: #3d5b13;
background: #ffffff;
}
@media screen and (max-width: 599px) {
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
padding-left: 4em;
}
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
font: 1.5em/1 "RockSolid Icons";
content: "\e044";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: -0.41667em;
width: 1.16667em;
height: 1.16667em;
margin: -1.25em 0 0;
padding: 0.66667em;
border-radius: 100%;
color: #ffffff;
text-align: center;
background: #689a20;
}
p.information,
div.information,
span.information {
color: #1b466f;
}
p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
background: #2a6dad;
}
p.warning,
div.warning,
span.warning {
color: #4d0100;
}
p.warning:before,
div.warning:before,
span.warning:before {
content: "\e143";
background: #990100;
}
p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.11111em 0.33333em 0 0;
padding: 0.19444em;
border: 1px solid #d2cbcb;
border-radius: 3px;
font-size: 2.25em;
font-weight: normal;
/* Fixes line-height difference between gecko and webkit */
line-height: 0.7;
background: #ffffff;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
p.drop-cap:first-letter {
/* IE8 and IE9 calculate em's from the parent element */
margin: 0.25em 0.75em 0 0 \9;
}
code {
padding: 0.14286em 0.35714em;
font-family: "Lucida Console", monospace;
font-size: 0.875em;
line-height: 1.35786;
background-color: #e5dede;
border-radius: 3px;
}
pre {
margin: 1.71429em 0;
padding: 0.5em 1em;
display: block;
overflow: auto;
border-radius: 3px;
font-family: "Lucida Console", monospace;
font-size: 0.875em;
line-height: 1.715;
background-color: #e5dede;
}
pre .hljs,
pre code {
font-size: 1em;
padding: 0;
line-height: inherit;
background-color: transparent;
}
/* ===========================================
* Buttons
* ======================================== */
button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary,
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary,
.highlight-box-link,
.feature-box-link,
.headline-box-link,
.footer-bar input[type=submit],
.footer-bar button,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 0.64286em 1.42857em;
border: 1px solid;
border-color: #a00403 #870403 #6e0302;
border-radius: 3px;
outline: none;
font-size: 0.875em;
line-height: 1.42929;
color: #ffffff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 -1px 0 #870403;
background: #b90504;
background: linear-gradient(#d20605, #aa0504);
box-shadow: inset 0 1px #ce504f;
}
button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover,
.header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.highlight-box-link:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.footer-bar input[type=submit]:focus,
.footer-bar button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
border-color: #550202 #3c0201 #230101;
text-decoration: none;
background-image: linear-gradient(#e10605, #9b0403);
}
button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active,
.header-dropdown > ul input[type=submit]:active,
button.-tertiary:active,
.button.-tertiary:active,
input[type="submit"].-tertiary:active,
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
button.-quaternary:active,
.button.-quaternary:active,
input[type="submit"].-quaternary:active,
.highlight-box-link:active,
.feature-box-link:active,
.headline-box-link:active,
.footer-bar input[type=submit]:active,
.footer-bar button:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background-image: linear-gradient(#c80504, #b40504);
}
#colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit],
#colorbox .header-dropdown > ul input[type=submit],
.header-dropdown > ul #colorbox input[type=submit],
#colorbox button.-tertiary,
#colorbox .button.-tertiary,
#colorbox input[type="submit"].-tertiary,
#colorbox .rotating-boxes-item-content .rotating-boxes-item-link,
.rotating-boxes-item-content #colorbox .rotating-boxes-item-link,
#colorbox .pricing-table-plan a,
.pricing-table-plan #colorbox a,
#colorbox button.-quaternary,
#colorbox .button.-quaternary,
#colorbox input[type="submit"].-quaternary,
#colorbox .highlight-box-link,
#colorbox .feature-box-link,
#colorbox .headline-box-link,
#colorbox .footer-bar input[type=submit],
.footer-bar #colorbox input[type=submit],
#colorbox .footer-bar button,
.footer-bar #colorbox button,
#colorbox button,
#colorbox .button,
#colorbox input[type="submit"],
#colorbox input[type="reset"],
#colorbox input[type="button"] {
/* Fix colorbox close button */
box-shadow: none;
}
button.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:hover,
.button.-quaternary:focus,
input[type="submit"].-quaternary:hover,
input[type="submit"].-quaternary:focus {
border-color: currentColor;
}
button.-single,
.button.-single,
input[type="submit"].-single {
margin: 0.75em 0;
}
button.-small,
.button.-small,
input[type="submit"].-small {
padding: 0.41667em 0.83333em;
font-size: 0.75em;
}
button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary {
border-color: #262626 #1a1a1a #0d0d0d;
color: #ffffff;
text-shadow: 0 -1px 0 #1a1a1a;
background: #333333;
background: linear-gradient(#404040, #2b2b2b);
box-shadow: inset 0 1px #707070;
}
button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover,
.header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
.pricing-table-plan.-highlighted a:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus {
border-color: #000000 #000000 #000000;
background: linear-gradient(#474747, #242424);
}
button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active,
.header-dropdown > ul input[type=submit]:active,
.pricing-table-plan.-highlighted a:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active {
background: linear-gradient(#3b3b3b, #303030);
}
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary {
border-color: #c2c2c2 #b5b5b5 #a8a8a8;
color: #333333;
text-shadow: 0 -1px 0 #cfcfcf;
background: #e8e8e8;
background: linear-gradient(#f5f5f5, #e0e0e0);
box-shadow: none;
}
button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
.feature-box-link.-tertiary:hover,
.headline-box-link.-tertiary:hover,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
.feature-box-link.-tertiary:focus,
.headline-box-link.-tertiary:focus {
border-color: #b5b5b5 #a8a8a8 #9c9c9c;
background: linear-gradient(#fcfcfc, #d9d9d9);
}
button.-tertiary:active,
.button.-tertiary:active,
input[type="submit"].-tertiary:active,
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
.feature-box-link.-tertiary:active,
.headline-box-link.-tertiary:active {
background: linear-gradient(#f0f0f0, #e5e5e5);
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid #333333;
border-color: currentColor;
border-radius: 6px;
color: inherit;
text-shadow: none;
background: none;
box-shadow: none;
}
button.-quaternary:after,
.button.-quaternary:after,
input[type="submit"].-quaternary:after,
.feature-box-link.-quaternary:after,
.headline-box-link.-quaternary:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
opacity: 0.15;
transition: top 0.4s ease-in;
}
button.-quaternary:hover,
.button.-quaternary:hover,
input[type="submit"].-quaternary:hover,
.feature-box-link.-quaternary:hover,
.headline-box-link.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.feature-box-link.-quaternary:focus,
.headline-box-link.-quaternary:focus {
background: none;
}
button.-quaternary:hover:after,
.button.-quaternary:hover:after,
input[type="submit"].-quaternary:hover:after,
.feature-box-link.-quaternary:hover:after,
.headline-box-link.-quaternary:hover:after,
button.-quaternary:focus:after,
.button.-quaternary:focus:after,
input[type="submit"].-quaternary:focus:after,
.feature-box-link.-quaternary:focus:after,
.headline-box-link.-quaternary:focus:after {
top: 0;
transition: top 0.2s ease-out;
}
/* ===========================================
* Wrapper Elements
* ======================================== */
.header-bar-inner,
.header-navigation-inner,
.content-wrapper {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
}
.centered-wrapper-inner,
.info-map-boxes {
max-width: 1100px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1188px) {
.centered-wrapper-inner,
.info-map-boxes {
max-width: none;
margin-right: 3.7037%;
margin-right: var(--page-padding-right);
margin-left: 3.7037%;
margin-left: var(--page-padding-left);
}
}
@media screen and (max-width: 900px) {
.centered-wrapper-inner,
.info-map-boxes {
margin-right: 5.55556%;
margin-right: var(--page-padding-right);
margin-left: 5.55556%;
margin-left: var(--page-padding-left);
}
}
.page {
zoom: 1;
position: relative;
margin: 0 auto;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
background: #ffffff;
}
.page:before {
content: "";
display: table;
}
.page:after {
content: "";
display: table;
clear: both;
}
.tao-boxed .page {
max-width: 1188px;
border: solid #d2cbcb;
border-width: 0 1px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1188px) {
.page {
}
.tao-boxed .page {
border: 0;
box-shadow: none;
}
}
.tao-not-boxed .page {
max-width: none;
border: 0;
box-shadow: none;
}
/* ===========================================
* Layout in order of appearance in HTML
* ======================================== */
.page-header {
position: relative;
z-index: 20;
}
.page-header.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translateZ(0);
}
.header-bar {
zoom: 1;
border-bottom: 1px solid #e5dede;
font-size: 0.8125em;
background: #f6f6f6;
}
.header-bar:before {
content: "";
display: table;
}
.header-bar:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 599px) {
.header-bar {
display: none;
}
}
.tao-boxed .header-bar {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #d2cbcb;
border-left: 1px solid #d2cbcb;
}
@media screen and (max-width: 1188px) {
.header-bar {
}
.tao-boxed .header-bar {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-bar {
max-width: none;
border-right: 0;
border-left: 0;
}
.header-bar-inner {
color: #4c4545;
}
@media screen and (max-width: 900px) {
.header-bar-inner {
padding-right: 5.55556%;
padding-right: var(--page-padding-right);
padding-left: 5.55556%;
padding-left: var(--page-padding-left);
}
}
.header-links {
float: left;
margin: 0 0 0 3.7037%;
margin-left: var(--page-padding-left);
padding: 0.61538em 0;
}
@media screen and (max-width: 900px) {
.header-links {
float: none;
margin-left: 0;
}
}
.header-links.-right {
float: right;
margin: 0 3.7037% 0 0;
margin-right: var(--page-padding-right);
}
@media screen and (max-width: 900px) {
.header-links.-right {
float: none;
margin-right: 0;
}
}
.header-links.-right a {
margin-right: 0;
margin-left: 1em;
}
.header-links li {
display: inline;
}
.header-links a {
display: inline-block;
color: inherit;
margin-right: 1em;
}
.header-links .icon-links-label {
color: inherit;
}
.header-links.-secondary {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 900px) {
.header-links.-secondary > li:first-child > a {
margin-left: -0.625em;
}
}
.header-links.-secondary a {
float: left;
position: relative;
width: 2.76923em;
height: 2.76923em;
overflow: hidden;
margin: 0;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #4c4545;
text-indent: -99em;
text-decoration: none;
}
.header-links.-secondary a:before,
.header-links.-secondary a:after {
font: 1.15385em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.06667em;
line-height: 2.40067;
letter-spacing: 0;
text-align: center;
background: #f6f6f6;
transition: top 0.2s ease-out;
}
.header-links.-secondary a:after {
top: 100%;
color: #ffffff;
background: transparent;
}
.header-links.-secondary a:hover:before,
.header-links.-secondary a:focus:before {
top: -100%;
}
.header-links.-secondary a:hover:after,
.header-links.-secondary a:focus:after {
top: 0;
}
.header-login,
.header-dropdown {
position: relative;
float: right;
z-index: 4;
margin: 0.30769em 0.76923em -0.15385em 0;
}
@media screen and (max-width: 900px) {
.header-login,
.header-dropdown {
margin-right: -0.61538em;
margin-left: 1em;
}
}
.header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6,
.header-dropdown > h1,
.header-dropdown > h2,
.header-dropdown > h3,
.header-dropdown > h4,
.header-dropdown > h5,
.header-dropdown > h6 {
position: relative;
z-index: 1;
margin: 0;
padding: 0.38462em 0.76923em 0.61538em;
border: 1px solid transparent;
border-bottom: 0;
border-radius: 3px 3px 0 0;
outline: none;
font-weight: normal;
font-size: inherit;
line-height: 1.5;
color: inherit;
cursor: pointer;
}
.header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus,
.header-dropdown > h1:hover,
.header-dropdown > h1:focus,
.header-dropdown > h2:hover,
.header-dropdown > h2:focus,
.header-dropdown > h3:hover,
.header-dropdown > h3:focus,
.header-dropdown > h4:hover,
.header-dropdown > h4:focus,
.header-dropdown > h5:hover,
.header-dropdown > h5:focus,
.header-dropdown > h6:hover,
.header-dropdown > h6:focus {
text-decoration: underline;
}
.header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after,
.header-dropdown > h1:hover:after,
.header-dropdown > h1:focus:after,
.header-dropdown > h2:hover:after,
.header-dropdown > h2:focus:after,
.header-dropdown > h3:hover:after,
.header-dropdown > h3:focus:after,
.header-dropdown > h4:hover:after,
.header-dropdown > h4:focus:after,
.header-dropdown > h5:hover:after,
.header-dropdown > h5:focus:after,
.header-dropdown > h6:hover:after,
.header-dropdown > h6:focus:after {
text-decoration: none !important;
}
.header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after,
.header-dropdown > h1:after,
.header-dropdown > h2:after,
.header-dropdown > h3:after,
.header-dropdown > h4:after,
.header-dropdown > h5:after,
.header-dropdown > h6:after {
font: 0.69231em/1 "RockSolid Icons";
content: "\e015";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.11111em;
margin-left: 0.44444em;
}
.header-dropdown:hover {
color: #636363;
}
.header-login .formbody,
.header-dropdown > ul {
position: absolute;
top: 100%;
right: 0;
display: none;
margin-top: -1px;
padding: 1em 1.53846em 1.38462em;
border: 1px solid #d2cbcb;
border-radius: 3px 0 3px 3px;
color: #636363;
background: #f6f6f6;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.header-login .formbody .error,
.header-dropdown > ul .error {
margin-top: 0;
margin-bottom: 1em;
min-width: 21.53846em;
}
.header-login .formbody .login_info,
.header-dropdown > ul .login_info {
margin-top: 0;
white-space: nowrap;
}
.header-login .formbody label,
.header-dropdown > ul label {
display: block;
margin: 0 0 0.3em;
font-size: 0.76923em;
text-transform: uppercase;
}
.header-login .formbody input,
.header-dropdown > ul input {
width: 100%;
margin: 0 0 1.07692em;
padding: 0.46154em 0.92308em;
border-radius: 0;
font-size: 1em;
}
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit] {
margin: 0;
}
.header-login .formbody .checkbox_container,
.header-dropdown > ul .checkbox_container {
border: 0;
margin: 0;
padding: 0;
}
.header-login .formbody .checkbox_container input,
.header-dropdown > ul .checkbox_container input {
margin-bottom: 0;
}
.header-login .formbody .checkbox_container label,
.header-dropdown > ul .checkbox_container label {
display: inline;
}
.header-login .formbody {
min-width: 16.92308em;
}
.header-dropdown > ul {
min-width: 150%;
padding: 0.76923em 0;
list-style: none;
}
.header-dropdown > ul li:before {
content: none;
}
.header-dropdown > ul a,
.header-dropdown > ul strong,
.header-dropdown > ul span.trail,
.header-dropdown > ul span.active,
.header-dropdown > ul span.forward {
display: block;
padding: 0.30769em 1.53846em;
color: inherit;
text-decoration: none;
}
.header-dropdown > ul a:hover,
.header-dropdown > ul a:focus {
text-decoration: underline;
}
.header-dropdown > ul span.trail,
.header-dropdown > ul span.active,
.header-dropdown > ul span.forward {
font-weight: bold;
}
.header-login.is-active > h1, .header-login.is-active > h2, .header-login.is-active > h3, .header-login.is-active > h4, .header-login.is-active > h5, .header-login.is-active > h6,
.header-dropdown:hover > h1,
.header-dropdown:hover > h2,
.header-dropdown:hover > h3,
.header-dropdown:hover > h4,
.header-dropdown:hover > h5,
.header-dropdown:hover > h6,
.header-dropdown:focus > h1,
.header-dropdown:focus > h2,
.header-dropdown:focus > h3,
.header-dropdown:focus > h4,
.header-dropdown:focus > h5,
.header-dropdown:focus > h6 {
border-color: #d2cbcb;
color: #636363;
background-color: #f6f6f6;
}
.header-login.is-active > h1:after,
.header-login.is-active > h2:after,
.header-login.is-active > h3:after,
.header-login.is-active > h4:after,
.header-login.is-active > h5:after,
.header-login.is-active > h6:after {
content: "\d7";
}
.header-login.is-active .formbody,
.header-dropdown:focus-within > ul,
.header-dropdown:hover > ul,
.header-dropdown:focus > ul {
display: block;
}
.header-navigation {
zoom: 1;
position: relative;
border-bottom: 1px solid #e5dede;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.header-navigation:before {
content: "";
display: table;
}
.header-navigation:after {
content: "";
display: table;
clear: both;
}
.tao-boxed .header-navigation {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #d2cbcb;
border-left: 1px solid #d2cbcb;
}
@media screen and (max-width: 1188px) {
.header-navigation {
}
.tao-boxed .header-navigation {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-navigation {
max-width: none;
border-right: 0;
border-left: 0;
}
.header-navigation-inner {
position: relative;
height: 5.25em;
min-height: 3.125em;
color: #636363;
}
@media screen and (max-width: 900px) {
.header-navigation-inner {
height: auto;
min-height: 0;
}
}
.logo {
position: absolute;
top: 2%;
bottom: 2%;
left: 2%;
left: calc(2% + var(--safe-area-left));
margin: 0;
font-size: inherit;
}
@media screen and (max-width: 900px) {
.logo {
position: static;
margin-left: 5.55556%;
margin-left: var(--page-padding-left);
padding-top: 1.5em;
padding-bottom: 0.75em;
}
}
@media screen and (max-width: 599px) {
.logo {
text-align: center;
margin-left: 0;
padding-top: 0.75em;
}
}
.logo a {
display: block;
height: 100%;
}
@media screen and (max-width: 900px) {
.logo a {
display: inline;
}
}
.logo img {
display: block;
width: auto;
height: 100%;
}
@media screen and (max-width: 900px) {
.logo img {
display: inline;
height: auto;
max-height: 4.0625em;
}
}
.main-navigation-wrapper {
position: relative;
clear: both;
border: 1px solid #d2cbcb;
background: #ffffff;
background: linear-gradient(#ffffff, #fafafa);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.main-navigation {
float: right;
height: 100%;
margin-right: 5.55556%;
margin-right: calc(5.55556% + var(--safe-area-right));
padding-right: 2.75em;
}
@media screen and (max-width: 900px) {
.main-navigation {
position: relative;
float: none;
height: 3.125em;
margin-right: 0;
padding-right: 1.5em;
padding-right: calc(1.5em + var(--safe-area-right));
padding-left: 1.5em;
padding-left: calc(1.5em + var(--safe-area-left));
}
}
@media screen and (max-width: 599px) {
.main-navigation {
display: none;
}
}
.main-navigation a,
.main-navigation strong,
.main-navigation span.active,
.main-navigation span.trail,
.main-navigation span.forward {
font-weight: inherit;
}
.main-navigation a:before,
.main-navigation strong:before,
.main-navigation span.active:before,
.main-navigation span.trail:before,
.main-navigation span.forward:before {
content: none;
display: none;
}
.main-navigation ul {
display: inline;
margin: 0;
padding: 0;
}
.main-navigation > ul > li {
position: relative;
float: left;
height: 100%;
}
.main-navigation > ul > li.-mega {
position: static;
}
.main-navigation > ul > li:before {
position: absolute;
top: 50%;
left: 0.5em;
margin-top: -0.33333em;
font-size: 0.75em;
}
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
position: relative;
float: left;
height: 100%;
padding: 0 1.429em;
font-size: 0.875em;
color: #636363;
}
.main-navigation > ul > li > a:before,
.main-navigation > ul > li > strong:before,
.main-navigation > ul > li > span.active:before,
.main-navigation > ul > li > span.trail:before,
.main-navigation > ul > li > span.forward:before {
content: "";
display: block;
height: 50%;
margin-bottom: -0.71429em;
}
.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong:after,
.main-navigation > ul > li > span.active:after,
.main-navigation > ul > li > span.trail:after,
.main-navigation > ul > li > span.forward:after {
content: "";
position: absolute;
top: -1px;
right: 50%;
left: 50%;
border-top: 2px solid #636363;
transition: right 0.4s ease-out, left 0.4s ease-out;
}
@media screen and (max-width: 900px) {
.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong:after,
.main-navigation > ul > li > span.active:after,
.main-navigation > ul > li > span.trail:after,
.main-navigation > ul > li > span.forward:after {
top: auto;
bottom: -1px;
}
}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus {
color: #b90504;
text-decoration: none;
}
.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
color: #b90504;
}
.main-navigation > ul > li > ul {
position: absolute;
top: 100%;
left: 0.5em;
display: block;
overflow: hidden;
max-height: 0;
min-width: 11.25em;
padding: 0;
border: solid #e5dede;
border-width: 1px 1px 2px;
border-top-color: #e5dede;
border-radius: 0 0 3px 3px;
background: #ffffff;
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
}
.main-navigation > ul > li > ul li {
position: relative;
display: block;
padding: 0.125em 0;
border-bottom: 1px solid #e5dede;
white-space: nowrap;
}
.main-navigation > ul > li > ul li li {
margin: 0;
border: 0;
}
.main-navigation > ul > li > ul li[data-icon]:before,
.main-navigation > ul > li > ul li[class^="icon-"]:before,
.main-navigation > ul > li > ul li[class*=" icon-"]:before {
position: absolute;
top: 0.64286em;
left: 0.28571em;
z-index: 1;
font-size: 0.875em;
}
.main-navigation > ul > li > ul li[data-icon] a,
.main-navigation > ul > li > ul li[data-icon] strong,
.main-navigation > ul > li > ul li[data-icon] span.active,
.main-navigation > ul > li > ul li[data-icon] span.trail,
.main-navigation > ul > li > ul li[data-icon] span.forward,
.main-navigation > ul > li > ul li[class^="icon-"] a,
.main-navigation > ul > li > ul li[class^="icon-"] strong,
.main-navigation > ul > li > ul li[class^="icon-"] span.active,
.main-navigation > ul > li > ul li[class^="icon-"] span.trail,
.main-navigation > ul > li > ul li[class^="icon-"] span.forward,
.main-navigation > ul > li > ul li[class*=" icon-"] a,
.main-navigation > ul > li > ul li[class*=" icon-"] strong,
.main-navigation > ul > li > ul li[class*=" icon-"] span.active,
.main-navigation > ul > li > ul li[class*=" icon-"] span.trail,
.main-navigation > ul > li > ul li[class*=" icon-"] span.forward {
padding-left: 1.71429em;
}
.main-navigation > ul > li > ul a,
.main-navigation > ul > li > ul strong,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
position: relative;
display: block;
padding: 0.21429em 0.42857em;
margin: 0;
font-size: 0.875em;
}
.main-navigation > ul > li > ul a {
border-radius: 3px;
color: #636363;
transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
.main-navigation > ul > li > ul a:hover {
text-decoration: none;
color: #b90504;
background-color: #e5dede;
transition-duration: 0.05s;
}
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
color: #b90504;
}
.main-navigation > ul > li > ul ul {
display: block;
padding-left: 0.625em;
}
.main-navigation > ul > li:focus-within:after,
.main-navigation > ul > li:hover:after {
content: "";
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin-top: 0.625em;
}
.main-navigation > ul > li:focus-within > a,
.main-navigation > ul > li:focus-within > strong,
.main-navigation > ul > li:focus-within > span.active,
.main-navigation > ul > li:focus-within > span.trail,
.main-navigation > ul > li:focus-within > span.forward,
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.main-navigation > ul > li:hover > span.active,
.main-navigation > ul > li:hover > span.trail,
.main-navigation > ul > li:hover > span.forward {
z-index: 2;
}
.main-navigation > ul > li:focus-within > a:after,
.main-navigation > ul > li:focus-within > strong:after,
.main-navigation > ul > li:focus-within > span.active:after,
.main-navigation > ul > li:focus-within > span.trail:after,
.main-navigation > ul > li:focus-within > span.forward:after,
.main-navigation > ul > li:hover > a:after,
.main-navigation > ul > li:hover > strong:after,
.main-navigation > ul > li:hover > span.active:after,
.main-navigation > ul > li:hover > span.trail:after,
.main-navigation > ul > li:hover > span.forward:after {
right: 1.42857em;
left: 1.42857em;
transition-duration: 0.1s, 0.1s;
}
.main-navigation > ul > li:focus-within > ul,
.main-navigation > ul > li:hover > ul {
z-index: 1;
max-height: 9999px;
padding: 0.875em 1em;
opacity: 1;
transition: opacity 0.2s;
pointer-events: auto;
}
.modernizr-no-pointerevents .main-navigation > ul > li > ul {
border-width: 0;
}
.modernizr-no-pointerevents .main-navigation > ul > li:focus-within > ul,
.modernizr-no-pointerevents .main-navigation > ul > li:hover > ul {
border-width: 1px 1px 2px;
}
.main-navigation > ul > li:last-of-type > ul {
left: auto;
right: -0.125em;
}
.mega-dropdown {
position: absolute;
top: 100%;
left: 3.7037%;
left: var(--page-padding-left);
display: block;
width: 92.59259%;
width: var(--page-inner-width);
max-height: 0;
padding: 0;
overflow: hidden;
border: solid #e5dede;
border-width: 1px 1px 2px;
border-top-color: #e5dede;
border-radius: 0 0 3px 3px;
font-size: 0.875em;
background: #ffffff;
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
/* Fixes chrome text flicker */
-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 900px) {
.mega-dropdown {
background-image: none !important;
left: 0;
width: 100%;
}
}
li:focus-within > .mega-dropdown,
li:hover > .mega-dropdown {
z-index: 1;
max-height: 9999px;
overflow: visible;
padding: 1.57143em 3.7037%;
opacity: 1;
transition: opacity 0.2s;
pointer-events: auto;
}
@media screen and (max-width: 900px) {
li:focus-within > .mega-dropdown,
li:hover > .mega-dropdown {
padding-right: 5.55556%;
padding-right: var(--page-padding-right);
padding-left: 5.55556%;
padding-left: var(--page-padding-left);
}
}
.modernizr-no-pointerevents .mega-dropdown {
border-width: 0;
}
.modernizr-no-pointerevents li:focus-within > .mega-dropdown,
.modernizr-no-pointerevents li:hover > .mega-dropdown {
border-width: 1px 1px 2px;
}
.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3 {
margin: 0 0 0.71429em;
font-size: inherit;
font-weight: bold;
color: #b90504;
}
.mega-dropdown-column h1 a,
.mega-dropdown-column h2 a,
.mega-dropdown-column h3 a {
color: inherit;
}
.mega-dropdown-column p {
margin: 1em 0;
}
.mega-dropdown-column ul a {
display: inline-block;
padding: 0.28571em 0 0.21429em;
color: #636363;
}
.mega-dropdown-column ul a:hover {
color: #b90504;
}
.mega-dropdown-column li li {
margin-left: 1.42857em;
}
.mega-dropdown-image {
margin: 1.42857em 0;
}
.mega-dropdown-image img {
display: block;
width: 100%;
height: auto;
}
.main-navigation-search {
position: absolute;
top: 50%;
right: 3.7037%;
right: var(--page-padding-right);
z-index: 3;
height: 2.85714em;
min-width: 3.42857em;
margin-top: -1.35714em;
border-radius: 3px;
overflow: hidden;
font-size: 0.875em;
background: #ffffff;
}
@media screen and (max-width: 900px) {
.main-navigation-search {
right: 5.55556%;
right: var(--page-padding-right);
top: auto;
bottom: 4.6875em;
margin-top: 0;
z-index: 0;
}
}
@media screen and (max-width: 599px) {
.main-navigation-search {
display: none;
}
}
.main-navigation-search:after {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 1.07143em;
margin: -0.5em 0 0;
border-left: 1px solid #e5dede;
}
.main-navigation-search input {
/* Fixes border-radius on iOS 7 */
-webkit-appearance: none;
float: right;
width: 11.78571em;
margin: 0.57143em 0.85714em 0 -10.35714em;
padding: 0.14286em 0 0.21429em;
border: 0;
border-bottom: 1px solid #ffffff;
border-radius: 0;
font-size: inherit;
background: none;
box-shadow: none;
transition: margin-left 0.2s ease-out;
}
.main-navigation-search:hover,
.main-navigation-search.focus {
margin-right: -1px;
border: 1px solid #e5dede;
}
.main-navigation-search:hover input,
.main-navigation-search.focus input {
margin-left: 0.85714em;
border-color: #d2cbcb;
box-shadow: none;
}
.main-navigation-search:hover:after,
.main-navigation-search.focus:after {
content: none;
}
@media screen and (max-width: 900px) {
.main-navigation-search {
margin-right: -1px;
border: 1px solid #e5dede;
}
.main-navigation-search input {
margin-left: 0.85714em;
border-color: #d2cbcb;
box-shadow: none;
}
.main-navigation-search:after {
content: none;
}
}
.main-navigation-search button {
position: absolute;
top: 0;
right: 0;
width: 3.57143em;
height: 100%;
margin: 0;
padding: 0;
border: 0;
color: #636363;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}
.main-navigation-search button:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-align: center;
}
.main-navigation-search button:hover,
.main-navigation-search button:focus {
color: #b90504;
}
.main-navigation-mobile-open {
position: absolute;
top: 41px;
top: calc(41px + var(--safe-area-top));
left: 6.66667%;
left: calc(6.66667% + var(--safe-area-left));
width: 44px;
height: 39px;
margin: -20px 0 0 -11px;
padding: 11px;
display: none;
z-index: 200;
text-indent: -99em;
line-height: 0;
}
.main-navigation-mobile-open:after {
content: "";
display: block;
height: 3px;
border-radius: 2px;
background: #636363;
box-shadow: 0 7px #636363, 0 14px #636363;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile-open {
display: block;
}
}
.main-navigation-mobile-close {
position: absolute;
top: 0;
right: -17.64706%;
display: none;
width: 17.64706%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
border: 0 !important;
text-indent: -99em;
background: none !important;
box-shadow: none !important;
}
.is-active > .main-navigation-mobile-close {
display: block;
}
.main-navigation-mobile {
/* Hide mobile navigation by default */
display: none;
padding: 0;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
padding-left: var(--safe-area-left);
border-top: 1px solid #000000;
color: #ffffff;
background: #333333;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile {
display: block;
}
}
.modernizr-js .main-navigation-mobile {
display: none;
}
.main-navigation-mobile.is-enabled {
position: absolute;
top: 0;
left: -85%;
z-index: 201;
width: 85%;
min-height: 100%;
transition: left 0.2s ease-out;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile.is-enabled {
display: block;
}
}
.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: 0;
transform: translate3d(-100%, 0, 0);
transition: transform 0.2s ease-out;
}
.main-navigation-mobile.is-active {
left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.modernizr-csstransforms3d .main-navigation-mobile.is-active {
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile ul {
display: block;
margin: 0;
padding: 0;
}
.main-navigation-mobile ul ul {
background: #333333;
box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}
.main-navigation-mobile .is-collapsed > ul {
display: none;
}
.main-navigation-mobile li {
position: relative;
display: block;
}
.main-navigation-mobile li:before {
content: none;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
display: block;
padding: 0.64286em 0.92857em 0.57143em;
border-bottom: 1px solid #000000;
color: inherit;
background-color: #333333;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
transition: background-color 0.6s ease-out;
}
.main-navigation-mobile a:before,
.main-navigation-mobile strong:before,
.main-navigation-mobile span.active:before,
.main-navigation-mobile span.trail:before,
.main-navigation-mobile span.forward:before {
margin-right: 0.42857em;
}
.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
outline: none;
text-decoration: none;
background-color: #262626;
transition: background-color 0.2s ease-out;
}
.main-navigation-mobile a.active,
.main-navigation-mobile a.trail,
.main-navigation-mobile strong.active,
.main-navigation-mobile strong.trail,
.main-navigation-mobile strong.forward,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
font-weight: bold;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
background-color: #474747;
box-shadow: inset 0 0 5px #333333;
}
.main-navigation-mobile li li {
color: #bfbfbf;
}
.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.main-navigation-mobile li li span.active,
.main-navigation-mobile li li span.trail,
.main-navigation-mobile li li span.forward {
padding-left: 1.85714em;
}
.main-navigation-mobile li li li a,
.main-navigation-mobile li li li strong,
.main-navigation-mobile li li li span.active,
.main-navigation-mobile li li li span.trail,
.main-navigation-mobile li li li span.forward {
padding-left: 2.78571em;
}
.main-navigation-mobile li li li li a,
.main-navigation-mobile li li li li strong,
.main-navigation-mobile li li li li span.active,
.main-navigation-mobile li li li li span.trail,
.main-navigation-mobile li li li li span.forward {
padding-left: 3.71429em;
}
.main-navigation-mobile li li li li li a,
.main-navigation-mobile li li li li li strong,
.main-navigation-mobile li li li li li span.active,
.main-navigation-mobile li li li li li span.trail,
.main-navigation-mobile li li li li li span.forward {
padding-left: 4.64286em;
}
.main-navigation-mobile .main-navigation-mobile-expand {
position: absolute;
top: 0.21429em;
right: 0;
overflow: hidden;
margin: 0;
padding: 0.57143em 0.92857em;
border: solid transparent;
border-width: 0.21429em 0;
box-shadow: inset 1px 0 #1f1f1f;
border-radius: 0;
outline: none;
line-height: 0;
color: inherit;
text-indent: -99em;
text-shadow: none;
background: none;
}
.main-navigation-mobile .main-navigation-mobile-expand:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
}
.main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after {
content: "\e00c";
}
.main-navigation-mobile-search {
position: relative;
margin: 5%;
}
.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
width: 100%;
border: 1px solid #000000;
background: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
.main-navigation-mobile-search button {
position: absolute;
top: 0.07143em;
right: 0;
width: 3.57143em;
height: 100%;
margin: 0;
padding: 0;
border: 0;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}
.main-navigation-mobile-search button:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-align: center;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons {
margin: 1em 0;
text-align: center;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons li {
display: inline;
padding: 0;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a {
display: inline-block;
width: 2.85714em;
height: 2.85714em;
overflow: hidden;
padding: 0;
border: 0;
border-radius: 3px;
box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
font-size: 1.28571em;
line-height: 2.22278;
margin: 0 0 100%;
color: #ffffff !important;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
color: inherit !important;
}
.tagline {
zoom: 1;
border-bottom: 1px solid #e5dede;
background: #f6f6f6;
}
.tagline:before {
content: "";
display: table;
}
.tagline:after {
content: "";
display: table;
clear: both;
}
.tagline .page-title {
float: left;
font-size: 20px;
font-weight: normal;
margin-top: 1.15789em;
}
@media screen and (max-width: 599px) {
.tagline .page-title {
float: none;
text-align: center;
}
}
.tagline .mod_breadcrumb {
float: right;
margin: 0;
padding: 2.15385em 0 1.84615em;
}
@media screen and (max-width: 599px) {
.tagline .mod_breadcrumb {
float: none;
margin: 1.69231em 0;
padding: 0;
text-align: center;
}
}
.tagline .media > figure,
.tagline .content-image > figure,
.tagline .image_container {
display: block;
clear: both;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
.tagline img {
display: block;
}
.tagline-no-border .tagline {
border: 0;
}
.tagline-inner {
position: relative;
/* clearfix */
overflow: hidden;
color: #4c4545;
transform: translateZ(0);
}
.content-wrapper {
zoom: 1;
}
.content-wrapper:before {
content: "";
display: table;
}
.content-wrapper:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 1188px) {
.content-wrapper {
padding-right: var(--safe-area-right);
padding-left: var(--safe-area-left);
}
}
.tao-fullwidth .content-wrapper {
max-width: none;
padding-right: 0;
padding-left: 0;
}
.centered-wrapper {
zoom: 1;
position: relative;
clear: both;
background: 50% 50% no-repeat;
background-size: cover;
}
.centered-wrapper:before {
content: "";
display: table;
}
.centered-wrapper:after {
content: "";
display: table;
clear: both;
}
.centered-wrapper.-border-top {
border-top: 1px solid #d2cbcb;
}
.centered-wrapper.-border-bottom {
border-bottom: 1px solid #d2cbcb;
}
.centered-wrapper.-color-inverted {
color: #ffffff;
}
.centered-wrapper.-highlight-color {
background-color: #b90504;
}
.centered-wrapper.-background-color-1 {
background-color: #333333;
}
.centered-wrapper.-background-color-2 {
background-color: #e0e0e0;
}
.centered-wrapper.-small {
min-height: 300px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-small {
min-height: 200px;
}
}
.centered-wrapper.-medium {
min-height: 600px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-medium {
min-height: 400px;
}
}
.centered-wrapper.-large {
min-height: 900px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-large {
min-height: 600px;
}
}
.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
overflow: hidden;
}
.centered-wrapper-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
}
.centered-wrapper-background video {
/* Change this to `object-fit: cover;` once all browsers support it, */
/* see http://stackoverflow.com/a/20851590 */
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
right: -12%;
}
.centered-wrapper-inner {
position: relative;
}
.centered-wrapper-inner.-fullwidth {
max-width: none;
margin: 0;
}
/* ===========================================
* Content
* ======================================== */
h1,
h2 {
line-height: 1.3;
}
h3,
h4,
h5,
h6 {
line-height: 1.5;
font-weight: normal;
}
.main-content {
float: right;
width: 59.25926%;
margin: 1.5em 7.40741% 3.75em 0;
}
@media screen and (max-width: 900px) {
.main-content {
float: none;
width: auto;
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-no-sidebar .main-content {
float: none;
width: auto;
margin-left: 3.57143%;
margin-right: 3.57143%;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .main-content {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-sidebar-right .main-content {
float: left;
margin-right: 0;
margin-left: 7.40741%;
}
@media screen and (max-width: 900px) {
.tao-sidebar-right .main-content {
float: none;
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-fullwidth .main-content {
margin: 0;
}
.tao-3-columns .main-content {
width: 48.14815%;
margin-right: 25.92593%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .main-content {
width: auto;
margin-right: 5.55556%;
}
}
.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
margin-top: 0.75em;
margin-bottom: 1.5em;
}
.main-content p > span[style] {
padding: 0 0.1875em;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
margin-top: 0.75em;
margin-bottom: 0.3em;
font-weight: normal;
}
.main-content h1 {
font-size: 2em;
font-weight: bold;
color: #990100;
}
.main-content .-color-inverted h1 {
color: #ffffff;
}
.main-content h2 {
font-size: 1.5em;
color: #b90504;
}
.main-content .-color-inverted h2 {
color: #c0c0c0;
}
.main-content h3 {
font-size: 1.3em;
}
.main-content h4 {
font-size: 1.1em;
}
.main-content h5 {
font-size: 1em;
line-height: 1.50056;
}
.main-content h6 {
font-size: 0.8em;
line-height: 1.50063;
letter-spacing: 0.0625em;
color: #575757;
text-transform: uppercase;
}
.-color-inverted .main-content h6 {
color: #c0c0c0;
}
.main-content ul,
.main-content ol {
padding-left: 1.25em;
}
.main-content ul li[data-icon],
.main-content ul li[class^="icon-"],
.main-content ul li[class*=" icon-"],
.main-content ol li[data-icon],
.main-content ol li[class^="icon-"],
.main-content ol li[class*=" icon-"] {
padding-left: 0.25em;
list-style: none;
}
.main-content ul li[data-icon]:before,
.main-content ul li[class^="icon-"]:before,
.main-content ul li[class*=" icon-"]:before,
.main-content ol li[data-icon]:before,
.main-content ol li[class^="icon-"]:before,
.main-content ol li[class*=" icon-"]:before {
left: -1.5em;
width: 0;
margin-right: 0;
color: #b90504;
}
.main-content ul {
list-style: disc;
}
.main-content ul ul {
margin-top: 0;
}
.main-content ol {
padding-left: 1.25em;
list-style: decimal;
}
.main-content ol ol,
.main-content ol ul {
margin-top: 0;
}
.main-content ol ol {
padding-left: 1.5em;
list-style: upper-alpha;
}
.main-content ol ol ol {
list-style: lower-roman;
}
.main-content ol ol ol ol {
list-style: lower-alpha;
}
.main-content blockquote {
position: relative;
margin: 1.28571em 0 1.28571em 1.90476em;
font-size: 1.3125em;
line-height: 1.33381;
color: #575757;
}
.-color-inverted .main-content blockquote {
color: #c0c0c0;
}
@media screen and (max-width: 599px) {
.main-content blockquote {
margin-left: 12.5%;
}
}
.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
font-size: 0.7619em;
line-height: 1.5625;
font-style: normal;
}
.main-content blockquote:before {
content: "\201c";
position: absolute;
top: 0;
left: -0.47619em;
margin: 0.47619em 0 0 -0.08333em;
font-size: 4em;
font-weight: bold;
line-height: 0;
opacity: 0.5;
}
@media screen and (max-width: 599px) {
.main-content blockquote:before {
left: -12.5%;
margin-left: -0.11905em;
}
}
.main-content img {
max-width: 100%;
height: auto;
}
.main-content .gm-style img {
max-width: none;
}
.main-content .rsts-main {
margin: 24px 0;
}
.main-content .main-slider {
margin: 0;
}
/* ===========================================
* Forms
* ======================================== */
:root {
--altcha-color-base: #ffffff;
--altcha-border-width: 1px;
--altcha-color-border: #d2cbcb;
--altcha-border-radius: 3px;
--altcha-color-border-focus: #b90504;
--altcha-color-text: #575757;
}
:root .-color-inverted {
--altcha-color-text: #c0c0c0;
}
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
}
form .widget {
position: relative;
clear: both;
}
form p b.error,
form p.error {
margin: 0;
display: block;
color: #990100;
}
input,
textarea {
padding: 0.85714em 1.35714em;
line-height: normal;
border: 1px solid #d2cbcb;
border-bottom-color: #c6bdbd;
border-radius: 3px;
font-size: 0.875em;
color: inherit;
background: #ffffff;
}
.valid input,
.valid textarea {
border-color: #b5da44;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #990100;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
color: #98a0ab;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #98a0ab;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #98a0ab;
}
input::placeholder,
textarea::placeholder {
color: #98a0ab;
}
input:hover,
textarea:hover {
border-color: #c6bdbd #c6bdbd #bdb2b2;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
border-color: #b90504;
}
.-color-inverted input,
.-color-inverted textarea {
background: #333333;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
outline: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}
input[type="checkbox"] {
vertical-align: middle;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
background: none;
}
input[type="file"] {
height: auto;
padding: 0;
border: 0;
/* IE8 and IE9 */
border: 1px solid #d2cbcb \9;
background: none;
box-shadow: none;
}
button,
input[type="submit"] {
margin-top: 1.125em;
}
textarea {
height: 200px;
resize: vertical;
line-height: 1.5;
outline: none;
}
fieldset {
margin: 1.125em 0;
border: 1px solid #d2cbcb;
}
fieldset legend {
padding: 0 0.3125em;
}
fieldset + br {
/* Kill
that Contao injects */
display: none;
}
.main-content form .widget {
margin-top: 1.125em;
margin-bottom: 1.125em;
}
.main-content label {
display: block;
margin-bottom: 0.35714em;
font-size: 0.875em;
color: #575757;
}
.-color-inverted .main-content label {
color: #c0c0c0;
}
.main-content label .mandatory {
margin-left: 0.14286em;
color: #b90504;
}
.main-content input[type="checkbox"] + label {
display: inline;
}
.main-content fieldset p {
margin: 0;
}
.main-content fieldset label {
display: inline;
margin: 0;
}
.main-content fieldset label:after {
/* add line break after label */
content: "\A";
white-space: pre;
}
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 75%;
}
@media screen and (max-width: 599px) {
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 100%;
}
}
.main-content input[type="submit"] {
width: auto;
}
@media screen and (max-width: 599px) {
.main-content input[type="submit"] {
width: 100%;
}
}
.explanation p,
.captcha_text p {
margin: 0;
}
.explanation {
font-size: 0.875em;
margin: -0.85714em 0 1.71429em;
color: #575757;
}
.-color-inverted .explanation {
color: #c0c0c0;
}
.captcha_text {
display: block;
}
label .captcha_text {
display: inline;
}
.sidebar form input,
.sidebar form textarea,
.sidebar form select,
.sidebar form fieldset,
.sidebar form button {
width: 100%;
}
.sidebar form label {
display: block;
margin-bottom: 0.3125em;
font-size: 1em;
}
.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
width: auto;
}
/* ===========================================
* Content elements
* ======================================== */
.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
position: relative;
display: inline-block;
max-width: 100%;
padding: 0.75em;
border: 1px solid #d2cbcb;
border-radius: 2px;
background: #ffffff;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.media > figure.float_above,
.content-image > figure.float_above,
.content-gallery figure.float_above,
.image_container.float_above {
margin-top: 1.5em;
}
.media > figure.float_below,
.content-image > figure.float_below,
.content-gallery figure.float_below,
.image_container.float_below {
margin-bottom: 1.5em;
}
.media > figure img,
.content-image > figure img,
.content-gallery figure img,
.image_container img {
display: block;
width: 100%;
height: auto;
}
.media > figure a,
.content-image > figure a,
.content-gallery figure a,
.image_container a {
position: relative;
display: block;
overflow: hidden;
/* Fixes IE bug */
text-decoration: none;
}
.media > figure a:hover:before, .media > figure a:focus:before,
.content-image > figure a:hover:before,
.content-image > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before,
.image_container a:hover:before,
.image_container a:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
}
.media > figure a:hover:after, .media > figure a:focus:after,
.content-image > figure a:hover:after,
.content-image > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after,
.image_container a:hover:after,
.image_container a:focus:after {
font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: #ffffff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.media > figure a:hover img, .media > figure a:focus img,
.content-image > figure a:hover img,
.content-image > figure a:focus img,
.content-gallery figure a:hover img,
.content-gallery figure a:focus img,
.image_container a:hover img,
.image_container a:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.media > figure figcaption, .media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
/* overwrite elements style attribute */
width: 100% !important;
padding: 0.42857em 0 0;
font-size: 0.875em;
color: #575757;
}
.no-border.content-gallery figure,
.no-border.media > figure,
.no-border .media > figure,
.no-border.content-image > figure,
.no-border .content-image > figure,
.no-border.image_container,
.no-border .image_container {
padding: 0;
border: 0;
box-shadow: none;
background: none;
}
.media--below {
display: flex;
flex-direction: column;
align-items: start;
}
.media--below > figure {
order: 1;
}
.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
float: right;
width: 37.5% !important;
margin: 1.5em 0 1.125em 6.25%;
}
@media screen and (max-width: 599px) {
.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
margin-left: 0;
float: none !important;
width: auto !important;
width: auto !important;
}
}
.tao-no-sidebar .media--right > figure, .tao-no-sidebar
.media--left > figure, .tao-no-sidebar
.image_container.float_right, .tao-no-sidebar
.image_container.float_left {
margin: 0.5em 0 1em 4%;
width: 24% !important;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .media--right > figure, .tao-no-sidebar
.media--left > figure, .tao-no-sidebar
.image_container.float_right, .tao-no-sidebar
.image_container.float_left {
margin-left: 6.25%;
width: 37.5% !important;
}
}
@media screen and (max-width: 599px) {
.tao-no-sidebar .media--right > figure, .tao-no-sidebar
.media--left > figure, .tao-no-sidebar
.image_container.float_right, .tao-no-sidebar
.image_container.float_left {
margin-left: 0;
width: auto !important;
}
}
.no-resize .media--right > figure, .tao-no-sidebar .no-resize .media--right > figure, .media--right > figure.no-resize, .tao-no-sidebar .media--right > figure.no-resize, .no-resize
.media--left > figure, .tao-no-sidebar .no-resize
.media--left > figure,
.media--left > figure.no-resize, .tao-no-sidebar
.media--left > figure.no-resize, .no-resize
.image_container.float_right, .tao-no-sidebar .no-resize
.image_container.float_right,
.image_container.float_right.no-resize, .tao-no-sidebar
.image_container.float_right.no-resize, .no-resize
.image_container.float_left, .tao-no-sidebar .no-resize
.image_container.float_left,
.image_container.float_left.no-resize, .tao-no-sidebar
.image_container.float_left.no-resize {
width: auto !important;
}
.media--right.no-resize > figure, .tao-no-sidebar .media--right.no-resize > figure,
.media--left.no-resize > figure, .tao-no-sidebar
.media--left.no-resize > figure {
width: auto !important;
}
.media--left > figure,
.image_container.float_left {
float: left;
margin: 0.5em 6.25% 1em 0;
}
@media screen and (max-width: 599px) {
.media--left > figure,
.image_container.float_left {
margin-right: 0;
}
}
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin: 0.5em 3.84615% 1em 0;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin-right: 6.25%;
}
}
@media screen and (max-width: 599px) {
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin-right: 0;
}
}
.no-resize .media:not(.media--left):not(.media--right) > figure img, .media:not(.media--left):not(.media--right) > figure.no-resize img, .no-resize
.image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
width: auto;
max-width: 100%;
}
.media:not(.media--left):not(.media--right).no-resize > figure img {
width: auto;
max-width: 100%;
}
.ce_youtube-wrapper,
.ce_vimeo-wrapper {
position: relative;
margin: 1.5em 0;
/* ratio 16 to 9 */
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed,
.ce_vimeo-wrapper iframe,
.ce_vimeo-wrapper object,
.ce_vimeo-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs__video:not(.mejs__container-fullscreen),
.mejs__audio:not(.mejs__container-fullscreen) {
margin: 1.25em 0;
}
.mejs__video:not(.mejs__container-fullscreen) video,
.mejs__audio:not(.mejs__container-fullscreen) video {
object-fit: cover;
}
.mejs__video button,
.mejs__audio button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius: 0;
box-shadow: none;
}
.content-player video,
.content-player audio,
.video_container video,
.audio_container audio {
display: block;
width: 100%;
}
.content-player video,
.video_container video {
height: auto;
}
.content-player > figure,
.content-youtube > figure,
.content-vimeo > figure,
.video_container {
margin: 1.25em 0;
}
.content-player iframe,
.content-youtube iframe,
.content-vimeo iframe,
.video_container iframe {
border: 0;
}
.content-player .aspect,
.content-player .responsive,
.content-youtube .aspect,
.content-youtube .responsive,
.content-vimeo .aspect,
.content-vimeo .responsive,
.video_container .aspect,
.video_container .responsive {
position: relative;
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169,
.content-player .responsive.aspect--16\:9,
.content-player .responsive.ratio-169,
.content-youtube .aspect.aspect--16\:9,
.content-youtube .aspect.ratio-169,
.content-youtube .responsive.aspect--16\:9,
.content-youtube .responsive.ratio-169,
.content-vimeo .aspect.aspect--16\:9,
.content-vimeo .aspect.ratio-169,
.content-vimeo .responsive.aspect--16\:9,
.content-vimeo .responsive.ratio-169,
.video_container .aspect.aspect--16\:9,
.video_container .aspect.ratio-169,
.video_container .responsive.aspect--16\:9,
.video_container .responsive.ratio-169 {
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610,
.content-player .responsive.aspect--16\:10,
.content-player .responsive.ratio-1610,
.content-youtube .aspect.aspect--16\:10,
.content-youtube .aspect.ratio-1610,
.content-youtube .responsive.aspect--16\:10,
.content-youtube .responsive.ratio-1610,
.content-vimeo .aspect.aspect--16\:10,
.content-vimeo .aspect.ratio-1610,
.content-vimeo .responsive.aspect--16\:10,
.content-vimeo .responsive.ratio-1610,
.video_container .aspect.aspect--16\:10,
.video_container .aspect.ratio-1610,
.video_container .responsive.aspect--16\:10,
.video_container .responsive.ratio-1610 {
padding-bottom: 62.5%;
}
.content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219,
.content-player .responsive.aspect--21\:9,
.content-player .responsive.ratio-219,
.content-youtube .aspect.aspect--21\:9,
.content-youtube .aspect.ratio-219,
.content-youtube .responsive.aspect--21\:9,
.content-youtube .responsive.ratio-219,
.content-vimeo .aspect.aspect--21\:9,
.content-vimeo .aspect.ratio-219,
.content-vimeo .responsive.aspect--21\:9,
.content-vimeo .responsive.ratio-219,
.video_container .aspect.aspect--21\:9,
.video_container .aspect.ratio-219,
.video_container .responsive.aspect--21\:9,
.video_container .responsive.ratio-219 {
padding-bottom: 42.85714%;
}
.content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43,
.content-player .responsive.aspect--4\:3,
.content-player .responsive.ratio-43,
.content-youtube .aspect.aspect--4\:3,
.content-youtube .aspect.ratio-43,
.content-youtube .responsive.aspect--4\:3,
.content-youtube .responsive.ratio-43,
.content-vimeo .aspect.aspect--4\:3,
.content-vimeo .aspect.ratio-43,
.content-vimeo .responsive.aspect--4\:3,
.content-vimeo .responsive.ratio-43,
.video_container .aspect.aspect--4\:3,
.video_container .aspect.ratio-43,
.video_container .responsive.aspect--4\:3,
.video_container .responsive.ratio-43 {
padding-bottom: 75%;
}
.content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32,
.content-player .responsive.aspect--3\:2,
.content-player .responsive.ratio-32,
.content-youtube .aspect.aspect--3\:2,
.content-youtube .aspect.ratio-32,
.content-youtube .responsive.aspect--3\:2,
.content-youtube .responsive.ratio-32,
.content-vimeo .aspect.aspect--3\:2,
.content-vimeo .aspect.ratio-32,
.content-vimeo .responsive.aspect--3\:2,
.content-vimeo .responsive.ratio-32,
.video_container .aspect.aspect--3\:2,
.video_container .aspect.ratio-32,
.video_container .responsive.aspect--3\:2,
.video_container .responsive.ratio-32 {
padding-bottom: 66.66667%;
}
.content-player .aspect iframe,
.content-player .aspect [data-splash-screen],
.content-player .aspect img,
.content-player .responsive iframe,
.content-player .responsive [data-splash-screen],
.content-player .responsive img,
.content-youtube .aspect iframe,
.content-youtube .aspect [data-splash-screen],
.content-youtube .aspect img,
.content-youtube .responsive iframe,
.content-youtube .responsive [data-splash-screen],
.content-youtube .responsive img,
.content-vimeo .aspect iframe,
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .aspect img,
.content-vimeo .responsive iframe,
.content-vimeo .responsive [data-splash-screen],
.content-vimeo .responsive img,
.video_container .aspect iframe,
.video_container .aspect [data-splash-screen],
.video_container .aspect img,
.video_container .responsive iframe,
.video_container .responsive [data-splash-screen],
.video_container .responsive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content-player .aspect [data-splash-screen],
.content-player .responsive [data-splash-screen],
.content-youtube .aspect [data-splash-screen],
.content-youtube .responsive [data-splash-screen],
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .responsive [data-splash-screen],
.video_container .aspect [data-splash-screen],
.video_container .responsive [data-splash-screen] {
margin: 0;
color: inherit;
}
.content-player .aspect [data-splash-screen] p,
.content-player .responsive [data-splash-screen] p,
.content-youtube .aspect [data-splash-screen] p,
.content-youtube .responsive [data-splash-screen] p,
.content-vimeo .aspect [data-splash-screen] p,
.content-vimeo .responsive [data-splash-screen] p,
.video_container .aspect [data-splash-screen] p,
.video_container .responsive [data-splash-screen] p {
position: relative;
}
.content-gallery.content-gallery--cols-1 > ul > li,
.content-gallery > ul.cols_1 > li,
.ce_gallery.content-gallery--cols-1 > ul > li,
.ce_gallery > ul.cols_1 > li {
width: 97%;
}
.content-gallery.content-gallery--cols-2 > ul > li,
.content-gallery > ul.cols_2 > li,
.ce_gallery.content-gallery--cols-2 > ul > li,
.ce_gallery > ul.cols_2 > li {
width: 47.75%;
}
.content-gallery.content-gallery--cols-3 > ul > li,
.content-gallery > ul.cols_3 > li,
.ce_gallery.content-gallery--cols-3 > ul > li,
.ce_gallery > ul.cols_3 > li {
width: 31.33333%;
}
.content-gallery.content-gallery--cols-4 > ul > li,
.content-gallery > ul.cols_4 > li,
.ce_gallery.content-gallery--cols-4 > ul > li,
.ce_gallery > ul.cols_4 > li {
width: 23.125%;
}
.content-gallery.content-gallery--cols-5 > ul > li,
.content-gallery > ul.cols_5 > li,
.ce_gallery.content-gallery--cols-5 > ul > li,
.ce_gallery > ul.cols_5 > li {
width: 18.2%;
}
.content-gallery.content-gallery--cols-6 > ul > li,
.content-gallery > ul.cols_6 > li,
.ce_gallery.content-gallery--cols-6 > ul > li,
.ce_gallery > ul.cols_6 > li {
width: 14.91667%;
}
.content-gallery.content-gallery--cols-7 > ul > li,
.content-gallery > ul.cols_7 > li,
.ce_gallery.content-gallery--cols-7 > ul > li,
.ce_gallery > ul.cols_7 > li {
width: 12.57143%;
}
.content-gallery.content-gallery--cols-8 > ul > li,
.content-gallery > ul.cols_8 > li,
.ce_gallery.content-gallery--cols-8 > ul > li,
.ce_gallery > ul.cols_8 > li {
width: 10.8125%;
}
.content-gallery.content-gallery--cols-9 > ul > li,
.content-gallery > ul.cols_9 > li,
.ce_gallery.content-gallery--cols-9 > ul > li,
.ce_gallery > ul.cols_9 > li {
width: 9.44444%;
}
.content-gallery.content-gallery--cols-10 > ul > li,
.content-gallery > ul.cols_10 > li,
.ce_gallery.content-gallery--cols-10 > ul > li,
.ce_gallery > ul.cols_10 > li {
width: 8.35%;
}
.content-gallery.content-gallery--cols-11 > ul > li,
.content-gallery > ul.cols_11 > li,
.ce_gallery.content-gallery--cols-11 > ul > li,
.ce_gallery > ul.cols_11 > li {
width: 7.45455%;
}
.content-gallery.content-gallery--cols-12 > ul > li,
.content-gallery > ul.cols_12 > li,
.ce_gallery.content-gallery--cols-12 > ul > li,
.ce_gallery > ul.cols_12 > li {
width: 6.70833%;
}
@media screen and (max-width: 599px) {
.content-gallery.content-gallery > ul > li, .content-gallery.ce_gallery > ul > li,
.ce_gallery.content-gallery > ul > li,
.ce_gallery.ce_gallery > ul > li {
/* doubled class for specificity */
width: auto;
}
}
.content-gallery.no-resize > ul > li,
.ce_gallery.no-resize > ul > li {
width: auto;
}
.main-content .content-gallery, .main-content
.ce_gallery {
margin: 1.5em 0;
}
.content-gallery > ul,
.ce_gallery > ul {
zoom: 1;
display: flex;
flex-wrap: wrap;
margin: 0 -1.545% !important;
padding: 0 0 1.545% 0 !important;
list-style: none !important;
}
.content-gallery > ul:before,
.ce_gallery > ul:before {
content: "";
display: table;
}
.content-gallery > ul:after,
.ce_gallery > ul:after {
content: "";
display: table;
clear: both;
}
.content-gallery > ul > li,
.ce_gallery > ul > li {
float: left;
width: 23.125%;
margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 599px) {
.content-gallery > ul > li,
.ce_gallery > ul > li {
margin-right: 1.5%;
margin-bottom: 1.5%;
}
}
.content-gallery > ul > li > figure,
.content-gallery > ul > li > .image_container,
.ce_gallery > ul > li > figure,
.ce_gallery > ul > li > .image_container {
display: block;
width: 100%;
}
.content-gallery img,
.ce_gallery img {
display: block;
width: 100%;
height: auto;
}
.content-downloads,
.sidebar .content-downloads,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
margin: 1.6875em 0;
padding: 1.25em 1.875em;
border: 1px solid #d2cbcb;
border-radius: 3px;
}
.content-downloads h1, .content-downloads h2, .content-downloads h3, .content-downloads h4, .content-downloads h5, .content-downloads h6,
.sidebar .content-downloads h1,
.sidebar .content-downloads h2,
.sidebar .content-downloads h3,
.sidebar .content-downloads h4,
.sidebar .content-downloads h5,
.sidebar .content-downloads h6,
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
margin: -1.75em -2.58333em 1.66667em;
padding: 0.66667em 1.66667em;
border-radius: 3px 3px 0 0;
font-size: 0.75em;
font-weight: bold;
letter-spacing: 0.08333em;
color: #ffffff;
text-transform: uppercase;
background: #990100;
}
.content-downloads h1:before, .content-downloads h2:before, .content-downloads h3:before, .content-downloads h4:before, .content-downloads h5:before, .content-downloads h6:before,
.sidebar .content-downloads h1:before,
.sidebar .content-downloads h2:before,
.sidebar .content-downloads h3:before,
.sidebar .content-downloads h4:before,
.sidebar .content-downloads h5:before,
.sidebar .content-downloads h6:before,
.enclosure h1:before,
.enclosure h2:before,
.enclosure h3:before,
.enclosure h4:before,
.enclosure h5:before,
.enclosure h6:before,
.sidebar .enclosure h1:before,
.sidebar .enclosure h2:before,
.sidebar .enclosure h3:before,
.sidebar .enclosure h4:before,
.sidebar .enclosure h5:before,
.sidebar .enclosure h6:before,
.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before,
.sidebar .ce_downloads h1:before,
.sidebar .ce_downloads h2:before,
.sidebar .ce_downloads h3:before,
.sidebar .ce_downloads h4:before,
.sidebar .ce_downloads h5:before,
.sidebar .ce_downloads h6:before {
font: 1.16667em/1 "RockSolid Icons";
content: "\e06d";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: 0.07143em;
float: right;
}
.content-downloads ul, .content-downloads p,
.sidebar .content-downloads ul,
.sidebar .content-downloads p,
.enclosure ul,
.enclosure p,
.sidebar .enclosure ul,
.sidebar .enclosure p,
.ce_downloads ul,
.ce_downloads p,
.sidebar .ce_downloads ul,
.sidebar .ce_downloads p {
margin: 0;
padding: 0;
list-style: none;
}
.swiper-button-prev.swiper-button-prev,
.swiper-button-next.swiper-button-next {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
background: transparent;
}
:root:root {
--swiper-theme-color: #b90504;
}
.ce_accordion {
color: #575757;
}
.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
position: relative;
}
.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
position: absolute;
top: 0.75em;
left: 1em;
z-index: 1;
font-size: 1.25em;
}
.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
padding-left: 3.125em;
}
.ce_accordion .toggler {
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.6875em 2.5em 0.8125em 1.25em;
border: 1px solid #d2cbcb;
border-radius: 3px;
outline: none;
font-weight: bold;
cursor: pointer;
background: #ffffff;
}
.ce_accordion .toggler:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 1.38462em;
right: 1.53846em;
}
.ce_accordion .toggler:hover {
color: #b90504;
text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
content: "\2212";
}
.ce_accordion + .ce_accordion .toggler {
border-radius: 0 0 3px 3px;
}
.ce_accordion .accordion {
zoom: 1;
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.0625em 1.25em;
border: 1px solid #d2cbcb;
border-top-color: #e8e5e5;
border-radius: 0 0 3px 3px;
background: #e5e5e5;
}
.ce_accordion .accordion:before {
content: "";
display: table;
}
.ce_accordion .accordion:after {
content: "";
display: table;
clear: both;
}
.content-accordion {
color: #575757;
}
.content-accordion .handorgel__header {
display: block;
margin: 0;
border: 1px solid #d2cbcb;
/* collapse borders */
margin-bottom: -1px;
outline: none;
font-size: inherit;
font-weight: bold;
text-transform: none;
color: #575757;
background: #ffffff;
}
.content-accordion .handorgel__header:first-of-type {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.content-accordion .handorgel__header:last-of-type:not(.handorgel__header--open) {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.content-accordion .handorgel__header__button {
position: relative;
display: block;
width: 100%;
padding: 0.6875em 2.5em 0.8125em 1.25em;
margin: 0;
border: none;
background: #ffffff;
border-radius: inherit;
text-shadow: none;
box-shadow: none;
color: inherit;
cursor: pointer;
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left;
}
.content-accordion .handorgel__header__button:hover,
.content-accordion .handorgel__header__button:focus-visible {
outline: none;
color: #b90504;
}
.content-accordion .handorgel__header__button:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 1.38462em;
right: 1.53846em;
}
.content-accordion .handorgel__header--open .handorgel__header__button:after {
content: "\2212";
}
.content-accordion .handorgel__content {
display: none;
overflow: hidden;
height: 0;
/* collapse borders */
margin-bottom: -1px;
border: 1px solid #d2cbcb;
border-top-color: #e8e5e5;
background: #e5e5e5;
transition: height 0.5s ease;
}
.content-accordion .handorgel__content:last-of-type {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.content-accordion .handorgel__content--open {
display: block;
-webkit-transition: height 0.5s ease;
}
.content-accordion .handorgel__content__inner {
padding: 0.0625em 1.25em;
}
.icon-boxes {
zoom: 1;
margin: 2.75em 0;
}
.icon-boxes:before {
content: "";
display: table;
}
.icon-boxes:after {
content: "";
display: table;
clear: both;
}
.icon-boxes > h1,
.icon-boxes > h2,
.icon-boxes > h3,
.icon-boxes > h4,
.icon-boxes > h5,
.icon-boxes > h6 {
margin-top: 0;
margin-bottom: 1em;
}
.icon-boxes-item {
position: relative;
display: block;
font-size: 0.875em;
color: #575757;
text-align: center;
text-decoration: none;
}
.icon-boxes-item.-align-left {
text-align: left;
}
.icon-boxes-item.-align-right {
text-align: right;
}
.icon-boxes-item.-color-inverted,
.-color-inverted .icon-boxes-item {
color: #ffffff;
}
.icon-boxes-item.-color-inverted:before,
.icon-boxes-item.-color-inverted.-inverted-icon:before,
.-color-inverted .icon-boxes-item:before,
.-color-inverted .icon-boxes-item.-inverted-icon:before {
border-color: #ffffff;
color: #ffffff;
background-color: transparent;
}
.icon-boxes-item.-color-inverted h3,
.-color-inverted .icon-boxes-item h3 {
color: #ffffff;
}
.icon-boxes-item.-boxed {
top: 1.78571em;
/* margin-top can not be used here because it's set by .rs-column */
margin-bottom: 1.78571em;
padding: 0 1.42857em 1.42857em;
border: 1px solid #d2cbcb;
border-radius: 3px;
}
.icon-boxes-item.-boxed.-headline-icon {
top: auto;
margin-bottom: 0;
padding-top: 1.42857em;
}
.icon-boxes-item.-boxed:before {
top: -0.46875em;
margin-top: -0.46875em;
margin-bottom: 0.125em;
}
.icon-boxes-item.-background-color {
padding: 1.42857em;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.icon-boxes-item.-background-color:before {
background-color: inherit;
}
.icon-boxes-item.-background-color:hover:before,
.icon-boxes-item.-background-color:focus:before {
background-color: inherit;
}
.icon-boxes-item.-boxed.-background-color {
padding: 0 1.42857em 1.42857em;
}
.icon-boxes-item.-boxed.-background-color.-headline-icon {
padding-top: 1.42857em;
}
.icon-boxes-item:hover,
.icon-boxes-item:focus {
text-decoration: none;
}
.icon-boxes-item:before {
width: 1em;
height: 1em;
margin: 0 0 0.59375em;
padding: 0.34375em;
border: 0.09375em solid #b90504;
border-radius: 100%;
font-size: 2.28571em;
color: #b90504;
text-align: center;
background: transparent;
transition-property: opacity, transform, color, background;
transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
}
.not-in-view > .icon-boxes-item:before,
.does-repeat.not-in-view > .icon-boxes-item:before,
.does-repeat .not-in-view > .icon-boxes-item:before {
opacity: 0;
transform: scale(0);
}
.does-repeat.in-view > .icon-boxes-item:before,
.does-repeat .in-view > .icon-boxes-item:before,
.has-shown > .icon-boxes-item:before {
opacity: 1;
transform: scale(1);
}
.icon-boxes-item:nth-of-type(12n+1):before {
transition-delay: 0.1s, 0.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+2):before {
transition-delay: 0.2s, 0.2s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+3):before {
transition-delay: 0.3s, 0.3s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+4):before {
transition-delay: 0.4s, 0.4s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+5):before {
transition-delay: 0.5s, 0.5s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+6):before {
transition-delay: 0.6s, 0.6s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+7):before {
transition-delay: 0.7s, 0.7s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+8):before {
transition-delay: 0.8s, 0.8s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+9):before {
transition-delay: 0.9s, 0.9s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+10):before {
transition-delay: 1s, 1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+11):before {
transition-delay: 1.1s, 1.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+12):before {
transition-delay: 1.2s, 1.2s, 0s, 0s;
}
.icon-boxes-item.-inverted-icon:before {
border-color: #b90504;
color: #ffffff;
background-color: #b90504;
}
.icon-boxes-item.-large-icon:before {
font-size: 2.71429em;
/* IE9 - IE11 */
font-size: 2.375rem;
}
.icon-boxes-item.-headline-icon {
text-align: left;
}
.icon-boxes-item.-headline-icon:before {
float: left;
top: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
.icon-boxes-item.-headline-icon h3 {
padding: 0.09524em 0 0 2.19048em;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
color: #ffffff;
background-color: #b90504;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: #b90504;
background-color: #ffffff;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: #b90504;
background: none;
}
.icon-boxes-item h3 {
margin: 0 0 0.66667em;
font-family: Lato, sans-serif;
font-style: normal;
font-size: 1.5em;
color: #333333;
}
.icon-boxes-item p {
margin: 0.5em 0;
}
.icon-boxes-item-link.-link {
color: #b90504;
}
.icon-boxes-item:hover > .icon-boxes-item-link.-link,
.icon-boxes-item:focus > .icon-boxes-item-link.-link {
text-decoration: underline;
}
.-color-inverted .icon-boxes-item-link {
color: #ffffff;
}
.rotating-boxes {
zoom: 1;
margin: 4% 0;
}
.rotating-boxes:before {
content: "";
display: table;
}
.rotating-boxes:after {
content: "";
display: table;
clear: both;
}
.rotating-boxes-item {
position: relative;
color: #575757;
text-decoration: none;
perspective: 750px;
}
.rotating-boxes-item:hover,
.rotating-boxes-item:focus,
.rotating-boxes-item.hover {
text-decoration: none;
}
.rotating-boxes-item:hover > .rotating-boxes-item-cover,
.rotating-boxes-item:focus > .rotating-boxes-item-cover,
.rotating-boxes-item.hover > .rotating-boxes-item-cover {
transform: rotateY(180deg);
}
.rotating-boxes-item:hover > .rotating-boxes-item-content,
.rotating-boxes-item:focus > .rotating-boxes-item-content,
.rotating-boxes-item.hover > .rotating-boxes-item-content {
transform: rotateY(360deg);
}
.rotating-boxes-item-cover,
.rotating-boxes-item-content {
position: relative;
border: 1px solid #d2cbcb;
border-radius: 3px;
background: #ffffff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
transition: transform 0.3s;
transform: rotateY(0deg);
backface-visibility: hidden;
}
.rotating-boxes-item-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #b90504;
}
.rotating-boxes-item-cover:before,
.rotating-boxes-item-cover:after {
position: absolute;
top: 50%;
left: 50%;
}
.rotating-boxes-item-cover:before {
margin: -1em 0 0 -0.5em;
font-size: 2.625em;
}
.rotating-boxes-item-cover:after {
content: attr(data-headline);
left: 0;
width: 100%;
margin: 0.35714em 0 0;
font-size: 1.75em;
text-align: center;
}
.rotating-boxes-item-content {
overflow: hidden;
margin: -1em;
padding: 1em 3.14286em;
font-size: 0.875em;
transform: rotateY(180deg);
}
.rotating-boxes-item-content:before {
position: absolute;
top: 0;
right: 0;
margin: -0.3em;
font-size: 14.28571em;
color: #b90504;
opacity: 0.2;
}
.rotating-boxes-item-content h3 {
position: relative;
margin: 0.66667em 0;
font-size: 1.5em;
color: #b90504;
}
.-color-inverted .rotating-boxes-item-content h3 {
color: #b90504;
}
.rotating-boxes-item-content p {
position: relative;
margin: 1em 0;
}
.rotating-boxes-item-content .rotating-boxes-item-link {
margin-top: 0;
}
.teaser-boxes,
.team-boxes {
margin: 2.5em 0;
zoom: 1;
}
.teaser-boxes:before,
.team-boxes:before {
content: "";
display: table;
}
.teaser-boxes:after,
.team-boxes:after {
content: "";
display: table;
clear: both;
}
.teaser-boxes > h1,
.team-boxes > h1,
.teaser-boxes > h2,
.team-boxes > h2,
.teaser-boxes > h3,
.team-boxes > h3,
.teaser-boxes > h4,
.team-boxes > h4,
.teaser-boxes > h5,
.team-boxes > h5,
.teaser-boxes > h6,
.team-boxes > h6 {
margin-top: 0;
margin-bottom: 1.5em;
}
.teaser-boxes-item,
.team-boxes-item {
font-size: 0.875em;
text-decoration: none;
color: inherit;
outline: none;
}
.teaser-boxes-item.-align-center,
.-align-center.team-boxes-item {
text-align: center;
}
.teaser-boxes-item.-align-right,
.-align-right.team-boxes-item {
text-align: right;
}
.-color-inverted .teaser-boxes-item,
.-color-inverted .team-boxes-item {
color: #c0c0c0;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
color: #575757;
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper {
position: relative;
display: block;
overflow: hidden;
outline: none;
}
.teaser-boxes-item .image-wrapper.-image-circle,
.team-boxes-item .image-wrapper.-image-circle {
border-radius: 99em;
overflow: hidden;
/* Fixes hover in Chrome */
opacity: 0.99;
}
.teaser-boxes-item .image-wrapper.-image-circle img,
.team-boxes-item .image-wrapper.-image-circle img {
/* Fixes android bug with border-radius and overflow */
border-radius: 99em;
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper,
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
margin-bottom: 1.28571em;
}
.-boxed > .teaser-boxes-item .image-wrapper,
.-boxed > .team-boxes-item .image-wrapper,
.-boxed > .teaser-boxes-item .no-image,
.-boxed > .team-boxes-item .no-image {
margin: -1.42857em -1.42857em 1.28571em;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
overflow: hidden;
padding: 1.42857em;
border: 1px solid #d2cbcb;
border-radius: 3px;
outline: none;
background-color: #ffffff;
}
.teaser-boxes-item img,
.team-boxes-item img {
display: block;
width: 100%;
height: auto;
}
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
display: block;
padding-top: 75%;
background: #e5e8ee;
}
.teaser-boxes-item h3,
.team-boxes-item h3 {
margin: 0 0 0.33333em;
font-size: 1.28571em;
font-weight: bold;
transition: color 0.3s ease-out;
}
.-color-inverted .teaser-boxes-item h3,
.-color-inverted .team-boxes-item h3 {
color: #ffffff;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3 {
color: #333333;
}
.teaser-boxes-item h4,
.team-boxes-item h4 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
.teaser-boxes-item p,
.team-boxes-item p,
.teaser-boxes-item ul,
.team-boxes-item ul,
.teaser-boxes-item ol,
.team-boxes-item ol {
margin: 0.42857em 0;
}
.teaser-boxes-item a,
.team-boxes-item a {
margin-top: 0.57143em;
}
.-color-inverted .teaser-boxes-item a,
.-color-inverted .team-boxes-item a {
color: inherit;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover,
.teaser-boxes-item .image-wrapper.-has-hover:focus,
.team-boxes-item .image-wrapper.-has-hover:focus {
outline: none;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before,
.teaser-boxes-item .image-wrapper.-has-hover:focus:before,
.team-boxes-item .image-wrapper.-has-hover:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
}
.teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img,
.teaser-boxes-item .image-wrapper.-has-hover:focus img,
.team-boxes-item .image-wrapper.-has-hover:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover,
.teaser-boxes-item a.image-wrapper.-has-hover:focus,
.team-boxes-item a.image-wrapper.-has-hover:focus {
/* Fixes IE bug */
text-decoration: none;
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after,
.teaser-boxes-item a.image-wrapper.-has-hover:focus:after,
.team-boxes-item a.image-wrapper.-has-hover:focus:after {
font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: #ffffff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.team-boxes-item h3 {
font-size: 1.14286em;
}
.team-boxes-item .hover-image {
position: absolute;
top: auto;
bottom: -100%;
left: 0;
width: 100%;
transition: bottom 0.2s ease-out;
}
.team-boxes-item:hover .hover-image {
bottom: 0;
}
.team-boxes-item > ul {
margin: 0.57143em 0;
padding: 0;
list-style-type: none;
}
.team-boxes-item > ul li {
display: inline;
}
.team-boxes-item > ul a {
display: inline-block;
overflow: hidden;
padding: 0.57143em 0.57143em 0 0.07143em;
outline: none;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
text-indent: -99em;
text-decoration: none;
}
.team-boxes-item > ul a:before {
content: none;
}
.team-boxes-item > ul a:after {
font: 1.28571em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
letter-spacing: 0;
color: #8a8a8a !important;
}
.team-boxes-item > ul a:hover:after,
.team-boxes-item > ul a:focus:after {
color: inherit !important;
}
.highlight-box {
/* clearfix */
overflow: hidden;
display: table;
width: 100%;
margin: 1.5em 0;
padding: 1.11111em 1.11111em;
border: 1px solid #d2cbcb;
border-radius: 3px;
font-size: 1.125em;
line-height: 1.50056;
color: #575757;
}
.highlight-box-inner {
display: table-cell;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 599px) {
.highlight-box-inner {
display: block;
margin-top: 1em;
text-align: left;
}
}
.highlight-box-inner:first-child {
width: 65%;
text-align: left;
}
@media screen and (max-width: 599px) {
.highlight-box-inner:first-child {
width: auto;
margin-top: 0;
}
}
.highlight-box-inner h1:first-child,
.highlight-box-inner h2:first-child,
.highlight-box-inner h3:first-child,
.highlight-box-inner h4:first-child,
.highlight-box-inner p:first-child,
.highlight-box-inner ul:first-child,
.highlight-box-inner ol:first-child {
margin: 0;
}
.highlight-box-inner p:last-child {
margin-bottom: 0;
}
.highlight-box-link {
font-size: 0.77778em;
}
.testimonial,
.main-content .testimonial {
margin: 1.5em 0;
font-size: 1em;
line-height: 1.56313;
}
.testimonial:before,
.main-content .testimonial:before {
content: none;
}
.-color-inverted .testimonial,
.-color-inverted .main-content .testimonial {
color: #ffffff;
}
.testimonial > p,
.main-content .testimonial > p {
position: relative;
margin: 0;
padding: 1.0625em 1.25em 1.125em;
border: 1px solid #d2cbcb;
border-radius: 3px;
}
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: "";
position: absolute;
top: 100%;
left: 4.375em;
width: 0;
height: 0;
border: solid transparent;
border-top-color: #c6bdbd;
border-style: solid;
border-width: 16px 16px 0 0;
}
@media screen and (max-width: 599px) {
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: none;
}
}
.testimonial > p:after,
.main-content .testimonial > p:after {
margin-left: 1px;
border-top-color: #ffffff;
border-width: 14px 14px 0 0;
}
.testimonial.-large,
.main-content .testimonial.-large {
margin: 2em 0;
font-size: 1.125em;
text-align: center;
}
.testimonial.-large:before,
.main-content .testimonial.-large:before {
content: "\201c";
position: static;
display: block;
margin: 0 0 -0.05556em;
line-height: 1;
}
.testimonial.-large > p,
.main-content .testimonial.-large > p {
padding: 0;
border: 0;
font-size: 1.33333em;
font-weight: 300;
}
@media screen and (max-width: 599px) {
.testimonial.-large > p,
.main-content .testimonial.-large > p {
font-size: 1.11111em;
}
}
.testimonial.-large > p:before,
.testimonial.-large > p:after,
.main-content .testimonial.-large > p:before,
.main-content .testimonial.-large > p:after {
content: none;
}
.testimonial-author,
.testimonial .testimonial-author {
/* clearfix */
overflow: hidden;
padding: 1em 0 0 0;
font-size: 1em;
}
.testimonial-author img,
.testimonial .testimonial-author img {
float: left;
width: 3.25em;
height: auto;
margin-left: 1.3125em;
border: 1px solid #e5dede;
border: 1px solid rgba(111, 94, 94, 0.5);
border-radius: 100%;
}
@media screen and (max-width: 599px) {
.testimonial-author img,
.testimonial .testimonial-author img {
margin-left: 0;
}
}
.testimonial-author > small,
.testimonial .testimonial-author > small {
float: left;
margin: 0.375em 0 0 1.25em;
font-size: inherit;
line-height: 1.2;
}
.testimonial-author > small b,
.testimonial .testimonial-author > small b {
display: block;
font-size: 0.875em;
font-weight: 300;
}
.testimonial-author > img + small,
.testimonial-author > picture + small,
.testimonial .testimonial-author > img + small,
.testimonial .testimonial-author > picture + small {
margin-left: 0.875em;
}
.testimonial.-large .testimonial-author {
display: inline-block;
min-height: 5.33333em;
padding-top: 2em;
text-align: left;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author {
text-align: center;
}
}
.testimonial.-large .testimonial-author > small {
margin-left: 0;
text-align: center;
}
.testimonial.-large .testimonial-author img {
margin-left: 0;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author img {
display: block;
float: none;
margin-right: auto;
margin-left: auto;
}
}
.testimonial.-large .testimonial-author > img + small,
.testimonial.-large .testimonial-author > picture + small {
margin-left: 0.875em;
text-align: left;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author > img + small,
.testimonial.-large .testimonial-author > picture + small {
margin-left: 0;
text-align: center;
}
}
.pricing-table {
zoom: 1;
margin: 2.75em 0;
}
.pricing-table:before {
content: "";
display: table;
}
.pricing-table:after {
content: "";
display: table;
clear: both;
}
.pricing-table > h1,
.pricing-table > h2,
.pricing-table > h3,
.pricing-table > h4,
.pricing-table > h5,
.pricing-table > h6 {
margin-top: 0;
}
.pricing-table-plan {
position: relative;
float: left;
width: 33.33333%;
margin: 0.875em -1px 0 0;
border: 1px solid #d2cbcb;
text-align: center;
}
@media screen and (max-width: 599px) {
.pricing-table-plan {
float: none;
width: auto !important;
border-radius: 3px;
margin-bottom: 1.6875em;
}
}
.pricing-table-plan:first-of-type {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pricing-table-plan:last-of-type {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
@media screen and (max-width: 599px) {
.pricing-table-plan:last-of-type {
margin-bottom: 0;
}
}
.-columns-1 > .pricing-table-plan {
width: 100%;
}
.-columns-1 > .pricing-table-plan.-highlighted {
width: 103%;
}
.-columns-2 > .pricing-table-plan {
width: 50%;
}
.-columns-2 > .pricing-table-plan.-highlighted {
width: 53%;
}
.-columns-3 > .pricing-table-plan {
width: 33.33333%;
}
.-columns-3 > .pricing-table-plan.-highlighted {
width: 36.33333%;
}
.-columns-4 > .pricing-table-plan {
width: 25%;
}
.-columns-4 > .pricing-table-plan.-highlighted {
width: 28%;
}
.-columns-5 > .pricing-table-plan {
width: 20%;
}
.-columns-5 > .pricing-table-plan.-highlighted {
width: 23%;
}
.-columns-6 > .pricing-table-plan {
width: 16.66667%;
}
.-columns-6 > .pricing-table-plan.-highlighted {
width: 19.66667%;
}
.pricing-table-plan.-highlighted {
z-index: 1;
width: 36.33333%;
margin-right: -1.5%;
margin-left: -1.5%;
padding-bottom: 1.25em;
border-radius: 3px;
background: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pricing-table-plan.-highlighted h3 {
margin: -0.9375em -1px 0;
padding-top: 1.8125em;
border-radius: 3px 3px 0 0;
color: #ffffff;
background: #b90504;
}
.pricing-table-plan h3 {
margin: 0;
padding: 0.875em 0;
border-bottom: 1px solid #e5dede;
font-size: inherit;
font-weight: bold;
color: inherit;
}
.pricing-table-plan p {
margin: 0;
padding: 0.375em 0;
border-bottom: 1px solid #e5dede;
font-size: 3em;
line-height: 1;
}
.pricing-table-plan p b {
display: inline-block;
vertical-align: super;
margin-left: -0.83333em;
font-weight: normal;
font-size: 0.5em;
color: #575757;
}
.pricing-table-plan p i {
display: block;
font-style: normal;
font-size: 0.29167em;
color: #575757;
}
.pricing-table-plan ul {
margin: 0 0 -1px 0;
padding: 0;
list-style: none;
font-size: 0.875em;
color: #575757;
}
.pricing-table-plan li {
display: block;
padding: 0.5em;
border-bottom: 1px solid #e5dede;
transition: background-color 0.3s ease-in;
}
.pricing-table-plan li:hover {
background-color: #e5dede;
transition-duration: 0.05s;
}
.pricing-table-plan a {
font-size: 0.75em;
margin: 1.5em 0;
padding: 0.83333em 1.66667em 0.75em;
}
.info-table {
overflow: auto;
border: 0;
}
.info-table td,
.info-table th {
border-width: 0 0 1px;
}
.info-table .image-cell {
padding: 20% 10%;
text-align: center;
}
@media screen and (max-width: 900px) {
.info-table .image-cell {
padding: 0 0 5%;
}
}
.feature-box {
zoom: 1;
position: relative;
overflow: hidden;
}
.feature-box:before {
content: "";
display: table;
}
.feature-box:after {
content: "";
display: table;
clear: both;
}
.feature-box.-image-centered {
text-align: center;
}
.feature-box.-vertical-centered {
display: table;
table-layout: fixed;
/* Fixes IE bug */
width: 100%;
}
@media screen and (max-width: 599px) {
.feature-box.-vertical-centered {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.feature-box.-small {
min-height: 300px;
}
.feature-box.-small.-vertical-centered {
height: 300px;
}
@media screen and (max-width: 599px) {
.feature-box.-small {
min-height: 200px;
}
.feature-box.-small.-vertical-centered {
height: auto;
}
}
.feature-box.-medium {
min-height: 600px;
}
.feature-box.-medium.-vertical-centered {
height: 600px;
}
@media screen and (max-width: 599px) {
.feature-box.-medium {
min-height: 400px;
}
.feature-box.-medium.-vertical-centered {
height: auto;
}
}
.feature-box.-large {
min-height: 900px;
}
.feature-box.-large.-vertical-centered {
height: 900px;
}
@media screen and (max-width: 599px) {
.feature-box.-large {
min-height: 600px;
}
.feature-box.-large.-vertical-centered {
height: auto;
}
}
.feature-box.-headline-dropshadow h1,
.feature-box.-headline-dropshadow h2,
.feature-box.-headline-dropshadow h3 {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
}
.feature-box-text {
margin: 6.25em 48% 6.25em 0;
color: #575757;
}
@media screen and (max-width: 900px) {
.feature-box-text {
margin-right: 37.5%;
}
}
@media screen and (max-width: 599px) {
.feature-box-text {
margin: 2.25em 0;
}
}
.-image-left > .feature-box-text {
margin-right: 0;
margin-left: 48%;
}
@media screen and (max-width: 900px) {
.-image-left > .feature-box-text {
margin-left: 37.5%;
}
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-text {
margin-left: 0;
}
}
.-image-centered > .feature-box-text {
margin-right: 16%;
margin-left: 16%;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-text {
margin-right: 0;
margin-left: 0;
}
}
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: -2.25em;
}
@media screen and (max-width: 599px) {
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: 0;
}
}
.-vertical-centered > .feature-box-text {
display: table-cell;
vertical-align: middle;
width: 56.0%;
margin: 0;
padding: 4.5em 4% 4.5em 0;
}
@media screen and (max-width: 900px) {
.-vertical-centered > .feature-box-text {
width: 68.75%;
}
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-text {
display: block;
width: auto;
padding-right: 0;
}
}
.-vertical-centered.-image-left > .feature-box-text {
padding-right: 0;
padding-left: 4%;
}
@media screen and (max-width: 599px) {
.-vertical-centered.-image-left > .feature-box-text {
padding-left: 0;
}
}
.-vertical-centered.-image-centered > .feature-box-text {
width: 100%;
padding-right: 20%;
padding-left: 20%;
}
@media screen and (max-width: 900px) {
.-vertical-centered.-image-centered > .feature-box-text {
padding-right: 0;
padding-left: 0;
}
}
.-no-image > .feature-box-text {
width: 100%;
}
.-color-inverted .feature-box-text {
color: #ffffff;
}
.no-margin .feature-box-text {
margin: 0;
padding: 0;
}
.no-margin-top .feature-box-text {
margin-top: 0;
padding-top: 0;
}
.no-margin-bottom .feature-box-text {
margin-bottom: 0;
padding-bottom: 0;
}
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
margin: 0;
color: #333333;
font-size: 2em;
font-weight: bold;
}
@media screen and (max-width: 599px) {
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
font-size: 1.57143em;
}
}
.feature-box-text h1 + a,
.feature-box-text h2 + a,
.feature-box-text h3 + a {
margin-top: 1.71429em;
}
.-color-inverted .feature-box-text h1,
.-color-inverted .feature-box-text h2,
.-color-inverted .feature-box-text h3 {
color: #ffffff;
}
.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.3125em;
}
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 2.375em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 1.875em;
}
}
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2.875em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2em;
}
}
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 3.625em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 2.25em;
}
}
.feature-box-text p {
font-size: 1.125em;
}
.feature-box-image {
display: block;
float: right;
width: 44%;
margin: 3em 0 3em 4%;
}
@media screen and (max-width: 900px) {
.feature-box-image {
width: 31.25%;
}
}
@media screen and (max-width: 599px) {
.feature-box-image {
width: 100%;
}
}
.-image-left > .feature-box-image {
float: left;
margin-right: 4%;
margin-left: 0;
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-image {
float: none;
margin-right: 0;
}
}
.-image-centered > .feature-box-image {
float: none;
width: 64%;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-image {
width: 100%;
}
}
.-image-centered > .feature-box-image + .feature-box-text {
margin-top: 3em;
}
.-image-top > .feature-box-image {
margin-top: 0;
}
.-image-bottom > .feature-box-image {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
@media screen and (max-width: 599px) {
.-image-bottom > .feature-box-image {
position: static;
margin-bottom: 3em;
}
}
.-image-bottom.-image-left > .feature-box-image {
right: auto;
left: 0;
}
.-vertical-centered > .feature-box-image {
display: table-cell;
vertical-align: middle;
float: none;
margin: 0;
padding: 3em 0;
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-image {
display: block;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
}
.-image-rounded > .feature-box-image img {
border-radius: 99em;
}
.in-view > .feature-box-text,
.in-view > .feature-box-image {
transition: opacity 0.6s linear, transform 0.6s ease-out;
}
.not-in-view > .feature-box-text.-fade,
.not-in-view > .feature-box-image.-fade {
opacity: 0;
}
.in-view > .feature-box-text.-fade,
.in-view > .feature-box-image.-fade {
opacity: 1;
}
.not-in-view > .feature-box-text.-move,
.not-in-view > .feature-box-image.-move {
transform: translate(100%, 0);
}
.not-in-view > .feature-box-text.-move-right,
.not-in-view > .feature-box-image.-move-right {
transform: translate(-100%, 0);
}
.not-in-view > .feature-box-text.-move-top,
.not-in-view > .feature-box-image.-move-top {
transform: translate(0, 100%);
}
.not-in-view > .feature-box-text.-move-bottom,
.not-in-view > .feature-box-image.-move-bottom {
transform: translate(0, -100%);
}
.in-view > .feature-box-text.-move,
.in-view > .feature-box-image.-move {
transform: translate(0, 0);
}
.feature-box-text video,
.feature-box-text img, .feature-box-image video,
.feature-box-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.counter-boxes {
zoom: 1;
text-align: center;
margin: 3.125em 0;
}
.counter-boxes:before {
content: "";
display: table;
}
.counter-boxes:after {
content: "";
display: table;
clear: both;
}
.counter-boxes > h2 {
margin: 0 0 1.1875em 0;
font-size: 1.75em;
font-weight: bold;
color: inherit;
}
.-color-inverted .counter-boxes > h2 {
color: #ffffff;
}
.counter-boxes > h3 {
margin: 0 0 1.80952em 0;
font-size: 1.3125em;
color: #575757;
}
.-color-inverted .counter-boxes > h3 {
color: #c0c0c0;
}
.-color-inverted.-highlight-color .counter-boxes > h3 {
color: #230101;
}
.counter-boxes > h2 + h3 {
margin-top: -1.33333em;
}
.counter-boxes-item {
text-decoration: none;
color: inherit;
}
.counter-boxes-item:link:hover,
.counter-boxes-item:link:focus {
text-decoration: none;
}
.counter-boxes-item:link:hover:before,
.counter-boxes-item:link:focus:before {
transform: scale(1.2);
}
.counter-boxes-item:before {
margin: 0;
font-size: 2.25em;
color: #575757;
}
.-color-inverted .counter-boxes-item:before {
color: #c0c0c0;
}
.-color-inverted.-highlight-color .counter-boxes-item:before {
color: #230101;
}
.counter-boxes-item p {
margin: 0.06944em -0.5em 0.16667em;
font-size: 4.5em;
line-height: 1;
color: #b90504;
font-weight: 300;
}
@media screen and (max-width: 900px) {
.counter-boxes-item p {
font-size: 2.875em;
}
}
@media screen and (max-width: 599px) {
.counter-boxes-item p {
font-size: 2.25em;
}
}
.-color-inverted.-highlight-color .counter-boxes-item p {
color: #230101;
}
.counter-boxes-item h3 {
margin: 0;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
@media screen and (max-width: 900px) {
.counter-boxes-item h3 {
font-size: 1.25em;
}
}
.counter-boxes-item h4 {
margin: 0.28571em 0 0;
font-size: 0.875em;
color: #575757;
}
.-color-inverted .counter-boxes-item h4 {
color: #c0c0c0;
}
.headline-box {
margin: 2.25em 0;
text-align: center;
}
.headline-box.-align-left {
text-align: left;
}
.headline-box.-align-right {
text-align: right;
}
.headline-box:before {
display: block;
width: 1.95455em;
height: 1.95455em;
margin: 0 auto 0.27273em auto;
border-radius: 100%;
font-size: 2.75em;
font-weight: normal;
line-height: 2.00023;
text-align: center;
background: #ffffff;
background: rgba(255, 255, 255, 0.6);
}
.-color-inverted .headline-box:before {
background: #333333;
background: rgba(51, 51, 51, 0.6);
}
.headline-box h2 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
color: inherit;
}
.-color-inverted .headline-box h2 {
color: inherit;
}
@media screen and (max-width: 599px) {
.headline-box h2 {
font-size: 1.3125em;
}
}
.headline-box h2.-bold {
font-weight: bold;
}
.headline-box h2.-small {
font-size: 1.5em;
}
.headline-box h2.-medium {
font-size: 2em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-medium {
font-size: 1.5em;
}
}
.headline-box h2.-large {
font-size: 2.25em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-large {
font-size: 1.75em;
}
}
.headline-box h2.-super-size {
font-size: 2.625em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-super-size {
font-size: 2em;
}
}
.headline-box h3 {
margin: 0.44444em 0 0;
font-size: 1.125em;
font-weight: normal;
line-height: 1.5;
color: #575757;
}
.-color-inverted.-highlight-color .headline-box h3 {
color: #230101;
}
.-color-inverted .headline-box h3 {
color: #c0c0c0;
}
.headline-box h3.-small {
font-size: 1.125em;
}
.headline-box h3.-medium {
font-size: 1.5em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-medium {
font-size: 1.3125em;
}
}
.headline-box h3.-large {
font-size: 1.75em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-large {
font-size: 1.5em;
}
}
.headline-box h3.-super-size {
font-size: 2.25em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-super-size {
font-size: 1.625em;
}
}
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: inline;
}
@media screen and (max-width: 599px) {
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: block;
}
}
h2 + .headline-box-link,
h3 + .headline-box-link {
margin-top: 1.92857em;
}
.headline-box-link.-quaternary {
color: inherit;
}
.-align-left > .headline-box-link {
float: right;
margin: -0.14286em 0 0 3.14286em;
}
@media screen and (max-width: 599px) {
.-align-left > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}
.-align-right > .headline-box-link {
float: left;
margin: -0.14286em 3.14286em 0 0;
}
@media screen and (max-width: 599px) {
.-align-right > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}
.-button-inline > .headline-box-link {
margin: 0 0 0 2.14286em;
}
@media screen and (max-width: 599px) {
.-button-inline > .headline-box-link {
margin: 1em 0 0;
}
}
.projects {
zoom: 1;
clear: both;
}
.projects:before {
content: "";
display: table;
}
.projects:after {
content: "";
display: table;
clear: both;
}
.projects-item {
position: relative;
float: left;
overflow: hidden;
border-top: 5px solid #e5dede;
color: inherit;
}
.projects-item:nth-of-type(even) {
border-top-color: #d2cbcb;
}
.projects-item.-large-col-1-1 {
width: 100%;
}
.projects-item.-large-col-2-1 {
width: 50%;
}
.projects-item.-large-col-3-1 {
width: 33.33333%;
}
.projects-item.-large-col-4-1 {
width: 25%;
}
.projects-item.-large-col-5-1 {
width: 20%;
}
.projects-item.-large-col-6-1 {
width: 16.66667%;
}
.projects-item.-large-col-7-1 {
width: 14.28571%;
}
.projects-item.-large-col-8-1 {
width: 12.5%;
}
.projects-item.-large-col-9-1 {
width: 11.11111%;
}
.projects-item.-large-col-10-1 {
width: 10%;
}
@media screen and (min-width: 1188px) {
.projects-item.-verylarge-col-1-1 {
width: 100%;
}
.projects-item.-verylarge-col-2-1 {
width: 50%;
}
.projects-item.-verylarge-col-3-1 {
width: 33.33333%;
}
.projects-item.-verylarge-col-4-1 {
width: 25%;
}
.projects-item.-verylarge-col-5-1 {
width: 20%;
}
.projects-item.-verylarge-col-6-1 {
width: 16.66667%;
}
.projects-item.-verylarge-col-7-1 {
width: 14.28571%;
}
.projects-item.-verylarge-col-8-1 {
width: 12.5%;
}
.projects-item.-verylarge-col-9-1 {
width: 11.11111%;
}
.projects-item.-verylarge-col-10-1 {
width: 10%;
}
}
@media screen and (max-width: 900px) {
.projects-item.-medium-col-1-1 {
width: 100%;
}
.projects-item.-medium-col-2-1 {
width: 50%;
}
.projects-item.-medium-col-3-1 {
width: 33.33333%;
}
.projects-item.-medium-col-4-1 {
width: 25%;
}
.projects-item.-medium-col-5-1 {
width: 20%;
}
.projects-item.-medium-col-6-1 {
width: 16.66667%;
}
.projects-item.-medium-col-7-1 {
width: 14.28571%;
}
.projects-item.-medium-col-8-1 {
width: 12.5%;
}
.projects-item.-medium-col-9-1 {
width: 11.11111%;
}
.projects-item.-medium-col-10-1 {
width: 10%;
}
}
@media screen and (max-width: 599px) {
.projects-item.-small-col-1-1 {
width: 100%;
}
.projects-item.-small-col-2-1 {
width: 50%;
}
.projects-item.-small-col-3-1 {
width: 33.33333%;
}
.projects-item.-small-col-4-1 {
width: 25%;
}
.projects-item.-small-col-5-1 {
width: 20%;
}
.projects-item.-small-col-6-1 {
width: 16.66667%;
}
.projects-item.-small-col-7-1 {
width: 14.28571%;
}
.projects-item.-small-col-8-1 {
width: 12.5%;
}
.projects-item.-small-col-9-1 {
width: 11.11111%;
}
.projects-item.-small-col-10-1 {
width: 10%;
}
}
.projects-item h3 {
position: absolute;
bottom: -3.125em;
left: 0;
width: 100%;
margin: 0;
padding: 0.625em 0 0.6875em;
font-size: 1em;
font-weight: bold;
color: inherit;
text-align: center;
background: #ffffff;
background: rgba(255, 255, 255, 0.9);
transition: bottom 0.4s ease-out;
}
.projects-item h3:before {
content: "";
position: absolute;
left: 50%;
top: -8px;
width: 0;
height: 0;
border: 8px solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top: 0;
border-bottom-color: #ffffff;
border-bottom-color: rgba(255, 255, 255, 0.9);
}
.projects-item:hover h3,
.projects-item:focus h3 {
bottom: 0;
transition-duration: 0.2s;
}
.projects-item-image {
position: relative;
display: block;
overflow: hidden;
}
.projects-item-image img {
display: block;
width: 100%;
height: auto;
}
.projects-item-image-hover {
position: absolute;
top: -100%;
left: 0;
width: 100%;
transition: top 0.4s ease-out;
}
.projects-item:hover .projects-item-image-hover,
.projects-item:focus .projects-item-image-hover {
top: 0;
transition-duration: 0.2s;
}
.google-map {
position: relative;
padding-bottom: 56.25%;
}
.google-map > a,
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.google-map > a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #e5e3df;
}
.info-map {
position: relative;
clear: both;
}
.info-map-gmap {
height: 29.375em;
}
@media screen and (max-width: 599px) {
.info-map-gmap {
height: 20em;
/* Add area for touch scrolling */
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.info-map-gmap:hover ~ .info-map-boxes {
opacity: 0.2;
}
.info-map-gmap.-no-hover:hover ~ .info-map-boxes {
opacity: 1;
}
.info-map-gmap > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #e5e3df;
}
.info-map-boxes {
zoom: 1;
position: relative;
margin-top: -7.25em;
margin-bottom: 2.75em;
transition: opacity 0.2s linear;
}
.info-map-boxes:before {
content: "";
display: table;
}
.info-map-boxes:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 599px) {
.info-map-boxes {
margin-top: 1.375em;
}
}
.info-map-boxes-item {
padding: 0.71429em 1.42857em;
border-radius: 3px;
font-size: 0.875em;
color: inherit;
background: #ffffff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15);
}
.info-map-boxes-item:before {
float: right;
margin: 0;
padding: 0.15152em 0 0.45455em 0.30303em;
font-size: 4.71429em;
color: #b90504;
background: #ffffff;
}
.info-map-boxes-item:hover,
.info-map-boxes-item:focus {
text-decoration: none;
}
.info-map-boxes-item h3 {
margin: 0.57143em 0;
padding: 0 0 0.21429em;
border-bottom: 1px solid #e5dede;
color: #b90504;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.info-map-boxes-item p {
margin: 0.57143em 0;
}
.info-map-boxes-item-link {
color: #b90504;
}
.icon-buttons {
text-align: center;
margin: 2.25em 0;
}
.icon-buttons h3 {
margin: 0;
font-size: 1.125em;
font-weight: normal;
}
.icon-buttons ul {
margin: 1.25em 0;
padding: 0;
list-style: none;
}
.icon-buttons li {
display: inline;
}
.icon-buttons a {
display: inline-block;
width: 2.5em;
height: 2.5em;
overflow: hidden;
margin: 0 0.5em;
border: 2px solid #333333;
border-radius: 3px;
color: inherit;
text-indent: -99em;
line-height: 0;
}
.icon-buttons a:before {
content: none;
}
.icon-buttons a:after {
font: 1.5em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
line-height: 1.58375;
}
.icon-buttons a:hover,
.icon-buttons a:focus {
text-decoration: none;
background: #333333;
background: rgba(51, 51, 51, 0.25);
}
.-color-inverted .icon-buttons a {
border-color: #ffffff;
}
.-color-inverted .icon-buttons a:hover,
.-color-inverted .icon-buttons a:focus {
background: #ffffff;
background: rgba(255, 255, 255, 0.25);
}
.icon-links li {
padding-bottom: 0.4375em;
}
.icon-links a {
text-decoration: none;
}
.icon-links a:hover span {
text-decoration: underline;
}
.icon-links-label {
color: #b90504;
}
.tab-navigation {
margin: 2.25em 0 0;
border: 1px solid transparent;
border-bottom-color: #d2cbcb;
text-align: center;
}
.tab-navigation ul,
.tab-navigation li {
margin: 0;
padding: 0;
}
.tab-navigation ul {
display: table;
table-layout: fixed;
display: flex;
align-items: flex-end;
width: 100%;
}
@media screen and (max-width: 599px) {
.tab-navigation ul {
display: inline;
}
}
.tab-navigation li {
display: table-cell;
flex-grow: 1;
list-style-type: none;
vertical-align: bottom;
}
@media screen and (max-width: 599px) {
.tab-navigation li {
display: block;
}
}
.tab-navigation li:first-child a {
margin-left: -1px;
}
.tab-navigation a {
position: relative;
display: block;
margin: -1px -1px 0 0;
padding: 0.5625em 1.75em;
letter-spacing: 0.1em;
text-transform: uppercase;
outline: none;
border: 1px solid #d2cbcb;
border-bottom-width: 0;
background-color: #ffffff;
}
@media screen and (max-width: 599px) {
.tab-navigation a {
margin: 0 -1px;
}
}
.tab-navigation a:hover,
.tab-navigation a:focus {
text-decoration: none;
}
.tab-navigation a.is-active {
z-index: 1;
box-shadow: 0 10px 0 -1px #ffffff, 0 -3px #b90504, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
.tab-navigation a.is-active {
border-color: #b90504;
color: #ffffff;
background: #b90504;
box-shadow: 0 1px #b90504;
}
}
.tab-navigation.-image-tabs {
border: 0;
}
.tab-navigation.-image-tabs ul,
.tab-navigation.-image-tabs li {
display: inline;
}
.tab-navigation.-image-tabs a {
display: inline-block;
margin: 0;
padding: 0.5625em 1.75em;
border: 0;
font-size: 1em;
color: inherit;
background: none;
}
.tab-navigation.-image-tabs a:hover,
.tab-navigation.-image-tabs a:focus {
color: #b90504;
}
.tab-navigation.-image-tabs a.is-active {
color: #b90504;
box-shadow: none;
}
.tab-navigation.-image-tabs a.is-active:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -0.4375em;
border: 0.4375em solid transparent;
border-top-color: #b90504;
border-bottom: 0;
}
.tab-navigation.-image-tabs a:before {
display: block;
margin: 0 auto 0.25em;
font-size: 3em;
color: #b90504;
}
.tab-navigation.-image-tabs a img {
display: block;
margin: 0 auto 0.75em;
}
.-columns-1 .tab-navigation-item {
width: 100%;
}
.-columns-2 .tab-navigation-item {
width: 50%;
}
.-columns-3 .tab-navigation-item {
width: 33.33333%;
}
.-columns-4 .tab-navigation-item {
width: 25%;
}
.-columns-5 .tab-navigation-item {
width: 20%;
}
.-columns-6 .tab-navigation-item {
width: 16.66667%;
}
@media screen and (max-width: 599px) {
.tab-navigation-item.tab-navigation-item {
width: auto;
}
}
.tab-start.-has-border {
margin-top: -1px;
border: 1px solid #d2cbcb;
padding-right: 2.5em;
padding-left: 2.5em;
}
/* ===========================================
* Modules (Search, FAQ, News, Events, Comments, Sitemap etc.)
* ======================================== */
.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 3.75em;
padding: 0.75em 1.25em 0.75em 5em;
padding-right: calc(1.25em + var(--safe-area-right));
padding-bottom: calc(0.75em + var(--safe-area-bottom));
padding-left: calc(5em + var(--safe-area-left));
border-top: 1px solid #d2cbcb;
z-index: 99;
background-color: #ffffff;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.fixed-note {
position: relative;
padding-top: calc(0.75em + var(--safe-area-top));
padding-bottom: 0.75em;
}
}
@media screen and (max-width: 599px) {
.fixed-note {
display: block;
padding-left: 1.25em;
padding-left: calc(1.25em + var(--safe-area-left));
}
}
.fixed-note:before {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.83333em;
left: calc(0.83333em + var(--safe-area-left));
font-size: 2.25em;
color: #b90504;
}
@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}
@media screen and (max-width: 599px) {
.fixed-note:before {
position: static;
}
}
.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
font-size: 0.9375em;
margin: 0.4em 0;
}
.fixed-note p {
font-size: 0.875em;
margin: 0.42857em 0;
}
@media screen and (max-width: 599px) {
.fixed-note p {
font-size: 1em;
}
}
.fixed-note-column {
display: table-cell;
vertical-align: middle;
padding: 0 0.625em;
}
.fixed-note-column:last-child {
text-align: right;
}
@media screen and (max-width: 900px) {
.fixed-note-column:last-child {
text-align: left;
}
}
@media screen and (max-width: 900px) {
.fixed-note-column {
display: block;
margin: 0.75em 0;
padding: 0;
}
}
.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}
.fixed-note-button {
margin: 0;
}
.fixed-note-closed {
position: fixed;
right: 1.875em;
right: calc(1.875em + var(--safe-area-right));
bottom: 0;
bottom: var(--safe-area-bottom);
z-index: 99;
padding: 0.5em 0.75em;
color: #ffffff;
text-decoration: none;
background: #b90504;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1188px) {
.fixed-note-closed {
right: 0;
right: var(--safe-area-right);
}
}
@media screen and (max-width: 900px) {
.fixed-note-closed {
position: absolute;
top: 0.75em;
top: calc(0.75em + var(--safe-area-top));
right: 0.75em;
right: calc(0.75em + var(--safe-area-right));
bottom: auto;
padding: 0.25em 0.75em;
font-size: 0.875em;
}
}
@media screen and (max-width: 599px) {
.fixed-note-closed {
font-size: 1em;
}
}
.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: #870403;
}
.fixed-note-closed:before {
font: 100%/1 "RockSolid Icons";
content: "\e0a6";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
}
.fixed-note-closed > span {
display: none;
}
.mod_breadcrumb {
font-size: 0.8125em;
}
.mod_breadcrumb ul,
.mod_breadcrumb li {
display: inline;
margin: 0;
padding: 0;
}
.mod_breadcrumb li:before {
content: " \A0 / \A0 ";
}
.mod_breadcrumb li:first-child:before {
content: none;
}
.mod_breadcrumb a {
color: inherit;
text-decoration: underline;
}
.mod_breadcrumb a:hover {
text-decoration: none;
}
.back a:before,
.previous a:before,
.next a:after {
font: 0.75em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.16667em;
margin-right: 0.5em;
vertical-align: middle;
}
.next a:after {
content: "\e019";
margin-right: 0;
margin-left: 0.5em;
}
nav[data-pagination] > p,
.pagination > p {
text-align: center;
}
nav[data-pagination] ol,
nav[data-pagination] ul,
.pagination ol,
.pagination ul {
list-style-type: none !important;
text-align: center;
}
nav[data-pagination] li,
.pagination li {
display: inline-block;
}
nav[data-pagination] li a, nav[data-pagination] li strong, nav[data-pagination] li span,
.pagination li a,
.pagination li strong,
.pagination li span {
padding: 4px 12px;
background-color: #ffffff;
}
nav[data-pagination] li .current, nav[data-pagination] li .active,
.pagination li .current,
.pagination li .active {
font-weight: bold;
color: inherit;
text-decoration: none;
border-bottom: 1px solid #e5dede;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.news-image-teaser {
position: relative;
margin: 2.25em 0;
padding-left: 12.5%;
}
@media screen and (max-width: 599px) {
.news-image-teaser {
padding-left: 0;
}
}
.news-image-teaser a {
transition: color 0.3s;
}
.news-image-teaser img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.news-image-teaser h2 {
display: block;
margin: 0.75em 0 0.25em;
padding: 0 0 0.41667em;
border-bottom: 1px solid #e5dede;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
.news-image-teaser h2 a {
color: inherit;
}
.news-image-teaser h2 a:hover {
color: #b90504;
text-decoration: none;
}
.news-image-teaser p {
margin: 0.625em 0;
color: #575757;
}
.news-image-teaser .news-image-teaser-info {
margin: 0 0 0.93333em;
font-size: 0.9375em;
color: #575757;
}
.news-image-teaser-meta {
float: left;
position: relative;
left: -12.5%;
width: 9.375%;
margin-bottom: -6.25em;
line-height: 1;
text-align: center;
border-right: 1px solid #e5dede;
}
@media screen and (max-width: 599px) {
.news-image-teaser-meta {
position: absolute;
top: 0;
left: 0;
width: 18.75%;
border-right: 0;
background: #ffffff;
}
.news-image-teaser-meta + h2 {
padding-top: 3.75em;
}
}
.news-image-teaser-meta time {
font-size: 2.125em;
font-weight: bold;
}
.news-image-teaser-meta b {
display: block;
margin: -0.05556em 0 0.44444em;
font-size: 0.52941em;
font-weight: inherit;
color: #575757;
text-transform: uppercase;
}
.news-image-teaser-meta .comment-count {
display: block;
padding: 0.25em 0;
border-top: 1px solid #e5dede;
color: #575757;
}
.news-image-teaser-meta .comment-count:before {
font: 100%/1 "RockSolid Icons";
content: "\e053";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
bottom: 0.0625em;
margin-right: 0.16667em;
font-size: 0.75em;
}
.news-image-teaser-meta .comment-count:hover {
color: #b90504;
text-decoration: none;
}
.news-list-boxed {
zoom: 1;
margin: 2.75em 0;
}
.news-list-boxed:before {
content: "";
display: table;
}
.news-list-boxed:after {
content: "";
display: table;
clear: both;
}
.news-list-boxed-item {
padding: 1.07143em;
border: 1px solid #d2cbcb;
border-radius: 3px;
font-size: 0.875em;
color: #575757;
}
.news-list-boxed-item h3 {
margin: 0.38095em 0 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.38143;
color: #990100;
}
.news-list-boxed-item h3 a {
color: inherit;
transition: color 0.3s;
}
.news-list-boxed-item h3 a:hover {
color: #b90504;
text-decoration: none;
}
.news-list-boxed-item p {
margin: 1em 0;
}
.news-list-boxed-item .news-list-boxed-item-info {
margin-top: 0.66667em;
padding-bottom: 0.5em;
font-size: 0.85714em;
border-bottom: 1px solid #e5dede;
}
.news-list-boxed-item-image {
position: relative;
display: block;
overflow: hidden;
}
.news-list-boxed-item-image.-no-image {
padding-bottom: 56.81818%;
background: #9a7f7f;
}
.news-list-boxed-item-image:hover,
.news-list-boxed-item-image:focus {
opacity: 0.8;
}
.news-list-boxed-item-image:hover img,
.news-list-boxed-item-image:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.news-list-boxed-item-image img {
display: block;
width: 100%;
height: auto;
}
.news-list-boxed-item-image time {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: -0.77778em 0 0;
font-size: 2.57143em;
font-weight: bold;
color: #ffffff;
text-align: center;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.news-boxes {
zoom: 1;
margin: 2.75em 0;
}
.news-boxes:before {
content: "";
display: table;
}
.news-boxes:after {
content: "";
display: table;
clear: both;
}
.news-boxes-item h3 {
margin: 0;
font-size: 1.125em;
font-weight: bold;
color: inherit;
}
.news-boxes-item h3 a {
display: block;
color: inherit;
text-decoration: none;
}
.news-boxes-item h3 a:hover,
.news-boxes-item h3 a:focus {
color: #b90504;
}
.news-boxes-item p {
margin: 0.5em 0;
}
.news-boxes-item .news-boxes-item-more {
position: relative;
margin: -0.9375em 0 0 0;
}
.news-boxes-item .news-boxes-item-more a {
position: relative;
top: 0;
display: block;
height: 2.0625em;
color: #ffffff;
color: transparent;
text-decoration: none;
background: #ffffff;
box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5);
transition: top 0.2s ease-out;
}
.news-boxes-item .news-boxes-item-more a:after {
font: 1.5em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 50%;
width: 3.66667em;
height: 100%;
margin: 0 0 0 -1.83333em;
padding: 0.20833em 0 0;
border: 1px solid #e5dede;
border-top: 0;
border-radius: 0 0 1px 1px;
color: #333333;
text-align: center;
box-sizing: border-box;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.news-boxes-item .news-boxes-item-more a:hover,
.news-boxes-item .news-boxes-item-more a:focus {
top: 1.25em;
}
.news-boxes-item .news-boxes-item-more a:hover:before,
.news-boxes-item .news-boxes-item-more a:focus:before {
content: "";
position: absolute;
top: -1.25em;
left: 0;
height: 1.25em;
width: 100%;
}
.news-boxes-item .news-boxes-item-more a:hover:after,
.news-boxes-item .news-boxes-item-more a:focus:after {
color: #b90504;
}
.news-boxes-item-image {
display: block;
overflow: hidden;
}
.news-boxes-item-image.-no-image {
padding-bottom: 56.81818%;
background: #9a7f7f;
}
.news-boxes-item-image:hover,
.news-boxes-item-image:focus {
opacity: 0.8;
}
.news-boxes-item-image:hover img,
.news-boxes-item-image:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.news-boxes-item-image img {
display: block;
width: 100%;
height: auto;
}
.news-boxes-item-info {
margin: 0;
font-size: 0.875em;
color: #575757;
}
.main-content .mod_calendar {
margin: 1.5em 0;
}
.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
display: none;
}
.mod_calendar th.current {
border-right: 0;
border-left: 0;
text-align: center;
}
.mod_calendar th.current:before {
font: 16px/1 "RockSolid Icons";
content: "\e037";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 6px;
}
.mod_calendar th.previous {
border-right: 0;
}
.mod_calendar th.next {
border-left: 0;
text-align: right;
}
.mod_calendar th.label {
font-size: 0.75em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.07143em;
}
@media screen and (max-width: 599px) {
.mod_calendar th.label > span {
display: none;
}
}
.mod_calendar td {
vertical-align: top;
width: 14.28571%;
}
@media screen and (max-width: 599px) {
.mod_calendar td {
text-align: center;
}
}
.mod_calendar td.today {
font-weight: bold;
background-color: #d2cbcb;
}
.mod_calendar .event {
font-size: 0.75em;
}
.mod_calendar .minicalendar td {
padding: 0.1875em;
text-align: center;
}
.mod_newsletterlist ul {
padding-left: 0;
list-style-type: none;
}
.mod_newsletterlist ul li {
border-bottom: 1px solid #d2cbcb;
padding: 0.5em 0;
}
.mod_newsletterlist ul li:before {
font: 100%/1 "RockSolid Icons";
content: "\e0ce";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
float: left;
margin: 0.3125em 0.375em 0 0;
color: #b90504;
}
.mod_newsletterlist ul a {
display: block;
font-size: 1.3125em;
}
.mod_eventlist > .header {
font-weight: bold;
}
.mod_eventlist .event > h2 {
margin-top: 0;
font-size: 1.5em;
}
.mod_faqlist ul {
list-style: none;
padding-left: 0;
}
.mod_faqlist li:before {
font: 100%/1 "RockSolid Icons";
content: "\e0f7";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.5em;
}
.mod_faqpage section {
margin: 2.25em 0;
padding-left: 4.5em;
}
.mod_faqpage h3 {
position: relative;
margin: 1em 0;
padding: 0.47619em 0 0.71429em;
border-bottom: 1px solid #e5dede;
font-size: 1.3125em;
}
.mod_faqpage h3:before,
.mod_faqpage h3 + *:before {
content: "Q";
position: absolute;
top: 0;
left: -2.57143em;
width: 1em;
padding: 0.35714em 0.39286em 0.42857em;
border-radius: 100%;
font-size: 1.33333em;
line-height: 1;
color: #ffffff;
text-align: center;
background: #b90504;
}
.mod_faqpage h3 + * {
position: relative;
}
.mod_faqpage h3 + *:before {
content: "A";
left: -3.75em;
font-size: 1em;
}
.mod_faqpage p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.mod_faqpage .info {
font-size: 0.8125em;
color: #575757;
}
.mod_faqreader .info {
font-size: 0.8125em;
color: #575757;
}
.mod_search {
margin: 1.6875em 0;
}
.mod_search .widget {
display: inline;
}
.mod_search form input {
vertical-align: middle;
}
.mod_search form input[type="search"] {
width: 74.375%;
margin: 0;
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.mod_search form button[type="submit"],
.mod_search form input[type="submit"] {
width: 25%;
margin: 0 -2% 0 0;
}
@media screen and (max-width: 599px) {
.mod_search form button[type="submit"],
.mod_search form input[type="submit"] {
padding-right: 0;
padding-left: 0;
}
}
.mod_search .relevance {
float: right;
margin-top: 0.71429em;
font-size: 0.58333em;
}
.mod_search .header {
padding-bottom: 0.3125em;
border-bottom: 1px solid #d2cbcb;
color: #575757;
}
.mod_search .highlight {
padding: 0 0.25em;
font-weight: bold;
background: #f1cdcc;
}
.mod_search .url {
padding-bottom: 1.42857em;
border-bottom: 1px dotted #d2cbcb;
font-size: 0.875em;
color: #575757;
}
.mod_search .url:before {
font: 100%/1 "RockSolid Icons";
content: "\e0b5";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.35714em;
}
.mod_search .url .filesize {
font-size: 0.85714em;
}
.comment_default {
margin: 1.6875em 0;
padding: 1.25em 6.25% 0;
border: 1px solid #d2cbcb;
border-radius: 3px;
font-size: 1em;
background: #ffffff;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.comment_default .info {
margin-top: 0;
border-bottom: 1px solid #d2cbcb;
}
.comment_default .comment {
margin: 1.5em 0;
}
.comment_default .reply {
margin-left: 6.66667%;
}
.comment_default .reply .info {
font-weight: bold;
}
.ce_comments .form {
margin-top: 2.25em;
}
.ce_comments .form .widget {
clear: none;
margin-top: 1.5em;
}
.ce_comments .form .widget:nth-of-type(-n+4) {
float: left;
width: 46.66667%;
}
@media screen and (max-width: 599px) {
.ce_comments .form .widget:nth-of-type(-n+4) {
width: 100%;
}
}
.ce_comments .form .widget:nth-of-type(-2n+4) {
margin-right: -1%;
margin-left: 6.66667%;
}
@media screen and (max-width: 599px) {
.ce_comments .form .widget:nth-of-type(-2n+4) {
margin-right: 0;
margin-left: 0;
}
}
.ce_comments .form .widget:nth-of-type(5) {
clear: both;
padding-top: 1.5em;
}
.ce_comments .form .widget input {
width: 100%;
}
.ce_comments .form .widget textarea {
width: 100%;
}
.ce_comments .form .checkbox_container {
margin: 0;
border: 0;
margin-top: -1.125em;
padding: 0;
}
.ce_comments h2 + .form,
.ce_comments h2 + .form > form {
margin-top: 0;
}
.mod_sitemap ul {
padding-left: 0;
list-style-type: none;
}
.mod_sitemap ul li:before {
content: none;
}
.mod_sitemap ul li li {
padding: 0.1875em 0 0.1875em 1.75em;
font-size: 1em;
}
.mod_sitemap ul li li.submenu ul {
margin: 0;
}
.mod_sitemap > ul > li:before {
font: 100%/1 "RockSolid Icons";
content: "\e083";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.625em;
color: #b90504;
}
.mod_sitemap a:before {
margin-right: 0.5em;
}
.mod_subscribe {
position: relative;
}
.mod_subscribe .widget {
display: inline;
}
.mod_subscribe input[type=text],
.mod_subscribe input[type=email] {
width: 75%;
}
@media screen and (max-width: 599px) {
.mod_subscribe input[type=text],
.mod_subscribe input[type=email] {
display: block;
width: 100%;
margin: 0 auto 0.625em;
}
}
.mod_subscribe .submit {
vertical-align: top;
overflow: hidden;
width: 20%;
margin-top: 0;
padding: 0.875em 1.25em 0.625em;
text-align: center;
}
@media screen and (max-width: 599px) {
.mod_subscribe .submit {
width: 100%;
}
}
.mod_subscribe.-centered {
text-align: center;
}
.centered-wrapper .mod_subscribe input[type=text],
.centered-wrapper .mod_subscribe input[type=email] {
width: 30%;
min-width: 16.25em;
}
.centered-wrapper .mod_subscribe .submit {
width: auto;
}
.sidebar .mod_subscribe input[type=text],
.sidebar .mod_subscribe input[type=email] {
width: 75%;
}
@media screen and (max-width: 599px) {
.sidebar .mod_subscribe input[type=text],
.sidebar .mod_subscribe input[type=email] {
display: inline;
margin: 0;
}
}
.sidebar .mod_subscribe .submit {
width: 20%;
padding: 1em 0 0.78571em;
text-indent: -99em;
line-height: 0;
}
.sidebar .mod_subscribe .submit:after {
font: 100%/1 "RockSolid Icons";
content: "\e0ce";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
left: 1px;
display: block;
font-size: 1.14286em;
}
/* ===========================================
* Sidebar / Widgets
* ======================================== */
.sidebar {
position: relative;
float: left;
width: 22.22222%;
margin: 2.5em 0 0 3.7037%;
font-size: 0.875em;
}
@media screen and (max-width: 900px) {
.sidebar {
float: none;
clear: both;
width: auto;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 599px) {
.sidebar {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-sidebar-right .sidebar {
float: right;
margin-right: 3.7037%;
margin-left: 0;
}
@media screen and (max-width: 900px) {
.tao-sidebar-right .sidebar {
float: none;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 599px) {
.tao-sidebar-right .sidebar {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-3-columns .sidebar {
width: 18.51852%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .sidebar {
width: auto;
}
}
.tao-3-columns .sidebar.-right {
left: 51.85185%;
margin-right: -18.51852%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .sidebar.-right {
left: auto;
clear: none;
margin-right: 0;
}
}
@media screen and (max-width: 599px) {
.tao-3-columns .sidebar.-right {
margin-right: 5.55556%;
}
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
margin: 2em 0 0.5em;
padding: 0 0 0.42857em;
font-size: 1em;
font-weight: bold;
color: #575757;
}
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar table,
.sidebar blockquote,
.sidebar fieldset,
.sidebar form {
margin: 1em 0;
}
.sidebar ul,
.sidebar ol {
padding: 0;
list-style-type: none;
}
.sidebar > .block {
margin: 1.25em 0;
}
@media screen and (max-width: 900px) {
.sidebar > .block {
float: left;
width: 41.66667%;
margin-left: 5.55556%;
}
}
@media screen and (max-width: 599px) {
.sidebar > .block {
float: none;
width: auto;
margin-left: 0;
}
}
.sidebar .ce_youtube-wrapper,
.sidebar .ce_vimeo-wrapper {
margin: 0.75em 0;
}
.sidebar .media > figure,
.sidebar .content-image > figure,
.sidebar .image_container {
margin: 0.75em 0 0;
padding: 0.5em;
}
@media screen and (max-width: 599px) {
.sub-navigation {
display: none;
}
}
.sub-navigation > ul > li > a {
color: #333333;
}
.sub-navigation ul {
margin: 0;
padding: 0;
}
.sub-navigation ul a,
.sub-navigation ul strong,
.sub-navigation ul span.trail,
.sub-navigation ul span.active,
.sub-navigation ul span.forward {
position: relative;
display: block;
margin: 0 -0.28571em;
padding: 0.28571em;
color: #575757;
transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
.sub-navigation ul a:hover,
.sub-navigation ul strong:hover,
.sub-navigation ul span.trail:hover,
.sub-navigation ul span.active:hover,
.sub-navigation ul span.forward:hover {
border-radius: 3px;
color: #333333;
text-decoration: none;
background-color: #e5dede;
transition-duration: 0.05s;
}
.sub-navigation ul a:before,
.sub-navigation ul strong:before,
.sub-navigation ul span.trail:before,
.sub-navigation ul span.active:before,
.sub-navigation ul span.forward:before {
margin-right: 0.42857em;
}
.sub-navigation ul a.active,
.sub-navigation ul strong.active,
.sub-navigation ul span.active {
color: #870403;
}
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail {
color: #b90504;
}
.sub-navigation ul ul {
margin-left: 0.85714em;
}
.sub-navigation li {
padding: 0.14286em 0.42857em;
border-top: 1px solid #e5dede;
}
.sub-navigation li:before {
content: none;
}
.sub-navigation li:first-child,
.sub-navigation li li li {
border: 0;
}
.sub-navigation li li {
margin-right: -0.42857em;
}
/* ===========================================
* Footer
* ======================================== */
.footer-bar {
padding: 1.71429em 0;
font-size: 0.875em;
color: #575757;
}
.footer-bar.-color-inverted {
color: #ffffff;
background: #333333;
}
.footer-bar h1,
.footer-bar h2,
.footer-bar h3 {
margin: 1em 0;
padding-bottom: 0.21429em;
border-bottom: 1px solid #d2cbcb;
font-size: 1em;
font-weight: bold;
}
.footer-bar ul {
list-style: none;
padding: 0;
}
.footer-bar .widget {
margin: 1em 0;
}
.footer-bar label {
display: block;
}
.footer-bar input,
.footer-bar textarea,
.footer-bar select,
.footer-bar fieldset {
display: block;
width: 100%;
}
.footer-bar input[type=submit],
.footer-bar button {
margin-top: 0.375em;
}
.footer-bar textarea {
height: 6.25em;
}
.icon-text-block {
position: relative;
padding-left: 1.875em;
}
.icon-text-block:before {
position: absolute;
top: 0.21429em;
left: 0;
}
.footer-news h1,
.footer-news h2,
.footer-news h3 {
margin-bottom: 1.14286em;
}
.news-footer-item {
margin: 0.57143em 0;
min-height: 2.57143em;
}
.news-footer-item:hover time:before {
top: 0.4em;
}
.news-footer-item:hover b {
margin-top: 40px;
}
.news-footer-item time {
position: relative;
float: left;
width: 3.6em;
height: 3.6em;
padding: 0.6em 0 0;
overflow: hidden;
font-size: 0.71429em;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
background: #333333;
}
.news-footer-item time:before {
font: 2em/1 "RockSolid Icons";
content: "\e0dd";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: -1em;
left: 0.4em;
transition: top 0.2s ease-out;
}
.news-footer-item time b {
display: block;
font-size: 1.4em;
font-weight: inherit;
transition: margin 0.2s ease-out;
}
.-color-inverted .news-footer-item time {
background: #ffffff;
color: #333333;
}
.news-footer-item a {
display: block;
line-height: 1.28571em;
}
.news-footer-item time + a {
padding-left: 3.1875em;
}
.footer-navigation {
float: left;
margin: 0;
font-size: 0.875em;
color: #575757;
}
@media screen and (max-width: 599px) {
.footer-navigation {
float: none;
padding: 0.5em 0;
text-align: center;
}
}
.footer-navigation ul,
.footer-navigation li {
display: inline;
margin: 0;
padding: 0;
}
.footer-navigation > ul > li:before {
font-size: 0.75em;
}
.footer-navigation > ul > li a,
.footer-navigation > ul > li strong,
.footer-navigation > ul > li span.trail,
.footer-navigation > ul > li span.active,
.footer-navigation > ul > li span.forward {
position: relative;
display: inline-block;
padding: 2.14286em 0;
margin-right: 3.14286em;
color: inherit;
}
@media screen and (max-width: 900px) {
.footer-navigation > ul > li a,
.footer-navigation > ul > li strong,
.footer-navigation > ul > li span.trail,
.footer-navigation > ul > li span.active,
.footer-navigation > ul > li span.forward {
margin-right: 1.57143em;
}
}
@media screen and (max-width: 599px) {
.footer-navigation > ul > li a,
.footer-navigation > ul > li strong,
.footer-navigation > ul > li span.trail,
.footer-navigation > ul > li span.active,
.footer-navigation > ul > li span.forward {
margin: 0 0.78571em;
padding: 0.5em 0;
}
}
.footer-navigation > ul > li a:before,
.footer-navigation > ul > li strong:before,
.footer-navigation > ul > li span.trail:before,
.footer-navigation > ul > li span.active:before,
.footer-navigation > ul > li span.forward:before {
content: none;
}
.footer-navigation > ul > li a:after,
.footer-navigation > ul > li strong:after,
.footer-navigation > ul > li span.trail:after,
.footer-navigation > ul > li span.active:after,
.footer-navigation > ul > li span.forward:after {
content: "";
position: absolute;
top: auto;
bottom: -1px;
right: 50%;
left: 50%;
border-top: 2px solid #636363;
transition: right 0.4s ease-out, left 0.4s ease-out;
}
.footer-navigation > ul > li a:hover,
.footer-navigation > ul > li strong:hover,
.footer-navigation > ul > li span.trail:hover,
.footer-navigation > ul > li span.active:hover,
.footer-navigation > ul > li span.forward:hover {
text-decoration: none;
}
.footer-navigation > ul > li a:hover:after,
.footer-navigation > ul > li strong:hover:after,
.footer-navigation > ul > li span.trail:hover:after,
.footer-navigation > ul > li span.active:hover:after,
.footer-navigation > ul > li span.forward:hover:after {
right: 0;
left: 0;
transition-duration: 0.1s, 0.1s;
}
.footer-icon-links {
float: right;
margin: 0;
padding: 0;
border-right: 1px solid #d2cbcb;
}
@media screen and (max-width: 599px) {
.footer-icon-links {
float: none;
border-right: 0;
text-align: center;
}
}
.footer-icon-links li {
display: inline;
}
.footer-icon-links a {
float: left;
position: relative;
width: 2.75em;
height: 5.0625em;
overflow: hidden;
border-left: 1px solid #d2cbcb;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #575757;
text-indent: -99em;
text-decoration: none;
}
@media screen and (max-width: 599px) {
.footer-icon-links a {
display: inline-block;
float: none;
height: 2.75em;
border-left: 0;
}
}
.footer-icon-links a:before,
.footer-icon-links a:after {
font: 1.375em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.04545em;
line-height: 3.68227;
letter-spacing: 0;
text-align: center;
background: #ffffff;
transition: top 0.5s ease-out;
}
@media screen and (max-width: 599px) {
.footer-icon-links a:before,
.footer-icon-links a:after {
line-height: 2.00045;
}
}
.footer-icon-links a:after {
top: 100%;
color: #ffffff;
background: transparent;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:before,
.footer-icon-links a:focus:after {
transition: top 0.2s ease-out;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:focus:before {
top: -100%;
}
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:after {
top: 0;
}
.footer-copyright {
float: left;
margin: 0;
padding: 2.14286em 0;
font-size: 0.875em;
color: #575757;
}
.footer-copyright .rocksolid-copyright {
color: inherit;
opacity: 0.6;
}
@media screen and (max-width: 900px) {
.footer-copyright {
float: none;
padding-bottom: 1em;
}
}
.footer-links {
float: right;
margin: 0;
padding: 2.14286em 0;
font-size: 0.875em;
color: #575757;
}
@media screen and (max-width: 900px) {
.footer-links {
float: none;
padding-top: 0;
}
}
.footer-links ul,
.footer-links li {
display: inline;
margin: 0;
padding: 0;
}
.footer-links li:before {
content: "";
display: inline-block;
width: 1px;
height: 0.78571em;
margin: 0 0.57143em 0 0.35714em;
background: #575757;
}
.footer-links li:first-child:before {
content: none;
}
.footer-links a,
.footer-links strong,
.footer-links span.trail,
.footer-links span.active,
.footer-links span.forward {
color: inherit;
}
.footer-top-link {
position: relative;
display: block;
width: 2.875em;
height: 2.875em;
margin: 0 auto;
color: #333333;
white-space: nowrap;
}
.footer-top-link:after {
font: 1em/1 "RockSolid Icons";
content: "\e01a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 0.9375em;
border: 1px solid #d2cbcb;
border-bottom: 0;
border-radius: 1px 1px 0 0;
text-align: center;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.footer-top-link > span {
position: absolute;
top: 0;
right: 0;
margin: 1em 0.71429em 0;
font-size: 0.875em;
color: #575757;
opacity: 0;
pointer-events: none;
transition: all 0.4s ease-out;
}
.footer-top-link > span + span {
right: auto;
left: 0;
}
.footer-top-link:hover,
.footer-top-link:focus {
/* Fixes IE bug */
text-decoration: none;
}
.footer-top-link:hover > span,
.footer-top-link:focus > span {
right: 100%;
opacity: 1;
transition-duration: 0.2s;
}
.footer-top-link:hover > span + span,
.footer-top-link:focus > span + span {
right: auto;
left: 100%;
}
/* ===========================================
* Slider
* ======================================== */
.main-slider {
height: 600px;
}
@media screen and (max-width: 599px) {
.main-slider {
height: auto;
}
.main-slider img {
max-width: 100%;
height: auto;
}
}
.rsts-skin-testimonials .testimonial {
margin: 0;
}
.rsts-skin-testimonials.rsts-main {
position: relative;
margin: 1.6875em 0;
padding: 2em 0 0 0;
}
.rsts-skin-testimonials .rsts-header {
margin-top: -2em;
}
.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
margin: 0 0 1em;
padding: 0 5em;
font-size: 0.875em;
font-weight: bold;
color: #575757;
text-align: center;
}
.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
position: absolute;
top: -2.375em;
right: 1.375em;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}
.rsts-skin-testimonials .rsts-prev:hover,
.rsts-skin-testimonials .rsts-prev:focus,
.rsts-skin-testimonials .rsts-next:hover,
.rsts-skin-testimonials .rsts-next:focus {
text-decoration: none;
}
.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
font: 0.875em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: #d2cbcb;
}
.rsts-skin-testimonials .rsts-prev:hover:after,
.rsts-skin-testimonials .rsts-prev:focus:after,
.rsts-skin-testimonials .rsts-next:hover:after,
.rsts-skin-testimonials .rsts-next:focus:after {
color: #bab0b0;
}
.rsts-skin-testimonials .rsts-next {
right: -0.5625em;
}
.rsts-skin-testimonials .rsts-next:after {
content: "\e019";
}
.rsts-skin-testimonials .rsts-nav {
position: absolute;
left: -4px;
top: 0;
line-height: 0;
}
.rsts-skin-testimonials .rsts-nav ul {
margin: 0;
padding: 0;
}
.rsts-skin-testimonials .rsts-nav li {
display: inline;
}
.rsts-skin-testimonials .rsts-nav a {
float: left;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}
.rsts-skin-testimonials .rsts-nav a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid #d2cbcb;
border-radius: 100%;
background: #d2cbcb;
background: rgba(210, 203, 203, 0.5);
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
background-color: #d2cbcb;
}
.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
display: none !important;
}
.rsts-skin-tao.rsts-main {
position: relative;
}
.rsts-skin-tao .rsts-caption {
position: absolute;
top: 1.25em;
left: 1.25em;
padding: 0.1875em 0.625em;
color: white;
border-radius: 3px;
background-color: #6f5e5e;
opacity: 0;
transition: opacity 0.2s;
}
.rsts-skin-tao .rsts-prev,
.rsts-skin-tao .rsts-next,
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
position: absolute;
top: 50%;
left: 1.25em;
margin-top: -1.375em;
border-radius: 3px;
overflow: hidden;
text-indent: -99em;
line-height: 0;
background-color: #6f5e5e;
opacity: 0;
transition: opacity 0.2s;
}
.rsts-skin-tao .rsts-prev:hover,
.rsts-skin-tao .rsts-prev:focus,
.rsts-skin-tao .rsts-next:hover,
.rsts-skin-tao .rsts-next:focus,
.rsts-skin-tao .rsts-video-play:hover,
.rsts-skin-tao .rsts-video-play:focus,
.rsts-skin-tao .rsts-video-stop:hover,
.rsts-skin-tao .rsts-video-stop:focus {
text-decoration: none;
}
.sidebar .rsts-skin-tao .rsts-prev,
.sidebar .rsts-skin-tao .rsts-next,
.sidebar .rsts-skin-tao .rsts-video-play,
.sidebar .rsts-skin-tao .rsts-video-stop {
bottom: 0.375em;
}
.rsts-skin-tao .rsts-prev:after,
.rsts-skin-tao .rsts-next:after,
.rsts-skin-tao .rsts-video-play:after,
.rsts-skin-tao .rsts-video-stop:after {
font: 0.875em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 1.07143em;
color: white;
}
.rsts-skin-tao:hover .rsts-prev,
.rsts-skin-tao:hover .rsts-next,
.rsts-skin-tao:hover .rsts-nav,
.rsts-skin-tao:hover .rsts-caption {
opacity: 0.8;
}
.rsts-skin-tao:hover .rsts-prev:hover,
.rsts-skin-tao:hover .rsts-next:hover,
.rsts-skin-tao:hover .rsts-nav:hover,
.rsts-skin-tao:hover .rsts-caption:hover {
opacity: 1;
}
.rsts-skin-tao .rsts-next {
left: auto;
right: 1.25em;
}
.rsts-skin-tao .rsts-next:after {
content: "\e019";
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-prev {
left: 0;
left: var(--safe-area-left);
border-radius: 0 3px 3px 0;
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-next {
right: 0;
right: var(--safe-area-right);
border-radius: 3px 0 0 3px;
}
.rsts-skin-tao .rsts-nav {
position: absolute;
left: 0;
bottom: 12%;
width: 100%;
opacity: 0;
}
@media screen and (max-width: 599px) {
.rsts-skin-tao .rsts-nav {
bottom: 30px;
}
}
.rsts-skin-tao .rsts-nav ul {
/* Setting height to zero to fix click area */
height: 0;
margin: 0;
padding: 0;
text-align: center;
}
.rsts-skin-tao .rsts-nav li {
display: inline;
}
.rsts-skin-tao .rsts-nav a {
display: inline-block;
outline: none;
margin: 3px;
padding: 5px;
}
.rsts-skin-tao .rsts-nav-bullets a {
overflow: hidden;
width: 18px;
height: 18px;
padding: 6px;
line-height: 0;
text-indent: -99em;
}
.rsts-skin-tao .rsts-nav-bullets a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 2px solid #6f5e5e;
border-radius: 100%;
background-color: white;
}
.rsts-skin-tao .rsts-nav-bullets a:hover:after,
.rsts-skin-tao .rsts-nav-bullets a.active:after {
background-color: #6f5e5e;
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
margin: 5px;
border: 2px solid #6f5e5e;
border-radius: 3px;
font-size: 0.8125em;
line-height: 0.61538em;
color: #575757;
background-color: white;
}
.rsts-skin-tao .rsts-nav-numbers a:hover,
.rsts-skin-tao .rsts-nav-numbers a.active,
.rsts-skin-tao .rsts-nav-tabs a:hover,
.rsts-skin-tao .rsts-nav-tabs a.active {
color: white;
background-color: #6f5e5e;
text-decoration: none;
}
.rsts-skin-tao .rsts-nav-thumbs a {
margin: 0;
padding: 0;
}
.rsts-skin-tao .rsts-nav-prev,
.rsts-skin-tao .rsts-nav-next {
display: none !important;
}
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
opacity: 1;
}
.rsts-skin-tao .rsts-video-play {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
width: 5.25em;
height: 5.25em;
margin: -2.625em 0 0 -2.625em;
border: 3px solid #6f5e5e;
border-radius: 100%;
background-color: rgba(111, 94, 94, 0.6);
transition: background-color 0.3s;
}
.rsts-skin-tao .rsts-video-play:after {
content: "\25b6";
padding: 0;
margin-left: 0.21429em;
font-size: 1.75em;
line-height: 2.78571em;
text-align: center;
}
.rsts-skin-tao .rsts-video-play:hover {
background-color: #6f5e5e;
}
.rsts-skin-tao .rsts-video-stop {
top: 20px;
right: 20px;
left: auto;
margin-top: 0;
border-radius: 3px;
}
.rsts-skin-tao .rsts-video-stop:after {
content: "\d7";
color: white;
padding: 0.78571em;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop {
top: 30px;
right: 10px;
background-color: #1b1b1b;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover {
background-color: #cc181e;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop {
top: 10px;
right: auto;
left: 10px;
background-color: #111a19;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover {
background-color: #00adef;
}
.rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe {
padding-top: 38px;
background-color: black;
}
.rsts-skin-tao .rsts-video-ipad > .rsts-video-stop {
top: 1px;
right: 10px;
left: auto;
}
.rsts-skin-tao.rsts-video-playing .rsts-nav,
.rsts-skin-tao.rsts-video-playing .rsts-prev,
.rsts-skin-tao.rsts-video-playing .rsts-next {
display: none;
}
.rsts-skin-tao.rsts-touch .rsts-nav {
opacity: 1;
}
.rsts-skin-tao .rsts-progress {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background-color: black;
opacity: 0;
transition: opacity 0.2s linear;
}
.rsts-skin-tao .rsts-progress div {
height: 100%;
background-color: white;
}
.rsts-skin-tao .rsts-progress.rsts-progress-active {
opacity: 0.3;
}
.rsts-skin-testimonials-centered.rsts-main,
.rsts-skin-partner.rsts-main,
.rsts-skin-mega-dropdown.rsts-main {
position: relative;
margin: 2.25em 0;
}
.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view,
.rsts-skin-mega-dropdown .rsts-view {
padding: 0 3.75em;
}
@media screen and (max-width: 599px) {
.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view,
.rsts-skin-mega-dropdown .rsts-view {
padding-right: 1.875em;
padding-left: 1.875em;
}
}
.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul,
.rsts-skin-mega-dropdown .rsts-nav ul {
height: 0;
margin: 0;
}
.rsts-skin-testimonials-centered .rsts-prev,
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-prev,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-prev,
.rsts-skin-mega-dropdown .rsts-next {
position: absolute;
top: 50%;
left: 0;
margin-top: -1em;
border: 1px solid #e5dede;
overflow: hidden;
text-indent: -99em;
line-height: 0;
background-color: #ffffff;
}
.rsts-skin-testimonials-centered .rsts-prev:hover,
.rsts-skin-testimonials-centered .rsts-prev:focus,
.rsts-skin-testimonials-centered .rsts-next:hover,
.rsts-skin-testimonials-centered .rsts-next:focus,
.rsts-skin-partner .rsts-prev:hover,
.rsts-skin-partner .rsts-prev:focus,
.rsts-skin-partner .rsts-next:hover,
.rsts-skin-partner .rsts-next:focus,
.rsts-skin-mega-dropdown .rsts-prev:hover,
.rsts-skin-mega-dropdown .rsts-prev:focus,
.rsts-skin-mega-dropdown .rsts-next:hover,
.rsts-skin-mega-dropdown .rsts-next:focus {
text-decoration: none;
}
.sidebar .rsts-skin-testimonials-centered .rsts-prev,
.sidebar .rsts-skin-testimonials-centered .rsts-next,
.sidebar .rsts-skin-partner .rsts-prev,
.sidebar .rsts-skin-partner .rsts-next,
.sidebar .rsts-skin-mega-dropdown .rsts-prev,
.sidebar .rsts-skin-mega-dropdown .rsts-next {
bottom: 0.375em;
}
.rsts-skin-testimonials-centered .rsts-prev:after,
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-prev:after,
.rsts-skin-partner .rsts-next:after,
.rsts-skin-mega-dropdown .rsts-prev:after,
.rsts-skin-mega-dropdown .rsts-next:after {
font: 0.875em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: #575757;
}
.rsts-skin-testimonials-centered .rsts-prev:hover:after,
.rsts-skin-testimonials-centered .rsts-prev:focus:after,
.rsts-skin-testimonials-centered .rsts-next:hover:after,
.rsts-skin-testimonials-centered .rsts-next:focus:after,
.rsts-skin-partner .rsts-prev:hover:after,
.rsts-skin-partner .rsts-prev:focus:after,
.rsts-skin-partner .rsts-next:hover:after,
.rsts-skin-partner .rsts-next:focus:after,
.rsts-skin-mega-dropdown .rsts-prev:hover:after,
.rsts-skin-mega-dropdown .rsts-prev:focus:after,
.rsts-skin-mega-dropdown .rsts-next:hover:after,
.rsts-skin-mega-dropdown .rsts-next:focus:after {
color: #3e3e3e;
}
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-next {
left: auto;
right: 0;
}
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-next:after,
.rsts-skin-mega-dropdown .rsts-next:after {
content: "\e019";
}
.rsts-skin-testimonials-centered .rsts-nav-prev,
.rsts-skin-testimonials-centered .rsts-nav-next,
.rsts-skin-partner .rsts-nav-prev,
.rsts-skin-partner .rsts-nav-next,
.rsts-skin-mega-dropdown .rsts-nav-prev,
.rsts-skin-mega-dropdown .rsts-nav-next {
display: none !important;
}
.rsts-skin-testimonials-centered .rsts-nav,
.rsts-skin-partner .rsts-nav,
.rsts-skin-mega-dropdown .rsts-nav,
.rsts-skin-carousel .rsts-nav {
line-height: 0;
}
.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul,
.rsts-skin-mega-dropdown .rsts-nav ul,
.rsts-skin-carousel .rsts-nav ul {
padding: 0;
text-align: center;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item,
.rsts-skin-partner .rsts-nav .rsts-nav-item,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item,
.rsts-skin-carousel .rsts-nav .rsts-nav-item {
display: inline;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a,
.rsts-skin-partner .rsts-nav .rsts-nav-item a,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid #d2cbcb;
border-radius: 100%;
background: #d2cbcb;
background: rgba(210, 203, 203, 0.5);
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active {
text-decoration: none;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after {
background-color: #d2cbcb;
}
.rsts-skin-partner .rsts-nav {
margin: 1.5em 0;
}
.rsts-skin-mega-dropdown.rsts-main {
margin: 0;
}
.rsts-skin-mega-dropdown .rsts-view {
padding: 0;
}
.rsts-skin-mega-dropdown .rsts-prev {
left: -6%;
right: auto;
}
.rsts-skin-mega-dropdown .rsts-next {
left: auto;
right: -6%;
}
.rsts-skin-mega-dropdown .rsts-nav {
text-align: center;
}
.rsts-skin-carousel .rsts-nav ul {
margin: 0.375em 0;
}
.rsts-skin-carousel .rsts-prev,
.rsts-skin-carousel .rsts-next {
display: none !important;
}
.rsts-skin-carousel .rsts-nav-prev,
.rsts-skin-carousel .rsts-nav-next {
display: inline;
margin-right: 1.25em;
}
.rsts-skin-carousel .rsts-nav-prev a,
.rsts-skin-carousel .rsts-nav-next a {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}
.rsts-skin-carousel .rsts-nav-prev a:after,
.rsts-skin-carousel .rsts-nav-next a:after {
font: 1em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.5em;
color: #575757;
}
.rsts-skin-carousel .rsts-nav-prev a:hover,
.rsts-skin-carousel .rsts-nav-prev a:focus,
.rsts-skin-carousel .rsts-nav-next a:hover,
.rsts-skin-carousel .rsts-nav-next a:focus {
text-decoration: none;
}
.rsts-skin-carousel .rsts-nav-prev a:hover:after,
.rsts-skin-carousel .rsts-nav-prev a:focus:after,
.rsts-skin-carousel .rsts-nav-next a:hover:after,
.rsts-skin-carousel .rsts-nav-next a:focus:after {
color: #3e3e3e;
}
.rsts-skin-carousel .rsts-nav-next {
margin-left: 1.25em;
margin-right: 0;
}
.rsts-skin-carousel .rsts-nav-next a:after {
content: "\e019";
}
.rsts-skin-light .rsts-nav {
position: absolute;
bottom: 20px;
margin: 0;
width: 100%;
}
/*
* custom.css – rohrstock.at
* Farbschema "Leder & Bordeaux" für das TAO-Theme (RockSolid)
*
* Aufbau:
* 1. Farbvariablen – hier zentral anpassen
* 2. Eigene Ergänzungen
* 3. Generierte Farb-Overrides (aus main.css abgeleitet, nicht von Hand ändern)
* 4. Typografie & Überschriften (übersteuert Abschnitt 3)
* danach: Timeline, Sprungnavigation, Randabstände, Spacer
* 5. Bild-Overlays (bild-overlay-*)
* danach: Stub-Box, "Zuletzt bearbeitet", News-Boxed, Storysystem,
* Formulare, Newsboxen
* 6. Inventar / Schrank des Schreckens (Epochen-Kodierung, bewusst am Dateiende)
*
* Voraussetzung: custom.css wird im Seitenlayout NACH main.css eingebunden.
*/
/* ===========================================
* 1. Farbvariablen
* ======================================== */
:root {
--rs-paper: #faf6f0; /* Seiten- und Flächenhintergrund (statt Weiß) */
--rs-paper-shade: #f3ece2; /* Verlaufsende auf hellen Flächen */
--rs-tint: #efe6da; /* helle Flächen, Trennlinien (statt #e5e8ee) */
--rs-line: #d9c8b4; /* Rahmen (statt #b2b9c4) */
--rs-line-strong: #c4b19b; /* Eingabefelder, Hover-Rahmen */
--rs-muted: #8c7a6b; /* Nebentexte, Tagline */
--rs-text: #5a4638; /* Fließtext (statt #717c8e) */
--rs-ink: #33251e; /* Überschriften, Basis-Textfarbe (statt #242424) */
--rs-dark: #2b1f19; /* dunkle Sektionen (statt #353d47) */
--rs-accent: #9b1c31; /* Bordeaux: Links, Buttons, Akzente */
--rs-accent-dark: #6e1322; /* Hover, dunkler Akzent */
--rs-accent-light: #b8364b; /* Verlaufsbeginn sekundärer Buttons */
--rs-cognac: #b07a45; /* Zweitakzent: Markierung, sekundäre Buttons */
--rs-cognac-light: #cfa27a;
--rs-cognac-dark: #8e5f33;
/* Inventar: Epochen-Kodierung nach Erzieher (Kontrast auf --rs-paper ≥ 4,8:1)
* Anwendung über die Klassen .epoche--* (siehe Abschnitt "Inventar" am Dateiende) */
--rs-epoche-richard: #2a6185; /* Herr Richard – Petrolblau (alt #236fa1) */
--rs-epoche-thomas: #a35a1c; /* Headmaster Thomas – Kupfer (alt #e67e23) */
--rs-epoche-michael: #6e3f8a; /* Erzieher Michael – Pflaume (alt #843fa1) */
--rs-epoche-angelique: #a8322a; /* Lady Angelique – Ziegelrot (alt #ba372a) */
/* Altcha (Spamschutz) */
--altcha-color-base: var(--rs-paper);
--altcha-color-border: var(--rs-line);
--altcha-color-border-focus: var(--rs-accent);
--altcha-color-text: var(--rs-text);
--swiper-theme-color: var(--rs-accent);
}
:root .-color-inverted {
--altcha-color-text: var(--rs-line);
}
/* ===========================================
* 2. Eigene Ergänzungen
* ======================================== */
::selection { color: #fff; }
/* ===========================================
* 3. Generierte Farb-Overrides
* ======================================== */
html {
color: var(--rs-ink);
-webkit-tap-highlight-color: var(--rs-accent);
}
body {
background: var(--rs-paper) none 50% 0 no-repeat scroll;
background-size: auto;
}
::selection {
background: var(--rs-cognac);
color: white;
text-shadow: none !important;
}
::-moz-selection {
background: var(--rs-cognac);
color: white;
text-shadow: none !important;
}
table {
border: 1px solid var(--rs-line);
border-radius: 3px;
background: var(--rs-paper);
}
table th,
table td {
border: solid var(--rs-tint);
border-width: 1px 0 0 1px;
}
table th:first-child,
table td:first-child {
border-left: 0;
}
table > thead > tr:first-child > th,
table > thead > tr:first-child > td,
table > tbody:first-child > tr:first-child > th,
table > tbody:first-child > tr:first-child > td,
table > tfoot:first-child + tbody > tr:first-child > th,
table > tfoot:first-child + tbody > tr:first-child > td {
border-top: 0;
}
table thead {
background: rgba(0, 0, 0, 0.02);
}
a {
color: var(--rs-accent);
}
a:hover,
a:active {
outline: 0;
}
.invisible {
border: 0;
}
.-no-border {
border: 0 !important;
}
.content-toplink:after,
.ce_toplink:after,
.toplink:after {
border-top: 1px solid var(--rs-line);
}
hr,
.headline-hr:before,
.headline-hr:after {
border: 0;
border-top: 1px solid var(--rs-line);
}
hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-color: var(--rs-text);
}
hr.-hr-shadow,
.headline-hr.-hr-shadow:before,
.headline-hr.-hr-shadow:after {
background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background-size: 100% 16px;
background-position: 50% -8px;
}
.icon-hr:before {
background: var(--rs-paper);
}
.confirmation {
color: #b5da44;
}
.information {
color: #37aadf;
}
.warning {
color: #df3763;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
border: 1px solid var(--rs-line);
border-radius: 3px;
color: #8caf23;
background: var(--rs-paper);
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
color: white;
background: #b5da44;
}
/* Confirmation-Box: grüner Rand */
p.confirmation,
div.confirmation,
span.confirmation {
border-color: #b5da44;
}
/* Information-Box: Blau mit blauem Rand */
p.information,
div.information,
span.information {
color: #1c80ae;
border-color: #37aadf;
}
p.information:before,
div.information:before,
span.information:before {
background: #37aadf;
}
p.warning,
div.warning,
span.warning {
color: #ae1c42;
}
p.warning:before,
div.warning:before,
span.warning:before {
background: #df3763;
}
p.drop-cap:first-letter,
span.drop-cap {
border: 1px solid var(--rs-line);
border-radius: 3px;
background: var(--rs-paper);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
code {
background-color: var(--rs-tint);
}
pre {
background-color: var(--rs-tint);
}
pre .hljs,
pre code {
background-color: transparent;
}
button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary,
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary,
.highlight-box-link,
.feature-box-link,
.headline-box-link,
.footer-bar input[type=submit],
.footer-bar button,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
border: 1px solid;
border-color: var(--rs-cognac) var(--rs-cognac) var(--rs-cognac-dark);
border-radius: 3px;
outline: none;
color: white;
text-shadow: 0 -1px 0 var(--rs-cognac);
background: var(--rs-cognac);
background: linear-gradient(var(--rs-cognac-light), var(--rs-cognac));
box-shadow: inset 0 1px var(--rs-cognac-light);
}
button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.header-login .formbody input[type=submit]:hover,
.header-dropdown > ul input[type=submit]:hover,
button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
button.-quaternary:hover,
.button.-quaternary:hover,
input[type="submit"].-quaternary:hover,
.highlight-box-link:hover,
.feature-box-link:hover,
.headline-box-link:hover,
.footer-bar input[type=submit]:hover,
.footer-bar button:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.highlight-box-link:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.footer-bar input[type=submit]:focus,
.footer-bar button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
border-color: var(--rs-cognac-dark);
background-image: linear-gradient(var(--rs-cognac), var(--rs-cognac-dark));
}
button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.header-login .formbody input[type=submit]:active,
.header-dropdown > ul input[type=submit]:active,
button.-tertiary:active,
.button.-tertiary:active,
input[type="submit"].-tertiary:active,
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
button.-quaternary:active,
.button.-quaternary:active,
input[type="submit"].-quaternary:active,
.highlight-box-link:active,
.feature-box-link:active,
.headline-box-link:active,
.footer-bar input[type=submit]:active,
.footer-bar button:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background-image: linear-gradient(var(--rs-cognac-dark), var(--rs-cognac));
}
#colorbox button.-secondary,
#colorbox .button.-secondary,
#colorbox input[type="submit"].-secondary,
#colorbox .header-login .formbody input[type=submit],
.header-login .formbody #colorbox input[type=submit],
#colorbox .header-dropdown > ul input[type=submit],
.header-dropdown > ul #colorbox input[type=submit],
#colorbox button.-tertiary,
#colorbox .button.-tertiary,
#colorbox input[type="submit"].-tertiary,
#colorbox .rotating-boxes-item-content .rotating-boxes-item-link,
.rotating-boxes-item-content #colorbox .rotating-boxes-item-link,
#colorbox .pricing-table-plan a,
.pricing-table-plan #colorbox a,
#colorbox button.-quaternary,
#colorbox .button.-quaternary,
#colorbox input[type="submit"].-quaternary,
#colorbox .highlight-box-link,
#colorbox .feature-box-link,
#colorbox .headline-box-link,
#colorbox .footer-bar input[type=submit],
.footer-bar #colorbox input[type=submit],
#colorbox .footer-bar button,
.footer-bar #colorbox button,
#colorbox button,
#colorbox .button,
#colorbox input[type="submit"],
#colorbox input[type="reset"],
#colorbox input[type="button"] {
box-shadow: none;
}
button.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:hover,
.button.-quaternary:focus,
input[type="submit"].-quaternary:hover,
input[type="submit"].-quaternary:focus {
border-color: currentColor;
}
button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary {
border-color: var(--rs-accent) var(--rs-accent-dark) var(--rs-accent-dark);
color: white;
text-shadow: 0 -1px 0 var(--rs-accent-dark);
background: var(--rs-accent);
background: linear-gradient(var(--rs-accent-light), var(--rs-accent));
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
}
button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.header-login .formbody input[type=submit]:hover,
.header-dropdown > ul input[type=submit]:hover,
.pricing-table-plan.-highlighted a:hover,
.feature-box-link.-secondary:hover,
.headline-box-link.-secondary:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
.pricing-table-plan.-highlighted a:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus {
border-color: var(--rs-accent-dark);
background: linear-gradient(var(--rs-accent), var(--rs-accent-dark));
}
button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.header-login .formbody input[type=submit]:active,
.header-dropdown > ul input[type=submit]:active,
.pricing-table-plan.-highlighted a:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active {
background: linear-gradient(var(--rs-accent-dark), var(--rs-accent));
}
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary {
border-color: var(--rs-line-strong) var(--rs-line-strong) var(--rs-line-strong);
color: var(--rs-text);
text-shadow: 0 -1px 0 var(--rs-paper);
background: var(--rs-tint);
background: linear-gradient(var(--rs-paper), var(--rs-tint));
box-shadow: none;
}
button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
.feature-box-link.-tertiary:hover,
.headline-box-link.-tertiary:hover,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
.feature-box-link.-tertiary:focus,
.headline-box-link.-tertiary:focus {
border-color: var(--rs-line-strong) var(--rs-line-strong) var(--rs-muted);
background: linear-gradient(var(--rs-paper), var(--rs-line));
}
button.-tertiary:active,
.button.-tertiary:active,
input[type="submit"].-tertiary:active,
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
.feature-box-link.-tertiary:active,
.headline-box-link.-tertiary:active {
background: linear-gradient(var(--rs-tint), var(--rs-paper-shade));
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid var(--rs-ink);
border-color: currentColor;
border-radius: 6px;
color: inherit;
text-shadow: none;
background: none;
box-shadow: none;
}
button.-quaternary:after,
.button.-quaternary:after,
input[type="submit"].-quaternary:after,
.feature-box-link.-quaternary:after,
.headline-box-link.-quaternary:after {
background: currentColor;
}
button.-quaternary:hover,
.button.-quaternary:hover,
input[type="submit"].-quaternary:hover,
.feature-box-link.-quaternary:hover,
.headline-box-link.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.feature-box-link.-quaternary:focus,
.headline-box-link.-quaternary:focus {
background: none;
}
.page {
background: var(--rs-paper);
}
.tao-boxed .page {
border: solid var(--rs-line);
border-width: 0 1px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1188px) {
.tao-boxed .page {
border: 0;
box-shadow: none;
}
}
.tao-not-boxed .page {
border: 0;
box-shadow: none;
}
.header-bar {
border-bottom: 1px solid var(--rs-tint);
background: var(--rs-paper-shade);
}
.tao-boxed .header-bar {
border-right: 1px solid var(--rs-line);
border-left: 1px solid var(--rs-line);
}
@media screen and (max-width: 1188px) {
.tao-boxed .header-bar {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-bar {
border-right: 0;
border-left: 0;
}
.header-bar-inner {
color: var(--rs-muted);
}
.header-links a {
color: inherit;
}
.header-links .icon-links-label {
color: inherit;
}
.header-links.-secondary a {
color: var(--rs-muted);
}
.header-links.-secondary a:before,
.header-links.-secondary a:after {
background: var(--rs-paper-shade);
}
.header-links.-secondary a:after {
color: white;
background: transparent;
}
.header-login > h1,
.header-login > h2,
.header-login > h3,
.header-login > h4,
.header-login > h5,
.header-login > h6,
.header-dropdown > h1,
.header-dropdown > h2,
.header-dropdown > h3,
.header-dropdown > h4,
.header-dropdown > h5,
.header-dropdown > h6 {
border: 1px solid transparent;
border-bottom: 0;
border-radius: 3px 3px 0 0;
outline: none;
color: inherit;
}
.header-dropdown:hover {
color: var(--rs-text);
}
.header-login .formbody,
.header-dropdown > ul {
border: 1px solid var(--rs-line);
border-radius: 3px 0 3px 3px;
color: var(--rs-text);
background: var(--rs-paper);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.header-login .formbody .checkbox_container,
.header-dropdown > ul .checkbox_container {
border: 0;
}
.header-dropdown > ul a,
.header-dropdown > ul strong,
.header-dropdown > ul span.trail,
.header-dropdown > ul span.active,
.header-dropdown > ul span.forward {
color: inherit;
}
.header-login.is-active > h1,
.header-login.is-active > h2,
.header-login.is-active > h3,
.header-login.is-active > h4,
.header-login.is-active > h5,
.header-login.is-active > h6,
.header-dropdown:hover > h1,
.header-dropdown:hover > h2,
.header-dropdown:hover > h3,
.header-dropdown:hover > h4,
.header-dropdown:hover > h5,
.header-dropdown:hover > h6,
.header-dropdown:focus > h1,
.header-dropdown:focus > h2,
.header-dropdown:focus > h3,
.header-dropdown:focus > h4,
.header-dropdown:focus > h5,
.header-dropdown:focus > h6 {
border-color: var(--rs-line);
color: var(--rs-text);
background-color: var(--rs-paper);
}
.header-navigation {
border-bottom: 1px solid var(--rs-tint);
background: var(--rs-paper);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.tao-boxed .header-navigation {
border-right: 1px solid var(--rs-line);
border-left: 1px solid var(--rs-line);
}
@media screen and (max-width: 1188px) {
.tao-boxed .header-navigation {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-navigation {
border-right: 0;
border-left: 0;
}
.header-navigation-inner {
color: var(--rs-text);
}
.main-navigation-wrapper {
border: 1px solid var(--rs-line);
background: var(--rs-paper);
background: linear-gradient(var(--rs-paper), var(--rs-paper-shade));
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
color: var(--rs-text);
}
.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong:after,
.main-navigation > ul > li > span.active:after,
.main-navigation > ul > li > span.trail:after,
.main-navigation > ul > li > span.forward:after {
border-top: 2px solid var(--rs-text);
}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus {
color: var(--rs-accent);
}
.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
color: var(--rs-accent);
}
.main-navigation > ul > li > ul {
border: solid var(--rs-tint);
border-width: 1px 1px 2px;
border-top-color: var(--rs-tint);
border-radius: 0 0 3px 3px;
background: var(--rs-paper);
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
}
.main-navigation > ul > li > ul li {
border-bottom: 1px solid var(--rs-tint);
}
.main-navigation > ul > li > ul li li {
border: 0;
}
.main-navigation > ul > li > ul a {
color: var(--rs-accent);
}
.main-navigation > ul > li > ul a:hover {
color: var(--rs-accent-dark);
background-color: var(--rs-tint);
}
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
color: var(--rs-text);
}
.mega-dropdown {
border: solid var(--rs-tint);
border-width: 1px 1px 2px;
border-top-color: var(--rs-tint);
border-radius: 0 0 3px 3px;
background: var(--rs-paper);
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.mega-dropdown {
background-image: none !important;
}
}
.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3 {
color: var(--rs-accent-dark);
}
.mega-dropdown-column h1 a,
.mega-dropdown-column h2 a,
.mega-dropdown-column h3 a {
color: inherit;
}
.mega-dropdown-column ul a {
color: var(--rs-accent);
}
.mega-dropdown-column ul a:hover {
color: var(--rs-accent-dark);
}
.main-navigation-search {
background: var(--rs-paper);
}
.main-navigation-search:after {
border-left: 1px solid var(--rs-tint);
}
.main-navigation-search input {
border: 0;
border-bottom: 1px solid white;
border-radius: 0;
background: none;
box-shadow: none;
}
.main-navigation-search:hover,
.main-navigation-search.focus {
border: 1px solid var(--rs-tint);
}
.main-navigation-search:hover input,
.main-navigation-search.focus input {
border-color: var(--rs-line);
box-shadow: none;
}
@media screen and (max-width: 900px) {
.main-navigation-search {
border: 1px solid var(--rs-tint);
}
.main-navigation-search input {
border-color: var(--rs-line);
box-shadow: none;
}
}
.main-navigation-search button {
border: 0;
color: var(--rs-text);
text-shadow: none;
background: none;
box-shadow: none;
}
.main-navigation-search button:hover,
.main-navigation-search button:focus {
color: var(--rs-accent);
}
.main-navigation-mobile-open:after {
background: var(--rs-text);
box-shadow: 0 7px var(--rs-text), 0 14px var(--rs-text);
}
.main-navigation-mobile-close {
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
.main-navigation-mobile {
border-top: 1px solid black;
color: white;
background: var(--rs-ink);
}
.main-navigation-mobile.is-active {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.main-navigation-mobile ul ul {
background: var(--rs-ink);
box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
border-bottom: 1px solid black;
color: inherit;
background-color: var(--rs-ink);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
outline: none;
background-color: #171717;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
background-color: #383838;
box-shadow: inset 0 0 5px var(--rs-ink);
}
.main-navigation-mobile li li {
color: #bfbfbf;
}
.main-navigation-mobile .main-navigation-mobile-expand {
border: solid transparent;
border-width: 0.21429em 0;
box-shadow: inset 1px 0 #1f1f1f;
border-radius: 0;
outline: none;
color: inherit;
text-shadow: none;
background: none;
}
.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
border: 1px solid black;
background: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
.main-navigation-mobile-search button {
border: 0;
text-shadow: none;
background: none;
box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a {
border: 0;
border-radius: 3px;
box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
color: white !important;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
color: inherit !important;
}
.tagline {
border-bottom: 1px solid var(--rs-tint);
background: var(--rs-paper);
}
.tagline .media > figure,
.tagline .content-image > figure,
.tagline .image_container {
border: 0;
background: none;
box-shadow: none;
}
.tagline-no-border .tagline {
border: 0;
}
.tagline-inner {
color: var(--rs-muted);
}
.centered-wrapper {
background: 50% 50% no-repeat;
background-size: cover;
}
.centered-wrapper.-border-top {
border-top: 1px solid var(--rs-line);
}
.centered-wrapper.-border-bottom {
border-bottom: 1px solid var(--rs-line);
}
.centered-wrapper.-color-inverted {
color: white;
}
.centered-wrapper.-highlight-color {
background-color: var(--rs-accent);
}
.centered-wrapper.-background-color-1 {
background-color: var(--rs-dark);
}
.centered-wrapper.-background-color-2 {
background-color: var(--rs-paper-shade);
}
.centered-wrapper-background {
background: 50% 50% no-repeat;
background-size: cover;
}
.main-content h1 {
color: var(--rs-text);
}
.main-content .-color-inverted h1 {
color: white;
}
.main-content h2 {
color: var(--rs-text);
}
.main-content .-color-inverted h2 {
color: var(--rs-line);
}
.main-content h6 {
color: var(--rs-text);
}
.-color-inverted .main-content h6 {
color: var(--rs-line);
}
.main-content ul li[data-icon]:before,
.main-content ul li[class^="icon-"]:before,
.main-content ul li[class*=" icon-"]:before,
.main-content ol li[data-icon]:before,
.main-content ol li[class^="icon-"]:before,
.main-content ol li[class*=" icon-"]:before {
color: var(--rs-accent);
}
.main-content blockquote {
color: var(--rs-text);
}
.-color-inverted .main-content blockquote {
color: var(--rs-line);
}
form p b.error,
form p.error {
color: #df3763;
}
input,
textarea {
border: 1px solid var(--rs-line);
border-bottom-color: var(--rs-line-strong);
border-radius: 3px;
color: inherit;
background: var(--rs-paper);
}
.valid input,
.valid textarea {
border-color: #b5da44;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #df3763;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--rs-muted);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: var(--rs-muted);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--rs-muted);
}
input::placeholder,
textarea::placeholder {
color: var(--rs-muted);
}
input:hover,
textarea:hover {
border-color: var(--rs-line-strong) var(--rs-line-strong) var(--rs-muted);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
border-color: var(--rs-accent);
}
.-color-inverted input,
.-color-inverted textarea {
background: var(--rs-dark);
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
outline: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
border: 0;
box-shadow: none;
}
input[type="radio"] {
background: none;
}
input[type="file"] {
border: 0;
border: 1px solid var(--rs-line) \9;
background: none;
box-shadow: none;
}
textarea {
outline: none;
}
fieldset {
border: 1px solid var(--rs-line);
}
.main-content label {
color: var(--rs-text);
}
.-color-inverted .main-content label {
color: var(--rs-line);
}
.main-content label .mandatory {
color: var(--rs-accent);
}
.explanation {
color: var(--rs-text);
}
.-color-inverted .explanation {
color: var(--rs-line);
}
.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
border: 1px solid var(--rs-line);
border-radius: 2px;
background: var(--rs-paper);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.media > figure a:hover:before,
.media > figure a:focus:before,
.content-image > figure a:hover:before,
.content-image > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before,
.image_container a:hover:before,
.image_container a:focus:before {
background: rgba(255, 255, 255, 0.3);
}
.media > figure a:hover:after,
.media > figure a:focus:after,
.content-image > figure a:hover:after,
.content-image > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after,
.image_container a:hover:after,
.image_container a:focus:after {
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.media > figure figcaption,
.media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
color: var(--rs-text);
}
.no-border.content-gallery figure,
.no-border.media > figure,
.no-border .media > figure,
.no-border.content-image > figure,
.no-border .content-image > figure,
.no-border.image_container,
.no-border .image_container {
border: 0;
box-shadow: none;
background: none;
}
.mejs__video button,
.mejs__audio button {
box-shadow: none;
}
.content-player iframe,
.content-youtube iframe,
.content-vimeo iframe,
.video_container iframe {
border: 0;
}
.content-player .aspect [data-splash-screen],
.content-player .responsive [data-splash-screen],
.content-youtube .aspect [data-splash-screen],
.content-youtube .responsive [data-splash-screen],
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .responsive [data-splash-screen],
.video_container .aspect [data-splash-screen],
.video_container .responsive [data-splash-screen] {
color: inherit;
}
.content-downloads,
.sidebar .content-downloads,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
border: 1px solid var(--rs-line);
border-radius: 3px;
}
.content-downloads h1,
.content-downloads h2,
.content-downloads h3,
.content-downloads h4,
.content-downloads h5,
.content-downloads h6,
.sidebar .content-downloads h1,
.sidebar .content-downloads h2,
.sidebar .content-downloads h3,
.sidebar .content-downloads h4,
.sidebar .content-downloads h5,
.sidebar .content-downloads h6,
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
color: white;
background: var(--rs-text);
}
.swiper-button-prev.swiper-button-prev,
.swiper-button-next.swiper-button-next {
border: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
background: transparent;
}
.ce_accordion {
color: var(--rs-text);
}
.ce_accordion .toggler {
border: 1px solid var(--rs-line);
border-radius: 3px;
outline: none;
background: var(--rs-paper);
}
.ce_accordion .toggler:hover {
color: var(--rs-accent);
}
.ce_accordion .accordion {
border: 1px solid var(--rs-line);
border-top-color: var(--rs-line);
border-radius: 0 0 3px 3px;
background: var(--rs-tint);
}
.content-accordion {
color: var(--rs-text);
}
.content-accordion .handorgel__header {
border: 1px solid var(--rs-line);
outline: none;
color: var(--rs-text);
background: var(--rs-paper);
}
.content-accordion .handorgel__header__button {
border: none;
background: var(--rs-paper);
border-radius: inherit;
text-shadow: none;
box-shadow: none;
color: inherit;
}
.content-accordion .handorgel__header__button:hover,
.content-accordion .handorgel__header__button:focus-visible {
outline: none;
color: var(--rs-accent);
}
.content-accordion .handorgel__content {
border: 1px solid var(--rs-line);
border-top-color: var(--rs-line);
background: var(--rs-tint);
}
.icon-boxes-item {
color: var(--rs-text);
}
.icon-boxes-item.-color-inverted,
.-color-inverted .icon-boxes-item {
color: white;
}
.icon-boxes-item.-color-inverted:before,
.icon-boxes-item.-color-inverted.-inverted-icon:before,
.-color-inverted .icon-boxes-item:before,
.-color-inverted .icon-boxes-item.-inverted-icon:before {
border-color: white;
color: white;
background-color: transparent;
}
.icon-boxes-item.-color-inverted h3,
.-color-inverted .icon-boxes-item h3 {
color: white;
}
.icon-boxes-item.-boxed {
border: 1px solid var(--rs-line);
border-radius: 3px;
}
.icon-boxes-item.-background-color {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.icon-boxes-item.-background-color:before {
background-color: inherit;
}
.icon-boxes-item.-background-color:hover:before,
.icon-boxes-item.-background-color:focus:before {
background-color: inherit;
}
.icon-boxes-item:before {
border: 0.09375em solid var(--rs-accent);
border-radius: 100%;
color: var(--rs-accent);
background: transparent;
}
.icon-boxes-item.-inverted-icon:before {
border-color: var(--rs-accent);
color: white;
background-color: var(--rs-accent);
}
.icon-boxes-item.-headline-icon:before {
border: 0;
border-radius: 0;
background: none;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
color: white;
background-color: var(--rs-accent);
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: var(--rs-accent);
background-color: var(--rs-paper);
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: var(--rs-accent);
background: none;
}
.icon-boxes-item h3 {
color: var(--rs-ink);
}
.icon-boxes-item-link.-link {
color: var(--rs-accent);
}
.-color-inverted .icon-boxes-item-link {
color: white;
}
.rotating-boxes-item {
color: var(--rs-text);
}
.rotating-boxes-item-cover,
.rotating-boxes-item-content {
border: 1px solid var(--rs-line);
border-radius: 3px;
background: var(--rs-paper);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.rotating-boxes-item-cover {
color: var(--rs-accent);
}
.rotating-boxes-item-content:before {
color: var(--rs-accent);
}
.rotating-boxes-item-content h3 {
color: var(--rs-accent);
}
.-color-inverted .rotating-boxes-item-content h3 {
color: var(--rs-accent);
}
.teaser-boxes-item,
.team-boxes-item {
color: inherit;
outline: none;
}
.-color-inverted .teaser-boxes-item,
.-color-inverted .team-boxes-item {
color: var(--rs-line);
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
color: var(--rs-text);
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper {
outline: none;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
border: 1px solid var(--rs-line);
border-radius: 3px;
outline: none;
background-color: var(--rs-paper);
}
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
background: var(--rs-tint);
}
.-color-inverted .teaser-boxes-item h3,
.-color-inverted .team-boxes-item h3 {
color: white;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3 {
color: var(--rs-ink);
}
.-color-inverted .teaser-boxes-item a,
.-color-inverted .team-boxes-item a {
color: inherit;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover,
.team-boxes-item .image-wrapper.-has-hover:hover,
.teaser-boxes-item .image-wrapper.-has-hover:focus,
.team-boxes-item .image-wrapper.-has-hover:focus {
outline: none;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover:before,
.team-boxes-item .image-wrapper.-has-hover:hover:before,
.teaser-boxes-item .image-wrapper.-has-hover:focus:before,
.team-boxes-item .image-wrapper.-has-hover:focus:before {
background: rgba(255, 255, 255, 0.3);
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover:after,
.team-boxes-item a.image-wrapper.-has-hover:hover:after,
.teaser-boxes-item a.image-wrapper.-has-hover:focus:after,
.team-boxes-item a.image-wrapper.-has-hover:focus:after {
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.team-boxes-item > ul a {
outline: none;
}
.team-boxes-item > ul a:after {
color: var(--rs-muted) !important;
}
.team-boxes-item > ul a:hover:after,
.team-boxes-item > ul a:focus:after {
color: inherit !important;
}
.highlight-box {
border: 1px solid var(--rs-line);
border-radius: 3px;
color: var(--rs-text);
}
.-color-inverted .testimonial,
.-color-inverted .main-content .testimonial {
color: white;
}
.testimonial > p,
.main-content .testimonial > p {
border: 1px solid var(--rs-line);
border-radius: 3px;
}
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
border: solid transparent;
border-top-color: var(--rs-line-strong);
border-style: solid;
border-width: 16px 16px 0 0;
}
.testimonial > p:after,
.main-content .testimonial > p:after {
border-top-color: white;
}
.testimonial.-large > p,
.main-content .testimonial.-large > p {
border: 0;
}
.testimonial-author img,
.testimonial .testimonial-author img {
border: 1px solid var(--rs-tint);
border: 1px solid rgba(90, 70, 56, 0.5);
border-radius: 100%;
}
.pricing-table-plan {
border: 1px solid var(--rs-line);
}
.pricing-table-plan.-highlighted {
background: var(--rs-paper);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pricing-table-plan.-highlighted h3 {
color: white;
background: var(--rs-accent);
}
.pricing-table-plan h3 {
border-bottom: 1px solid var(--rs-tint);
color: inherit;
}
.pricing-table-plan p {
border-bottom: 1px solid var(--rs-tint);
}
.pricing-table-plan p b {
color: var(--rs-text);
}
.pricing-table-plan p i {
color: var(--rs-text);
}
.pricing-table-plan ul {
color: var(--rs-text);
}
.pricing-table-plan li {
border-bottom: 1px solid var(--rs-tint);
}
.pricing-table-plan li:hover {
background-color: var(--rs-tint);
}
.info-table {
border: 0;
}
.feature-box.-headline-dropshadow h1,
.feature-box.-headline-dropshadow h2,
.feature-box.-headline-dropshadow h3 {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
}
.feature-box-text {
color: var(--rs-text);
}
.-color-inverted .feature-box-text {
color: white;
}
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
color: var(--rs-ink);
}
.-color-inverted .feature-box-text h1,
.-color-inverted .feature-box-text h2,
.-color-inverted .feature-box-text h3 {
color: white;
}
.counter-boxes > h2 {
color: inherit;
}
.-color-inverted .counter-boxes > h2 {
color: white;
}
.counter-boxes > h3 {
color: var(--rs-text);
}
.-color-inverted .counter-boxes > h3 {
color: var(--rs-line);
}
.-color-inverted.-highlight-color .counter-boxes > h3 {
color: var(--rs-accent-dark);
}
.counter-boxes-item {
color: inherit;
}
.counter-boxes-item:before {
color: var(--rs-text);
}
.-color-inverted .counter-boxes-item:before {
color: var(--rs-line);
}
.-color-inverted.-highlight-color .counter-boxes-item:before {
color: var(--rs-accent-dark);
}
.counter-boxes-item p {
color: var(--rs-accent);
}
.-color-inverted.-highlight-color .counter-boxes-item p {
color: var(--rs-accent-dark);
}
.counter-boxes-item h3 {
color: inherit;
}
.counter-boxes-item h4 {
color: var(--rs-text);
}
.-color-inverted .counter-boxes-item h4 {
color: var(--rs-line);
}
.headline-box:before {
background: var(--rs-paper);
background: rgba(255, 255, 255, 0.6);
}
.-color-inverted .headline-box:before {
background: var(--rs-dark);
background: rgba(43, 31, 25, 0.6);
}
.headline-box h2 {
color: inherit;
}
.-color-inverted .headline-box h2 {
color: inherit;
}
.headline-box h3 {
color: var(--rs-text);
}
.-color-inverted.-highlight-color .headline-box h3 {
color: var(--rs-accent-dark);
}
.-color-inverted .headline-box h3 {
color: var(--rs-line);
}
.headline-box-link.-quaternary {
color: inherit;
}
.projects-item {
border-top: 5px solid var(--rs-tint);
color: inherit;
}
.projects-item:nth-of-type(even) {
border-top-color: var(--rs-line);
}
.projects-item h3 {
color: inherit;
background: var(--rs-paper);
background: rgba(255, 255, 255, 0.9);
}
.projects-item h3:before {
border: 8px solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top: 0;
border-bottom-color: white;
border-bottom-color: rgba(255, 255, 255, 0.9);
}
.google-map > a {
background: #e5e3df;
}
.info-map-gmap > a {
background: #e5e3df;
}
.info-map-boxes-item {
color: inherit;
background: var(--rs-paper);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15);
}
.info-map-boxes-item:before {
color: var(--rs-accent);
background: var(--rs-paper);
}
.info-map-boxes-item h3 {
border-bottom: 1px solid var(--rs-tint);
color: var(--rs-accent);
}
.info-map-boxes-item-link {
color: var(--rs-accent);
}
.icon-buttons a {
border: 2px solid var(--rs-ink);
border-radius: 3px;
color: inherit;
}
.icon-buttons a:hover,
.icon-buttons a:focus {
background: var(--rs-ink);
background: rgba(51, 37, 30, 0.25);
}
.-color-inverted .icon-buttons a {
border-color: white;
}
.-color-inverted .icon-buttons a:hover,
.-color-inverted .icon-buttons a:focus {
background: var(--rs-paper);
background: rgba(255, 255, 255, 0.25);
}
.icon-links-label {
color: var(--rs-accent);
}
.tab-navigation {
border: 1px solid transparent;
border-bottom-color: var(--rs-line);
}
.tab-navigation a {
outline: none;
border: 1px solid var(--rs-line);
border-bottom-width: 0;
background-color: var(--rs-paper);
}
.tab-navigation a.is-active {
box-shadow: 0 10px 0 -1px white, 0 -3px var(--rs-accent), -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
.tab-navigation a.is-active {
border-color: var(--rs-accent);
color: white;
background: var(--rs-accent);
box-shadow: 0 1px var(--rs-accent);
}
}
.tab-navigation.-image-tabs {
border: 0;
}
.tab-navigation.-image-tabs a {
border: 0;
color: inherit;
background: none;
}
.tab-navigation.-image-tabs a:hover,
.tab-navigation.-image-tabs a:focus {
color: var(--rs-accent);
}
.tab-navigation.-image-tabs a.is-active {
color: var(--rs-accent);
box-shadow: none;
}
.tab-navigation.-image-tabs a.is-active:after {
border: 0.4375em solid transparent;
border-top-color: var(--rs-accent);
border-bottom: 0;
}
.tab-navigation.-image-tabs a:before {
color: var(--rs-accent);
}
.tab-start.-has-border {
border: 1px solid var(--rs-line);
}
.fixed-note {
border-top: 1px solid var(--rs-line);
background-color: var(--rs-paper);
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.fixed-note:before {
color: var(--rs-accent);
}
.fixed-note-closed {
color: white;
background: var(--rs-cognac);
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: var(--rs-cognac);
}
.mod_breadcrumb a {
color: inherit;
}
nav[data-pagination] li a,
nav[data-pagination] li strong,
nav[data-pagination] li span,
.pagination li a,
.pagination li strong,
.pagination li span {
background-color: var(--rs-paper);
}
nav[data-pagination] li .current,
nav[data-pagination] li .active,
.pagination li .current,
.pagination li .active {
color: inherit;
border-bottom: 1px solid var(--rs-tint);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.news-image-teaser h2 {
border-bottom: 1px solid var(--rs-tint);
color: inherit;
}
.news-image-teaser h2 a {
color: inherit;
}
.news-image-teaser h2 a:hover {
color: var(--rs-accent);
}
.news-image-teaser p {
color: var(--rs-text);
}
.news-image-teaser .news-image-teaser-info {
color: var(--rs-text);
}
.news-image-teaser-meta {
border-right: 1px solid var(--rs-tint);
}
@media screen and (max-width: 599px) {
.news-image-teaser-meta {
border-right: 0;
background: var(--rs-paper);
}
}
.news-image-teaser-meta b {
color: var(--rs-text);
}
.news-image-teaser-meta .comment-count {
border-top: 1px solid var(--rs-tint);
color: var(--rs-text);
}
.news-image-teaser-meta .comment-count:hover {
color: var(--rs-accent);
}
.news-list-boxed-item {
border: 1px solid var(--rs-line);
border-radius: 3px;
color: var(--rs-text);
}
.news-list-boxed-item h3 {
color: var(--rs-text);
}
.news-list-boxed-item h3 a {
color: inherit;
}
.news-list-boxed-item h3 a:hover {
color: var(--rs-accent);
}
.news-list-boxed-item .news-list-boxed-item-info {
border-bottom: 1px solid var(--rs-tint);
}
.news-list-boxed-item-image.-no-image {
background: var(--rs-text);
}
.news-list-boxed-item-image time {
color: white;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.news-boxes-item h3 {
color: inherit;
}
.news-boxes-item h3 a {
color: inherit;
}
.news-boxes-item h3 a:hover,
.news-boxes-item h3 a:focus {
color: var(--rs-accent);
}
.news-boxes-item .news-boxes-item-more a {
color: white;
color: transparent;
background: var(--rs-paper);
box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5);
}
.news-boxes-item .news-boxes-item-more a:after {
border: 1px solid var(--rs-tint);
border-top: 0;
border-radius: 0 0 1px 1px;
color: var(--rs-ink);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.news-boxes-item .news-boxes-item-more a:hover:after,
.news-boxes-item .news-boxes-item-more a:focus:after {
color: var(--rs-accent);
}
.news-boxes-item-image.-no-image {
background: var(--rs-text);
}
.news-boxes-item-info {
color: var(--rs-text);
}
.mod_calendar th.current {
border-right: 0;
border-left: 0;
}
.mod_calendar th.previous {
border-right: 0;
}
.mod_calendar th.next {
border-left: 0;
}
.mod_calendar td.today {
background-color: var(--rs-line);
}
.mod_newsletterlist ul li {
border-bottom: 1px solid var(--rs-line);
}
.mod_newsletterlist ul li:before {
color: var(--rs-accent);
}
.mod_faqpage h3 {
border-bottom: 1px solid var(--rs-tint);
}
.mod_faqpage h3:before,
.mod_faqpage h3 + *:before {
color: white;
background: var(--rs-accent);
}
.mod_faqpage .info {
color: var(--rs-text);
}
.mod_faqreader .info {
color: var(--rs-text);
}
.mod_search .header {
border-bottom: 1px solid var(--rs-line);
color: var(--rs-text);
}
.mod_search .highlight {
background: rgba(176, 122, 69, 0.25); /* Cognac 25 % */
}
.mod_search .url {
border-bottom: 1px dotted var(--rs-line);
color: var(--rs-text);
}
.comment_default {
border: 1px solid var(--rs-line);
border-radius: 3px;
background: var(--rs-paper);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.comment_default .info {
border-bottom: 1px solid var(--rs-line);
}
.ce_comments .form .checkbox_container {
border: 0;
}
.mod_sitemap > ul > li:before {
color: var(--rs-accent);
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
color: var(--rs-text);
}
.sub-navigation > ul > li > a {
color: var(--rs-ink);
}
.sub-navigation ul a,
.sub-navigation ul strong,
.sub-navigation ul span.trail,
.sub-navigation ul span.active,
.sub-navigation ul span.forward {
color: var(--rs-text);
}
.sub-navigation ul a:hover,
.sub-navigation ul strong:hover,
.sub-navigation ul span.trail:hover,
.sub-navigation ul span.active:hover,
.sub-navigation ul span.forward:hover {
color: var(--rs-ink);
background-color: var(--rs-tint);
}
.sub-navigation ul a.active,
.sub-navigation ul strong.active,
.sub-navigation ul span.active {
color: var(--rs-accent-dark);
}
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail {
color: var(--rs-accent);
}
.sub-navigation li {
border-top: 1px solid var(--rs-tint);
}
.sub-navigation li:first-child,
.sub-navigation li li li {
border: 0;
}
.footer-bar {
color: var(--rs-text);
}
.footer-bar.-color-inverted {
color: white;
background: var(--rs-dark);
}
.footer-bar h1,
.footer-bar h2,
.footer-bar h3 {
border-bottom: 1px solid var(--rs-line);
}
.news-footer-item time {
color: white;
background: var(--rs-dark);
}
.-color-inverted .news-footer-item time {
background: var(--rs-paper);
color: var(--rs-ink);
}
.footer-navigation {
color: var(--rs-text);
}
.footer-navigation > ul > li a,
.footer-navigation > ul > li strong,
.footer-navigation > ul > li span.trail,
.footer-navigation > ul > li span.active,
.footer-navigation > ul > li span.forward {
color: inherit;
}
.footer-navigation > ul > li a:after,
.footer-navigation > ul > li strong:after,
.footer-navigation > ul > li span.trail:after,
.footer-navigation > ul > li span.active:after,
.footer-navigation > ul > li span.forward:after {
border-top: 2px solid var(--rs-text);
}
.footer-icon-links {
border-right: 1px solid var(--rs-line);
}
@media screen and (max-width: 599px) {
.footer-icon-links {
border-right: 0;
}
}
.footer-icon-links a {
border-left: 1px solid var(--rs-line);
color: var(--rs-text);
}
@media screen and (max-width: 599px) {
.footer-icon-links a {
border-left: 0;
}
}
.footer-icon-links a:before,
.footer-icon-links a:after {
background: var(--rs-paper);
}
.footer-icon-links a:after {
color: white;
background: transparent;
}
.footer-copyright {
color: var(--rs-text);
}
.footer-copyright .rocksolid-copyright {
color: inherit;
}
.footer-links {
color: var(--rs-text);
}
.footer-links li:before {
background: var(--rs-text);
}
.footer-links a,
.footer-links strong,
.footer-links span.trail,
.footer-links span.active,
.footer-links span.forward {
color: inherit;
}
.footer-top-link {
color: var(--rs-ink);
}
.footer-top-link:after {
border: 1px solid var(--rs-line);
border-bottom: 0;
border-radius: 1px 1px 0 0;
background: var(--rs-paper);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.footer-top-link > span {
color: var(--rs-text);
}
.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
color: var(--rs-text);
}
.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
color: var(--rs-line);
}
.rsts-skin-testimonials .rsts-prev:hover:after,
.rsts-skin-testimonials .rsts-prev:focus:after,
.rsts-skin-testimonials .rsts-next:hover:after,
.rsts-skin-testimonials .rsts-next:focus:after {
color: var(--rs-cognac);
}
.rsts-skin-testimonials .rsts-nav a {
outline: none;
}
.rsts-skin-testimonials .rsts-nav a:after {
border: 1px solid var(--rs-line);
border-radius: 100%;
background: var(--rs-line);
background: rgba(217, 200, 180, 0.5);
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
background-color: var(--rs-line);
}
.rsts-skin-tao .rsts-caption {
color: white;
background-color: var(--rs-accent);
}
.rsts-skin-tao .rsts-prev,
.rsts-skin-tao .rsts-next,
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
background-color: var(--rs-accent);
}
.rsts-skin-tao .rsts-prev:after,
.rsts-skin-tao .rsts-next:after,
.rsts-skin-tao .rsts-video-play:after,
.rsts-skin-tao .rsts-video-stop:after {
color: white;
}
.rsts-skin-tao .rsts-nav a {
outline: none;
}
.rsts-skin-tao .rsts-nav-bullets a:after {
border: 2px solid var(--rs-accent);
border-radius: 100%;
background-color: var(--rs-paper);
}
.rsts-skin-tao .rsts-nav-bullets a:hover:after,
.rsts-skin-tao .rsts-nav-bullets a.active:after {
background-color: var(--rs-accent);
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
border: 2px solid var(--rs-accent);
border-radius: 3px;
color: var(--rs-text);
background-color: var(--rs-paper);
}
.rsts-skin-tao .rsts-nav-numbers a:hover,
.rsts-skin-tao .rsts-nav-numbers a.active,
.rsts-skin-tao .rsts-nav-tabs a:hover,
.rsts-skin-tao .rsts-nav-tabs a.active {
color: white;
background-color: var(--rs-accent);
}
.rsts-skin-tao .rsts-video-play {
border: 3px solid var(--rs-accent);
border-radius: 100%;
background-color: rgba(155, 28, 49, 0.6);
}
.rsts-skin-tao .rsts-video-play:hover {
background-color: var(--rs-accent);
}
.rsts-skin-tao .rsts-video-stop:after {
color: white;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop {
background-color: #1b1b1b;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover {
background-color: #cc181e;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop {
background-color: #111a19;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover {
background-color: #00adef;
}
.rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe {
background-color: black;
}
.rsts-skin-tao .rsts-progress {
background-color: black;
}
.rsts-skin-tao .rsts-progress div {
background-color: var(--rs-paper);
}
.rsts-skin-testimonials-centered .rsts-prev,
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-prev,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-prev,
.rsts-skin-mega-dropdown .rsts-next {
border: 1px solid var(--rs-tint);
background-color: var(--rs-paper);
}
.rsts-skin-testimonials-centered .rsts-prev:after,
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-prev:after,
.rsts-skin-partner .rsts-next:after,
.rsts-skin-mega-dropdown .rsts-prev:after,
.rsts-skin-mega-dropdown .rsts-next:after {
color: var(--rs-text);
}
.rsts-skin-testimonials-centered .rsts-prev:hover:after,
.rsts-skin-testimonials-centered .rsts-prev:focus:after,
.rsts-skin-testimonials-centered .rsts-next:hover:after,
.rsts-skin-testimonials-centered .rsts-next:focus:after,
.rsts-skin-partner .rsts-prev:hover:after,
.rsts-skin-partner .rsts-prev:focus:after,
.rsts-skin-partner .rsts-next:hover:after,
.rsts-skin-partner .rsts-next:focus:after,
.rsts-skin-mega-dropdown .rsts-prev:hover:after,
.rsts-skin-mega-dropdown .rsts-prev:focus:after,
.rsts-skin-mega-dropdown .rsts-next:hover:after,
.rsts-skin-mega-dropdown .rsts-next:focus:after {
color: var(--rs-text);
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a,
.rsts-skin-partner .rsts-nav .rsts-nav-item a,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a {
outline: none;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:after {
border: 1px solid var(--rs-line);
border-radius: 100%;
background: var(--rs-line);
background: rgba(217, 200, 180, 0.5);
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after {
background-color: var(--rs-line);
}
.rsts-skin-carousel .rsts-nav-prev a:after,
.rsts-skin-carousel .rsts-nav-next a:after {
color: var(--rs-text);
}
.rsts-skin-carousel .rsts-nav-prev a:hover:after,
.rsts-skin-carousel .rsts-nav-prev a:focus:after,
.rsts-skin-carousel .rsts-nav-next a:hover:after,
.rsts-skin-carousel .rsts-nav-next a:focus:after {
color: var(--rs-text);
}
/* ===========================================
* 4. Typografie & Überschriften
* ======================================== */
/* Playfair Display – lokal gehostet (DSGVO, kein Google-CDN), SIL OFL 1.1
* Variable Font: eine Datei deckt alle Stärken von 400 bis 900 ab.
* Pfad relativ zu dieser Datei – liegt custom.css nicht neben main.css, anpassen. */
@font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400 900;
font-display: swap;
src: url("../../files/tao/fonts/playfair-display-wght.woff2") format("woff2");
}
@font-face {
font-family: "Playfair Display";
font-style: italic;
font-weight: 400 900;
font-display: swap;
src: url("../../files/tao/fonts/playfair-display-wght-italic.woff2") format("woff2");
}
:root {
--rs-font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
--rs-h1: #6e1322; /* Ochsenblut – dunkelste Stufe (Kontrast 11:1) */
--rs-h2: #8e1a2e; /* Bordeaux (Kontrast 8,5:1) */
--rs-h3: #b33a4a; /* Karminrot – hellste Stufe (Kontrast 5,4:1) */
}
/* Schrift für alle Überschriften */
h1, h2, h3, h4, h5, h6 {
font-family: var(--rs-font-heading);
}
/* H6 ist im Theme eine kleine Versal-Zeile – dort bleibt Lato besser lesbar */
.main-content h6 {
font-family: Lato, sans-serif;
}
/* Rot-Abstufung H1–H3 */
.main-content h1,
.sidebar h1,
.feature-box-text h1 {
color: var(--rs-h1);
font-weight: 700;
letter-spacing: -0.01em;
}
.main-content h2,
.sidebar h2,
.feature-box-text h2 {
color: var(--rs-h2);
font-weight: 600;
}
.main-content h3,
.sidebar h3,
.feature-box-text h3,
.icon-boxes-item h3,
.teaser-boxes-item h3,
.news-list-boxed-item h3 {
font-family: var(--rs-font-heading); /* übersteuert das fest gesetzte Lato bei Icon-Boxen */
color: var(--rs-h3);
font-weight: 500;
}
/* Verlinkte Überschriften (z. B. Newslisten) übernehmen die Überschriftfarbe */
.main-content :is(h1, h2, h3) a,
.sidebar :is(h1, h2, h3) a {
color: inherit;
}
.main-content :is(h1, h2, h3) a:hover,
.main-content :is(h1, h2, h3) a:focus,
.sidebar :is(h1, h2, h3) a:hover,
.sidebar :is(h1, h2, h3) a:focus {
color: var(--rs-accent-dark);
}
/* Dunkle/invertierte Sektionen: kein Rot auf dunklem Grund */
.main-content .-color-inverted h1,
.-color-inverted .feature-box-text :is(h1, h2, h3),
.-color-inverted .icon-boxes-item h3,
.-color-inverted .teaser-boxes-item h3 {
color: white;
}
.main-content .-color-inverted h2,
.main-content .-color-inverted h3 {
color: var(--rs-line);
}
/* Überschriften in Hinweis-Boxen (müssen nach der Rot-Abstufung stehen) */
.main-content .confirmation :is(h1, h2, h3, h4, h5, h6),
.sidebar .confirmation :is(h1, h2, h3, h4, h5, h6) {
color: #6f8c1a; /* dunkles Grün */
}
.main-content .information :is(h1, h2, h3, h4, h5, h6),
.sidebar .information :is(h1, h2, h3, h4, h5, h6) {
color: #155f82; /* dunkles Blau */
}
/* ===========================================
* Timeline (übernommen aus oneo, Farben auf rohrstock-Palette umgestellt)
* HTML kommt aus dem RSCE-Element "timeline" (unverändert)
* ======================================== */
.timeline {
margin: 2.66667em 16.66667%;
position: relative;
}
@media screen and (max-width: 900px) {
.timeline {
margin-right: 0;
margin-left: 0;
}
}
/* Mittellinie und Endpunkt */
.timeline:before,
.timeline:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
background: var(--rs-line-strong);
}
@media screen and (max-width: 599px) {
.timeline:before,
.timeline:after {
left: 4.54545%;
}
}
.timeline:before {
top: 0;
width: 2px;
margin: 0 -1px;
}
.timeline:after {
width: 10px;
height: 10px;
margin: 0 -5px;
border-radius: 99em;
}
/* Einzelner Eintrag */
.timeline-item {
position: relative;
min-height: 6em;
overflow: hidden; /* clearfix */
padding: 0 0 2em;
}
.timeline-item:before {
position: absolute;
top: 1em;
left: 50%;
font-size: 2em;
border-radius: 99em;
}
@media screen and (max-width: 599px) {
.timeline-item:before {
left: 4.54545%;
}
}
/* Einblend-Animation (greift nur, wenn das TAO-JS die Klassen setzt) */
.timeline-item.not-in-view:before {
transform: scale(0);
}
.timeline-item.in-view:before {
transform: none;
transition: transform 0.6s ease-out;
}
/* Punkt ohne Icon */
.timeline-item:not([data-icon]):before {
content: "";
width: 0.66667em;
height: 0.66667em;
margin: -0.33333em;
border: 0.06667em solid var(--rs-cognac);
background: var(--rs-paper);
}
/* Kreis mit Icon */
.timeline-item[data-icon]:before {
width: 2em;
height: 2em;
margin: -1em;
padding-top: 0.5em;
color: var(--rs-paper);
text-align: center;
background: var(--rs-accent);
}
@media screen and (max-width: 599px) {
.timeline-item[data-icon]:before {
font-size: 1.06667em;
}
}
/* Überschrift (Datum/Jahr) und Text, abwechselnd links/rechts */
.timeline-item > h3 {
float: left;
width: 40%;
color: var(--rs-cognac-dark);
text-align: right;
}
@media screen and (max-width: 599px) {
.timeline-item > h3 {
float: none;
width: auto;
margin-left: 13.63636%;
text-align: left;
}
}
.timeline-item:nth-of-type(2n) > h3 {
float: right;
text-align: left;
}
@media screen and (max-width: 599px) {
.timeline-item:nth-of-type(2n) > h3 {
float: none;
}
}
.timeline-item:nth-of-type(2n) > .timeline-item-text {
float: left;
text-align: right;
}
@media screen and (max-width: 599px) {
.timeline-item:nth-of-type(2n) > .timeline-item-text {
float: none;
text-align: left;
}
}
.timeline-item-text {
float: right;
width: 40%;
color: var(--rs-text);
}
@media screen and (max-width: 599px) {
.timeline-item-text {
float: none;
width: auto;
margin-left: 13.63636%;
}
}
.timeline-item > h3,
.timeline-item-text h3,
.timeline-item-text h4 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.timeline-item-text h3,
.timeline-item-text h4 {
color: var(--rs-ink);
}
.timeline-image-caption {
font-size: 0.93333em;
color: var(--rs-muted);
}
/* ===========================================
* Sprungnavigation (Modul rsce_oneo_anchor_nav, übernommen aus oneo)
* Im Modul die CSS-Klasse "secondary-navigation" eintragen.
* Waagrechte, zentrierte Linkleiste in Versalien wie auf retro-gaming.at,
* Farben auf rohrstock-Palette umgestellt.
* Den aktiven Link (.active) setzt das oneo-JS beim Scrollen.
* ======================================== */
.secondary-navigation {
margin: 1.6em 0;
padding: 0 1em;
font-size: 0.86667em;
text-align: center;
}
/* Listen-Optik aus .main-content ul (Punkte, Einzug, Abstände) entfernen */
.secondary-navigation ul,
.main-content .secondary-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.secondary-navigation li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
.secondary-navigation li:before {
content: none; /* Listen-Icons des Themes aus */
display: none;
}
/* Links */
.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
position: relative;
display: block;
padding: 1.15385em 1.85em;
letter-spacing: 0.075em;
white-space: nowrap;
color: var(--rs-muted);
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s, background-color 0.2s;
}
.secondary-navigation li > a:hover,
.secondary-navigation li > a:focus-visible {
color: var(--rs-accent);
text-decoration: none;
}
.secondary-navigation li > a.active:hover,
.secondary-navigation li > a.active:focus-visible {
color: white;
background-color: var(--rs-accent-dark);
}
/* Aktiver Abschnitt: weiße Schrift auf Bordeaux (wie im oneo-Original) */
.secondary-navigation li > a.active,
.secondary-navigation li > a.trail,
.secondary-navigation li > strong.active,
.secondary-navigation li > span.active {
color: white;
background-color: var(--rs-accent);
}
@media screen and (max-width: 1280px) {
.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
padding-right: 1em;
padding-left: 1em;
}
}
@media screen and (max-width: 599px) {
/* Auf dem Handy umbrechen statt ausblenden */
.secondary-navigation {
padding: 0;
}
.secondary-navigation li > a,
.secondary-navigation li > strong,
.secondary-navigation li > span.active,
.secondary-navigation li > span.trail,
.secondary-navigation li > span.forward {
padding: 0.6em 0.76923em;
white-space: normal;
}
}
/* Sprungziele nicht unter dem fixen TAO-Header verstecken */
[id] {
scroll-margin-top: 100px; /* an die Headerhöhe anpassen */
}
/* ===========================================
* Zentrierung mit anderen Randabständen
* ======================================== */
.fullwidth-content {
margin-right: 5%;
margin-left: 5%;
}
.fullwidth-content-10 {
margin-right: 10%;
margin-left: 10%;
}
.fullwidth-content-25 {
margin-right: 25%;
margin-left: 25%;
}
/* ===========================================
* Spacer
* ======================================== */
.spacer {
width: 100%;
}
.spacer--sm {
height: 0.5em;
}
.spacer--md {
height: 1em;
}
.spacer--lg {
height: 3em;
}
/* ===========================================
* 5. Bild-Overlays (Centered Wrapper + RockSolid Slider)
* Ein/aus: Klasse im Element bzw. Slider-Modul eintragen/entfernen
* Muss nach Abschnitt 4 stehen (übersteuert die Überschriftfarben)
* ======================================== */
/* ---------- Varianten: nur Werte, gelten für beide Einsatzorte */
.bild-overlay-dunkel {
--overlay-filter: brightness(0.8) contrast(1.1) saturate(0.85);
--overlay-farbe: rgba(43, 31, 25, 0.68); /* --rs-dark */
}
.bild-overlay-bordeaux {
--overlay-filter: grayscale(0.4) brightness(0.8) contrast(1.15);
--overlay-farbe: linear-gradient(rgba(110, 19, 34, 0.55), rgba(43, 31, 25, 0.75));
}
.bild-overlay-hell {
--overlay-filter: brightness(1.05) contrast(0.85) saturate(0.7);
--overlay-farbe: rgba(250, 246, 240, 0.72); /* --rs-paper */
}
.bild-overlay-links {
--overlay-filter: brightness(0.9) contrast(1.05);
--overlay-farbe: linear-gradient(90deg,
rgba(43, 31, 25, 0.85) 0%,
rgba(43, 31, 25, 0.6) 40%,
rgba(43, 31, 25, 0) 75%);
}
/* ---------- Einsatz 1: Centered Wrapper */
.centered-wrapper[class*="bild-overlay"] > .centered-wrapper-background {
filter: var(--overlay-filter);
}
.centered-wrapper[class*="bild-overlay"] > .centered-wrapper-background:after {
content: "";
position: absolute;
inset: 0;
background: var(--overlay-farbe);
pointer-events: none;
}
/* ---------- Einsatz 2: RockSolid Slider */
/* Filter nur auf Hintergrundbild bzw. -video der Slides */
[class*="bild-overlay"] .rsts-slide > :is(img, picture, video, .rsts-background, [data-rsts-background]) {
filter: var(--overlay-filter);
}
/* Farbschicht über dem Bild */
[class*="bild-overlay"] .rsts-slide:after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: var(--overlay-farbe);
pointer-events: none;
}
/* Texte, Buttons und Captions über die Farbschicht heben */
[class*="bild-overlay"] .rsts-slide > :not(img, picture, video, .rsts-background, [data-rsts-background], .rsts-caption) {
position: relative;
z-index: 2;
}
[class*="bild-overlay"] .rsts-caption {
z-index: 2;
}
/* Navigation (Pfeile, Punkte) immer oberhalb */
[class*="bild-overlay"] :is(.rsts-nav, .rsts-prev, .rsts-next) {
z-index: 3;
}
/* Helle Schrift für dunkle Bild-Overlays (hell-Variante ausgenommen) */
.bild-overlay-dunkel,
.bild-overlay-bordeaux,
.bild-overlay-links {
--overlay-text: rgba(250, 246, 240, 0.92); /* --rs-paper */
--overlay-headline: var(--rs-cognac-light); /* #cfa27a */
}
:is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links),
:is(.main-content, body) :is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links) :is(p, li, blockquote, figcaption) {
color: var(--overlay-text);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
/* Überschriften – :is(.main-content, body) hält die Spezifität über den
Regeln aus Abschnitt 4 und greift auch außerhalb von .main-content */
:is(.main-content, body) :is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links) :is(h1, h2, h3, h4, h5, h6),
:is(.main-content, body) :is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links) :is(h1, h2, h3, h4, h5, h6) a {
color: var(--overlay-headline);
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}
/* Textlinks: hell, aber als Link erkennbar */
:is(.main-content, body) :is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links) :is(p, li) a:not(.button) {
color: var(--overlay-headline);
text-decoration: underline;
text-underline-offset: 0.15em;
}
:is(.main-content, body) :is(.bild-overlay-dunkel, .bild-overlay-bordeaux, .bild-overlay-links) :is(p, li) a:not(.button):is(:hover, :focus) {
color: var(--rs-paper);
}
/* ===========================================
* Stub-Hinweisbox (Inhaltselement "stub", übernommen aus retro-gaming.at)
* Amber-Box der Vorlage auf Cognac-Palette umgestellt
* HTML: templates/content_element/stub.html.twig
* ======================================== */
.stub {
--stub-bg: #f7ebd9; /* Cognac, stark aufgehellt */
--stub-rand: var(--rs-cognac);
--stub-titel: #7a4f28; /* dunkles Cognac, Kontrast 6:1 */
display: flex;
gap: 1em;
align-items: flex-start;
margin: 1.5em 0;
padding: 1em 1.25em;
border: 1px solid var(--rs-cognac-light);
border-left: 4px solid var(--stub-rand);
border-radius: 3px;
background: var(--stub-bg);
color: var(--rs-text);
}
/* Warndreieck als Maske (Datei img/icons/warndreieck.svg) – Farbe kommt aus background-color */
.stub-icon {
flex: 0 0 auto;
width: 1.75em;
height: 1.75em;
margin-top: 0.1em;
background-color: var(--stub-rand);
-webkit-mask: url("../../files/tao/img/icons/warndreieck.svg") center / contain no-repeat;
mask: url("../../files/tao/img/icons/warndreieck.svg") center / contain no-repeat;
}
/* Überschrift: muss die Rot-Abstufung (.main-content h3) übersteuern */
.stub h3,
.main-content .stub h3,
.sidebar .stub h3 {
margin: 0 0 0.35em;
font-size: 1.15em;
color: var(--stub-titel);
}
.stub p {
margin: 0 0 0.5em;
}
.stub p:last-child {
margin-bottom: 0;
}
.stub a {
color: var(--rs-accent);
}
.stub a:hover,
.stub a:focus {
color: var(--rs-accent-dark);
}
@media screen and (max-width: 600px) {
.stub {
padding: 0.85em 1em;
gap: 0.75em;
}
.stub-icon {
width: 1.4em;
height: 1.4em;
}
}
/* ===========================================
* Box "Zuletzt bearbeitet" (Inhaltselement "last_edited")
* Baut auf .information auf, gestaltet wie die Stub-Box:
* zart blaue Fläche, Randstreifen links, Diskettensymbol statt Info-Kreis.
* Gilt nur für .last-edited – normale Info-Boxen bleiben unverändert.
* ======================================== */
div.information.last-edited {
--le-bg: #e9f3f9; /* Blau, stark aufgehellt */
--le-rand: #37aadf; /* Blau der Info-Boxen */
--le-icon: #2a8fc0;
--le-text: #176f97; /* Kontrast 5:1 auf --le-bg */
--le-titel: #155f82; /* Kontrast 6,2:1 */
margin: 1.5em 0;
padding: 1em 1.25em 1em 4em;
border: 1px solid #a9d3ec;
border-left: 4px solid var(--le-rand);
color: var(--le-text);
background: var(--le-bg);
}
/* Diskette statt Info-Kreis: Icon-Font aus, SVG-Maske an (Datei img/icons/diskette.svg) */
div.information.last-edited:before {
content: "";
top: 1em;
left: 1.25rem;
width: 1.6em;
height: 1.6em;
margin: 0;
padding: 0;
font-size: 1em;
border-radius: 0;
background: var(--le-icon);
-webkit-mask: url("../../files/tao/img/icons/diskette.svg") center / contain no-repeat;
mask: url("../../files/tao/img/icons/diskette.svg") center / contain no-repeat;
}
.main-content .last-edited h3,
.sidebar .last-edited h3 {
margin: 0 0 0.35em;
font-size: 1.15em;
color: var(--le-titel);
}
.last-edited p {
margin: 0;
}
@media screen and (max-width: 599px) {
div.information.last-edited {
padding: 0.85em 1em 0.85em 3.4em;
}
div.information.last-edited:before {
top: 0.85em;
left: 1rem;
width: 1.4em;
height: 1.4em;
}
}
/* ==========================================================
News: Boxed-Liste (portiert aus oneo, angepasst an TAO)
========================================================== */
.news-boxed {
display: flow-root; /* ersetzt den alten zoom/clearfix-Hack */
margin: 2.75em 0;
}
.news-boxed-item {
padding: 1.07143em;
border: 1px solid var(--rs-line);
border-radius: 3px;
font-size: 0.875em;
color: var(--rs-text);
}
.news-boxed-item h3 {
margin: 0.38095em 0 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.38143;
color: var(--rs-text);
}
.news-boxed-item h3 a {
color: inherit;
transition: color 0.3s;
}
.news-boxed-item h3 a:hover,
.news-boxed-item h3 a:focus {
color: var(--rs-accent);
text-decoration: none;
}
.news-boxed-item p {
margin: 1em 0;
}
.news-boxed-item .news-boxed-item-info {
margin-top: 0.66667em;
padding-bottom: 0.5em;
font-size: 0.85714em;
border-bottom: 1px solid var(--rs-tint);
}
/* Bild */
.news-boxed-item-image {
position: relative;
display: block;
overflow: hidden;
}
.news-boxed-item-image.-no-image {
padding-bottom: 56.81818%;
background: var(--rs-text);
}
.news-boxed-item-image img {
display: block;
width: 100%;
height: auto;
transition: transform 0.4s, filter 0.4s;
}
.news-boxed-item-image:hover,
.news-boxed-item-image:focus {
opacity: 0.8;
}
.news-boxed-item-image:hover img,
.news-boxed-item-image:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.news-boxed-item-image time {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: -0.77778em 0 0;
font-size: 2.57143em;
font-weight: bold;
color: #fff;
text-align: center;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
/* ==========================================================
Storysystem: Badges und Tags
========================================================== */
.story-meta {
margin: 0.75em 0;
font-size: 0.875em;
}
.story-badges {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
}
.story-badge {
display: inline-block;
padding: 0.2em 0.7em;
border: 1px solid var(--rs-line);
border-radius: 999px;
font-size: 0.85em;
font-weight: bold;
letter-spacing: 0.02em;
color: var(--rs-text);
}
/* Status */
.story-badge--complete { border-color: var(--rs-text); }
.story-badge--ongoing { border-color: var(--rs-accent); color: var(--rs-accent); }
.story-badge--paused { border-style: dashed; opacity: 0.75; }
/* Intensität: steigende Sättigung im Akzentton */
.story-badge--mild { background: color-mix(in srgb, var(--rs-accent) 10%, transparent); }
.story-badge--medium { background: color-mix(in srgb, var(--rs-accent) 30%, transparent); }
.story-badge--intense { background: var(--rs-accent); border-color: var(--rs-accent); color: #fff; }
.story-badge--time {
font-weight: normal;
border-style: dotted;
}
.story-series {
margin: 0.6em 0 0;
font-style: italic;
}
.story-tags {
display: flex;
flex-wrap: wrap;
gap: 0.3em;
margin: 0.6em 0 0;
padding: 0;
list-style: none;
}
.story-tag {
padding: 0.1em 0.5em;
border-radius: 3px;
font-size: 0.8em;
background: color-mix(in srgb, var(--rs-tint) 60%, transparent);
color: var(--rs-text);
}
.story-tag--warning {
border: 1px solid color-mix(in srgb, var(--rs-accent) 40%, transparent);
}
.story-meta .story-tags,
.story-meta .story-tags li {
list-style: none;
margin: 0;
padding-left: 0;
}
.story-meta .story-tags li::before {
content: none;
}
.story-meta .story-tags li {
padding: 0.1em 0.5em;
}
.story-meta .story-tags li.story-tag--has-icon {
display: inline-flex;
align-items: center;
gap: 0.35em;
padding: 0.15em 0.6em 0.15em 0.25em;
}
.story-tag img {
display: block;
width: 1.8em;
height: 1.8em;
object-fit: contain;
}
/* ==========================================================
Storysystem: Übersichtskarte (news_story_teaser)
Bild links, Kalenderblatt überlappt die linke obere Bildecke
========================================================== */
.story-teaser {
display: grid;
grid-template-columns: 240px 1fr;
gap: 0 2em;
align-items: start;
padding: 2em 0;
border-bottom: 1px solid var(--rs-tint);
}
.story-teaser--no-image {
grid-template-columns: 4.5em 1fr;
gap: 0 1.5em;
}
/* ── Linke Spalte ── */
.story-teaser-media {
position: relative;
padding: 12px 0 0 12px; /* Platz, damit das Kalenderblatt überstehen kann */
}
.story-teaser--no-image .story-teaser-media {
padding: 0;
}
.story-teaser-image {
display: block;
}
.story-teaser-image img {
display: block;
width: 100%;
height: auto;
border-radius: 3px;
}
/* ── Kalenderblatt ── */
.story-teaser-cal {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 4.2em;
overflow: hidden;
text-align: center;
line-height: 1;
color: var(--rs-text);
background: #fffdf8;
border: 1px solid var(--rs-line);
border-radius: 4px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
.story-teaser--no-image .story-teaser-cal {
position: static;
}
.story-teaser-cal-date {
display: flex;
flex-direction: column;
}
/* Kopfleiste mit Monat */
.story-teaser-cal-month {
display: block;
padding: 0.35em 0 0.3em;
font-size: 0.75em;
font-weight: bold;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
background: var(--rs-accent);
}
.story-teaser-cal-day {
display: block;
padding: 0.2em 0 0;
font-size: 1.8em;
font-weight: bold;
}
.story-teaser-cal-year {
display: block;
padding: 0.15em 0 0.4em;
font-size: 0.7em;
opacity: 0.75;
}
.story-teaser-cal-comments {
display: flex;
align-items: center;
justify-content: center;
gap: 0.3em;
padding: 0.35em 0;
font-size: 0.75em;
border-top: 1px dashed var(--rs-line);
}
/* ── Rechte Spalte ── */
.story-teaser-title {
margin: 0 0 0.2em;
}
.story-teaser-title a {
color: var(--rs-accent);
text-decoration: none;
transition: opacity 0.2s;
}
.story-teaser-title a:hover,
.story-teaser-title a:focus {
opacity: 0.8;
}
.story-teaser-byline {
margin: 0;
font-size: 0.875em;
opacity: 0.85;
}
.story-teaser .story-meta {
margin: 0.6em 0 0.8em;
}
.story-teaser-text {
hyphens: auto;
}
.story-teaser-text > :last-child {
margin-bottom: 0;
}
/* Top / Bottom in einer kompakten Tabelle */
.story-teaser .story-teaser-people {
display: grid;
grid-template-columns: max-content 1fr;
gap: 0.15em 0.8em;
margin: 0.9em 0 0;
font-size: 0.875em;
}
.story-teaser .story-teaser-people dt {
margin: 0;
font-weight: bold;
}
.story-teaser .story-teaser-people dd {
margin: 0;
padding: 0;
}
/* Symbolleiste: eine Zeile, 5px Abstand, keine Aufzählungspunkte */
.story-teaser ul.story-teaser-icons {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
margin: 0.9em 0 0;
padding: 0.7em 0 0;
list-style: none;
border-top: 1px dashed var(--rs-tint);
}
.story-teaser ul.story-teaser-icons > li {
margin: 0;
padding: 0;
list-style: none;
}
.story-teaser ul.story-teaser-icons > li::before,
.story-teaser ul.story-teaser-icons > li::marker {
content: none;
}
.story-teaser-icons img {
display: block;
width: 2em;
height: 2em;
object-fit: contain;
}
.story-teaser-icon-text {
display: inline-block;
padding: 0.1em 0.5em;
border-radius: 3px;
font-size: 0.75em;
background: color-mix(in srgb, var(--rs-tint) 60%, transparent);
}
.story-teaser-more {
margin: 0.9em 0 0;
text-align: right;
}
/* ── Schmale Bildschirme: Bild oben, Kalenderblatt bleibt überlappend ── */
@media (max-width: 700px) {
.story-teaser {
grid-template-columns: 1fr;
}
.story-teaser-media {
margin-bottom: 1em;
}
.story-teaser--no-image .story-teaser-media {
margin-bottom: 0.75em;
}
}
.story-teaser-cal-comments,
.story-teaser-cal-comments * {
color: var(--rs-text);
}
/* ==========================================================
Storysystem: Leseransicht (news_full + story_meta)
Kalenderblatt-Klassen kommen aus dem Block "Übersichtskarte".
========================================================== */
/* Kalenderblatt: Kommentarzahl in Textfarbe (auch in der Übersicht) */
.story-teaser-cal-comments,
.story-teaser-cal-comments * {
color: var(--rs-text);
text-decoration: none;
}
/* ── Kopfzeile: Kalenderblatt + Autor/Badges ── */
.story-head {
display: flex;
align-items: center;
gap: 1.25em;
margin: 0.5em 0 1.5em;
}
.story-head .story-teaser-cal {
position: static;
flex: 0 0 auto;
}
.story-head-byline {
margin: 0 0 0.5em;
opacity: 0.85;
}
.story-head .story-meta {
margin: 0;
}
.story-head .story-series {
margin: 0.5em 0 0;
}
/* ── Steckbrief ── */
.story-card {
margin: 0 0 2em;
padding: 1em 1.25em 1.1em;
background: color-mix(in srgb, var(--rs-tint) 35%, transparent);
border: 1px solid var(--rs-tint);
border-left: 4px solid var(--rs-accent);
border-radius: 3px;
}
.story-card .story-card-title {
margin: 0 0 0.75em;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--rs-accent);
}
.story-card-grid {
display: grid;
grid-template-columns: minmax(12em, 1fr) 2fr;
gap: 1em 2em;
}
/* Ohne Top/Bottom nimmt die Kategorien-Spalte die volle Breite */
.story-card-grid > :only-child {
grid-column: 1 / -1;
}
.story-card dl {
display: grid;
grid-template-columns: max-content 1fr;
gap: 0.45em 0.9em;
align-items: center;
margin: 0;
}
.story-card dt {
margin: 0;
font-size: 0.875em;
font-weight: bold;
}
.story-card dd {
margin: 0;
padding: 0;
font-size: 0.95em;
}
.story-card-people {
align-self: start;
}
/* Kategorien-Chips */
.story-card ul.story-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 0;
padding: 0;
list-style: none;
}
.story-card ul.story-tags > li {
display: inline-flex;
align-items: center;
gap: 0.35em;
margin: 0;
padding: 0.15em 0.6em 0.15em 0.25em;
list-style: none;
font-size: 0.8em;
background: #fffdf8;
border: 1px solid var(--rs-tint);
border-radius: 999px;
}
.story-card ul.story-tags > li::before,
.story-card ul.story-tags > li::marker {
content: none;
}
.story-card ul.story-tags img {
display: block;
width: 1.6em;
height: 1.6em;
object-fit: contain;
}
/* ── Schmale Bildschirme ── */
@media (max-width: 700px) {
.story-card-grid {
grid-template-columns: 1fr;
}
.story-card dl {
grid-template-columns: 1fr;
gap: 0.2em;
}
.story-card dd {
margin-bottom: 0.5em;
}
}
/* /* ── Exposé: Teaserbild + Teasertext unter der Überschrift ── */
.story-expose {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2em;
align-items: center;
margin: 0 0 1.5em;
padding: 1.5em 0;
border-top: 6px solid var(--rs-accent);
border-bottom: 6px solid var(--rs-accent);
}
.story-expose--no-image {
grid-template-columns: 1fr;
}
.story-expose-image {
margin: 0;
}
.story-expose-image img {
display: block;
width: 100%;
height: auto;
}
.story-expose-image figcaption {
margin-top: 0.75em;
font-size: 0.875em;
font-style: italic;
opacity: 0.85;
}
.story-expose .story-expose-title {
margin: 0 0 0.6em;
text-transform: uppercase;
color: var(--rs-accent);
}
.story-expose-text {
text-align: justify;
hyphens: auto;
}
.story-expose-text > :last-child {
margin-bottom: 0;
}
/* Initiale wie bisher im Exposé */
.story-expose-text > p:first-of-type::first-letter {
float: left;
margin: 0.1em 0.4em 0 0;
padding: 0.05em 0.2em;
font-size: 2.6em;
line-height: 1;
border: 1px solid var(--rs-line);
box-shadow: 2px 2px 0 var(--rs-tint);
}
@media (max-width: 700px) {
.story-expose {
grid-template-columns: 1fr;
gap: 1em;
}
}
/* ===========================================
* 5. Formulare
* ======================================== */
:root {
--rs-focus-ring: 0 0 0 3px rgba(155, 28, 49, 0.15); /* --rs-accent 15 % */
--rs-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238c7a6b' stroke-width='1.6'/%3E%3C/svg%3E");
}
/* Einheitliche Breite: Formular begrenzen, Felder füllen es ganz aus */
.main-content form {
max-width: 40em;
}
.main-content form :is(input:not([type="submit"], [type="checkbox"], [type="radio"], [type="file"]), textarea, select) {
width: 100%;
}
/* Labels etwas kräftiger */
.main-content form label {
font-weight: 600;
color: var(--rs-ink);
}
/* Auswahlfeld wie die Eingabefelder */
select {
-webkit-appearance: none;
appearance: none;
padding: 0.85714em 2.75em 0.85714em 1.35714em;
font: inherit;
font-size: 0.875em;
line-height: normal;
color: inherit;
border: 1px solid var(--rs-line);
border-bottom-color: var(--rs-line-strong);
border-radius: 3px;
background: var(--rs-paper) var(--rs-select-arrow) no-repeat right 1.1em center / 0.8em auto;
cursor: pointer;
}
select:hover {
border-color: var(--rs-line-strong) var(--rs-line-strong) var(--rs-muted);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
/* Fokus: Bordeaux-Rahmen plus dezenter Ring */
:is(input, textarea, select):focus,
:is(input, textarea, select):focus:hover {
border-color: var(--rs-accent);
box-shadow: var(--rs-focus-ring);
outline: none;
}
/* Fehler und gültige Eingaben in der Palette */
form p.error,
form p b.error {
color: var(--rs-accent);
font-size: 0.875em;
}
.invalid :is(input, textarea, select),
:is(input, textarea, select).error {
border-color: var(--rs-accent);
background-color: rgba(155, 28, 49, 0.04);
}
.valid :is(input, textarea, select) {
border-color: var(--rs-line-strong);
}
/* Hinweisbox "warning" in Bordeaux statt TAO-Pink (wirkt seitenweit) */
p.warning,
div.warning,
span.warning {
color: var(--rs-accent-dark);
border-color: var(--rs-line);
background: linear-gradient(90deg, rgba(155, 28, 49, 0.06), rgba(155, 28, 49, 0) 55%), var(--rs-paper);
}
p.warning:before,
div.warning:before,
span.warning:before {
background: var(--rs-accent);
}
/* Hinweise innerhalb von Formularen: ruhiger Satz, gleiche Breite wie die Felder */
.main-content form :is(p, div).warning {
padding: 1em 1.5em 1em 3.25em;
font-size: 0.9375em;
line-height: 1.55;
}
.main-content form .warning,
.main-content form .warning * {
text-align: left !important; /* übersteuert Blocksatz aus dem Editor */
font-weight: normal;
}
.main-content form .warning strong {
font-weight: 700;
}
/* Confirmation-Box: Moosgrün statt TAO-Gelbgrün, mit Verlauf wie die Warnbox */
:root {
--rs-ok: #6b7a2e; /* Moosgrün – Icon, Rahmen */
--rs-ok-dark: #4a5520; /* Text und Überschriften (Kontrast ca. 7:1) */
}
.confirmation {
color: var(--rs-ok);
}
p.confirmation,
div.confirmation,
span.confirmation {
color: var(--rs-ok-dark);
border-color: rgba(107, 122, 46, 0.45); /* --rs-ok 45 % */
background: linear-gradient(90deg, rgba(107, 122, 46, 0.08), rgba(107, 122, 46, 0) 55%), var(--rs-paper);
}
p.confirmation:before,
div.confirmation:before,
span.confirmation:before {
background: var(--rs-ok);
}
/* Überschriften in der Box (ersetzt #6f8c1a aus Abschnitt 4) */
.main-content .confirmation :is(h1, h2, h3, h4, h5, h6),
.sidebar .confirmation :is(h1, h2, h3, h4, h5, h6) {
color: var(--rs-ok-dark);
}
/* Hervorhebungen (Dank, Signatur) in Bordeaux */
.confirmation strong,
.confirmation b {
color: var(--rs-accent-dark);
}
/* Standardmäßig linksbündig – Blocksatz aus dem Editor bleibt erlaubt (siehe Hinweisboxen unten) */
.main-content .confirmation {
text-align: left;
}
/* Information-Box: Petrol statt TAO-Hellblau, mit Verlauf wie Warn-/Confirmation-Box */
:root {
--rs-info: #3f6474; /* Petrol – Icon, Rahmen */
--rs-info-dark: #2b4652; /* Text und Überschriften (Kontrast ca. 9:1) */
}
.information {
color: var(--rs-info);
}
p.information,
div.information,
span.information {
color: var(--rs-info-dark);
border-color: rgba(63, 100, 116, 0.45); /* --rs-info 45 % */
background: linear-gradient(90deg, rgba(63, 100, 116, 0.08), rgba(63, 100, 116, 0) 55%), var(--rs-paper);
}
p.information:before,
div.information:before,
span.information:before {
background: var(--rs-info);
}
/* Überschriften in der Box (ersetzt #155f82 aus Abschnitt 4) */
.main-content .information :is(h1, h2, h3, h4, h5, h6),
.sidebar .information :is(h1, h2, h3, h4, h5, h6) {
color: var(--rs-info-dark);
}
/* Hervorhebungen in Bordeaux, wie bei der Confirmation-Box */
.information strong,
.information b {
color: var(--rs-accent-dark);
}
/* Links in der Box: Petrol statt Bordeaux, damit sie sich vom Fettdruck abheben */
.information a {
color: var(--rs-info-dark);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.information a:hover,
.information a:focus {
color: var(--rs-accent);
}
/* Standardmäßig linksbündig – Blocksatz aus dem Editor bleibt erlaubt */
.main-content .information {
text-align: left;
}
.main-content :is(.confirmation, .information) [style*="justify"] {
hyphens: auto;
}
/* Alle drei Hinweisboxen (Information, Warnung, Bestätigung):
* kompakterer Einzug, kräftigerer Rahmen in der jeweiligen Boxfarbe,
* Initiale (drop-cap) ohne Kasten. Gilt nur innerhalb dieser Boxen. */
p:is(.information, .warning, .confirmation),
div:is(.information, .warning, .confirmation),
span:is(.information, .warning, .confirmation) {
padding-left: 4.5em;
}
p.information,
div.information,
span.information {
border-color: rgba(63, 100, 116, 0.6); /* --rs-info 60 % */
}
p.warning,
div.warning,
span.warning {
border-color: rgba(155, 28, 49, 0.5); /* --rs-accent 50 % */
}
p.confirmation,
div.confirmation,
span.confirmation {
border-color: rgba(107, 122, 46, 0.6); /* --rs-ok 60 % */
}
:is(.information, .warning, .confirmation) p.drop-cap:first-letter,
:is(.information, .warning, .confirmation) span.drop-cap {
padding: 0.12em 0.08em 0 0;
border: 0;
background: none;
color: var(--rs-info-dark);
}
.warning p.drop-cap:first-letter,
.warning span.drop-cap {
color: var(--rs-accent-dark);
}
.confirmation p.drop-cap:first-letter,
.confirmation span.drop-cap {
color: var(--rs-ok-dark);
}
/* ===== Newsboxen (TAO news-boxed-item) ===== */
/* Liste als Flex-Container -> Boxen einer Reihe gleich hoch */
.mod_newslist:has(> .news-boxed-item) {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.mod_newslist:has(> .news-boxed-item) > h2,
.mod_newslist:has(> .news-boxed-item) > .pagination {
flex: 0 0 100%;
}
/* Box innen als Spalte */
.news-boxed-item {
display: flex;
flex-direction: column;
}
/* Teaser = Absätze direkt in der Box (nicht die Info-Zeile) */
.news-boxed-item > p:not(.news-boxed-item-info) {
text-align: left !important; /* Inline-Blocksatz überschreiben */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6; /* Anzahl Zeilen */
line-clamp: 6;
overflow: hidden;
margin-bottom: 0;
}
/* Hat ein Teaser mehrere Absätze: nur den ersten zeigen */
.news-boxed-item > p:not(.news-boxed-item-info) ~ p {
display: none;
}
/* ===========================================
* 6. Inventar / Schrank des Schreckens
* ======================================== */
/* Seit rs-01 (30.10.2026) kommt das Inventar-CSS aus dem Bundle
darthmax78/contao-inventar (web/bundles/darthmaxinventar/inventar.css, lädt NACH
dieser Datei). Hier stehen nur noch die Palette für das Bundle, die Epochen-Regeln
und Hinweise, die es nur auf rohrstock.at gibt. Gestaltungsänderungen am Inventar
also im Bundle-Repository, nicht hier. Alter Abschnitt 6: custom.css.vor-rs-01 */
/* Palette für das Bundle (helle Fassung). Die Namen stammen von strenge-angelique.eu
(Ebenholz, Mahagoni, Messing …) – hier zeigen sie auf die rohrstock-Farben. */
:root {
--sa-ebenholz: var(--rs-paper); /* Seitengrund; Schrift auf Epochen-/Akzentflächen */
--sa-nacht: var(--rs-paper-shade); /* Leisten: Sprungleiste, Navigationsband */
--sa-mahagoni: var(--rs-paper-shade); /* Karten, Kästchen, Filter */
--sa-mahagoni-hell: var(--rs-tint); /* Hover auf Flächen */
--sa-karte: #fffdf8; /* Inventarkarte (wie bisher) */
--sa-messing: var(--rs-cognac); /* Überzeilen, Linien, Knöpfe */
--sa-messing-tief: var(--rs-cognac-dark);
--sa-messing-rgb: 176, 122, 69; /* = --rs-cognac */
--sa-ochsenblut: var(--rs-accent); /* Bänder, aktive Chips */
--sa-rubin: var(--rs-accent-light);
--sa-text: var(--rs-text);
--sa-text-leise: var(--rs-muted);
--sa-linie: var(--rs-line);
--sa-salbei: #5f6f2a; /* „geeignet“, Dafür – Moosgrün, 5,1:1 auf Papier */
--sa-salbei-rgb: 95, 111, 42;
--sa-warn: var(--rs-accent);
--sa-warn-rgb: 155, 28, 49;
--sa-rot-hell: #9b1c31; /* „ungeeignet“, Dagegen = --rs-accent */
--sa-bernstein: #9a5b12; /* „bedingt“, in Arbeit – 5,0:1 auf Papier */
--sa-schrift-titel: var(--rs-font-heading);
--sa-schrift-zitat: var(--rs-font-heading);
--sa-schrift-text: Lato, "Helvetica Neue", Arial, sans-serif;
--sa-schrift-ui: Lato, "Helvetica Neue", Arial, sans-serif;
--sa-schatten-rgb: 51, 37, 30; /* --rs-ink */
--sa-schatten-staerke: .3; /* auf Papier deutlich leichter als auf Ebenholz */
--sa-auf-akzent: #fff; /* Schrift auf Bordeaux */
--sa-kachel-toenung: var(--rs-paper); /* Grund der Zuchtflächen-Kacheln */
/* Fortschritt wie bisher auf rohrstock */
--inv-fertig: var(--rs-ok);
--inv-arbeit: #9a5b12;
--inv-offen: var(--rs-line);
}
/* ----------------------------------------------------------
Epochen-Kodierung
Jedes Instrument gehört zur Epoche des Erziehers, unter dem
es angeschafft wurde. Eine Klasse .epoche--* setzt die
Variable --epoche; alle Bauteile darin verwenden nur noch
var(--epoche). Farben selbst: Abschnitt 1 (--rs-epoche-*).
---------------------------------------------------------- */
.epoche--richard { --epoche: var(--rs-epoche-richard); }
.epoche--thomas { --epoche: var(--rs-epoche-thomas); }
.epoche--michael { --epoche: var(--rs-epoche-michael); }
.epoche--angelique { --epoche: var(--rs-epoche-angelique); }
/* ----------------------------------------------------------
Erzieher-Tabs (TAO-Tabnavigation) in Epochenfarben
Greift automatisch über die Sprungziele der Tabs
(#richard, #thomas, #michael, #angelique) – keine
zusätzliche Klasse im Backend nötig.
---------------------------------------------------------- */
.tab-navigation a[href$="#richard"],
.tab-start#richard { --epoche: var(--rs-epoche-richard); }
.tab-navigation a[href$="#thomas"],
.tab-start#thomas { --epoche: var(--rs-epoche-thomas); }
.tab-navigation a[href$="#michael"],
.tab-start#michael { --epoche: var(--rs-epoche-michael); }
.tab-navigation a[href$="#angelique"],
.tab-start#angelique { --epoche: var(--rs-epoche-angelique); }
.tab-navigation a:is([href$="#richard"], [href$="#thomas"], [href$="#michael"], [href$="#angelique"]) {
border-top: 3px solid var(--epoche);
}
.tab-navigation a:is([href$="#richard"], [href$="#thomas"], [href$="#michael"], [href$="#angelique"]):is(:hover, :focus-visible) {
color: var(--epoche);
}
.tab-navigation a:is([href$="#richard"], [href$="#thomas"], [href$="#michael"], [href$="#angelique"]).is-active {
color: var(--epoche);
box-shadow: 0 10px 0 -1px var(--rs-paper), 0 -3px var(--epoche), -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
.tab-navigation a:is([href$="#richard"], [href$="#thomas"], [href$="#michael"], [href$="#angelique"]).is-active {
border-color: var(--epoche);
color: #fff;
background: var(--epoche);
box-shadow: 0 1px var(--epoche);
}
}
/* Überschrift im Tab-Inhalt („Erfahrungen mit …“) in Epochenfarbe */
.main-content .tab-start:is(#richard, #thomas, #michael, #angelique) :is(h2, h3) {
color: var(--epoche);
}
/* ----------------------------------------------------------
Erfahrungs-Boxen je Erzieher (Kategorie-/Sub-Kategorie-Seiten)
Anwendung: Text-Element, Überschrift im Feld „Überschrift“ (h3),
CSS-Klasse: erfahrung-richard | erfahrung-thomas | erfahrung-michael | erfahrung-angelique
---------------------------------------------------------- */
.erfahrung-richard { --epoche: var(--rs-epoche-richard); }
.erfahrung-thomas { --epoche: var(--rs-epoche-thomas); }
.erfahrung-michael { --epoche: var(--rs-epoche-michael); }
.erfahrung-angelique { --epoche: var(--rs-epoche-angelique); }
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) {
margin: 0 0 1.5em;
border: 1px solid color-mix(in srgb, var(--epoche) 30%, var(--rs-line));
border-left: 4px solid var(--epoche);
border-radius: 3px;
overflow: hidden;
background: color-mix(in srgb, var(--epoche) 5%, var(--rs-paper));
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
/* Kopfzeile */
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) > :is(h2, h3, h4) {
margin: 0;
padding: 0.55em 1.1em;
border-bottom: 1px solid color-mix(in srgb, var(--epoche) 22%, transparent);
text-align: left;
color: color-mix(in srgb, var(--epoche) 85%, var(--rs-ink));
background: color-mix(in srgb, var(--epoche) 12%, var(--rs-paper));
}
/* Text in der Box: Grundfarbe leicht in Richtung Epochenfarbe */
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) > .rte {
padding: 0.9em 1.25em 0.2em;
color: color-mix(in srgb, var(--epoche) 22%, var(--rs-ink));
}
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) .rte p {
margin: 0 0 0.9em;
}
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) .rte :is(strong, b) {
color: color-mix(in srgb, var(--epoche) 80%, var(--rs-ink));
}
.main-content :is(.erfahrung-richard, .erfahrung-thomas, .erfahrung-michael, .erfahrung-angelique) .rte a {
color: var(--epoche);
text-decoration: underline;
text-underline-offset: 0.15em;
}
/* Hinweisboxen: Symbol oben neben der Überschrift statt auf halber Höhe */
p:is(.information, .warning, .confirmation)::before,
div:is(.information, .warning, .confirmation)::before,
span:is(.information, .warning, .confirmation)::before {
top: 1em;
margin-top: 0;
}
:root { --sa-epoche-aufhellen: var(--rs-paper); }
/* News: Artikel umschliessen ihr schwebendes Bild,
auch wenn der Teasertext kuerzer ist als das Bild */
.layout_latest,
.layout_short {
display: flow-root;
}
/* ===========================================
* Ampel für Instrumenten-Kacheln und Shops (Bundle v1.5.0, inventar.css Abschnitt 49)
* Farben und Stärken nur hier ändern.
* ======================================== */
:root {
--inv-ampel-gruen: #6b8a3a;
--inv-ampel-gelb: #d9a900;
--inv-ampel-rot: #b3303a;
--inv-ampel-rand: 100%; /* Rahmen und Statuswort */
--inv-ampel-flaeche: 16%; /* Grund der Kacheln */
--inv-ampel-shop-flaeche: 8%; /* Grund der Shops */
}
/* ==== rs-03 Bürsten-Feinschliff (08.11.2026) ==== */
/* Überzeile der Abschnittstitel – auf rohrstock bisher nicht definiert */
.content-sa-abschnitt .sa-kicker {
margin: 0 0 .4em;
font: 700 .75rem/1.4 Lato, sans-serif;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--rs-cognac-dark);
}
/* Neue Abschnitte beginnen immer unter der schwebenden Merkmale-Spalte */
.content-sa-abschnitt,
.content-sa-profil,
.module-inventar-raster,
.module-inventar-liste {
clear: both;
}
/* Initiale ohne TAO-Kasten, in der Überschriftenschrift */
.main-content p.drop-cap:first-letter {
float: left;
margin: .08em .12em 0 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
font-family: var(--rs-font-heading);
font-size: 3.4em;
line-height: .82;
color: var(--rs-h2);
}
/* Silbentrennung im Fließtext; schmale Spalten linksbündig statt Blocksatz */
.main-content .rte p,
.sa-station-text p {
hyphens: auto;
-webkit-hyphens: auto;
}
.content-sa-station .sa-station-text p {
text-align: left !important; /* übersteuert style="text-align: justify" aus dem Editor */
}
/* Cognac-Rahmen per Klasse statt Inline-Farbe im Wrapper */
.centered-wrapper.rs-rahmen-cognac {
border-color: var(--rs-cognac) !important;
}
/* ===========================================
* 7. Autor-Box (Bundle v1.12.0, inventar.css Abschnitt 55) – Paket rs-03
* Helle Fassung „Leder & Bordeaux“. Das Bundle-CSS bleibt unverändert,
* hier stehen nur Stellschrauben und gezielte Übersteuerungen.
* Farbe der Person: Feld „Eigene Farbe“ → .autor-- (unten)
* → Epoche (epoche--) → --sa-autor-standard (Cognac dunkel).
* ======================================== */
/* Handschrift für die Unterschrift – lokal (SIL OFL 1.1), keine Google-Anfragen */
@font-face {
font-family: "Pinyon Script";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../../files/tao/fonts/pinyon-script-400.woff2") format("woff2");
}
:root {
--sa-schrift-hand: "Pinyon Script", "Playfair Display", cursive;
--sa-autor-standard: var(--rs-cognac-dark); /* Cognac #b07a45 wäre mit weißem Monogramm nur 3,7:1 – dunkel 5,5:1 */
--sa-autor-auf-farbe: #fff; /* Schrift im Monogrammkreis */
--sa-autor-name-mix: 70%; /* Name: 70 % Personenfarbe, 30 % Fließtext – alle Personen ≥ 4,5:1 */
--sa-autor-toenung: 10%; /* Verlauf links, auf Papier zurückhaltender */
--sa-autor-schatten: .12;
}
/* Rolle, Überzeile, Datum: --rs-muted erreicht auf Papierton nur 3,5:1,
für die kleinen Versalien hier halb zum Fließtext gemischt (5,1:1) */
body .sa-autor :is(.sa-autor-rolle, .sa-autor-label, .sa-autor-datum) {
color: color-mix(in srgb, var(--rs-muted) 50%, var(--rs-text));
}
/* Links im Einschub wie auf der übrigen Seite in Bordeaux (Messing/Cognac wäre zu schwach) */
body .sa-autor--einschub .sa-autor-text a {
color: var(--rs-accent);
}
body .sa-autor--einschub .sa-autor-text a:is(:hover, :focus-visible) {
color: var(--rs-accent-dark);
}
/* Unterschrift: Pinyon läuft klein, etwas größer und ohne Versatz nach oben */
body .sa-autor--fuss .sa-autor-unterschrift {
font-size: 2rem;
line-height: .9;
padding-top: .15em;
}
/* Fußleiste bricht auf rohrstock oft um (lange Namen, Handy) – der Trennpunkt
vor dem Datum stünde dann allein am Zeilenanfang; der Abstand reicht */
body .sa-autor--fuss .sa-autor-datum::before {
content: none;
}
/* Box in dunklen Sektionen (.-color-inverted): die Box bleibt hell,
deshalb TAOs helle Überschriften/Texte darin zurücksetzen */
.-color-inverted .sa-autor .sa-autor-text :is(p, li, blockquote) {
color: var(--rs-text);
}
.main-content .-color-inverted .sa-autor .sa-autor-text h1 { color: var(--rs-h1); }
.main-content .-color-inverted .sa-autor .sa-autor-text h2 { color: var(--rs-h2); }
.main-content .-color-inverted .sa-autor .sa-autor-text :is(h3, h4, h5) { color: var(--rs-h3); }
/* Personenfarben (Alias aus „Inhalte → Autoren“). Hausherrin Angelique
braucht keine Klasse – im Backend Epoche „angelique“ wählen. */
.autor--markus-barclay { --autor: var(--rs-accent); } /* Betreiber: Bordeaux */
.autor--vera-hollenstein { --autor: var(--rs-ink); } /* Sekretärin: Tinte */
/* rs-03b: Autor-Box – Bild statt Monogramm größer, Papierring vor der Farbkante */
body .sa-autor .sa-autor-mono.hat-bild {
box-shadow: 0 0 0 2px var(--sa-nacht), 0 0 0 3.5px var(--autor-farbe);
}
body .sa-autor--einschub .sa-autor-mono.hat-bild { --mono: 3.6rem; }
body .sa-autor--kopf .sa-autor-mono.hat-bild { --mono: 4.25rem; }
body .sa-autor--fuss .sa-autor-mono.hat-bild { --mono: 2.4rem; }
@media screen and (max-width: 599px) {
body .sa-autor--einschub .sa-autor-mono.hat-bild { --mono: 3.1rem; }
body .sa-autor--kopf .sa-autor-mono.hat-bild { --mono: 3.5rem; }
}
/* rs-03c: Autor-Box – Bild als abgerundetes Rechteck statt Kreis (Monogramme bleiben rund) */
body .sa-autor .sa-autor-mono.hat-bild,
body .sa-autor .sa-autor-mono.hat-bild :is(picture, img) {
border-radius: 6px;
}
body .sa-autor--fuss .sa-autor-mono.hat-bild,
body .sa-autor--fuss .sa-autor-mono.hat-bild :is(picture, img) {
border-radius: 4px;
}
/* =========================================================
* rs-03 · Anmeldeseite „Nicht angemeldet" (Seite nicht-angemeldet)
* Stand: 13.11.2026
*
* Voraussetzung: Die Seite bekommt in den Seiteneinstellungen
* (Experteneinstellungen → CSS-Klasse) die Klasse
*
* seite-anmeldung
*
* Alles hier hängt daran und wirkt nur auf dieser einen Seite.
* Ausnahme: .hinweis-zeile ist bewusst allgemein, damit die
* schmale Warnung später auch woanders verwendet werden kann.
* ========================================================= */
/* --- 1 · Hinweiszeile (schmale Warnung ohne Kasten) ------ */
.hinweis-zeile,
p.hinweis-zeile,
div.hinweis-zeile {
display: block;
overflow: visible;
margin: 0 0 2.2em;
padding: .7em 1em;
border: 0;
border-left: 4px solid var(--rs-accent);
border-radius: 0;
font-size: .95em;
color: var(--rs-accent-dark);
background: linear-gradient(90deg, rgba(155, 28, 49, .08), rgba(155, 28, 49, 0) 70%);
}
.hinweis-zeile::before,
.hinweis-zeile::after {
content: none;
}
.hinweis-zeile p {
margin: 0;
color: inherit;
}
/* --- 2 · Knopf-Hierarchie -------------------------------- */
/* Primär: Anmelden in Bordeaux (Weiß auf #9b1c31 ≈ 8:1) */
.seite-anmeldung .main-content .widget-submit button,
.seite-anmeldung .main-content .widget-submit input[type="submit"],
.seite-anmeldung .main-content button.submit,
.seite-anmeldung .main-content input.submit {
border: 1px solid var(--rs-accent-dark);
color: #fff;
text-shadow: none;
background: var(--rs-accent);
background-image: none;
box-shadow: none;
}
.seite-anmeldung .main-content .widget-submit button:hover,
.seite-anmeldung .main-content .widget-submit button:focus,
.seite-anmeldung .main-content .widget-submit input[type="submit"]:hover,
.seite-anmeldung .main-content .widget-submit input[type="submit"]:focus,
.seite-anmeldung .main-content button.submit:hover,
.seite-anmeldung .main-content button.submit:focus,
.seite-anmeldung .main-content input.submit:hover,
.seite-anmeldung .main-content input.submit:focus {
border-color: var(--rs-accent-dark);
background: var(--rs-accent-dark);
background-image: none;
}
/* Sekundär: Registrieren als Umriss in Cognac.
Klasse rs-knopf-zweit am Inhaltselement eintragen. */
.seite-anmeldung .rs-knopf-zweit a {
display: inline-block;
padding: .64286em 1.42857em;
border: 2px solid var(--rs-cognac);
border-radius: 3px;
font-size: .875em;
font-weight: 700;
line-height: 1.42929;
letter-spacing: .06em;
color: var(--rs-cognac-dark);
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: none;
box-shadow: none;
text-shadow: none;
}
.seite-anmeldung .rs-knopf-zweit a:hover,
.seite-anmeldung .rs-knopf-zweit a:focus {
border-color: var(--rs-cognac-dark);
color: #fff;
text-decoration: none;
background: var(--rs-cognac);
}
/* --- 3 · Formular ---------------------------------------- */
/* TAO rahmt jedes fieldset im Inhalt ein – das ist der Kasten
um „Angemeldet bleiben“. */
.seite-anmeldung .main-content fieldset.checkbox_container {
width: auto;
margin: 0 0 1.5em;
padding: 0;
border: 0;
}
.seite-anmeldung .main-content fieldset.checkbox_container label {
display: inline;
margin: 0 0 0 .5em;
font-size: 1em;
color: var(--rs-text);
}
.seite-anmeldung .main-content fieldset.checkbox_container label::after {
content: none;
}
/* Gleiche Feldbreiten (TAO setzt pauschal 75 %) */
.seite-anmeldung .main-content .widget-text input,
.seite-anmeldung .main-content .widget-password input {
width: 100%;
}
/* Autofill des Browsers auf den Papierton ziehen */
.seite-anmeldung input:-webkit-autofill,
.seite-anmeldung input:-webkit-autofill:hover,
.seite-anmeldung input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--rs-ink);
caret-color: var(--rs-ink);
box-shadow: inset 0 0 0 100px var(--rs-paper);
}
/* Fehlermeldung bei falschen Zugangsdaten in Bordeaux
statt TAOs Pinkrot #df3763 */
.seite-anmeldung .main-content p.error,
.seite-anmeldung .main-content b.error {
color: var(--rs-accent-dark);
}
.seite-anmeldung .main-content .invalid input,
.seite-anmeldung .main-content input.error {
border-color: var(--rs-accent);
}
/* --- 4 · Satz und Trennlinien ---------------------------- */
/* Greift nur, wenn der Blocksatz aus CSS kommt. Steht er als
style="text-align:justify" im Text-Element, muss er dort raus. */
.seite-anmeldung .main-content p {
text-align: left;
}
.seite-anmeldung .main-content hr {
display: none;
}
/* --- 5 · 18+-Siegel (Klasse rs-siegel am Bild-Element) --- */
.seite-anmeldung .rs-siegel {
float: right;
width: 96px;
max-width: 30%;
margin: 0 0 1em 2em;
}
.seite-anmeldung .rs-siegel figure,
.seite-anmeldung .rs-siegel .image_container {
width: 100%;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
.seite-anmeldung .rs-siegel img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 599px) {
.seite-anmeldung .rs-siegel {
width: 64px;
margin-left: 1em;
}
}
/* --- 6 · Zwei Spalten (bereit für Schritt 4) ------------- */
/* Wirkt erst, wenn ein Wrapper-Element die Klasse rs-zugang
trägt und Login-Modul und Registrierungstext seine Kinder
sind. Bis dahin ohne Wirkung. */
.seite-anmeldung .rs-zugang {
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 26px;
align-items: start;
margin: 0 0 2em;
}
@media screen and (max-width: 900px) {
.seite-anmeldung .rs-zugang {
grid-template-columns: 1fr;
gap: 18px;
}
}
.seite-anmeldung .rs-zugang > * {
margin: 0;
min-width: 0;
}
.seite-anmeldung .rs-karte {
padding: 26px;
border: 1px solid var(--rs-line);
border-radius: 3px;
}
.seite-anmeldung .rs-karte--login {
background: #fffdf8;
}
.seite-anmeldung .rs-karte--neu {
background: linear-gradient(180deg, var(--rs-tint), var(--rs-paper-shade));
}
.seite-anmeldung .rs-karte > :first-child,
.seite-anmeldung .rs-karte form,
.seite-anmeldung .rs-karte h2 {
margin-top: 0;
}
.seite-anmeldung .rs-karte > :last-child {
margin-bottom: 0;
}
.seite-anmeldung .rs-karte input,
.seite-anmeldung .rs-karte textarea,
.seite-anmeldung .rs-karte select {
width: 100%;
}
.seite-anmeldung .rs-karte .widget-submit button,
.seite-anmeldung .rs-karte .widget-submit input[type="submit"],
.seite-anmeldung .rs-karte .rs-knopf-zweit a {
width: 100%;
}
@media screen and (max-width: 599px) {
.seite-anmeldung .rs-karte {
padding: 20px 18px;
}
}
/* Vorteilsliste in der rechten Spalte
(Klasse rs-vorteile am Text-Element) */
.seite-anmeldung .main-content .rs-vorteile ul {
margin: 0 0 1.4em;
padding: 0;
list-style: none;
}
.seite-anmeldung .main-content .rs-vorteile li {
position: relative;
margin: 0 0 .7em;
padding: 0 0 0 1.5em;
line-height: 1.5;
}
.seite-anmeldung .main-content .rs-vorteile li::before {
content: "";
position: absolute;
top: .52em;
left: 0;
width: .55em;
height: .55em;
background: var(--rs-cognac);
transform: rotate(45deg);
}
.seite-anmeldung .main-content .rs-jugendschutz {
margin: 1em 0 0;
font-size: .85em;
line-height: 1.5;
color: var(--rs-muted);
}
/* --- Ende rs-03 ----------------------------------------- */
/* =========================================================
* rs-03b · Kopfbereich der Anmeldeseite
* Stand: 13.11.2026 · Nachtrag zu rs-03
*
* Klasse rs-kopf am oberen Spalten-Element eintragen
* (dem mit Überschrift und 18+-Siegel).
*
* Hebt die Spaltenbreiten von RockSolid Columns an dieser
* einen Stelle auf: Überschrift nimmt den freien Platz,
* Siegel genau seine Breite, beide mittig zueinander.
* Wie das Spalten-Element konfiguriert ist, spielt dann
* keine Rolle mehr.
* ========================================================= */
.seite-anmeldung .rs-kopf {
margin: 0 0 2.5em;
}
.seite-anmeldung .rs-kopf .rs-columns,
.seite-anmeldung .rs-kopf.rs-columns {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5em 2.5em;
align-items: center;
}
.seite-anmeldung .rs-kopf .rs-column {
float: none;
width: auto;
min-width: 0;
margin: 0;
}
.seite-anmeldung .rs-kopf h1,
.seite-anmeldung .rs-kopf h2 {
margin-top: 0;
}
.seite-anmeldung .rs-kopf p:last-child {
margin-bottom: 0;
}
/* Das Siegel braucht hier weder Float noch Prozentgrenze */
.seite-anmeldung .rs-kopf .rs-siegel {
float: none;
width: 110px;
max-width: none;
margin: 0;
}
@media screen and (max-width: 599px) {
.seite-anmeldung .rs-kopf .rs-columns,
.seite-anmeldung .rs-kopf.rs-columns {
gap: 1em 1.2em;
}
.seite-anmeldung .rs-kopf .rs-siegel {
width: 64px;
}
}
/* --- Ende rs-03b ---------------------------------------- */