theme-whmcs/css/custom.css

:root {
  --g4c-light-green: #97ecb8;
  --g4c-medium-green: #57b581;
  --g4c-dark-green: #00494b;
  --g4c-acid-yellow: #edff8c;
  --g4c-white: #ffffff;
}



/** Header **/
header.header {
    background-color: var(--g4c-dark-green);
}

header.header .navbar a {
    color: var(--g4c-white);
    font-size: 16px;
    text-decoration: none;
}

header.header .navbar a:hover{
    transition: color 0.5s;
    color: var(--g4c-acid-yellow); 
}

header.header .dropdown-menu {
    background-color: var(--g4c-dark-green);
}

/*
header.header .main-navbar-wrapper .container {
    border-bottom: 0.5px solid var(--g4c-acid-yellow) !important;
}
µ:

/** Breadcrumb **/
.master-breadcrumb {
    background-color: var(--g4c-acid-yellow);
    display: none;
}

.breadcrumb {
    background-color: var(--g4c-acid-yellow);
}

/** Domain **/
.home-domain-search {
    background-color: var(--g4c-dark-green) !important;
    color: white;
    /*border-bottom-right-radius: 12rem !important;*/
}

.home-domain-search .container {
    border-top: 0.5px solid var(--g4c-acid-yellow) !important;
}

.home-domain-search a {
    color: white;
}

/** Products/Services **/
#main-body {
    /*background-image: linear-gradient(to bottom,var(--g4c-light-green),var(--g4c-medium-green));*/
    background-color: var(--g4c-white) !important;
}
/** font-graphique texte **/

/** titre text **/

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  .lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
  
/** paragraphe ou texte normal **/
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100 !important;
    font-style: normal;
  }
/** couleur bordure et bouton de la barre de recherche "Sécurisez votre nom de domaine"**/
.BC{
    border-color: var(--g4c-acid-yellow) !important;
}

.CB1{
    background-color: var(--g4c-medium-green) !important;
}

.CB2{
    background-color: var(--g4c-light-green) !important;
}

.bTarif{
    text-decoration: none !important;
}

.bTarif:hover{
    transition: color 0.5s;
    color: var(--g4c-acid-yellow); 
}

/** couleur menu deroulant Magasin et Espace dan la nav bar"**/
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #57b581 !important;
}
/**ajustement de la barre de recherche en haut a droite**/
header.header .search {
    border: none !important;
    
}
/**css contenaire pour les offre**/
.box-home {
    border: 2px solid var(--g4c-dark-green) !important;
}

.text-box-color{
    color: var(--g4c-dark-green);
}

.btn-box{
    background-color: var(--g4c-dark-green);
    color: var(--g4c-acid-yellow); 
}

.btn-box:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.bg-footer{
    background-color: var(--g4c-dark-green) !important; 
}

.SAAS{
    background-color: var(--g4c-light-green) !important;
    width: auto;
}

.SAAS-text{
    color: var(--g4c-dark-green);
}

.color-text{

 color: var(--g4c-acid-yellow);   
}
.img-header{
width: 55%;
}

.icon-color{
  color: var(--g4c-dark-green) !important;
}

.bordert-color{
  border-top-color: var(--g4c-dark-green)  !important;
}
@media (min-width: 576px) {
.card-columns {
        column-gap: 1rem !important; 
    }


}


@media (min-width: 768px) {
.container{
    padding-right: 0px !important;
}
 }


@media (min-width: 992px) { }


@media (min-width: 1200px) {  }