/*
Theme Name: Etcaetera
Theme URI: https://www.vector.ch/  
Description: Personnalisation du theme Grafik pour Etcaetera
Author: VECTOR communication
Author URI: https://www.vector.ch
Version: 1.0
Text Domain: grafik
Template: grafik
*/

 @font-face {
    font-family: 'doomerg';
    src: url('assets/css/font/doomerg.woff2') format('woff2'),
         url('assets/css/font/doomerg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
/*  scroll-behavior: smooth; */
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-menu-appear .line,
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-menu-appear .close::before,
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-menu-appear .close::after {
    background-color: #e2001a !important;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a {
     color: #e2001a !important;
}


.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li:hover > a > span.item_outer::before,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li:hover > a > span.item_outer::before,
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a > span.item_outer::after,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a > span.item_outer::after {
    background-color: #e2001a !important;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li:hover > a > span.item_outer::after,
.qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li:hover > a > span.item_outer::after {
    background-color: transparent !important;
}

.qodef-title .qodef-title-holder h1 span {
    color: #5a5a5a !important;
}

body.error404 .qodef-title .qodef-title-holder h1 span {
    color: white !important;
}

span.etc_font {
    font-family: doomerg;
    font-size: 18px;
}

@media screen and (max-width: 1200px) {
    span.etc_font {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    span.etc_font {
        font-size: 14px;
    }
}

@media screen and (max-width: 650px) {
    span.etc_font {
        font-size: 13px;
    }
}

@media screen and (max-width: 500px) {
    span.etc_font {
        font-size: 11px;
    }
}

h2 {
    color: #5a5a5a !important;
}

h2.qodef-slide-title span {
    display: none !important;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner .qodef-portfolio-filter-parent-categories li span {
    color: #5a5a5a !important;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner .qodef-portfolio-filter-parent-categories li:hover span::before {
    background-color: #5a5a5a !important;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-ptf-category-holder {
    display: none;
}


.qodef-portfolio-single-holder .qodef-portfolio-horizontal-holder .qodef-portfolio-content-holder {
  text-align: left !important;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul li span {
    text-transform: none !important;
}

.carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom {
    /*text-shadow: 2px 2px rgba(0,0,0,.2);*/
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-title {
    color: #5a5a5a !important;
}


#etc_FooterContact {
    background-color: white;
}

#etc_FooterContact:target {
    height: calc(100vh - 60px);
}


body a.qodef-btn-outline {
    color: #e2001a !important;
    border-color: #e2001a !important;
}

body a.qodef-btn-outline:hover {
    color: white !important;
}

.qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner .qodef-portfolio-filter-child-categories-holder {
    display: none;
}