body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .spinner{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:50px;height:50px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-bounce{0%, 100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%, 100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.lafli-yt-playlist{display:flex !important;width:100%}@media screen and (max-width: 980px){.lafli-yt-playlist{flex-direction:column}}.lafli-yt-playlist .player-box{position:relative;width:70%;height:100%;background:#000}@media screen and (max-width: 980px){.lafli-yt-playlist .player-box{width:100%}}.lafli-yt-playlist .playlist-box{position:relative;width:30%;max-height:100%;overflow-y:scroll;background:#222}@media screen and (max-width: 980px){.lafli-yt-playlist .playlist-box{width:100%;overflow-y:hidden}}.lafli-yt-playlist .player-responsive-container{position:relative;padding-bottom:56.25%}.lafli-yt-playlist .player,.lafli-yt-playlist .playlist-height-container{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 980px){.lafli-yt-playlist .playlist-height-container{position:static}}.lafli-yt-playlist ul.playlist-items{margin:0;padding:12px;list-style:none}@media screen and (max-width: 980px){.lafli-yt-playlist ul.playlist-items{padding:6px}}.lafli-yt-playlist li.playlist-item{display:flex;flex-direction:column;margin-bottom:12px}@media screen and (max-width: 980px){.lafli-yt-playlist li.playlist-item{flex-direction:row}}@media screen and (max-width: 980px){.lafli-yt-playlist li.playlist-item .image-box{width:35%;min-width:120px;margin-right:12px}}.lafli-yt-playlist li.playlist-item .content-box{padding:6px 0}@media screen and (max-width: 980px){.lafli-yt-playlist li.playlist-item .content-box{width:65%;display:flex;flex-direction:column}}@media screen and (max-width: 980px){.lafli-yt-playlist li.playlist-item .content-descr-box{flex-grow:1}}.lafli-yt-playlist li.playlist-item .content-meta-box{display:flex;justify-content:space-between;font-size:0.875em}.lafli-yt-playlist li.playlist-item .title{font-size:1em}@media screen and (max-width: 980px){.lafli-yt-playlist li.playlist-item .title{margin-top:0}}.lafli-yt-playlist li.playlist-item img.thumb{display:block;max-width:100%}.lafli-yt-playlist li.playlist-item p.published-at{margin:0}.lafli-yt-playlist li.playlist-item{font-family:sans-serif;color:#fff}.lafli-yt-playlist li.playlist-item a,.lafli-yt-playlist li.playlist-item a:visited{color:red}.lafli-yt-playlist li.playlist-item .title,.lafli-yt-playlist li.playlist-item img.thumb,.lafli-yt-playlist li.playlist-item p.description.begin{cursor:pointer}.lafli-yt-playlist li.playlist-item img.thumb{border-left:2px solid transparent}.lafli-yt-playlist li.playlist-item.active img.thumb{border-left:2px solid red}.lafli-yt-playlist li.playlist-item p.description.begin:after{content:"\00a0\2026";cursor:pointer}.lafli-yt-playlist li.playlist-item p.description.begin.active:after{display:none}.lafli-yt-playlist li.playlist-item p.description.begin{cursor:pointer}.lafli-yt-playlist li.playlist-item p.description.begin:hover{text-decoration:underline} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../bundles/contaoytplaylist/css/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../bundles/contaoytplaylist/css/slick/./fonts/slick.eot'); src: url('../../bundles/contaoytplaylist/css/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../bundles/contaoytplaylist/css/slick/./fonts/slick.woff') format('woff'), url('../../bundles/contaoytplaylist/css/slick/./fonts/slick.ttf') format('truetype'), url('../../bundles/contaoytplaylist/css/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ""; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color 0.2s; } .contao-cookiebar input + label:after { display: block; content: ""; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background 0.2s, margin-left 0.2s, padding 0.2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .cookiebar_default { color: #444444; } .cookiebar_default p { color: #868686; line-height: 1.4; } .cookiebar_default .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .cookiebar_default .cc-group { position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .cookiebar_default .cc-group > label { margin: 5px 130px 5px 10px; } .cookiebar_default .cc-group .cc-detail-btn { position: absolute; right: 0; top: 0; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; padding: 13px; color: #a2a2a2; } .cookiebar_default .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .cookiebar_default .cc-group .cc-detail-btn:hover { color: #717171; } .cookiebar_default .cc-cookies { display: none; background: #fbfbfb; } .cookiebar_default .cc-cookies > p { font-size: 0.875rem; } .cookiebar_default .cc-cookies > p, .cookiebar_default .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; } .cookiebar_default .cc-cookies .cc-cookie label.cookie { margin-bottom: 10px; } .cookiebar_default .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .cookiebar_default .cc-footer, .cookiebar_default .cc-info { text-align: center; } .cookiebar_default .cc-info { margin-top: 15px; } .cookiebar_default .cc-info > p { font-size: 0.875rem; } .cookiebar_default .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .cookiebar_default .cc-info > a:hover { color: #717171; } .cookiebar_default .cc-info > a + a:before { display: inline-block; content: "·"; margin-right: 5px; } /*# sourceMappingURL=cookiebar_default.css.map */ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Document : font-face.scss Author : laf.li digital */ .clearfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } /* Document : vars.scss Author : laf.li digital */ /* Document : shared.scss Author : laf.li digital */ .mod_cfg_instagram, .mod_rocksolid_slider .rsts-nav-bullets, .mod_c4g_maps, .mod_eventlist, .mod_newslist.music, .ce_rsce_expandable_boxes .inside, .ce_rsce_header_element .text-container, .ce_hyperlink, #footer .inside, #header .header-top > .inside, #header .header-bottom > .inside, .mod_newsreader .layout_full .content .ce_accordion .inside, .mod_newsreader .layout_full .content-container *[class*=ce_]:not(.ce_accordion):not(.ce_lafli_yt_playlist), .mod_newsreader .layout_full p.info, .mod_newsreader .layout_full .subheadline, .mod_newsreader .layout_full .title, .ce_youtube, .ce_text .text-container, .ce_text .image_container, .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6, .mod_cookiebarOpener, .ce_lafli_yt_playlist .lafli-yt-playlist .player-box, .ce_accordion .inside, .mod_newslist.all, .ce_text h1, .ce_text h2, .mod_newscategories, .mod_navigation.nav-buttons, .ce_rsce_buttons { position: relative; max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 720px) { .mod_cfg_instagram, .mod_rocksolid_slider .rsts-nav-bullets, .mod_c4g_maps, .mod_eventlist, .mod_newslist.music, .ce_rsce_expandable_boxes .inside, .ce_rsce_header_element .text-container, .ce_hyperlink, #footer .inside, #header .header-top > .inside, #header .header-bottom > .inside, .mod_newsreader .layout_full .content .ce_accordion .inside, .mod_newsreader .layout_full .content-container *[class*=ce_]:not(.ce_accordion):not(.ce_lafli_yt_playlist), .mod_newsreader .layout_full p.info, .mod_newsreader .layout_full .subheadline, .mod_newsreader .layout_full .title, .ce_youtube, .ce_text .text-container, .ce_text .image_container, .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6, .mod_cookiebarOpener, .ce_lafli_yt_playlist .lafli-yt-playlist .player-box, .ce_accordion .inside, .mod_newslist.all, .ce_text h1, .ce_text h2, .mod_newscategories, .mod_navigation.nav-buttons, .ce_rsce_buttons { padding-left: 20px; padding-right: 20px; } } .mod_newslist.all, .ce_text h1, .ce_text h2, .mod_newscategories, .mod_navigation.nav-buttons, .ce_rsce_buttons { max-width: 1208px; } .ce_lafli_yt_playlist .lafli-yt-playlist .player-box, .ce_accordion .inside { max-width: 980px; } .mod_newsreader .layout_full .content .ce_accordion .inside, .mod_newsreader .layout_full .content-container *[class*=ce_]:not(.ce_accordion):not(.ce_lafli_yt_playlist), .mod_newsreader .layout_full p.info, .mod_newsreader .layout_full .subheadline, .mod_newsreader .layout_full .title, .ce_youtube, .ce_text .text-container, .ce_text .image_container, .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6, .mod_cookiebarOpener { max-width: 768px; } #main .mod_article.first:not(.last):after { display: block; position: absolute; z-index: 1; left: 50%; bottom: -80px; height: 160px; width: 2px; content: ""; background: #969696; } @media screen and (max-width: 720px) { #main .mod_article.first:not(.last):after { display: none; } } .mod_eventlist .layout_list .event-actions button.info, .mod_eventlist .layout_list .event-actions a.tickets, .mod_newslist .pagination li a, .mod_newscategories li a, .mod_navigation.nav-buttons li a, .ce_rsce_buttons li a, .mod_newscategories li strong, .mod_navigation.nav-buttons li strong, .ce_rsce_buttons li strong, .ce_rsce_header_element .button-container.inverted a, .mod_c4g_maps .c4g-popup-content p.more a, .ce_hyperlink a, .mod_newsletter_button a, .mod_article.bg-dark .ce_hyperlink a, .ce_rsce_header_element .button-container a, .ce_rsce_double_box .box .button-container a { display: inline-block; padding: 10px 20px; border: 0; border-radius: 0; box-shadow: none; font-family: "BigShouldersDisplay", sans-serif; font-size: 1.25rem; letter-spacing: 4px; font-weight: 500; text-transform: uppercase; text-decoration: none; text-align: center; cursor: pointer; transition: all 0.35s; } .mod_eventlist .layout_list .event-actions button.active.info, .mod_eventlist .layout_list .event-actions a.active.tickets, .mod_newslist .pagination li a.active, .mod_newscategories li a.active, .mod_navigation.nav-buttons li a.active, .ce_rsce_buttons li a.active, .mod_newscategories li strong.active, .mod_navigation.nav-buttons li strong.active, .ce_rsce_buttons li strong.active, .mod_c4g_maps .c4g-popup-content p.more a.active, .ce_hyperlink a.active, .mod_newsletter_button a.active, .mod_article.bg-dark .ce_hyperlink a.active, .ce_rsce_header_element .button-container a.active, .ce_rsce_double_box .box .button-container a.active { cursor: default; } .ce_rsce_header_element .button-container.inverted a, .mod_c4g_maps .c4g-popup-content p.more a, .ce_hyperlink a, .mod_newsletter_button a, .mod_article.bg-dark .ce_hyperlink a, .ce_rsce_header_element .button-container a, .ce_rsce_double_box .box .button-container a { padding: 10px 80px; } @media screen and (max-width: 480px) { .ce_rsce_header_element .button-container.inverted a, .mod_c4g_maps .c4g-popup-content p.more a, .ce_hyperlink a, .mod_newsletter_button a, .mod_article.bg-dark .ce_hyperlink a, .ce_rsce_header_element .button-container a, .ce_rsce_double_box .box .button-container a { padding: 10px 20px; width: 100%; } } .ce_rsce_header_element .button-container a, .ce_rsce_double_box .box .button-container a { color: #fff; background-color: #000; } .ce_rsce_header_element .button-container a:hover, .ce_rsce_double_box .box .button-container a:hover, .ce_rsce_header_element .button-container a:focus, .ce_rsce_double_box .box .button-container a:focus, .ce_rsce_header_element .button-container a:active, .ce_rsce_double_box .box .button-container a:active { color: #000; background-color: #fff; } .ce_rsce_double_box .box .button-container a { border: 1px solid #000; } .mod_newsletter_button a, .mod_article.bg-dark .ce_hyperlink a { color: #000; background-color: #fff; } .mod_newsletter_button a:hover, .mod_article.bg-dark .ce_hyperlink a:hover, .mod_newsletter_button a:focus, .mod_article.bg-dark .ce_hyperlink a:focus, .mod_newsletter_button a:active, .mod_article.bg-dark .ce_hyperlink a:active { color: #000; background-color: #c8c8c8; } .ce_rsce_header_element .button-container.inverted a, .mod_c4g_maps .c4g-popup-content p.more a, .ce_hyperlink a { color: #000; background-color: #fff; } .ce_rsce_header_element .button-container.inverted a:hover, .mod_c4g_maps .c4g-popup-content p.more a:hover, .ce_hyperlink a:hover, .ce_rsce_header_element .button-container.inverted a:focus, .mod_c4g_maps .c4g-popup-content p.more a:focus, .ce_hyperlink a:focus, .ce_rsce_header_element .button-container.inverted a:active, .mod_c4g_maps .c4g-popup-content p.more a:active, .ce_hyperlink a:active { color: #fff; background-color: #000; } .mod_c4g_maps .c4g-popup-content p.more a, .ce_hyperlink a { border: 1px solid #000; } .mod_newslist .pagination li a, .mod_newscategories li a, .mod_navigation.nav-buttons li a, .ce_rsce_buttons li a, .mod_newscategories li strong, .mod_navigation.nav-buttons li strong, .ce_rsce_buttons li strong { color: #000; background-color: #fff; } .mod_newslist .pagination li a:hover, .mod_newscategories li a:hover, .mod_navigation.nav-buttons li a:hover, .ce_rsce_buttons li a:hover, .mod_newscategories li strong:hover, .mod_navigation.nav-buttons li strong:hover, .ce_rsce_buttons li strong:hover, .mod_newslist .pagination li a:focus, .mod_newscategories li a:focus, .mod_navigation.nav-buttons li a:focus, .ce_rsce_buttons li a:focus, .mod_newscategories li strong:focus, .mod_navigation.nav-buttons li strong:focus, .ce_rsce_buttons li strong:focus, .mod_newslist .pagination li a:active, .mod_newscategories li a:active, .mod_navigation.nav-buttons li a:active, .ce_rsce_buttons li a:active, .mod_newscategories li strong:active, .mod_navigation.nav-buttons li strong:active, .ce_rsce_buttons li strong:active, .mod_newslist .pagination li a.active, .mod_newscategories li a.active, .mod_navigation.nav-buttons li a.active, .ce_rsce_buttons li a.active, .mod_newscategories li strong.active, .mod_navigation.nav-buttons li strong.active, .ce_rsce_buttons li strong.active { background-color: #000; color: #fff; } .mod_newslist .pagination li a, .mod_newscategories li a, .mod_navigation.nav-buttons li a, .ce_rsce_buttons li a, .mod_newscategories li strong, .mod_navigation.nav-buttons li strong, .ce_rsce_buttons li strong { border: 1px solid #000; } .mod_eventlist .layout_list .event-actions button.info, .mod_eventlist .layout_list .event-actions a.tickets { color: #000; background-color: #fff; } .mod_eventlist .layout_list .event-actions button.info:hover, .mod_eventlist .layout_list .event-actions a.tickets:hover, .mod_eventlist .layout_list .event-actions button.info:focus, .mod_eventlist .layout_list .event-actions a.tickets:focus, .mod_eventlist .layout_list .event-actions button.info:active, .mod_eventlist .layout_list .event-actions a.tickets:active { background-color: #969696; color: #000; } .mod_eventlist .layout_list .event-actions button.info, .mod_eventlist .layout_list .event-actions a.tickets { border: 1px solid #000; } .mod_eventlist .layout_list .event-actions button.info:hover, .mod_eventlist .layout_list .event-actions a.tickets:hover, .mod_eventlist .layout_list .event-actions button.info:focus, .mod_eventlist .layout_list .event-actions a.tickets:focus, .mod_eventlist .layout_list .event-actions button.info:active, .mod_eventlist .layout_list .event-actions a.tickets:active { border-color: #969696; } .ce_rsce_header_element .headline { margin: 0; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 7rem; font-weight: 400; letter-spacing: 2; line-height: 1; margin-bottom: 15px; color: #fff; } @media screen and (max-width: 1080px) { .ce_rsce_header_element .headline { font-size: 6rem; } } @media screen and (max-width: 720px) { .ce_rsce_header_element .headline { font-size: 5rem; } } @media screen and (max-width: 480px) { .ce_rsce_header_element .headline { font-size: 4rem; } } .ce_headline, .mod_newslist.music h2, .mod_article.bg-light .ce_headline, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h1, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h2, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h3, .mod_newslist.music ~ .mod_newslist.music h2, .mod_article.bg-light .ce_lafli_yt_playlist h1, .mod_article.bg-light .ce_lafli_yt_playlist h2, .mod_article.bg-light .ce_lafli_yt_playlist h3, .mod_article.bg-light .ce_headline.swoosh, .mod_eventlist .month-title, .ce_lafli_yt_playlist h1, .ce_lafli_yt_playlist h2, .ce_lafli_yt_playlist h3, .ce_headline.swoosh { margin: 100px 0; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 2.25rem; font-weight: 400; letter-spacing: 0.375em; text-align: center; color: #fff; } @media screen and (max-width: 720px) { .ce_headline, .mod_newslist.music h2, .mod_article.bg-light .ce_headline, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h1, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h2, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h3, .mod_newslist.music ~ .mod_newslist.music h2, .mod_article.bg-light .ce_lafli_yt_playlist h1, .mod_article.bg-light .ce_lafli_yt_playlist h2, .mod_article.bg-light .ce_lafli_yt_playlist h3, .mod_article.bg-light .ce_headline.swoosh, .mod_eventlist .month-title, .ce_lafli_yt_playlist h1, .ce_lafli_yt_playlist h2, .ce_lafli_yt_playlist h3, .ce_headline.swoosh { font-size: 2rem; margin: 80px 0; letter-spacing: 0.325em; } } @media screen and (max-width: 480px) { .ce_headline, .mod_newslist.music h2, .mod_article.bg-light .ce_headline, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h1, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h2, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h3, .mod_newslist.music ~ .mod_newslist.music h2, .mod_article.bg-light .ce_lafli_yt_playlist h1, .mod_article.bg-light .ce_lafli_yt_playlist h2, .mod_article.bg-light .ce_lafli_yt_playlist h3, .mod_article.bg-light .ce_headline.swoosh, .mod_eventlist .month-title, .ce_lafli_yt_playlist h1, .ce_lafli_yt_playlist h2, .ce_lafli_yt_playlist h3, .ce_headline.swoosh { font-size: 1.75rem; margin: 60px 0; letter-spacing: 0.175em; } } .mod_eventlist .month-title span.text, .ce_lafli_yt_playlist h1 span.text, .ce_lafli_yt_playlist h2 span.text, .ce_lafli_yt_playlist h3 span.text, .ce_headline.swoosh span.text { display: inline-block; padding: 0 50px; min-width: 340px; background: url(../../files/themes/davidgarrett/dist/img/swoosh-2.svg) no-repeat center; background-size: 340px auto; } .mod_newslist.music h2, .mod_article.bg-light .ce_headline, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h1, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h2, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h3, .mod_newslist.music ~ .mod_newslist.music h2, .mod_article.bg-light .ce_lafli_yt_playlist h1, .mod_article.bg-light .ce_lafli_yt_playlist h2, .mod_article.bg-light .ce_lafli_yt_playlist h3, .mod_article.bg-light .ce_headline.swoosh { color: #000; } .mod_rocksolid_slider.rs-slider-carousel .rsts-header h1 span.text, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h2 span.text, .mod_rocksolid_slider.rs-slider-carousel .rsts-header h3 span.text, .mod_newslist.music ~ .mod_newslist.music h2 span.text, .mod_article.bg-light .ce_lafli_yt_playlist h1 span.text, .mod_article.bg-light .ce_lafli_yt_playlist h2 span.text, .mod_article.bg-light .ce_lafli_yt_playlist h3 span.text, .mod_article.bg-light .ce_headline.swoosh span.text { display: inline-block; padding: 0 50px; min-width: 340px; background: url(../../files/themes/davidgarrett/dist/img/swoosh-2-light.svg) no-repeat center; background-size: 340px auto; } .mod_newslist.all .articles .layout_latest .image-headline-container .title, .layout_latest.carousel .title, .layout_latest.grid .title, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title, .ce_rsce_grid_boxes .title, .ce_rsce_expandable_boxes .headline, .ce_rsce_double_box_teaser .box .headline, .ce_rsce_double_box .box .headline, .ce_gallery > ul .caption > span { display: inline-block; margin: 0; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 3rem; font-weight: 500; letter-spacing: 1px; line-height: 1.1; } .mod_newslist.all .articles .layout_latest .image-headline-container .title > a, .layout_latest.carousel .title > a, .layout_latest.grid .title > a, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title > a, .ce_rsce_grid_boxes .title > a, .ce_rsce_expandable_boxes .headline > a, .ce_rsce_double_box_teaser .box .headline > a, .ce_rsce_double_box .box .headline > a, .ce_gallery > ul .caption > span > a, .mod_newslist.all .articles .layout_latest .image-headline-container .title > span, .layout_latest.carousel .title > span, .layout_latest.grid .title > span, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title > span, .ce_rsce_grid_boxes .title > span, .ce_rsce_expandable_boxes .headline > span, .ce_rsce_double_box_teaser .box .headline > span, .ce_rsce_double_box .box .headline > span, .ce_gallery > ul .caption > span > span { display: inline; padding: 0 7px; text-decoration: none; background: #fff; color: #000; box-decoration-break: clone; } @media screen and (max-width: 1440px) { .mod_newslist.all .articles .layout_latest .image-headline-container .title, .layout_latest.carousel .title, .layout_latest.grid .title, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title, .ce_rsce_grid_boxes .title, .ce_rsce_expandable_boxes .headline, .ce_rsce_double_box_teaser .box .headline, .ce_rsce_double_box .box .headline, .ce_gallery > ul .caption > span { font-size: 2.5rem; } } @media screen and (max-width: 980px) { .mod_newslist.all .articles .layout_latest .image-headline-container .title, .layout_latest.carousel .title, .layout_latest.grid .title, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title, .ce_rsce_grid_boxes .title, .ce_rsce_expandable_boxes .headline, .ce_rsce_double_box_teaser .box .headline, .ce_rsce_double_box .box .headline, .ce_gallery > ul .caption > span { font-size: 2rem; } } .layout_latest.carousel .text-container, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box, .ce_gallery > ul .caption { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; } .layout_latest.carousel .text-container > a, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box > a, .ce_gallery > ul .caption > a, .layout_latest.carousel .text-container > span, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box > span, .ce_gallery > ul .caption > span, .layout_latest.carousel .text-container > .title, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box > .title, .ce_gallery > ul .caption > .title { display: inline-block; max-width: calc(100% - 20px); margin: auto; } #header .mod_changelanguage li, #header .mod_customnav li { display: inline-block; margin-right: 25px; } #header .mod_changelanguage li a, #header .mod_customnav li a, #header .mod_changelanguage li strong, #header .mod_customnav li strong { display: inline-block; padding: 5px 0; font-family: "BigShouldersDisplay", sans-serif; font-weight: 500; font-size: 19px; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; color: #fff; transition: color 0.35s; } #header .mod_changelanguage li a:hover, #header .mod_customnav li a:hover, #header .mod_changelanguage li a:focus, #header .mod_customnav li a:focus, #header .mod_changelanguage li a.trail, #header .mod_customnav li a.trail, #header .mod_changelanguage li strong.active, #header .mod_customnav li strong.active { color: #c8c8c8; } .mod_newscategories, .mod_navigation.nav-buttons, .ce_rsce_buttons { margin-top: 150px; margin-bottom: 100px; } @media screen and (max-width: 720px) { .mod_newscategories, .mod_navigation.nav-buttons, .ce_rsce_buttons { margin-top: 60px; margin-bottom: 60px; } } .mod_newscategories ul, .mod_navigation.nav-buttons ul, .ce_rsce_buttons ul { display: flex; justify-content: space-between; } @media screen and (max-width: 640px) { .mod_newscategories ul, .mod_navigation.nav-buttons ul, .ce_rsce_buttons ul { flex-wrap: wrap; } } .mod_newscategories li, .mod_navigation.nav-buttons li, .ce_rsce_buttons li { flex: 1 0 0; margin-right: 20px; max-width: calc(50% - 10px); } @media screen and (max-width: 640px) { .mod_newscategories li, .mod_navigation.nav-buttons li, .ce_rsce_buttons li { flex: 0 0 auto; width: calc(50% - 10px); margin: 0 0 10px 0; } } .mod_newscategories li:last-child, .mod_navigation.nav-buttons li:last-child, .ce_rsce_buttons li:last-child { margin-right: 0px; } .mod_newscategories li a, .mod_navigation.nav-buttons li a, .ce_rsce_buttons li a, .mod_newscategories li strong, .mod_navigation.nav-buttons li strong, .ce_rsce_buttons li strong { display: block; padding: 10px; } .mod_socialmedia_links ul, .mod_newslist .pagination ul, #header .mod_changelanguage ul, .mod_customnav ul, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items, .ce_rsce_repertoire_element ul.links, .ce_gallery > ul, .mod_newscategories ul, .mod_navigation.nav-buttons ul, .ce_rsce_buttons ul { margin: 0; padding: 0; list-style: none; } .mod_newslist.music .articles .layout_latest .image_container, .mod_newslist.all .articles .layout_latest .image_container, .layout_latest.carousel .image_container, .layout_latest.grid .image_container, .ce_rsce_grid_boxes .image_container, .ce_rsce_expandable_boxes .image_container, .ce_rsce_double_box_teaser .box .image_container, .ce_gallery > ul .image_container { overflow: hidden; width: 100%; height: 100%; } .mod_newslist.music .articles .layout_latest .image_container img, .mod_newslist.all .articles .layout_latest .image_container img, .layout_latest.carousel .image_container img, .layout_latest.grid .image_container img, .ce_rsce_grid_boxes .image_container img, .ce_rsce_expandable_boxes .image_container img, .ce_rsce_double_box_teaser .box .image_container img, .ce_gallery > ul .image_container img { display: block; width: 100%; height: auto; transition: all 0.35s; } .mod_newslist.music .articles .layout_latest .image_container:hover img, .mod_newslist.all .articles .layout_latest .image_container:hover img, .layout_latest.carousel .image_container:hover img, .layout_latest.grid .image_container:hover img, .ce_rsce_grid_boxes .image_container:hover img, .ce_rsce_expandable_boxes .image_container:hover img, .ce_rsce_double_box_teaser .box .image_container:hover img, .ce_gallery > ul .image_container:hover img { transform: scale(1.05); } .mod_newslist.all .articles .layout_latest:hover .image_container img, .layout_latest.carousel:hover .image_container img, .layout_latest.grid:hover .image_container img, .ce_rsce_expandable_boxes .box:hover .image_container img, .ce_rsce_double_box_teaser .box:hover .image_container img { transform: scale(1.05); } .mod_newsreader .layout_full p.info, .mod_newsreader .layout_full .subheadline, .mod_newslist.music .articles .layout_latest p.info, .mod_newslist.all .articles .layout_latest p.info { color: #969696; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 14px; margin-bottom: 0; } .ce_text .text-container, .mod_newsreader .layout_full .content .ce_text .text-container, .mod_article.bg-light .ce_text .text-container { color: #fff; font-size: 1.125rem; line-height: 1.5; } .ce_text .text-container h3, .mod_newsreader .layout_full .content .ce_text .text-container h3, .mod_article.bg-light .ce_text .text-container h3 { text-transform: uppercase; } .ce_text .text-container p, .mod_newsreader .layout_full .content .ce_text .text-container p, .mod_article.bg-light .ce_text .text-container p { margin: 0 0 30px 0; } .ce_text .text-container a, .mod_newsreader .layout_full .content .ce_text .text-container a, .mod_article.bg-light .ce_text .text-container a { color: #fff; text-decoration: underline; } .mod_newsreader .layout_full .content .ce_text .text-container, .mod_article.bg-light .ce_text .text-container { color: #000; } .mod_newsreader .layout_full .content .ce_text .text-container a, .mod_article.bg-light .ce_text .text-container a { color: #000; } .mod_copyright p, .mod_newsletter_button p, #footer .mod_socialmedia_links p { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 0.875rem; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more, .mod_newslist.all .articles .layout_latest p.more { text-transform: uppercase; font-weight: 500; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a, .mod_newslist.all .articles .layout_latest p.more a { color: #000; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a, .mod_newslist.all .articles .layout_latest p.more a { text-decoration: none; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:after, .mod_newslist.all .articles .layout_latest p.more a:after { color: #000; font-size: 14px; margin-left: 10px; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:hover, .mod_newslist.all .articles .layout_latest p.more a:hover, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:focus, .mod_newslist.all .articles .layout_latest p.more a:focus, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:active, .mod_newslist.all .articles .layout_latest p.more a:active { color: #e50032; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:hover:after, .mod_newslist.all .articles .layout_latest p.more a:hover:after, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:focus:after, .mod_newslist.all .articles .layout_latest p.more a:focus:after, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:active:after, .mod_newslist.all .articles .layout_latest p.more a:active:after { color: #e50032; } .mod_newslist.grid, .ce_rsce_grid_boxes { position: relative; width: 100%; height: 0; padding-top: 57.5%; overflow: hidden; } @media screen and (max-width: 1080px) { .mod_newslist.grid, .ce_rsce_grid_boxes { padding: 0; height: auto; } } .mod_newslist.grid .articles, .ce_rsce_grid_boxes .boxes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; grid-gap: 0px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); } .mod_newslist.grid .articles > div:nth-child(1), .ce_rsce_grid_boxes .boxes > div:nth-child(1) { grid-column: 1/3; grid-row: 1/3; } .mod_newslist.grid .articles > div:nth-child(2), .ce_rsce_grid_boxes .boxes > div:nth-child(2) { grid-column: 3/4; grid-row: 1/2; } .mod_newslist.grid .articles > div:nth-child(3), .ce_rsce_grid_boxes .boxes > div:nth-child(3) { grid-column: 4/5; grid-row: 1/2; } .mod_newslist.grid .articles > div:nth-child(4), .ce_rsce_grid_boxes .boxes > div:nth-child(4) { grid-column: 3/5; grid-row: 2/2; } @media screen and (max-width: 1080px) { .mod_newslist.grid .articles, .ce_rsce_grid_boxes .boxes { position: static; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .mod_newslist.grid .articles > div, .ce_rsce_grid_boxes .boxes > div { grid-column: auto !important; grid-row: auto !important; } } @media screen and (max-width: 768px) { .mod_newslist.grid .articles, .ce_rsce_grid_boxes .boxes { display: block; } } .mod_c4g_maps .cc-module, .ce_lafli_yt_playlist .cc-module { max-width: 600px; padding: 30px; padding-top: 80px; margin: auto; color: #333; background: #fff; background-position: center 30px; background-repeat: no-repeat; background-size: 180px auto; font-size: 14px; text-align: center; line-height: 1.5; } @media screen and (max-width: 540px) { .mod_c4g_maps .cc-module, .ce_lafli_yt_playlist .cc-module { padding-top: 60px; padding-left: 20px; padding-right: 20px; background-size: 120px auto; } } .mod_c4g_maps .cc-module a, .ce_lafli_yt_playlist .cc-module a { color: #000; } .mod_cookiebarOpener a, .mod_cookiebarOpener a:visited, .mod_c4g_maps .cc-module button, .ce_lafli_yt_playlist .cc-module button { display: inline-block; cursor: pointer; padding: 8px 14px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; text-decoration: none; } /* Document : fonts.scss Author : laf.li digital */ @font-face { font-family: "BigShouldersDisplay"; src: url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Light-a7c0be2addb3a0266a643d21f936d876.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Light-2493497c14b62b1e6a4ff3a185edd7ff.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Light-47b959cd8a7fa31bb94e63bdd4aac437.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "BigShouldersDisplay"; src: url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Regular-9f1aac5b217f20f848488dd57d8dd1ad.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Regular-3e8cf8f81c8e4338e0368a7bb7f7d392.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Regular-3a287905ccc6189b5116d7e927812fcb.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "BigShouldersDisplay"; src: url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Medium-3bd23c7aa4ec10f30b08023dfcbaa120.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Medium-2a5e13d6c29dd56e0b92ce4bada1298f.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Medium-82581e3d9bdf82511575ff5f92e487df.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "BigShouldersDisplay"; src: url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Bold-5b261782063be1bebbdb0ebe8f9666ec.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Bold-ccd80183764db2006de5b3e2676b25c4.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/BigShouldersDisplay-Bold-cf541badd713abf770e0bf60d70ecb9d.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Regular-15d96c0b813b7c5323b2ec36d87fc5ab.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Regular-cecea2fa024fb098488607d5cc87e52e.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Regular-3cd786652b8a2e9d41f210cb1a527ff6.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Medium-e6e0b3911eadfe5cf2d6f691518096c9.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Medium-4c9f31a2f887baf92d89fb202dc49674.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Medium-e2d60bc49517598c0ce8b98f8d4e579f.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Bold-b9d4507772c2828afb29e1ab24462c2c.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Bold-29338c2c9c6dfd340002b883e48c4b7d.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/Montserrat-Bold-079ca05d3ded9bc107ab8a8da013be22.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "dage-icons"; src: url(../../files/themes/davidgarrett/dist/fonts/dage-icons-301c35348b2ddc12eadeb7c90639bc3e.woff2) format("woff2"), url(../../files/themes/davidgarrett/dist/fonts/dage-icons-ff33f66aa7a7ee53d3f004b5949c52cd.woff) format("woff"), url(../../files/themes/davidgarrett/dist/fonts/dage-icons-4af447150b0a4e4ee02026ef6f898911.ttf) format("truetype"); font-weight: 400; font-style: normal; } .dage-icon, .mod_socialmedia_links a:before, .mod_sibling_navigation_news a:before, .mod_sibling_navigation_news a:visited:before, .mod_rocksolid_slider .rsts-prev:before, .mod_rocksolid_slider .rsts-next:before, .ce_lafli_yt_playlist .slick-arrow:before, .ce_rsce_repertoire_element ul.links li > a:before, .ce_accordion .toggler:before, #cboxPrevious:before, #cboxNext:before, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:after, .mod_newslist.all .articles .layout_latest p.more a:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "dage-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook, .mod_socialmedia_links .facebook a:before { content: ""; color: #fff; } .icon-instagram, .mod_socialmedia_links .instagram a:before { content: ""; color: #fff; } .icon-spotify, .mod_socialmedia_links .spotify a:before { content: ""; color: #fff; } .icon-twitter, .mod_socialmedia_links .twitter a:before { content: ""; color: #fff; } .icon-youtube, .mod_socialmedia_links .youtube a:before { content: ""; color: #fff; } .icon-arrow, .mod_sibling_navigation_news a:before, .mod_sibling_navigation_news a:visited:before, .mod_rocksolid_slider .rsts-prev:before, .mod_rocksolid_slider .rsts-next:before, .ce_lafli_yt_playlist .slick-arrow:before, .ce_accordion .toggler:before, #cboxPrevious:before, #cboxNext:before, .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:after, .mod_newslist.all .articles .layout_latest p.more a:after { content: ""; color: #fff; } .icon-album, .ce_rsce_repertoire_element ul.links li > a.album:before { content: ""; color: #fff; } .icon-movie, .ce_rsce_repertoire_element ul.links li > a.dvd:before { content: ""; color: #fff; } .icon-book, .ce_rsce_repertoire_element ul.links li > a.notes:before { content: ""; color: #fff; } /* Document : layout.scss Author : laf.li digital */ * { box-sizing: border-box; } ::selection { color: #fff; background: #e50032; } :focus { outline: 0; } body { background: #fff; font-family: "Montserrat", sans-serif; } #header { position: fixed; z-index: 100; width: 100%; } #header .header-top { height: 135px; background: transparent; transition: all 0.35s; } #header .header-bottom { display: none; background: #c8c8c8; background: #e6e6e6; } #header .header-mobile { display: none; } #header.small .header-top { height: 80px; background-color: #000; } #header .header-mobile { background: #000; } #header .header-mobile #mobile-nav-toggle { position: absolute; top: 4px; right: 10px; width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; } #header .header-mobile #mobile-nav-toggle span.bar { display: block; height: 1px; width: 100%; background-color: #fff; margin: 3px 0 3px 10%; transition: transform 0.35s; } #header .header-mobile #mobile-nav-toggle span.bar:first-child { width: 80%; } #header .header-mobile #mobile-nav-toggle span.bar:last-child { width: 60%; } #header .header-mobile #mobile-nav-toggle.active span.bar { position: absolute; top: auto; bottom: auto; left: 20%; right: auto; margin: auto; } #header .header-mobile #mobile-nav-toggle.active span.bar:first-child { width: 60%; transform: rotate(45deg); } #header .header-mobile #mobile-nav-toggle.active span.bar:last-child { width: 60%; transform: rotate(-45deg); } #header #mobile-nav { min-height: 100%; position: fixed; width: 0; z-index: 1; top: 50px; right: 0; overflow: auto; background: #000; transition: 0.35s; } #header #mobile-nav.active { width: 100%; } @media screen and (max-width: 1080px) { #header .header-top, #header .header-bottom { display: none; } #header .header-mobile { display: block; } #header .lang-nl-menu { display: flex; justify-content: center; padding: 10px; margin-bottom: 20px; } } #main .mod_article { position: relative; } #main .mod_article.bg-white { background-color: #fff; } #main .mod_article.bg-black { background-color: #000; } #main .mod_article.bg-live { padding-bottom: 100px; } #main .mod_article.bg-live + .mod_article { z-index: 1; overflow: visible; } #main .mod_article.first:not(.last) { overflow: visible; } #main .mod_article.first:not(.last) > .inside { overflow: hidden; } #main .mod_article .article-image { position: absolute; width: 100%; left: 0; right: 0; margin: auto; } #main .mod_article .article-image img { width: 100%; } #main .mod_article.bg-news-headline .article-image, #main .mod_article.bg-news-headline .article-image .image_container, #main .mod_article.bg-news-headline .article-image img { height: 100%; } #main .mod_article.bg-news-headline .article-image img { object-fit: cover; } #main .mod_article.bg-news-more .article-image { max-width: 900px; left: -150px; top: 50px; } #main .mod_article.bg-news .article-image { max-width: 1000px; top: -150px; } #main .mod_article.bg-bio .article-image { max-width: 1300px; top: 30%; } #main .mod_article.bg-media .article-image { max-width: 900px; top: -50px; } #footer { background: #000 url(../../files/themes/davidgarrett/dist/img/grunge-newsletter.jpg) no-repeat center top; background-size: 100% auto; padding: 100px 0 30px 0; } #footer .footer-top, #footer .footer-bottom { display: flex; } #footer .footer-top .footer-left, #footer .footer-bottom .footer-left { flex-grow: 1; max-width: 70%; } #footer .footer-top .footer-right, #footer .footer-bottom .footer-right { width: 30%; } #footer .footer-top { margin-bottom: 160px; } #footer .footer-bottom .footer-right { border-left: 1px solid #969696; } #footer .footer-bottom .footer-right a { display: block; margin: 20px auto 20px auto; text-align: center; } #footer .footer-bottom .footer-right .logo-david-garrett { max-width: 100px; } #footer .footer-bottom .footer-right .logo-wb { max-width: 180px; } #footer .footer-bottom .footer-right .logo-plan-b { max-width: 150px; } @media screen and (max-width: 1280px) { #footer .footer-top { display: block; margin-bottom: 100px; } #footer .footer-top .footer-left, #footer .footer-top .footer-right { width: 100%; max-width: none; } #footer .footer-top .footer-right { margin-top: 60px; } } @media screen and (max-width: 980px) { #footer .footer-bottom { display: block; padding-bottom: 100px; } #footer .footer-bottom .footer-left, #footer .footer-bottom .footer-right { width: 100%; max-width: none; } #footer .footer-bottom .footer-right { border: 0; } } @media screen and (max-width: 640px) { #footer { padding-top: 60px; background-size: auto; } #footer .footer-bottom .footer-right { border-top: 1px solid #969696; padding-top: 40px; } } /* Document : colorbox.scss Author : laf.li digital */ #cboxOverlay { opacity: 0.5 !important; } #cboxCurrent { display: none !important; } #cboxContent { margin: 0; padding: 60px 80px; background: rgba(0, 0, 0, 0.8); } #cboxLoadedContent { border: 0; } #cboxTitle { position: absolute; top: auto; bottom: 30px; left: 0; width: 100%; text-align: center; float: none; } #cboxClose, #cboxPrevious, #cboxNext { background: none; line-height: 1; overflow: hidden; } #cboxClose:before, #cboxPrevious:before, #cboxNext:before { display: block; text-indent: 0; font-size: 25px; } #cboxPrevious, #cboxNext { margin-top: -12.5px; width: 25px; height: 25px; } #cboxPrevious:before, #cboxNext:before { color: #969696; } #cboxPrevious:hover:before, #cboxNext:hover:before { color: #fff; } #cboxPrevious { transform: rotate(180deg); left: 25px; } #cboxNext { right: 25px; } #cboxClose { width: 50px; height: 50px; right: 12.5px; } #cboxClose:before { content: "×"; color: #969696; font-size: 50px; } #cboxClose:hover:before { color: #fff; } @media screen and (max-width: 980px) { .contao-cookiebar:before { height: auto; } } .contao-cookiebar .cc-inner { max-width: 480px; } .contao-cookiebar .cc-head, .contao-cookiebar .cc-cookie-info { color: #444; font-size: 14px; } .contao-cookiebar .cc-head strong, .contao-cookiebar .cc-cookie-info strong { font-weight: 500; } .contao-cookiebar .cc-head p { margin-top: 0; } .contao-cookiebar .cc-head a, .contao-cookiebar .cc-head a:visited { color: #444; } .mod_cookiebarOpener a, .mod_cookiebarOpener a:visited { text-decoration: none !important; } .ce_text .mod_cookiebarOpener { max-width: none; padding: 0; } /* Document : ce_headline.scss Author : laf.li digital */ /* Document : ce_text.scss Author : laf.li digital */ .ce_text { margin-bottom: 30px; } .ce_text h1, .ce_text h2 { margin-top: 100px; max-width: 1024px; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 3rem; text-align: center; } @media screen and (max-width: 720px) { .ce_text h1, .ce_text h2 { font-size: 2.25rem; margin-top: 50px; } } .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6 { font-weight: 500; text-transform: uppercase; font-size: 20px; } h2.ce_headline + .ce_text { margin-top: -60px; } @media screen and (max-width: 720px) { h2.ce_headline + .ce_text { margin-top: -40px; } h2.ce_headline + .ce_text .text-container { font-size: 16px !important; } } .ce_text.quick-facts { margin-bottom: 100px; } .ce_text.quick-facts table tr, .ce_text.quick-facts table th, .ce_text.quick-facts table td { height: auto !important; } .ce_text.quick-facts table th, .ce_text.quick-facts table td { padding-bottom: 30px; } .ce_text.quick-facts table th { font-weight: 500; width: 40% !important; } .ce_text.quick-facts table td { width: auto !important; } @media screen and (max-width: 540px) { .ce_text.quick-facts table tr { display: flex; flex-direction: column; } .ce_text.quick-facts table th { padding-bottom: 5px; } .ce_text.quick-facts table th, .ce_text.quick-facts table td { width: 100% !important; } } /* Document : ce_hyperlink.scss Author : laf.li digital */ .ce_hyperlink { margin: 40px auto 100px auto; text-align: center; position: relative; z-index: 1; } @media screen and (max-width: 980px) { .ce_hyperlink { margin: 0px auto 60px auto; } } .mod_eventlist + .ce_hyperlink { margin-top: -50px; } /* Document : ce_image.scss Author : laf.li digital */ .ce_image { margin: 0 auto 30px auto; } .ce_image .image_container { text-align: center; } /* Document : ce_youtube.scss Author : laf.li digital */ .ce_youtube h2 { font-weight: 500; text-transform: uppercase; font-size: 20px; text-align: center; } .ce_youtube .video_container { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; margin: 0 auto 30px auto; } .ce_youtube .video_container > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; border: 0; } .ce_player { margin-bottom: 20px; } .mejs__container { width: 100% !important; height: auto !important; padding-top: 56.25%; } .mejs__overlay, .mejs__poster { width: 100% !important; height: 100% !important; } .mejs__mediaelement video, .mejs__mediaelement .me__plugin, .mejs__mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /* Document : ce_gallery.scss Author : laf.li digital */ .ce_gallery { padding: 0 30px; margin-bottom: 60px; } .ce_gallery > ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; } @media screen and (max-width: 980px) { .ce_gallery > ul { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 720px) { .ce_gallery > ul { grid-template-columns: repeat(2, 1fr); } } .ce_gallery > ul li { float: none; position: relative; } .ce_gallery > ul .caption > span { font-size: 2rem; opacity: 0; transition: all 0.35s; } .ce_gallery > ul li a:hover .caption > span { opacity: 1; } /* Document : ce_accordion.scss Author : laf.li digital */ .ce_accordion { background: #000; padding-top: 40px; padding-bottom: 40px; padding-bottom: 20px; } .ce_accordion + .ce_accordion { padding-top: 0px; } .ce_accordion .toggler { position: relative; padding: 10px 0 30px 0; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; cursor: pointer; } .ce_accordion .toggler, .ce_accordion .toggler:before { color: #c8c8c8; transition: all 0.35s; } .ce_accordion .toggler:before { position: absolute; right: 0; } .ce_accordion .toggler:hover, .ce_accordion .toggler:hover:before, .ce_accordion .toggler.active, .ce_accordion .toggler.active:before { color: #fff; } .ce_accordion .toggler.active:before { transform: rotate(90deg); } .ce_accordion .accordion { margin-bottom: 40px; } /* Document : ce_rsce_double_box.scss Author : laf.li digital */ .ce_rsce_double_box .boxes, .ce_rsce_double_box_teaser .boxes { display: flex; } @media screen and (max-width: 768px) { .ce_rsce_double_box .boxes, .ce_rsce_double_box_teaser .boxes { display: block; } } .ce_rsce_double_box .box, .ce_rsce_double_box_teaser .box { position: relative; width: 50%; } @media screen and (max-width: 768px) { .ce_rsce_double_box .box, .ce_rsce_double_box_teaser .box { width: 100%; } } .ce_rsce_double_box .box img, .ce_rsce_double_box_teaser .box img { display: block; width: 100%; } .ce_rsce_double_box .box .headline { font-size: 4rem; position: absolute; width: 100%; top: 40px; left: 40px; } @media screen and (max-width: 1440px) { .ce_rsce_double_box .box .headline { font-size: 3.5rem; } } @media screen and (max-width: 1200px) { .ce_rsce_double_box .box .headline { font-size: 3rem; } } @media screen and (max-width: 980px) { .ce_rsce_double_box .box .headline { font-size: 2.5rem; } } @media screen and (max-width: 768px) { .ce_rsce_double_box .box .headline { font-size: 3.5rem; } } @media screen and (max-width: 540px) { .ce_rsce_double_box .box .headline { font-size: 3rem; } } @media screen and (max-width: 480px) { .ce_rsce_double_box .box .headline { font-size: 2.5rem; top: 20px; left: 20px; } } .ce_rsce_double_box .box .button-container { position: absolute; bottom: 30px; left: 50%; } @media screen and (max-width: 1080px) { .ce_rsce_double_box .box .button-container { left: 0; right: 0; margin: auto; width: calc(100% - 40px); text-align: center; } } .ce_rsce_double_box_teaser .box .headline { position: absolute; bottom: 30px; left: 30px; } /* Document : ce_rsce_header_element.scss Author : laf.li digital */ .ce_rsce_header_element { position: relative; } .ce_rsce_header_element .image-container, .ce_rsce_header_element picture { height: 80vh; width: 100%; display: block; } @media screen and (max-width: 1280px) { .ce_rsce_header_element .image-container, .ce_rsce_header_element picture { height: 60vh; } } .ce_rsce_header_element .image-container img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .ce_rsce_header_element .image-container:after { display: none; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); } @media screen and (max-width: 720px) { .ce_rsce_header_element .image-container:after { display: block; } } .ce_rsce_header_element .text-container { position: absolute; left: 0; right: 0; top: 45%; display: flex; flex-direction: column; justify-content: center; top: 0; height: 100%; } @media screen and (max-width: 720px) { .ce_rsce_header_element .text-container { top: auto; bottom: 5vh; text-align: center; display: block; height: auto; } } .ce_rsce_header_element.fullscreen .image-container, .ce_rsce_header_element.fullscreen picture { height: 100vh; } @media screen and (max-width: 720px) { .ce_rsce_header_element.fullscreen .text-container { text-align: left; bottom: 15vh; } } /* Document : ce_rsce_separator_img.scss Author : laf.li digital */ .ce_rsce_separator_img { position: relative; } .ce_rsce_separator_img .image-container, .ce_rsce_separator_img picture { height: 80vh; width: 100%; display: block; } @media screen and (max-width: 980px) { .ce_rsce_separator_img .image-container, .ce_rsce_separator_img picture { height: 60vh; } } @media screen and (max-width: 980px) { .ce_rsce_separator_img .image-container, .ce_rsce_separator_img picture { height: 60vh; } } @media screen and (max-width: 480px) { .ce_rsce_separator_img .image-container, .ce_rsce_separator_img picture { height: 30vh; } } .ce_rsce_separator_img .image-container img { width: 100%; height: 100%; object-fit: cover; } /* Document : ce_rsce_repertoire_element.scss Author : laf.li digital */ .ce_rsce_repertoire_element { display: flex; align-items: center; min-height: 85px; background: #fff; padding: 20px; margin-bottom: 10px; transition: all 0.35s; } @media screen and (max-width: 980px) { .ce_rsce_repertoire_element { flex-direction: column; align-items: initial; justify-content: center; min-height: 68px; padding: 10px 20px; } } .ce_rsce_repertoire_element:hover { background-color: #c8c8c8; } .ce_rsce_repertoire_element .info-container { flex-grow: 1; } @media screen and (max-width: 980px) { .ce_rsce_repertoire_element .info-container { flex: initial; } } .ce_rsce_repertoire_element .info-container p { line-height: 1.5; } .ce_rsce_repertoire_element .info-container p.title { font-weight: bold; margin: 0; } .ce_rsce_repertoire_element .info-container p.info { margin: 0; } .ce_rsce_repertoire_element ul.links li { display: block; float: left; margin-left: 10px; } @media screen and (max-width: 980px) { .ce_rsce_repertoire_element ul.links li { margin: 10px 10px 0 0; } } .ce_rsce_repertoire_element ul.links li > a { background: #000; border-radius: 50%; display: block; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .ce_rsce_repertoire_element ul.links li > a, .ce_rsce_repertoire_element ul.links li > a:visited { color: #000; text-decoration: none; } .ce_rsce_repertoire_element ul.links li > a span.text { display: none; } .ce_rsce_repertoire_element ul.links li > a.album:before { font-size: 26px; } /* Document : ce_rsce_tracklist_element.scss Author : laf.li digital */ .ce_rsce_tracklist_element { display: flex; align-items: center; padding: 20px; margin-bottom: 10px; background: #fff; } .ce_rsce_tracklist_element .track-num-container { width: 60px; } .ce_rsce_tracklist_element .track-num-container:before { counter-increment: accordion-counter; content: counter(accordion-counter, decimal-leading-zero); } .ce_rsce_tracklist_element .track-info-container p { margin: 0; line-height: 1.5; } .ce_rsce_tracklist_element p.track-title { font-weight: bold; } .ce_rsce_tracklist_element p.track-feature { font-style: italic; font-size: 0.9375rem; } /* Document : _ce_rsce_expandable_boxes.scss Author : laf.li digital */ .ce_rsce_expandable_boxes .item-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } @media screen and (max-width: 980px) { .ce_rsce_expandable_boxes .item-wrapper { grid-gap: 20px; } } @media screen and (max-width: 640px) { .ce_rsce_expandable_boxes .item-wrapper { display: block; } } .ce_rsce_expandable_boxes .box { position: relative; overflow: hidden; } @media screen and (max-width: 640px) { .ce_rsce_expandable_boxes .box { margin-bottom: 30px; } } .ce_rsce_expandable_boxes .headline { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); } @media screen and (max-width: 720px) { .ce_rsce_expandable_boxes .headline { left: 20px; width: calc(100% - 40px); } } .ce_rsce_expandable_boxes .box:hover img, .ce_rsce_expandable_boxes .box.active img { filter: grayscale(100%); } .ce_rsce_expandable_boxes .extra-content-container { background: black; } .ce_rsce_expandable_boxes .extra-content-container .extra-content { position: relative; display: none; margin-top: 60px; } @media screen and (max-width: 720px) { .ce_rsce_expandable_boxes .extra-content-container .extra-content > .inside { padding: 0; } } .ce_rsce_expandable_boxes .extra-content-container .extra-content > .inside:after { content: " "; display: block; width: 32px; height: 32px; background: #000; position: absolute; top: -16px; left: calc(100% * 1/6 + 6px); transform: rotateZ(45deg); } .ce_rsce_expandable_boxes .extra-content-container .extra-content ~ .extra-content .inside:after { left: calc(50% - 12px); } .ce_rsce_expandable_boxes .extra-content-container .extra-content ~ .extra-content ~ .extra-content .inside:after { left: calc(100% * 5/6 - 30px); } .ce_rsce_expandable_boxes .extra-content-container span.close { display: block; font-size: 50px; position: absolute; top: 15px; right: 20px; cursor: pointer; color: #fff; } .ce_rsce_expandable_boxes.bg-repertoire .extra-content-container { background: #000 url(../../files/themes/davidgarrett/dist/img/grunge-repertoire.jpg) no-repeat; background-size: 100%; } .ce_rsce_expandable_boxes.bg-repertoire .extra-content-container .ce_accordion { background: none; } /* Document : ce_rsce_grid_boxes.scss Author : laf.li digital */ .ce_rsce_grid_boxes .box { position: relative; overflow: hidden; } .ce_rsce_grid_boxes .image_container, .ce_rsce_grid_boxes .image_container a, .ce_rsce_grid_boxes .image_container img { display: block; width: 100%; height: 100%; } .ce_rsce_grid_boxes .image_container img { object-fit: cover; } .ce_rsce_grid_boxes .title { position: absolute; bottom: 30px; left: 30px; max-width: calc(100% - 30px); font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; } @media screen and (max-width: 540px) { .ce_rsce_grid_boxes .title { left: 20px; max-width: calc(100% - 20px); } } /* Document : ce_rsce_buttons.scss Author : laf.li digital */ .ce_rsce_buttons { margin-top: 20px; margin-bottom: 40px; } .ce_rsce_buttons h2 { font-weight: 500; text-transform: uppercase; font-size: 1rem; } /* Document : ce_lafli_yt_playlist.scss Author : laf.li digital */ .ce_lafli_yt_playlist { position: relative; } .ce_lafli_yt_playlist .double-bounce1, .ce_lafli_yt_playlist .double-bounce2 { background-color: #fff; } .ce_lafli_yt_playlist .lafli-yt-playlist { display: block !important; } .ce_lafli_yt_playlist .lafli-yt-playlist .player-box { width: 100%; margin-bottom: 30px; background: transparent; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-box { width: 100%; position: relative; overflow: auto; background: #000; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-height-container { position: static; width: auto; height: auto; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items { padding: 50px 30px; overflow: hidden; cursor: grab; } @media screen and (max-width: 720px) { .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items { padding-left: 20px; padding-right: 20px; } } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item { position: relative; display: block; margin: 0 30px 0 0; } @media screen and (max-width: 980px) { .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item { margin-right: 20px; } } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .image-box { width: auto !important; margin: 0 !important; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-box { padding: 0; } @media screen and (max-width: 980px) { .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box { display: none; } } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title { font-size: 2rem; opacity: 0; transition: all 0.35s; } @media screen and (max-width: 1600px) { .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box .title { font-size: 22px; } } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-descr-box p { display: none; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item .content-meta-box { display: none; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item { display: block; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item img.thumb { border: 3px solid #000; transition: 0.35s; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item.active img.thumb { border-color: #e50032; } .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item:hover .title, .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-items .playlist-item.active .title { opacity: 1; } .ce_lafli_yt_playlist .slick-arrow { position: absolute; top: 0; right: 40px; width: auto; height: auto; transform: none; } .ce_lafli_yt_playlist .slick-arrow:before { font-size: 25px; opacity: 1 !important; color: #c8c8c8; } .ce_lafli_yt_playlist .slick-arrow:hover:before { color: #fff; } .ce_lafli_yt_playlist .slick-prev { left: auto; right: 100px; transform: rotate(180deg); } .ce_lafli_yt_playlist .slick-list.dragging, .ce_lafli_yt_playlist .slick-list.draggable:active:hover { cursor: grabbing; } .mod_article.bg-light .ce_lafli_yt_playlist .double-bounce1, .mod_article.bg-light .ce_lafli_yt_playlist .double-bounce2 { background-color: #000; } .mod_article.bg-light .ce_lafli_yt_playlist .lafli-yt-playlist .playlist-box { background: #fff; } .mod_article.bg-light .ce_lafli_yt_playlist .slick-arrow:before { color: #c8c8c8; } .mod_article.bg-light .ce_lafli_yt_playlist .slick-arrow:hover:before { color: #000; } .ce_lafli_yt_playlist .cc-module { position: absolute; top: 50%; left: 0; right: 0; background-image: url("/bundles/contaocookiebar/images/youtube.png"); } @media screen and (max-width: 540px) { .ce_lafli_yt_playlist .cc-module { top: 40%; } } /* Document : mod_customnav.scss Author : laf.li digital */ .mod_customnav#nav-main-left, .mod_customnav#nav-main-right { position: absolute; top: 23px; } .mod_customnav#nav-main-left { left: 40px; } .mod_customnav#nav-main-right { right: 110px; text-align: right; } @media screen and (max-width: 1200px) { .mod_customnav#nav-main-right { right: 80px; } } #header .mod_customnav#nav-main-mobile { text-align: center; padding: 40px 20px; } @media (max-height: 640px) { #header .mod_customnav#nav-main-mobile { padding-top: 20px; padding-bottom: 20px; } } @media (orientation: landscape) { #header .mod_customnav#nav-main-mobile { max-width: 480px; margin: auto; } } #header .mod_customnav#nav-main-mobile li { margin: 0; } @media (orientation: portrait) { #header .mod_customnav#nav-main-mobile li { display: block; } } #header .mod_customnav#nav-main-mobile li a, #header .mod_customnav#nav-main-mobile li strong { font-size: 1.5rem; padding: 10px; color: #969696; } @media (max-height: 640px) { #header .mod_customnav#nav-main-mobile li a, #header .mod_customnav#nav-main-mobile li strong { padding: 8px; } } #header .mod_customnav#nav-main-mobile li a:hover, #header .mod_customnav#nav-main-mobile li a:focus, #header .mod_customnav#nav-main-mobile li a:active, #header .mod_customnav#nav-main-mobile li a.trail, #header .mod_customnav#nav-main-mobile li strong.active { color: #fff; } #footer .mod_customnav a, #footer .mod_customnav a:visited, #footer .mod_customnav strong { color: #fff; display: inline-block; text-transform: uppercase; text-decoration: none; font-weight: 400; font-size: 0.875rem; letter-spacing: 2px; transition: all 0.35s; } #footer .mod_customnav a:hover, #footer .mod_customnav a:focus, #footer .mod_customnav a:active, #footer .mod_customnav strong.active { color: #c8c8c8; } #footer .mod_customnav.nav-pages { margin-bottom: 160px; } @media screen and (max-width: 980px) { #footer .mod_customnav.nav-pages { margin-bottom: 60px; } } #footer .mod_customnav.nav-pages ul { display: grid; grid-row-gap: 10px; grid-column-gap: 30px; grid-template-columns: repeat(3, 150px); grid-template-rows: repeat(3, 30px); grid-auto-flow: column; } @media screen and (max-width: 640px) { #footer .mod_customnav.nav-pages ul { grid-template-columns: repeat(3, 1fr); } } #footer .mod_customnav.nav-legal { position: absolute; bottom: 20px; left: 285px; } @media screen and (max-width: 980px) { #footer .mod_customnav.nav-legal { left: auto; right: 40px; bottom: 0; } } @media screen and (max-width: 640px) { #footer .mod_customnav.nav-legal { bottom: 34px; left: 0; right: 0; margin: auto; width: 100%; text-align: center; } } #footer .mod_customnav.nav-legal li { margin-right: 30px; display: inline-block; } @media screen and (max-width: 980px) { #footer .mod_customnav.nav-legal li { margin-right: 0; margin-left: 30px; } } @media screen and (max-width: 640px) { #footer .mod_customnav.nav-legal li { margin-right: 15px; margin-left: 15px; } } #footer .mod_customnav.nav-legal a, #footer .mod_customnav.nav-legal a:visited, #footer .mod_customnav.nav-legal strong { color: #969696; } #footer .mod_customnav.nav-legal a:hover, #footer .mod_customnav.nav-legal a:focus, #footer .mod_customnav.nav-legal a:active, #footer .mod_customnav.nav-legal strong.active { color: #fff; } /* Document : mod_navigation.scss Author : laf.li digital */ /* Document : mod_changelanguage.scss Author : laf.li digital */ #header .mod_changelanguage { position: absolute; top: 28px; right: 30px; width: 40px; overflow: hidden; border-left: 1px solid #fff; } @media screen and (max-width: 1080px) { #header .mod_changelanguage { display: none; } } #header .mod_changelanguage ul { display: flex; align-items: center; width: 200%; } #header .mod_changelanguage li { margin: 0; width: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; } #header .mod_changelanguage li a, #header .mod_changelanguage li strong { padding: 0; } #header .mod_changelanguage li a:hover, #header .mod_changelanguage li a:focus, #header .mod_changelanguage li a:active, #header .mod_changelanguage li strong.active { color: #fff; } #header .mod_changelanguage ul:hover li { cursor: pointer; transform: translateX(-100%); } #header #mobile-nav .mod_changelanguage { position: static; width: auto; border-left: none; border-right: 1px solid #969696; padding-right: 10px; margin-right: 10px; } @media screen and (max-width: 1080px) { #header #mobile-nav .mod_changelanguage { display: block; } } #header #mobile-nav .mod_changelanguage ul { width: auto; } #header #mobile-nav .mod_changelanguage ul li { width: auto; } #header #mobile-nav .mod_changelanguage ul li a, #header #mobile-nav .mod_changelanguage ul li strong { color: #969696; font-size: 18px; } #header #mobile-nav .mod_changelanguage ul li a:hover, #header #mobile-nav .mod_changelanguage ul li a:focus, #header #mobile-nav .mod_changelanguage ul li a:active, #header #mobile-nav .mod_changelanguage ul li strong.active { color: #fff; } #header #mobile-nav .mod_changelanguage ul:hover li { transform: none; } /* Document : mod_newslist.scss Author : laf.li digital */ .layout_latest.grid { position: relative; } .layout_latest.grid .image_container, .layout_latest.grid .image_container a, .layout_latest.grid .image_container img { display: block; width: 100%; height: 100%; } .layout_latest.grid .image_container img { object-fit: cover; object-position: 50% top; } .layout_latest.grid .text-container { position: absolute; bottom: 30px; left: 30px; right: 30px; } @media screen and (max-width: 720px) { .layout_latest.grid .text-container { left: 20px; right: 20px; bottom: 20px; } } .layout_latest.grid p.info { display: inline-block; margin: 0 0 7px 0; padding: 7px 7px 5px 7px; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.375rem; background: #969696; color: #fff; letter-spacing: 1px; } @media screen and (max-width: 1440px) { .layout_latest.grid p.info { font-size: 1.25rem; } } .mod_newslist.grid .articles > div:nth-child(1) .text-container, .mod_newslist.grid .articles > div:nth-child(4) .text-container { max-width: 60%; } .layout_latest.carousel { position: relative; margin: 0 0 0 30px; border: 3px solid #000; } @media screen and (max-width: 640px) { .layout_latest.carousel { margin-left: 10px; border: 1px solid #000; } } .layout_latest.carousel .image_container img { object-fit: cover; } .layout_latest.carousel .title { font-size: 2rem; opacity: 0; transition: all 0.35s; } @media screen and (max-width: 980px) { .layout_latest.carousel .title { opacity: 1; } } .layout_latest.carousel:hover .title { opacity: 1; } .rs-slider-carousel.music .layout_latest.carousel .title, .rs-slider-carousel.music .layout_latest.carousel:hover .title { opacity: 0 !important; } .mod_newslist.all .articles { display: flex; flex-wrap: wrap; justify-content: space-between; } @media screen and (max-width: 768px) { .mod_newslist.all .articles { display: block; } } .mod_newslist.all .articles .layout_latest { width: calc(50% - 10px); margin-bottom: 40px; } @media screen and (max-width: 768px) { .mod_newslist.all .articles .layout_latest { width: 100%; } } .mod_newslist.all .articles .layout_latest .image-headline-container { position: relative; } .mod_newslist.all .articles .layout_latest .image-headline-container .title { position: absolute; left: 30px; right: 30px; bottom: 30px; } @media screen and (max-width: 768px) { .mod_newslist.all .articles .layout_latest .image-headline-container .title { font-size: 3rem; } } @media screen and (max-width: 640px) { .mod_newslist.all .articles .layout_latest .image-headline-container .title { font-size: 2.5rem; } } @media screen and (max-width: 540px) { .mod_newslist.all .articles .layout_latest .image-headline-container .title { left: 20px; right: 20px; bottom: 20px; font-size: 2.25rem; } } .mod_newslist.all .articles .layout_latest .text-container { line-height: 1.5; font-size: 18px; } .mod_newslist.all .articles .layout_latest p.more a:after { color: #000; } .mod_newslist.music h2 { margin-top: 0; } .mod_newslist.music .articles { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } @media screen and (max-width: 980px) { .mod_newslist.music .articles { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 540px) { .mod_newslist.music .articles { grid-gap: 20px; } } .mod_newslist.music .articles .layout_latest { margin-bottom: 30px; } .mod_newslist.music .articles .layout_latest .image_container { height: auto; } .mod_newslist.music .articles .layout_latest .image_container img { width: 100%; } .mod_newslist.music .articles .layout_latest .title { font-family: "BigShouldersDisplay", sans-serif; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 2px; text-align: center; font-weight: 500; margin: 20px 0 10px; } @media screen and (max-width: 1200px) { .mod_newslist.music .articles .layout_latest .title { font-size: 2rem; } } @media screen and (max-width: 540px) { .mod_newslist.music .articles .layout_latest .title { font-size: 1.5rem; } } .mod_newslist.music .articles .layout_latest .title a, .mod_newslist.music .articles .layout_latest .title a:visited { color: #000; text-decoration: none; } .mod_newslist.music .articles .layout_latest p.info { text-align: center; margin-top: 10px; } .mod_newslist .pagination { position: relative; width: 100%; margin: 40px 0 100px 0; text-align: center; } .mod_newslist .pagination p { margin: 0; position: relative; top: 34px; display: inline-block; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 3px; font-weight: 500; } @media screen and (max-width: 640px) { .mod_newslist .pagination p { top: 0; margin-bottom: 20px; } } .mod_newslist .pagination li:not(.next):not(.previous) { display: none; } .mod_newslist .pagination li.previous { float: left; } .mod_newslist .pagination li.next { float: right; } @media screen and (max-width: 1280px) { .mod_newsreader .image-container.title-img, .mod_newsreader .image-container.title-img picture { min-height: 450px; } } @media screen and (max-width: 720px) { .mod_newsreader .image-container.title-img, .mod_newsreader .image-container.title-img picture { height: 20vh; min-height: 360px; } } @media screen and (max-width: 540px) { .mod_newsreader .image-container.title-img, .mod_newsreader .image-container.title-img picture { height: 30vh; min-height: 280px; } } .mod_newsreader .image-container.title-img img { filter: blur(20px); transform: scale(1.05); } .mod_newsreader .layout_full { position: relative; overflow: visible; padding: 180px 0 40px 0; background-color: #fff; } @media screen and (max-width: 540px) { .mod_newsreader .layout_full { padding-top: 110px; } } .mod_newsreader .layout_full .image-container.news-img { position: absolute; top: -420px; z-index: 1; left: 0; right: 0; margin: auto; text-align: center; } .mod_newsreader .layout_full .image-container.news-img img { width: auto; } @media screen and (max-width: 1280px) { .mod_newsreader .layout_full .image-container.news-img { max-width: 420px; max-height: 420px; top: -300px; } } @media screen and (max-width: 720px) { .mod_newsreader .layout_full .image-container.news-img { max-width: 320px; max-height: 320px; top: -200px; } } @media screen and (max-width: 540px) { .mod_newsreader .layout_full .image-container.news-img { max-width: 240px; max-height: 240px; top: -180px; } } .mod_newsreader .layout_full .title { font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 3rem; text-align: center; font-weight: 500; margin: 0 auto 30px auto; } @media screen and (max-width: 980px) { .mod_newsreader .layout_full .title { font-size: 2.5rem; } } @media screen and (max-width: 480px) { .mod_newsreader .layout_full .title { font-size: 2rem; } } .mod_newsreader .layout_full p.info, .mod_newsreader .layout_full .subheadline { text-align: center; margin-top: 10px; margin-bottom: 10px; } .mod_newsreader p.back { display: none; } .mod_newsreader .layout_full.music { background: #fff url(../../files/themes/davidgarrett/dist/img/bg-music-light.jpg) no-repeat center top; } .mod_newsreader .layout_full.music p.info, .mod_newsreader .layout_full.music .subheadline { color: #000; font-weight: 700; } .mod_newsreader .layout_full .content { margin-top: 40px; } .mod_newsreader .layout_full .content .ce_text .text-container { padding: 0; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more { margin-left: 10px; text-transform: none; } .mod_newsreader .layout_full .content .ce_text .text-container span.expand-more a:after { color: #000; } .mod_newsreader .layout_full .content .ce_accordion { margin-top: 80px; counter-reset: accordion-counter; background: #000 url(../../files/themes/davidgarrett/dist/img/grunge-short.jpg) no-repeat center top; background-size: 100% auto; } .mod_newsreader .layout_full .content .ce_accordion ~ .ce_accordion { background: #000; } .mod_newsreader .layout_full .content .ce_accordion ~ .ce_accordion { margin-top: 0; } /* Document : mod_eventlist.scss Author : laf.li digital */ .mod_eventlist { padding-bottom: 100px; } .mod_eventlist .layout_list { display: flex; margin-bottom: 5px; padding: 20px; background: #fff; } .mod_eventlist .layout_list.active, .mod_eventlist .layout_list:hover { background-color: #c8c8c8; } .mod_eventlist .layout_list > div { padding: 0 20px; } .mod_eventlist .layout_list .date-info { align-self: center; flex-shrink: 0; padding: 0 20px; width: 140px; text-align: center; } .mod_eventlist .layout_list .date-info time span { display: block; } .mod_eventlist .layout_list .date-info .weekday, .mod_eventlist .layout_list .date-info .year { text-transform: uppercase; font-weight: 500; letter-spacing: 2px; font-size: 1rem; } .mod_eventlist .layout_list .date-info .day-and-month { margin: 5px 0 3px 0; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 2.5rem; font-weight: 500; } .mod_eventlist .layout_list .event-info { flex-grow: 1; } .mod_eventlist .layout_list .event-info .title { margin: 12px 0 15px; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; font-size: 2.5rem; font-weight: 500; } .mod_eventlist .layout_list .event-info .location { text-transform: uppercase; letter-spacing: 2px; font-size: 1rem; font-weight: 500; margin: 0; } .mod_eventlist .layout_list .details.mobile { display: none; } .mod_eventlist .layout_list .details .flex-wrapper { display: flex; } .mod_eventlist .layout_list .details .teaser { margin-top: 30px; font-weight: 500; } .mod_eventlist .layout_list .details .teaser p { margin: 0; line-height: 1.25; } .mod_eventlist .layout_list .details .partner, .mod_eventlist .layout_list .details .program { margin-right: 40px; } .mod_eventlist .layout_list .details .partner h4, .mod_eventlist .layout_list .details .partner p, .mod_eventlist .layout_list .details .program h4, .mod_eventlist .layout_list .details .program p { margin: 10px 0; } .mod_eventlist .layout_list .event-type-info { width: 130px; flex-shrink: 0; text-align: center; } .mod_eventlist .layout_list .event-actions { margin-top: 25px; display: flex; align-items: baseline; } .mod_eventlist .layout_list .event-actions button.info, .mod_eventlist .layout_list .event-actions a.tickets { width: 150px; } .mod_eventlist .layout_list .event-actions button.info:hover, .mod_eventlist .layout_list .event-actions button.info:focus, .mod_eventlist .layout_list .event-actions a.tickets:hover, .mod_eventlist .layout_list .event-actions a.tickets:focus { background-color: #969696; border-color: #969696; color: #000; } .mod_eventlist .layout_list .event-actions button.info { margin-right: 20px; } .mod_eventlist .layout_list.active .event-actions button.info { background-color: #969696; border-color: #969696; color: #000; } @media screen and (max-width: 1200px) { .mod_eventlist .layout_list .date-info .day-and-month { font-size: 2.25rem; } .mod_eventlist .layout_list .event-info .title { font-size: 2.25rem; } } @media screen and (max-width: 1080px) { .mod_eventlist .layout_list > div { padding: 0 10px; } .mod_eventlist .layout_list .date-info { align-self: auto; padding: 0 10px; } .mod_eventlist .layout_list .date-info .day-and-month { font-size: 2rem; } .mod_eventlist .layout_list .event-info .title { font-size: 2rem; } } @media screen and (max-width: 980px) { .mod_eventlist .layout_list { flex-wrap: wrap; padding: 20px 10px; } .mod_eventlist .layout_list .date-info { width: 110px; } .mod_eventlist .layout_list .date-info .day-and-month { font-size: 2.25rem; } .mod_eventlist .layout_list .event-info { max-width: calc(100% - 200px); } .mod_eventlist .layout_list .event-info .title { font-size: 2.25rem; } .mod_eventlist .layout_list .event-type-info { width: 90px; } .mod_eventlist .layout_list .details { display: none; } .mod_eventlist .layout_list .details.mobile { flex-basis: 100%; display: block; } .mod_eventlist .layout_list .event-actions { flex-basis: 100%; } } @media screen and (max-width: 980px) and (max-width: 980px) { .mod_eventlist .layout_list .event-actions button.info, .mod_eventlist .layout_list .event-actions a.tickets { width: 50%; } } @media screen and (max-width: 640px) { .mod_eventlist .layout_list .date-info .weekday, .mod_eventlist .layout_list .date-info .year { font-size: 0.875rem; } .mod_eventlist .layout_list .date-info .day-and-month { font-size: 1.75rem; } .mod_eventlist .layout_list .event-info .title { font-size: 1.75rem; margin: 0px 0 5px; } .mod_eventlist .layout_list .event-info .location { font-size: 0.875rem; } .mod_eventlist .layout_list .event-info .details { font-size: 0.875rem; } .mod_eventlist .layout_list .event-info .details .flex-wrapper { display: block; } .mod_eventlist .layout_list .event-info .details .teaser { margin: 20px 0 10px; } .mod_eventlist .layout_list .event-info .details .partner, .mod_eventlist .layout_list .event-info .details .program { margin-right: 0; } .mod_eventlist .layout_list .event-info .details .partner h4, .mod_eventlist .layout_list .event-info .details .partner p, .mod_eventlist .layout_list .event-info .details .program h4, .mod_eventlist .layout_list .event-info .details .program p { margin: 5px 0; } .mod_eventlist .layout_list .event-actions button.info { margin-right: 10px; } } /* Document : mod_c4g_maps.scss Author : laf.li digital */ .mod_c4g_maps { top: -100px; margin-bottom: -100px; } .mod_c4g_maps .c4g-control-container-top-left { top: auto; left: auto; bottom: 30px; right: 30px; height: auto; } .mod_c4g_maps .c4g-control-container-bottom-left { bottom: 30px; left: 30px; } .mod_c4g_maps .ol-overlay-container.ol-selectable { top: -30px; left: -8px; } .mod_c4g_maps .ol-selectable div.c4g-active.c4g-popup-wrapper { border: 0; border-radius: 0; padding: 20px; } @media screen and (max-width: 768px) { .mod_c4g_maps .ol-selectable div.c4g-active.c4g-popup-wrapper { padding: 15px 10px 10px 10px; } } .mod_c4g_maps .c4g-popup-content .title.de, .mod_c4g_maps .c4g-popup-content .time.de { display: none; } .mod_c4g_maps .c4g-popup-content p { margin: 0; } .mod_c4g_maps .c4g-popup-content .title { margin: 0; font-weight: 500; font-size: 18px; } .mod_c4g_maps .c4g-popup-content .datetime { font-weight: 700; font-size: 1rem; } .mod_c4g_maps .c4g-popup-content p.more a { margin-top: 10px; padding-left: 40px; padding-right: 40px; } .mod_c4g_maps .c4g-popup-content .other-dates .title { margin-top: 10px; } .mod_c4g_maps .c4g-popup-content .other-dates a { text-decoration: none; } .mod_c4g_maps .c4g-popup-content .other-dates a:hover, .mod_c4g_maps .c4g-popup-content .other-dates a:focus, .mod_c4g_maps .c4g-popup-content .other-dates a:active { text-decoration: underline; } html:lang(de) .mod_c4g_maps .c4g-popup-content .time.de { display: inline; } html:lang(de) .mod_c4g_maps .c4g-popup-content .time.en { display: none; } html:lang(de) .mod_c4g_maps .c4g-popup-content .title.de { display: block; } html:lang(de) .mod_c4g_maps .c4g-popup-content .title.en { display: none; } @media screen and (max-width: 768px) { .mod_c4g_maps .c4g_map { height: 50vh !important; } } .mod_c4g_maps .cc-module { background-image: url(../../files/themes/davidgarrett/dist/img/mapbox-logo.png); } @media screen and (max-width: 768px) { .mod_c4g_maps .cc-module { position: absolute; top: 0; left: 0; right: 0; margin: auto; } } /* Document : mod_rocksolid_slider.scss Author : laf.li digital */ .mod_rocksolid_slider .rsts-prev, .mod_rocksolid_slider .rsts-next { display: block; height: 100%; width: 105px; top: 0; bottom: auto; font-size: 25px; background: none; box-shadow: none; border: 0; text-indent: 0; } @media screen and (max-width: 1600px) { .mod_rocksolid_slider .rsts-prev, .mod_rocksolid_slider .rsts-next { display: none; } } .mod_rocksolid_slider .rsts-prev:before, .mod_rocksolid_slider .rsts-next:before { display: none; position: relative; top: 50%; transform: translateY(-50%); color: #fff; } .mod_rocksolid_slider .rsts-prev:hover, .mod_rocksolid_slider .rsts-next:hover { background: none; } .mod_rocksolid_slider .rsts-prev:hover::before, .mod_rocksolid_slider .rsts-next:hover::before { display: block; } .mod_rocksolid_slider .rsts-prev .rsts-prev-label, .mod_rocksolid_slider .rsts-prev .rsts-next-label, .mod_rocksolid_slider .rsts-next .rsts-prev-label, .mod_rocksolid_slider .rsts-next .rsts-next-label { display: block; text-indent: -99999px; } .mod_rocksolid_slider .rsts-prev { right: auto; left: 0; transform: rotate(180deg); } @media screen and (max-width: 720px) { .mod_rocksolid_slider .rsts-prev { left: 20px; } } .mod_rocksolid_slider .rsts-next { right: 0; } @media screen and (max-width: 720px) { .mod_rocksolid_slider .rsts-next { right: 20px; } } .mod_rocksolid_slider .rsts-nav-bullets { position: absolute; left: 0; right: 0; display: none; } @media screen and (max-width: 1600px) { .mod_rocksolid_slider .rsts-nav-bullets { display: block; } } .mod_rocksolid_slider .rsts-nav-bullets a { box-shadow: none; width: 8px; height: 8px; background: #969696; } .mod_rocksolid_slider .rsts-nav-bullets a:hover, .mod_rocksolid_slider .rsts-nav-bullets a.active { box-shadow: none; background: #fff; } .mod_rocksolid_slider.rs-slider-intro { height: 100vh; } .mod_rocksolid_slider.rs-slider-testimonial { position: relative; width: 100%; height: 0; padding-top: 41.5%; overflow: hidden; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #e50032; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-crop { position: static; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-slides, .mod_rocksolid_slider.rs-slider-testimonial .rsts-slide, .mod_rocksolid_slider.rs-slider-testimonial .rsts-slide > div { width: 100%; height: 100%; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-nav-bullets a:hover, .mod_rocksolid_slider.rs-slider-testimonial .rsts-nav-bullets a.active { background: #000; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial { height: 100%; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; font-family: "BigShouldersDisplay", sans-serif; text-transform: uppercase; text-align: center; font-weight: 500; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial { width: calc(100% - 200px); max-width: 1400px; font-size: 3.75rem; letter-spacing: 1px; line-height: 1.1; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial p { margin: 0; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial strong { font-weight: 500; color: #fff; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container p.source { position: absolute; bottom: 50px; width: 100%; margin: 0; font-size: 2rem; letter-spacing: 4px; color: #fff; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container p.source span.text { display: inline-block; padding: 0 50px; background: url(../../files/themes/davidgarrett/dist/img/swoosh-3.svg) no-repeat center; background-size: 130px auto; } @media screen and (max-width: 1440px) { .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial { font-size: 3rem; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container p.source { font-size: 1.5rem; bottom: 20px; } } @media screen and (max-width: 980px) { .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial { font-size: 2.25rem; } } @media screen and (max-width: 768px) { .mod_rocksolid_slider.rs-slider-testimonial { padding: 0; height: auto; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-crop, .mod_rocksolid_slider.rs-slider-testimonial .rsts-slides, .mod_rocksolid_slider.rs-slider-testimonial .rsts-slide, .mod_rocksolid_slider.rs-slider-testimonial .rsts-slide > div { width: 100%; height: auto; margin: 0 !important; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-view { position: relative; padding-bottom: 50px; } .mod_rocksolid_slider.rs-slider-testimonial .rsts-nav-bullets { text-align: center; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container { display: block; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial { padding: 50px 0; font-size: 2rem; margin: auto; } .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container p.source { position: relative; } } @media screen and (max-width: 720px) { .mod_rocksolid_slider.rs-slider-testimonial .ce_rsce_slide_element_testimonial .text-container .testimonial { width: calc(100% - 40px); } } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial { display: flex; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial > div { width: 50%; flex-grow: 1; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .image-container img { display: block; width: 100%; height: 100%; object-fit: cover; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container .testimonial { max-width: none; width: 100%; padding: 0 100px; } @media screen and (max-width: 1440px) { .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container .testimonial { padding: 0 50px; font-size: 2.5rem; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container p.source { font-size: 1.75rem; bottom: 30px; } } @media screen and (max-width: 980px) { .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container .testimonial { padding: 0 25px; font-size: 2rem; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container p.source { font-size: 1.125rem; bottom: 20px; } } @media screen and (max-width: 768px) { .mod_rocksolid_slider.rs-slider-testimonial.with-img { padding: 0; height: auto; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .rsts-crop, .mod_rocksolid_slider.rs-slider-testimonial.with-img .rsts-slides, .mod_rocksolid_slider.rs-slider-testimonial.with-img .rsts-slide, .mod_rocksolid_slider.rs-slider-testimonial.with-img .rsts-slide > div { width: 100%; height: auto; margin: 0 !important; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .rsts-view { position: relative; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial { display: block; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial > div { width: 100%; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container { display: block; padding: 50px 0; } .mod_rocksolid_slider.rs-slider-testimonial.with-img .ce_rsce_slide_element_testimonial .text-container p.source { margin-top: 40px; position: static; font-size: 1.125rem; bottom: 20px; } } .mod_rocksolid_slider.rs-slider-carousel { overflow: visible; margin-bottom: 150px; } @media screen and (max-width: 720px) { .mod_rocksolid_slider.rs-slider-carousel { margin-bottom: 80px; } } .mod_rocksolid_slider.rs-slider-carousel .rsts-prev, .mod_rocksolid_slider.rs-slider-carousel .rsts-next { bottom: auto; top: -135px; width: auto; height: auto; } @media screen and (max-width: 1600px) { .mod_rocksolid_slider.rs-slider-carousel .rsts-prev, .mod_rocksolid_slider.rs-slider-carousel .rsts-next { display: block !important; } } @media screen and (max-width: 768px) { .mod_rocksolid_slider.rs-slider-carousel .rsts-prev, .mod_rocksolid_slider.rs-slider-carousel .rsts-next { display: none !important; } } .mod_rocksolid_slider.rs-slider-carousel .rsts-prev:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-next:before { display: block; color: #c8c8c8; transform: none; top: 0; } .mod_rocksolid_slider.rs-slider-carousel .rsts-prev:hover:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-prev:focus:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-prev:active:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-next:hover:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-next:focus:before, .mod_rocksolid_slider.rs-slider-carousel .rsts-next:active:before { color: #000; } .mod_rocksolid_slider.rs-slider-carousel .rsts-prev { left: auto; right: 100px; } .mod_rocksolid_slider.rs-slider-carousel .rsts-next { right: 40px; } /* .ce_headline + .mod_rocksolid_slider.rs-slider-carousel { .rsts-prev, .rsts-next { bottom: auto; top: -135px; } } */ /* Document : mod_sibling_navigation.scss Author : laf.li digital */ .mod_sibling_navigation_news a, .mod_sibling_navigation_news a:visited { color: #fff; text-decoration: none; font-size: 25px; } .mod_sibling_navigation_news a span.label, .mod_sibling_navigation_news a:visited span.label { display: none; } .mod_sibling_navigation_news a:hover, .mod_sibling_navigation_news:focus, .mod_sibling_navigation_news:active { background: none; } .mod_sibling_navigation_news a:hover:before, .mod_sibling_navigation_news:focus:before, .mod_sibling_navigation_news:active:before { color: #000; } .mod_sibling_navigation_news .sibling-prev, .mod_sibling_navigation_news .sibling-next { position: absolute; top: 37vh; z-index: 10; } @media screen and (max-width: 1280px) { .mod_sibling_navigation_news .sibling-prev, .mod_sibling_navigation_news .sibling-next { top: 29vh; } } @media screen and (max-width: 720px) { .mod_sibling_navigation_news .sibling-prev, .mod_sibling_navigation_news .sibling-next { top: 25vh; } } @media screen and (max-width: 540px) { .mod_sibling_navigation_news .sibling-prev, .mod_sibling_navigation_news .sibling-next { top: 150px; } } .mod_sibling_navigation_news .sibling-prev { right: 30px; } @media screen and (max-width: 540px) { .mod_sibling_navigation_news .sibling-prev { right: 10px; } } .mod_sibling_navigation_news .sibling-next { left: 30px; } @media screen and (max-width: 540px) { .mod_sibling_navigation_news .sibling-next { left: 10px; } } .mod_sibling_navigation_news .sibling-next { transform: rotate(180deg); } /* Document : mod_cfg_instagram.scss Author : laf.li digital */ .mod_cfg_instagram { padding-bottom: 100px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } @media screen and (max-width: 980px) { .mod_cfg_instagram { grid-template-columns: repeat(2, 1fr); padding-bottom: 60px; } .mod_cfg_instagram .item:last-child { display: none; } } @media screen and (max-width: 540px) { .mod_cfg_instagram { grid-gap: 20px; padding-bottom: 40px; } } .mod_cfg_instagram .item img { border: 3px solid #000; } /* Document : mod_header_logo.scss Author : laf.li digital */ .mod_header_logo { width: 195px; margin: auto; padding: 30px 20px; background: url(../../files/themes/davidgarrett/dist/img/swoosh-1.svg) center no-repeat; background-size: 100%; text-align: center; transition: all 0.35s; } .mod_header_logo a, .mod_header_logo img { display: block; color: #fff; } .mod_header_logo a, .mod_header_logo a:visited { color: #fff; } #header.small .mod_header_logo { width: 134px; padding: 17.5px 20px; background: none; } .mod_header_logo_mobile { width: 132px; margin: auto; padding: 16px 5px 14px 5px; text-align: center; } /* Document : mod_socialmedia_links.scss Author : laf.li digital */ .mod_socialmedia_links li { display: inline-block; margin-right: 30px; } @media screen and (max-width: 1440px) { .mod_socialmedia_links li { margin-right: 20px; } } @media screen and (max-width: 980px) { .mod_socialmedia_links li { margin-right: 10px; } } .mod_socialmedia_links a { font-size: 2.5rem; text-decoration: none; } .mod_socialmedia_links a > span { display: none; } .mod_socialmedia_links a:before { transition: all 0.35s; } #header .mod_socialmedia_links { width: 100%; padding: 9px 0; } #header .mod_socialmedia_links p { display: none; } #header .mod_socialmedia_links ul { text-align: center; } #header .mod_socialmedia_links a { display: block; font-size: 30px; height: 30px; position: relative; top: 1px; } #header .mod_socialmedia_links a:before { color: #000; border-radius: 50%; } #header .mod_socialmedia_links a:hover:before { background-color: #fff; } @media (min-height: 640px) and (orientation: portrait) { #mobile-nav .mod_socialmedia_links { position: absolute; bottom: 60px; } } #mobile-nav .mod_socialmedia_links a:before { color: #fff; background-color: #000; } #mobile-nav .mod_socialmedia_links a:hover:before, #mobile-nav .mod_socialmedia_links a:focus:before, #mobile-nav .mod_socialmedia_links a:active:before { background-color: #000; } #footer .mod_socialmedia_links p { margin: 0 0 20px 0; } #footer .mod_socialmedia_links a:hover:before { color: #c8c8c8; } /* Document : mod_newsletter_button.scss Author : laf.li digital */ .mod_newsletter_button p { margin: 0 0 20px 0; } #mobile-nav .mod_newsletter_button a { padding: 0; background: none; color: #969696; font-size: 18px; } #mobile-nav .mod_newsletter_button a:hover, #mobile-nav .mod_newsletter_button a:focus, #mobile-nav .mod_newsletter_button a:active { color: #fff; } /* Document : mod_copyright.scss Author : laf.li digital */ .mod_copyright { position: absolute; left: 40px; bottom: 20px; } @media screen and (max-width: 980px) { .mod_copyright { bottom: 0; } } @media screen and (max-width: 640px) { .mod_copyright { width: 100%; left: 0; text-align: center; } } .mod_copyright p { color: #969696; margin: 0; }