/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ce7962abd4f248eddfd8a57a6cf20654) * Config saved to config.json and https://gist.github.com/ce7962abd4f248eddfd8a57a6cf20654 *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:SinewsSansPro;font-size:18px;line-height:1.35;color:#000;background-color:#e0e1dc}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#00607c;text-decoration:none}a:hover,a:focus{color:#002530;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.35;background-color:#e0e1dc;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:24px;margin-bottom:24px;border:0;border-top:1px solid #fff}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:740px}}@media (min-width:992px){.container{width:940px}}@media (min-width:1200px){.container{width:1180px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} .col-xx-1, .col-xx-2, .col-xx-3, .col-xx-4, .col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8, .col-xx-9, .col-xx-10, .col-xx-11, .col-xx-12 { position:relative; min-height:1px; padding-left:10px; padding-right:10px; } .col-xx-1, .col-xx-2, .col-xx-3, .col-xx-4, .col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8, .col-xx-9, .col-xx-10, .col-xx-11, .col-xx-12 { float:left; } @media (max-width: 479px) { .col-xx-12 { width:100%; } .col-xx-11 { width:91.66666667%; } .col-xx-10 { width:83.33333333%; } .col-xx-9 { width:75%; } .col-xx-8 { width:66.66666667%; } .col-xx-7 { width:58.33333333%; } .col-xx-6 { width:50%; } .col-xx-5 { width:41.66666667%; } .col-xx-4 { width:33.33333333%; } .col-xx-3 { width:25%; } .col-xx-2 { width:16.66666667%; } .col-xx-1 { width:8.33333333%; } .col-xx-pull-12 { right:100%; } .col-xx-pull-11 { right:91.66666667%; } .col-xx-pull-10 { right:83.33333333%; } .col-xx-pull-9 { right:75%; } .col-xx-pull-8 { right:66.66666667%; } .col-xx-pull-7 { right:58.33333333%; } .col-xx-pull-6 { right:50%; } .col-xx-pull-5 { right:41.66666667%; } .col-xx-pull-4 { right:33.33333333%; } .col-xx-pull-3 { right:25%; } .col-xx-pull-2 { right:16.66666667%; } .col-xx-pull-1 { right:8.33333333%; } .col-xx-pull-0 { right:auto; } .col-xx-push-12 { left:100%; } .col-xx-push-11 { left:91.66666667%; } .col-xx-push-10 { left:83.33333333%; } .col-xx-push-9 { left:75%; } .col-xx-push-8 { left:66.66666667%; } .col-xx-push-7 { left:58.33333333%; } .col-xx-push-6 { left:50%; } .col-xx-push-5 { left:41.66666667%; } .col-xx-push-4 { left:33.33333333%; } .col-xx-push-3 { left:25%; } .col-xx-push-2 { left:16.66666667%; } .col-xx-push-1 { left:8.33333333%; } .col-xx-push-0 { left:auto; } .col-xx-offset-12 { margin-left:100%; } .col-xx-offset-11 { margin-left:91.66666667%; } .col-xx-offset-10 { margin-left:83.33333333%; } .col-xx-offset-9 { margin-left:75%; } .col-xx-offset-8 { margin-left:66.66666667%; } .col-xx-offset-7 { margin-left:58.33333333%; } .col-xx-offset-6 { margin-left:50%; } .col-xx-offset-5 { margin-left:41.66666667%; } .col-xx-offset-4 { margin-left:33.33333333%; } .col-xx-offset-3 { margin-left:25%; } .col-xx-offset-2 { margin-left:16.66666667%; } .col-xx-offset-1 { margin-left:8.33333333%; } .col-xx-offset-0 { margin-left:0; } } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xx-1, .col-xx-2, .col-xx-3, .col-xx-4, .col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8, .col-xx-9, .col-xx-10, .col-xx-11, .col-xx-12 { margin-bottom: 20px; /*float: left;*/ } .col-lg-1 p:last-child, .col-lg-2 p:last-child, .col-lg-3 p:last-child, .col-lg-4 p:last-child, .col-lg-5 p:last-child, .col-lg-6 p:last-child, .col-lg-7 p:last-child, .col-lg-8 p:last-child, .col-lg-9 p:last-child, .col-lg-10 p:last-child, .col-lg-11 p:last-child, .col-lg-12 p:last-child, .col-md-1 p:last-child, .col-md-2 p:last-child, .col-md-3 p:last-child, .col-md-4 p:last-child, .col-md-5 p:last-child, .col-md-6 p:last-child, .col-md-7 p:last-child, .col-md-8 p:last-child, .col-md-9 p:last-child, .col-md-10 p:last-child, .col-md-11 p:last-child, .col-md-12 p:last-child, .col-sm-1 p:last-child, .col-sm-2 p:last-child, .col-sm-3 p:last-child, .col-sm-4 p:last-child, .col-sm-5 p:last-child, .col-sm-6 p:last-child, .col-sm-7 p:last-child, .col-sm-8 p:last-child, .col-sm-9 p:last-child, .col-sm-10 p:last-child, .col-sm-11 p:last-child, .col-sm-12 p:last-child, .col-xs-1 p:last-child, .col-xs-2 p:last-child, .col-xs-3 p:last-child, .col-xs-4 p:last-child, .col-xs-5 p:last-child, .col-xs-6 p:last-child, .col-xs-7 p:last-child, .col-xs-8 p:last-child, .col-xs-9 p:last-child, .col-xs-10 p:last-child, .col-xs-11 p:last-child, .col-xs-12 p:last-child, .col-xx-1 p:last-child, .col-xx-2 p:last-child, .col-xx-3 p:last-child, .col-xx-4 p:last-child, .col-xx-5 p:last-child, .col-xx-6 p:last-child, .col-xx-7 p:last-child, .col-xx-8 p:last-child, .col-xx-9 p:last-child, .col-xx-10 p:last-child, .col-xx-11 p:last-child, .col-xx-12 p:last-child { margin-bottom: 0; } .row { clear: both; } /*! jQuery UI - v1.12.1 - 2016-12-05 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em} /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23FFFFFF&fcHighlight=%23FFFFFF&borderColorHighlight=%230ea6d2&bgTextureHighlight=flat&bgColorHighlight=%230ea6d2&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%2300607c&bgTextureActive=flat&bgColorActive=%2300607c&iconColorHover=%23FFFFFF&fcHover=%23FFFFFF&borderColorHover=%2300607c&bgTextureHover=flat&bgColorHover=%2300607c&iconColorDefault=%230c0f10&fcDefault=%230c0f10&borderColorDefault=%23bec7ca&bgTextureDefault=flat&bgColorDefault=%23FFFFFF&iconColorContent=%230c0f10&fcContent=%230c0f10&borderColorContent=%23bec7ca&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%230c0f10&fcHeader=%230c0f10&borderColorHeader=%23bec7ca&bgTextureHeader=flat&bgColorHeader=%23FFFFFF&cornerRadius=0&fwDefault=normal&fsDefault=1em&ffDefault=SinewsSansPro */ /* Component containers ----------------------------------*/ .ui-widget { font-family: SinewsSansPro; font-size: 1em; } .ui-widget { -webkit-box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin: 0; padding: 0; position: relative; top: 0; left:0; } .ui-datepicker th { font-weight: 300; font-variant:small-caps; text-transform: lowercase; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: SinewsSansPro; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #bec7ca; } .ui-widget-content { border: 1px solid #bec7ca; background: #ffffff; color: #0c0f10; } .ui-widget-content a { color: #0c0f10; } .ui-widget-header { border: none background: #FFFFFF; color: #0c0f10; font-weight: 200; } .ui-widget-header a { color: #0c0f10; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #bec7ca; background: #FFFFFF; font-weight: normal; color: #0c0f10; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #0c0f10; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #00607c; background: #00607c; font-weight: normal; color: #FFFFFF; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #FFFFFF; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #00607c; background: #00607c; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #00607c; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #0ea6d2; background: #0ea6d2; color: #FFFFFF; } .ui-state-checked { border: 1px solid #0ea6d2; background: #0ea6d2; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #FFFFFF; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_0c0f10_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_0c0f10_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_FFFFFF_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_FFFFFF_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_0c0f10_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .selectbox { color:black; float: none; position: relative; border:1px solid #bec7ca; } .selectbox { z-index:100; position: relative; min-width: 50px; -webkit-transition: min-width 0.25s ease-out; -moz-transition: min-width 0.25s ease-in-out; -o-transition: min-width 0.25s ease-in-out; transition: min-width 0.25s ease-out; } .selectbox.open { z-index: 1000; min-width: 220px; } .selectbox.underlaying { position: absolute; top: 0; left: 0; z-index: -1; border-color:transparent; } .selectbox.underlaying .selectbox-title { display:none; } .selectbox-content { height:1px; width:100%; background-color:transparent; top: 0; box-sizing: content-box; padding-top: 30px; max-height: 20em; border:1px solid #bec7ca; border-bottom:none; margin-left: -1px; margin-top: -1px; } .mCSB_scrollTools { filter: none !important; opacity: 0 !important; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-out; } .expansion-done .mCSB_scrollTools { opacity: 1 !important; } .mCSB_outside + .mCSB_scrollTools { top: 30px; } .selectbox-content:after { content: ''; position: relative; display: block; width: 100%; clear: both; } .selectbox-title { color:black; height: 100%; float: none; width:auto; padding:3px 54px 3px 10px; background-color:white; cursor:pointer; position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-out; } .selectbox:hover .selectbox-title, .selectbox.open .selectbox-title { /*background-color:#00607c;*/ } .selectbox-title-inner { height:30px; float: none; cursor:pointer; position: relative; overflow: hidden; } .selectbox-title span { position: absolute; top: 0; line-height: 1.7em; left: 0; float: none; width: 100%; overflow:hidden; white-space:nowrap; opacity:1; transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-in-out; } .selectbox ul.selectable-list { width: 100%; background-color: white; } ul.selectable-list li { text-indent: 0; line-height:20px; cursor:pointer; color: black; width:100%; padding:8px 10px; min-height:20px; border-top: #bec7ca solid 1px; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-in-out; } ul.selectable-list li span { display: block; text-indent: -20px; padding-left: 20px; padding-right: 24px; } ul.selectable-list li:hover { color: white; background-color:#00607c; } ul.selectable-list li:before { float: none; padding: 0; width:0; content:""; } ul.selectable-list li { } ul.selectable-list li:first-child, ul.selectable-list li.hidden:first-child+li, ul.selectable-list li.default-option+li.hidden+li { border-top: none; } ul.selectable-list li:last-child, ul.selectable-list li+li.hidden:last-child { border-bottom: none; } .required ul.selectable-list li.default-option+li { border-top: none; } .required .selectbox li.default-option { display: none; } .selectbox.open .selectbox-content { -webkit-box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.35); } .selectbox-content-inner { margin:0; background-color:white; } .selectbox-arrow-down, .selectbox-arrow-up { position: absolute; width: 36px; height: 36px; z-index: 101; top: 0px; right: 4px; cursor: pointer; background: url(../img/accordionArrows.png) no-repeat right -93px; transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-in-out; } .selectbox-arrow-up { background: url(../img/accordionArrows.png) no-repeat right -319px; opacity: 0; filter:alpha(opacity=0); } .selectbox.open .selectbox-arrow-down { opacity: 0; filter:alpha(opacity=0); } .selectbox.open .selectbox-arrow-up { opacity: 1; filter:alpha(opacity=100); } input[type="text"].select-suggest-input { opacity: 0; position: relative; z-index: 2000; background-color: transparent; margin-left: -10px; margin-top: 0px; margin-bottom: 0; transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-in-out; } .selectbox.open .select-suggest-input { opacity: 1; } .selectbox.suggest.open .selectbox-title-inner>span:first-child { opacity: 0; } .selectbox-title-inner :placeholder { color: #dddddd; } .selectbox-title-inner ::-webkit-input-placeholder { color: #dddddd; } .selectbox-title-inner :-moz-placeholder { color: #dddddd; opacity: 1; } .selectbox-title-inner ::-moz-placeholder { color: #dddddd; opacity: 1; } .selectbox-title-inner :-ms-input-placeholder { color: #dddddd; } .selectbox.custom-selectbox-centered { text-align: center; } .selectbox.custom-selectbox-dark { border-color:transparent; } .custom-selectbox-dark .selectbox-title { color:white; background-color:#3e4344; } .selectbox.custom-selectbox-dark:hover .selectbox-title, .selectbox.custom-selectbox-dark.open .selectbox-title { /*background-color:#00607c;*/ } .selectbox.custom-selectbox-dark ul.selectable-list { background-color: #3e4344; } .custom-selectbox-dark .selectable-list li { color: white; } .custom-selectbox-dark .selectable-list li:hover { color: white; background-color:#00607c; } .custom-selectbox-dark .selectbox-content-inner { background-color:#3e4344; } .custom-selectbox-dark .selectbox-title-inner :placeholder { color: #dddddd; } .custom-selectbox-dark .selectbox-title-inner ::-webkit-input-placeholder { color: #dddddd; } .custom-selectbox-dark .selectbox-title-inner :-moz-placeholder { color: #dddddd; opacity: 1; } .custom-selectbox-dark .selectbox-title-inner ::-moz-placeholder { color: #dddddd; opacity: 1; } .custom-selectbox-dark .selectbox-title-inner :-ms-input-placeholder { color: #dddddd; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 1px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* overrides */ .mCSB_outside + .mCSB_scrollTools { right: -10px; } .mCSB_inside > .mCSB_container { margin-right: 0; } .mCSB_inside .mCSB_scrollTools .mCSB_draggerContainer { right: -10px; } .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background-color: #FFFFFF; -ms-filter: none; filter: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background-color: #919b9d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #00607c; -ms-filter: none; filter: none; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #00607c; -ms-filter: none; filter: none; } ul, ol, li { list-style: none; margin:0; padding: 0; } h1,h2,h3,h4,h5,h6 { margin: 0; } nav, nav ul, nav li { display: block; float: left; } a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; color:inherit; } button { border:none; background-color: transparent; } /* * jQuery FlexSlider v2.6.3 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .flexslider { margin: 0; background: #fff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .clone2 { position: absolute; } #slideController { display: table; width: 100%; height: 6px; z-index: 1000; position: relative; } .flex-control-nav { position: relative; bottom: 0; } .flex-control-paging { display: table-row; text-align: center; background-color: #303435; } .flex-control-paging li { display: table-cell; zoom: 1; width: 1060px; line-height: 1px; } .flex-control-paging li+li:before { content:''; display: block; position: absolute; margin-top: 1px; height: 5px; width: 1px; background-color: #555755; } .flex-control-paging li a { margin-left: 1px; height: 6px; width: 100%; background: #00607c; opacity: 0; position: relative; display: block; float: left; cursor: pointer; text-indent: -9999px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .flex-control-paging li a:after { content: ''; display: block; top: -11px; position: absolute; height: 30px; width: 100%; } .flex-control-paging li a:hover { opacity: 1; background: #00607c; } .flex-control-paging li a.flex-active { opacity: 1; background: #00607c; } .flex-direction-nav a:before, .flex-pauseplay a:before { font-family: ''; } .flex-direction-nav { display: none; } .flex-viewport { -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; } .flexslider li { overflow: hidden; height: 100%; } .flexslider li a { display: block; } #startSlider * { } #startSlider { position: relative; margin-top: -1em; margin-bottom: 2.5em; } #bigStartSlider { width: 100%; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #bigStartSlider figcaption, #bigStartSlider a.slide-link { display: none; } #bigStartSlider:before { content: ''; top: -4.08%; left: -3.38%; display: block; position: absolute; width: 100%; height: 100%; background: url(/ccds_tpl_img/fkp2017/sliderShadow.png) no-repeat; background-size: 100% 100%; background-position: center; z-index: 110; padding: 2.08% 3.38% 2.82% 3.38%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #bigStartSlider .flexslider { margin-left: -26px; width: calc(100% + 26px); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 120; } #smallStartSliderLeft .flex-viewport:before, #smallStartSliderRight .flex-viewport:before { content: ''; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg); background-position: 0px -500px; display: block; position: absolute; left: -40%; margin-left: -100px; top: 50%; margin-top: -200px; z-index: 200; width: 200px; height: 300px; opacity: 0.65; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -ms-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } #smallStartSliderRight .flex-viewport:before { left: auto; right: -40%; margin-left: 0; margin-right: -100px; background-position: -200px -500px; } #smallStartSliderLeft:hover .flex-viewport:before, #smallStartSliderRight:hover .flex-viewport:before { opacity: 1; } #smallStartSliderLeft, #smallStartSliderRight { cursor: pointer; position: absolute; overflow: hidden; top: 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; left:0; width: calc(100vw/2 - 1160px/2); z-index: 100; padding: 20px 0 50px 0; } #smallStartSliderLeft:before, #smallStartSliderRight:before { content:''; display: block; top: 20px; left: -20px; position: absolute; width: calc(100vw/2 - 1160px/2 + 40px); height: calc(100% - 70px); -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.7); box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.7); } #smallStartSliderRight:before { left: auto; right:-20px; } #smallStartSliderLeft { padding-left: calc(100vw/2 - 1160px/2); left: calc(-100vw/2 + 1160px/2); } #smallStartSliderRight { left: auto; right: calc(-100vw/2 + 1160px/2); padding-right: calc(100vw/2 - 1160px/2); } .small-start-slider { width: calc(100vw/2 - 1160px/2); } .small-start-slider li { overflow: hidden; } .small-start-slider figure { width: 936px; min-width: 200px; } .small-start-slider .flex-viewport { overflow: visible !important; } .small-start-slider .slides { height: 100%; overflow: hidden; } #smallStartSliderRight .flex-viewport li:first-child { /*margin-left: -936px;*/ } span.slide-flap, .small-start-slider h2 span.slider-location { display: none; } #startSliderTitleFlap { pointer-events: none; position: absolute; left: -20px; top: 0; height: 100%; overflow: hidden; width: 26px; z-index: 130; } #startSliderTitleFlapText { display: inline-block; color:white; font-size: 20px; letter-spacing: 0.1em; font-variant: small-caps; text-transform: lowercase; } #startSliderTitleFlapText span { display: inline-block; white-space: nowrap; height: 26px; padding: 0 20px; margin-top: 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 0 0; } #bigStartSliderEdgeCanvas, #bigStartSliderEdgeGradientCanvas { pointer-events: none; position: absolute; z-index: 120; top:0; left: -26px; } #bigStartSliderEdgeGradientCanvas { z-index: 121; } .small-start-slider .slides { background-color: #0c0f10; } .small-start-slider figure:before { content: ''; position: absolute; width: 100%; height: 100%; background: #0c0f10; mix-blend-mode: multiply; opacity: 0.5; } .flexslider figure { position: relative; overflow: hidden; height: 100%; } .flexslider figcaption, #sliderCaption { position: absolute; width: 100%; display: table; bottom: 0px; height: 115px; padding: 15px 20px 15px 30px; background-color: rgba(255, 255, 255, .9); color:black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 140; } #sliderCaption { bottom: 6px; } #sliderCaption h1, #sliderCaption span.slider-headline { display: table-cell; width: auto; padding-right: 20px; margin-top: 0.1em; color: #00607c; border-right: 1px solid #00607c; vertical-align: middle; font-size: 2.667em; font-weight: 200; } #sliderCaption h2, #sliderCaption span.slider-subline { font-weight: 200; font-size: 1.777em; line-height: 1.2em; width: 35%; padding-left: 20px; display: table-cell; vertical-align: middle; margin-right: 10px; } #sliderCaptionInner { display: table-row; } #fullscreenSlider .flex-viewport { height: calc(100vw / 16 * 7); max-height: calc(100vh - 286px); min-height: calc(100vw / 16 * 5); } #bigStartSlider .flex-viewport { height: calc(1160px / 16 * 8); max-height: calc(1160px / 16 * 10); min-height: calc(1160px / 16 * 8); } .small-start-slider .flex-viewport { height: calc(470px); } #fullscreenSlider #sliderCaption h1 { line-height: 1.2em; border-right: none; display: block; } #fullscreenSlider #sliderCaption h2 { display: block; margin-left: 0.05em; float:left; clear:left; width: auto; padding: 0; font-weight: 200; font-size: 1.56em; margin-bottom: 0.3em; } #fullscreenSlider #sliderCaption h2 time { font-weight: 200; } .small-start-slider span.slider-headline { display: block; font-size: 36px; line-height: 1.2em; font-weight: 200; white-space: nowrap; } .small-start-slider span.slider-subline { display: block; color: #00607c; line-height: 1.2em; font-size: 26px; font-weight: 200; white-space: nowrap; } #fullscreenSlider { margin-top: -2em; position: relative; width: 100vw; margin-left: calc(-50vw + 50%); } #fullscreenSlider:after { content:''; display: block; position: absolute; z-index: 0; left: -50px; bottom: 0px; height: 100%; width: 100%; padding: 0 50px; box-sizing: content-box; -webkit-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.9); box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.9); } #fullscreenSlider .flexslider figcaption, #fullscreenSlider .flexslider a.slide-link { display: none; } #fullscreenSlider #sliderCaption { bottom: 0; height: 142px; } #slideController+article { margin-top: 2em; } #startSlider span.slider-headline { font-size: 2.67em; line-height: 1em; } #bigStartSlider .slidelink-youtube:before, #bigStartSlider .slidelink-youtube:after { content:''; position: absolute; width: 300px; height: 300px; left: 50%; top: 50%; margin-left: -150px; margin-top: -205px; background: url('/ccds_tpl_img/fkp2017/spritesheet.svg') no-repeat; } #bigStartSlider .slidelink-youtube:before { z-index: 100; opacity: 0.65; background-position: -500px -500px; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -ms-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } #bigStartSlider .flexslider:hover .slidelink-youtube:before { opacity: 1; } #bigStartSlider .slidelink-youtube:after { z-index: 99; background-position: -1650px -1150px; opacity: 0.15; background-size: 2000px auto; } .lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} body:after { content:''; } .lb-outerContainer { position: relative; border-radius: 0; padding: 0px 0px 52px 0px; background-color: black; box-sizing: content-box; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); } .lb-dataContainer { background-color: transparent; margin-top: -52px; padding: 15px 0px; } .lb-data .lb-details { width: 100%; } .lb-data .lb-caption { font-size: 1em; line-height: 1.1em; color: #e0e1dc; font-weight: 300; } .lb-data .lb-number { display: block; float: right; clear: left; font-weight: 200; padding-bottom: 1em; font-size: 1em; color: #e0e1dc; } .lb-data { float: left; width: 100%; padding-left: 15px; padding-right: 15px; position: relative; } .lightbox .lb-image { border-radius: 0; box-sizing: content-box; border: none; } .lb-closeContainer { z-index: 10003; position: absolute; cursor: pointer; top: -4px; right: -35px; } a.lb-close { color: white; font-size: 3.5em; line-height: 0.5em; font-weight: 100; display: block; } .lb-nav { height: calc(100% - 52px); } .lb-nav a.lb-next, .lb-nav a.lb-prev { position: relative; } .lb-nav a.lb-next { background: #000000; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000056',GradientType=0 ); /* IE6-9 */ } .lb-nav a.lb-prev { background: #000000; /* Old browsers */ background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6-15 */ background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000056',GradientType=0 ); /* IE6-9 */ } .lb-nav a.lb-next:before, .lb-nav a.lb-prev:before { display: block; position: absolute; top: 50%; left: 0; margin-top: -75px; content:''; height: 150px; max-width: 150px; width: 100%; background:url(/ccds_tpl_img/fkp2017/spritesheet.svg); background-size: 750px auto; } .lb-nav a.lb-next:before { left: auto; right: 0; background-position: -135px -413px; } .lb-nav a.lb-prev:before { background-position: -15px -413px; } .lightboxOverlay { filter: alpha(Opacity=85); opacity: .85; } .mr-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .mr-overlay-background { position: absolute; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); } .mr-overlay-content, .mr-overlay-container { position: relative; max-width: 1200px; max-height: 100vh; height: 100%; } .mr-overlay-container { z-index: 10002; height: auto; margin: 0 auto; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); box-shadow: 0px 0px 35px 0px rgba(0,0,0,1); } .mr-overlay-content iframe { position: relative; width:100%; height:100%; max-height: 675px; } .mr-overlay-close { z-index: 10003; position: absolute; cursor: pointer; top: -20px; right: -40px; color: white; font-size: 3.5em; font-weight: 100; } .accordion-element { position: relative; width: 100%; float: left; } .accordion-element-header { cursor: pointer; } .accordion-element-header.list-item-header-underlined { padding-right: 54px; } .accordion-element-details { overflow: hidden; padding-left: 25px; margin-left: -25px; position: relative; width: 100%; height: 0px; float: left; -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out; -ms-transition: height 0.25s ease-in-out; -o-transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out; } .accordion-element-details>* { position: relative; float: left; } .accordion-element-details a.flap { } .accordion-element-details-inner { padding-top: 1em; } /* Webfont: SinewsSansProHairline */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_hairline.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_hairline.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_hairline.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_hairline.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_hairline.svg#sinewshairline') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 100; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansProHairline-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_hairline_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_hairline_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_hairline_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_hairline_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_hairline_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_hairline_italic.svg#sinewshairline-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 100; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansProLight */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_light.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_light.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_light.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_light.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_light.svg#sinewslight') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansProLight-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_light_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_light_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_light_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_light_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_light_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_light_italic.svg#sinewslight-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Bold */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_medium.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_medium.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_medium.svg#sinews-bold') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_medium_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_medium_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_medium_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_medium_italic.svg#sinews-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Bold */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_medium.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_medium.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_medium.svg#sinews-bold') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_medium_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_medium_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_medium_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_medium_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_medium_italic.svg#sinews-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Regular */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_regular.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_regular.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_regular.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_regular.svg#sinews-regular') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansPro-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_regular_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_regular_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_regular_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_regular_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_regular_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_regular_italic.svg#sinews-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansProThin */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_thin.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_thin.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_thin.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_thin.svg#sinewsthin') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; text-rendering: optimizeLegibility; } /* Webfont: SinewsSansProThin-Italic */@font-face { font-family: 'SinewsSansPro'; src: url('/css/fkp2017/fonts/sinews_thin_italic.eot'); /* IE9 Compat Modes */ src: url('/css/fkp2017/fonts/sinews_thin_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fkp2017/fonts/sinews_thin_italic.woff2') format('woff2'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_thin_italic.woff') format('woff'), /* Modern Browsers */ url('/css/fkp2017/fonts/sinews_thin_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fkp2017/fonts/sinews_thin_italic.svg#sinewsthin-italic') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 200; text-rendering: optimizeLegibility; } .sprite, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width: 100px; height: 100px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-size: 1000px auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sprite.filetype-script, .sprite.filetype-html, .sprite.filetype-text, .sprite.filetype-audio, .sprite.filetype-template, .sprite.filetype-config, .sprite.filetype-php, .sprite.filetype-archive, .sprite.filetype-pdf, .sprite.filetype-doc, .sprite.filetype-word, .sprite.filetype-docx, .sprite.filetype-xls, .sprite.filetype-excel, .sprite.filetype-xlsx { width: 100px; height: 98px; } .sprite.filetype-pdf { background-position: 0px -200px; } .sprite.filetype-doc, .sprite.filetype-word, .sprite.filetype-docx { background-position: -102px -200px; } .sprite.filetype-xls, .sprite.filetype-excel, .sprite.filetype-xlsx { background-position: -200px -200px; } .sprite.filetype-archive { background-position: -600px -200px; } .sprite.filetype-script, .sprite.filetype-html, .sprite.filetype-text, .sprite.filetype-audio, .sprite.filetype-template, .sprite.filetype-config, .sprite.filetype-php { background-position: -700px -200px; } .sprite.sprite-small { width: 30px; height: 30px; } .sprite.sprite-medium { width: 50px; height: 50px; } .sprite.sprite-warning { padding-right: 2px; display: inline-block; background-position: -638px -36px; } .sprite.sprite-arrow-right { display: inline-block; background-position: -231px -137px; } .sprite.sprite-arrow-left { display: inline-block; background-position: -131px -137px; } .sprite.sprite-arrow-down { display: inline-block; background-position: -434px -137px; } .sprite.sprite-arrow-up { display: inline-block; background-position: -334px -137px; } .ui-datepicker .ui-datepicker-prev span, .sprite.sprite-arrow-dark-left { display: inline-block; background-position: -536px -136px; } .ui-datepicker .ui-datepicker-next span, .sprite.sprite-arrow-dark-right { display: inline-block; background-position: -634px -136px; } .sprite.sprite-selectarrow-dark-down { display: inline-block; background-position: -935px -233px; } .sprite.sprite-selectarrow-dark-up { display: inline-block; background-position: -835px -233px; } .sprite.sprite-selectarrow-down { display: inline-block; background-position: -825px -25px; } .sprite.sprite-selectarrow-up { display: inline-block; background-position: -725px -25px; } .sprite.sprite-menu { width: 50px; height: 50px; background-position: -420px -25px; } .sprite.sprite-facebook, .sprite.sprite-googleplus, .sprite.sprite-twitter, .sprite.sprite-instagram, .sprite.sprite-youtube, .sprite.sprite-snapchat, .sprite.sprite-spotify { width: 30px; height: 30px; background-size: 750px auto; } .sprite.sprite-sm { background-image:none; width: auto; height: auto; padding:0; } .sprite.sprite-facebook { background-position: -247px -173px; } .sprite.sprite-googleplus { background-position: -398px -173px; } .sprite.sprite-twitter { background-position: -323px -173px; } .sprite.sprite-instagram { background-position: -473px -323px; } .sprite.sprite-youtube { background-position: -548px -323px; } .sprite.sprite-snapchat { background-position: -623px -323px; } .sprite.sprite-spotify { background-position: -698px -323px; } .sprite.sprite-search { background-size: 750px auto; background-position: -318px -247px; } .sprite.sprite-filter { background-color: #00607c; background-size: 750px auto; background-position: -696px -21px; } .sprite.sprite-share, .sprite.sprite-share-facebook, .sprite.sprite-share-twitter, .sprite.sprite-share-googleplus { background-size: 750px auto; } .sprite.sprite-share { background-position: -23px -247px; } .sprite.sprite-share-facebook { background-position: -98px -246px; } .sprite.sprite-share-twitter { background-position: -173px -246px; } .sprite.sprite-share-googleplus { background-position: -248px -246px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { width: 30px; height: 30px; } .calendar-links:before { content: ''; margin-left: -30px; display: inline-block; vertical-align: middle; position: relative; width: 25px; height: 20px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-size: 1000px auto; background-position: -539px -340px; } a .sprite { margin-bottom: -11px; margin-top: -5px; margin-right: -6px; } .flap .sprite { margin-right: 1px; margin-top: -1em; margin-bottom: -1em; vertical-align: middle; display: inline-block; } .flap.flap-36 .sprite { /*margin-top: -0.2em;*/ } .flap.flap-left .sprite { margin-right: 4px; } .flap .styled-button .sprite, .flapsimple .sprite { float: none; display: inline-block; } .flap .styled-button .sprite { margin-bottom: -1em; } .flapsimple .sprite { margin-top: -0.5em; margin-bottom: -0.5em; margin-left: -10px; margin-right: -7px; vertical-align: middle; display: inline-block; } .flap .styled-button { font-size:0.9em; height: 100%; } /* COLORS darkgrey #0c0f10 mediumgrey #3e4344 petrolBright #0ea6d2 petrolDark #093744 petrol #00607c orange #ee4300 */ body, td, tr, label, textarea, input, select, button { font-family: SinewsSansPro; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; quotes: "\00bb" "\00ab"; } header#mainHeader { width: 100%; padding-bottom: 15px; z-index:500; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdf9f4+0,ffffff+100 */ background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* FF3.6-15 */ background: linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); } footer { position: fixed; bottom: 0; width: 100%; background-color: #0c0f10; height: 109px; z-index: 999; color: white; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); } footer aside { float: right; } div#pageWrap { position: relative; z-index: 1; width: 100%; overflow: hidden; } main.container { padding-bottom: 120px; padding-top: 2em; z-index: 1; } div#mainContainerWrap { z-index: 1; position: relative; width: 100%; overflow: hidden; background-color: #e0e1dc; } header #headerTop { padding-top: 10px; padding-bottom: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } header #headerBottom { padding-top: 16px; height: 70px; } header #headerSpacer { display: block; width: 100%; height: 1px; position: relative; background: #808080; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } a:link, a:visited { color:#00607c; } p { margin-top: 0; } main ul li { margin-left: 1.0em; } main ul li:before { content: ''; width: 10px; height: 10px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg); background-position: -6.3% 14.0%; background-size: 3500%; float: left; margin-top: calc(0.82em - 8px); margin-right: -20px; margin-bottom: -0.3em; display: block; margin-left: -1em; } nav ul li, ul.box-listing li, ul.listing-with-flaps li, ul.file-listing li, ul.search-results li, .artist-shows ul li, .article-links ul li, ul.linked-images li, ul.slides li, ul.accordion li.accordion-element, ul.artist-listing li { margin-left: 0; } nav ul li:before, ul.box-listing li:before, ul.listing-with-flaps li:before, ul.file-listing li:before, ul.search-results li:before, .artist-shows ul li:before, .article-links ul li:before, ul.linked-images li:before, ul.slides li:before, ul.accordion li.accordion-element:before, ul.artist-listing li:before { content: ''; display: none; } .inset-section { margin: 50px 0 70px 0; position: relative; } .inset-section:before { content: ''; display: block; position: absolute; top: -25px; height: 100%; z-index: 1; left: calc(50% - 50vw - 50px); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 30px 100px; width: 100vw; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.65); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.65); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.65); } .inset-section.inset-section-white:before { background-color: white; } .inset-section.inset-section-bright:before { background-color: #f2f2f0; } .inset-section-content { position: relative; z-index: 2; } /* COLOR DEFINITIONS */ *.petrol { color: #00607c; } *.petrol-bright { color: #0ea6d2; } *.white { color:white; } .full-width { width: 100%; } a#logo { display: block; float: left; width: 110px; height: 64px; text-indent: -5000px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -47px -18px; } aside#footerHotline { font-size: 0.75em; line-height: 1.35em; color: #a9a9a9; margin-top: 22px; } aside#footerHotline h4 { font-size: 1.4em; font-weight: 200; line-height: 1em; } aside#footerHotline h4+h4 { margin-bottom: 0.2em; } ul.box-listing { display: block; position: relative; } ul.box-listing li, ul.file-listing li { margin-bottom: 10px; float: left; } ul.box-listing li.col-lg-12, ul.box-listing li.full-width { width: 100%; } *.box-default { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdf9f4+0,ffffff+100 */ background: #fdf9f4; /* Old browsers */ background: -webkit-linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* FF3.6-15 */ background: linear-gradient(117deg, #fdf9f4 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); padding: 10px 20px 20px 20px; margin-bottom: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-default.box-default-small { padding: 10px 20px 15px 20px; min-height: 90px; } .box-default .summary { padding-right: 140px; } .box-default article { display: block; } ul li .box-default { margin-bottom: 0; } .defaultshadow { -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.6); box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.6); } .shadow-huge { -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2); } h1,h2,h3,h4,h5,h6 { font-weight: 300; } h1,h2 { font-size: 1.23em; } h3 { font-size: 1em; font-weight: 700; color:#324043; } h4 { font-weight: 700; font-size: 1em; line-height: 1.2em; font-variant: small-caps; text-transform: lowercase; } time { font-size: inherit; font-variant: small-caps; } h1.regular-headline { text-indent: 0.02em; color: #25292a; font-size: 1.85em; transform: translateZ(0); position: relative; display: inline-block; padding-bottom: 0.0em; margin-bottom: 1.5em; letter-spacing: -0.03em; font-weight: 900; -webkit-text-stroke: 0.02em #25292a; -moz-text-stroke: 0.02em #25292a; -ms-text-stroke: 0.02em #25292a; -o-text-stroke: 0.02em #25292a; text-stroke: 0.02em #25292a; text-transform: lowercase; font-variant: small-caps; } h1.regular-headline:before, h1.regular-headline:after { content: ''; display:block; position: absolute; bottom: 0; left: -24px; box-sizing: content-box; width: 100%; height: 1px; padding-left: 120px; } h1.regular-headline:before { bottom: 1px; background: #808080; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } h1.regular-headline:after { background: #FFFFFF; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .news-listing li h2 { padding-bottom: 0.5em; color: #00607c; border-bottom: 1px solid #00607c; } .news-listing .summary p { margin: 0.5em 0 0 0; } article.news-detail { margin-bottom: 1em; } h2 time { font-variant-numeric:normal; font-variant: small-caps; font-weight: 700; } .news-listing li a.flap { margin-top: -12px; } .event-details .detail-link+.detail-link { display: none !important; } .right-flap { display: block; position: absolute; right: -20px; width: 200px; height: 80px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -693px -843px; } ul#startPageEventListing li { float: left; } ul#startPageEventListing article { padding-bottom:10px; display: table-cell; float:left; width: 100%; } ul#startPageEventListing figure { position:relative; overflow:hidden; height:108px; width: 260px; float: left; margin: -10px 0 -10px -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ul#startPageEventListing .figure-wrap { display: table-cell; width: 28%; } ul#startPageEventListing .article-inner { display: table-row; float:left; width:calc(100% - 130px); } ul#startPageEventListing h2, ul#startPageEventListing h3 { display: table-cell; vertical-align: middle; } ul#startPageEventListing h2 { width: 32%; color:#00607c; font-size: 1.67em; text-align: right; padding-right: 20px; border-right:1px solid #00607c; } ul#startPageEventListing h3 { width: 40%; } ul#startPageEventListing article h3 { font-variant: small-caps; text-transform: lowercase; font-size: 1.11em; padding-left: 20px; font-weight: 200; } ul#startPageEventListing .article-inner:after { content:''; display:table-cell; width:1px; } a.button-link { width: auto; } .text-center { margin-left:-10px; margin-right:-10px; text-align: center; clear:both; } .text-right { text-align: right; } article.newsteaser { float:left; font-size:0.89em; line-height: 1.35em; } article.newsteaser h2 { font-size:1.25em; margin-left: 20px; } article.newsteaser .summary { padding: 0 100px 0 20px; } article.newsteaser h1 { margin-left: 20px; } article.newsteaser figure, article.newsteaser div.newsteaser-text { float:left; } article.newsteaser figure { margin: -10px 0 -20px -20px; width: 250px; overflow: hidden; } article.newsteaser figure img { object-fit: cover; width: 100%; max-width: 100%; height: auto; } article.newsteaser div.newsteaser-text { width: calc(100% - 250px + 20px); } #newsContent { margin-top: 40px; } .two-columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .two-columns p { margin-top: 0; } article.event-teaser { width: 100%; height: 0px; padding: 0 0 76% 0; } article.event-teaser a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } article.event-teaser figure { overflow: hidden; height: calc(100% - 100px); width: 100%; box-sizing: content-box; } article.event-teaser figure img { width: 100%; height: auto; } article.event-teaser .eventteaser-text { position: absolute; z-index: 1; left: 0; bottom: 0; padding: 2px 0 6px 0; width: 100%; background-color: white; line-height: 1.11em; } article.event-teaser .eventteaser-text h3 { font-variant: small-caps; text-transform: lowercase; background-color: #3e4344; color:white; font-weight: 300; } article.event-teaser .eventteaser-text h2, article.event-teaser .eventteaser-text h3, article.event-teaser .eventteaser-text .detail-link { padding: 4px 16px 6px 16px; } article.event-teaser .eventteaser-text .detail-link { font-variant: small-caps; text-transform: lowercase; padding-bottom: 0; margin-top: 0px; display: block; } .image-matrix { position: relative; } .image-matrix-element { display: block; } .image-matrix-element img { width: 100%; height: auto; } .video-iframe-wrap, .media-iframe-wrap { background-color: black; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7); margin-top: 0em; margin-bottom: 1em; } .video-iframe-wrap { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } iframe { display: block; border: none; } .video-iframe-wrap iframe, .media-iframe-wrap iframe { width: 100%; } .video-iframe-wrap iframe { position: absolute; top: 0; left: 0; height: 100%; } article section+section { margin-top: 2em; } .flap.flap-heading+p { clear: both; margin-top: -0.3em; } .article-links { width: 100%; border-top: 1px solid black; font-variant: small-caps; text-transform: lowercase; font-weight: 700; letter-spacing: 0.06em; font-size: 1em; } .article-links ul, .article-links li { float: left; } .article-links li a:link, .article-links li a:visited { color:#0c0f10; } .article-links li+li { margin-left: 20px; } small { font-size: 0.75em; } figure { overflow: hidden; } figure a { display: block; } figure img { width: 100%; height: auto; } span.divider, span.divider:after { display: block; height: 1px; width: 100%; } span.divider { margin: 1em 0; position: relative; background: #808080; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } span.divider:after { content: ''; position: absolute; top: 1px; background: #FFFFFF; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } span.divider.fullscreen, .viewport-width { width: 100vw; margin-left: calc(50% - 50vw); } .linked-images a { position: relative; display: block; } .linked-images figure { height: 0px; padding-bottom: 60%; } #artistDetails { float: left; width: 100%; margin-bottom: 1em; } #artistNews { margin-top: 1em; } .event-details-text { font-size: 0.85em; line-height: 1.35em; padding-right: 120px; } .event-details-text h4+h4, .event-details-text p+h4, .event-details p { margin: 0; } .event-soldout .event-details-text { padding-right: 110px; } .event-cancelled .event-details-text { padding-right: 115px; } .event-start-time { margin-right: 10px; font-weight: 400; } .event-end-time { font-weight: 400; } .presented-by { color: #00607c; } .organizer, .hint, .support { font-weight: 700; font-variant: small-caps; text-transform: lowercase; display: inline-block; } .hint { color:#ee4300; } .calendar-links { font-variant: small-caps; text-transform: lowercase; font-size: 0.9em; position: absolute; top: 10px; right: 10px; z-index: 1000; } ul.accordion { float: left; position: relative; padding-bottom: 60px; } .accordion-element-content { float: left; width: 100%; } .list-item-underlined, .list-item-header-underlined { position: relative; width: 100%; border-bottom: 1px solid #00607c; float: left; padding: 10px 0 5px 0; } .accordion-element-header h2, .accordion-element-header h3, .listing-with-flaps h2, .listing-with-flaps h3, .listing-with-flaps span.text-regular { display: inline-block; vertical-align: middle; line-height: 1.5em; } .listing-with-flaps h3 a:link, .listing-with-flaps h3 a:visited { color: #0c0f10; } .accordion-element-header h2, .listing-with-flaps h2 { color: #00607c; padding-right: 10px; margin-right: 10px; border-right: 1px solid #00607c; } .accordion-element-header h3, .listing-with-flaps h3 { font-size: 1.11em; margin-top: 0.12em; font-weight: 300; font-variant: small-caps; text-transform: lowercase; } .listing-with-flaps h3.text-regular { font-variant: normal; text-transform: none; } .accordion-element-header .flap { position: absolute; top: auto; bottom: -19px; } ul.artist-listing { position: relative; width: 100%; float: left; margin-top: -0.5em; margin-bottom: 2em; } .artist-shows ul li { margin-bottom: 10px; } .booker-image { padding-right: 40px; } .booker-image img { border: 1px solid #b7b9b6; } .booker-image img { } h1.text-brightpetrol { color:#0ea6d2; } article.download-element { position: relative; float:left; font-size:0.89em; line-height: 1.35em; width: 100%; } article.download-element .leftcol, article.download-element .rightcol { position: relative; float:left; } article.download-element .leftcol { margin: -10px 0 -20px -20px; margin-right: 20px; box-sizing: content-box; width: 100px; height: 98px; overflow: hidden; } article.download-element .leftcol:after { content:''; position: absolute; width: 1px; background-color: #00607c; top: 20px; right: 0; height: calc(100% - 40px); } article.download-element .leftcol img { width: 100%; height: auto; } article.download-element .rightcol { width: calc(100% - 120px - 20px); margin-top: 0.75em; } .iframe-fullscreen-wrap { min-height: 360px; height: calc(100vh - 420px); margin-top: 2em; padding: 20px 0px; position: relative; background: transparent; } .iframe-fullscreen-wrap:before { content:''; display: block; position: absolute; z-index: 1; top: 0; left: calc(50% - 50vw); width: 100vw; height: 100%; background-color: #f2f2f0; border-top: 1px solid #00607c; border-bottom: 1px solid #00607c; } .iframe-fullscreen-wrap iframe { z-index: 2; position: relative; background: transparent; width: 100%; height: 100%; min-height: 320px; } .iframe-seamless-wrap { width: 100vw; margin-left: calc(50% - 50vw); position: relative; background: transparent; } .iframe-seamless-wrap iframe { width: 100%; min-height: 550px; } hr { position: relative; z-index: 3; border:none; border-top: 1px solid #00607c; } h1.search-headline { font-size: 2.67em; line-height: 1.3em; font-weight: 100; color:#0ea6d2; } h1.search-headline em { opacity: 0.75; } #searchOverlay { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 900; color: white; display:none; opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #searchOverlayBackground { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(12, 15, 16, 0.9); } #searchOverlay.show { display: block; } #searchOverlay #mCSB_1_scrollbar_vertical { padding-top: 10px; margin-top: 10px; } #searchOverlayContentWrap { padding-left: 0; margin-top: 160px; position: relative; height: calc(100% - 110px - 170px); background-color: transparent; } #searchOverlayContentWrap .mCSB_container { padding-bottom: 60px; } #searchOverlayContent { margin-top: 10px; } h2.search-results-header { font-size:1.56em; float: left; width: 100%; padding-bottom: 0.25em; color: #00607c; border-bottom: 1px solid #00607c; font-variant: small-caps; text-transform: lowercase; } #searchOverlay h2.search-results-header { color: #0ea6d2; border-bottom: 1px solid #0ea6d2; } ul.search-results { float: left; width: 100%; margin: 10px 0 30px 0; } ul.search-results .search-result { float:left; clear: both; } ul.search-results .search-result h3, ul.search-results .search-result h4, ul.search-results .search-result h5 { font-size: 1.33em; line-height: 1.25em; font-weight: 300; display: inline-block; margin-right: 10px; } #searchOverlay ul.search-results .search-result h3, #searchOverlay ul.search-results .search-result h4, #searchOverlay ul.search-results .search-result h5 { font-weight: 300; } #searchOverlay ul.search-results h3 { color:white; } ul.search-results .search-result h4 { letter-spacing: 0.01em; font-weight: 200; color:#00607c; } #searchOverlay ul.search-results .search-result h4 { color:#0ea6d2; } ul.search-results .search-result time { font-weight:500; } ul.search-results .search-result-tourinfo { font-weight:300; font-style:italic; color: #ee4300; } ul.search-results .search-result .search-result-hint { margin-left: 0.56em; font-size:0.75em; font-weight:bold; font-style: italic; color:#ee4300; } #startPageNews, #startPageEventListing { padding-bottom: 1em; } .toolbox { display: block; } .toolbox .sprite { float: left; } .toolbox.toolbox-share { margin-top: -1px; height: 30px; width: 150px; } .toolbox.toolbox-right { float: left; } .textpic-image img { width: 100%; height: auto; } .textpic-text { float: left; } nav { font-variant: small-caps; text-transform: lowercase; } #mainNavigation { margin-left: 30px; font-weight: 300; } #mainNavigation a:link, #mainNavigation a:visited { color:black; } #mainNavigation ul li.menu-item a { display: block; line-height: 20px; padding: 19px 30px 25px 30px; vertical-align: top; position: relative; border-left: solid 1px #a1a1a1; } #mainNavigation ul li.menu-item a:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: -10px; left: -1px; box-sizing: content-box; z-index: -1; padding:10px 1px; transform: translateZ(0.001px); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9fbb+0,00607c+100 */ background: #3e9fbb; /* Old browsers */ background: -webkit-linear-gradient(top, #3e9fbb 0%,#00607c 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(top, #3e9fbb 0%, #00607c 100%); /* FF3.6-15 */ background: linear-gradient(to bottom, #3e9fbb 0%,#00607c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9fbb', endColorstr='#00607c',GradientType=0 ); /* IE6-9 */ opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mainNavigation ul li.menu-item a:hover, #mainNavigation ul li.menu-item.active a { color:white; z-index: 10; } #mainNavigation ul li.menu-item a:hover:after, #mainNavigation ul li.menu-item.active a:after { opacity: 1; } #mainNavigation ul li.menu-item a:hover:after { background: #3e9fbb; /* Old browsers */ background: -webkit-linear-gradient(170deg, #3e9fbb 0%,#00607c 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(170deg, #3e9fbb 0%, #00607c 100%); /* FF3.6-15 */ background: linear-gradient(170deg, #3e9fbb 0%,#00607c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #mainNavigation .language-selection { line-height: 20px; padding: 19px 30px 25px 56px; vertical-align: top; position: relative; border-left: solid 1px #a1a1a1; } .language-selection a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .language-selection a, .language-selection span { float: left; display: block; } .language-selection span.language-selection-spacer { margin:0 4px; } .language-selection a:link.active, .language-selection a:visited.active { color: #0ea6d2; font-weight: 400; } #mobileMainNavigation .language-selection a:link.active, #mobileMainNavigation .language-selection a:visited.active { color: #0ea6d2; } footer nav#footerNavigation { margin-left: -14px; display: table-row; width: calc(100% - 220px); } footer #metaMenu, footer #socialMenu { float: none; display: table-cell; font-variant: small-caps; padding-top: 36px; vertical-align: top; } footer #metaMenu li a:link, footer #metaMenu li a:visited { color:white; } footer #socialMenu li a:link, footer #socialMenu li a:visited { color:#0ea6d2; } footer #metaMenu li a, footer #socialMenu li a { display: block; padding: 0 14px; cursor: pointer; } footer #metaMenu li, footer #socialMenu li { opacity: 0.75; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } footer #socialMenu { transform: translateZ(1.001px); transform-origin: top left; padding-left: 8%; width: 480px; box-sizing: border-box; } footer #metaMenu li:hover, footer #socialMenu li:hover, footer #metaMenu li.active, footer #socialMenu li.active { opacity: 1; } #mobileMenuButton { height: 50px; width: 50px; margin: -10px 15px 0 -10px; position: relative; } #mobileMenuButton:before, #mobileMenuButton:after { content:''; position: absolute; height: 100%; width: 1px; top: 0; } #mobileMenuButton:before { right: 0; background: #808080; /* Old browsers */ background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 90%); /* FF3.6-15 */ background: linear-gradient(0deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #mobileMenuButton:after { right: -1px; background: #f0f0f0; /* Old browsers */ background: -webkit-linear-gradient(0deg, rgba(220,220,220,0) 5%, rgba(220,220,220,0.75) 50%, rgba(220,220,220,0) 95%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(0deg, rgba(220,220,220,0) 5%, rgba(220,220,220,0.75) 50%, rgba(220,220,220,0) 95%); /* FF3.6-15 */ background: linear-gradient(0deg, rgba(220,220,220,0) 5%, rgba(220,220,220,0.75) 50%, rgba(220,220,220,0) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #mobileMainNavigation { position: fixed; visibility: hidden; top: -20px; bottom: -20px; left: -20px; width: calc(100vw - 60px - 20px); font-size: 4vh; line-height: 0.9em; font-weight: 200; background-color:#0c0f10; z-index: 0; color: white; box-sizing: content-box; padding: 50px 0px 60px 40px; -webkit-box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,1); box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,1); } #mobileMainNavigation.hide { display: none !important; } #mobileMainNavigation ul, #mobileMainNavigation li { float: none; clear:both; } #mobileMainNavigation li { padding-left: 20px; margin-left: -20px; } #mobileMainNavigation li.language-selection { float: left; width: 100%; } #mobileMainNavigation ul li a:link, #mobileMainNavigation ul li a:visited { color: white; padding-top: 0.1em; padding-bottom: 0.3em; display: block; } #mobileMainNavigation ul li.menu-item:hover, #mobileMainNavigation ul li.menu-item.active { background-color: #0ea6d2; } html.mobile-menu-open header#mainHeader, html.mobile-menu-open #mainContainerWrap, html.mobile-menu-open #lightboxOverlay { -webkit-transform: translateX( calc(100vw - 60px) ); -moz-transform: translateX( calc(100vw - 60px) ); -o-transform: translateX( calc(100vw - 60px) ); transform: translateX( calc(100vw - 60px) ); } header#mainHeader, #mainContainerWrap, #lightboxOverlay { -webkit-transition: -webkit-transform 0.25s ease-out; -moz-transition: -moz-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; transition: transform 0.25s ease-out; } #mobileEventFilterButton { display: none; color: white; background-color: #3e4344; width: 100%; line-height: 1.5em; font-size: 1.11em; font-weight: 200; box-sizing: content-box; padding: 0.3em 10px 0.2em 10px; margin-left: -10px; text-align: center; position: relative; z-index: 200; cursor: pointer; } #mobileEventFilterButton .sprite { vertical-align: middle; } #mobileEventFilterButtonTextClosed, #mobileEventFilterButtonTextOpened { display: block; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } #mobileEventFilterButtonTextOpened { position: absolute; top: 0.3em; left: 0; width: 100%; opacity: 0; } #headerFilterbar.open #mobileEventFilterButtonTextOpened { opacity: 1; } #headerFilterbar.open #mobileEventFilterButtonTextClosed { opacity: 0; } #headerFilterbar.open #eventFilterFormWrap { opacity: 1; max-height: 320px; } nav.pagination { position: relative; font-size: 1.1em; line-height: 1.35; border-bottom: 1px solid #3e4344; margin: 0 0 20px 0; font-variant: small-caps; text-transform: lowercase; } a.pagination-next .sprite.sprite-arrow-dark-right, a.pagination-prev .sprite.sprite-arrow-dark-left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.pagination-prev, a.pagination-next { display: block; position: relative; z-index: 100; float: left; width: 25px; } a.pagination-prev { margin-left: -4px; margin-right: -5px; } a.pagination-next { margin-left: -10px; text-align: right; } .pagination-list-wrap { padding-bottom: 0px; margin-bottom: -3px; position: relative; float: left; max-width: calc(100% - 50px); overflow: hidden; } ul.pagination-list { box-sizing: content-box; height: 1.55em; font-weight: 300; display: table-row; float: none; } ul.pagination-list li { display: table-cell; float: none; padding-bottom: 6px; padding-top: 1px; } ul.pagination-list li:hover { border-bottom: 3px solid #00607c; } ul.pagination-list li.active { border-bottom: 3px solid #3e4344; } ul.pagination-list li a, ul.pagination-list li span { position: relative; padding: 10px 6px; text-decoration: none; color: #3e4344; white-space: nowrap; } nav.pagination.pagination-bottom { border-bottom: none; border-top: 1px solid #3e4344; margin-top: 1em; } nav.pagination.pagination-bottom a.pagination-prev:before, nav.pagination.pagination-bottom a.pagination-next:before { top: 2px; } nav.pagination.pagination-bottom a.pagination-prev, nav.pagination.pagination-bottom a.pagination-next { float: right; } nav.pagination.pagination-bottom .pagination-list-wrap { float: right; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; margin-top: -3px; } nav.pagination.pagination-bottom .pagination-list-wrap { float: right; } nav.pagination.pagination-bottom > li { padding-bottom: 0; padding-top: 3px; margin-top: 0; margin-bottom: 0; } nav.pagination.pagination-bottom li.active, nav.pagination.pagination-bottom li:hover { margin-top: -3px; border-top: 3px solid #00607c; border-bottom: none; } nav.pagination.pagination-bottom li.active { border-top-color: #3e4344; } a.pagination-anchor { display: block; float: left; clear: both; margin-top: -3em; } nav.subNavigation { position: relative; margin-top: -2em; margin-bottom: 2em; width: 100%; margin-left: -18px; } nav.subNavigation:after { content:''; display: block; position: absolute; width: 100vw; padding: 0 20px; height: 100%; box-sizing: content-box; margin-left: calc(50% - 50vw - 10px); z-index: -1; background-color: #3e4344; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.7); } nav.subNavigation ul { font-size: 1.11em; line-height: 1em; position: relative; } nav.subNavigation li a:link, nav.subNavigation li a:visited { color: white; font-weight: 200; } nav.subNavigation li { font-size: 1em; height: 40px; padding: 11px 20px 9px 20px; position: relative; overflow: hidden; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } nav.subNavigation li.active:after { content: ''; display: block; position: absolute; top: -10px; height: 100%; z-index: 1; left: 0; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 10px 0px; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.65); -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.65); box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.65); } nav.subNavigation li:hover, nav.subNavigation li.active { background-color: #00607c } nav.subNavigation li+li { } nav.subNavigation li+li:before { content:''; position: absolute; left: 0px; top: 3px; width: 1px; opacity: 0.25; background-color: black; height: calc(100% - 6px); } #mobileFestivalNavigation { margin-top: -2em; margin-bottom: 2em; } #mobileFestivalNavigation .selectbox { font-variant: normal; text-transform: none; font-size: 1.56em; font-weight: 200; height: 2em; } #mobileFestivalNavigation .selectbox-title { padding: 0px 50px 0px 50px; height: 2em; } #mobileFestivalNavigation .selectbox-title-inner { height: 2em; } #mobileFestivalNavigation .selectbox-title span { line-height: 1.95em; } #mobileFestivalNavigation .mCustomScrollbar { padding-top: 2em; } #mobileFestivalNavigation .selectbox-content { max-height: 20em; } #mobileFestivalNavigation ul.selectable-list li { line-height:1.2em; color: #0ea6d2; padding:8px 10px; border-top: none; position: relative; } #mobileFestivalNavigation ul.selectable-list li:hover { color: white; } #mobileFestivalNavigation ul.selectable-list li span { text-indent: 0; padding-left: 0; padding-right: 0; } #mobileFestivalNavigation ul.selectable-list li:before { content: ''; } #mobileFestivalNavigation ul.selectable-list li:before, #mobileFestivalNavigation ul.selectable-list li:after { content: ''; display: block; position: absolute; height: 1px; margin: 0; width: 100%; left: 0; } #mobileFestivalNavigation ul.selectable-list li:before { top: 0px; background: #808080; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #mobileFestivalNavigation ul.selectable-list li:after { top: 1px; background: #FFFFFF; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } ul.selectable-list li:first-child, ul.selectable-list li.hidden:first-child+li, ul.selectable-list li.default-option+li.hidden+li { border-top: none; } ul.selectable-list li:last-child, ul.selectable-list li+li.hidden:last-child { border-bottom: none; } .required ul.selectable-list li.default-option+li { border-top: none; } button { padding: 1px 6px; } input,select,textarea { border-radius: 0; -webkit-appearance:none; } input:focus { outline: none; } input[type="email"], input[type="text"], input[type="submit"], button.submit, input.submit { height: 40px; float: left; border:none; padding: 4px 10px 6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em; } button.submit, input.submit, input[type="submit"] { color:white; font-weight: 400; text-transform: lowercase; font-variant: small-caps; background-color: #00607c; } input[type="text"], input[type="email"] { width:100%; color:black; background-color: white; border: 1px solid #bec7ca; } button { text-transform: lowercase; font-variant: small-caps; outline: none !important; } label { text-transform: lowercase; font-variant: small-caps; } textarea { padding: 10px; min-height: 100px; width: 100%; } fieldset { margin: 0; border: none; padding: 0; } *.styled-button { display: inline-block; font-size: 1.33em; white-space: nowrap; padding: calc(5px + 0.15em) calc(20px + 0.75em) calc(4px + 0.35em) calc(20px + 0.75em); text-transform: lowercase; font-variant: small-caps; background-color: #00607c; color: white !important; } .button-with-shadow { -webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); } h1 .styled-button { font-size: 0.9em; } #searchform { position: relative; } #searchbar input[type="text"], #searchbar input[type="submit"] { position: relative; z-index: 910; font-size: 1.56em; line-height: 1em; } #searchbar input[type="text"] { margin-left: -25px; width: calc(100% - 220px - 1px + 50px); font-family: SinewsSansPro; height: 54px; background-color: #3e4344; color: white; border: none; padding: 8px 26px 10px 26px; font-weight: 100; -webkit-transition: background-color 0.25s ease, width 0.25s ease; -moz-transition: background-color 0.25s ease, width 0.25s ease; -ms-transition: background-color 0.25s ease, width 0.25s ease; -o-transition: background-color 0.25s ease, width 0.25s ease; transition: background-color 0.25s ease, width 0.25s ease; } #searchbar.exposed input[type="text"] { background-color: #0c0f10; width: calc(100% - 119px - 1px + 50px); } #searchbar input[type="submit"] { margin-left: 1px; margin-right: -25px; height: 54px; padding: 6px 26px 10px 26px; text-indent: -20px; width: 220px; display: block; background-image: url(/ccds_tpl_img/fkp2017/spritesheet.svg); background-repeat: no-repeat; background-size: 850px auto; background-position: 120px -101px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #searchbar.exposed input[type="submit"] { margin-right: 1px; text-indent: -200px; width: 60px; background-position: -12px -101px; } a#closeFilterButton { opacity: 0; visibility: hidden; height: 54px; width: 60px; color: white; display: block; position: absolute; left: 100%; margin-left: -33px; top: 0; text-align: center; z-index: 1000; padding: 8px 10px 10px 10px; background: #3e4344; font-size: 2.776em; font-weight: 200; line-height: 0.75em; cursor: pointer; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } #searchbar.exposed a#closeFilterButton { opacity: 1; visibility: visible; } input[type="text"]::-webkit-input-placeholder { text-transform: lowercase; font-variant: small-caps; font-size: inherit; letter-spacing: 0.02em; } input[type="text"]:-moz-placeholder { /* Firefox 18- */ text-transform: lowercase; font-variant: small-caps; font-size: inherit; letter-spacing: 0.02em; } input[type="text"]:-ms-input-placeholder { text-transform: lowercase; font-variant: small-caps; font-size: inherit; letter-spacing: 0.02em; } input[type="text"]:placeholder { text-transform: lowercase; font-variant: small-caps; font-size: inherit; letter-spacing: 0.02em; } #searchbar input[type="text"]::-webkit-input-placeholder { font-size: 1.11em; } #searchbar input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size: 1.11em; } #searchbar input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size: 1.11em; } #searchbar input[type="text"]:-ms-input-placeholder { font-size: 1.11em; } #searchbar input[type="text"]:placeholder { font-size: 1.11em; } .formfield-container input { width: 100%; } .formfield-container { float: left; margin-bottom: 4px; position: relative; z-index: 1; } .formfield-container+.formfield-container { margin-left: 5px; } #eventFilterForm { width: 100%; float: left; position: relative; padding-bottom: 0em; } #headerFilterbar { margin-top: 20px; } #headerFilterbar input, #headerFilterbar .selectbox { height: 32px; } #headerFilterbar .selectbox-title { padding:0px 34px 0px 10px; } #filterSelectBandWrap, #filterSelectCityWrap { width: 21%; } #filterInputZipWrap { width: 12%; } #filterInputDistanceWrap { width: 12%; } #filterDatesWrap { max-width: 29%; } #filterDatesTypeAtWrap, #filterDatesTypeRangeWrap { width: auto; } #filterDatesTypeWrap { width: 135px; } #filterDatesFromWrap, #filterDatesToWrap { width: 97px; } .formfield-group #filterDatesFromWrap input[type="text"], .formfield-group #filterDatesToWrap input[type="text"] { padding-right: 0px; font-variant: small-caps; } input[type="submit"]#filterFormSubmit { text-indent: -5000px; width: 33px; margin-left: 5px; } input[type="submit"]#filterFormSubmit:hover { } .input-noborder { border: none !important; } .formfield-group { background-color: white; box-sizing: border-box; height: 32px; border: 1px solid #bec7ca; } .formfield-group input[type="text"] { height: 38px; padding: 6px 10px 6px 10px; border:none; } #headerFilterbar .formfield-group input, #headerFilterbar .formfield-group .selectbox { height: 28px; } #headerFilterbar input[type="submit"], #headerFilterbar .filter-used-list { position: relative; z-index: 1; } #headerFilterbar #filterSelectBandWrap { z-index: 500; } #headerFilterbar #filterSelectCityWrap { z-index: 499; } #headerFilterbar #filterInputDistanceWrap { z-index: 498; } .formfield-group .formfield-group-item+.formfield-group-item:before { margin-left: -1px; margin-top: 4px; content:''; display: block; float: left; position: relative; width: 1px; height: 23px; background-color: #bec7ca; } ul.filter-used-list { float: left; margin-top: 5px; width: 100%; } ul.filter-used-list li { font-size: 0.85em; line-height: 1.5em; font-variant: small-caps; text-transform: lowercase; font-weight: 300; float: left; width: auto; margin: 0px 5px 5px 0px; background-color: #00607c; padding: 4px 5px 4px 15px; color: white; } ul.filter-used-list li a.filter-delete-link { font-size: 1.65em; line-height: 1.0em; color: white; cursor: pointer; float: right; display: block; padding: 4px 6px 2px 6px; margin: -4px 0 -4px 5px; font-weight: 200; } ul.filter-used-list li span.filter-used-fromtolabel { color: #C0C0C0; } .input-radio { margin-left: 10px; position: relative; } .input-radio label { float: left; line-height: 1.6em; color: #808080; } .input-radio input { position: absolute; cursor: pointer; top:0; left:0; width:28px; height:28px; opacity:0; filter:Alpha(opacity=0); margin:-2px 0 0 -3px; } .input-radio .form-radio-graphics { display: block; float: left; width: 10px; height: 10px; margin: 10px 6px 4px 1px; background-color: transparent; border: 1px solid #999999; } input:checked+.form-radio-graphics { border-color: #3e4344; background-color: #3e4344; } input:checked+.form-radio-graphics+label { color: #0c0f10; } #contactForm { margin-top: 1em; float: left; width: 100%; clear: both; } #contactForm textarea { height: 132px; } #contactForm input[type="text"] { margin-bottom: 6px; } #contactForm select { margin-bottom: 6px; width: 100%; height: 40px; padding: 4px 10px 6px 10px; cursor: pointer; } #contactForm select, #contactForm textarea, #contactForm input[type="text"] { border: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } #contactFormLeft, #contactFormRight { position: relative; float: left; } #contactFormLeft { z-index: 100; width: 284px; margin-right: 6px; } #contactFormRight { width: 440px; } button.submit, input.submit, #contactForm input[type="submit"] { margin-left: 1px; height: 44px; padding: 3px 40px 5px 40px; font-size: 1.22em; line-height: 1em; width: auto; text-align: center; display: block; } .form-input-wrap { position: relative; float: left; width: 100%; } span.form-error { z-index: 199; background-color: #ee4300; display: block; position: absolute; top: -12px; left: -8px; padding: 4px 12px 4px 12px; font-size: 0.7em; line-height: 1.34em; color: white; } #contactForm label.error { color: #ee4300; } .flap, a.flap { display: inline-block; text-transform: lowercase; font-variant: small-caps; font-weight: 200; z-index: 100; line-height: 0.8em; color:white; right: -0.5px; text-align: right; white-space: nowrap; /*float: left;*/ margin-top: -0.5em; position: relative; box-sizing: content-box; border-left:0px solid #00607c; -webkit-transform: scaleX(1.0001) scaleY(1.0001); -ms-transform: scaleX(1.0001) scaleY(1.0001); transform: scaleX(1.0001) scaleY(1.0001); } .flap a:link, .flap a:visited { color: white; } p .flap { margin-bottom: -0.5em; } .flap .flap-content { display: block; /*float: left;*/ position: relative; z-index: 200; line-height: 1em; color: white; width: auto; -webkit-transform: scaleX(1.0001) scaleY(1.0001); -ms-transform: scaleX(1.0001) scaleY(1.0001); transform: scaleX(1.0001) scaleY(1.0001); padding: calc(20px + 0.35em) 0.2105em calc(18px + 0.59em) calc(25px + 0.6em); box-sizing: content-box; overflow: hidden; -webkit-transition: padding 0.25s ease-out, margin 0.25s ease-out; -moz-transition: padding 0.25s ease-out, margin 0.25s ease-out; -ms-transition: padding 0.25s ease-out, margin 0.25s ease-out; -o-transition: padding 0.25s ease-out, margin 0.25s ease-out; transition: padding 0.25s ease-out, margin 0.25s ease-out; } #sliderCaption .flap .flap-content { padding-right: calc(10px + 0.2em); } .flap .flap-content-text { display: block; overflow: visible !important; } #sliderCaption.hover .flap .flap-content { padding-left: calc(40px + 0.6em); padding-right: 0.5em; } a.flap:hover .flap-content { padding-left: calc(40px + 0.6em); padding-right: 0.5em; } a.flap.flap-left:hover .flap-content { padding-left: 0em; padding-right: calc(60px + 0.6em); } a.flap.flap-stick-left:hover .flap-content { padding-left: calc(40px + 0.6em); padding-right: 0.5em; margin-left: -40px; } .flap:after, .flap:before, .flap-content:before { content: ''; display: block; position: absolute; background-color: #00607c; top: 20px; } .flap:before { top: auto; right: -8.5px; bottom: 10px; z-index: 0; width: 9px; height: 20px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -50px -450px; } .flap-content:before { left: 20px; z-index: -1; height: calc(100% - 40px); width: 200%; -webkit-transform: skewX(7deg) scaleZ(.9999) scaleX(.9999); -ms-transform: skewX(7deg) scaleZ(.9999) scaleX(.9999); transform: skewX(7deg) scaleZ(.9999) scaleX(.9999); -webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.75); } .flap:after { height: calc(100% - 40px); z-index: 1; width: 20px; right: -8.5px; border: 10px transparent; box-sizing: content-box; overflow: hidden; -webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75); clip: rect(-2em 40px 6em 10px); } .flap.flap-left { right: auto; margin-left: -9px; } .flap.flap-left .flap-content { display: block; /*float: left;*/ position: relative; z-index: 200; line-height: 0.8em; color: white; width: auto; margin-left: 9px; -webkit-transform: scaleY(1.0001); -ms-transform: scaleY(1.0001); transform: scaleY(1.0001); padding-right: calc(25px + 0.65em); padding-left: 0.2em; box-sizing: content-box; overflow: hidden; } .flap.flap-left:after, .flap.flap-left:before, .flap-left .flap-content:before { content: ''; display: block; position: absolute; background-color: #00607c; top: 20px; } .flap.flap-left:before { top: auto; right: auto; left: 0.5px; bottom: 5px; z-index: 0; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -350px -445px; } .flap-left .flap-content:before { right: 20px; left: auto; z-index: -1; height: calc(100% - 40px); width: 200%; -webkit-transform: skewX(-7deg) scaleZ(1.0001) scaleX(1.0001); -ms-transform: skewX(-7deg) scaleZ(1.0001) scaleX(1.0001); transform: skewX(-7deg) scaleZ(1.0001) scaleX(1.0001); } .flap.flap-left:after { height: calc(100% - 40px); z-index: 300; right: auto; left: 0px; -webkit-transform: scaleY(1.00001) scaleX(1.00001); -ms-transform: scaleY(1.00001) scaleX(1.00001); transform: scaleY(1.00001) scaleX(1.00001); box-sizing: content-box; overflow: hidden; clip: rect(-2em 10px 6em -20px); } .flap.flap-stick-left { right: 100%; margin-right: 20px; } .flap.flap-orange:after, .flap-orange .flap-content:before { background-color: #ee4300; } .flap.flap-orange:before { background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -250px -450px; } .flap.flap-absolute { display: block; float: left; position: absolute; top: 50%; margin-top: -1.8em; } .flap.flap-72 { font-size: 2.23em; } .flap-absolute.flap.flap-72 { margin-top: -1.47em; } .flap.flap-heading { text-align: left; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -41px 98.9%; background-size: 1000px 1100%; } .flap.flap-heading:after, .flap.flap-heading.flap-left:after, .flap.flap-heading.flap-left .flap-content:before, .flap.flap-heading .flap-content:before { background-color: #3e4344; } .flap.flap-heading:before { background-position: -150px -450px; } .flap.flap-heading.flap-left:before { background-position: -450px -445px; } .flap.flap-heading { right: auto; width: auto; /*float: left;*/ position: relative; margin-top: 0px; font-size: 1.33em; } .flap.flap-heading.flap-even { } .flap-spacer { display: inline-block; margin: 0 10px; font-size: 0.8em; } .flap-regular-text { text-transform: none; font-variant: normal; font-size: 0.75em; } .flap.flap-heading .flap-regular-text a { font-weight: 500; } .flap.flap-heading .flap-regular-text a:link, .flap.flap-heading .flap-regular-text a:visited { color: #0ea6d2; } .flap .button-link { position: absolute; top: 0; left: 100%; height: calc(100% - 36px - 0.18em); margin-left: -15px; margin-top: calc(15px + 0.22em); } figcaption.flap { max-width: 100%; margin-right: 0px; white-space: normal; } .flap.flap-even span.flap-content:before { transform: skewX(0); } .flap small { font-size: 0.65em; line-height: 0.8em; margin-top: 0.1em; display: block; } .flap.flap-32 { font-size: 1em; } .flap.flap-32.flap-multiline { font-size: 0.8em; } .flap.flap-36 { font-size: 1.11em; } .flap.flap-36.flap-multiline { font-size: 0.89em; } .flap.flap-40 { font-size: 1.2em; } .flap.flap-40.flap-multiline { font-size: 1.02em; } .flap.flap-48 { font-size: 1.77em; } .flap.flap-48.flap-multiline { font-size: 1.42em; } .flap.flap-56 { font-size: 2em; } .flap.flap-56.flap-multiline { font-size: 1.6em; } .flap.flap-72 { font-size: 2.22em; } .flap.flap-72.flap-multiline { font-size: 1.77em; } .flap.flap-72.flap-multiline .flap-content { padding-top: calc(20px + 0.2em); } .flap.flap-80 { font-size: 2.22em; } .flap.flap-80.flap-multiline { font-size: 1.77em; } .flap.flap-80.flap-multiline .flap-content { padding-top: calc(20px + 0.2em); } #fullscreenSlider #sliderCaption a.flap { margin-top: -1.25em; } #fullscreenSlider #sliderCaption a.flap.flap-80.flap-multiline { margin-top: -1.65em; } #fullscreenSlider #sliderCaption a.flap.flap-72.flap-multiline { margin-top: -1.57em; } ul.artist-listing .flapsimple, .listing-with-flaps .flapsimple, .list-item-header-underlined .flapsimple { position: absolute; right: -0.2em; bottom: calc(0.55em - 3px); } .flapsimple, a.flapsimple { color:white; } .flapsimple { font-size: 1em; line-height: 1em; font-weight: 200; color: white; font-variant: small-caps; text-transform: lowercase; } .flapsimple .flap-content { padding: calc(0.2em) calc(10px + 0.2em) 0.35em calc(5px + 1em); box-sizing: content-box; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -600px -313px; } .flapsimple:before { content: ''; position: absolute; top: auto; right: 1px; bottom: -18px; z-index: -1; width: 9px; height: 20px; background: url(/ccds_tpl_img/fkp2017/spritesheet.svg) no-repeat; background-position: -150px -450px; } /* .flap.flap-rendered, .flap.flap-rendered .flap-content { transform: none !important; } .flap.flap-rendered:after, .flap.flap-rendered:before, .flap.flap-rendered .flap-content:before { content: none !important; display: block; position: absolute; background-color: transparent !important; transform: none !important; } .flap.flap-rendered .flap-content { transform: none !important; background-color: transparent !important; overflow: visible!important; } .flap span.flap-canvas-long-wrap { display: block; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; } */ .flap canvas.flap-canvas-short { position: absolute; top: 0px; left: 100%; } .event-details .flap { bottom: -5px; top: auto; margin-top: 0; } #mobileMenuButton { float: left; } @media (max-width: 1599px) { #fullscreenSlider #sliderCaption { height: 120px; padding-top: 5px; } #fullscreenSlider #sliderCaptionInner { float: left; max-width: calc(100% - 200px); display: block; } #sliderCaption a.flap.flap-stick-left { position: relative; float: left; right: auto; margin-left: calc(50% - 50vw + 10px); margin-bottom: -1em; margin-right: 25px; margin-top: -4px !important; top: 0; } } @media (max-width: 1299px) { .mr-overlay-content, .mr-overlay-container { max-width: calc(100vw - 100px); } *.styled-button { padding: calc(3px + 0.15em) calc(20px + 0.75em) calc(2px + 0.35em) calc(20px + 0.75em); } #startSlider { margin-top: -2em; margin-left: calc(50% - 50vw); width: 100vw; } #smallStartSliderLeft, #smallStartSliderRight { display: none !important; } #bigStartSlider .flex-viewport { height: calc(100vw / 16 * 8); max-height: calc(100vh / 16 * 10); min-height: calc(100vw / 16 * 8); } #bigStartSliderEdgeCanvas, #bigStartSliderEdgeGradientCanvas { display: none; } #bigStartSlider .flexslider { margin-left: 0; width: 100%; } #sliderCaption h1, #sliderCaption span.slider-headline { font-size: 2em; padding-right: 20px; } #fullscreenSlider #sliderCaption h2, #sliderCaption span.slider-subline { font-size: 1.5em; } #fullscreenSlider #sliderCaptionInner { margin-top: 0.6em; } #fullscreenSlider #sliderCaption.news-caption { height: 50px; } #startSlider #sliderCaption { padding: 20px 8.5em 10px 25px; } .flexslider figcaption, #sliderCaption { height: 115px; padding: 10px 10px 10px 15px; } } @media (max-width: 1199px) { ul#startPageEventListing figure { width: 254px; } article.event-teaser figure { height: calc(100% - 90px); } #fullscreenSlider #sliderCaptionInner { margin-top: 0.25em; } .input-radio label { line-height: 1.8em; } .selectbox-title span { line-height: 1.85em; } .flapsimple:before { /*right: 0;*/ bottom: -17px; } .flap.flap-80.flap-multiline { font-size: 1.4em; } .flapsimple .sprite { margin-bottom: -0.8em; } #fullscreenSlider #sliderCaption { height: 105px; padding-top: 10px; } #fullscreenSlider #sliderCaptionInner { max-width: calc(100% - 170px + 50vw - 50%); margin-right: calc(50% - 50vw); } #sliderCaption a.flap.flap-stick-left { margin-left: calc(50% - 50vw); margin-top: -0.4em !important; margin-bottom: -1em; margin-right: 25px; } } @media (max-width: 991px) { ul#startPageEventListing figure { width: 175px; } .flexslider figcaption, #sliderCaption { height: 90px; padding: 10px 10px 10px 15px; } #startSlider #sliderCaption { padding: 15px 8.5em 10px 25px; } #bigStartSlider .slidelink-youtube:before, #bigStartSlider .slidelink-youtube:after { width: 275px; height: 275px; margin-left: -137.5px; margin-top: -175px; } #bigStartSlider .slidelink-youtube:before { background-size: 850px; background-position: -425px -425px; } #bigStartSlider .slidelink-youtube:after { background-position: -1403px -978px; background-size: 1700px auto; } #searchbar input[type="text"] { width: calc(100% - 38px); padding: 8px 12px 10px 15px; height: 44px; line-height: 1em; margin-left: 0; } #searchbar.exposed input[type="text"] { width: calc(100% - 132px - 1px + 50px); } #searchbar input[type="submit"] { height: 44px; padding-left: 20px; padding-right: 20px; background-size: 750px auto; background-position: 120px -90px; } #searchbar.exposed input[type="submit"] { width: 46px; background-position: -13px -90px; } a#closeFilterButton { padding: 6px 5px 8px 5px; margin-left: -45px; height: 44px; width: 46px; } .accordion-element-header h2, .listing-with-flaps h2 { display: block; } .accordion-element-header h3, .listing-with-flaps h3 { display: block; margin-top: 0; } .accordion-element-header h2, .listing-with-flaps h2 { line-height: 1.2em; margin-top: 5px; padding-right: 0; margin-right: 0; border-right: none } } @media (max-width: 767px) { .mr-overlay-close { right: -35px; } article.event-teaser { padding: 0 0 66.67% 0; } #fullscreenSlider #sliderCaptionInner { margin-top: -0.15em; } *.styled-button { padding: calc(2px + 0.15em) calc(20px + 0.75em) calc(1px + 0.35em) calc(20px + 0.75em); } #fullscreenSlider #sliderCaption h2, #sliderCaption h2 { margin-bottom: 0.3em; } .flexslider figcaption, #sliderCaption { height: 75px; } #bigStartSlider .slidelink-youtube:before, #bigStartSlider .slidelink-youtube:after { width: 225px; height: 225px; margin-left: -113px; margin-top: -154px; } #bigStartSlider .slidelink-youtube:before { background-size: 750px; background-position: -375px -375px; } #bigStartSlider .slidelink-youtube:after { background-position: -1238px -863px; background-size: 1500px auto; } nav.subNavigation li { padding: 11px 20px 8px 20px; } nav.subNavigation { margin-left: -25px; width: calc(100% + 50px); margin-top: -1em; position: relative; } ul.filter-used-list li a.filter-delete-link { padding: 3px 6px 3px 6px; margin: -4px 0 -4px 5px; } .selectbox-title span { top: 3px; } #mobileFestivalNavigation .selectbox-title span { top: 0px; } .event-details-text { font-size: 0.9em; } .flap .sprite, .flapsimple .sprite { margin-right: 1px; margin-top: -0.65em; margin-bottom: -0.5em; vertical-align: middle; display: inline-block; } div#pageWrap { padding-top: 500px; margin-top: -500px; } footer aside#footerHotline { line-height: 1.35em; color: #a9a9a9; margin-top: 10px; margin-bottom: 15px; float: none; } main.container { padding-left: 20px; padding-right: 20px; } .language-selection span.language-selection-spacer { font-size: 1.05em; line-height: 1em; } #fullscreenSlider .flex-viewport { height: calc(100vw / 16 * 9 - 58px); max-height: initial; min-height: initial; } nav.subNavigation.flap-left { margin-left: -20px; width: calc(100% + 40px); overflow: hidden; margin-top: -1.65em; position: relative; } article.download-element .leftcol { margin: -5px 0 -12px -10px; margin-right: 20px; width: 85px; height: 82px; } .flap.flap-left { margin-left: 0; } .flap.flap-heading.flap-left { margin-left:-10px; } .flapsimple .sprite { margin-bottom: -0.65em; margin-left: -5px; margin-right: -5px; } ul.artist-listing .flapsimple, .listing-with-flaps .flapsimple, .list-item-header-underlined .flapsimple { bottom: calc(1em - 9px); right: 0; } .flapsimple .flap-content { padding: calc(0.3em) calc(10px + 0.2em) 0.40em calc(5px + 1em); } .sprite.filetype-pdf, .sprite.filetype-doc, .sprite.filetype-word, .sprite.filetype-docx, .sprite.filetype-xls, .sprite.filetype-excel, .sprite.filetype-xlsx { width: 85px; height: 82px; } .sprite.filetype-pdf { background-position: 4px -146px; } .sprite.filetype-doc, .sprite.filetype-word, .sprite.filetype-docx { background-position: -73px -146px; } .sprite.filetype-xls, .sprite.filetype-excel, .sprite.filetype-xlsx { background-position: -144px -149px; } main.container { padding-top: 1em; } #fullscreenSlider, #startSlider, #mobileFestivalNavigation { margin-top: -1em; } nav.subNavigation.flap-left { margin-top: -1em; } .list-item-underlined, .list-item-header-underlined { padding: 8px 0; } #startPageEventListing li .box-default { padding-top: 10px; } #startPageEventListing li { margin-bottom: 15px; } ul#startPageEventListing .figure-wrap { display: none; } ul#startPageEventListing h2 { vertical-align: middle; width: 40%; font-size: 1.2em; padding-right: 15px; } ul#startPageEventListing article h3 { vertical-align: top; width: 60%; font-size: 1em; padding-left: 15px; padding-right: 100px; font-weight: 300; } ul#startPageEventListing .article-inner { width: 100%; padding-right: 0px; float: none; margin-left: 0%; } article.newsteaser figure { width: 25%; /*max-height: calc(100vw * 0.25 / 16 * 10);*/ height: 100%; margin: 0 0 0 -5px; } article.newsteaser .summary { padding: 0 80px 0 10px; } article.newsteaser div.newsteaser-text { width: calc(75%); } article.newsteaser h2 { margin-left: 10px; } #contactFormLeft, #contactFormRight { width: 100%; max-width: 520px; } .flap.flap-absolute, .flap-absolute.flap.flap-72 { top: 50%; bottom: auto; margin-top: -1.67em; } #startSlider:hover .flap .flap-content { padding-left: calc(30px + 0.6em); padding-right: 0.5em; } a.flap:hover .flap-content { padding-left: calc(30px + 0.6em); padding-right: 0.5em; } a.flap.flap-left:hover .flap-content { padding-left: 0em; padding-right: calc(40px + 0.6em); } a.flap.flap-stick-left:hover .flap-content { padding-left: calc(30px + 0.6em); padding-right: 0.5em; margin-left: -15px; } #fullscreenSlider #sliderCaption { height: 85px; padding: 10px 0; } #sliderCaption a.flap.flap-stick-left { margin-left: calc(50% - 50vw); margin-top: -0.7em !important; margin-bottom: -1em; margin-right: 25px; } .sprite.sprite-share, .sprite.sprite-share-facebook, .sprite.sprite-share-twitter, .sprite.sprite-share-googleplus { background-size: 500px auto; } .sprite.sprite-share { background-position: -16px -165px; } .sprite.sprite-share-facebook { background-position: -66px -164px; } .sprite.sprite-share-twitter { background-position: -116px -164px; } .sprite.sprite-share-googleplus { background-position: -166px -164px; } .toolbox.toolbox-share { margin-top: -1px; height: 20px; width: 100px; } .flap.flap-72 { font-size: 1.777em; } .flap.flap-80.flap-multiline { font-size: 1.2em; } .flap.flap-72.flap-multiline { font-size: 1.5em; } .flap.flap-40 { font-size: 1.11em; } #fullscreenSlider #sliderCaptionInner { max-width: calc(100% - 140px); } #sliderCaption h1, #sliderCaption span.slider-headline { font-size: 1.65em; } #fullscreenSlider #sliderCaption h2, #sliderCaption h2, #sliderCaption span.slider-subline { font-size: 1.2em; } #startSlider #sliderCaption span.slider-subline { padding-left: 10px; } #startSlider #sliderCaption span.slider-headline { padding-right: 10px; } #fullscreenSlider #sliderCaption h2 { padding-left: 0px; } nav.pagination { font-size: 16px; } ul.pagination-list li a, ul.pagination-list li span { padding: 10px 4px; } ul.search-results .search-result h3, ul.search-results .search-result h4 { font-size: 1.11em; } ul.search-results .search-result h3, ul.search-results .search-result h4, ul.search-results .search-result span.location { display: inline-block; float:none; } ul.search-results .search-result { padding: 1.25em 12px; margin-left: -10px; box-sizing: content-box; width: 100%; } ul.search-results .search-result+.search-result { border-top: 1px solid #bcc2c4; } ul.search-results .search-result h3, ul.search-results .search-result h4, ul.search-results .search-result h5 { margin-right: 5px; } header#mainHeader, #mainContainerWrap { width: 100vw !important; } header#mainHeader { position: fixed; } div#mainContainerWrap { padding-top: 100px; margin-top: -48px; } header#mainHeader.has-filter+div#mainContainerWrap { margin-top: 0px; } footer { position: fixed; bottom: 0; width: calc(100vw - 50px - 20px); padding-left: 20px; padding-bottom: 50px; box-sizing: content-box; height: auto; z-index: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background:transparent; } footer #footerInner { margin: 0; padding: 0; } footer nav#footerNavigation { margin-left: 0; display: block; width: 100%; float: none; } footer #metaMenu, footer #socialMenu { display: block; } footer #metaMenu { margin-left: 0; margin-top: 0; padding-top: 0; } footer #socialMenu { padding-left: 0px; margin-top: 0px; float: none; position: absolute; bottom: 10px; width: 100%; } footer #socialMenu li a { text-indent: -5000px; padding: 0; width: 30px; height: 30px; } footer #socialMenu li+li { margin-left: 5px; } footer ul#metaMenu, footer ul#metaMenu li { float: none; } footer ul#metaMenu li { padding-left: 20px; margin-left: -20px; box-sizing: content-box; } footer ul#metaMenu li a { line-height: 0.9em; font-weight: 200; } footer #metaMenu li a { display: block; padding: 0 20px; margin-left: -20px; } footer #metaMenu li a:link, footer #metaMenu li a:visited { padding-top: 0.1em; padding-bottom: 0.3em; display: block; font-size: 1.4em; } footer #metaMenu li:hover, footer #metaMenu li.active { background-color: #0ea6d2; } .sprite.sprite-sm { background-image: url(/ccds_tpl_img/fkp2017/spritesheet.svg); } a#logo { background-size: 500px auto; background-position: -23px -9px; width: 60px; height: 35px; } #headerSpacer { display: none; } header #headerTop { height: 32px; } header#mainHeader { padding-bottom: 0; } header#mainHeader { float: left; } header #headerTop { float: left; z-index: 200; position: relative; } header #headerBottom { position: absolute; right: 0; height: 52px; padding-left: 0; padding-right: 10px; padding-top: 8px; width: 100%; } #searchbar { float: right; width: calc(100% - 140px); transition: all 500ms; } #searchbar.exposed { width: calc(100% - 10px); } #searchbar form { float: left; width: 100%; } #searchbar input[type="text"] { width: calc(100% - 38px - 1px); padding: 2px 10px 6px 10px; height: 36px; line-height: 1.2em; margin-left: 0; } #searchbar.exposed input[type="text"] { width: calc(100% - 131px - 1px + 50px); } #searchbar input[type="submit"] { height: 36px; padding: 5px 12px 8px 12px; text-indent: -5000px; width: 38px; margin-left: 1px; margin-right: 0px; background-size: 750px auto; background-position: -18px -94px; } #searchbar.exposed input[type="submit"] { width: 38px; background-position: -18px -94px; } a#closeFilterButton { padding: 3px 5px 8px 5px; height: 36px; width: 38px; line-height: 0.7em; } #searchbar.exposed a#closeFilterButton { margin-left: -42px; } #searchbar input[type="text"]::-webkit-input-placeholder { font-size: 18px; } #searchbar input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size: 18px; } #searchbar input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size: 18px; } #searchbar input[type="text"]:-ms-input-placeholder { font-size: 18px; } #searchbar input[type="text"]:placeholder { font-size: 18px; } #searchOverlayContentWrap { position: relative; z-index: 200; margin-top: 54px; height: calc(100% - 54px); padding-left: 10px; } #contactForm input[type="submit"] { height: 36px; margin-top: 5px; } header#mainHeader.has-filter { margin-bottom: 2em; } #mobileEventFilterButton { display: block; } #eventFilterFormWrap { background: #e0e1dc; width: 100%; padding: 0px 10px; box-sizing: content-box; max-height: 0px; opacity: 0; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #eventFilterForm { padding: 20px 0px; width: 100%; } ul.filter-used-list { font-size: 18px; width: calc(100% - 150px); } form#eventFilterForm:after { content: ''; display: block; position: absolute; z-index: 0; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1); width: 100%; height: calc(100% - 38px); padding: 20px; left: -20px; top: 0px; box-sizing: content-box; } #headerFilterbar .formfield-group, #headerFilterbar input, #headerFilterbar .selectbox { height: 36px; } input[type="submit"]#filterFormSubmit { text-indent: 24px; float: right; width: auto; line-height: 1.3em; margin-left: 0; height: 34px; padding-left: 30px; padding-right: 30px; background-position: -690px -20px; } #headerFilterbar .formfield-group .input-radio { padding-top: 2px; } #headerFilterbar .formfield-group input, #headerFilterbar .formfield-group .selectbox { height: 32px; } #headerFilterbar { overflow: hidden; font-size: 15px; font-variant: small-caps; text-transform: lowercase; margin-top: 0; position: absolute; padding-bottom: 20px; top: 100%; width: 100%; } #headerFilterbar:before { content: ''; display: block; position: absolute; z-index: -1; left: -20px; bottom: 20px; background-color: white; width: 100%; height: 20px; padding: 0 20px; box-sizing: content-box; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.85); } #headerFilterbar .formfield-container+.formfield-container { margin-left: 0px; } .selectbox.open { min-width: initial; } #filterSelectBandWrap, #filterSelectCityWrap, #filterDatesWrap { width: 100%; max-width: 100%; clear: both; } #filterInputZipWrap, #filterInputDistanceWrap { width: 50%; } #filterInputZipWrap input { border-right: none; } #filterInputDistanceWrap input { border-left: none; } .formfield-group .formfield-group-item+.formfield-group-item:before { height: 26px; } #filterInputDistanceWrap:before { margin-top: 1px; top: 0; left: 0; content: ''; display: block; position: absolute; z-index: 200; width: 1px; height: calc(100% - 2px); border-top: 5px solid white; border-bottom: 5px solid white; background-color: #bec7ca; } #filterDatesTypeWrap { width: 50%; } #filterDatesFromWrap, #filterDatesToWrap { width: 25%; } #filterDatesTypeRangeWrap { margin-left: 10px !important; } #headerFilterbar .input-radio label { line-height: 1.95em; } *.box-default { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); padding: 5px 10px 10px 10px; margin-bottom: 10px; } .box-default .summary { padding-right: 95px; } ul#startPageEventListing figure { position: relative; overflow: hidden; height: 96px; float: left; width: calc(100% + 20px); margin: -10px 0 10px -10px; } main.container { padding-bottom: 0px; min-height: calc(100vh - 52px); } .sprite { width: 75px; height: 75px; background-size: 750px auto; } .flapsimple .sprite { margin-bottom: -0.5em; } .sprite.sprite-small { width: 20px; height: 20px; } .sprite.sprite-medium { width: 30px; height: 30px; } #mobileFestivalNavigation .sprite.sprite-medium { width: 40px; height: 40px; } .sprite.sprite-warning { padding-right: 2px; background-position: -479px -27px; } .sprite.sprite-arrow-right { background-position: -173px -103px; } .sprite.sprite-arrow-left { background-position: -98px -103px; } .sprite.sprite-arrow-down { background-position: -326px -103px; } .sprite.sprite-arrow-up { background-position: -248px -103px; } .sprite.sprite-arrow-down.sprite-medium { background-position: -322px -99px; } .sprite.sprite-arrow-up.sprite-medium { background-position: -248px -99px; } .sprite.sprite-arrow-dark-left { background-position: -401px -102px; } .sprite.sprite-arrow-dark-right { background-position: -477px -102px; } .sprite.sprite-selectarrow-down { background-position: -622px -20px; } .sprite.sprite-selectarrow-up { background-position: -547px -20px; } .sprite.sprite-selectarrow-dark-down { background-position: -701px -175px; } .sprite.sprite-selectarrow-dark-up { background-position: -626px -175px; } .sprite.sprite-small.sprite-selectarrow-dark-down, .sprite.sprite-small.sprite-selectarrow-dark-up { width: 30px; height: 30px; } .sprite.sprite-small.sprite-selectarrow-dark-down { background-position: -698px -175px; } .sprite.sprite-small.sprite-selectarrow-dark-up { background-position: -623px -175px; } .sprite.sprite-menu { width: 50px; height: 50px; background-size: 1000px auto; background-position: -420px -25px; } a .sprite { margin-bottom: -5px; margin-top: -20px; margin-right: -5px; } .flap .sprite { margin-right: 8px; } .selectbox-arrow-down, .selectbox-arrow-up { margin-top: 0.25em; } #mobileFestivalNavigation .selectbox-title { padding: 0px 40px 0px 40px; height: 2em; } } @media (min-width: 480px) and (max-width: 599px) { ul.linked-images li .flap.flap-absolute { font-size: 1.2em; top: auto; margin-top: 0; bottom: 0; } #fullscreenSlider #sliderCaptionInner { max-width: calc(100% - 105px + 50vw - 50%); } } @media (max-width: 599px) { #bigStartSlider .slidelink-youtube:before, #bigStartSlider .slidelink-youtube:after { width: 150px; height: 150px; margin-left: -75px; margin-top: -103px; } #bigStartSlider .slidelink-youtube:before { background-size: 500px; background-position: -250px -250px; } #bigStartSlider .slidelink-youtube:after { background-position: -825px -575px; background-size: 1000px auto; } html.touch .pagination-list-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } a.pagination-prev:before, a.pagination-next:before, nav.pagination.pagination-hashes:before, nav.pagination.pagination-hashes:after { z-index: 100; position: absolute; content: ''; height: 25px; width: 20px; top: -0.1em; } a.pagination-prev:before, nav.pagination.pagination-hashes:before { right: -15px; background: #e0e1dc; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(224, 225, 220, 1) 0%, rgba(224, 225, 220, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(224, 225, 220, 1) 0%, rgba(224, 225, 220, 0) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(224, 225, 220, 1) 0%, rgba(224, 225, 220, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(224, 225, 220, 1)', endColorstr='rgba(224, 225, 220, 0)',GradientType=0 ); /* IE6-9 */ } a.pagination-next:before, nav.pagination.pagination-hashes:after { left: -10px; background: #e0e1dc; /* Old browsers */ background: -webkit-linear-gradient(90deg, rgba(224, 225, 220, 0) 0%, rgba(224, 225, 220, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(90deg, rgba(224, 225, 220, 0) 0%, rgba(224, 225, 220, 1) 100%); /* FF3.6-15 */ background: linear-gradient(90deg, rgba(224, 225, 220, 0) 0%, rgba(224, 225, 220, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(224, 225, 220, 0)', endColorstr='rgba(224, 225, 220, 1)',GradientType=0 ); /* IE6-9 */ } ul.pagination-list li:first-child { padding-left: 10px; } ul.pagination-list li:last-child { padding-right: 10px; } nav.pagination.pagination-hashes { margin-left: -20px; width: 100vw; } nav.pagination.pagination-hashes .pagination-list-wrap { max-width: 100%; } nav.pagination.pagination-hashes:before { left: -1px; right: auto; } nav.pagination.pagination-hashes:after { left: auto; right: -1px; } .flap.flap-40 .flap-content, .flap.flap-40.flap-left .flap-content { padding-top: 27px; padding-bottom: 28px; } .flexslider figcaption, #sliderCaption { height: 70px; } article.newsteaser figure { display: none; margin: 0; } article.event-teaser { height: calc((100vw - 20px) / 16 * 12); padding: 0; } article.event-teaser figure { height: calc(100% - 70px); } article.newsteaser .summary { padding: 0 80px 0 0px; } article.newsteaser div.newsteaser-text { width: 100%; } article.newsteaser h2 { margin-left: 0px; } .flap-absolute.flap.flap-72 { margin-top: -1.95em; } .flap.flap-heading.flap-left { width: calc(100% + 25px); white-space: normal; } ul.filter-used-list { font-size: 1em; } .flap.flap-40 { font-size: 1.11em; } .two-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #fullscreenSlider #sliderCaption { height: 70px; padding-top: 10px; } #sliderCaption a.flap.flap-stick-left { margin-top: -1em !important; margin-left: calc(50% - 50vw - 10px); } .flap.flap-72 { font-size: 1.25em; } .flap.flap-72.flap-multiline { font-size: 1.15em; } #sliderCaption h1, #sliderCaption span.slider-headline { font-size: 1.334em; } #fullscreenSlider #sliderCaption h2, #sliderCaption h2, #sliderCaption span.slider-subline { font-size: 1.1em; } .flap.flap-absolute { top: 50%; margin-top: -1.7em; } } @media (max-width: 479px) { .mr-overlay-close { right: -25px; } a#closeFilterButton { line-height: 0.85em; } .list-item-underlined, .list-item-header-underlined { padding: 8px 0 4px 0px; } #mobileFestivalNavigation .sprite.sprite-medium { height: 35px; } #mobileFestivalNavigation .selectbox-arrow-down, #mobileFestivalNavigation .selectbox-arrow-up { margin-top: 0.15em; } .flexslider figcaption, #sliderCaption { height: 55px; } #sliderCaption h1, #sliderCaption span.slider-headline { font-size: 1.33em; } #fullscreenSlider #sliderCaption h2, #sliderCaption h2, #sliderCaption span.slider-subline { font-size: 1.1em; } #fullscreenSlider .flex-viewport { height: calc(100vw / 16 * 9); } #fullscreenSlider #sliderCaptionInner { margin-top: 0.15em; } .toolbox.toolbox-share { margin-top: -3px; } #fullscreenSlider #sliderCaptionInner { max-width: calc(100% - 140px); } ul.linked-images li .flap.flap-absolute { font-size: 1.667em; top: auto; margin-top: 0; bottom: 0; } ul#startPageEventListing .article-inner { display: block; } .box-default.box-default-small { padding: 10px 16px 38px 16px; } .event-details h3 { padding-right: 85px; } .event-details .flap.flap-absolute { top: auto; bottom: -0.9em; margin-top: 0; } .event-details .flap.flap-absolute .flap-content:before { left: 10px; } .event-details .flap.flap-absolute .flap-content { padding-right: 12px; } .event-details-text { font-size: 1em; padding-top: 0.25em; } nav.subNavigation.flap-left, #startSlider, #fullscreenSlider, #mobileFestivalNavigation { margin-top: -1em; } .event-details-text, .event-cancelled .event-details-text, .event-soldout .event-details-text { padding-right: 0; } .calendar-links:before { width: 20px; background-size: 800px auto; background-position: -429px -270px; } .flap.flap-36 .sprite, .flap.flap-40 .sprite { width: 20px; margin-right: 2px; margin-top: -0.6em; height: 20px; background-size: 650px auto; } .flap.flap-36 .sprite.sprite-warning, .flap.flap-40 .sprite.sprite-warning { background-position: -414px -22px; } .flapsimple:before { right: 1px; } .viewport-width-xx { width: 100vw; } .full-width-xx { width: 100%; } .styled-button.full-width-xx { text-align: center; } #startPageEvents .styled-button { width: calc(100% - 20px); margin-left: 10px; } *.styled-button { display: block; } ul.artist-listing .flapsimple, .listing-with-flaps .flapsimple, .list-item-header-underlined .flapsimple { bottom: calc(1em - 8px); } .flapsimple .flap-content { padding: calc(0.3em) calc(10px + 0.2em) 0.40em calc(5px + 1em); } ul.pagination-list li a, ul.pagination-list li span { padding: 10px 3px; } html.mobile-menu-open header#mainHeader, html.mobile-menu-open #mainContainerWrap, html.mobile-menu-open #lightboxOverlay { -webkit-transform: translateX( calc(100vw - 50px) ); -moz-transform: translateX( calc(100vw - 50px) ); -o-transform: translateX( calc(100vw - 50px) ); transform: translateX( calc(100vw - 50px) ); } #mobileMainNavigation { width: calc(100vw - 50px - 20px); } article.download-element .leftcol { margin-right: 10px; } article.newsteaser figure { margin: -10px 0 10px -10px; width: calc(100% + 20px); height: 0; padding-bottom: 50%; } article.newsteaser div.newsteaser-text { width: 100%; } article.newsteaser h2, .news-listing li h2 { margin-left: 0; padding-right: 80px; } article.newsteaser .flap.flap-absolute { top: -15px; margin-top: 0; } article.download-element .flap.flap-absolute { top: auto; bottom: -10px; margin-top: 0; } .news-listing li .flap.flap-absolute { margin-top: 0; top: -16px !important; } ul#startPageEventListing .article-inner { width: 100%; } ul#startPageEventListing li .article-inner h2 { display: block; border-bottom: 1px solid #00607c; border-right: none; width: 100%; text-align: left; padding-right: 100px; padding-bottom: 0.5em; } ul#startPageEventListing li .article-inner h3 { width: 100%; display: block; padding-top: 0.5em; padding-left: 0; } ul#startPageEventListing li .flap.flap-absolute { top: -12px !important; margin-top: 0; } article.newsteaser div.newsteaser-text { width: 100%; } .box-default .summary { padding-right: 0; } .flap.flap-heading { font-size: 20px; } .flap-spacer { display: inline-block; margin: 0 10px; font-size: 0.8em; } .flap-regular-text { text-transform: none; font-variant: normal; font-size: 0.75em; } .flap.flap-heading .flap-regular-text a { font-weight: 500; } .flap .button-link { position: absolute; left: 100%; margin-left: 25px; margin-top: -7px; } .flap-absolute.flap.flap-72 { margin-top: -2.1em; } nav.subNavigation ul { font-size: 1.22em; } figcaption.flap { max-width: calc(100% - 10px); } #filterDatesTypeWrap { width: auto; } #filterDatesFromWrap { margin-left: 20px !important; } #filterDatesFromWrap, #filterDatesToWrap { width: 20.3%; min-width: 80px; } .flap.flap-40 { font-size: 1.11em; } .flap.flap-32 .flap-content, .flap.flap-36 .flap-content, .flap.flap-40 .flap-content, .flap.flap-48 .flap-content, .flap.flap-32.flap-left .flap-content, .flap.flap-36.flap-left .flap-content, .flap.flap-40.flap-left .flap-content, .flap.flap-48.flap-left .flap-content { padding-top: 27px; padding-bottom: 28px; } .flap.flap-32.flap-left .flap-content, .flap.flap-36.flap-left .flap-content, .flap.flap-40.flap-left .flap-content, .flap.flap-48.flap-left .flap-content { margin-left: 7px; } .flap.flap-32:before, .flap.flap-36:before, .flap.flap-40:before, .flap.flap-48:before { right: -5.4px; bottom: 13px; width: 6px; } .flapsimple:before { width: 6px; bottom: -13px; } .flap.flap-32:after, .flap.flap-36:after, .flap.flap-40:after, .flap.flap-48:after { width: 7px; right: -6px; clip:rect(-2em 40px 6em 0px); } .flap.flap-left.flap-32:before, .flap.flap-left.flap-36:before, .flap.flap-left.flap-40:before, .flap.flap-left.flap-48:before { right: -6px; bottom: 5px; width: 6px; } .flap.flap-left.flap-32:after, .flap.flap-left.flap-36:after, .flap.flap-left.flap-40:after, .flap.flap-left.flap-48:after { width: 7px; right: -6px; clip: rect(-2em 7px 6em -10px); } .flap.flap-left { margin-left: 0px; } article.newsteaser .summary { display: block; width: auto; padding: 0; } header #headerBottom { padding-right: 5px; } #searchbar { float: right; width: calc(100% - 120px); } ul.filter-used-list { width: 100%; } input[type="submit"]#filterFormSubmit { text-indent: 0; width: 100%; } .flap.flap-absolute { top: 50%; margin-top: -2.15em; } #startSlider #sliderCaption span.slider-headline { white-space: normal; min-width: 90px; } #startSlider #sliderCaption { padding: 10px 7em 10px 10px; } #mobileMenuButton { width: 35px; margin: -10px 10px 0 -10px; } .sprite.sprite-menu { width: 50px; height: 50px; background-size: 750px auto; background-position: -314px -12px; } } @media (max-width: 359px) { #mobileFestivalNavigation .sprite.sprite-medium { height: 30px; } #mobileFestivalNavigation .selectbox-arrow-down, #mobileFestivalNavigation .selectbox-arrow-up { margin-top: 0.07em; } #bigStartSlider .slidelink-youtube:before, #bigStartSlider .slidelink-youtube:after { width: 99px; height: 99px; margin-left: -50px; margin-top: -75px; } #bigStartSlider .slidelink-youtube:before { background-size: 330px; background-position: -165px -165px; } #bigStartSlider .slidelink-youtube:after { background-position: -545px -380px; background-size: 660px auto; } body { font-size: 12px; } main.container { padding-left: 10px; padding-right: 10px; } h1.regular-headline { font-size: 2.5em; } .flapsimple:before { right: 0; } ul.artist-listing .flapsimple, .listing-with-flaps .flapsimple, .list-item-header-underlined .flapsimple { bottom: calc(1em - 7px); } .flapsimple .flap-content { padding: calc(0.25em) calc(10px + 0.2em) 0.45em calc(5px + 1em); } .article-links li+li { margin-left: 12px; } #searchbar input[type="text"] { padding: 0px 10px 5px 10px; } nav.subNavigation.flap-left { margin-left: -10px; width: calc(100% + 20px); } .flapsimple .sprite { margin-bottom: -0.65em; } .sprite.sprite-warning { background-size: 500px auto; padding-right: 2px; background-position: -320px -17px; margin-top: -0.1em; width: 15px; height: 15px; } .sprite.sprite-arrow-left { background-position: -102px -104px; } .flap .sprite, .flapsimple .sprite { margin-top: -0.32em; } .flap.flap-absolute { top: 50%; margin-top: -2.2em; } .flap .sprite { margin-right: 4px; } article.newsteaser h2 { margin-left: 0; padding-right: 75px; } #fullscreenSlider #sliderCaptionInner { max-width: calc(100% - 140px); } } @media (min-width: 360px) and (max-width: 399px) { .article-links li+li { margin-left: 14px; } } @media (min-width: 360px) and (max-width: 479px) { body { font-size: 13px; } h1.regular-headline { font-size: 2.3em; } } @media (min-width: 480px) and (max-width: 767px) { body { font-size: 15px; } h1.regular-headline { font-size: 2.2em; } .box-default .summary { padding-right: 105px; } #filterDatesTypeWrap { width: 50%; } #filterDatesFromWrap { margin-left: 0; } } @media (min-width: 600px) and (max-width: 767px) { ul.linked-images li .flap.flap-absolute { font-size: 1.334em; top: auto; margin-top: 0; bottom: 0; } } @media (max-width: 599px) and (orientation: landscape) { footer #socialMenu { transform: translateZ(1.001px) scale(0.85); } } @media (max-width: 359px) { footer #socialMenu { transform: translateZ(1.001px) scale(0.85); } } @media (max-height: 399px) { footer #socialMenu { transform: translateZ(1.001px) scale(0.85); } } @media (max-height: 299px) { footer #socialMenu { transform: translateZ(1.001px) scale(0.65); } } @media (max-width: 767px) and (orientation: landscape) { #mobileMainNavigation, footer ul#metaMenu li a { font-size: 7vh; } footer aside#footerHotline { font-size: 3.5vh; } footer { top: 30px; bottom: auto; left: calc(50% - 30px); width: calc(50% - 50px); } #mobileMainNavigation ul { width: calc(50% - 10px); } } @media (max-width: 767px) and (orientation: portrait) { #mobileMainNavigation, footer ul#metaMenu li a { font-size: 3.8vh; } footer aside#footerHotline { font-size: 2.0vh; } } @media (max-height: 599px) and (device-aspect-ratio: 40/71) and (orientation: portrait) { #mobileMainNavigation, footer ul#metaMenu li a { font-size: 3.1vh; } footer aside#footerHotline { font-size: 1.9vh; } } @media (max-width: 767px) and (min-height: 399px) and (orientation: landscape) { #mobileMainNavigation, footer ul#metaMenu li a { font-size: 6vh; } footer aside#footerHotline { font-size: 3vh; } } @media (min-width: 768px) { #pageWrap { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; width: 100% !important; } } @media (max-width: 991px) { html.no-touch body { width: 100vw; overflow-x: hidden; } html.no-touch footer { width: 100vw; } html.no-touch body::-webkit-scrollbar { width: 12px; background: rgba(255, 255, 255, 0.35); } html.no-touch body::-webkit-scrollbar-thumb { background: url(/ccds_tpl_img/fkp2017/scrollthumb.png); } html.no-touch body::-webkit-scrollbar-track { background: transparent; } .artist-shows { margin-top: 4em; } .artist-details-left-col, .artist-shows { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { ul#startPageEventListing h2 { font-size: 1.33em; } ul.linked-images li .flap.flap-absolute { font-size: 1.334em; top: auto; margin-top: 0; bottom: 0; } article.newsteaser figure { width: 25%; /*max-height: calc(100vw * 0.25 / 16 * 10);*/ height: 100%; margin: 0 0 0 -10px; } article.newsteaser .summary { padding: 0 80px 0 20px; } article.newsteaser div.newsteaser-text { width: calc(75%); } #contactFormLeft, #contactFormRight { width: 49%; } body { font-size: 16px; } h1.regular-headline { font-size: 2.1em; } a#logo { background-size: 750px auto; background-position: -35px -14px; width: 90px; height: 48px; } #mainNavigation { margin-left: 10px; } #mainNavigation ul li.menu-item a { line-height: 15px; font-size: 0.9em; padding: 14px 15px 18px 15px; } #mainNavigation ul li.menu-item a:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: -12px; left: -1px; padding:12px 1px; } #mainNavigation ul li.menu-item a:hover, #mainNavigation ul li.menu-item.active a { color:white; z-index: 10; } #mainNavigation ul li.menu-item a:hover:after, #mainNavigation ul li.menu-item.active a:after { opacity: 1; } #mainNavigation .language-selection { line-height: 15px; font-size: 0.9em; padding: 14px 20px 18px 15px; vertical-align: top; position: relative; border-left: solid 1px #a1a1a1; } #searchbar input[type="text"] { margin-left: -10px; width: calc(100% - 220px - 1px + 18px); } #eventFilterFormWrap { margin-left: -10px; width: calc(100% + 18px); } #filterInputZipWrap, #filterInputDistanceWrap { width: 10%; } #filterSelectBandWrap, #filterSelectCityWrap { width: 18%; } .formfield-container+.formfield-container { margin-left: 5px; } #filterDatesFromWrap, #filterDatesToWrap { width: 69px; } #filterDatesTypeWrap { width: 115px; } #filterDatesWrap { width: 36%; max-width: 36%; } } @media (min-width: 768px) and (max-width: 1199px) { footer nav#footerNavigation { display: block; } footer #socialMenu, footer #metaMenu { padding-top: 0; float: left; display: block; } footer #metaMenu { margin-top: 20px; } footer #socialMenu { clear: both; padding-left: 0; margin-top: 10px; width: auto; } } @media (min-width: 992px) and (max-width: 1199px) { body { font-size: 16px; } h1.regular-headline { font-size: 2.1em; } a#closeFilterButton { padding: 10px 10px 10px 10px; } #mainNavigation ul li.menu-item a { line-height: 20px; font-size: 0.9em; padding: 19px 25px 25px 25px; } #mainNavigation ul li.menu-item a:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: -10px; left: -1px; padding:10px 1px; } #mainNavigation ul li.menu-item a:hover, #mainNavigation ul li.menu-item.active a { color:white; z-index: 10; } #mainNavigation ul li.menu-item a:hover:after, #mainNavigation ul li.menu-item.active a:after { opacity: 1; } #mainNavigation .language-selection { line-height: 20px; padding: 19px 25px 25px 36px; vertical-align: top; position: relative; border-left: solid 1px #a1a1a1; } .language-selection a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .language-selection a, .language-selection span { float: left; display: block; } .language-selection span.language-selection-spacer { margin:0 4px; } #mainNavigation .language-selection a:link.active, #mainNavigation .language-selection a:visited.active { color: #0ea6d2; font-weight: 400; } #filterSelectBandWrap, #filterSelectCityWrap { width: 18%; } .formfield-container+.formfield-container { margin-left: 5px; } #filterDatesFromWrap, #filterDatesToWrap { width: 84px; } #filterDatesTypeWrap { width: 130px; } #filterDatesWrap { width: 33%; max-width: 33%; } } @media (min-width: 1200px) and (max-width: 1239px) { #searchbar input[type="text"] { width: calc(100% - 200px); margin-left: -10px; } #searchbar.exposed input[type="text"] { width: calc(100% - 151px - 1px + 50px); } a#closeFilterButton { margin-left: -50px; } } @media (max-height: 720px) and (min-width: 768px) { #searchbar input[type="text"], #searchbar input[type="submit"], a#closeFilterButton { height: 44px; } #searchbar input[type="submit"] { background-size: 750px auto; background-position: 120px -91px; } #searchbar.exposed input[type="submit"] { width: 46px; padding-right: 0; padding-left: 0; background-position: -13px -90px; } #searchbar.exposed input[type="text"] { width: calc(100% - 124px + 50px); } a#closeFilterButton { width: 46px; margin-left: -51px; line-height: 1em; padding: 0 10px 10px 10px; } #searchOverlayContentWrap { height: calc(100% - 170px); } header #headerBottom { padding-top: 14px; height: 58px; } #fullscreenSlider .flex-viewport { max-height: calc(100vh - 165px); } footer { position: relative; bottom: auto; width: 100%; background-color: #0c0f10; height: 109px; z-index: 999; color: white; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); } footer aside { float: right; } } @media (max-height: 720px) and (min-width: 1200px) and (max-width: 1239px) { #searchbar.exposed input[type="text"] { width: calc(100% - 139px + 50px); } } @media (max-height: 720px) and (min-width: 1200px) { padding: -0.05em 10px 10px 10px; } @media (max-height: 720px) and (min-width: 768px) and (max-width: 991px) { #searchbar.exposed input[type="text"] { width: calc(100% - 139px + 50px); } } .iframe-widget h3 { margin: 25px 0 10px 0; } .iframe-widget .alert-danger { margin-bottom: 10px; font-size: 15px; color: red; margin-left: 0px; padding-left: 0; display: block; width: 100% !important; } .iframe-widget .alert-danger ul { margin-top: 5px; } .iframe-widget select, .iframe-widget input[type=number] { width: 100%; color: #000; background-color: #fff; border: 1px solid #bec7ca; height: 40px; float: left; padding: 4px 10px 6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em; } .iframe-widget .form-group { zoom: 1; margin-bottom: 10px; } .iframe-widget .form-group:before, .iframe-widget .form-group:after { content: ""; display: table; } .iframe-widget .form-group:after { clear: both; } .iframe-widget button { margin: 0; margin-top: 20px; color: #fff; font-weight: 400; text-transform: lowercase; font-variant: small-caps; background-color: #00607c; height: 40px; border: none; padding: 4px 10px 6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em; } /* Micro ClearFix Mixin */ #contactForm span.form-error { display: none; } #contactForm textarea.error + span.form-error, #contactForm input.error + span.form-error, #contactForm select.error + span.form-error { display: block; } #contactForm + #cf_msg_box { font-weight: bold; font-size: 1.5em; } #contactForm label.error { color: red; } #contactForm label.privacy { font-size: 13px; line-height: 20px; } .support-bands > span:after, .support-bands > a:after { content: ','; margin-right: 5px; } .support-bands > span.support:after, .support-bands > span:last-child:after, .support-bands > a:last-child:after { content: ''; margin-right: 0; } @media (max-width: 767px) { #filterInputZipWrap .selectbox { border-right: none; } #filterInputDistanceWrap .selectbox { border-left: none; } } /** * jumping pager fix */ ul.pagination-list li { border-bottom: 3px solid transparent; } .pagination-bottom ul.pagination-list li { border-top: 3px solid transparent; border-bottom: 0; } /** * iframe hot fix */ .iframe-fullscreen-wrap { height: auto; } img { transition: margin-top 0.5s; } #ticketIframe { padding-bottom: 40px; } #ticketIframe iframe { width: 100%; } body.SEITE_FKP_TICKETSHOP main.container { padding-bottom: 0; } .article-links { margin-top: 2em; } ul.accordion { clear: both; } ul.accordion + .ABSATZ { margin-top: 1.5em; } span.vline { line-height: .7em; display: inline-block; overflow: hidden; font-weight: 200; } input[type=checkbox] { -webkit-appearance: checkbox; } /** * Cookie Banner */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .cc-window.cc-banner .cc-message { font-size: 14px; color: #00607c; line-height: 20px; padding-right: 10px; } .cc-window.cc-banner .cc-btn.cc-dismiss { color: #00607c; border-color: #00607c; } .cc-window.cc-banner .cc-link { padding: 0; } .cc-window.cc-bottom { border-top: 1px solid rgba(0, 0, 0, 0.1); bottom: 109px; background-color: #fdf9f4; z-index: 10; } .cc-window.cc-banner { padding-left: 0; padding-right: 0; } .cc-window.cc-banner .cc-message { padding-right: 0; } .cc-window.cc-banner .message-box { display: inline-block; position: relative; padding-top: 4px; } .cc-window.cc-banner .cc-compliance { padding-top: 12px; } @media (min-width: 768px) and (max-width: 991px) { .cc-window.cc-banner .cc-compliance { width: 100%; display: block; } } @media (min-width: 768px) { .cc-window.cc-banner .cc-compliance { display: inline-block; float: right; padding-left: 0; padding-top: 0; width: auto; } } .cc-window.cc-banner .cc-compliance .cc-btn.cc-dismiss { font-weight: normal; flex: 0; } .cc-window.cc-banner a.cc-link { font-size: 14px; opacity: 1; padding-right: 0; } .cc-window.cc-banner .col-xs-12 { margin-bottom: 0; } @media (max-width: 767px) { .cc-window.cc-banner { bottom: 0; padding-left: 9px; padding-top: 9px; } } /** * kontaktformular_form */ .kontaktformular_form { max-width: 420px; margin: 0 auto; } .kontaktformular_form input[type="email"], .kontaktformular_form input[type="text"], .kontaktformular_form input[type="submit"], .kontaktformular_form button.submit, .kontaktformular_form input.submit { float: none; } .kontaktformular_form input.submit, .kontaktformular_form button.submit { margin: 0 auto; display: block; } .kontaktformular_form .question-text { padding: 15px 0 5px 0; } .kontaktformular_form .privacy.error, .kontaktformular_form div.error { color: red; } .kontaktformular_form .privacy.error input, .kontaktformular_form div.error input { border-color: red; } .kontaktformular_form .privacy { margin-top: 15px; font-size: 13px; line-height: 14px; display: inline-block; margin-bottom: 15px; } .kontaktformular_form .formfield-FRAGE_MIT_GROSSER_ANTWORT textarea { width: 100%; box-sizing: border-box; } .kontaktformular_form + .cf_msg_box .error, .kontaktformular_form .cf_msg_box .error { color: red; border: 1px solid; padding: 10px; } .kontaktformular_form + .cf_msg_box .success, .kontaktformular_form .cf_msg_box .success { color: green; border: 1px solid green; padding: 10px; } .kontaktformular_form + .cf_msg_box { margin-bottom: 15px; clear: both; } .kontaktformular_form .formfield-BILD_UPLOAD { /* Uploader Icon */ position: relative; margin-top: 15px; } .kontaktformular_form .formfield-BILD_UPLOAD .kontaktformular_image_upload { margin-left: 10px; background-color: #00607c; padding: 2px 5px; display: inline-block; color: #FFF; } .kontaktformular_form .formfield-BILD_UPLOAD .upload_loading { width: 200px; height: 200px; background: url(/ccds_tpl_img/ajax-loader.gif) no-repeat center; z-index: 9999; position: absolute; top: 50%; left: -99999em; margin-left: -100px; margin-top: -100px; } .kontaktformular_form .formfield-BILD_UPLOAD .image-container { width: 100%; } .kontaktformular_form .formfield-BILD_UPLOAD .image-container a { display: block; padding-top: 20px; width: auto; text-align: center; } .kontaktformular_form .formfield-BILD_UPLOAD .image-container a img { max-width: 100%; } #mobileMainNavigation { padding: 25px 0 60px 40px; } @media (max-width: 767px) { footer { padding-bottom: 30px; } footer #socialMenu { bottom: 0; } } .contact_form.kontaktformular_form select { width: 100%; color: black; background-color: white; border: 1px solid #bec7ca; height: 40px; float: left; padding: 4px 10px 6px 10px; box-sizing: border-box; line-height: 1.6em; } .mmcm-content-blocker .action br { display: none; } .mmcm-content-blocker .action .mmcm-content-blocker-btn { display: inline-block; padding: 3px 10px; text-align: center; background: #195c79; color: #fff; margin-right: 5px; border-radius: 2px; } .mmcm-content-blocker .action .mmcm-content-blocker-btn:hover { background: #103c4f; } .mmcm-content-blocker .action .mmcm-content-blocker-btn-settings { background: #EEE; color: #333; } .mmcm-content-blocker .action .mmcm-content-blocker-btn-settings:hover { background: #d5d5d5; } .mmcm-content-blocker .action .mmcm-content-blocker-btn:before { content: ""; } .archive-table { width: 100%; } .archive-table tr td { border-bottom: 1px solid #ccc; } .archive-table tr td:not(:first-child) { width: 20%; } .archive-pagination-wrap { width: 100%; } .archive-pagination-wrap .archive-pagination { float: left; padding: 0 5px; } .archive-pagination-wrap .archive-pagination a { padding: 10px 3px; } /*# sourceMappingURL=mmDefault.css.map */