/* 
--- Base
*/
:root {
    --text-font-family: 'Montserrat';
    --title-font-family: 'Montserrat';
    --global-font-size: 16px;
    --global-mobile-font-size: 17px;
    --global-large-font-size: 18px;

    --white: #fff;
    --gray-0: #eff5f1;
    --gray-1: #f3f3f3;
    --gray-2: #dfdfdf;
    --gray-3: #fbf9f7;
    --gray-4: #444;
    --gray-5: #3c3c3c;
    --gray-6: #e7efea;
    --black: #000;
    --orange: #e98b00;
    --orange-1: #8d5402;
    /* --orange-2: #ce7b02; */
    --orange-2: #db8402;
    --orange-3: #bb6f01;
    /* --orange-4: #f8ecdb; */
    --orange-4: #fffaf2;
    --orange-5: #dfa550;
    --orange-6: #fcf8f3;
    --green: #1e763d;
    --green-2: #0e4f25;
    --divider-color: #fbebd4;

    --topbar-content-height: 19px;
}

::selection {
    background-color: var(--green-2);
}

html {
    font-family: var(--text-font-family);
    font-size: var(--global-font-size);
    font-weight: 400;
    color: var(--black);
}

b, strong {font-weight: 600;}

img[data-src]:not(.icon):not(.logo){
    background-color: var(--gray-1);
    background-image: url(../images/icons/image-spinner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
}
img.logo{
    transition: height .2s ease-in-out, width .2s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font-family);
    font-weight: 600;
    color: var(--black);
}
a {
    transition: background-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}

em {
    color: inherit;
    font-weight: 400;
}

header.uk-sticky.uk-active {
    z-index: 999;
}

aside{box-sizing: content-box !important;}
footer hr.separator { border:none; border-top: 2px solid var(--gray-5); }
footer {font-family: var(--title-font-family);}
footer .copyright .text {
    font-size: .8em;
}


/* 
--- Layout
*/
#topbar { background-color: var(--gray-1); }
#topbar a { color: var(--gray-4); }
#topbar li.current.active a {text-decoration: underline; }
body.itempage.single-videos section#main-container {
    background: var(--black);
    margin-top: 20px;
}
#before-footer {
    background: var(--gray-6);
    margin-bottom: -40px;
    padding: 5px 0;
}
footer .module.apropos {margin-right: -15px}

/* 
--- Content
*/
.content .category {
    line-height: normal;
    font-size: .6em;
}
.content .category > a:hover { text-decoration: none; }
.content .category .icon {
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
}
.content .title {
    line-height: 1.3em;
    font-size: 1em;
}
.content .title.title-large {font-size: 1.6em;}
.content .intro {font-size: .95em;}
.content.content-divider {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--divider-color);
}
.content .img {
    transition: filter .2s ease-in-out;
}
.content:hover .img {
    filter: opacity(0.4);
}
.content:hover .title,
.content:hover .category > a {
    color: var(--orange);
}
.content .img.img-circle > a,
.content .img.img-circle img {
    border-radius: 100%;
}
.content .img.img-icon img {height: inherit;}
.content .img .video-icon,
.content .img .gallery-icon {
    width: 100%;
    height: 100%;
    /* background: rgba(233, 139, 0, .4); */
}
.content .img .video-icon .icon,
.content .img .gallery-icon .icon {
    width: 100px;
    height: 100px;
    opacity: .4;
    background-size: 100%;
}
.content .img .gallery-icon .icon {
    opacity: .6;
    background-size: 80%;
}
.content .date {
    font-family: var(--title-font-family);
    width: 75px;
    height: 100%;
    min-height: 120px;
}
.article-item.content .date {width: 100px;}
.content .date .month,
.content .date .year {font-size: .75em;}
.content .date .day {
    font-size: 2.5em;
    line-height: 1em;
}

.items .item:first-child .content.content-divider {padding-top: 0}
.items .item:last-child .content.content-divider {border-bottom: 0}
.article-item .category-title {font-size: .9em;}
.article-item .article-title {font-size: 2em;}
.article-item .article-meta .date,
.article-item .article-meta .author,
.article-item .article-meta .source {
    font-family: var(--title-font-family);
    font-size: .8em;
    font-weight: 500;
}
.article-item .article-meta {
    padding-top: 3px;
    padding-bottom: 3px;
}
.article-item .article-meta > span { line-height: normal; }
.article-item .article-meta .icon{
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
}
.article-item .article-content > .image .legend {
    background: rgba(231, 239, 234, 0.7);
    font-size: .85em;
}
.article-item .article-content > .image .legend.compact span.text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-item .article-content > .image .legend > .icon {
    width: 30px;
    height: 14px;
    background-size: 50%;
    background-color: rgba(231, 239, 234, 0.7);
    right: 10px;
    top: -14px;
}
article .socialshare > span {
    font-size: .7em;
    line-height: normal;
}
article .socialshare img.icon {border-radius: 3px}
.article-item .article-content .introtext { font-size: 1.05em;}
.article-item .article-content .fullcontent * {
    text-align: left !important;
}
.article-item .article-content .fullcontent h2 {
    font-size: 1.5em;
}
.article-item .article-content .fullcontent h3 {
    font-size: 1.2em;
}
.article-item .article-content .fulltext figure.image > img { 
    display: block;
    margin: auto;
}
.article-item .article-content .fulltext figure.image figcaption { 
    text-align: center; 
    font-size: .8em;
    font-weight: 400;
    margin-top: 5px;
}
.article-item .article-content .fulltext .readalso .label {
    font-size: .8em;
    font-weight: bold;
    color: var(--orange);
    text-transform: uppercase;
    display: inline-block;
}
.article-item .article-content .fulltext .readalso .link {
    display: block;
    color: var(--orange);
    font-weight: 600;
    background: var(--orange-4);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--orange)
}
.article-item .article-content .fulltext .readalso .link:hover {
    text-decoration: none;
    color: var(--white);
    background-color: var(--orange);
}
.article-item .article-content .fulltext blockquote {
    position: relative;
    font-size: 1em;
    padding: 20px 30px 20px 50px;
    background-color: var(--gray-3);
    border-radius: 5px;
}
.article-item .article-content .fulltext blockquote::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    transform: translateY(-50%);
    left: 12px;
    top: 50%;
    background: url(../images/icons/icon-quote.svg) no-repeat center center/90%;
}
.article-item .article-content .fulltext blockquote *,
.article-item .article-content .fulltext blockquote strong {
    font-weight: normal;
    font-style: italic;
}
.article-item .article-content .fulltext img {
    border-radius: 5px;
}
.article-item .article-content .fulltext :has(>img) {
    text-align: center !important;
}
.article-item .article-content .fulltext p:empty {
    display: none;
}
.article-item.photo .category-title .icon {
    width: 22px;
    height: 22px;
    margin-bottom: 3px;
}
.article-page .article-title {
    font-size: 2.2em;
}
.article-page .article-content h2 {
    font-size: 1.4em;
    font-weight: bold;
}
.category-blog .category-title {
    font-size: 1.8em;
}
.video-item .category-title {font-size: .9em;}
.video-item .category-title .icon {
    width: 22px;
    height: 22px;
    margin-bottom: 3px;
}
.video-item .video-title {font-size: 2em;}
.video-item .video-meta .date {
    font-family: var(--title-font-family);
    font-size: .75em;
}
.video-item .video-meta .icon{
    width: 16px;
    height: 16px;
    margin-bottom: 3px;
}
.category-blog.opinion .author_name,
.module .opinion .author_name {
    border-top: 2px solid var(--orange);
    font-family: var(--title-font-family);
    font-size: .75em;
}
.category-blog.titrologie .paybtn {
    font-family: var(--title-font-family);
    font-size: .75em;
}
.category-blog.titrologie .paybtn:hover{
    background: var(--green);
}
.category-blog.titrologie .paybtn .icon {
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
}

/* 
--- Style
*/
.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: center center/contain no-repeat;
}
#topbar .icon{
    width: var(--topbar-content-height);
    height: var(--topbar-content-height);
    margin-top: -2px;
}
.icon.icon-contact { background-image: url(../images/icons/icon-contact.svg) }
.icon.icon-about { background-image: url(../images/icons/icon-about.svg) }
.icon.icon-menu { 
    width: 40px;
    height: 40px;
    background-image: url(../images/icons/icon-menu.svg);
    background-size: 125%;
}
.icon.icon-clock{ background-image: url(../images/icons/icon-clock.svg) }
.icon.icon-close{ background-image: url(../images/icons/icon-close.svg) }
.icon.icon-close-2{ background-image: url(../images/icons/icon-close-2.svg) }
.icon.icon-calendar{ background-image: url(../images/icons/icon-calendar.svg) }
.icon.icon-calendar-2{ background-image: url(../images/icons/icon-calendar-2.svg) }
.icon.icon-pencil{ background-image: url(../images/icons/icon-pencil.svg) }
.icon.icon-arrow-right{ background-image: url(../images/icons/icon-arrow-right.svg) }
.icon.icon-arrow-right-2{ background-image: url(../images/icons/icon-arrow-right-2.svg) }
.icon.icon-arrow-next{ background-image: url(../images/icons/icon-arrow-next.svg) }
.icon.icon-arrow-next-white{ background-image: url(../images/icons/icon-arrow-next-white.svg) }
.icon.icon-arrow-bottom{ background-image: url(../images/icons/icon-arrow-bottom.svg) }
.icon.icon-arrow-up,
.icon.icon-arrow-bottom.compact{ background-image: url(../images/icons/icon-arrow-up.svg) }
.icon.icon-play{ background-image: url(../images/icons/icon-play.svg) }
.icon.icon-camera{ background-image: url(../images/icons/icon-camera.svg) }
.icon.icon-gallery{ background-image: url(../images/icons/icon-gallery.svg) }
.icon.icon-photo{ background-image: url(../images/icons/icon-photo.svg) }
.icon.icon-wallet{ background-image: url(../images/icons/icon-wallet.svg) }
.icon.icon-pay{ background-image: url(../images/icons/icon-pay.svg) }
.icon.icon-next{ background-image: url(../images/icons/icon-next.svg) }
.icon.icon-next-right{ background-image: url(../images/icons/icon-next-right.svg) }
.icon.icon-previous{ background-image: url(../images/icons/icon-previous.svg) }
.icon.icon-previous-left{ background-image: url(../images/icons/icon-previous-left.svg) }
.icon.icon-lock{ background-image: url(../images/icons/icon-lock.svg) }
.icon.icon-featured{ background-image: url(../images/icons/icon-featured.svg) }
.icon.icon-external-link{ background-image: url(../images/icons/icon-external-link.svg) }
.icon.icon-article{ background-image: url(../images/icons/icon-article.svg) }
.icon.icon-user-circle{ background-image: url(../images/icons/icon-user-circle.svg) }

.pagination-container {
    border-top: 1px solid var(--black);
    padding: 10px 0;
}
.pagination-container ul.pagination {
    font-family: var(--title-font-family);
}
.pagination-container ul.pagination li a:hover {
    opacity: .4;
    text-decoration: none;
}
.pagination-container ul.pagination li a {
    font-size: .75em;
    padding: 6px 15px;
    border: 1px solid var(--black);
    min-width: 50px;
    display: inline-block;
    text-align: center;
}
.pagination-container ul.pagination li:first-child a {
    border-radius: 4px 0 0 4px;
}
.pagination-container ul.pagination li:last-child a {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}
.pagination-container ul.pagination li.disabled {
    /* opacity: .2; */
}
.pagination-container ul.pagination li .icon {
    width: 16px;
    height: 16px;
}
.pagination-container ul.pagination li a {
    color: inherit;
    font-weight: bold;
}
/* .pagination-container ul.pagination li.active a {
    background: var(--gray-5);
    color: var(--white);
}
.pagination-container ul.pagination li a:hover {
    text-decoration: none;
} */

#menu-offcanvas .uk-offcanvas-bar .module .mod-title {
    /* text-align: right; */
    font-size: .75em;
    background: var(--orange-3);
    padding: 5px 20px;
    /* border-bottom: 2px solid var(--orange-3); */
}
#menu-offcanvas .uk-offcanvas-close {
    top: 15px;
    right: 15px;
}
#menu-offcanvas .uk-offcanvas-close > svg line { stroke-width: 2px; stroke: var(--white);}
aside .module > .mod-title {
    font-size: 1em;
    font-weight: 700;
    color: var(--orange);
    border-bottom: 2px solid var(--orange);
}
aside .module.icon .mod-title { 
    color: var(--orange);
    padding-bottom: 3px; 
}
aside .module.icon .mod-title > span:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.module.icon.popular .mod-title > span::before { background-image: url(../images/icons/icon-best-seller.svg); }
.module.icon.agenda .mod-title > span::before { background-image: url(../images/icons/icon-calendar-3.svg); }

footer .module .mod-title { 
    color: var(--white);
    font-size: .9em;
}
footer .module .mod-content { 
    background: var(--gray-5); 
    padding: 10px 20px;
    border-radius: 5px;
}


/* 
--- Module
*/
.module .titrologie .box { 
    min-width: 150px;
    font-size: .7em;
    background: var(--orange) url(../images/icons/external-link.png) 95% center/35% no-repeat;
}
.module .titrologie .box:after {
    content: '';
    position: absolute;
    right: -10px;
    top: calc(50% - 10px);
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) rgb(62 29 29 / 0%) var(--orange);
}
.module .titrologie .box > a { 
    font-family: var(--text-font-family);
}
.module .flashinfo .icon {
    width: 14px;
    height: 14px;
}
.module .flashinfo .content{
    font-size: .95em;
    font-family: var(--title-font-family);
}
.module .flashinfo .timer {
    border-radius: 2px;
    line-height: 1.3em;
}
.module .flashinfo .time{
    font-family: var(--title-font-family);
    font-size: .8em;
}
.module .flashinfo .uk-slidenav { width: 12px; }
.module .flashinfo .uk-slidenav > svg polyline{ 
    stroke-width: 3px; 
    stroke: var(--green) !important;
}
.module .flashinfo .uk-slider-items > li:after {
    content : '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 2px;
    height: 100%;
    background-color: var(--gray-1);
}
.module .alaune > .first > .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: filter .2s ease-in-out;
}
.module .alaune > .first:hover > .img {
    filter: grayscale(1);
}

.module .alaune .content-container .content .category { font-size: .9em; }
.module .alaune .content-container .content .title { font-size: 1.6em; }
.module .alaune .content-container { background: url(../images/sprites/sprite-orange.png) repeat-x center bottom/3px; }
.module .alaune .content-container .content .title > a {color: var(--white);}
.module .alaune .content-container .content .title > a:hover {text-decoration:none;}
.module .readmore {
    font-family: var(--title-font-family);
    font-size: .75em;
    padding: 3px 15px 3px 40px;
}
aside .module .readmore {padding-left: 0; padding-right: 0;}
.module .readmore:hover {
    text-decoration: none;
    color: var(--white);
}
.module .rubrique .readmore:hover {
    background: var(--green);
}
.module .readmore .icon {
    width: 16px;
    height: 16px;
    margin-top: -2px;
}
.module .edito .author-img {
    border: 4px solid  var(--orange);
    z-index: 1;
}
.module .edito .label {
    width: 90%;
    padding: 5px 15px 5px 0;
    border-radius: 0 4px 4px 0;
}
.module .edito .label > span, 
.module .edito .content {width: 75%;}
.module .edito .readmore {
    font-family: var(--title-font-family);
    font-size: .75em;
}
.module .edito .readmore:hover {
    color: var(--orange);
    text-decoration: none;
}
.module .edito .readmore .icon{
    width: 16px;
    height: 16px;
}
.module .rubrique-bottom hr.border{
    border: none;
    border-top: 4px solid var(--orange);
}
.module .agenda .content .date {height: auto;}
.module .agenda .content .separator { width: 10px; }

#bottom-item .module .mod-title > span {
    color: var(--white);
    background-color: var(--orange);
    padding: 4px 15px;
    font-size: .9em;
    border-radius: 4px;
}

.module .acym_module {
    font-family: var(--title-font-family);
    background: var(--orange-2);
}
.module .acym_module .acym_form_introtext {
    font-size: .85em;
}
.module .acym_module .acym_form_introtext,
.module .acym_module .onefield {
    padding-right: 20px;
    padding-left: 20px;
    margin: 10px 0 0 0;
}
.module .acym_module .onefield {margin-top: 20px;}
.module .acym_module .onefield input[type="email"] {
    border: none;
    height: 35px;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: var(--title-font-family);
    font-size: .8em;
    cursor: text;
    outline: none !important;
}
.module .acym_module .onefield.fieldacycaptcha {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    transition: height ease-in-out .2s;
}
#subscribe-form a.uk-modal-close:hover ~ div .module .acym_module .onefield.fieldacycaptcha,
.module .acym_module:hover .onefield.fieldacycaptcha {
    height: 140px;
    margin-top: 20px;
    overflow: inherit;
}
.module .acym_module .acysubbuttons {
    margin: 0;
    padding: 20px;
}
.module .acym_module .acysubbuttons input[type="button"] {
    border: none;
    height: 35px;
    width: 100%;
    max-width: 100%;
    font-family: var(--title-font-family);
    font-size: .85em;
    font-weight: bold;
    color: var(--white);
    text-transform: uppercase;
    background: var(--orange-1);
}

.module .links { font-family: var(--title-font-family) }
.module .links .label {
    font-size: .8em;
    color: var(--gray-4);
    line-height: normal;
}
.module .links .social-links img.icon {
    border-radius: 3px;
}
.module .links .social-links a:hover {
    opacity: .4;
}
.module .links .newsletter-link {border-left: 1px solid #c5e2d0;}
.module .links .newsletter-link .icon { margin-top: 5px }
.module .links .newsletter-link .button { 
    font-size: .8em;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
}
.module .links .newsletter-link .button:hover{
    color: var(--white);
    background: var(--orange);
}

.module .featured-content .category .icon {margin-bottom: 4px;}

/* 
--- Component
*/
#contact-form {
    font-family: var(--title-font-family);
    font-size: .85em;
}
#contact-form fieldset.formContainer{
    border:none;
    padding:0;
    margin:0;
}
#contact-form .formControls input,
#contact-form .formControls textarea,
#contact-form .formControls select {
    border-radius: 5px;
}
#contact-form .formControlLabel{
    font-weight: 600;
    font-size: 1.1em;
}
#contact-form .formControlLabel .formRequired {font-size:.8em;}
#contact-form .formControls .formError {
    color: #e51616;
    font-size: .75em;
}
#contact-form .formControls button[type="submit"] {
    width: 100%;
    background: var(--orange);
    font-weight: bold;
    text-transform: uppercase;
    font-size: inherit;
    line-height: 35px;
    height: 35px;
    border-radius: 5px;
}
#contact-form .rsform-block-google-recaptcha .formControlLabel {
    display: none;
}

/* 
--- Menu
*/
.menu-topbar > li::before {
    content: "";
    position: relative;
    left: -6.5px;
    border-left: 2px solid var(--gray-2);
    height: var(--topbar-content-height);
}
.menu-topbar > li:first-child::before {
    content: none;
}
.menu-navbar.uk-navbar-nav > li > a {
    text-transform: uppercase;
    color: #fff;
    font-family: inherit;
    font-size: .8em;
    font-weight: 500;
    min-height: 40px;
    border-right: 2px solid var(--orange-2);
}
.menu-navbar.uk-navbar-nav > li:not(.active) > a:hover { color: var(--orange-2) }
.menu-navbar.uk-navbar-nav > li.active > a { background-color: var(--orange-2) }
.menu-navbar.uk-navbar-nav > li:last-child > a { border: none }
.menu-offcanvas.uk-nav > li { margin-top:0 !important }
.menu-offcanvas.uk-nav > li > a{
    padding: 15px 30px;
    font-size: .75em;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--orange-3);
}
.menu-offcanvas.uk-nav > li.active > a { background-color: var(--orange-3) }
header.uk-sticky.uk-active #header-r {display: none;}
.menu-footer > li > a {
    color: var(--white);
    font-size: .75em;
}

/* 
--- UIKit Override
*/
.uk-form-danger, .uk-form-danger:focus{color: #e51616;}
.uk-clearboth {clear: both;}
.uk-container-small { max-width: 980px; }
.uk-link, a {color: var(--orange)}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover{color: var(--green)}
.uk-link-reset:hover{color: var(--orange) !important}
.uk-link-green:hover,
.uk-link-reset.uk-link-green:hover{color: var(--green) !important}
.uk-icon svg { margin-top: -2px }
.uk-text-small { font-size: .7em }
.uk-margin-xsmall-top { margin-top: 5px }
.uk-margin-xsmall-bottom { margin-bottom: 5px }
.uk-margin-xsmall-left { margin-left: 5px }
.uk-margin-xsmall-right { margin-right: 5px }
.uk-padding-smaller { padding: 10px }
.uk-padding-xsmall { padding: 5px }
.uk-padding-xsmall-top { padding-top: 5px }
.uk-padding-xsmall-bottom { padding-bottom: 5px }
.uk-padding-small-top { padding-top: 15px }
.uk-padding-small-bottom { padding-bottom: 15px }
.uk-padding-small-left { padding-left: 15px }
.uk-padding-small-right { padding-right: 15px }
.uk-padding-top { padding-top: 40px }
.uk-padding-bottom { padding-bottom: 40px }
.uk-text-bolder { font-weight: 500;}
.uk-text-bold { font-weight: 600;}
.uk-text-bold-heavy { font-weight: 700;}
.uk-text-orange { color: var(--orange) }
.uk-bg-black { background-color: var(--black) }
.uk-bg-white { background-color: var(--white) }
.uk-bg-green { background-color: var(--green) }
.uk-bg-orange { background-color: var(--orange) }
.uk-bg-orange-2 { background-color: var(--orange-2) }
.uk-bg-orange-4 { background-color: var(--orange-4) }
.uk-bg-orange-6 { background-color: var(--orange-6) }
.uk-bg-gray-0 { background-color: var(--gray-0) }
.uk-bg-gray-1 { background-color: var(--gray-1) }
.uk-bg-gray-4 { background-color: var(--gray-4) }
.uk-bg-gray-3 { background-color: var(--gray-3) }
.uk-bg-gray-5 { background-color: var(--gray-5) }
.uk-text-white { color: var(--white); }
.uk-link-reset-color { color: inherit !important }
.uk-modal {
    background: rgba(0,0,0,.9);
}
.uk-modal-close {
    width: 10px !important;
    height: 10px !important;
    margin-top: 2px;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font-family);
    color: var(--black);
}
.uk-breadcrumb {
    font-size: inherit;
}
.uk-breadcrumb li > a, .uk-breadcrumb li > span{
    font-family: var(--title-font-family);
    font-size: .75em;
    text-transform: uppercase;
    color: var(--orange);
    font-weight: 600;
}
.uk-breadcrumb > :last-child > span {color: var(--black);}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before{ 
    content: "";
    width: 2px;
    height: 18px;
    background: var(--orange);
    vertical-align: middle;
    margin: 0 10px 0 calc(15px - 4px);
 }
 .uk-breadcrumb > * > :hover {color: var(--orange);}
 .uk-lightbox{background: rgba(0,0,0,.9);}
 .uk-lightbox-caption{color: var(--white);}
 .uk-input, .uk-select, .uk-textarea,
 .uk-input:focus, .uk-select:focus, .uk-textarea:focus{color: var(--black);}


/* 
--- Media Queries (max-width)
*/
@media screen and (max-width: 1600px) {
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 1.75em; }
    #mod-123.module .menu-footer,
    #mod-126.module .menu-footer{min-height: 172px;}
}
@media screen and (max-width: 1400px) {
    .uk-container:not(.uk-container-small){ max-width: 1100px; }
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 1.8em; }
}
@media screen and (max-width: 1200px) {
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 1.4em; }
    .content .img.img-fixed {
        width: auto !important;
        height: auto !important;
    }
}
@media screen and (max-width: 1100px) {
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 1.1em; }
}
@media screen and (max-width: 1024px) {
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 .9em; }
}
@media screen and (max-width: 960px) {
    .module .links .newsletter-link {
        border: none;
        border-top: 1px solid #d9e3dd;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .module .links .social-links {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    html { font-size: var(--global-mobile-font-size); }
    header {background: var(--gray-3);}
    .uk-logo img.logo{ width: 200px; }
    .category-blog .uk-grid-small>.uk-grid-margin {margin-top: 30px;}
    .alaune .uk-grid-small>.uk-grid-margin,
    .featured-content .uk-grid-small>.uk-grid-margin,
    .items_related .uk-grid-small>.uk-grid-margin,
    .video-container .uk-grid-small>.uk-grid-margin{
        margin-top: 40px;
    }

    /* .content .img:not(.img-circle) > a, */
    /* .article-item .article-content > .image,  */
    .alaune > .first > .img, .alaune .content-container {
        margin-left: -15px;
        margin-right: -15px;
        display: block;
    }
    .content .img.img-circle img {
        width: 80px;
        height: 80px;
    }
    .video-item .player,
    .content.content-rubrique,
    .module .featured-content {
        margin-left: -15px;
        margin-right: -15px; 
    }
    /* .video .video-container {padding: 15px;} */
    .alaune > .first > .img { margin-bottom: 25px; }
    .content.content-rubrique {
        padding-top: 20px;
        padding-bottom: 5px;
        padding-right: 15px;
        border-top: 2px solid var(--divider-color);
    }
    .article-item .article-title,
    .video-item .video-title {font-size: 1.5em}
    .article-page .article-title {font-size: 1.8em}
    .article-item .category-title,
    .video-item .category-title {font-size: .75em;}
    .article-item .article-meta > span:first-child { 
        padding-bottom: 5px; 
        border-bottom: 1px solid var(--gray-2);
    }
    .article-item .article-meta {
        padding-left: 10px;
        padding-right: 10px;
    }
    .article-item .article-meta > div > span:not(:last-child) { 
        border-bottom: 1px solid var(--gray-2);
    }
    .pagination-container ul.pagination li { display:none; }
    .pagination-container ul.pagination li:first-child,
    .pagination-container ul.pagination li:last-child { display:list-item; }
    .pagination-container ul.pagination li:first-child a {margin-right: 5px;}
    .pagination-container ul.pagination li:last-child a {margin-left: 5px;}
}

/* 
--- Media Queries (min-width)
*/
@media screen and (min-width: 640px) {
    header.uk-sticky.uk-active {background: white;}
    header.uk-sticky.uk-active #headerbar {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    header.uk-sticky.uk-active .uk-logo img.logo { width: 180px }
    .module .alaune > .first .img,
    .module .alaune > .first .content-container {
        border-radius: 4px;
    }
    .article-item .article-meta > div > span:not(:last-child) { 
        border-right: 1px solid var(--gray-2);
    }
    .article-item .article-meta > span:last-child { padding-left: 25px; }
    .article-item .module .acym_module .acym_form_head .acym_form_head_block {
        margin: auto;
        width: 50%;
    }
    .article-item .article-content .fullcontent,
    .video-item .video-content {
        padding-left: 50px;
        padding-right: 50px;
    }
    .article-item .article-content .fullcontent .readalso,
    .article-item .article-content blockquote,
    .article-item .article-content .fulltext img {
        width: 75%;
        margin: 35px auto;
    }
    .module .rubrique-bottom .items li:nth-child(3) .category,
    .module .rubrique-bottom .items li:nth-child(4) .category {
        border-top: 2px solid var(--gray-1);
        padding-top: 20px;
    }
}
@media screen and (min-width: 960px) {
    body.blogpage aside {margin-top: 60px;}
    .module .opinion .author_name{ font-size: .65em; }
    aside .module .content .title{ font-size: .95em; }
    .content .img.img-fixed {
        min-width: 100%;
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    #contact-form fieldset.formContainer {
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 1100px) {
}
@media screen and (min-width: 1200px) {
    .module .flashinfo .uk-slider-items > li:after { right: -20px; }
}
@media screen and (min-width: 1400px) {
    html { font-size: var(--global-large-font-size); }
    .menu-navbar.uk-navbar-nav > li > a { min-height: 50px; }
    .pagination-container ul.pagination li a {padding: 3px 15px;}
}
@media screen and (min-width: 1600px) {
    .uk-container{ max-width: 1400px; }
    .uk-container-small{ max-width: 1145px; }
    .menu-navbar.uk-navbar-nav > li > a { padding: 0 2.5em; }
    .uk-width-large\@xl{width: 350px;}
    #mod-123.module .menu-footer,
    #mod-126.module .menu-footer{min-height: 192px;}
    .content .img.img-fixed {
        width: auto !important;
        height: auto !important;
    }
}