/*
Theme Name: NewsCard Child
Theme URI: https://www.themehorse.com/themes/newscard
Template: newscard
Author: Theme Horse
Author URI: https://www.themehorse.com/
Description: NewsCard is a Multi-Purpose Magazine/News WordPress Theme. NewsCard is specially designed for magazine sites (food, travel, fashion, music, health, sports, photography), news sites, shopping sites, personal/photo blog and many more. There are Front Page Template, Sidebar Page Layout, Top Bar, Header Image/Overlay/Advertisement, Social Profiles and Banner Slider. Also supports popular plugins like WooCommerce, bbPress, Contact Form 7 and many more. It is also translation ready. Get free support at https://www.themehorse.com/support-forum/ and view beautiful demo site at https://www.themehorse.com/demos/newscard
Tags: blog,entertainment,news,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-logo,custom-menu,featured-image-header,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.4.1746462592
Updated: 2025-05-05 16:29:52
*/

:root {
    --couleur_primaire: #0c5af5;
    --couleur_secondaire: #016735;
    --couleur_tertiaire: #ee322d;
    --couleur_blanche: #fff;
    --couleur_noire: #000000;
    --border_radius: 10px;
    --font-size_general: 15px;
    --font-size_min: 11px;
    --font-size_titre: 20px;
    --font-size_titre-secondaire: 18px;
	--font-family_regular: 'RobotoRegular';
	--background-color: #121212;
/* 	--background-color-opacity:#121212d1;
	--background-color-inverse: #ffffff; */
    --text-color: #ffffff;
/* 	--text-color-inverse: #121212;
	--blue-unique:#0C5AF5; */
	--color0transparent: rgba(255, 255, 255, 0.1);
    --color0transparent2: rgba(255, 255, 255, 0.6);
    --color0transparent3: rgba(255, 255, 255, 0.3);
  }
.light-mode {
	--couleur_primaire: #0c5af5;
	--background-color: #ffffff;
/* 	--background-color-opacity:#ffffffd1;
	--background-color-inverse: #121212; */
    --text-color: #000000;
/* 	--text-color-inverse: #ffffff;
	--blue-unique: #0C5AF5; */
}
body {
    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}
*, body {
	font-family: var(--font-family_regular);
}
.bloc_navigation {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}
.navbar {
    padding: 0;
    background: transparent;
}
.custom-logo-link img {
    height: auto;
    width: 300px;
}
.button_principal {
    z-index: 0;
    color: white !important;
    text-align: center;
    background-color: var(--couleur_primaire);
    border: 1px solid var(--color0transparent);
    padding: 1em;
    transition: all 0.2s ease 0s;
    position: relative;
	font-family: 'RobotoSemiBold';
	font-size: clamp(.65rem, 1vw, 1.7rem);
    display: inline-block;
    transform: translate(0px);
    box-shadow: 1px 1px 1rem var(--color0transparent);
    text-decoration: none;
    margin-right: 25px;
    border-radius: var(--border_radius);
    text-transform: initial;
    font-weight: normal;
	padding: 12px 15px;
}
.button_principal::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease 0s;
    border-bottom-width: 1px;
    transform: scale(0.1, 1);
    border-radius: var(--border_radius);
}
.button_principal::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s ease 0s;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--border_radius);
}
.button_principal:hover::after {
    opacity: 0;
    transform: scale(0.1, 1);
}
.button_principal:hover::before {
    opacity: 1;
    transform: scale(1, 1);
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--border_radius);
}
.button_principal:hover{
	color: white;
}
button {
    background: transparent;
    border: none;
    padding: 15px;
    font-size: 20px;
	cursor: pointer;
	color: var(--text-color);
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: transparent;
	color: var(--text-color);
}
button:focus {
    outline: none;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}
.cacher{
	display: none !important;
}