.pingback {
display: none;
}
.comments {
display: none;
}
#comments, #respond {
display: none !important;
}
input#s { color: #757575; }
#masthead input::-webkit-input-placeholder { color: #fff; }
#masthead input:-moz-placeholder { color: #fff; }
#masthead input:-ms-input-placeholder { color: #fff; }
.entry-header {
margin-bottom: -44px;
}
.search-name {color:#fff;}   .primary-color {
color: #dd4b4e;
}
.secondary-color {
color: #8a2f2f;
}
.success-color {
color: #7a9c59;
}
.alert-color {
color: #b20000;
}
.bg-primary-color {
background-color: #dd4b4e;
}
.bg-secondary-color {
background-color: #8a2f2f;
}
.bg-success-color {
background-color: #7a9c59;
}
.bg-alert-color {
background-color: #b20000;
}  blockquote {
font-size: 1em;
}
pre, blockquote, form, figure, p, dl, ul, ol {
margin-bottom: 0.7em;
}
li {
margin-bottom: .2em;
} ::-moz-selection {
color: white;
background: #8a2f2f;
}
::selection {
color: white;
background: #8a2f2f;
}   .fas.fa-ticket-alt {
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg)
}
.fa-music:before {
margin-left: -2px;
}
.fa-music:hover {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
.box.box-paloma .picto {
margin-top: 7px;
}
.box.box-paloma .picto-ticket {
font-size:  1.5em;
}
.box.box-paloma .free {
color: #fff;
margin-top: 7px;
} .no-javascript {
color: #fff;
background-color: #8a2f2f;
padding: 20px;
margin: 10px 0; }
.no-javascript h3 {
color: #fff;
} span.easter,
em.easter {
color: #8a2f2f;
}
span.easter:hover,
em.easter:hover {
display: inline-block;
}
.easter {
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .button br {
display: initial;
} .button.deezer:not(.is-outline),
.button.deezer:hover {
color: #73bb02 !important
}
@media screen and (min-width: 849px) and (max-width: 1020px) {
.nav-dark .social-icons {
display: none;
}
} .button-bus {
font-size: 30px;
}
.button-facebook-event {
font-size: 30px;
} .button.button-blog-post {
background-color: #dd4b4e;
}
.button.button-blog-brief {
background-color: #ebaf3b;
}
.button.button-blog-photo {
background-color: #79bdd9;
}
.button.button-blog-video {
background-color: #b464a0;
} .button .box-index {
position: absolute;
bottom: -7px;
left: 50%;
width: 14px;
height: 14px;
background-color: inherit;
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
box-shadow: inherit;
} .button.is-button-index { }
.button.is-button-index:after {
display: inline-block;
content: '';
position: absolute;
left: 50%; bottom: -7px; width: 14px;
height: 14px;
background-color: inherit;
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
box-shadow: inherit;
}
.button.is-button-index.is-button-index-top { }
.button.is-button-index.is-button-index-top:after {
left: 50%;
top: -7px;
}
.button.is-button-index.is-button-index-right {
margin-right: 7px;
}
.button.is-button-index.is-button-index-right:after {
left: auto;
right: -14px;
top: 7px;
}
.button.is-button-index.is-button-index-bottom { }
.button.is-button-index.is-button-index-bottom:after {
left: 50%;
bottom: -7px;
}
.button.is-button-index.is-button-index-left {
margin-left: 7px;
}
.button.is-button-index.is-button-index-left:after {
top: 7px;
left: 0;
} .button-nav {
display: inline-block;
white-space: nowrap;
}
.button-nav i {
font-size: 200%;
display: inline-block;
margin-top: -2px;
}
.button-nav.button-nav-prev {
text-align: left; }
.button-nav.button-nav-prev {
text-align: right; }
.button-nav.button-nav-prev i {
margin-left: 0;
margin-right: .4em;
}
.button-nav.button-nav-next i {
margin-left: .4em;
margin-right: 0;
}
.button-nav span {  }  .tooltipster-default {
border: 1px solid rgba( 255, 255, 255, 0.3);
} .logo-left .logo {
margin-right: 0;
} #logo img {
max-height: none !important;
padding: 5px 0 !important;
margin: 0 !important;
}
@media screen and (min-width: 1020px) {
#logo img {
margin-left: 40px !important;
}
}
#logo img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.5s ease, transform 1s ease;
transition: filter 0.5s ease, transform 1s ease;
} .nav-anim>li+li+li+li+li+li+li,
.col+.col+.col+.col+.col [data-animate],
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate],
[data-animate-delay="800"] {
transition-delay: .2s;
} .row-light {
background-color: #fff;
} h1 {
text-transform: uppercase;
}
h2 {
font-size: 1.25em;
text-transform: uppercase;
}
h3 {
font-size: 1.17em;
text-transform: uppercase;
}
h2.section-title-normal,
h3.section-title-normal {
color: #dd4b4e;
} .section.ticket .section-title-container.main-title {
margin-bottom: 0;
}
.section-title-container.main-title h2 {
font-size: 1.15em;
} .section-title.section-blog-post,
.section-title.section-blog-brief,
.section-title.section-blog-photo,
.section-title.section-blog-video {
}
.section-title.section-blog-post {
border-bottom-color: #dd4b4e;
}
.section-title.section-blog-brief {
border-bottom-color: #ebaf3b;
}
.section-title.section-blog-photo {
border-bottom-color: #79bdd9;
}
.section-title.section-blog-video {
border-bottom-color: #b464a0;
}
.section-title.section-blog-post span,
.section-title.section-blog-brief span,
.section-title.section-blog-photo span,
.section-title.section-blog-video span {
color: #fff;
padding-top:   7px;
padding-left:  10px;
padding-right: 10px;
}
.section-title.section-blog-post span {
background-color: #dd4b4e;
}
.section-title.section-blog-brief span {
background-color: #ebaf3b;
}
.section-title.section-blog-photo span {
background-color: #79bdd9;
}
.section-title.section-blog-video span {
background-color: #b464a0;
}
.section-title.section-blog span img,
.section-title.section-blog-post span img,
.section-title.section-blog-brief span img,
.section-title.section-blog-photo span img,
.section-title.section-blog-video span img {
width: 50px;
margin-left: 10px;
}
a:hover > .section-title {
border-bottom-color: rgba(0, 0, 0, 0.2);
}
a:hover > .section-title span { box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
} .header-bottom.wide-nav.nav-dark {
background-color: #333;
}
.header-bottom.wide-nav.nav-dark .breadcrumbs {
color: #fff;
}
.header-bottom.wide-nav.nav-dark .breadcrumbs a {
color: #aaa;
font-weight: normal;
}
.header-bottom.wide-nav.nav-dark .breadcrumbs a.current {
color: #fff;
}
.header-bottom.wide-nav.nav-dark .breadcrumbs a:hover {
color: #dd4b4e;
}  body.home #wide-nav {
display: none;
} .section-front-page-slider {
padding: 0 !important;
}
body.front-page-slider .header-main {
background-color: #000;
}
body.front-page-slider .header, body.front-page-slider .header-wrapper {
margin-top: 0px;
}
body.front-page-slider.full-screen-slider .header, body.front-page-slider .header-wrapper {
margin-top: -33px;
}
body.front-page-slider .header-top {
background-color: transparent !important;
}
body.front-page-slider .header-bg-color, body.front-page-slider .header-wrapper {
background-color: transparent !important;
}
body.front-page-slider .header-wrapper.stuck {
margin-top: 0;
}
body.front-page-slider .header-wrapper.stuck .header-top {
background-color: rgba(222, 75, 78, 0.95) !important;
} .section.banner-mobile-apps {
background-color: #e9e9e9; }
.section.banner-mobile-apps:after {
height: 7px;
width: 100%;
background: url(//www.plages-magnetiques.org/wp-content/themes/smac/assets/images/triangle-bandeau-crante.svg) repeat-x;
content: '';
position: absolute;
bottom: -7px;
left: 0;
} .header-top {
border-top: 5px solid rgba(222, 75, 78, 0.01);
background-color: rgba(222, 75, 78, 0.95) !important;
}
body.front-page-slider .header-top {
border-top: none;
}
body.front-page-slider .header-wrapper.stuck .header-top {
border-top: 5px solid rgba(222, 75, 78, 0.01); } ul.nav.top-bar-nav.nav-right.nav-small.nav-tabs li {
}
ul.nav.top-bar-nav.nav-right.nav-small.nav-tabs li a {
border-color: #888;
border-bottom: none;
color: #000;
background-color: rgba( 170, 170, 170, 0.8);
font-weight: 700;
border-radius: 10px 10px 0 0;
margin: 0 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
ul.nav.top-bar-nav.nav-right.nav-small.nav-tabs a:hover {
color: #000;
background-color: rgba( 170, 170, 170, 1);
border-color: #aaa;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.85);
z-index: 99999;
} ul.nav.top-bar-nav.nav-right.nav-small.nav-tabs li.tinals a {
color: #fff;
background-color: rgba( 0, 0, 0, 1);
border-color: #333;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.nav-tabs li.tinals {
}
.nav.nav-sidebar.nav-vertical li.tinals a,
.nav-tabs li.tinals a {
width: 182px;
height: auto;
content: "";
background-color: rgba( 0, 0, 0, 1);
background-image: url(//www.plages-magnetiques.org/wp-content/uploads/2018/01/logo-tinals-2018-horizontal.svg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-size: contain;
background-size: 150px 16px;
} .nav-tabs li.tinals a:hover {
color: #dd4b4e;
border-color: #111;
background-image: url(//www.plages-magnetiques.org/wp-content/uploads/2018/01/logo-tinals-2018-horizontal-hover.svg);
} #masthead {
background-color: #000;
} .header-nav-main.nav-line-bottom li a:before {
width: 50%;
} li.header-search.header-search-lightbox.has-icon a i {
color: #dd4b4e;
}
.searchform-wrapper .button {
background-color: #dd4b4e !important;
} ul.header-nav-main .nav-dropdown-default .nav-column li>a,
ul.header-nav-main .nav-dropdown.nav-dropdown-default>li>a { padding: 7px 0;
} .nav-dropdown .nav-dropdown-col > a,
.nav-dropdown.dark .nav-dropdown-col > a {
color: #dd4b4e;
} @media screen and (max-width: 849px) {
.header-main {
height: 65px !important;
}
#header.custom-header {
height: 65px !important;
}
#masthead {
height: 65px !important;
}
#logo {
width: 110px !important;
}
}
@media screen and (max-width: 549px) {
.header-main {
height: 60px !important;
}
#header.custom-header {
height: 60px !important;
}
#masthead {
height: 60px !important;
}
#logo {
width: 100px !important;
}
} .header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45);
} .nav-outline > li.active > a {
color: #dd4b4e;
border-color: currentColor;
}
.nav-outline > li > a {
line-height: 2.4em;
padding: 0 .75em;
position: relative;
z-index: 10;
border: 2px solid transparent;
border-radius: 0;
} .box-paloma {
overflow: hidden;
}
.box-paloma .box-text {
max-height: 0; min-height: 81px;
display: block;
transition: max-height 1s cubic-bezier(0,1.66,.52,.35);
background-color: #dd4b4e;
padding: 0;
position: absolute;
bottom: 0;
z-index: 1;
line-height: 1.20em;
}
.blog-post .box-paloma .box-text {
background-color: #d1484b;
}
.blog-brief .box-paloma .box-text {
background-color: #ebaf3b;
}
.blog-photo .box-paloma .box-text {
background-color: #79bdd9;
}
.blog-video .box-paloma .box-text {
background-color: #b464a0;
}
.box-paloma:hover .box-text {
max-height: 100%; height: 100%;
transition: max-height .3s ease-in;
background-color: rgba(222, 75, 78, 0.85);
}
.blog-post .box-paloma:hover .box-text {
background-color: rgba(222, 75, 78, 0.85);
}
.blog-brief .box-paloma:hover .box-text {
background-color: rgba(235, 177, 61, 0.85);
}
.blog-photo .box-paloma:hover .box-text {
background-color: rgba(119, 189, 217, 0.85)
}
.blog-video .box-paloma:hover .box-text {
background-color: rgba(181, 101, 161, 0.85);
}
.box-paloma .box-text .before-title.show-on-hover.hover-reveal,
.box-paloma .box-text .after-title.show-on-hover.hover-reveal {
transition-delay: 0s;
transition-duration: 0.1s;
color:  #fff;
}
.box-paloma:hover .box-text .before-title.show-on-hover.hover-reveal,
.box-paloma:hover .box-text .after-title.show-on-hover.hover-reveal {
transition-delay: .4s;
transition-duration: 0s;
}
.box-paloma .box-text .box-text-inner {
position: absolute;
top: 50.3%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding: 0 20px;
color:  #fff;
}
.box-paloma .box-text span { }
.box-paloma .box-text h5 {
padding-top: 5px;
line-height: 1.15em;
color: #fff;
text-transform: uppercase;
font-weight: 400;
}
.box-paloma:hover .box-text h5 {
color: #000;
border-bottom: 1px solid #000;
}
.box-paloma.box-text .before-title {
padding-bottom: 3px;
}
.box-paloma .box-text .after-title,
.box-paloma .box-text .human-status,
.box-paloma .box-text .time {
padding-top: 6px;
}
.box-paloma .box-text .human-status {
color: #000;
}
.box-paloma .box-text .from_the_blog_excerpt {
color:  #fff;
}
.box-paloma .box-text .portfolio-box-category {
margin-top: 5px;
}
.box-paloma .box-image .date-insert {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: #fff;
color: #000;
text-align: center;
text-transform: uppercase;
z-index: 10;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.box-paloma .box-image .date-insert.dual-date {
width: 80px;
}
.box-paloma .box-image .date-insert.dual-date span {
white-space: nowrap;
}
.box-paloma .status-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 2em;
}
.box-paloma .status-overlay.is-cancelled {
background-color: rgba(138, 47, 47, 0.8);
}
.box-paloma .status-overlay.is-postponed {
background-color: rgba(0, 0, 0, 0.7);
}
.box-paloma .status-overlay.is-finished {
background-color: rgba(0, 0, 0, 0.5);
}
.box-paloma .status-overlay.is-underway {
background-color: transparent;
}
.box-paloma .status-overlay.is-sold-out {
background-color: rgba(222, 75, 78, 0.4);
}
.box-paloma .status-overlay.is-rescheduled {
background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 849px) {
.box-paloma .box-text {
min-height: 70px;
}
.box-paloma .box-text .box-text-inner {
padding: 0 5px;
}
.box-paloma .box-text h5 {
font-size: 0.9em;
}
.box-paloma .box-image .date-insert {
width: 40px;
height: 40px;
font-size: 0.75em;
}
.box-paloma .box-image .date-insert.dual-date {
width: 60px;
}
.box-paloma .status-overlay {
font-size: 1.2em;
}
}
@media screen and (max-width: 549px) {
.box-paloma .box-text {
min-height: 60px;
}
.box-paloma .box-text .box-text-inner {
padding: 0 5px;
}
.box-paloma .box-text h5 {
font-size: 0.80em;
}
.box-paloma .box-image .date-insert {
width: 35px;
height: 35px;
font-size: 0.6em;
}
.box-paloma .box-image .date-insert.dual-date {
width: 50px;
}
.box-paloma .status-overlay {
font-size: 1.0em;
}
} .box-text .box-index {
position: absolute;
top: -7px;
left: 50%;
width: 14px;
height: 14px;
background: inherit;
box-shadow: inherit;
opacity: inherit;
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.box-text:hover .box-index {
background-color: inherit;
} .slider-box .text-inner > div {
display: table;
padding: 5px 10px;
margin: .25em auto;
}
.slider-box .main-title,
.slider-box .sub-title,
.slider-box .datetime {
}
.slider-box .main-title,
.slider-box .sub-title {
color:  #fff;
background-color: #000;
}
.slider-box .datetime {
color:  #000;
background-color: #dd4b4e;
}
.slider-box .text-home {
color:  #fff;
background-color: #dd4b4e;
}
.slider-box .action a.button.black {
background-color: #000;
}
.slider-box .action a.button:hover {
background-color: #8a2f2f;
}
.slider-box .action-home a.button.black {
background-color: #000;
}
.slider-box .action-home a.button:hover {
background-color: #8a2f2f;
}
.slider-box .status {
color:  #fff;
background-color: #8a2f2f;
} span.is-divider {
background-color: white;
display: block;
height: 4px;
margin: 10px auto;
max-width: 30px;
text-align: center;
width: 100%;
}
.col-header-full span.is-divider {
background-color: black;
}
.header-month {
background-color: #444;
}
.col-header-full .header-month {
background-color: white;
}
.header-month-text h2 {
font-size: 3.0em;
font-weight: 700;
line-height: 1em;
color: white;
text-transform: uppercase;
text-align: center;
}
.col-header-full .header-month-text h2 {
font-size: 1.7em;
color: black;
text-align: left;
}
@media screen and (max-width: 849px) {
.header-month-text h2 {
font-size: 1.8em;
}
}
.video-button-wrapper .open-video {
color:  #b464a0;
}
.video-button-wrapper .open-video:hover {
border-color: #b464a0;
background-color: #fff;
}  body.single-aw_event .col-main.with-slider {
margin-top: -150px;
z-index: 2;
} @media screen and (max-width: 1098px) {
body.single-aw_event .col-main.with-slider {
margin-top: -25px;
}
}
body.single-aw_event .col-block-summary {
color:  #fff;
background-color: #000;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
body.single-aw_event .col-block-summary .col-inner ul li {
margin-left: 0;
} .section.ticket {
background-color: #e9e9e9;
padding-bottom: 0;
}
.section.ticket:after {
height: 7px;
width: 100%;
background: url(//www.plages-magnetiques.org/wp-content/themes/smac/assets/images/triangle-bandeau-crante.svg) repeat-x;
content: '';
position: absolute;
bottom: -7px;
left: 0;
}
body.single-aw_event .col-block,
.col .ticket {
background-color: #e9e9e9;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
}
body.single-aw_event .col-block:after,
.col .ticket:after  {
height: 7px;
width: 100%;
background: url(//www.plages-magnetiques.org/wp-content/themes/smac/assets/images/triangle-bandeau-crante.svg) repeat-x;
content: '';
position: absolute;
bottom: -7px;
left: 0;
}
body.single-aw_event .col-block-summary .col-inner,
body.single-aw_event .col-block .col-inner {
padding-bottom: 0;
}
.col-block-summary-picto {
border-left: 1px solid white;
}
.col-block-summary-info,
.col-block-summary-picto {
padding-bottom: 0;
}
@media screen and (max-width: 849px) { .col-block-summary-picto {
border-left: none;
}
}
body.single-aw_event .col-block {
margin-bottom: 2.0em;
}
body.single-aw_event .event-time {
color: #fff ;
}
body.single-aw_event .event-place {
color: #dd4b4e ;
} .bullet-list { position: relative;
display: inline;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: flex-start; align-items: flex-start; margin: 0; padding-bottom: 0 !important;
}
.bullet-list > li {
display: inline;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
position: relative;
transition: background-color .3s;
}
.bullet-list > li:before {
display: inline-block;
font-family: "Font Awesome 5 Pro" !important; content: "\f111" !important;
font-size: 7px;
font-weight: 900;
vertical-align: 25%; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; padding: 0 5px 0 0;
margin: 0 0 0 0;
}
.bullet-list > li.dash.not-first:before {
font-family: 'fl-icons' !important;
content: "\2014" !important;
font-size: 10px;
font-weight: 400;
vertical-align: 10%;  }
.bullet-list li:first-child {
margin-left: 0 !important;
padding: 0
}
.bullet-list > li:first-child:before {
content: ' ' !important;
padding: 0;
}
.bullet-list li:last-child {
margin-right: 0 !important;
} .picto-list {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 0;
height: 100%;
line-height: 1em;
}
.picto-list li {
list-style: none;
margin: 0;
transition: background-color .3s;
}
.picto-list li a:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@media screen and (max-width: 849px) { .picto-list { justify-content: center;
margin-top: 4px;
}
.picto-list li {
margin-left:  15px;
margin-right: 15px;
}
} .event-composition ul.head {
width: 100%;
position: relative;
display: inline-block;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center; align-items: center;  margin: 0;
margin-bottom: 1em; }
.event-composition ul.head li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0 0 0 15px;
position: relative;
transition: background-color .3s;
vertical-align: middle;
align-self: center;
}
.event-composition ul.head li:first-child {
padding: 0;
}
.event-composition ul.head li.title h3,
.event-composition ul.head li.title a {
color: #000;
margin: 0;
padding: 0;
font-size: 1.05em;
font-weight: 700;
}
.event-composition ul.head li.title h3:hover,
.event-composition ul.head li.title a:hover {
color: #8a2f2f;
}
.event-composition ul.head li.title .is-normal,
.event-composition ul.head li.title a.is-normal {
}
.event-composition ul.head li.genre  {
}
.event-composition ul.head li.genre a {
font-style: italic;
}
.event-composition ul.head li.genre a:before {
content: '#';
}
.event-composition ul.head .button {
margin-bottom: 0;
}
.event-composition .description {
} @media screen and (min-width: 1098px) {
.event-videos .players {
padding-left: 0;
}
.event-videos .thumbs {
padding-right: 0;
}
}
.event-videos .players .video-player {
display: none;
}
.event-videos .players .video-player.is-active {
display: block;
}
.event-videos .thumbs { }
.event-videos .thumbs .video-player {
overflow: hidden;
position: relative;
cursor: pointer;
}
.event-videos .thumbs .video-player:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(222, 75, 78, 0.5);
content: '';
z-index: 2;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.event-videos .thumbs .video-player.is-active:before,
.event-videos .thumbs .video-player:hover:before {
opacity: 1;
}
.event-videos .thumbs .video-player + .video-player {
margin: 8px 0 0;
} .grid-col h5 {
text-transform: uppercase;
margin: 0;
} .grid-col.blog-post h5 {
color: #000;
line-height: 1.20em;
}
.grid-col.blog-brief h5,
.grid-col.blog-photo h5,
.grid-col.blog-video h5,
.grid-col.blog-photo .from_the_blog_excerpt,
.grid-col.blog-video .from_the_blog_excerpt,
.grid-col .copyright {
color: #fff;
}
.grid-col.blog-post .from_the_blog_excerpt,
.grid-col.blog-brief .from_the_blog_excerpt {
color: #000;
}
.grid-col.blog-post  .from_the_blog_excerpt,
.grid-col.blog-brief .from_the_blog_excerpt,
.grid-col.blog-photo .from_the_blog_excerpt,
.grid-col.blog-video .from_the_blog_excerpt {
font-size: 1.125em;
line-height: 1.25em;
} .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
padding: 0.6em;
}
.grid-col.blog-post .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
background-color: rgba(255, 255, 255, 0.9);
}
.grid-col.blog-brief  .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
background-color: rgba(235, 177, 61, 0.90);
}
.grid-col.blog-photo  .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
background-color: rgba(119, 189, 217, 0.70);
}
.grid-col.blog-video  .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
background-color: rgba(181, 101, 161, 0.70);
}
.box.box-paloma .box-text-inner,
.grid-col.blog-post  .box-text, .grid-col.blog-post  .box-text-inner,
.grid-col.blog-brief .box-text, .grid-col.blog-brief .box-text-inner,
.grid-col.blog-photo .box-text, .grid-col.blog-photo .box-text-inner,
.grid-col.blog-video .box-text, .grid-col.blog-video .box-text-inner {
pointer-events: none;
}
.grid-col:hover .box-text {
height: auto !important;
max-height: 100% !important;
}
.grid-col:hover .box-text .box-text-inner { max-height: 100% !important;
} .badge-visible {
display: table;
z-index: 20;
height: 2.8em;
width: 2.8em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden }
.badge-visible.top {
left: 0;
}
.grid-col.grid-col-post-item .badge-visible.top {
margin-left: -12px;
margin-top: 10px;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.grid-col.grid-col-post-item .badge-visible.top a.badge_link {
padding: 10px 0;
}
.grid-col.grid-col-post-item .badge-visible.top a.badge_link:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.5s ease, transform 1s ease;
transition: filter 0.5s ease, transform 1s ease;
color: #fff;
}
.grid-col.grid-col-post-item .badge-visible .badge-inner {
text-transform: uppercase;
padding: 0 10px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.85);
}
.grid-col.blog-post  .badge-visible .badge-inner {
background-color: rgb(222, 75, 78);
}
.grid-col.blog-brief  .badge-visible .badge-inner {
background-color: rgba(235, 177, 61, 1);
}
.grid-col.blog-photo  .badge-visible .badge-inner {
background-color: rgba(119, 189, 217, 1);
}
.grid-col.blog-video  .badge-visible .badge-inner {
background-color: rgba(181, 101, 161, 1);
}
.grid-col.grid-col-post-item .badge-visible .badge-inner:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.5s ease, transform 1s ease;
transition: filter 0.5s ease, transform 1s ease;
}    .has-filtering .filter-nav li.all-items a {
color: #000;
}
.has-filtering .filter-nav li.all-items.active a {
color: #dd4b4e;
} .section-tab {
background-color: #eee;
}
.section-tab .tabbed-content .nav-line-bottom li.tab {
margin-left: 20px;
}
.section-tab .tabbed-content .nav-line-bottom li.tab a {
color: #dd4b4e;
}
.section-tab .tabbed-content .nav-line-bottom li.tab a:hover {
color: #000;
}
.section-tab .tabbed-content .nav-line-bottom li.tab a:before {
width: 50%;
}
.section-tab .tabbed-content .nav-line-bottom li.tab a:hover:before {
background-color: #000;
}
.section-tab .tabbed-content .nav-line-bottom li.tab a span:before {
content: "\2022";
margin-right: 5px;
}
.section-tab .tabbed-content {
color: #444;
} footer .absolute-footer {
text-transform: uppercase;
}
footer .absolute-footer .section {
padding: 0 !important;
}
footer .absolute-footer .primary-color {
color: #dd4b4e;
}
footer .absolute-footer .primary-color:hover {
color: #fff;
} footer .absolute-footer .footer-right ul.footer-nav {
margin-bottom: 10px;
} .logo-footer img {
width: 100%;
max-width: 160px;
}
.logo-footer img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.5s ease, transform 1s ease;
transition: filter 0.5s ease, transform 1s ease;
} .absolute-footer ul {
padding-bottom: 0;
opacity: .8;
border-bottom: none;
} @media screen and (max-width: 849px) {
.absolute-footer .col {
padding-bottom: 0;
}
}
@media screen and (min-width: 850px) {
.absolute-footer .col {
padding-bottom: 10px;
}
.absolute-footer p {
margin-bottom: 0;
}
} .partners {
overflow-x: auto;
}
.partners table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
}
.partners table, .partners td {
border: 0;
}
.partners tr {
margin: 0;
padding: 0;
}
.partners td {
text-align: left;
vertical-align: middle;
width: auto;
padding: 3px 0;
}
.partners img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width: 100%;
max-width: 80px;
}
.partners td.logo-nimes-metropole { text-align: center;
}
.partners td.logo-nimes-metropole img {
max-width: 130px;
}
.partners img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: filter 0.5s ease, transform 1s ease;
transition: filter 0.5s ease, transform 1s ease;
}
.partners .next-row {
border-top: 12px solid #000;
}
@media screen and (max-width: 849px) {
.logo-footer {
text-align: center;
}
.partners {
margin-top: 15px;
}
}
@media screen and (min-width: 550px) and (max-width: 849px) {
.col.show-for-medium .col-inner.text-center {
text-align: left;
}
} ul.flat-links {
margin: 0;
padding-bottom: 0;
font-size: .8em;
opacity: 1;
border-bottom: none;
text-align: left;
}
ul.flat-links ul {
margin: 0;
text-align: left;
}
ul.flat-links li {
margin: 0;
margin-bottom: 0.2em;
display: block;
color: #fff
}
ul.flat-links li a {
color: #dd4b4e;
}
ul.flat-links ul.sub-menu li a,
ul.flat-links li.highlight a {
opacity: 1;
color: #fff
}
ul.flat-links ul.sub-menu li a:hover,
ul.flat-links li.highlight a:hover {
opacity: 1;
color: #ddd
}
ul.flat-links li:first-child {
margin-left: 0;
}
ul.flat-links li:last-child {
margin-right: 0;
} a.scroll-down {
margin: 0;
opacity: 0;
bottom: 150px;
right: 20px;
pointer-events: none;
-webkit-transition: all 1s ease;
transition: all 1s ease;
-webkit-animation: none;
animation: none;
}
a.scroll-down:hover {
-webkit-animation: none;
animation: none;
}
a.scroll-down.active {
opacity: 1;
pointer-events: inherit;
-webkit-animation: bounceScrollbefore 2s infinite;
animation: bounceScrollbefore 2s infinite;
} a.back-to-top {    }
a.back-to-top:hover {
-webkit-animation: none;
animation: none;
}
@keyframes bounceScrollbefore {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
} .price-tooltip {
margin-left: 10px;
}
.content-tooltip-lightbox {
padding: 20px 20px 14px 20px;
color:  #fff;
background-color: #000;
border: 1px solid #666; }
.content-tooltip-lightbox ul {
padding: 0;
margin: 0;
list-style: none;
}
.content-tooltip-lightbox ul li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
}
.content-tooltip-lightbox ul li:before {
margin: 0 6px 0 0;
content: '\002022';
} .error404 .searchform-wrapper  {
max-width: 80%;
}  body .buorg {
color: #333 !important;
position: absolute;
position: fixed;
z-index: 111111;
width: 100%;
top:auto !important;
bottom:0px;
left: 0px; border-bottom: none !important;
text-align: center;
cursor: pointer;
background-color: #ccc !important;
font-family: inherit !important;
font-size: inherit !important;
box-shadow: 0px -5px 10px rgba(0,0,0,0.2) !important;
}
body .buorg div {
padding: 9px;
line-height: 1.7em;
}
body .buorg .buorg-buttons {
display: block;
text-align: center;
}
body .buorg div a, body .buorg div a:visited {
text-indent: 0;
color: #fff;
text-decoration: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
padding: 1px 10px;
border-radius: 4px;
font-weight: normal;
background: #8a2f2f !important;
white-space: nowrap;
margin: 0 2px;
display: inline-block;
}
body #buorgul {
background-color: #dd4b4e !important;
position: relative;
}
body #buorgig {
background-color: #8a2f2f !important;
position: relative;
}
@media only screen and (max-width: 850px) {
body .buorg {
font-size: 0.85em !important;
}
body .buorg div {
padding: 5px 12px 5px 9px;
line-height: 1.3em;
}
}
@media only screen and (max-width: 550px) {
body .buorg {
font-size: 0.85em !important;
}
}
@keyframes buorgfly2 {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0px);
}
}
.buorg {
animation: 2s ease-out 0s buorgfly2 !important;
}
.instagram-media {
background:#FFF;
border:0;
border-radius:3px;
box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);
margin: 1px;
max-width:658px;
padding:0;
width:99.375%;
width:-webkit-calc(100% - 2px);
width:calc(100% - 2px);
}