/*
Theme Name: colorfactory
Description: Theme developpe par Youdot
Author: Youdot
Author URI: https://www.youdot.io
Template: colormag
Version: 1.0.0
*/
/* ---------------------------------------------------------------------------
 * Font
 * --------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,700&display=swap');

.elementor .tg-module-wrapper .tg-module-title,
.elementor .tg-module-wrapper .tg-post-categories,
.above-entry-meta .cat-links a,
.more-link span,
.widget_featured_slider .slide-content .entry-title a,
.post .article-content .entry-title,
h1, h2, h3,
#site-navigation a,
.elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button{
    font-family: 'Assistant';
}
body, button, input, select, textarea, p, blockquote p, h4, h5, h6,
.elementor-widget-heading .elementor-heading-title,
#secondary .widget-title span, .page-header .page-title span{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

/* ---------------------------------------------------------------------------
 * Général
 * --------------------------------------------------------------------------- */
@media screen and (max-width : 1239px) {
    .home #main {
        padding-top: 0px;
    }
}

/* ---------------------------------------------------------------------------
 * Logo
 * --------------------------------------------------------------------------- */
#header-logo-image img{
    max-height: 120px;
    width: auto;
}
#header-logo-image{
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding: 0px;
}
#header-left-section{
    float: none;
    text-align: center;
}

/* ---------------------------------------------------------------------------
 * Menu
 * --------------------------------------------------------------------------- */
#site-navigation {
    box-shadow: none;
    background:none;
    border: 0;
}
#site-navigation a{
    color: #333;
}
.main-navigation ul > li {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a,
.main-navigation ul li.current-cat > a{
    background: none;
    border-bottom: 2px solid #8a81ca;
}
.main-navigation ul li ul li:hover > a{
    border-bottom: 0;
}
.main-navigation .sub-menu, .main-navigation .children,
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover{
    background: #e8e8e8;
}
.main-navigation li.menu-item-has-children > a::after,
.main-navigation li.page_item_has_children > a::after{
    color: #333;
}
.main-navigation ul ul.sub-menu li{
    display: block;
}
.main-navigation ul ul.sub-menu {
    top: 100%;
    background-color: #f8f8f8;
    transition: all 0.3s ease;
    display: block;
    border: 1px solid #eaeaea;
}
.main-small-navigation .current_page_item > a,
.main-small-navigation .current-menu-item > a {
    background-color: #8a81ca;
    font-weight: 600;
}
#masthead .main-small-navigation li:hover > a,
#masthead .main-small-navigation li.current-page-ancestor > a,
#masthead .main-small-navigation li.current-menu-ancestor > a,
#masthead .main-small-navigation li.current-page-item > a,
#masthead .main-small-navigation li.current-menu-item > a,
.site-header .menu-toggle:hover,
.main-small-navigation li.current-cat {
    color: #fff;
    background-color: #8a81ca;
}
#site-navigation.main-small-navigation .menunav-menu li.current-cat a{
    color: #fff;
}
.site-header .menu-toggle::before {
    color :#8a81ca;
    float: left;
}
.main-small-navigation ul{
    width: 100%;
    float: left;
}
.main-small-navigation a{
    font-weight: 600;
}
.site-header .menu-toggle:hover{
    background: none;
}
.main-small-navigation ul.menunav-menu{
    background: #F8F9FA;
    border-left: 5px solid #8a81ca;
}
.main-small-navigation li{
    background: none;
}

/* ---------------------------------------------------------------------------
 * Single
 * --------------------------------------------------------------------------- */
.single article .featured-image img{
   width: 100%;
}
#content .post .article-content .entry-title,
.type-page .entry-title{
    font-size: 48px;
}
.single #content .post, #content .post {
    box-shadow: none;
}
.single .post .article-content .entry-title{
    font-weight: 700;
}
.single h1, .single h2, .single h3, .single h4, .single h5,
.page h1, .page h2, .page h3, .page h4, .page h5{
    font-weight: 700;
}
@media screen and (max-width : 767px) {
    blockquote p {
        font-size: 16px;
        padding-left: 0px;
    }
    blockquote p::before{
        font-size: 30px;
    }
}
/* ---------------------------------------------------------------------------
 * Page 404
 * --------------------------------------------------------------------------- */
.error404 .page-header .page-title {
   border-bottom: none;
}

/* ---------------------------------------------------------------------------
 * Category & Search
 * --------------------------------------------------------------------------- */
.archive #content .post:first-child .featured-image a{
    display: block;
}
.archive #content .post:first-child .featured-image a img,
.search #content .post:first-child .featured-image a img{
    width: 100%;
}
#content .post .article-content .above-entry-meta .cat-links a{
    padding: 5px 10px;
    border-radius: 0;
}

/* ---------------------------------------------------------------------------
 * Footer
 * --------------------------------------------------------------------------- */
.footer-socket-wrapper {
    background-color: #000;
}

/* ---------------------------------------------------------------------------
 * Home & Color
 * --------------------------------------------------------------------------- */
 .single-slide .slider-featured-image a {
    display: block;
}
.single-slide .slider-featured-image a img{
    width: 100%;
}
 .pastel-bg-article .tg-col-control:nth-child(5n+1) .tg_module_block{
    background-color:#ECC873;
}
.pastel-bg-article .tg-col-control:nth-child(5n+2) .tg_module_block{
    background-color:#8a81ca;
}
.pastel-bg-article .tg-col-control:nth-child(5n+3) .tg_module_block{
    background-color:#444444;
}
.pastel-bg-article .tg-col-control:nth-child(5n+4) .tg_module_block{
    background-color:#348aa7;
}
.pastel-bg-article .tg-col-control:nth-child(5n+5) .tg_module_block{
    background-color:#525174;
}
.pastel-bg-article p, .pastel-bg-article span, .pastel-bg-article a,
.grey-bg-block p, .grey-bg-block span, .grey-bg-block a{
    color: #fff;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories {
    position: relative ;
    padding: 20px 20px 0 20px;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories a{
    background-color: rgba(255,255,255,0.3);
    font-size: 10px;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories a:hover{
    background-color: rgba(255,255,255,0.1);
}
.elementor .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories a{
    background-color: rgba(109,237,164,1);
    font-size: 10px;
}
.elementor .tg-module-wrapper .tg_module_block .tg-module-thumb .tg-post-categories a:hover{
    background-color: rgba(109,237,164,0.7);
}
.elementor .tg-module-wrapper .tg-module-title{
    font-weight: normal;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-title{
    padding: 10px 20px 20px 20px;
    color: #fff;
}
.elementor .grey-bg-block .tg-module-wrapper .tg-module-title{
    color: #fff;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-module-meta{
    background: rgba(0,0,0,0.05);
    padding: 5px 10px;
    display: inline-block;
    margin-left: 20px;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-post-auther-name a,
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-post-date a,
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-module-comments a,
.widget_featured_slider .slide-content .entry-title a,
.widget_featured_slider .slide-content .entry-title a:hover,
.elementor .tg-module-wrapper .tg-module-title:hover a,
.widget_featured_slider .slide-content .below-entry-meta .posted-on a:hover,
.widget_featured_slider .slide-content .below-entry-meta .byline a:hover,
.widget_featured_slider .slide-content .below-entry-meta .comments a:hover,
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-post-auther-name a:hover,
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-post-date a:hover,
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-meta .tg-module-comments a:hover{
    color: #fff;
}
.elementor #second-articles .tg-module-wrapper .tg-module-title:hover a{
    color: #fff;
    text-decoration: underline;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg-module-title:hover a{
    color: #fff;
    text-decoration: underline;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-expert{
    padding: 20px 20px;
}
.elementor .pastel-bg-article .tg-module-wrapper .tg_module_block .tg-expert p{
    font-weight: 300;
}
.elementor .tg-module-wrapper .tg-module-thumb img,
.single-slide .slider-featured-image a img{
    filter: grayscale(70%);
}
.elementor .tg-module-wrapper .tg-module-thumb img:hover,
.elementor .tg-module-wrapper.tg-module-grid .tg_module_grid a:hover img,
.single-slide .slider-featured-image a:hover img{
    filter: grayscale(10%);
}
.grey-bg-block{
    background-color: #444;
    padding: 10px 40px;
}
.below-entry-meta .fa{
    display: none;
}
.elementor-widget-heading .elementor-heading-title{
    font-weight: 700 !important;
}
.colormag-button, blockquote, button, input[type="reset"],
input[type="button"],
input[type="submit"],
#masthead.colormag-header-clean #site-navigation.main-small-navigation .menu-toggle,
.elementor .tg-module-wrapper .tg-post-category{
    background-color: #8a81ca;
}
a,
#site-title a,
.next a:hover,
.previous a:hover,
.social-links i.fa:hover,
#masthead.colormag-header-clean .social-links li:hover i.fa,
#masthead.colormag-header-classic .social-links li:hover i.fa,
#masthead.colormag-header-clean .breaking-news .newsticker a:hover,
#masthead.colormag-header-classic .breaking-news .newsticker a:hover,
#masthead.colormag-header-classic #site-navigation .fa.search-top:hover,
#masthead.colormag-header-classic #site-navigation.main-navigation .random-post a:hover .fa-random,
.dark-skin #masthead.colormag-header-classic #site-navigation.main-navigation
.home-icon:hover .fa,
#masthead .main-small-navigation li:hover > .sub-toggle i,
.better-responsive-menu #masthead .main-small-navigation .sub-toggle.active .fa,
.elementor-widget-heading.elementor-widget-heading .elementor-heading-title,
.byline a:hover, .comments a:hover, .edit-link a:hover,
.posted-on a:hover,
.tag-links a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .byline a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .comments a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .posted-on a:hover,
.widget_highlighted_posts .article-content .entry-title a:hover,
#content .post .article-content .entry-title a:hover,
.entry-meta .byline i, .entry-meta .cat-links i,
.entry-meta a, .post .entry-title a:hover,
.search .entry-title a:hover,
.widget_featured_posts .article-content .entry-title a:hover,
.footer-widgets-area .widget-title span,
.colormag-footer--classic .footer-widgets-area .widget-title span::before,
a#scroll-up i,
.elementor .tg-module-wrapper .tg-module-title:hover a,
.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a:hover,
.elementor .tg-module-wrapper .tg-module-meta .tg-post-date a:hover,
.elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a:hover,
.elementor-widget-icon.elementor-view-framed .elementor-icon,
.elementor-widget-icon.elementor-view-default .elementor-icon{
    color :#8a81ca;
}
#secondary .widget-title, .page-header .page-title, .footer-widgets-area .widget-title {
    border-bottom: 0px solid;
}
.page-header h1.page-title, #secondary h3.widget-title{
    background: #F8F9FA;
}
#secondary .widget-title span, .page-header .page-title span {
    background: none;
    border-left: 5px solid #8a81ca;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 10px 0px 10px 15px;
    line-height: 1;
    margin: 0;
}
.page-header .page-title span.vcard{
    border: 0;
}
.more-link, .no-post-thumbnail{
    background-color: #8a81ca;
    border-radius: 0;
}
.footer-widgets-area a:hover{
    color: #8a81ca;
}
.elementor .pastel-green .tg-module-wrapper .tg-module-meta .tg-post-auther-name a:hover,
.elementor .pastel-green .tg-module-wrapper .tg-module-meta .tg-post-date a:hover,
.elementor .pastel-green .tg-module-wrapper .tg-module-meta .tg-module-comments a:hover,
.elementor .grey-bg-block .tg-module-wrapper .tg-module-meta .tg-post-auther-name a:hover,
.elementor .grey-bg-block .tg-module-wrapper .tg-module-meta .tg-post-date a:hover,
.elementor .grey-bg-block .tg-module-wrapper .tg-module-meta .tg-module-comments a:hover{
    color: #333;
}
.elementor .tg-module-wrapper a {
    -webkit-transition: none;
    transition: none;
}
.above-entry-meta .cat-links a{
    padding: 5px 10px;
    color:#fff;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0;
    background-color: #8a81ca !important;
}
.above-entry-meta .cat-links a:hover{
    background-color: rgba(93, 211, 158, 0.7) !important;
}
.more-link span{
    padding: 5px 10px;
    color:#8a81ca;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #8a81ca;
    background-color: #fff;
}
.more-link span:hover{
    color: #fff;
}
.elementor #second-articles .tg-module-wrapper .tg-col-control:first-child .tg-post-category{
    background-color: #ECC873 !important;
    color:#fff;
    font-size: 10px;
    padding: 5px 10px;
}
.elementor #second-articles .tg-module-wrapper .tg-col-control:first-child .tg-post-category:hover{
    background-color: rgba(236, 200, 115, 0.7) !important;
}
.elementor #second-articles .tg-module-wrapper .tg-col-control:nth-child(2) .tg-post-category{
    background-color: #525174 !important;
    color:#fff;
    font-size: 10px;
    padding: 5px 10px;
}
.elementor #second-articles .tg-module-wrapper .tg-col-control:nth-child(2) .tg-post-category:hover{
    background-color: rgba(82, 81, 116, 0.7) !important;
}
.module-title span{
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.5px;
}
.elementor-widget-ColorMag-Global-Widgets-Title .tg-module-wrapper .module-title span{
    background: none;
}
.elementor-widget-ColorMag-Global-Widgets-Title .tg-module-wrapper .module-title span{
    color: #333;
}
.elementor .tg-module-wrapper .module-title{
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    border-color: #8a81ca;
    margin: 0;
    padding: 10px 0px 10px 15px;
    background-color: #F8F9FA;
}
.elementor .tg-module-wrapper .module-title span{
    padding: 0;
}
.elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button{
    background-color: #8a81ca;
    font-weight: bold;
}
.elementor .tg-module-wrapper .tg_module_block.tg_module_block--list-small{
    position: relative;
    margin-bottom: 25px;
}
.elementor .tg-module-wrapper .tg-module-title{
    margin-bottom: 0px;
}
.elementor .tg-module-wrapper .tg-module-meta .tg-post-auther-name a, .elementor .tg-module-wrapper .tg-module-meta .tg-post-date a, .elementor .tg-module-wrapper .tg-module-meta .tg-module-comments a {
    color: #969696;
}
@media screen and (max-width : 1239px) {
    .elementor .grey-bg-block .tg-module-wrapper .tg-col-control:first-child{
        margin-bottom: 50px;
    }
}