.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/helfende-haende/fonts/rocksolid-icons.woff") format("woff"), url("../../files/helfende-haende/fonts/rocksolid-icons.ttf") format("truetype"), url("../../files/helfende-haende/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/helfende-haende/fonts/lato-300.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 400;
font-style: normal;
src: url("../../files/helfende-haende/fonts/lato-400.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 700;
font-style: normal;
src: url("../../files/helfende-haende/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: 18px/1.65 Lato, sans-serif;
color: #1f1b17;
-webkit-tap-highlight-color: #e07b00;
}
@media screen and (max-width: 599px) {
html {
font-size: 17px;
}
}
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/helfende-haende/img/demo/background-1.jpg") 50% 0 no-repeat;
background-attachment: fixed;
}
body.background-variation-2 {
background: url("../../files/helfende-haende/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: #e07b00;
color: #ffffff;
text-shadow: none !important;
}
::-moz-selection {
background: #e07b00;
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 #c9c0b5;
border-radius: 3px;
background: #ffffff;
}
table th,
table td {
border: solid #e8e2da;
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: #e07b00;
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 #c9c0b5;
}
.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 #c9c0b5;
}
hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-style: dotted;
border-top-color: #6e6255;
}
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: #b5da44;
}
.information {
color: #e07b00;
}
.warning {
color: #df3763;
}
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 #c9c0b5;
border-radius: 3px;
color: #8caf23;
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: #b5da44;
}
p.information,
div.information,
span.information {
color: #945100;
}
p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
background: #e07b00;
}
p.warning,
div.warning,
span.warning {
color: #ae1c42;
}
p.warning:before,
div.warning:before,
span.warning:before {
content: "\e143";
background: #df3763;
}
p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.11111em 0.33333em 0 0;
padding: 0.19444em;
border: 1px solid #c9c0b5;
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: #e8e2da;
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: #e8e2da;
}
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: #c76d00 #ad5f00 #945100;
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 #ad5f00;
background: #e07b00;
background: linear-gradient(#fa8900, #d17300);
box-shadow: inset 0 1px #e9a24c;
}
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: #7a4300 #613500 #472700;
text-decoration: none;
background-image: linear-gradient(#ff900a, #c16a00);
}
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(#ef8300, #db7800);
}
#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: #130e0a #020201 #000000;
color: #ffffff;
text-shadow: 0 -1px 0 #020201;
background: #241b12;
background: linear-gradient(#35281b, #1a130d);
box-shadow: inset 0 1px #655f59;
}
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(#3f2f20, #100c08);
}
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(#2e2317, #211810);
}
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: #c5c9d7 #b6bbcc #a7adc2;
color: #717c8e;
text-shadow: 0 -1px 0 #d4d7e1;
background: #f2f3f6;
background: linear-gradient(#ffffff, #e9ebf0);
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: #b6bbcc #a7adc2 #98a0b7;
background: linear-gradient(#ffffff, #e0e2e9);
}
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(#fbfbfc, #eff0f4);
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid #1f1b17;
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 #c9c0b5;
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 #e8e2da;
font-size: 0.8125em;
background: #f8f5f1;
}
.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 #c9c0b5;
border-left: 1px solid #c9c0b5;
}
@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: #98a0ab;
}
@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: #98a0ab;
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: #f8f5f1;
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: #717c8e;
}
.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 #c9c0b5;
border-radius: 3px 0 3px 3px;
color: #717c8e;
background: #ffffff;
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: #c9c0b5;
color: #717c8e;
background-color: #ffffff;
}
.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:hover > ul,
.header-dropdown:focus > ul {
display: block;
}
.header-navigation {
zoom: 1;
position: relative;
border-bottom: 1px solid #e8e2da;
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 #c9c0b5;
border-left: 1px solid #c9c0b5;
}
@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: #4a4139;
}
@media screen and (max-width: 900px) {
.header-navigation-inner {
height: auto;
min-height: 0;
}
}
.logo {
position: absolute;
top: 0%;
bottom: 0%;
left: 3%;
left: calc(3% + 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 #c9c0b5;
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: #4a4139;
}
.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 #4a4139;
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: #e07b00;
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: #e07b00;
}
.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 #e8e2da;
border-width: 1px 1px 2px;
border-top-color: #e8e2da;
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 #e8e2da;
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: #e07b00;
transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
.main-navigation > ul > li > ul a:hover {
text-decoration: none;
color: #b85f00;
background-color: #e8e2da;
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: #717c8e;
}
.main-navigation > ul > li > ul ul {
display: block;
padding-left: 0.625em;
}
.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: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: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: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:hover > ul {
border-width: 1px 1px 2px;
}
.main-navigation > ul > li.last > 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 #e8e2da;
border-width: 1px 1px 2px;
border-top-color: #e8e2da;
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: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: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: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: #b85f00;
}
.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: #e07b00;
}
.mega-dropdown-column ul a:hover {
color: #b85f00;
}
.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 #e8e2da;
}
.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 #e8e2da;
}
.main-navigation-search:hover input,
.main-navigation-search.focus input {
margin-left: 0.85714em;
border-color: #c9c0b5;
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 #e8e2da;
}
.main-navigation-search input {
margin-left: 0.85714em;
border-color: #c9c0b5;
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: #4a4139;
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: #e07b00;
}
.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: #4a4139;
box-shadow: 0 7px #4a4139, 0 14px #4a4139;
}
@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: #242424;
}
@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: #242424;
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: #242424;
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: #171717;
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: #383838;
box-shadow: inset 0 0 5px #242424;
}
.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 #e8e2da;
background: #ffffff;
}
.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: #98a0ab;
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 #c9c0b5;
}
.centered-wrapper.-border-bottom {
border-bottom: 1px solid #c9c0b5;
}
.centered-wrapper.-color-inverted {
color: #ffffff;
}
.centered-wrapper.-highlight-color {
background-color: #e07b00;
}
.centered-wrapper.-background-color-1 {
background-color: #241b12;
}
.centered-wrapper.-background-color-2 {
background-color: #f8f5f1;
}
.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: 2.9em;
font-weight: bold;
color: #1f1b17;
}
.main-content .-color-inverted h1 {
color: #ffffff;
}
.main-content h2 {
font-size: 1.8em;
color: #1f1b17;
}
.main-content .-color-inverted h2 {
color: #b2b9c4;
}
.main-content h3 {
font-size: 1.35em;
}
.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: #6e6255;
text-transform: uppercase;
}
.-color-inverted .main-content h6 {
color: #b2b9c4;
}
.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: #e07b00;
}
.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: #6e6255;
}
.-color-inverted .main-content blockquote {
color: #b2b9c4;
}
@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.65;
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
* ======================================== */
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: #df3763;
}
input,
textarea {
padding: 0.85714em 1.35714em;
line-height: normal;
border: 1px solid #c9c0b5;
border-bottom-color: #beb3a6;
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: #df3763;
}
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: #beb3a6 #beb3a6 #b6a99a;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
border-color: #e07b00;
}
.-color-inverted input,
.-color-inverted textarea {
background: #241b12;
}
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 #c9c0b5 \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 #c9c0b5;
}
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: #6e6255;
}
.-color-inverted .main-content label {
color: #b2b9c4;
}
.main-content label .mandatory {
margin-left: 0.14286em;
color: #e07b00;
}
.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: #6e6255;
}
.-color-inverted .explanation {
color: #b2b9c4;
}
.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 #c9c0b5;
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: #6e6255;
}
.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--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%;
}
.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 #c9c0b5;
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: #1f1b17;
}
.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: #e07b00;
}
.ce_accordion {
color: #6e6255;
}
.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 #c9c0b5;
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: #e07b00;
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 #c9c0b5;
border-top-color: #e4dfda;
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: #6e6255;
}
.content-accordion .handorgel__header {
display: block;
margin: 0;
border: 1px solid #c9c0b5;
/* collapse borders */
margin-bottom: -1px;
outline: none;
font-size: inherit;
font-weight: bold;
text-transform: none;
color: #6e6255;
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: #e07b00;
}
.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 #c9c0b5;
border-top-color: #e4dfda;
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: #6e6255;
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 #c9c0b5;
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: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 #e07b00;
border-radius: 100%;
font-size: 2.28571em;
color: #e07b00;
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: #e07b00;
color: #ffffff;
background-color: #e07b00;
}
.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: #e07b00;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: #e07b00;
background-color: #ffffff;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: #e07b00;
background: none;
}
.icon-boxes-item h3 {
margin: 0 0 0.66667em;
font-family: Lato, sans-serif;
font-style: normal;
font-size: 1.5em;
color: #1f1b17;
}
.icon-boxes-item p {
margin: 0.5em 0;
}
.icon-boxes-item-link.-link {
color: #e07b00;
}
.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: #6e6255;
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 #c9c0b5;
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: #e07b00;
}
.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: #e07b00;
opacity: 0.2;
}
.rotating-boxes-item-content h3 {
position: relative;
margin: 0.66667em 0;
font-size: 1.5em;
color: #e07b00;
}
.-color-inverted .rotating-boxes-item-content h3 {
color: #e07b00;
}
.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: #b2b9c4;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
color: #6e6255;
}
.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 #c9c0b5;
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: #1f1b17;
}
.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: #a29587 !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 #c9c0b5;
border-radius: 3px;
font-size: 1.125em;
line-height: 1.50056;
color: #6e6255;
}
.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 #c9c0b5;
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: #beb3a6;
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 #e8e2da;
border: 1px solid rgba(110, 98, 85, 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 #c9c0b5;
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: #e07b00;
}
.pricing-table-plan h3 {
margin: 0;
padding: 0.875em 0;
border-bottom: 1px solid #e8e2da;
font-size: inherit;
font-weight: bold;
color: inherit;
}
.pricing-table-plan p {
margin: 0;
padding: 0.375em 0;
border-bottom: 1px solid #e8e2da;
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: #6e6255;
}
.pricing-table-plan p i {
display: block;
font-style: normal;
font-size: 0.29167em;
color: #6e6255;
}
.pricing-table-plan ul {
margin: 0 0 -1px 0;
padding: 0;
list-style: none;
font-size: 0.875em;
color: #6e6255;
}
.pricing-table-plan li {
display: block;
padding: 0.5em;
border-bottom: 1px solid #e8e2da;
transition: background-color 0.3s ease-in;
}
.pricing-table-plan li:hover {
background-color: #e8e2da;
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: #6e6255;
}
@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: #1f1b17;
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: #6e6255;
}
.-color-inverted .counter-boxes > h3 {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes > h3 {
color: #472700;
}
.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: #6e6255;
}
.-color-inverted .counter-boxes-item:before {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes-item:before {
color: #472700;
}
.counter-boxes-item p {
margin: 0.06944em -0.5em 0.16667em;
font-size: 4.5em;
line-height: 1;
color: #e07b00;
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: #472700;
}
.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: #6e6255;
}
.-color-inverted .counter-boxes-item h4 {
color: #b2b9c4;
}
.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: #241b12;
background: rgba(36, 27, 18, 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: #6e6255;
}
.-color-inverted.-highlight-color .headline-box h3 {
color: #472700;
}
.-color-inverted .headline-box h3 {
color: #b2b9c4;
}
.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 #e8e2da;
color: inherit;
}
.projects-item:nth-of-type(even) {
border-top-color: #c9c0b5;
}
.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: #e07b00;
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 #e8e2da;
color: #e07b00;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.info-map-boxes-item p {
margin: 0.57143em 0;
}
.info-map-boxes-item-link {
color: #e07b00;
}
.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 #1f1b17;
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: #1f1b17;
background: rgba(31, 27, 23, 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: #e07b00;
}
.tab-navigation {
margin: 2.25em 0 0;
border: 1px solid transparent;
border-bottom-color: #c9c0b5;
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 #c9c0b5;
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 #e07b00, -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: #e07b00;
color: #ffffff;
background: #e07b00;
box-shadow: 0 1px #e07b00;
}
}
.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: #e07b00;
}
.tab-navigation.-image-tabs a.is-active {
color: #e07b00;
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: #e07b00;
border-bottom: 0;
}
.tab-navigation.-image-tabs a:before {
display: block;
margin: 0 auto 0.25em;
font-size: 3em;
color: #e07b00;
}
.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 #c9c0b5;
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 #c9c0b5;
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: #e07b00;
}
@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: #e07b00;
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: #ad5f00;
}
.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 #e8e2da;
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 #e8e2da;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
.news-image-teaser h2 a {
color: inherit;
}
.news-image-teaser h2 a:hover {
color: #e07b00;
text-decoration: none;
}
.news-image-teaser p {
margin: 0.625em 0;
color: #6e6255;
}
.news-image-teaser .news-image-teaser-info {
margin: 0 0 0.93333em;
font-size: 0.9375em;
color: #6e6255;
}
.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 #e8e2da;
}
@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: #6e6255;
text-transform: uppercase;
}
.news-image-teaser-meta .comment-count {
display: block;
padding: 0.25em 0;
border-top: 1px solid #e8e2da;
color: #6e6255;
}
.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: #e07b00;
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 #c9c0b5;
border-radius: 3px;
font-size: 0.875em;
color: #6e6255;
}
.news-list-boxed-item h3 {
margin: 0.38095em 0 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.38143;
color: #1f1b17;
}
.news-list-boxed-item h3 a {
color: inherit;
transition: color 0.3s;
}
.news-list-boxed-item h3 a:hover {
color: #e07b00;
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 #e8e2da;
}
.news-list-boxed-item-image {
position: relative;
display: block;
overflow: hidden;
}
.news-list-boxed-item-image.-no-image {
padding-bottom: 56.81818%;
background: #6e6255;
}
.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: #e07b00;
}
.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 #e8e2da;
border-top: 0;
border-radius: 0 0 1px 1px;
color: #1f1b17;
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: #e07b00;
}
.news-boxes-item-image {
display: block;
overflow: hidden;
}
.news-boxes-item-image.-no-image {
padding-bottom: 56.81818%;
background: #6e6255;
}
.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: #6e6255;
}
.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: #c9c0b5;
}
.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 #c9c0b5;
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: #e07b00;
}
.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 #e8e2da;
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: #e07b00;
}
.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: #6e6255;
}
.mod_faqreader .info {
font-size: 0.8125em;
color: #6e6255;
}
.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 #c9c0b5;
color: #6e6255;
}
.mod_search .highlight {
padding: 0 0.25em;
font-weight: bold;
background: #f8e4cc;
}
.mod_search .url {
padding-bottom: 1.42857em;
border-bottom: 1px dotted #c9c0b5;
font-size: 0.875em;
color: #6e6255;
}
.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 #c9c0b5;
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 #c9c0b5;
}
.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: #e07b00;
}
.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: #6e6255;
}
.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: #1f1b17;
}
.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: #6e6255;
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: #1f1b17;
text-decoration: none;
background-color: #e8e2da;
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: #ad5f00;
}
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail {
color: #e07b00;
}
.sub-navigation ul ul {
margin-left: 0.85714em;
}
.sub-navigation li {
padding: 0.14286em 0.42857em;
border-top: 1px solid #e8e2da;
}
.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: #6e6255;
}
.footer-bar.-color-inverted {
color: #ffffff;
background: #241b12;
}
.footer-bar h1,
.footer-bar h2,
.footer-bar h3 {
margin: 1em 0;
padding-bottom: 0.21429em;
border-bottom: 1px solid #c9c0b5;
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: #241b12;
}
.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: #1f1b17;
}
.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: #6e6255;
}
@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 #4a4139;
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 #c9c0b5;
}
@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 #c9c0b5;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #6e6255;
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: #6e6255;
}
.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: #6e6255;
}
@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: #6e6255;
}
.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: #1f1b17;
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 #c9c0b5;
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: #6e6255;
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: #6e6255;
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: #c9c0b5;
}
.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: #b3a798;
}
.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 #c9c0b5;
border-radius: 100%;
background: #c9c0b5;
background: rgba(201, 192, 181, 0.5);
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
background-color: #c9c0b5;
}
.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: #e07b00;
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: #e07b00;
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 #e07b00;
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: #e07b00;
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
margin: 5px;
border: 2px solid #e07b00;
border-radius: 3px;
font-size: 0.8125em;
line-height: 0.61538em;
color: #6e6255;
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: #e07b00;
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 #e07b00;
border-radius: 100%;
background-color: rgba(224, 123, 0, 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: #e07b00;
}
.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 #e8e2da;
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: #6e6255;
}
.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: #51483f;
}
.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 #c9c0b5;
border-radius: 100%;
background: #c9c0b5;
background: rgba(201, 192, 181, 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: #c9c0b5;
}
.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: #6e6255;
}
.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: #51483f;
}
.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%;
}
/* Bricolage Grotesque — variable Schrift, selbst gehostet.
* Quelle: Google Fonts v9, SIL Open Font License 1.1.
* Ein @font-face je Zeichenbereich, Gewichte 400 bis 800 in einer Datei.
* Nicht ueber fonts.googleapis.com einbinden: die Seite laedt keine
* Fremdressourcen, das spart die Einwilligung in der Cookiebar.
*/
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url("../../files/helfende-haende/fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url("../../files/helfende-haende/fonts/bricolage-grotesque-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Contao 5: Inhaltselemente heissen content-text, nicht mehr ce_text.
* Die Regeln unten stammen aus Contao 4 und griffen nach dem Upgrade ins
* Leere - im Frontend kommt ce_text 0x vor, content-text 10x. Damit war die
* Seite kleiner gesetzt als vorher. Umgestellt am 03.09.2026.
* RockSolid-Elemente behalten ihr ce_rsce_*-Praefix, die bleiben unberuehrt.
*/
.content-text p,
.content-text li {
font-size: 1.025em;
}
.content-text li
{
line-height: 1.6em;
margin-bottom: 0.5em;
}
.content-text {
color: var(--hh-gedaempft, #6e6255);
}
.-color-inverted .content-text {
color: white;
}
.main-navigation {
font-family: 'Open Sans';
font-size: 1.3em;
font-weight: 300;
text-transform: uppercase;
padding-right: 0;
margin-right:0;
}
.main-navigation-mobile.is-enabled
{
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-around;
}
.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
{
color:white;
}
.main-navigation-mobile.is-enabled .level_2 li {
font-size: 1em!important;
}
.main-navigation-mobile nav li
{
font-size: 1.2em;
}
p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning{
color: inherit;
}
.teaser-boxes-item li,
.icon-text-block p,
.content-text p,
.content-text li {
font-size: 1.125em;
}
@media screen and (max-width: 599px) {
.page-footer h3 {
font-size: 1.8em;
}
.page-footer .icon-links{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.page-footer .icon-links li
{
font-size: 1.25em;
}
.teaser-boxes-item li,
.icon-text-block p,
.content-text p,
.content-text li {
font-size: 1.25em;
}
}
.contao-cookiebar button{
margin:0;
box-shadow: none;
text-shadow: none;
}
/* ═══════════════════════════════════════════════════════════════════════
* Redesign 09/2026
* Orange traegt, Schrift groesser, Bildstrecken statt Slider.
* Die Farbwerte spiegeln die Theme-Variablen aus main.css.base wider; wer
* dort etwas aendert, muss es hier nachziehen.
* ═══════════════════════════════════════════════════════════════════════ */
:root {
--hh-orange: #e07b00;
--hh-orange-dunkel: #b65e00; /* 4,58:1 gegen Weiss - #b85f00 lag mit 4,49 knapp darunter */
--hh-orange-tiefer: #c96b00; /* Hover unter den Knoepfen, 3,759:1 gegen Weiss */
--hh-auf-orange: #1f1b17; /* dunkle Schrift auf Orange, 5,705:1 - Band und Bildstrecke */
--hh-orange-hell: #fdf0dc;
--hh-tief: #241b12;
--hh-tinte: #1f1b17;
--hh-gedaempft: #6e6255;
--hh-linie: #e8e2da;
--hh-flaeche: #f8f5f1;
}
/* ── Typografie ──────────────────────────────────────────────────────── */
h1, h2, h3,
.headline-box h1, .headline-box h2, .headline-box h3,
.main-navigation, .button, input[type="submit"],
.buehne-zaehler {
font-family: "Bricolage Grotesque", Lato, "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3 {
font-weight: 700;
letter-spacing: -.022em;
text-wrap: balance;
}
h1 { line-height: 1.05; }
h2 { line-height: 1.14; }
/* Lesbare Zeilenlaenge - aber nur im Fliesstext. Auf .main-content bezogen
traefe die Regel auch die Folien der Bildstrecke und die Navigation. */
.content-text p,
.content-text li,
.content-headline + .content-text p {
max-width: 68ch;
}
.main-navigation {
font-weight: 500;
text-transform: none;
}
/* ── Bildstrecke ─────────────────────────────────────────────────────── */
/* Die Bildstrecke bricht aus der Inhaltsspalte aus und laeuft ueber die
volle Fensterbreite - sie ist der Grund, warum jemand auf einer
Projektseite bleibt. Der Kopf und die Miniaturen bleiben in der Spalte. */
.buehne-block {
margin: 3rem 0 0;
padding: 0;
}
/* Der Ausbruch geht nicht mit margin-left: 50%: in Layouts mit Seitenleiste
sitzt die Inhaltsspalte nicht mittig, die Buehne liefe rechts hinaus.
buehne.js misst den Abstand zum linken Fensterrand und legt ihn als
--buehne-links ab. Ohne Skript bleibt die Buehne in der Spalte. */
.buehne-block .buehne {
width: 100%;
}
.buehne-block.ist-breit .buehne {
width: 100vw;
margin-left: calc(-1 * var(--buehne-links, 0px));
/* Liegt ueber der Seitenleiste. Ohne das steht deren Navigation mitten
im Bild, weil die Buehne unter der Spalte durchlaeuft. */
position: relative;
z-index: 2;
}
/* Riegel gegen waagerechtes Scrollen. Muss an html haengen: auf body wird
overflow auf das Fenster uebertragen und wirkt dort nicht als Grenze.
clip statt hidden, damit position: sticky weiter greift. */
html {
overflow-x: clip;
}
.buehne-kopf {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: .5rem 1.5rem;
margin-bottom: 1rem;
}
.buehne-kopf > :first-child { margin: 0; }
.buehne-kopf--leer { justify-content: flex-end; }
.buehne-zaehler {
font-size: .9rem;
font-weight: 700;
color: var(--hh-gedaempft);
font-variant-numeric: tabular-nums;
letter-spacing: .04em;
}
.buehne {
position: relative;
background: var(--hh-tief);
}
.buehne .buehne-bahn {
display: flex;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.buehne .buehne-bahn::-webkit-scrollbar { display: none; }
/* Die Nachbarn bleiben angeschnitten stehen. Das zeigt auf einen Blick,
dass es weitergeht, und wirkt lebendiger als ein Bild, das die Bahn
randlos ausfuellt. */
.buehne .buehne-bahn > li {
display: block;
flex: 0 0 86%;
max-width: none;
scroll-snap-align: center;
margin: 0;
padding: 0 3px;
position: relative;
list-style: none;
}
/* Nur das Bild in der Mitte steht voll im Licht. */
.buehne .buehne-bahn > li img {
opacity: .38;
transform: scale(.965);
transition: opacity .4s ease, transform .4s ease;
}
.buehne .buehne-bahn > li.ist-aktiv img {
opacity: 1;
transform: none;
}
.buehne .buehne-bahn > li::before { content: none; }
.buehne-bild {
display: block;
width: 100%;
padding: 0;
margin: 0;
border: 0;
background: none;
cursor: zoom-in;
box-shadow: none;
text-shadow: none;
}
/* Die Buehne fuellt. Sonst stehen links und rechts dunkle Balken - genau
der Fehler, den der alte Slider hatte. Ungeschnitten steht das Bild im
Leuchtkasten. */
.buehne-bild img,
.buehne-bild picture {
display: block;
width: 100%;
height: clamp(340px, 42vw, 600px);
object-fit: cover;
border: 0;
border-radius: 0;
max-width: none;
}
.buehne-text {
position: absolute;
left: 3px;
right: 3px;
bottom: 0;
opacity: 0;
transition: opacity .4s ease;
margin: 0;
padding: 2.6rem 1.6rem .9rem;
color: #fff;
font-size: .95rem;
background: linear-gradient(to top, rgba(20, 14, 8, .78), rgba(20, 14, 8, 0));
pointer-events: none;
}
.buehne .buehne-bahn > li.ist-aktiv .buehne-text { opacity: 1; }
/* Fortschritt: zeigt, wie weit man in einer langen Strecke ist - bei 123
Bildern sagt der Zaehler allein zu wenig. */
.buehne-fortschritt {
height: 3px;
background: rgba(255, 255, 255, .16);
position: relative;
overflow: hidden;
}
.buehne-fortschritt i {
display: block;
height: 100%;
width: 0;
background: var(--hh-orange);
transition: width .35s ease;
}
.buehne-pfeil {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 52px;
height: 52px;
padding: 0;
border: 0;
border-radius: 50%;
cursor: pointer;
background: rgba(255, 255, 255, .92);
color: var(--hh-tinte);
font-size: 1.3rem;
line-height: 1;
display: grid;
place-items: center;
box-shadow: 0 6px 20px -6px rgba(0, 0, 0, .5);
text-shadow: none;
transition: background .2s, color .2s;
}
.buehne-pfeil:hover { background: var(--hh-orange); color: var(--hh-auf-orange); }
.buehne-pfeil:disabled { opacity: .3; cursor: default; }
.buehne-pfeil--zurueck { left: 18px; }
.buehne-pfeil--weiter { right: 18px; }
/* Die Miniaturen laufen mit der Buehne mit. In der Inhaltsspalte waeren bei
123 Bildern nur fuenf zu sehen. */
.buehne-block.ist-breit .buehne-mini {
width: 100vw;
margin-left: calc(-1 * var(--buehne-links, 0px));
padding-left: 12px;
padding-right: 12px;
position: relative;
z-index: 2;
}
.buehne-block .buehne-mini {
display: flex;
gap: 6px;
margin: 6px 0 0;
padding: 0 0 4px;
list-style: none;
overflow-x: auto;
scrollbar-width: thin;
}
.buehne-block .buehne-mini > li { display: block; flex: 0 0 132px; max-width: none; margin: 0; padding: 0; list-style: none; }
.buehne-block .buehne-mini > li::before { content: none; }
.buehne-mini button {
display: block;
width: 100%;
height: 82px;
padding: 0;
border: 0;
background: var(--hh-flaeche);
cursor: pointer;
overflow: hidden;
outline: 2px solid transparent;
outline-offset: -2px;
box-shadow: none;
}
.buehne-mini img {
width: 100%;
height: 82px;
object-fit: cover;
opacity: .55;
border: 0;
border-radius: 0;
transition: opacity .25s;
max-width: none;
}
.buehne-mini button:hover img { opacity: .85; }
.buehne-mini button[aria-current="true"] { outline-color: var(--hh-orange); }
.buehne-mini button[aria-current="true"] img { opacity: 1; }
@media screen and (max-width: 599px) {
.buehne-pfeil { width: 42px; height: 42px; }
.buehne-block .buehne-mini > li { flex-basis: 92px; }
.buehne-mini button, .buehne-mini img { height: 58px; }
}
/* ── Leuchtkasten ────────────────────────────────────────────────────── */
.leuchtkasten {
position: fixed;
inset: 0;
z-index: 200;
background: rgba(20, 14, 8, .94);
display: grid;
grid-template-rows: auto 1fr auto;
padding: 18px;
backdrop-filter: blur(6px);
}
.leuchtkasten[hidden] { display: none; }
.leuchtkasten-leiste {
display: flex;
justify-content: space-between;
align-items: center;
color: #f0e6da;
font-size: .95rem;
}
.leuchtkasten-leiste b { font-variant-numeric: tabular-nums; }
.leuchtkasten-knoepfe { display: flex; gap: 10px; }
.leuchtkasten button {
background: rgba(255, 255, 255, .12);
color: #fff;
border: 0;
border-radius: 4px;
padding: 9px 15px;
cursor: pointer;
font-size: .95rem;
box-shadow: none;
text-shadow: none;
}
.leuchtkasten button:hover { background: var(--hh-orange); color: var(--hh-auf-orange); }
.leuchtkasten-buehne {
display: grid;
place-items: center;
min-height: 0;
padding: 14px 0;
}
.leuchtkasten-buehne img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border: 0;
border-radius: 4px;
box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .7);
}
.leuchtkasten-text {
color: #cbbdae;
text-align: center;
font-size: .95rem;
min-height: 1.5em;
margin: 0;
max-width: none;
}
/* Rasteransicht: alle Bilder auf einen Blick, ohne Blaettern. */
.buehne-block.ist-raster .buehne-bahn {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 4px;
overflow: visible;
scroll-snap-type: none;
}
.buehne-block.ist-raster .buehne-bahn > li { padding: 0; }
.buehne-block.ist-raster .buehne-bahn > li img { height: 190px; opacity: 1; transform: none; }
.buehne-block.ist-raster .buehne-pfeil,
.buehne-block.ist-raster .buehne-mini,
.buehne-block.ist-raster .buehne-fortschritt,
.buehne-block.ist-raster .buehne-text { display: none; }
/* Das Theme faerbt jeden button ueber background: linear-gradient(...).
Deshalb hier background-image ausdruecklich zuruecksetzen - background: none
allein reicht gegen den Verlauf nicht. */
.buehne-kopf .buehne-umschalter {
font-family: "Bricolage Grotesque", Lato, sans-serif;
font-weight: 700;
font-size: .82rem;
letter-spacing: .04em;
text-transform: none;
background: transparent;
background-image: none;
border: 0;
box-shadow: inset 0 0 0 1px var(--hh-linie);
border-radius: 999px;
padding: .4em 1.1em;
cursor: pointer;
color: var(--hh-gedaempft);
text-shadow: none;
margin-left: 1rem;
line-height: 1.4;
white-space: nowrap;
}
.buehne-kopf .buehne-umschalter:hover {
color: var(--hh-orange);
background: transparent;
background-image: none;
box-shadow: inset 0 0 0 1px currentColor;
}
.buehne-kopf .buehne-umschalter[aria-pressed="true"] {
color: var(--hh-auf-orange);
background: var(--hh-orange);
box-shadow: none;
}
.buehne-kopf-rechts { display: flex; align-items: center; }
@media (prefers-reduced-motion: reduce) {
.buehne-bahn { scroll-behavior: auto; }
.buehne .buehne-bahn > li img { transition: none; }
.buehne-mini img { transition: none; }
}
/* ── Kennzahlenband (rsce_hh_kennzahlen) ─────────────────────────────── */
.kennzahlen {
background: var(--hh-tief);
color: #fff;
margin: 3.5rem 0;
}
/* Laeuft ueber die volle Breite, wie die Bildstrecke. buehne.js misst den
Abstand zum linken Fensterrand. Ohne Skript bleibt das Band in der Spalte. */
.kennzahlen.ist-breit {
width: 100vw;
margin-left: calc(-1 * var(--buehne-links, 0px));
position: relative;
z-index: 2;
}
.kennzahlen-inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
max-width: none;
margin: 0;
padding: 0;
}
/* Die Zahlen stehen mittig in ihrem Feld, die Trennlinien laufen zwischen
den Feldern durch - nicht am Rand entlang. */
.kennzahlen-inner > div {
padding: 2.6rem 1.6rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid rgba(255, 255, 255, .16);
}
.kennzahlen-inner > div:last-child { border-right: 0; }
.kennzahlen b {
display: block;
font-family: "Bricolage Grotesque", Lato, sans-serif;
font-weight: 800;
font-size: 2.6rem;
line-height: 1;
letter-spacing: -.03em;
color: #ffa53d;
font-variant-numeric: tabular-nums;
}
.kennzahlen span {
display: block;
font-size: .95rem;
color: #cbbdae;
margin-top: .55rem;
max-width: 24ch;
}
@media screen and (max-width: 599px) {
.kennzahlen-inner > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); padding: 1.5rem 1rem; }
.kennzahlen-inner > div:last-child { border-bottom: 0; }
.kennzahlen b { font-size: 2.1rem; }
}
/* ── Karten: Kontakt und Sponsoren ───────────────────────────────────── */
.kontakt-karten {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
gap: 1.4rem;
margin: 2rem 0 0;
}
.kontakt-karte,
.sponsoren-karten .teaser-boxes-item {
background: #fff;
border-radius: 8px;
padding: 1.7rem 1.8rem 1.8rem;
box-shadow: 0 1px 2px rgba(36, 27, 18, .06), 0 10px 28px -14px rgba(36, 27, 18, .28);
transition: box-shadow .25s, transform .25s;
}
.kontakt-karte h2 { font-size: 1.35em; margin: 0 0 .6rem; }
.kontakt-karte p { max-width: none; }
.kontakt-karte p:last-child { margin-bottom: 0; }
.kontakt-karte p + p { color: var(--hh-gedaempft); font-size: .95em; }
.kontakt-mail {
font-family: "Bricolage Grotesque", Lato, sans-serif;
font-weight: 700;
font-size: 1.2em;
letter-spacing: -.015em;
}
.kontakt-mail a { text-decoration: none; }
.kontakt-mail a:hover { text-decoration: underline; }
/* Sponsoren: die Kacheln des Tao-Elements werden zu Karten mit Schatten.
Die Klasse sponsoren-karten steht als CSS-Klasse am Inhaltselement; das
Element rendert .teaser-boxes mit .teaser-boxes-item, nicht .boxes. */
.sponsoren-karten .teaser-boxes-item:hover {
transform: translateY(-3px);
box-shadow: 0 2px 4px rgba(36, 27, 18, .07), 0 22px 44px -18px rgba(36, 27, 18, .36);
}
.sponsoren-karten .image-wrapper {
height: 96px;
display: grid;
place-items: center;
border: 0;
background: none;
}
.sponsoren-karten .image-wrapper img {
max-height: 96px;
width: auto;
max-width: 100%;
object-fit: contain;
border: 0;
border-radius: 0;
}
.sponsoren-karten.-boxed .teaser-boxes-item {
border: 0;
}
.sponsoren-karten h3 {
font-size: 1.05em;
margin: .9rem 0 0;
padding-top: .8rem;
border-top: 1px solid var(--hh-linie);
}
/* ── Hinweisblock ────────────────────────────────────────────────────── */
.hinweis {
border-left: 3px solid var(--hh-orange);
background: var(--hh-orange-hell);
padding: 1.1rem 1.4rem;
border-radius: 0 6px 6px 0;
margin: 1.8rem 0;
}
/* Die Hinweisboxen tragen Ueberschrift und mehrere Absaetze (Spendenkonto,
Gruesse aus der Schule). Deshalb nur oben und unten buendig abschliessen,
der Abstand zwischen den Absaetzen bleibt. */
.hinweis > :first-child { margin-top: 0; }
.hinweis > :last-child { margin-bottom: 0; }
.hinweis h2 { font-size: 1.3em; }
.hinweis p { max-width: none; }
/* ── Spendenaufruf am Fuss der Projektseiten ─────────────────────────── */
.spendenaufruf {
background: var(--hh-orange-hell);
border-radius: 8px;
padding: 2rem 2.2rem;
margin: 3rem 0 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.6rem;
flex-wrap: wrap;
}
/* Auf der Startseite laeuft .main-content ueber die volle Breite
(tao-fullwidth, 1400 px ohne Rand). Der Aufruf steht dort sonst randlos am
Fensterrand. Auf den uebrigen Seiten sind es 1103 px, dieselbe Grenze. */
.tao-fullwidth .main-content > .spendenaufruf {
max-width: 1103px;
margin-left: auto;
margin-right: auto;
}
.spendenaufruf h2 { margin: 0 0 .3rem; font-size: 1.4em; }
.spendenaufruf p { margin: 0; max-width: 48ch; color: var(--hh-gedaempft); }
.spendenaufruf .spendenaufruf-knopf { flex: 0 0 auto; }
.spendenaufruf .button { margin: 0; }
/* ── Aufmacher (rsce_hh_hero) ────────────────────────────────────────── */
.hero { margin: 0 0 2.5rem; }
.hero-text { padding-top: 2.6rem; }
.hero h1 {
font-size: 3.2em;
line-height: 1.03;
letter-spacing: -.028em;
max-width: 17ch;
margin: 0 0 1.1rem;
}
/* Die Linie ist der Anklang an die gezeichnete Hand im Logo. */
.hero-betont {
position: relative;
white-space: nowrap;
color: inherit;
}
.hero-betont svg {
position: absolute;
left: 0;
right: 0;
bottom: -.16em;
width: 100%;
height: .3em;
overflow: visible;
color: var(--hh-orange);
}
.hero-lead {
font-size: 1.18em;
color: var(--hh-gedaempft);
max-width: 56ch;
margin-bottom: 1.7rem;
}
.hero-lead p { max-width: none; margin-bottom: .6em; }
.hero-lead p:last-child { margin-bottom: 0; }
.hero-knoepfe { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0 0 2.6rem; }
.hero-knoepfe .button { margin: 0; }
.button.-umriss {
background: none;
color: var(--hh-orange);
box-shadow: inset 0 0 0 2px currentColor;
text-shadow: none;
border-color: transparent;
}
.button.-umriss:hover { background: var(--hh-orange); color: #fff; box-shadow: none; }
.hero-bild img { width: 100%; height: clamp(240px, 26vw, 380px); object-fit: cover; border: 0; border-radius: 6px; }
@media screen and (max-width: 899px) {
.hero h1 { font-size: 2.4em; max-width: none; }
}
/* ── Spendenband (rsce_hh_spendenband) ───────────────────────────────── */
.spendenband {
background: var(--hh-orange);
color: #fff;
margin: 4rem 0;
padding: 3.6rem 0;
}
/* Laeuft ueber die volle Breite. Der Tao-Wrapper mit „Volle Breite" wuerde
dasselbe leisten und waere im Backend umstellbar - er greift aber nur in
Layouts ohne Seitenleiste. Dieser Weg gilt ueberall. */
.spendenband.ist-breit,
.hero-bild.ist-breit {
width: 100vw;
margin-left: calc(-1 * var(--buehne-links, 0px));
position: relative;
z-index: 2;
}
.hero-bild.ist-breit img { border-radius: 0; height: clamp(280px, 34vw, 520px); }
.spendenband-inner { max-width: 1188px; margin: 0 auto; padding: 0 1.5rem; }
.spendenband-kicker {
font-family: "Bricolage Grotesque", Lato, sans-serif;
font-weight: 700;
font-size: .8rem;
letter-spacing: .17em;
text-transform: uppercase;
color: var(--hh-tief);
margin: 0 0 .7rem;
}
.spendenband h2 { color: #fff; margin: 0 0 .6rem; }
.spendenband-lead { color: #fff4e6; margin: 0 0 2rem; max-width: 56ch; }
.spendenband-kacheln { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 3px; }
.spendenband-kacheln > div { background: var(--hh-tief); padding: 1.6rem 1.7rem; }
.spendenband-kacheln b {
display: block;
font-family: "Bricolage Grotesque", Lato, sans-serif;
font-weight: 800;
font-size: 1.9rem;
line-height: 1;
letter-spacing: -.03em;
color: #ffa53d;
font-variant-numeric: tabular-nums;
}
.spendenband-kacheln span { display: block; margin-top: .55rem; font-size: .95rem; color: #d8cabb; }
.spendenband-konto {
background: #fff;
color: var(--hh-tinte);
padding: 1.6rem 1.8rem;
margin-top: 3px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
}
.spendenband-konto dl { margin: 0; display: flex; gap: 2.6rem; flex-wrap: wrap; }
.spendenband-konto dt { font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; color: var(--hh-gedaempft); font-weight: 700; }
.spendenband-konto dd { margin: .25rem 0 0; font-variant-numeric: tabular-nums; font-size: 1.02rem; }
.spendenband-konto .button { margin: 0; }
.button.-dunkel { background: var(--hh-tief); border-color: transparent; text-shadow: none; color: #fff; }
.button.-dunkel:hover { background: #3a2b1c; }
/* ── Alles flach: keine Verlaeufe ────────────────────────────────────── */
/* Das Theme legt auf jeden Knopf einen linear-gradient, dazu text-shadow,
einen inset-Schatten und eine dreifarbige Rahmenkante (main.css ab 1925).
Gemessen auf der Startseite an `.button.-primary`:
background-image linear-gradient(rgb(250,137,0), rgb(209,115,0)),
text-shadow rgb(173,95,0) 0 -1px 0, box-shadow inset rgb(233,162,76).
Zwei Fallen:
1. Der Verlauf steht in der Kurzform `background:`. Wird nur das Bild
entfernt, bleibt die Flaeche transparent - die Farbe muss neu gesetzt
werden.
2. Die Cookiebar erbt den Verlauf mit: `.cc-detail-btn` ist ein