/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    ALCEN Theme
 Author:         Alexandre Lassaigne
 Author URI:     https://www.alcen.com
 Template:       Divi
 Version:        1.0.0
*/

/*** Variables ***/
/*
Bleu ALCEN : #4066aa
Orange ALCEN : #ec7404
*/
:root {
    --bs-blue: #4066aa;
    --bs-orange: #ec7404;
    --bs-green: #82bd48;
    --bs-gray: var(--bs-gray-600);

    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;

    --bs-primary: #4066aa;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;

    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-gradient-blue: linear-gradient(180deg, rgba(64, 102, 170, 1) 0%, rgba(64, 102, 170, 0) 100%);

    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;

    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: var(--bs-gray-400);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-2xl: 0;
    --bs-border-radius-pill: 0;

    --bs-link-color: var(--bs-blue);
    --bs-link-hover-color: var(--bs-orange);

    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;

    --swiper-theme-color: var(--bs-blue) !important;
}


.img-h-45 {
	height: 100%;
	max-height: 45px;
	width: auto;
}
#logo img {
    height: 65px;
    margin: 15px 0;
    width: auto;
}
.et_pb_sticky.et_pb_sticky--top #logo img {
    height: 35px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.border {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
body {
    font-family: var(--bs-body-font-family) !important;
    font-size: var(--bs-body-font-size) !important;
    font-weight: var(--bs-body-font-weight) !important;
    line-height: var(--bs-body-line-height) !important;
    color: var(--bs-body-color) !important;
    text-align: var(--bs-body-text-align) !important;
    -webkit-text-size-adjust: 100% !important;
}
footer,
header,
.bg-gray,
.et_pb_section_0_tb_header.et_pb_section.bg-gray {
    background-color: var(--bs-gray-200) !important;
}
.et_pb_section_0_tb_header.et_pb_section.bg-gray.et_pb_sticky.et_pb_sticky--top {
    box-shadow: rgba(0,0,0,.1) 0 6px 12px 0;
}
.bg-image-blur:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
}

/**
 * Bouton
 */
 .btn.btn-outline-primary,
 .btn.btn-outline-secondary {
     border-radius: var(--bs-border-radius);
 }
 .btn.btn-outline-primary {
     background-color: rgba(0,0,0,.1);
     border-color: var(--bs-blue);
     color: var(--bs-blue);
 }
 .btn.btn-outline-primary:hover,
 .btn.btn-outline-primary:focus {
     background-color: var(--bs-body-bg);
     color: var(--bs-link-hover-color);
     border-color: var(--bs-link-hover-color);
 }

 .btn.btn-light:hover {
    color: var(--bs-link-hover-color);
    border-color: var(--bs-link-hover-color);
    background-color: var(--bs-body-bg);
 }

 .btn,
 .logo-footer img {
     -webkit-transition: .3s ease-in-out;
     -moz-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
 }
 .btn:hover {
     transform: scale(1.05);
 }
 .logo-footer:hover img {
     transform: scale(1.2);
 }

 /**
 * Container
 */
 .container {
     padding-right: var(--bs-gutter-x,.75rem) !important;
     padding-left: var(--bs-gutter-x,.75rem) !important;
     width: 100% !important;
 }
 #main-content .container:before {
     content: "";
     position: absolute;
     top: 0;
     height: 100%;
     width: 0;
     background-color: transparent;
 }
 @media (min-width:576px) {
	.container, .container-sm {
		max-width: 540px !important;
	}
}
@media (min-width:768px) {
	.container, .container-md, .container-sm {
		max-width: 720px !important;
	}
}
@media (min-width:992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 960px !important;
	}
}
@media (min-width:1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1140px !important;
	}
}
@media (min-width:1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1320px !important;
	}
}
@media (min-width:1500px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
		max-width: 1440px !important;
	}
}