/*
 Theme Name:   Triathlon Littoral 59
 Theme URI:    https://gitlab.com/tl59/tl59-theme
 Description:  Triathlon Littoral 59 theme is a child of Cover News
 Author:       Triathlon Littoral 59
 Author URI:   http://www.tl59.fr
 Template:     covernews
 Version:      3.1.0
 Text Domain:  tl59.domain
*/

/* ### Child theme ### */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .main-navigation a,
body .font-family-1,
body .site-description,
body .trending-posts-line,
body .widget-title,
body .em-widget-subtitle,
body .grid-item-metadata .item-metadata,
body .af-navcontrols .slide-count,
body .figure-categories .cat-links,
body .nav-links a 
body p,
body span {
font-family: 'Archivo Narrow';
}

body .figure-categories .cat-links a.covernews-categories {
    background-color: #0c4e7b;
    border-radius: 10px;
}

body .figure-categories .cat-links a.category-color-2 {
    background-color: #009688;
}

body .figure-categories .cat-links a.category-color-3 {
     background-color: #bb1919;
}

body .top-masthead {
    background: #0c4e7b;
}

body .top-masthead a:hover,
body .top-masthead a:visited,
body .top-masthead a:active{
    color: #fff;
}

body span.menu-description{
        background: #0c4e7b;
}

body .secondary-color,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .main-navigation,
body .em-post-format i,
body span.header-after:after,
body #secondary .widget-title span:after,
body .af-tabs.nav-tabs > li.active > a:after,
body .af-tabs.nav-tabs > li > a:hover:after,
body .exclusive-posts .exclusive-now,
body span.trending-no,
body .tagcloud a:hover{
        background: #0c4e7b;
}

body a:hover,
body a:focus,
body a:active,
body .figure-categories-2 .cat-links a,
body .covernews_tabbed_posts_widget .figure-categories .cat-links a.covernews-categories,
body .list .spotlight-post .figure-categories .cat-links a.covernews-categories,
body .full-plus-list .spotlight-post .figure-categories .cat-links a.covernews-categories,
body .trending-posts-vertical-carousel .figure-categories .cat-links a.covernews-categories,
body .trending-story .figure-categories .cat-links a.covernews-categories {
        color: #0c4e7b;
}

body #loader:after {
  border-left-color: #0c4e7b;
}

body .masthead-banner.data-bg:before {
    background: rgba(12, 78, 123, 0.20);
}

.offcanvas-menu span,
.data-bg,
.primary-color {
    border-radius: 5px;
}

#scroll-up {
    border-radius: 5px;
}

.search-field {
    border-radius: 5px 0px 0px 5px !important;
}

.search-submit {
    border-radius: 0px 5px 5px 0px !important;
}

.entry-footer .edit-link {
    display: none;
}

.media-modal-content .media-menu-item {
    color: black;
}

/* ### TL59 plugin style #### */
.tl59-post-count {
    background: #0c4e7b;
}

.tl59_categories_widget .fa-folder,
.tl59_comments_widget .fa-comment {
    color: #0c4e7b;
}

.recentcomments a {
    color: #0c4e7b;
}

.tl59-comments-time {
    background: #ffffff;
    color: #0c4e7b;
    margin-top: 5px;
    display: block !important;
}Disable the autoplay for the member's story

/* ### Header style ### */
body .site-header .site-description {
    font-weight: bold;
    padding-left: 50px;
}

body .cart-search {
    position: relative;
}

body #primary-menu .avatar {
    border-radius: 20px;
    position: absolute;
    margin-left: -47px;
    margin-top: -9px;
}

/* ### Home page ###*/
span.item-metadata.posts-date {
    padding-right: 0px !important;
}

.item-metadata.posts-author,
.item-metadata.posts-comment
{
    margin-left: 3px;
}

.item-metadata.posts-date i,
.item-metadata.posts-author i,
.item-metadata.posts-comment i {
   border:none;
   padding-right: 2px;
}

.tl59-banner-members-metatdata {
    font-size: 12px;
}

.tl59-banner-members-metatdata-comment i {
    margin-right: 2px;
}

.tl59-banner-trainings-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.tl59-banner-trainings-event-validated,
.tl59-banner-trainings-event-{
    background-color: green;
}

.tl59-banner-trainings-event-unknow,
.tl59-banner-trainings-event-unknown {
    background-color: orange;
}

.tl59-banner-trainings-event-canceled{
    background-color: red;
}

.sfp-container {
    text-align: center;
}

/* ### Single page ### */
.hentry .entry-header-details .post-excerpt {
    display: none;
}

.entry-content, .entry-summary {
    margin: 0px;
}

.tl59-fbomatic {
    font-style: italic;
}
.tl59-fbomatic a {
    text-decoration: underline;
}

#primary div .post-item-metadata {
    display: none;
}

#comments {
    padding-top: 0px;
    margin-top: -20px;
}

#comments .comments-title {
    margin-top: 0px !important;
    padding-top: 0px !important;
    font-size: 24px;
}

#comments .vcard img {
    width: 40px !important;
    height: 40px !important;
}

#comments .comment-metadata {
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding: 5px 15px;
    border-left: 3px solid #0c4e7b;
}

#comments .comment-content, #comments .reply {
    margin-left: 55px;
    padding-left: 30px;
    border-left: 3px solid #0c4e7b;
}

#comments .reply a {
    background-color: #f3f3f3;
}

#comments .reply a:hover{
    background-color: #0c4e7b;
    color: white;
}

#comments #commentform #comment {
    height: 152px;
}

#comments #commentform #submit {
    margin-top: 0px;
}
/* Expending Archives */
.expanding-archives-title {
    font-size: 18px;
}

/* ### Ultimate Member ### */

body .um-account-profile-link {
    display: none;
}

/* Ultimate member default blue color #3ba1da and hover color #44b0ec can be overwritten using CSS */
/* https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css */

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #0c4e7b !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #0c4e7b !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #44b0ec !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}

/* Connexion page*/
#post-89 .wp-block-columns,
#post-89 .wp-block-column {
    margin-bottom: 0px;
}

/* Inscription page*/
#post-90 .wp-block-columns,
#post-90 .wp-block-column {
    margin-bottom: 0px;
}

/* Partenaires page */
.logo-fftri {
    padding-left: 30px;
    padding-right: 30px;
}

/* School Slot post */
#tl59-school-slots-view-coaches-list li {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: smaller;
}

.tl59-school-slots-view-fieldset {
    border-color: #0c4e7b;
}

.tl59-school-slots-view-fieldset legend {
    color: #0c4e7b;
}

#tl59-school-slots-view-coaches-update legend,
.tl59-school-slots-view-fieldset label,
.checkbox-inline label {
    font-size: smaller;
}

#coach-form-submit {
    margin-top: 31px;
}

.tl59-school-slots-view-report-submit {
    float: right;
}

#report-form-success,
#slot-form-success {
    color: green;
}

.tl59-school-slots-view-fieldset button {
    color: #fff;
    background-color: #0c4e7b;
    border-color: #0c4e7b;
}

.tl59-school-slots-view-fieldset button:hover {
    color: #0c4e7b;
    border-color: #0c4e7b;
    font-weight: bold;
}

#tl59-school-slots-view-cancel {
    margin-top: -12px;
}

/* Member's story custom slick */

.trending-posts-carousel-tl59 .slick-track {
    /*display: flex;*/
    justify-content: center;
}
.trending-posts-carousel-tl59 .slick-slide {
    border: none;
}
.trending-posts-carousel-tl59 .slick-slide .carousel-image{
    margin-bottom: 10px;
    background: #fff;
}

.trending-posts-carousel-tl59
{
    height:430px;
    overflow: hidden;
}
.main-banner-3rd .trending-posts-carousel-tl59{height: 540px;}

@media only screen and (max-width: 769px) {
    .trending-posts-carousel-tl59 {
        height: auto;
    }
}

@media (min-width: 1600px) {
    .main-banner-3rd .trending-posts-carousel-tl59,
    .trending-posts-carousel-tl59
    {
        height:auto;
    }
}

@media only screen and (max-width: 768px) and (min-width: 426px)  {
    .main-banner-3rd .trending-posts-carousel-tl59,
    .trending-posts-carousel-tl59 {
        height: auto;
    }
}

@media only screen and (max-width: 426px) {
    .main-banner-3rd .trending-posts-carousel-tl59,
    .trending-posts-carousel-tl59 {
        height: auto;
    }
}