/* =========================================
   GFK MINING SERVICES
   Personnalisation du thème
========================================= */


    /* ==========================================================
       GFK MINING SERVICES
       Personnalisation du thème
       ========================================================== */


    /* ==========================================================
       1. COULEURS GLOBALES
       ========================================================== */

:root {

    /* Couleur principale GFK */
    --base-skin: #f28c00;

    /* Couleurs secondaires */
    --gfk-dark: #000000;
    --gfk-white: #ffffff;
    --gfk-light: #f9f4f0;

}


/* ==========================================================
   2. COULEUR PRINCIPALE
   ========================================================== */

.text-base-skin {
    color: var(--base-skin) !important;
}

.bg-base-skin {
    background-color: var(--base-skin) !important;
}


/* ==========================================================
   3. SÉLECTION DE TEXTE
   ========================================================== */

::selection {
    background-color: var(--base-skin);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--base-skin);
    color: #ffffff;
}


/* ==========================================================
   4. CHAMPS DE FORMULAIRE
   ========================================================== */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
    border-color: var(--base-skin) !important;
    outline: none;
}


/* ==========================================================
   5. LIENS
   ========================================================== */

a:hover,
a:focus {
    color: var(--base-skin);
}


/* ==========================================================
   6. MENU ACTIF
   ========================================================== */

nav.main-menu ul.menu li.active > a,
nav.main-menu ul.menu li ul.mega-submenu li.active > a {
    color: var(--base-skin) !important;
}


/* ==========================================================
   7. SOUS-MENU
   ========================================================== */

#site-header-menu
.site-navigation
ul.menu
li
ul.mega-submenu
li
a:hover {
    color: var(--base-skin) !important;
}


/* ==========================================================
   8. FAQ / ACCORDÉON
   ========================================================== */

.accordion.style2
.prt-toggle_style_classic
.toggle-title {
    position: relative;
}

.accordion.style2
.prt-toggle_style_classic
.toggle-title a {
    display: block;
    padding-left: 35px !important;
    text-decoration: none !important;
}


/* ==========================================================
   9. FORMULAIRE CONTACT
   ========================================================== */

#contactform .row {
    margin-left: -12px;
    margin-right: -12px;
}

#contactform .row > div {
    padding-left: 12px;
    padding-right: 12px;
}

#contactform p {
    margin-bottom: 24px;
}

#contactform input,
#contactform select,
#contactform textarea {
    width: 100%;
}

#contactform select {
    height: 64px;
    padding: 0 20px;
}

#contactform textarea {
    min-height: 200px;
    resize: vertical;
}