::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background-color: #FFF; }
::-webkit-scrollbar-thumb { background-color: #CCC; }
::-webkit-scrollbar-thumb:hover { background-color: #CCC; }
*:focus {
outline: none;
outline-color: transparent;
outline-style: auto;
outline-width: 0;
}
/* ----------------------------------
FONT ROBOTO
---------------------------------- */
@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2'),
url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+0460052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto; font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+0400045F,U+04900491,U+04B004B1,U+2116}@font-face{font-family:Roboto; font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+037003FF}@font-face{font-family:Roboto; font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+01020103,U+1EA0-1EF1,U+20AB}@font-face{font-family:Roboto; font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto; font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Thin.ttf") format("truetype");unicode-range:U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+0460052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+0400045F,U+04900491,U+04B004B1,U+2116}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+037003FF}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+01020103,U+1EA0-1EF1,U+20AB}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto; font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Light.ttf") format("truetype");unicode-range:U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+0460052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+0400045F,U+04900491,U+04B004B1,U+2116}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+037003FF}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+01020103,U+1EA0-1EF1,U+20AB}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto; font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-Regular.ttf") format("truetype");unicode-range:U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+0460052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+0400045F,U+04900491,U+04B004B1,U+2116}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+037003FF}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+01020103,U+1EA0-1EF1,U+20AB}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto; font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url("/assets/default/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");unicode-range:U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
/* ----------------------------------
BOOTSTRAP
---------------------------------- */
/* ---------------- */
/* custom variables */
/* ---------------- */
.container {
padding-left:20px;
padding-right:20px;
padding-bottom: 20px;
}
@media only screen and (max-width : 480px) {
.container {
padding-left:10px;
padding-right:10px;
}
}
.container-fluid {
max-width:1200px;
position:relative;
}
.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 {
padding-left:10px;
padding-right:10px;
}
/* ------------- */
/* colors */
/* ------------- */
.text-primary,
a.text-primary ,
a.text-primary:visited,
a.text-primary:active {
color:#00BCD4;
}
a.text-primary:hover {
color:#009fb4;
}
.modal {
z-index: 9999999;
}
.modal-content {
border: 5px solid rgba(0,0,0,.2);
border-radius: 0;
}
.modal-header {
background: #EEE;
}
/* ------------- */
/* components */
/* ------------- */
/* buttons */
.btn {
border-radius: 0;
border-color: transparent;
border-radius: 0;
}
.btn-default {
background: transparent;
}
.btn-primary {
background-color: #00BCD4;
color:#FFF;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited,
.open > .dropdown-toggle.btn-primary {
background-color: #00BCD4;
color:#FFF;
border-color: transparent;
}
.btn .neicon {
font-size: 18px;
/*line-height: 0;*/
/*vertical-align: sub;*/
}
/* dropdown menu */
.dropdown-menu li > a {
display: block;
padding: 2px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-header {
color:#999;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
text-decoration: none;
color: #00bbd3;
background-color: #fff;
}
.header-social [class^="iconsocial-"] {
color: #CCC;
font-size: 22px;
display: inline-block;
width: 20px;
height: 80px;
vertical-align: middle;
line-height: 87px;
text-align: center;
}
.header-social a:hover [class^="iconsocial-"] {
color: #333;
}
/* pager */
.pager {
margin: 10px 0 15px;
}
.pager li > a, .pager li > a:hover, .pager li > a:active {
background-color:#00bbd3;
border-color:#00bbd3;
}
/*.pager li>a, .pager li>span {
display: block;
padding: 5px 14px;
background-color: #009fb4;
border: 1px solid #009fb4;
border-radius: 15px;
color: #FFF!important;
margin: 0 10px;
}*/
/* lists */
.list-group-item {
border: 1px dashed rgba(0,0,0,0.1);
}
.panel > .list-group .list-group-item {
margin: 0 15px;
padding: 10px 0;
border-width : 0 0 1px 0;
}
.panel > .list-group .list-group-item:last-child {
border: 0;
}
.list-group .list-group-item {
border-left:none;
border-right:none;
border-radius:0;
}
/* navbar */
.navbar-default {
background-color: #FFF;
margin-bottom: 0;
border-radius:0;
border: 0;
z-index:9999998;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
@-webkit-keyframes affixtrans {
0% { top: -100px;}
100% { top: 0;}
}
@keyframes affixtrans {
0% { top: -100px;}
100% { top: 0;}
}
.navbar-default.affix {
width:100%;
top:0;
-webkit-animation-name: affixtrans; /* Chrome, Safari, Opera */
-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
animation-name: affixtrans;
animation-duration: 0.5s;
animation-delay: 0s;
}
.navbar-default .navbar-brand {
background: url(/img/logo.svg?v2) no-repeat 0 0 #FFF;
background-size: contain;
width: 90px;
height: 65px;
padding: 0;
position: absolute;
z-index: 999;
/* border-radius: 100%; */
margin: 5px 0 0 -55px!important;
}
/*.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #cffaff;
background-color: transparent;
}*/
.navbar-default .navbar-nav {
width: 100%;
margin:0;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
}
.navbar-default .navbar-text {
color: #cffaff;
}
.navbar-default .navbar-toggle {
margin:5px 15px 0 0;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color:#009fb4 !important;
border-color:#009fb4 !important;
}
.navbar-default .navbar-toggle .icon-bar {
color: #fff;
background: #fff;
}
.navbar-default .navbar-nav > li > a {
color: #cffaff;
padding-top: 18px;
padding-bottom: 17px;
}
.navbar-default .navbar-nav a.account,
.navbar-default .navbar-nav a.language {
margin: 13px 0 20px 8px;
display: block;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #FFFFFF;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a .title {
font-family: Roboto,Arial;
font-size: 18px;
font-weight: 300;
}
@media only screen and (min-width : 768px) {
.navbar-default .navbar-nav > li > a.active {
color: #00BCD4!important;
/*background-color: #004e68;*/
}
/*.navbar-default .navbar-nav > li > a.active:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent rgba(255,255,255,0.4) transparent;
display: block;
position: absolute;
bottom: -1px;
left: 50%;
margin-left: -6px;
}*/
}
.navbar-default .navbar-nav > li > a.active .title {
/*font-size: 20px;*/
font-weight: 400;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #ffffff;
}
.navbar-nav > li > .dropdown-menu,
.events-filters .dropdown-menu,
.n-language .dropdown-menu,
.n-account .dropdown-menu {
border-radius: 0!important;
-webkit-border-radius: 0!important;
border-top-left-radius: auto;
border-top-right-radius: auto;
min-width: 340px;
/*width: 340px;*/
border: 1px solid rgba(0,0,0,0.05);
margin-top: 0;
}
.n-account .dropdown-menu ul {
display: inline-block;
width: 340px;
vertical-align: top;
}
.dropdown.noclose .dropdown-menu {
display:block !important;
}
.dropdown-menu .count {
display: block;
float: right;
font-size: 11px;
line-height: 18px;
color: #CCC;
}
.navbar .neicon {
font-size: 24px;
margin: -4px 4px 0 0;
line-height: 14px;
}
.navbar .n-account .neicon {
font-size: 18px;
margin: 0 12px 0 0;
line-height: 0;
}
.navbar-form {
margin-top:19px;
}
.navbar-form input::-webkit-input-placeholder { color:#999; }
.navbar-form input::-moz-placeholder { color:#999; }
.navbar-form input:-ms-input-placeholder { color:#999; }
.navbar-form input:-moz-placeholder { color:#999; }
.navbar-form .btn-primary {
background: #009fb4;
border: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
@media only screen and (max-width: 1300px) {
.navbar-default .navbar-brand {
margin-left:-10px!important;
}
.events-filters .container-fluid {
padding-left: 110px!important;
}
}
@media only screen and (max-width : 480px) {
.nav > li > a {
padding: 10px;
}
/*.navbar-default .navbar-brand {
font-size:30px;
}*/
}
@media only screen and (min-width : 768px) {
/*.navbar-nav {
margin-bottom: 0;
margin-top: 0;
}*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
max-height:none;
}
.navbar-default .navbar-brand {
margin-left: 0;
}
}
@media (max-width: 991px) {
.navbar .neicon {
font-size: 28px;
margin: -3px 4px 0 0;
line-height: 14px;
}
}
@media only screen and (max-width : 767px) {
.navbar-default .navbar-brand {
background: url(/img/logo.svg?v2) no-repeat 0 0 #FFF;
background-size: contain;
width: 50px;
height: 40px;
padding: 0;
position: absolute;
z-index: 0;
/* border-radius: 100%; */
margin: 2px 0 0 -10px!important;
}
.nav-active #ne-leaderboard {
display: none;
}
/*.navbar-default .navbar-nav > .open {
}
.navbar-default .navbar-nav > .open > ul {
background-color: #00bbd3;
border-top: 3px solid #cffaff;
position: fixed;
bottom: 0;
top:58px;
left: 0;
right: 0;
overflow-y: scroll;
}
.navbar-default .navbar-nav .open .dropdown-menu li > a {
color: #cffaff !important;
font-size: 110%;
}*/
.navbar-nav .open .dropdown-menu {
margin: 0;
border: 0;
box-shadow: none;
max-width: 100%!important;
width: 100%!important;
overflow: hidden;
box-sizing: border-box;
}
}
/* --- City typeahead --- */
.navbar-nav .flt-locality .twitter-typeahead {
width: 288px;
}
.navbar-nav .flt-locality .twitter-typeahead input {
margin:5px;
}
.navbar-nav .tt-dropdown-menu,
.navbar-nav .tt-menu {
display:block;
background: #FFF;
color:#333;
width: 300px;
padding:0;
margin-top:4px;
}
.navbar-nav .tt-dropdown-menu .tt-suggestions,
.navbar-nav .tt-dropdown-menu .tt-suggestions .tt-suggestion p,
.navbar-nav .tt-menu .tt-suggestion,
.navbar-nav .tt-menu .tt-suggestion .tt-suggestion p {
padding:0;
margin:0;
}
.navbar-nav .tt-dropdown-menu .tt-suggestions .tt-suggestion,
.navbar-nav .tt-menu .tt-suggestion .tt-suggestion {
padding:8px 8px ;
cursor:pointer;
}
.navbar-nav .tt-dropdown-menu .tt-suggestions .tt-suggestion:hover,
.navbar-nav .tt-dropdown-menu .tt-suggestions .tt-suggestion.tt-cursor,
.navbar-nav .tt-menu .tt-suggestion:hover,
.navbar-nav .tt-menu .tt-suggestion.tt-cursor {
background:rgba(0,0,0,0.05);
}
/* --- Panels --- */
/* /TBC */
.panel-primary {
border: 0;
border-bottom: 4px solid #0A9EB2;
border-radius: 0;
font-size: 1.1em;
font-weight: 100;
letter-spacing: .1em;
line-height: 1em;
text-transform: uppercase;
text-align: center;
}
/* /TBC */
.panel-default {
border-radius: 0;
}
.panel-body {
padding: 10px;
}
.panel-default > .panel-heading {
background: none;
border:0;
}
.panel h4 {
/*margin:10px 0 0;*/
}
/* --- Forms --- */
.navbar .form-control {
border-radius: 20px;
color: #666;
}
.form-control:focus {
border-color:#00bbd3;
}
.navbar .form-control.from,
.navbar .form-control.to {
padding-right: 5px;
text-align: left;
}
.navbar .form-group .neicon {
color: #999;
}
/* --- Helpers --- */
.center-block {
text-align : center;
}
/* ----------------------------------
STRUCTURE
---------------------------------- */
/* Default */
#main {
background:#fff;
width:100%;
max-width:1200px;
margin:0 auto;
padding: 20px 0;
display: table;
table-layout: fixed;
text-align: left;
}
.mainContainer {
width: 100%;
display: table-cell;
padding-right: 20px;
}
.mainContainer.right {
padding-left: 15px;
}
.mainContainer > div {
max-width: 100%;
}
.sideContainer {
display:table-cell;
vertical-align: top;
width: 315px;
max-width: 315px;
padding:0 0 0 15px;
position: relative;
}
.sideContainer .item aside {
height: auto;
}
.sideContainer .item {
margin-bottom: 10px;
}
@media only screen and (max-width : 768px) {
.mainContainer {
display: block;
padding: 20px 0;
}
.mainContainer.right {
padding-left: 0;
}
.sideContainer {
display: block;
width: 100%;
max-width:inherit;
padding:0;
}
}
@media only screen and (max-width : 1200px) {
#main {
display: block;
padding: 0 20px;
}
}
/* ----------------------------------
SKIN
---------------------------------- */
body {
/*padding-top: 66px;*/
background: #FFF;
-webkit-filter: grayscale(0%) opacity(1);
}
/*body.loading > *:not(.pageloader) {
-webkit-filter: grayscale(100%) opacity(0.5);
}*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #4D4D4D;
font-weight: 300;
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
h1, .h1 {
margin-top: 10px;
color: #333;
margin-bottom: 30px;
font-size: 32px;
font-weight: 400;
}
h1.litle {
font-size:18px;
margin-top: -18px;
}
h2, .h2 {
margin-top: 10px;
margin-bottom: 10px;
}
h4, .h4 {
font-size: 1.4em;
}
h5, .h5 {
font-size: 16px;
line-height: 19px;
font-weight: 900!important;
}
a, a:focus, a:hover, a:visited, a:active {
color: inherit;
text-decoration: none;
}
/* --- ADVERTSING --- */
/*.holder-content .advertising {
text-align: center;
}
.holder-content .advertising img {
display: block;
margin: 15px auto;
}*/
/* --- SEARCH --- */
#id-global-search input {
background: #FFF;
border: 1px solid rgba(0,0,0,0.05);
color: #333;
/* width: 275px; */
-webkit-transition: width 1s;
transition: width 1s;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 16px;
line-height: 40px;
padding: 19px 42px 19px 12px;
}
#id-global-search:focus input,
#id-global-search:hover input,
#id-global-search input:focus,
#id-global-search input:hover {
/*width:300px;*/
-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s;
}
#id-global-search .neicon {
color: #333;
line-height: 30px;
margin: 2px;
font-weight: bold;
font-size: 20px;
}
#id-global-search input::-webkit-input-placeholder {color: rgba(0,0,0,0.2);}
#id-global-search input:-moz-placeholder { /* Firefox 18- */color: rgba(0,0,0,0.2);}
#id-global-search input::-moz-placeholder { /* Firefox 19+ */color: rgba(0,0,0,0.2);}
#id-global-search input:-ms-input-placeholder { color: rgba(0,0,0,0.2);}
#id-global-search .tt-hint {
color:rgba(0,0,0,0.5);
}
#id-global-search pre {
overflow: hidden;
}
#id-global-search .tt-dropdown-menu,
#id-global-search .tt-menu {
width: 100%;
border: 1px solid rgba(0,0,0,0.05);
max-height: 400px;
overflow-y: auto;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#id-global-search .tt-dropdown-menu h5,
#id-global-search .tt-menu h5 {
color:#333;
border-bottom: 2px solid #333;
margin-bottom:0;
margin-top:0;
padding:8px;
}
#id-global-search .tt-dropdown-menu .tt-suggestions,
#id-global-search .tt-menu .tt-suggestion {
font-size: 11px;
display: table;
padding: 8px;
width:100%;
}
#id-global-search .tt-dropdown-menu .tt-suggestion,
#id-global-search .tt-menu .tt-suggestion {
border-top: 1px dashed rgba(0,0,0,0.1);
}
}
#id-global-search .tt-dropdown-menu .tt-suggestion .title,
#id-global-search .tt-menu .tt-suggestion .title {
font-size: 13px;
font-family: Roboto,Arial;
font-weight: 300;
}
#id-global-search .tt-dropdown-menu .tt-suggestion p,
#id-global-search .tt-menu .tt-suggestion p {
display: table-row;
padding: 0;
margin: 0;
}
#id-global-search .tt-dropdown-menu .tt-suggestion img,
#id-global-search .tt-menu .tt-suggestion img {
display: table-cell;
margin:4px 8px 4px 0px;
max-width: 50px;
vertical-align: top;
}
#id-global-search .tt-dropdown-menu .tt-suggestion bloc,
#id-global-search .tt-menu .tt-suggestion bloc {
width: 40px;
display: block;
float: left;
background: rgba(0,0,0,0.2);
height: 40px;
border: 0;
margin:4px 8px 4px 0px;
}
#id-global-search .tt-dropdown-menu .tt-suggestion i,
#id-global-search .tt-menu .tt-suggestion i {
color:rgba(0,0,0,0.8);
font-size:12px;
}
#id-global-search .tt-dropdown-menu .tt-suggestion infos,
#id-global-search .tt-menu .tt-suggestion infos {
display: table-cell;
padding: 0;
margin: 0;
vertical-align: top;
width: 100%;
color: #999;
font-size: 12px;
}
#id-global-search .tt-dropdown-menu .tt-suggestion infos .title,
#id-global-search .tt-menu .tt-suggestion infos .title {
font-weight: bold!important;
color: #333!important;
}
#id-global-search .tt-dataset-blood_locality .tt-suggestions {
font-size: 12px;
}
#id-global-search .tt-dataset-blood_locality .tt-suggestion p:before {
content: "\E095";
display: block;
float: left;
font-size:14px;
line-height: 14px;
margin-right: 4px;
font-family:'neicon';
}
#id-global-search .tt-suggestion i.eventslist {
width: 100%;
text-overflow: ellipsis;
height: 32px;
display: inline-block;
overflow: hidden;
}
#id-global-search .tt-dataset .tt-suggestion {
cursor: pointer;
}
#id-global-search .tt-dataset .tt-suggestion:last-child {
border-bottom: 4px solid rgba(0,0,0,0.5);
}
#id-global-search .tt-dataset .tt-suggestion:first-child {
border: 0!important;
}
#id-global-search .tt-menu .tt-loading {
display: none;
background: rgba(0,0,0,0.2);
width: 100%;
padding: 10px;
text-align: center;
}
#id-global-search.pending .tt-menu .tt-loading {
display: block;
}
#id-global-search.pending .tt-menu {
display: block!important;
}
#id-global-search .tt-dataset .tt-suggestion img {
min-width:50px;
min-height:50px;
background:rgba(0,0,0,0.2);
}
#id-global-search .tt-dataset-blood_themas img,
#id-global-search .tt-dataset-blood_events img {
min-height:1px!important;
}
.spinner {
margin: 4px 0 4px 0px;
text-align: center;
}
.spinner > div {
width: 10px;
height: 10px;
background-color: #FFF;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
margin-right: 10px;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@media only screen and (max-width : 992px) {
#id-global-search:focus input,
#id-global-search:hover input,
#id-global-search input:focus,
#id-global-search input:hover,
#id-global-search.focus input {
/*width:400px;*/
-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s;
}
}
@media only screen and (max-width : 767px) {
/*body {
margin-top: 79px;
}*/
/*.navbar {
margin-bottom: 46px;
}*/
.navbar {
padding-bottom: 50px;
}
.twitter-typeahead {
width: 100%;
}
#id-global-search input,
#id-global-search:focus input,
#id-global-search:hover input,
#id-global-search input:focus,
#id-global-search input:hover,
#id-global-search.focus input {
/*border:1px solid rgba(255,255,255,0.4)!important;*/
/*border:0;*/
border-radius:0;
margin:0;
padding:16px 30px 16px 40px;
-webkit-transition: none !important; /* For Safari 3.1 to 6.0 */
transition: none !important;
width: auto;
/*background: #FFF!important;
color: #FFF;*/
box-shadow: none;
}
.form-control-feedback {
left: 1px;
top: 1px;
}
.search-gbl {
position: absolute!important;
width: 100%;
margin: 4px 0;
top: 60px;
left: 0;
/*border: 2px solid rgba(255,255,255,0.5);*/
border-width: 2px 0;
padding: 4px 0;
}
.search-gbl form {
margin: 0;
padding: 0!important;
border: 0;
}
.search-gbl form input {
margin: 0;
}
.search-gbl form input::-webkit-input-placeholder,
.search-gbl form input::-moz-placeholder,
.search-gbl form input:-ms-input-placeholder,
.search-gbl form input:-moz-placeholder { color:rgba(255,255,255,0.8)!important; }
}
@media only screen and (min-width : 1200px) {
#id-global-search:focus input,
#id-global-search:hover input,
#id-global-search input:focus,
#id-global-search input:hover,
#id-global-search.focus input {
width:400px;
-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s;
}
}
.infos-no-events-found {
display:block;
padding: 20px;
color:rgba(0,0,0,0.5);
text-align: center;
font-style: italic;
border: 3px solid #00BCD4;
margin-bottom: 20px;
}
/* --- FILTERS --- */
.waittodisplay {
display:none;
}
.events-filters {
background: #004e68;
height:100%;
height: 32px;
line-height: 18px;
}
.events-filters .container-fluid {
padding-left: 60px;
}
.events-filters > ul {
padding:0;
margin-bottom:0;
}
.events-filters > ul > li {
float:left;
list-style: none;
padding:0;
margin: 0;
display:inline-block;
}
.events-filters .bootstrap-select,
.events-filters .btn.dropdown-toggle,
.events-filters select {
border: 0;
background: transparent;
color: rgba(255,255,255,1);
box-shadow: none;
border-radius: 0;
outline: none!important;
outline-offset: 0;
max-width: 300px;
height: 32px;
}
.events-filters .dropdown-menu {
min-width:250px!important;
}
.events-filters .has-selection .bootstrap-select,
.events-filters .has-selection .btn.dropdown-toggle {
color:#FFF;
}
.events-filters-btn .btn {
background: rgba(255,255,255,0.4);
color: #00bbd3;
padding: 4px 14px;
margin: 0;
border-radius: 0;
height: 32px;
line-height: 18px;
}
li.events-filters-map {
float:right!important;
}
/********* infos-apply-filters (message explicatif du bouton filtrer) *********/
/* Chrome, Safari, Opera */
@-webkit-keyframes keyInfosApplyFilters {
0% {opacity: 0;}
5% {opacity: 1;}
70% {opacity: 1;}
100% {opacity: 0;}
}
/* Standard syntax */
@keyframes keyInfosApplyFilters {
0% {opacity: 0;}
5% {opacity: 1;}
70% {opacity: 1;}
100% {opacity: 0;}
}
/********* filters-bread *********/
.filters-bread,
.filters-bread ul,
.filters-bread ul li,
.filters-bread ul li a {
display:block;
margin: 0;
padding:0;
list-style: none;
}
.filters-bread {
margin-top: -10px;
}
.filters-bread ul {
margin-bottom: 15px;
height:100%;
overflow: hidden;
}
.filters-bread ul:before {
content: 'Filtres: ';
display: block;
float: left;
padding: 2px 0px;
background: transparent;
color: #CCC;
line-height: 21px;
font-size: 12px;
}
.filters-bread ul li {
display: block;
color: #FFF;
background: #CCC;
padding: 2px 7px;
margin-left: 10px;
margin-bottom: 1px;
float: left;
cursor: pointer;
font-size: 13px;
line-height: 20px;
border-radius: 50px;
}
.filters-bread ul li a {
display: inline-block;
}
.filters-bread ul li a:hover {
color:rgba(255,255,255,0.5);
}
.filters-bread ul li .remove {
content: 'x';
display: block;
float: right;
margin: 1px -4px 0 8px;
line-height: 15px;
padding: 0 4px;
height: 18px;
border: 1px solid #FFF;
border-radius: 50px;
}
.filters-bread ul li .remove:before {
content:'x';
}
.filters-bread ul li .remove:hover {
color:rgba(255,255,255,0.5);
border-color:rgba(255,255,255,0.5);
}
/* --- breadcrumb --- */
.events-breadcrumb {
height: 38px;
min-height: 38px;
overflow: hidden;
line-height: 18px;
margin-bottom: 0px;
border-bottom: 1px dashed rgba(0,0,0,0.1);
padding-top: 4px;
}
.events-breadcrumb > ul {
padding:0 10px;
margin-bottom:0;
background-color: rgba(255,255,255,0.5);
}
.events-breadcrumb > ul > li {
float:left;
list-style: none;
padding:6px;
margin: 0;
display:inline-block;
color:#CCC;
font-size:12px;
}
.events-breadcrumb > ul > li a {
color:#009fb4;
}
.events-breadcrumb > ul > li:before {
content: '\00BB';
display: inline-block;
padding: 0px 10px 0 0;
color: #CCCCCC;
}
.events-breadcrumb > ul > li:first-child:before {
display:none;
}
/* --- TEASER --- */
/*#teaser-container {
background: #EEE;
}
.teaser-item {
background-color: #000;
}
.teaser-caption-background {
background: #FFF;
opacity: 0.2;
}
.teaser-caption-text:hover h2 {
color:#FFF;
}*/
/*#teaser-container {
background: #000;
margin: 0;
position: relative;
height: 400px;
overflow: hidden;
border-color: #fff;
border-style: solid;
border-width: 0 0 20px 0;
}
.teaser-background {
filter: blur(10px) brightness(70%);
-webkit-filter: blur(10px) brightness(70%);
height: 400px;
background-color: #000;
background-size: auto 100%;
background-position: top center;
}
.teaser-content {
position: absolute;
top: 0;
left:0;
right: 0;
margin: 0 auto;
border-color: #fff;
border-style: solid;
border-width: 0 4px 0;
z-index: 1;
max-width:1200px;
}
.teaser-content img {
-moz-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.teaser-caption-background {
position: absolute;
top: 0;
right: 0;
background: #333;
opacity: 0.8;
height: 380px;
width: 330px;
z-index: 2;
}
.teaser-caption-image {
display: block;
background-size: cover;
}
.teaser-caption-text {
color: #fff;
font-family: Roboto, Arial;
font-weight: 200;
height: 270px;
line-height: 1.8em;
overflow: hidden;
position:absolute;
right:20px;
text-align: left;
text-align: justify;
top:20px;
width: 260px;
z-index: 3;
}
.teaser-caption-text h2 {
font-family: Roboto, Arial;
font-size: 2.2em;
font-weight: 100;
margin-top: 0;
text-align: left;
text-transform: uppercase;
}
.teaser-caption-text h2 {
color: #EEE;
}
.teaser-caption-text:hover h2 {
color: #00bbd3;
}
.teaser-caption-text p {
font-family: Roboto, Arial;
font-weight: 300;
color: rgba(255,255,255,0.6);
}
.teaser-caption-text e {
font-size: 20px;
}
@media (max-width: 480px) {
}
@media (max-width: 768px) {
#teaser-container,
.teaser-background {
height: 300px;
}
.teaser-caption-background {
width:100%;
top: 220px;
height: 80px;
}
.teaser-caption-text {
width: auto;
left: 15px;
right: 15px;
top: 220px;
font-size: 18px;
}
.teaser-caption-text p {
display: none;
}
}
@media (max-width: 992px) {
}
@media (max-width: 1200px) {
.teaser-background {
filter: none;
-webkit-filter:none;
}
.teaser-content {
width: 100%;
}
.teaser-content img {
display: none !important;
}
}
@media (min-width: 1201px) {
.teaser-content {
width: 1200px;
}
.teaser-caption-image {
height: 380px;
width: 862px;
}
#teaser-container {
border-width: 0 0 5px 0;
height: 385px;
}
.teaser-caption-text {
height: 330px;
width: 290px;
}
.teaser-caption-background {
width: 330px;
}
}
*/
/* --- EVENTS --- */
/* Section Titles */
.section-title {
color: #333;
/* border-bottom: 4px solid #DEDEDE; */
/*line-height: 0;
margin: 50px 0 50px 0;*/
text-align: left;
}
/*.section-title h2,
.section-title .h2 {
font-size: 40px;
}
*/
.section-title * {
background-color: #FFF;
color:#000;
margin:0;
display: inline-block;
text-transform: uppercase;
}
.section-title > * {
padding: 20px 0;
font-weight: bold;
}
.section-subtitle {
display: block;
color: #999;
margin: -10px 0 10px 0;
}
aside .section-title {
/*margin: 30px 0 30px 0;*/
}
aside .section-title h4 {
font-weight: 900;
}
.section-title-list {
background: rgba(0,0,0,0.05);
padding: 8px;
margin-bottom: 8px;
}
.section-title-list h1,
.section-title-list h2,
.section-title-list h3,
.section-title-list h4,
.section-title-list h5 {
padding:0;
margin:0;
text-transform: capitalize;
}
/* tabs */
.ne-tabs {
display:table;
border-collapse: collapse;
margin-bottom: 10px;
position: relative;
}
.ne-tabs > ul {
display: table-row;
list-style: none;
margin:0;
padding:0;
}
.ne-tabs > ul:after {
content: ' ';
display: table-cell;
border-bottom: 1px solid #DDD;
width: 100%;
}
.ne-tabs > ul > li {
display: table-cell;
/*border: 1px solid #DDD;*/
border-bottom: 1px solid #DDD;
white-space: nowrap;
color: #666;
font-size: 14px;
/*text-transform:capitalize;*/
position: relative;
vertical-align: bottom;
text-align: center;
line-height: 16px;
}
.ne-tabs > ul > li > a .neicon {
margin-right: 8px;
margin-left: -4px;
}
.ne-tabs > ul > li > a {
display: inline-block;
padding: 8px 16px;
border-bottom: 5px solid #EEE;
color: #999;
}
.ne-tabs > ul > li.active > a {
border-bottom: 5px solid #00bbd3;
color: #00bbd3;
}
.ne-tabs > ul > li:hover {
background: #00BCD4;
color: #FFF;
}
.ne-tabs > ul > li:hover > a {
color:#FFF;
border-bottom-color: #009fb4;
}
.ne-tabs > ul > li.active:hover {
background: transparent;
color: inherit;
}
.ne-tabs > ul > li.active:hover a {
color:#009fb4;
}
.ne-tabs > ul > li .badge {
position: absolute;
top: -10px;
right: 5px;
font-size: 10px;
border: 1px solid #CCC;
border-radius: 10px;
background: #FFF;
color: #999;
}
/* Holder-box */
.holder-box {
position: relative;
width: 100%;
overflow: hidden;
/*background-color: #e8e8e8;*/
}
.holder-box:before {
content: "";
display: block;
padding-top: 56.25%;
}
.holder-box.default:before {
padding-top: 56%;
}
.holder-box.picture_3-4:before {
padding-top: 47.75%;
}
.holder-box.2-4:before {
padding-top: 66.25%;
}
.holder-box.picture_1-4:before {
padding-top: 100%;
}
.holder-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
-moz-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
/*border-radius: 4px;
overflow: hidden;*/
}
.holder-content:after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0.03);
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background: transparent;
pointer-events: none;
}
.holder-content div {
display: table;
width: 100%;
height: 100%;
background-size: cover;
background-position: center top;
/*border: 1px solid #dedede;*/
transform: scale(1) rotate(0deg);
transition: all 2s ease-in-out;
-webkit-filter: brightness(1);
filter: brightness(1);
}
/*.holder-content:hover div {
transform: scale(1.2) rotate(0deg);
transition: all 0.5s ease-in-out;
-webkit-filter: brightness(0.5);
filter: brightness(0.5);
}*/
.holder-content img {
/*visibility: hidden;*/
display: none;
}
.holder-content span {
color: #333;
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: 0;
z-index: 200;
background: rgba(255,255,255,0.2);
padding: 4px 8px;
border-radius: 0;
font-size: 13px;
display: inline-block;
height: auto;
font-family: Roboto, Arial;
font-weight: 300;
-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
transition: all 1s;
min-height: 46px;
margin-bottom: -100%;
max-height: 100%;
}
.holder-content:hover span {
margin-bottom: 0;
background: rgba(255,255,255,0.9);
-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
transition: all 0.5s;
}
@media (max-width: 480px) {
.item.category .holder-box.picture_1-4:before {
padding-top: 30%;
}
}
/* Events Tiles */
.item {
color:#4D4D4D;
position: relative;
margin-bottom: 20px;
}
.item aside {
height: 156px;
overflow: hidden;
}
.item h3 {
font-size: 18px;
font-weight: 400;
line-height: 20px;
margin: 0 0 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item.places h3 {
margin-top: -8px;
margin-bottom: -2px;
}
/*.item h3:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid white;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
position: absolute;
margin-left:-15px;
margin-top:-33px;
left:50%;
text-align: center;
}*/
[display-mode="list"] h3 {
white-space: normal;
}
.item.news .media-left {
float: left;
padding-bottom: 2px;
}
.item.news img {
width: 180px;
height: auto;
}
.item:hover .grayscale {
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.item .category {
width: 100%;
display: block;
line-height: 20px;
margin-top: 8px;
font-size: 11px;
color: #666;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* dates */
.item .date {
background-color: #00BCD4;
border-radius: 30px;
color: #fff;
float: left;
font-size:22px;
font-weight: 300;
line-height: 18px;
margin: 10px 10px 0 0;
padding:5px 4px;
text-align: center;
}
.item .date span {
display: table-cell;
font-size: 18px;
line-height: 16px;
padding: 3px 8px 0;
text-align: center;
min-width: 10px;
vertical-align: top;
}
.item .date span.startDate {
/*padding-right: 3px;*/
}
.item .date span.endDate {
/*padding-left: 15px;*/
}
.item .date span.to {
padding: 3px 0;
width: 0;
}
.item .date span.to:before {
content: "\00BB";
font-family: 'Arial';
font-size: 20px;
position: absolute;
margin-left: -5px;
}
.item .date small {
display: block;
font-size: 10px;
text-transform: uppercase;
}
.item .date2 {
color: #00BCD4;
line-height: 24px;
}
.item .date2 span.to:before {
content: "\00BB";
font-family: 'Arial';
font-size: 20px;
/* position: absolute; */
margin-left: 0px;
width: 24px;
display: inline-block;
padding: 0 6px;
color: #EEE;
line-height: 0;
}
.item .date2 span.startDate,
.item .date2 span.endDate {
font-weight: bold;
}
.item .date2 span small {
font-weight: normal;
}
.item .indicator {
display: block;
position: absolute;
z-index: 100;
overflow: hidden;
width: 150px;
height: 150px;
top:0;
left: 0;
}
.item .indicator div {
display: block;
width: 120px;
height: auto;
text-align: center;
background-color: #333;
color: #FFF;
padding-top: 130px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: -90px;
left: -78px;
font-size: 0.85em;
position: absolute;
}
.item .indicator div.soldout { background-color:#CC0000; }
.item .indicator div.soldout:before { content:'SOLDOUT'; }
.item .indicator div.free { background-color:#89C93F; }
.item .indicator div.free:before { content:'FREE'; }
.item .indicator div.thema { background-color:#000; }
.item .indicator div.thema:before { content:'DOSSIER'; }
.item .indicator div.cancelled { background-color:#CC0000; }
.item .indicator div.cancelled:before { content:'CANCELLED'; }
.item .indicator div.SelectEndOfYear { display:none; }
.lang-fr .item .indicator div.soldout:before { content:'SOLDOUT'; }
.lang-fr .item .indicator div.free:before { content:'GRATUIT'; }
.lang-fr .item .indicator div.cancelled:before { content:'ANNULE'; }
.lang-fr .item .indicator div.thema:before { content:'DOSSIER'; }
.lang-nl .item .indicator div.soldout:before { content:'SOLDOUT'; }
.lang-nl .item .indicator div.free:before { content:'GRATIS'; }
.lang-nl .item .indicator div.cancelled:before { content:'CANCELLED'; }
.lang-nl .item .indicator div.thema:before { content:'THEMAS'; }
/* --------------------
EVENTS LIST
----------------------- */
/* list toolbar */
.ne-list-toolbar {
display: table;
/*table-layout: fixed;*/
height: 32px;
width: 100%;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 10px;
}
.ne-list-toolbar > ul {
display: table-row;
padding: 0;
margin: 0;
list-style: none;
}
.ne-list-toolbar > ul > li {
display: table-cell;
padding: 4px 0;
margin: 0;
list-style: none;
white-space: nowrap;
vertical-align: middle;
color: #999;
}
.ne-list-toolbar a.ne-btn-more-list {
margin: 0 2px 0 0;
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px 10px;
border-radius: 4px;
}
.ne-list-toolbar > ul > li.display {
display:inline-block;
margin-left: 4px;
}
.ne-list-toolbar > ul > li.record {
/*width: 100%;*/
text-align: center;
width: 100%;
font-size: 12px;
text-align: left;
}
.ne-list-toolbar > ul > li.paging {
/*min-width: 350px;*/
width: 100%;
text-align: center;
line-height: 0;
}
.ne-list-toolbar .dropdown {
display: block;
background: transparent;
border: 1px solid #DDD;
padding: 0;
font-size: 12px;
margin-left: 4px;
}
.ne-list-toolbar .dropdown > a {
padding: 7px 12px 6px 12px;
display: block;
}
.fixedtitle {
border-top: 1px solid rgba(0,0,0,0.05);
padding: 10px 0px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}
body:not(.is-mobile) .fixedtitle > div {
padding: 0;
}
/* list item */
body:not(.is-mobile) [display-mode="list"] .holder-box {
width: 150px;
float: left;
margin-right: 15px;
}
@media only screen and (min-width : 992px) {
body:not(.is-mobile) [display-mode="list"].detail .holder-box {
width: 250px;
float: left;
margin-right: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
}
body:not(.is-mobile) [display-mode="list"] .date {
position:absolute;
right:15px;
top:0;
}
body:not(.is-mobile) [display-mode="list"] .item {
border-bottom: 1px solid #EEE;
padding-bottom: 0;
margin-bottom: 10px;
}
body:not(.is-mobile) [display-mode*="list"]:last-child .item {
border-bottom:0;
}
body:not(.is-mobile) [display-mode="list"] .item h3:before {
border:0;
}
body:not(.is-mobile) [display-mode="list"] .item aside {
height: auto;
/*margin-right: 120px;*/
}
body:not(.is-mobile) [display-mode="list"] .holder-content .category {
display: none!important;
}
body:not(.is-mobile) [display-mode="list"] .description,
.item.events .description {
font-size: 13px;
line-height: 18px;
color: #999;
/*text-align: justify;*/
}
body:not(.is-mobile) [display-mode="list"].detail .description {
display: block;
font-style: italic;
}
body:not(.is-mobile) [display-mode="list"] .price {
display: none;
font-size: 12px;
color: #999;
padding: 4px 8px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
}
body:not(.is-mobile) [display-mode="list"] .price:before {
content: 'Prix: ';
font-weight: bold;
margin-right: 5px;
}
.nl [display-mode="list"] .price:before {
content: 'Prijs: ';
}
body:not(.is-mobile) [display-mode="list"].detail .price {
display: inline-block;
}
body:not(.is-mobile) [display-mode="list"] .price.free:after {
content: 'Gratuit';
}
.nl [display-mode="list"] .price.free:after {
content: 'Gratis';
}
body:not(.is-mobile) [display-mode="list"] .item.events:before,
body:not(.is-mobile) [display-mode="list"] .item.events:after {
content: " ";
display: table;
}
body:not(.is-mobile) [display-mode="list"] .item.events:after {
clear: both;
}
body:not(.is-mobile) [display-mode="list"] .item.gallery .media-photos {
clear: both;
padding: 10px 0 0 0;
height: 100%;
overflow: hidden;
}
body:not(.is-mobile) [display-mode="list"] .item.gallery .media-photos .img-responsive {
border: 2px solid #EEE;
width: 80px;
height: 80px;
}
.sideContainer aside .ne-list-items .pager {
margin: -10px 0 10px;
}
/*@media (max-width: 480px) {
.ne-list {
margin-left: 0;
margin-right: 0;
}
.ne-list .item {
margin-bottom: 0;
}
.ne-list .item aside {
margin-right: 0;
}
.ne-list .category {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ne-list .date {
border-radius:2px;
bottom: 0;
left: 0;
right: auto;
top: auto;
margin: 0;
}
}*/
/* --- Responsive --- */
@media (max-width: 480px) {
/*[display-mode*="list"] .description {
display: none;
}*/
[display-mode*="list"] .item aside {
height: auto;
}
/*[display-mode*="list"] {
margin-left: 0;
margin-right: 0;
}
[display-mode*="list"] h3 {
font-size:16px;
line-height: 25px;
}
[display-mode*="list"] .item h3:before {
border:0;
}
[display-mode*="list"] .holder-box {
margin-right: 10px;
float: left;
width: 80px;
}
[display-mode*="list"] .item {
border-bottom:1px solid #dedede;
padding-bottom: 10px;
margin-bottom: 5px;
}
[display-mode*="list"]:last-child .item {
border-bottom:0;
}
[display-mode*="list"] .item aside {
height: auto;
margin-right: 0;
}
[display-mode*="list"] .category {
display:block !important;
color: #00BCD4;
margin: 5px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
[display-mode*="list"] .holder-content .category {
display: none!important;
}
[display-mode*="list"] .date {
position:absolute;
border-radius:0 0 2px 2px;
display: table;
bottom: 5px;
left: 0;
right: auto;
top: auto;
padding: 2px 3px;
text-align: center;
width: 80px;
}
[display-mode*="list"] .date span {
font-size: 12px !important;
line-height: normal;
padding: 2px 5px 6px;
}
[display-mode*="list"] .date span.startDate {
padding-right: 3px;
}
[display-mode*="list"] .date span.endDate {
padding-left: 3px;
}
[display-mode*="list"] .date span.endDate:before {
margin: 2px 0 0 -15px;
}
[display-mode*="list"] .place {
font-size: 12px !important;
margin: 0 0 5px;
}
[display-mode*="list"] .description {
display: none;
}
[display-mode*="list"] .indicator {
font-size: 11px;
width: 80px;
}
[display-mode*="list"] .indicator div {
left:-72px !important;
top:-100px !important;
width: 90px !important;
padding-top: 134px !important;
}*/
}
/* -- Place -- */
.item p.place {
color: #666;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 14px;
font-size: 11px;
}
.item p.place .neicon {
margin: 0 4px 0 0;
}
/* -- Categories -- */
.category, .thema {
}
.category img {
filter: sat(0);
-webkit-filter: sepia(1);
}
/*.default-image-category {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(40%);
opacity: 0.4;
}*/
.ne-detail-visu-image.default-image-category {
background-position: center;
}
.picture-overlay {
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.picture-overlay.tinted {
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
transition: background .3s linear;
background: rgba(0, 75, 102, 0.7);
/*background: rgba(0, 187, 195, 0.7);*/
/*background: rgba(204, 241, 246, 0.7);*/
}
.picture-overlay.tinted:hover {
background: rgba(0, 187, 195, 0.3);
}
.thema h2,
.category h3 {
color: #333;
font-family: Roboto, Arial;
font-size: 28px;
font-weight: 400;
white-space: normal;
word-wrap: break-word;
}
/*.thema h2 {
margin-top: -20px;
}*/
.col-md-6 .thema h2 {
font-size:24px;
}
.category h3 {
font-size: 22px;
line-height: 32px;
height: 32px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
max-width: 300px;
text-transform: uppercase;
font-weight: 600;
}
@media only screen and (max-width: 480px) {
/* .thema h2, .category h3 {
transform: none;
-webkit-transform: none;
-ms-transform: none;
position: absolute;
bottom:0;
left: 0;
right: 0;
top: 0;
margin:auto;
padding: 0 15px;
height: 50%;
}
.thema h2, .category h3 {
font-size:24px;
line-height: 150%;
}
.category h3 {
font-size:20px;
line-height:200%;
}
.thema h2:before, .category h3:before {
display: none;
}
.thema aside {
display: none;
}*/
}
/*
.category h2:before {
content:" ";
background-color: #00BCD4;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
opacity: .7;
}
*/
/* -- Thema -- */
.thema aside {
/* padding: 10px 20px; */
/* background: rgba(0, 0, 0, 0.5); */
/* background: #00BCD4; */
/* position: absolute; */
/* bottom: 0; */
/* min-width: 100%; */
/* max-height: 70px; */
height: auto;
-webkit-transition: all 1s;
transition: all 1s;
margin-bottom: 10px;
}
.thema aside p {
font-size: 13px;
color: #999;
margin: 0;
overflow: hidden;
-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
transition: all 1s;
}
.thema:hover aside p {
max-height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
transition: all 0.5s;
}
/* --- FOOTER --- */
#footer {
display:block;
width: 100%;
height: 100%;
overflow: hidden;
padding:0 0 0 0;
background-color: #009fb4;
border-top: 4px solid #fff;
}
#footer a {
color:rgba(255,255,255,0.8);
}
#footer a:hover {
color:rgba(255,255,255,1);
}
/*#footer ul,
#footer ul li {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
#footer ul {
margin:0 0 0 -14px;
}
#footer ul li {
float: left;
width: 16%;
margin:4px;
padding:4px 16px;
border-left: 1px solid rgba(0,0,0,0.1);
min-height: 180px;
}
#footer ul li ul {
margin:0;
}
#footer ul li ul li {
float: none;
width: auto;
margin:0;
padding: 2px;
font-size:12px;
border:0;
overflow: hidden;
white-space: nowrap;
min-height: initial;
}
#footer ul li ul li:nth-child(1n+8) {
display:none;
}
#footer ul li ul li:nth-child(7):after {
content:'plus...';
display: block;
}*/
#footer .row {
margin-left: -20px;
margin-right: -20px;
border-bottom: 1px solid rgba(255,255,255,0.2);
padding-bottom: 20px;
}
#footer .row:last-child {
border:0;
}
#footer .row > div {
margin-top: 20px;
}
#footer .title,
#footer .title a {
font-size:20px;
font-family: Roboto, Arial;
font-weight: 300;
color:#FFF;
}
#footer ul {
margin:0;
padding:0;
}
#footer ul li,
#footer ul a.toggle-more {
float: none;
width: auto;
margin:0;
padding: 2px;
font-size:12px;
border:0;
overflow: hidden;
white-space: nowrap;
min-height: initial;
}
#footer ul a.toggle-more {
color:#FFF;
}
#footer .row:first-child ul li:nth-child(1n+4) {
display:none;
}
#footer ul li a .neicon {
font-size:11px;
vertical-align: text-top;
}
ul.show-all {
position: absolute;
background: #009fb4;
z-index: 999;
border: 1px solid rgba(255,255,255,0.5);
padding: 10px!important;
}
ul.show-all li {
display: block!important;
}
/*@media only screen and (max-width: 1200px) { #footer ul li { width:16%; } }
@media only screen and (max-width: 992px) { #footer ul li { width:20%; } }
@media only screen and (max-width: 768px) { #footer ul li { width:40%; min-height:initial; } }
@media only screen and (max-width: 480px) {
#footer ul li { width:100%; min-height:initial; margin:0;}
#footer ul li ul { display:none;}
}*/
@media only screen and (max-width: 480px) {
#footer .row { margin: 0; padding: 0 }
#footer .row > div {margin-top: 10px;}
#footer .title, #footer .title a { font-size:16px;}
#footer .row > div {margin-bottom: 15px;}
#footer ul li {margin: 5px 0; font-size: 14px;}
}
/* ----------------------------------
WIDGETS
---------------------------------- */
/* Boxes */
/* TBC */
.boxed {
background:#d9d9d9;
border:1px solid #d9d9d9;
color:#9C9C9C;
padding: 15px;
}
.boxed.plain {
background:#e8e8e8;
}
.boxed.primary {
background: #00BCD4;
padding-left: 25%;
-webkit-transition:background .2s, padding .2s;
transition:background .2s, padding .2s;
}
/* Post event link */
a.postEventLink {
background:#f44336;
border-bottom: 2px solid #d63125;
border-radius: 0;
color:#fff;
display: block;
font-size: 1.2em;
font-weight: 400;
margin-bottom:15px;
padding: 10px;
text-align: center;
text-decoration: none;
-webkit-transition:background .2s;
transition:background .2s;
}
a.postEventLink .neicon {
margin-right: 5px;
top:4px;
}
a.postEventLink:hover {
background: #d63125;
color: #fff;
}
/* Pictures Grid */
.ne-picture-grid > div {
margin:0;
padding:0;
display: table;
}
.ne-picture-grid > col-* {
display: table-row;
}
.ne-picture-grid > a {
display: table-cell;
margin:4px 3px;
}
/* Boxes */
.ne-news {
border: 3px solid #00BCD4;
margin-bottom: 20px;
padding: 0;
}
/* carousel news */
#ne-news-carousel .item {
margin-bottom: 0;
}
#ne-news-carousel .media-left {
padding-bottom: 0 !important;
padding-right: 0;
}
#ne-news-carousel img {
width:240px;
}
#ne-news-carousel .media-heading {
line-height: normal;
margin-bottom: 5px;
/*padding-top: 10px;*/
white-space: initial;
font-size: 21px;
line-height: 19px;
font-weight: 300!important;
}
#ne-news-carousel .textContent {
display:block;
height: 155px;
overflow:hidden;
padding: 10px 0 10px 10px;
position: relative;
}
#ne-news-carousel .text-gradient-overflow {
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%));
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
background: #fff\9;
bottom: 0;
height: 50px;
left:0;
position: absolute;
width: 100%;
z-index: 10;
}
#ne-news-carousel .carousel-control {
background: none;
z-index: 25;
}
#ne-news-carousel .carousel-indicators {
bottom: 0;
left: auto;
margin: 0;
right: 10px;
padding: 0 0 5px;
position: absolute;
width: auto;
}
#ne-news-carousel .carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 2px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
border: none;
}
#ne-news-carousel .carousel-indicators .active {
background: #00BCD4;
width: 10px;
height: 10px;
}
#ne-news-carousel .btn {
background: #00BCD4;
border: none;
border-radius: 50%;
font-size: 18px;
height: 24px;
line-height: 1;
width: 24px;
}
#ne-news-carousel .btn span {
color: #FFF;
left: -4px;
font-size: 14px;
margin-left: -5px;
margin-top: -4px;
}
#ne-news-carousel .btn.left {
left: -14px;
position: absolute;
bottom: 65px;
z-index:20;
}
#ne-news-carousel .btn.right {
right: -14px;
position: absolute;
bottom: 65px;
z-index: 20;
}
@media only screen and (max-width : 992px) {
#ne-news-carousel .item {
padding:0 10px;
}
#ne-news-carousel .media-heading {
font-size: 1.2em;
}
#ne-news-carousel .media-left {
display: none;
}
/*#ne-news-carousel .media-body {
left:0;
position: relative;
}*/
#ne-news-carousel .text-gradient-overflow {
left:0;
height: 60px;
}
#ne-news-carousel .carousel-indicators {
left: 0;
}
#ne-news-carousel .btn.right {
bottom: 10px;
right: 10px;
}
#ne-news-carousel .btn.left {
bottom: 10px;
left: 5px;
}
}
/* Sidebar events list */
.ne-list-items img {
width:76px;
height: auto;
}
.ne-list-items .section-title {
margin: 30px 0 20px 0;
}
.ne-list-items img.compo {
width:100%;
}
.ne-list-items .list-group {
/*padding:10px;*/
}
/* event details */
.ne-details {
font-size:14px;
color:#4D4D4D;
/*margin-bottom: 20px;*/
position: relative;
margin-right:0;
margin-left:0;
}
.ne-details h1 {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 34px;
color: #4D4D4D;
margin: 0;
}
.ne-details h2, .ne-details .h2 {
font-size: 26px;
padding: 20px 0 10px;
margin: 0;
}
.ne-details .list-group-item.indicator {
display: block;
margin: 0;
padding: 6px;
text-align: center;
color: #FFF;
border: 0;
margin-bottom: 1px;
font-family: Roboto, Arial;
margin-bottom: 8px;
}
.ne-details .list-group-item.indicator.soldout { background-color:#f0ad4e; }
.ne-details .list-group-item.indicator.free { background-color:#5cb85c; }
.ne-details .list-group-item.indicator.cancelled { background-color:#d9534f; }
.ne-details .list-group-item.indicator.outdated { background-color:#333; }
.ne-details .list-group-item {
padding: 15px 0;
height:100%;
overflow: hidden;
background-color: transparent;
}
.ne-details .list-group-item > span {
display: table-cell;
padding:0 0 0 8px;
vertical-align: top;
}
.ne-details .list-group-item > span.neicon {
margin: 0;
margin: 0;
font-size: 20px;
color: rgba(0,0,0,0.5);
}
.ne-details .list-group-item > span ul {
display: inline-block;
margin:0;
padding:0;
}
.ne-details .list-group-item > span ul li {
display: inline-block;
margin:0;
padding:0;
list-style-type: none;
}
.ne-details ul.ne-list-coma {
display: inline-block;
margin:0;
padding:0;
}
.ne-details ul.ne-list-coma li {
display: inline-block;
margin:0;
padding:0;
list-style-type: none;
}
.ne-details ul.ne-list-coma li:after {
content:',';
}
.ne-details ul.ne-list-coma li:last-child:after {
content:'';
}
.ne-details ul.ne-list-text {
display: inline-table!important;
margin:0;
padding:0;
}
.ne-details ul.ne-list-text li {
display: inline-block;
margin:0;
padding:0;
list-style-type: none;
}
.ne-details ul.ne-list-text li:before {
content:',\00a0';
}
.ne-details ul.ne-list-text li:last-child:before {
content:'\00a0 et\00a0';
}
.ne-details ul.ne-list-text li:first-child:before {
content:'';
}
.ne-details ul.ne-tbl {
display: table;
border: 3px solid rgba(0,0,0,0.1);
padding: 0;
margin: 0;
width: 100%;
}
.ne-details ul.ne-tbl li {
display: table-row;
}
.ne-details ul.ne-tbl li:nth-child(5) span {
border-bottom:3px solid rgba(0,0,0,0.1);
}
.ne-details ul.ne-tbl li:last-child {
border-bottom: 0;
}
.ne-details ul.ne-tbl li span {
display: table-cell;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding:8px;
vertical-align: middle;
font-size:0.9em;
width: 100%;
}
.ne-details ul.ne-tbl li span.tl {
text-transform: capitalize;
color:rgba(0,0,0,0.5);
border-right: 1px dotted rgba(0,0,0,0.1);
white-space: nowrap;
width: auto;
}
.ne-details ul.ne-tbl li span.td.closed {
color:#d9534f;
}
.ne-details ul.ne-tbl li span.td.opened {
color:#5cb85c;
}
.ne-detail-head {
display: table;
position:relative;
width: 100%;
}
.ne-detail-head-social,
.ne-detail-head-title {
display:table-cell;
vertical-align: bottom;
}
.ne-detail-head-title {
width: 100%;
}
.ne-detail-head-social {
text-align: right;
white-space: nowrap;
padding-left: 10px;
}
.ne-detail-head-social .ne-socialbar {
float:right;
margin-right:-5px;
margin-bottom:10px;
}
.ne-detail-visu {
display: table;
position: relative;
width: 100%;
height: 312px;
border-top: 2px solid rgba(0,0,0,0.05);
border-bottom: 2px solid rgba(0,0,0,0.05);
background: #EEE;
table-layout: fixed;
}
.ne-detail-visu .ne-detail-visu-image .neicon-size-fullscreen {
position: absolute;
right: 6px;
top: 5px;
background-color: #FFF;
color: #666;
border: 1px solid #CCC;
display: block;
cursor: pointer;
text-align: center;
border-radius: 4px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
margin-bottom: 4px;
}
.ne-detail-visu .ne-detail-visu-image .neicon-size-fullscreen:before {
display: inline-block;
font-family: 'neicon';
padding: 2px;
font-size: 17px;
color: #999;
width: 24px;
height: 24px;
line-height: 20px;
}
.ne-detail-visu .logo-holder {
display: block;
position: absolute;
top:10px;
left: 10px;
z-index: 999;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.ne-detail-visu-image {
display: table-cell;
width: auto;
background-size: cover;
background-position: top center;
position: relative;
color: #FFF;
}
@media (max-width: 480px) {
.ne-detail-visu {
height: auto;
padding-bottom: 57%;
}
.ne-detail-visu-image {
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}
.ne-detail-visu .logo-holder {
display: none;
}
.ne-details.yellow .ne-detail-visu {
padding-bottom: 0!important;
}
.ne-details.yellow .ne-detail-visu-map {
display: block!important;
width: 100%!important;
border-bottom: 2px solid rgba(0,0,0,0.05);
}
.ne-details.yellow .ne-detail-visu-infos {
display: block!important;
width: 100%!important;
}
.ne-details.yellow .ne-detail-visu-infos .ne-detail-actions {
bottom: -46px!important;
}
}
.ne-detail-visu-image div {
display: table-cell;
width:auto;
}
.ne-detail-visu-map {
display: table-cell;
width: 300px;
position: relative;
}
.ne-detail-visu-map img.logo-yellow {
display: block;
position: absolute;
top:10px;
left:10px;
box-shadow: 0 0 4px rgba(0,0,0,0.5);
z-index: 300;
}
.ne-detail-visu-map ul.list-of-children {
display: block;
list-style: none;
margin: 0;
padding: 8px;
height: 100%;
overflow: auto;
}
.ne-detail-visu-map ul.list-of-children li {
display: block;
list-style: none;
margin: 0;
padding: 4px;
color: #009fb4;
text-align: left;
font-size: 12px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ne-detail-visu-map ul.list-of-children li dates {
display: block;
margin-left: 18px;
color: #999;
}
.ne-detail-visu-infos {
display: table-cell;
background: rgba(255,255,255,0.2);
vertical-align: top;
width: 300px;
padding: 0 10px;
position:relative;
}
.ne-detail-visu-infos .list-group {
margin-bottom: 50px;
}
.ne-detail-visu-infos .list-group .list-group-item:last-child {
border-bottom: 0;
}
.ne-detail-visu-infos .ne-detail-actions {
display: block;
float: right;
margin-top: -10px;
position: absolute;
right: 10px;
bottom: 10px;
}
.ne-detail-visu-infos .ne-detail-actions a {
margin-left: 4px;
float: left;
}
.ne-detail-visu-photos {
background: #DDD;
padding: 4px;
width: 75px;
height: auto;
overflow: hidden;
display: table-cell;
margin: 0;
vertical-align: top;
}
.ne-detail-visu-photos img {
margin-bottom:4px;
max-width: 65px;
}
.ne-detail-content {
clear: both;
width: 100%;
text-align: left;
}
.ne-detail-content-left {
text-align: justify;
margin-right:320px;
}
.ne-detail-content-left .disqus {
/*width:530px;*/
}
#disqus_thread {
margin: 0 0 0 0;
border: 1px solid #EEE;
padding: 0 8px;
}
.ne-detail-content-right {
display: block;
float: right;
width: 300px;
margin-left: 20px;
margin-bottom: 20px;
}
.ne-artists {
text-align: left;
}
.ne-artists li big a:before {
content: "\e013";
font-family: 'neicon';
display: inline-block;
margin: 0;
padding: 0;
font-size: 12px;
padding-right: 4px;
}
.ne-description {
text-align: justify;
}
.ne-description a {
color:#00BCD4;
}
.ne-description img {
max-width: 100%;
height: auto !important;
}
.ne-details.yellow .ne-detail-visu-map {
width: 540px;
}
.ne-details.people .ne-detail-visu-image {
position:relative;
overflow: hidden;
text-align: center;
vertical-align: middle;
line-height:300px;
background: #EEE;
}
.ne-details.people .ne-detail-visu-image img {
box-shadow: 0 0 1px #333;
}
.ne-details.contents .ne-detail-visu {
height: auto;
}
.ne-details.contents .ne-detail-visu-image img {
width: 100%;
}
/* ne-detail-container */
.ne-detail-container {
}
.ne-detail-infos {
display: block;
padding: 10px 10px 10px 10px;
margin-top: -10px;
/* background: rgba(0,0,0,0.05); */
border-left: 1px dashed rgba(0,0,0,0.1);
}
.is-mobile .ne-detail-infos {
border: 0;
padding: 10px 0;
}
.ne-detail-infos .list-group {
margin-bottom:5px;
}
.ne-detail-infos .list-group > li:first-child {
padding-top: 5px;
}
.ne-details .list-group:before {
/* TO DELETE */
display:none;
}
.ne-details .list-group-item:first-child {
border: 0;
border-radius: 0;
}
.item.contests {
padding-bottom: 0;
margin-bottom: 20px;
}
.ne-details.contests .zone-questions {
display:block;
background-color:#DDD;
padding:0;
margin:10px 0;
height:100%;
overflow:hidden;
}
.ne-details.contests .zone-questions {
display:block;
background-color:#EEE;
padding:0;
margin:10px 0;
height:100%;
overflow:hidden;
}
.ne-details.contests .zone-questions .q {
display:block;
padding:0 0 5px 0;
margin:0;
border-bottom:1px dotted #EEE;
line-height: 32px;
}
.ne-details.contests .zone-questions .q .t {
display:block;
padding:10px;
color:#FFF;
background:#00bbd3;
font-family: Roboto, Arial;
font-size: 21px;
font-weight: 300;
line-height: 23px!important;
}
.ne-details.contests .zone-questions .q .a {
padding:2px 10px;
}
@media only screen and (max-width: 1000px) {
.ne-detail-content-right {
width: 100%;
}
.ne-detail-content-left {
margin-right:0;
width: 100%;
}
.ne-detail-plus {
width: 100%;
}
.ne-detail-head-social,
.ne-detail-head-title {
display: block;
}
.ne-detail-head-social {
float: right;
}
}
/* */
.ne-details.thema .ne-detail-head-image {
width: 100%;
padding: 20%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 20px 0 10px 0;
border: 5px inset rgba(0,0,0,0.5);
border-width: 5px 0;
}
/* map */
#map-canvas {
width:100%;
height:100%;
overflow: hidden;
margin: 0;
padding: 0;
min-height: 308px;
}
#map-canvas .optionsCenterMap,
#map-canvas .optionsSizeMap,
#map-canvas .optionsDirectionMap,
#map-canvas .optionsCenterBounds {
background-color: #FFF;
color: #666;
display: block;
cursor: pointer;
text-align: center;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
margin-bottom: 4px;
width: 30px;
height: 30px;
line-height: 25px;
border: 0;
}
#map-canvas .optionsCenterMap:before {
content: "\E095";
display: inline-block;
font-family: 'neicon';
padding: 2px;
font-size: 18px;
color: #333;
width: 24px;
height: 24px;
line-height: 28px;
}
#map-canvas .optionsSizeMap:before {
content: "\E056";
display: inline-block;
font-family: 'neicon';
padding: 2px;
font-size: 18px;
color: #333;
width: 24px;
height: 24px;
line-height: 28px;
}
#map-canvas .optionsDirectionMap:before {
content: "\E05B";
display: inline-block;
font-family: 'neicon';
padding: 2px;
font-size: 18px;
color: #333;
width: 24px;
height: 24px;
line-height: 28px;
}
#map-canvas .optionsCenterBounds:before {
content: "\e057";
display: inline-block;
font-family: 'neicon';
padding: 2px;
font-size: 18px;
color: #333;
width: 24px;
height: 24px;
line-height: 28px;
}
/* tags */
.ne-tags {
display: block;
margin: 16px 0;
height: 100%;
overflow: hidden;
}
.ne-tags a {
background: #00BCD4;
display: inline-block;
color: #fff;
position: relative;
padding: 0 8px;
margin: 1px 4px 0 12px;
text-decoration: none;
font-size: 14px;
line-height: 24px;
}
.ne-tags > a:after {
display: inline-block;
border: 12px solid;
border-color: transparent #00BCD4 transparent transparent;
height: 0;
width: 0;
position: absolute;
left: -24px;
top: 0;
content: "";
display: inline-block;
}
.ne-tags > a:before {
background: #fff;
width: 4px;
height: 4px;
content: "";
border-radius: 20px;
float: right;
position: absolute;
bottom: 10px;
left: -2px;
z-index: 999;
}
.ne-tags a:hover {
opacity: 0.5;
}
/* social bar */
.ne-socialbar {
display: table;
height: 100%;
overflow: hidden;
}
.ne-socialbar ul {
display: table-row;
margin: 0;
padding: 0;
}
.ne-socialbar ul li {
display: table-cell;
margin: 0;
padding: 0 5px 0 0;
height: auto;
line-height: 10px;
/*border-right: 1px solid #ddd;*/
vertical-align: top;
}
.ne-socialbar ul li:last-child {
margin: 0;
border: 0;
}
.ne-socialbar .ico {
display: inline-block;
width:32px;
height:32px;
background: url(/img/sprite-social-32.png);
vertical-align: middle;
vertical-align: top;
}
.ne-socialbar a .count {
padding: 11px 8px 4px 8px;
font-size: 12px;
background: rgba(255,255,255,0.2);
height: 32px;
display: inline-block;
}
.ne-socialbar a.fb-share {
display: block;
background: #3b5a97;
color:#FFF;
}
.ne-socialbar .fb-share .ico {
background-position: 0 0;
}
.ne-socialbar a.tw-share {
display: block;
background: #2fa7de;
color:#FFF;
}
.ne-socialbar .tw-share .ico {
background-position: 0 -40px;
}
.ne-socialbar a.g-share {
display: block;
background: #cf4329;
color:#FFF;
}
.ne-socialbar .g-share .ico {
background-position: 0 -80px;
}
.ne-socialbar .mail-share .ico {
background-position: 0 -120px;
}
/*.ne-event-details {
font-size:14px;
color:#4D4D4D;
}
.ne-event-details h1 {
font-family:'Roboto', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size:26px;
color:#4D4D4D;
margin: 20px 10px;
}
.ne-event-details .list-group:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid white;
border-left: 20px solid transparent;
position: absolute;
margin-left: -60px;
margin-top: -10px;
top: 50%;
}
.ne-event-details .list-group-item {
padding: 15px 0;
}
.ne-event-actions {}*/
/* ----------------------------------
HELPERS
---------------------------------- */
.no-border {
border:0;
}
.text-firstcap {
display: inline-block;
}
.text-firstcap::first-letter {
text-transform: capitalize;
}
/* clearfix */
.clearfix:before, .cleafix:after{
content: " ";
display: table;
}
.cleafix:after{
clear: both;
}
.plain {
background:#e8e8e8;
border:0;
}
.rounded {
border-radius:20px;
}
.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.linify {
display:block;
margin:0;
padding: 5px 0;
}
.linify.top {
margin-top:10px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.linify.bottom {
margin-bottom:10px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* Date time compose */
dates d:first-child { text-transform: capitalize; }
dates d { display:inline-block; width: auto; border:0; margin:0 4px 0 0; padding:0; font-weight: normal; }
dates d.date { font-weight:bold; }
dates d.the:before { content:"le"; }
dates d.from:before { content:"du"; }
dates d.to:before { content:"au"; }
dates d.until:before { content:"jusqu'au"; }
.lang-nl dates d.the:before { content:"op"; }
.lang-nl dates d.from:before { content:"van"; }
.lang-nl dates d.to:before { content:"tot"; }
.lang-nl dates d.until:before { content:"tot"; }
/*times time:first-child t:first-child { text-transform: capitalize; }*/
times t { display:inline-block; width: auto; border:0; margin:0 4px 0 0; padding:0; font-weight: normal; }
times time:before { content:','; margin:0 4px 0 -4px; }
times time:last-child:before { content:'et'; margin:0 4px 0 0; }
times time:first-child:before { content:''; margin:0; }
.lang-nl times time.t.from:last-child:before { content:'en'; margin:0 4px 0 0; }
times t.time { font-weight:bold; font-size: 12px; }
times t.from:before { content:"de"; }
times t.to:before { content:"\00E0"; }
times t.until:before { content:"jusqu'\00E0"; }
.lang-nl times t.from:before { content:"van"; }
.lang-nl times t.to:before { content:"tot"; }
.lang-nl times t.to:first-child:before { content:"Om"; }
.lang-nl times t.until:before { content:"tot"; }
dates times time:first-child t:first-child { text-transform: none; }
dates times time:first-child:before { content:''; margin:0; }
/* --- MISC - TBC --- */
/* ... voir home categ fin de page ... */
.button-display-more {
display: block;
padding:0 10px;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.button-display-more a {
display: block;
background: #00BCD4;
padding: 8px;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 18px;
}
/* ... voir list news col right ... */
.panel > .list-group .list-group-item.oneline {
padding: 4px 0;
font-size: 12px;
}
.panel > .list-group .list-group-item.oneline a {
color: #00BCD4;
}
.blue-links a,
.blue-links a:active,
.blue-links a:hover,
.blue-links a:visited {
color:#00bbd3;
text-decoration: underline;
}
.blue-links a:hover {
color:#009fb4;
}
/* Gallery events */
.ne-details.galleries .gallery {
display: table;
}
.ne-details.galleries .gallery > div {
display: table-row;
}
.ne-details.galleries .gallery .gallery-head {
display: table-cell;
text-align: center;
padding:2px;
background: rgba(0,0,0,0.1);
color: #FFF;
font-size: 14px;
}
.ne-details.galleries .gallery .gallery-preview {
display: table-cell;
padding:8px;
background: rgba(0,0,0,0.05);
min-width:100%;
height:400px;
text-align: center;
vertical-align: middle;
position: relative;
}
.ne-details.galleries .gallery .gallery-preview .next,
.ne-details.galleries .gallery .gallery-preview .back {
display: block;
background: rgba(0,0,0,0.1);
color: #fff;
width: 50px;
height: 50px;
border-radius: 25px;
position: absolute;
z-index: 999;
top: 50%;
left: 20px;
font-size: 22px;
line-height: 42px;
cursor: pointer;
border: 4px solid #FFF;
}
.ne-details.galleries .gallery .gallery-preview .next {
left: auto;
right: 20px;
}
.ne-details.galleries .gallery .gallery-preview .next:after {
content: "\E061";
font-family: neicon;
}
.ne-details.galleries .gallery .gallery-preview .back:after {
content: '\E052';
font-family: neicon;
}
.ne-details.galleries .gallery .gallery-preview .next:hover,
.ne-details.galleries .gallery .gallery-preview .back:hover {
background: rgba(0,0,0,0.9);
}
.ne-details.galleries .gallery .gallery-preview img {
max-height:380px;
max-width: 100%;
}
.ne-details.galleries .gallery .gallery-thumb {
display: table-cell;
padding:8px 0 0 8px;
background: rgba(0,0,0,0.1);
}
.ne-details.galleries .gallery .gallery-thumb .item {
float:left;
margin:0 8px 8px 0;
}
.ne-details.galleries .gallery .gallery-thumb .item img {
cursor:pointer;
width: 68px;
}
@media print {
body {
padding-top: 0 important!;
}
nav {
display: none;
}
.sideContainer {
display: none;
}
#footer {
display: none;
}
}
.readmore-pan {
clear: both;
width: 100%;
border-top: 1px solid #CCC;
display: inline-block;
text-align: center;
}
.readmore-pan a {
cursor: pointer;
display: inline-block;
background: #CCC;
margin-top: 0;
border-radius: 0 0 4px 4px;
padding: 4px 16px;
color: #FFF;
}
.user-profile-thumb,
.user-language {
display: inline-block;
border: 0;
background-color: #00BCD4;
background-image: url(/img/profile-default.png);
background-size: cover;
border-radius: 80px;
width: 40px;
height: 40px;
overflow: hidden;
margin: 0;
padding: 0;
vertical-align: middle;
margin-top: 5px;
margin-bottom: -10px;
text-align: center;
color: #FFF;
}
body.user-connected .user-profile-thumb {
background-color: #449d44;
}
.user-language {
background-image: none;
color: #FFF;
font-size: 20px;
line-height: 40px;
}
.user-profile-name {
display:none;
margin: 0 0 0 4px;
padding: 0;
line-height: 12px;
vertical-align: middle;
}
.alert-cookies {
display: block;
background: #FFFFCC;
color: #333;
padding: 8px 10px;
min-height: 50px;
overflow: hidden;
font-size: 12px;
}
.alert-cookies a {
text-decoration: underline;
}
.alert-cookies button {
display: block;
float:right;
background: #333;
color:#FFF;
font-size:12px;
border: 1px solid #999;
padding:4px 16px;
height: 100%;
}
/*.notif-uit {
display: block;
background: url(/img/logo.uit.png) no-repeat 0 0;
background-size: auto 20px;
background-position: right;
text-align: right;
padding-right: 40px;
margin: 8px 4px;
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 20px;
}
.lang-fr .notif-uit:after {
display:inline-block;
content: 'En association avec';
}
.lang-nl .notif-uit:after {
display:inline-block;
content: 'In samenwerking met';
}*/
.notif-uit {
display: block;
background: url(/img/logo.meer.tips.op.uit.png) no-repeat 0 0;
background-size:contain;
background-position: right;
margin: 8px 4px;
height: 50px;
}
.btn.lineup {
width: 100%;
margin-bottom: 4px;
background: #FF3300;
color: #FFF;
font-size: 20px;
text-align: center;
border: 3px solid rgba(0,0,0,0.2);
}
.btn.lineup:hover {
background: #FF6600;
}
.btn.lineup .neicon {
margin-left: -5px;
margin-right: 5px;
font-size: 40px;
display: block;
margin: 4px;
}
.highlight .item {
background-color: rgba(0,187,211,0.2);
padding-top: 10px;
padding-left: 10px;
margin-top: -10px;
border-bottom: 1px solid rgba(0,187,211,0.4);
}
@media (max-width: 480px) {
[display-mode*="list"].highlight .item .date {
margin-left: 5px;
}
.highlight .item {
padding-top: 5px;
padding-left: 5px;
margin-top: -5px;
}
}
.modal {
z-index: 99999999;
}
.modal-backdrop {
z-index: 9999999;
}
@media only screen and (min-width : 480px) {
.navbar-nav > li > .dropdown-menu[aria-labelledby="browseByType"] {
/*max-height: 660px;*/
overflow-x: hidden;
overflow-y: auto;
}
.navbar-nav > li > .dropdown-menu[aria-labelledby="browseByType"] > li > a {
padding:4px 12px;
}
.navbar-nav > li > .dropdown-menu::-webkit-scrollbar { width: 6px; }
.navbar-nav > li > .dropdown-menu::-webkit-scrollbar-track { background-color: #ddd; }
.navbar-nav > li > .dropdown-menu::-webkit-scrollbar-thumb { background-color: #999; }
.navbar-nav > li > .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #333; }
}
@media (max-width: 768px) {
h1, .h1 {
color: #333;
font-size: 1.4em;
margin-bottom: 10px;
}
.ne-details h1 {
font-size: 1.7em;
margin: 10px 0 20px 0!important;
}
h2, .h2,
.ne-details h2, .ne-details .h2 {
font-size: 1.4em;
}
h4, .h4 {
font-size: 1.2em;
}
.section-title {
/*margin-top: 40px;*/
}
.ne-socialbar {
width: 100%;
}
/*.ne-socialbar {
position: fixed;
bottom: 0;
left: 0;
height: auto;
margin: 0 !important;
width: 100%;
z-index:9999;
}
.ne-socialbar ul li {
padding:0;
width: 25%;
}
.ne-socialbar ul li a {
padding:7px 10px;
text-align: center;
}
.ne-socialbar a .count {
padding: 10px 20px;
}
.ne-socialbar a.mail-share {
background: #b1b1b1;
display: block;
}*/
#footer {
padding-bottom: 80px;
}
.loading .pageloader {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(255,255,255,0.8);
z-index: 99999;
text-align: center;
filter: alpha(opacity=1);
opacity: 1;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
.loading .pageloader:after,
.loading .pageloader:before {
content: '';
line-height: 220px;
font-weight: bold;
color: #004e68;
width: 120px;
height: 120px;
background: url(/img/logo.png?v2) no-repeat center bottom;
background-size: 110px;
display: inline-block;
position: absolute;
bottom: 50%;
right: 50%;
margin-right: -50px;
margin-bottom: -25px;
}
.loading .pageloader:before {
-webkit-filter: opacity(20%);
}
.loading .pageloader:after {
-webkit-animation-name: apageloader;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-name: apageloader;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes apageloader {
0% {
height:0;
}
50% {
height:120px;
}
100% {
height:0;
}
}
@keyframes apageloader {
0% {
height:0;
}
50% {
height:120px;
}
100% {
height:0;
}
}
}
.loading .formloader {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(255,255,255,0.8);
z-index: 999999999;
text-align: center;
filter: alpha(opacity=1);
opacity: 1;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
.loading .formloader:before {
content: attr(title) '\a' attr(description);
width: 300px;
display: inline-block;
position: absolute;
bottom: 50%;
right: 50%;
margin-right: -150px;
white-space: pre;
overflow: hidden;
text-align: center;
background: #00bbd3;
color: #FFF;
padding: 10px;
border-radius: 8px;
font-weight: normal;
}
.loading .formloader::first-line {
font-size: 18px;
font-weight: bold;
color: #FFF;
}
.neicon.neicon-pointer.form-control-feedback {
display: none !important;
}
.ne-leaderboard {
background:#00bbd3;
}
.nav-selector {
float: none!important;
display: table-cell;/* for safari (flex not exist) */
display: flex!important;
}
.nav-selector .navbar-nav {
width: 100%!important;
display: block!important;
margin: auto!important;
height: 80px;
padding-top: 1px;
}
.nav-selector .navbar-nav .dropdown-menu,
.n-account .dropdown-menu,
.n-language .dropdown-menu {
margin-top: 10px;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.n-account .dropdown-menu {
padding: 0;
}
.nav-selector .navbar-nav > li {
max-width:30%;
}
.navbar-default .navbar-nav > li > a.bt {
margin: 18px 8px 8px 0;
padding: 4px 12px;
border: 1px solid rgba(0,0,0,0.05);
line-height: 30px;
color: #999;
background: #FFF;
}
/*.navbar-default .navbar-nav > li > a.bt.active {
background: #004e68;
border: 2px solid rgba(0,0,0,0.0);
}*/
.navbar-default .navbar-nav > li > a.bt .title {
font-size: 16px;
overflow: hidden;
white-space: nowrap;
display: block;
width: auto;
margin-right: 18px;
text-overflow: ellipsis;
}
.navbar-default .navbar-nav > li > a.bt .title > b {
color: #333;
}
.navbar-default .navbar-nav > li > a.bt .caret {
display: block;
position: absolute;
right: 12px;
top: 16px;
}
.navbar-default .navbar-form {
padding-left: 8px;
}
.navbar-default .form-control {
border-radius: 0;
height: 36px;
}
.navbar-default .navbar-nav > li > a.bt.run {
font-weight: bold;
padding: 6px 0px;
min-width: 37px;
text-align: center;
float: left;
white-space: nowrap;
background-color: #00BCD4;
color: #FFF;
border: 0;
border-radius: 0;
font-size: 17px;
line-height: 24px;
}
#id-global-search .neicon {
margin: 4px;
font-size: 20px;
}
.nav-themes {
border-top: 1px dashed rgba(0,0,0,0.1);
}
.nav-themes ul {
margin: 0 auto;
padding: 0 0 0 105px;
height: 36px;
overflow: hidden;
}
.nav-themes ul li {
display: inline-block;
margin: 4px 0;
padding: 0;
}
.nav-themes ul li.active a {
background-color: #00BCD4;
color: #FFF;
}
.nav-themes ul li a {
display: inline-block;
color: #999;
font-size: 12px;
font-weight: normal;
padding: 4px 8px;
line-height: 20px;
font-weight: 300;
font-family: Roboto,Arial;
/* border-radius: 4px; */
border-right: 1px dashed rgba(0,0,0,0.1);
text-transform: uppercase;
}
.nav-themes ul li a:hover {
color:#00BCD4;
}
@media (min-width: 1300px){
.nav-themes ul {
padding: 0 0 0 -10px;
}
}
.blink {
-webkit-animation-name: animation_nav_blink;
-webkit-animation-duration: 0.2s;
-webkit-animation-iteration-count: 3;
-webkit-animation-timing-function: ease-in-out;
animation-name: animation_nav_blink;
animation-duration: 0.2s;
animation-iteration-count: 3;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes animation_nav_blink {
0% { box-shadow: 0 0 10px 6px #FFF;background-color:#004e68!important; }
100% { box-shadow: 0 0 0 0 #FFF;background-color:transparent!important; }
}
@keyframes animation_nav_blink {
0% { box-shadow: 0 0 10px 6px #FFF;background-color:#004e68!important; }
100% { box-shadow: 0 0 0 0 #FFF;background-color:#transparent!important; }
}
#browseByType,
#browseByDate,
#browseByArea {
display:none;
}
.ne-tools {
}
.ne-tools > ul {
display: inline-block;
padding: 0 0 4px 0;
margin:0;
width: 100%;
border: 1px solid #EEE;
border-width: 1px 0;
}
.ne-tools > ul:last-child {
margin-bottom: 4px;
}
.ne-tools > ul > li {
display: inline-block;
float: left;
padding:0;
margin:4px 4px 0 0;
position: relative;
color: #666;
}
.ne-tools > ul > li.right {
float: right;
margin:4px 0 0 4px;
}
.ne-tools > ul > li > a {
display: inline-block;
border: 1px solid #00BCD4;
padding: 8px 16px;
font-size: 12px;
font-family: Roboto, Arial;
background: #00BCD4;
color: #FFF;
}
.ne-tools > ul > li > a.active,
.ne-tools > ul > li.active > a,
.ne-tools > ul > li > a:hover {
background: #004e68;
color: #FFF;
border:1px solid rgba(255,255,255,0);
}
.ne-tools > ul > li > a .neicon {
color: #FFF;
margin-top: -2px;
}
.ne-tools > ul > li.active > a .neicon,
.ne-tools > ul > li > a:hover .neicon {
color: #FFF;
}
.ne-tools > ul > li .dropdown-menu ul li {
padding: 4px 8px;
}
@media (max-width: 768px) {
.ne-tools > ul > li,
.ne-tools > ul > li > a,
.ne-tools > ul > li .dropdown-menu {
width: 100%;
}
.ne-tools .caret {
float: right;
margin: 8px 0 0 0;
}
}
/* nav-sidebar */
.hide-sidebar {
display:block;
}
.show-sidebar {
display:none;
}
.nav-sidebar {
-webkit-transition: margin 0.2s; /* Safari */
transition: margin 0.2s;
min-width: 100%;
}
.nav-sidebar.nav-active {
overflow: hidden!important;
width: 100%;
min-width: 300px;
margin-right: 0;
/*margin-left: 85%;*/
-webkit-transition: margin 0.2s; /* Safari */
transition: margin 0.2s;
}
.nav-sidebar .nav-affixed.noprint {
display: none!important;
}
.nav-sidebar .hide-sidebar {
display:none;
}
.nav-sidebar .show-sidebar {
display:block;
}
.nav-sidebar .navbar {
padding-bottom:0;
-webkit-transition: margin 0.2s; /* Safari */
transition: margin 0.2s;
}
.nav-sidebar.nav-active .navbar {
/*margin-right: 85%;
margin-left: -80%;*/
-webkit-transition: margin 0.2s; /* Safari */
transition: margin 0.2s;
}
/*sidebar-toggle*/
.nav-sidebar .sidebar-toggle {
display: block;
float: right;
height: 50px;
cursor: pointer;
color: #333;
padding: 12px;
margin-right: -15px;
}
.nav-sidebar .sidebar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color: #333;
margin-top: 4px;
}
.nav-sidebar .sidebar-toggle .if-active {
display:none;
}
.nav-sidebar.nav-active .sidebar-toggle .if-active {
display:inline-block;
}
.nav-sidebar .sidebar-toggle .if-not-active {
display:inline-block;
}
.nav-sidebar.nav-active .sidebar-toggle .if-not-active {
display:none;
}
.nav-sidebar .sidebar-pannel h3 {
color:#333;
width: 100%;
}
/*tools-toggle*/
.tools-toggle {
display: block;
float: right;
height: 50px;
cursor: pointer;
color: #333;
padding: 12px;
margin-right: -15px;
margin-top: -10px;
}
.tools-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color: #333;
margin-top: 4px;
}
@media (max-width: 768px) {
.tools-menus {
display: none;
}
.tools-active .tools-menus {
display: block;
}
}
/*sidebar-pannel*/
.nav-sidebar .sidebar-pannel {
display: block;
position: fixed;
top: 58px;
bottom: 10px;
left: -100%;
right: 100%;
-webkit-transition: right 0.2s, left 0.2s;
transition: right 0.2s, left 0.2s;
background-color: #FFF;
/* border-top: 8px solid #00819b; */
padding: 8px;
/* box-shadow: 0 0 10px rgba(0,0,0,0.175); */
border-top: 4px solid rgba(0,0,0,0.05);
}
.nav-sidebar.nav-active .sidebar-pannel {
left: 0;
right: 0;
-webkit-transition: right 0.2s, left 0.2s; /* Safari */
transition: right 0.2s, left 0.2s;
overflow-y: auto;
bottom: 0;
z-index: 9;
}
.sidebar-pannel::-webkit-scrollbar { width: 0; }
.nav-sidebar .sidebar-pannel > li {
display: block;
width: 100%;
position: static!important;
}
.nav-sidebar .sidebar-pannel .nav-selector .navbar-nav > li {
max-width: 100%;
width: 100%!important;
float: none!important;
overflow: hidden;
}
.nav-sidebar #id-global-search {
width: 100%;
}
.nav-sidebar #id-global-search input {
width: 100%;
}
.nav-sidebar #id-global-search .tt-dropdown-menu,
.nav-sidebar #id-global-search .tt-menu {
position: static!important;
max-height: 100%!important;
}
/* n- */
.nav-sidebar .n-account {
}
.nav-sidebar .n-account a.account {
margin: 5px 5px 20px 5px;
display: block;
background-color: transparent;
}
.nav-sidebar .n-account .user-profile-name {
display: inline-block;
color: #333;
font-size: 1.3em;
line-height: 0;
padding: 10px 0 0 0;
}
.nav-sidebar .navbar-nav .dropdown-menu {
max-height: 100%!important;
position: static!important;
width: 100%;
}
.n-account.open .dropdown-menu {
padding: 5px 0;
display: table;
}
body:not(.nav-sidebar) .n-account .dropdown-menu ul {
display: table-cell;
min-width: 340px;
}
body .n-account .dropdown-menu ul {
padding: 0;
list-style: none;
}
.n-account .dropdown-menu ul + ul {
border-left: 1px solid #EEE;
}
.n-account .dropdown-menu ul li {
padding: 0;
list-style: none;
}
.nav-sidebar .navbar-nav > li > a.bt {
margin: 4px 0 4px 0;
}
.nav-sidebar .n-go {
max-width:100%!important;
margin:8px 0;
height: 100%;
overflow: hidden;
}
.nav-sidebar .navbar-nav > li > a.bt.run {
width: 100%;
margin: 0;
}
.nav-sidebar .navbar-nav > li > a.bt.run .neicon {
display: none;
}
.themes-mobile {}
.themes-mobile:before {
content: 'Thématiques';
color: #333;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 24px;
margin-bottom: 10px;
display: block;
}
.lang-nl .themes-mobile:before {
content:"Thema's";
}
.themes-mobile > div {
color: #333;
border: 1px dashed rgba(0,0,0,0.1);
border-radius: 4px;
padding: 6px;
white-space: nowrap;
overflow: hidden;
font-size: 0.9em;
text-overflow: ellipsis;
margin-bottom: 2px;
}
@media (max-width: 768px) {
.nav-selector .navbar-nav {
overflow: hidden;
height: auto;
}
/*.nav-selector .nav.navbar-nav:before {
content: 'Classification';
color: #333;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 24px;
display: block;
}
.lang-nl .nav-selector .nav.navbar-nav:before {
content: 'Classificatie';
}*/
.n-search input[type=submit] {
width: 100%;
margin: 0;
font-weight: bold;
padding: 6px 0px;
min-width: 37px;
text-align: center;
float: left;
white-space: nowrap;
background-color: #00BCD4;
color: #FFF;
border: 0;
margin-top:4px;
visibility: visible!important;
position: static!important;
font-weight: normal;
font-size: 17px;
line-height: 24px;
}
}
.btn-arrow-right {
margin-right: 17px;
padding-right: 6px;
position: relative;
line-height: 21px;
font-family: Roboto, Helvetica, Arial, sans-serif;
min-width: 140px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
content: "";
position: absolute;
top: 50%;
margin-top: -17px;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 14px solid #00BCD4;
right: -13px;
border-right: transparent;
background: transparent;
}
.btn-arrow-right:before {
border-left-color: #009fb4!important;
right: -15px!important;
}
.btn-arrow-right:hover:after,
.btn-arrow-right:hover:active,
.btn-arrow-right:hover:focus
{
outline: none;
}
.btn-arrow-left {
margin-left: 17px;
padding-left: 6px;
position: relative;
line-height: 21px;
font-family: Roboto, Helvetica, Arial, sans-serif;
}
.btn-arrow-left:before,
.btn-arrow-left:after {
content: "";
position: absolute;
top: 50%;
margin-top: -17px;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 14px solid #fff;
left: -14px;
border-left: transparent;
background: transparent;
border-right-color: attr(data-background);
}
.btn-arrow-left:before {
border-right-color: #adadad!important;
left: -15px!important;
}
.btn-arrow-left:hover:after,
.btn-arrow-left:hover:active,
.btn-arrow-left:hover:focus
{
outline: none;
}
.item h3 {
color:#000;
}
[display-mode="list"].detail .description {
color: rgba(0,0,0,0.5);
font-style: normal;
position: relative;
max-height: 70px;
overflow: hidden;
/*min-height: 58px;*/
}
/*[display-mode="list"].detail .description:after {
content: '';
display: block;
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}*/
/*.item.category h3 {
color: #FFF;
}*/
[display-mode*="list"]:last-child .item {
/*margin-bottom: 0px;*/
}
.item.category {
text-align: center;
padding: 10px 20px 20px 20px;
border: 1px dashed rgba(0,0,0,0.1);
min-height: 140px;
width: 100%;
}
.item.thema .btn {
background: #333;
padding: 4px 8px;
}
.row:not(.thema-list) .item.thema {
/*min-height: 370px;*/
width: 100%;
}
.item.category aside {
padding-top: 10px;
display: table;
width: 100%;
}
.item.category aside a {
color: #000;
height: 100px;
display: table-cell;
vertical-align: middle;
}
.item.category aside p {
color: rgba(0,0,0,0.5);
font-size: 13px;
line-height: 18px;
}
body:not(.is-mobile) .row:not(.thema-list) .item.thema .space {
height: 110px;
overflow: hidden;
margin-bottom: 10px;
}
.thema-list .item.thema {
height: 100%;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.thema-list .holder-box.picture_1-3 {
float: left;
height: 110px;
width: 25%;
margin-right: 20px;
}
.thema-list a.tinted {
float: left;
width: 60%;
margin: 0;
height: auto;
background: #333;
display: block;
overflow: hidden;
top: 0;
bottom: 0;
right: 0;
text-align: center;
left: 40%;
}
.item.category aside {
height: auto;
}
/*.thema-list .thema h2 {
margin-top: -30px;
font-size: 28px;
}
.thema-list .thema aside {
background: rgba(0,0,0,0.1);
}
.thema-list .thema aside,
.thema-list .thema:hover aside {
max-height: 60px;
}
.thema:hover aside p {
overflow: hidden;
}*/
/*.thema-list aside p {
color: rgba(255,255,255,0.8);
}*/
.picture-overlay.tinted:hover {
background:#00bbd3;
}
.thema-list .thema .malign h2 {
margin-top: 0;
}
.thema-list .thema .malign p {
font-size: 14px;
text-transform: initial;
letter-spacing: initial;
color: #666;
font-family: Arial;
font-weight: normal;
margin-top: 10px;
line-height: 1.4em;
}
.nav-sidebar .thema .malign h2 {
font-size: 14px;
line-height: 16px;
top: 10%;
}
.nav-sidebar .thema .malign p {
display: none;
}