/* === HSC Refactored Theme Colors ===
   Palette:
   - Orange Mandarine: #FF8C03
   - Jaune HSC: #FFE600
   - Bleu: #01449D
   - Vert: #178400
   - Gris : #ADACAC
   - Fond gris clair: #F9F9F9
   - Noir: #000 
*/

/*
Theme Name: Security Guard Services
Theme URI: https://www.logicalthemes.com/products/free-security-guard-services-wordpress-theme
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: Security Guard WordPress Theme is a user-friendly platform enabling security related service providers to showcase their services & expertise, attract potential clients, build a reputation, and facilitate online interactions and bookings, leading to better visibility, increase in revenue and a direct control over digital identity. Security Guard WordPress theme comes with many features that will ease managing your business to a great extent. Security Guard WP template comes with features like easy content management; this is a customizable theme, and built-in plugins. The template enables security service agencies to present business related information, demonstrate expertise, and protect sensitive client data. By logging into the Dashboard you can upload, create, edit, delete, replace, and organize content on your website and update information about services as and when you need. This feature helps you to keep your online presence looking and sounding fresh. Likewise you can change images, remove images you see and upload your personal images to create a customized feel. You can upload your own logo and use colors to sync with our brand colors. Security Guard WordPress Theme offers allows the business owner to create a professional and visually appealing online presence that is a reflection of their brand values, vision, and mission. This do-it-yourself template is responsive, meaning no matter which screen or browser your visitor uses to reach or view your website, they will always have a smooth and flawless experience, as the design is programmed to adjust itself as per screen size.  You can showcase Security Guard services as well as other type of security services that you may be dealing in. You can receive online inquiries; there is form submissions facility among other features enabling seamless communication and interaction with potential and existing clients. Demo - https://www.logicaldemo.com/security-guard-services/
Requires at least: 5.0
Tested up to: 6.5.3
Requires PHP: 7.2
Version: 0.1.2
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: security-guard-services
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, portfolio, e-commerce

Security Guard Services WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2022.
Security Guard Services WordPress Theme is released under the terms of GNU GPL
*/

*, body, img, p, .bypostauthor, .wp-caption-text, .wp-caption, .sticky, .gallery-caption {
    margin: 0;
    padding: 0;
}

* {
    outline: none;
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    background-color: #F9F9F9; /* Fond gris clair */
    font-size: 15px;
    color: #ADACAC; /* Gris */
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

section img {
    max-width: 100%;
}

a:hover {
    text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Rajdhani", sans-serif;
    margin: 0;
    color: #01449D; /* Bleu */
    font-weight: bold;
}

p {
    font-size: 15px;
    line-height: 1.8;
}

a {
    text-decoration: none;
    color: #178400; /* Vert */
}

a:hover {
    text-decoration: none;
    color: #FF8C03; /* Orange Mandarine */
}

a:focus, input:focus, textarea:focus, button:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
    outline: 2px solid #FF8C03; /* Orange Mandarine */
    border-bottom: 1px solid #FF8C03; /* Orange Mandarine */
}

.mid-header .sign-link a:focus, .mid-header span.cart_no a:focus, span.entry-date a:focus, #sidebar input[type="submit"]:focus {
    outline-color: #F9F9F9; /* Fond gris clair */
    border-color: #F9F9F9; /* Fond gris clair */
}

.footersec input[type="submit"]:focus, .copyright a:focus {
    outline-color: #178400; /* Vert */
    border-color: #178400; /* Vert */
}

table, select, span.woocommerce-input-wrapper {
    width: 100%;
}

ul, ol {
    margin: 0 0 0 15px;
    padding: 0;
}

input[type=\"submit\"] {
    background-color: #178400; /* Vert */
    padding: 1%;
    border: 0;
    color: #F9F9F9; /* Fond gris clair */
    margin: 2% 0;
}

.clear {
    clear: both;
}

input[type=\"submit\"]:hover {
    cursor: pointer;
    background-color: #FF8C03; /* Orange Mandarine */
}

input[type="text"], input[type="email"], input[type="phno"], textarea {
    border: 1px solid #ADACAC; /* Gris */
    width: 100%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 23px 0;
    height: auto;
}

textarea {
    height: 111px;
}

.clearfix {
    clear: both;
}

.center {
    text-align: center;
    margin-bottom: 40px;
}

.wrapper {
    margin: 3% auto;
}

.wp-caption {
    font-size: 13px;
    max-width: 100%;
}

.read-moresec a {
    background: #178400; /* Vert */
    font-size: 16px;
    color: #F9F9F9; /* Fond gris clair */
    border-radius: 30px;
}

/*wide block*/
.entry-content .alignwide {
    margin-left: -80px;
    margin-right: -80px;
}

.entry-content .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.alignfull img {
    width: 100vw;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #F9F9F9; /* Fond gris clair */
    clip: auto !important;
    clip-path: none;
    color: #ADACAC; /* Gris */
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.entry-content a, .comment p a, #sidebar .widget_text p a {
    text-decoration: underline;
}

.footersec .widget_text p a {
    color: #FFE600; /* Jaune HSC */
    text-decoration: underline;
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 45px;
    margin-top: 4px;
    margin-bottom: 20px;
    padding: 0;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 45px;
    margin-top: 4px;
    margin-bottom: 20px;
    padding: 0;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.comment-list .comment-content ul {
    list-style: none;
    margin-left: 15px;
}

.comment-list .comment-content ul li {
    margin: 5px;
}

.main-container ol {
    list-style-position: outside;
    margin-left: 20px;
}

.main-container ol li {
    margin: 5px 0;
}

h2.section-title {
    font-size: 30px;
    font-weight: 700;
    padding: 0 0 45px 0;
    text-align: center;
    display: table;
    margin-bottom: 50px;
}

.padding-0 {
    padding: 0;
}

.marrgin-0 {
    margin: 0;
}

/*----------Sticky Header------*/
.fixed-menubox {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    box-shadow: 2px 2px 10px 0px #ADACAC; /* Gris */
    z-index: 999999;
    background: #F9F9F9; /* Fond gris clair */
    padding: 10px;
}

.page-template-home-custom .fixed-menubox {
    background: #F9F9F9; /* Fond gris clair */
}

/* ---------Inner Page Header --------- */
.header-content {
    position: absolute;
    bottom: 20px;
    transform: translateY(-50%);
    z-index: 1;
}

.inner-head {
    padding: 5% 0;
    position: relative;
    height: 250px;
}

.menubox {
    padding: 4px 0;
}

.inner-head:after {
    content: \'\';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    background: #F9F9F9; /* Fond gris clair */
    z-index: -1;
}

.inner-head img.head-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.6;
}

.inner-head h1 {
    color: #F9F9F9; /* Fond gris clair */
    font-size: 28px;
    display: inline-block;
    padding: 15px 100px 15px 30px;
    border-radius: 40px;
    background: #178400; /* Vert */
}

.lt-breadcrumbs {
    color: #F9F9F9; /* Fond gris clair */
    font-size: 25px;
    font-weight: 600;
    padding: 7px 20px 10px;
    background: #178400; /* Vert */
    border-radius: 30px;
    display: inline-block;
    line-height: 1;
    margin-left: -80px;
    position: relative;
    top: -3px;
}

.lt-breadcrumbs a, .lt-breadcrumbs span {
    color: #F9F9F9; /* Fond gris clair */
    font-size: 18px;
    display: inline-block;
}

.header-image {
    position: relative;
    z-index: 1;
}

.header-image {
    position: relative;
    -webkit-transform: perspective(600) rotateY(-30deg);
    transform: perspective(600) rotateY(-30deg);
}

.header-image:after {
    content: \'\';
    width: 100%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    z-index: 999;
}

.header-image img {
    width: 100%;
    border-radius: 90px;
    height: 350px;
    object-fit: cover;
    position: relative;
    top: 4px;
}

#header .contactusbtn {
    text-align: right;
    margin-right: 18px;
    position: relative;
    padding: 4px 0;
}

#header .contactusbtn a span {
    font-size: 18px;
    margin: 0 10px 0 0;
}

#header .contactusbtn a {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    padding: 4px 18px 4px 14px;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    top: 0px;
    border-radius: 0px;
    transition: all 0.3s;
    border-left: 6px solid #FF8C03; /* Orange Mandarine */
}

#header .contactusbtn:hover a {
    color: #FFE600; /* Jaune HSC */
    transition: all 0.3s;
}


/* --------- Header --------- */
.pd-0 {
    padding: 0 !important;
}

.mr-0 {
    margin: 0 !important;
}

.home header.banner {
    position: relative;
}

.page-template-home-custom #header {
    position: relative;
    width: 100%;
}

.header {
    padding-left: 50%;
}

.header-box {
    position: relative;
    padding: 5px 0px;
    background: #F9F9F9; /* Fond gris clair */
}

#header .logobx-out {
    text-align: left;
    padding: 0em 0 0 40px;
}

.logo h1, .logo p.site-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.logo h1 a, .logo p.site-title a {
    color: #01449D; /* Bleu */
}

.logo p {
    color: #ADACAC; /* Gris */
    font-size: 13px;
}

#menu-sidebar {
    display: inline;
}

.primary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    color: #01449D; /* Bleu */
}

.primary-navigation li {
    position: relative;
    display: inline-block;
}

.primary-navigation .sub-menu a,
.primary-navigation .sub-menu a:hover,
.primary-navigation .sub-menu .current_page_item a {
    border: none;
    margin: 0;
}

.primary-navigation a:hover,
.primary-navigation .current_page_item a {
    color: #FF8C03; /* Orange Mandarine */
    border-bottom: 2px solid #FF8C03; /* Orange Mandarine */
}

.primary-navigation a {
    display: block;
    color: #01449D; /* Bleu */
    font-size: 15px;
    padding: 4px 4px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 10px;
}

.primary-navigation li.menu-item-has-children:hover > ul,
.primary-navigation li.menu-item-has-children:focus-within > ul,
.primary-navigation li.menu-item-has-children.focus > ul {
    opacity: 1;
}

.primary-navigation ul ul {
    display: block !important;
    opacity: 0;
    position: absolute;
    min-width: 215px;
    z-index: 9999;
    border: 2px solid #178400; /* Vert */
}

.primary-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.primary-navigation ul ul a {
    color: #01449D; /* Bleu */
    background: #F9F9F9; /* Fond gris clair */
    padding: 10px;
}

.primary-navigation ul ul a:hover {
    background: #F9F9F9; /* Fond gris clair */
    color: #FF8C03; /* Orange Mandarine */
}

.primary-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
    border-bottom: 2px solid #178400; /* Vert */
}

.primary-navigation ul ul li:last-child {
    border-bottom: 0;
}

.primary-navigation ul li:hover > ul {
    display: block;
}

.sf-arrows .sf-with-ul:after {
    content: \'\f107\';
    font-family: \'Font Awesome 5 Free\';
    font-weight: 600;
    position: absolute;
    right: -4px;
    top: 5px;
}

.sf-arrows ul .sf-with-ul:after {
    right: 6px;
    top: 12px;
}

.toggle-menu, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before {
    display: none;
}

.top-header {
    padding: 15px 0;
}

.top-header p, .top-header a {
    color: #01449D; /* Bleu */
    font-weight: 500;
}

.top-header p i {
    color: #FF8C03; /* Orange Mandarine */
}

.primary-navigation ul li {
    display: inline-block;
    margin: 0;
    position: relative;
    text-align: left;
}


/*******************/
/*Slider Section*/
/*================*/

.page-template-home-custom .inner-head {
    display: none;
}

/*******************/
/*Banner Section*/
/*================*/
#banner {
    position: relative;
    padding: 3pc 0 0pc 0;
}

#banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(assets/images/sliderbg.png);
    background-repeat: repeat;
    opacity: 1;
    z-index: -1;
}

#banner .content {
    text-align: center;
    width: 100%;
    margin: -170px auto 0 auto;
    position: relative;
}

#banner .btmbanner {
    position: relative;
    margin: 14px 0 0 0;
}

#banner .btmbanner h4,
#banner .content h4 {
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 0px;
    -webkit-text-fill-color: #F9F9F9; /* Fond gris clair */
    -webkit-text-stroke: 2px #ADACAC; /* Gris */
    margin: 0;
    line-height: 1;
    text-align: center;
}

#banner .btmbanner .l-hs {
    width: 30%;
    margin: 20px 0 0 0;
}

#banner .btmbanner .l-hs p {
    position: relative;
    font-size: 14px;
    color: #F9F9F9; /* Fond gris clair */
    line-height: 25px;
    text-align: left;
}

#banner .btmbanner .l-hs p:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    border: 1px solid #178400; /* Vert */
    width: 80%;
}

#banner .btmbanner .m-hs {
    width: 50%;
}

#banner .bannerprofileimg {
    position: relative;
    text-align: center;
}

.luzuk-slide-img-curve {
    -webkit-mask-image: url(assets/images/slider-shape.png);
    mask-image: url(assets/images/slider-shape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #FFE600; /* Jaune HSC */
    height: 658px;
}

#banner .slide_svgbx {
    position: relative;
}

#banner svg {
    position: relative;
    width: 533px;
    height: 660px;
}

#banner .sli_imgbx {
}

#banner .sli_imgbx img {
    width: 500px;
    height: 658px;
    position: relative;
    bottom: -90px;
}

/**/
#banner .btmbanner .r-hs {
    width: 20%;
    margin: -10px 0 0 0;
    position: relative;
    text-align: center;
}

#banner .btmbanner .r-hs .video img {
    width: 100%;
    height: 134px;
    border-radius: 25px;
}

#banner .video .bttn {
    position: absolute;
    margin: 0px 0;
    z-index: 1;
    right: 0;
    left: 0;

    top: 38%;
}

#banner .video .bttn i {
    font-size: 16px;
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
}

#banner #closePopup {
    padding: 1px 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 30px;
    font-size: 18px;
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
}

#banner .popup-content {
    padding: 10px 10px 4px 10px;
    border-radius: 0px;
    width: auto;
    height: auto;
    position: relative;
}

#banner .popup {
    display: none;
    position: fixed;
    top: 5%;
    margin: 0 auto;
    right: 0;
    text-align: center;
    Left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    transition: all 2s ease;
    z-index: 999;
}

#banner .popup.show {
    display: flex;
}

/*button*/
#banner .b-btn {
    position: relative;
    margin: 2em 0 20px 0;
    text-align: center;
}

#banner .b-btn a {
    position: relative;
    overflow: hidden;
    font-size: 20px;
    color: #F9F9F9; /* Fond gris clair */
    font-weight: 600;
    background: #178400; /* Vert */
    padding: 14px 14px 14px 28px;
    border-radius: 54px;
    transition: all 0.3s;
}

#banner .b-btn a i {
    background: #F9F9F9; /* Fond gris clair */
    color: #178400; /* Vert */
    font-size: 16px;
    padding: 6px 7px;
    border-radius: 50px;
}

#banner .b-btn a:hover {
    color: #178400; /* Vert */
    background: #F9F9F9; /* Fond gris clair */
    transition: all 0.3s;
}

/*******************/
/*About Section*/
/*==============================*/
#aboutus {
    position: relative;
    overflow: hidden;
    padding: 3em 0 2em;
}

/*left*/
#aboutus .abt-imgbx {
    width: 36%;
}

#aboutus .abt-img {
    position: relative;
}

#aboutus .abt-img img {
    position: relative;
    border-radius: 30px;
    height: 640px;
}

/*right*/
#aboutus .conbx {
    width: 64%;
}

#aboutus .conbx h6 svg {
    position: relative;
    margin: -12px 3px -4px -13px;
}

#aboutus .conbx h6 {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: #01449D; /* Bleu */
    background: rgba(255, 230, 0, 0.22); /* Jaune HSC transparent */
    padding: 0 10px 0 0;
    margin: 0 3px 0 10px;
}

#aboutus .conbx h4 {
    font-size: 80px;
    font-weight: 700;
    color: #178400; /* Vert */
    position: relative;
    margin: 40px 0 30px;
}

#aboutus .conbx h4 span {
    color: #01449D; /* Bleu */
}

#aboutus .conbx p {
    font-size: 18px;
    color: #ADACAC; /* Gris */
    margin: 0em 0 1em;
}

#aboutus .aboutuscontact {
    position: relative;
}

#aboutus .aboutuscontact li {
    list-style: none;
    font-size: 18px;
    color: #01449D; /* Bleu */
    margin: 16px 0 0 0;
    font-weight: 500;
}

#aboutus .aboutuscontact li svg {
    position: relative;
    margin: 0 20px 0 0px;
}

#aboutus .abtbtn {
    position: relative;
    margin: 3em 0 2px 0;
}

#aboutus .abtbtn a {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    color: #F9F9F9; /* Fond gris clair */
    font-weight: 600;
    background: #178400; /* Vert */
    padding: 14px 14px 14px 28px;
    border-radius: 54px;
    transition: all 0.3s;
}

#aboutus .abtbtn a i {
    background: #F9F9F9; /* Fond gris clair */
    color: #178400; /* Vert */
    font-size: 14px;
    padding: 6px 7px;
    border-radius: 50px;
    margin: 0 0 0 16px;
}

#aboutus .abtbtn a:hover {
    color: #178400; /* Vert */
    background: #F9F9F9; /* Fond gris clair */
    transition: all 0.3s;
}

#aboutus .yearofexpreince {
    text-align: right;
}

#aboutus .yearofexpreince h2 span {
    font-size: 100px;
}

#aboutus .yearofexpreince h2 {
    font-size: 62px;
    font-weight: 700;
    color: #01449D; /* Bleu */
    line-height: 1;
}

#aboutus .yearofexpreince h5 {
    font-size: 62px;
    font-weight: 700;
    color: #178400; /* Vert */
    line-height: 1;
}

/*******************/
/*Feature Section*/
/*================*/
.pl-0 {
    padding-left: 0;
}

#feature {
    position: relative;
    overflow: hidden;
    padding: 6em 0;
}

#feature .feabx {
    padding: 0 10px;
}

#feature .feabxinn {
    position: relative;
    overflow: hidden;
    padding: 10px 0 0 0;
    cursor: pointer;
    margin-bottom: 1.5em;
    border-radius: px;
    text-align: center;
}

#feature .featurebx {
    position: relative;
}

#feature .imagebx {
    display: none;
}

#feature .content {
    padding: 10px 10px 10px 10px;
    position: relative;
    overflow: hidden;
}

#feature .content svg {
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#feature .icnbx {
    position: relative;
    display: inline-block;
    background: #F9F9F9; /* Fond gris clair */
    padding: 10px 10px;
    border-radius: 50px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    left: 20px;
}

#feature .content .icnbx i {
    font-size: 34px;
    color: #178400; /* Vert */
}

#feature .content h1 {
    font-size: 22px;
    font-weight: 700;
    color: #01449D; /* Bleu */
    margin: 20px 0 10px;
}

#feature .content p {
    font-size: 15px;
    line-height: 24px;
    color: #ADACAC; /* Gris */
    padding: 0;
}


/* Woocommerce */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    color: #FFE600; /* Jaune HSC */
}

a.showcoupon, .woocommerce-message::before {
    color: #178400; /* Vert */
}

.woocommerce-message {
    border-top-color: #178400; /* Vert */
}

.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
    max-width: 100%;
}

.woocommerce span.onsale {
    background: #178400; /* Vert */
    padding: 0;
    border-radius: 0;
    color: #F9F9F9; /* Fond gris clair */
    font-weight: 500;
}

.products li {
    padding: 0 0 10px !important;
    text-align: center;
}

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #01449D; /* Bleu */
    font-size: 20px !important;
}

.woocommerce img, .woocommerce-page img {
    margin: 0 !important;
    border: solid 1px #ADACAC; /* Gris */
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    color: #ADACAC; /* Gris */
}

.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #178400; /* Vert */
}

.woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce div.product span.price {
    margin-bottom: 5px;
}

.woocommerce div.product .product_title {
    background: none;
    text-align: left;
    text-transform: capitalize;
}

.woocommerce-product-gallery__image {
    padding: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    border-radius: 30px;
    font-weight: 500;
}

a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
    margin-left: 5px;
    padding: 8px !important;
    font-size: 14px;
    line-height: 1;
    border-radius: 30px;
}

a.added_to_cart.wc-forward {
    margin-top: 10px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, a.added_to_cart.wc-forward:hover {
    background: #FF8C03; /* Orange Mandarine */
    color: #F9F9F9; /* Fond gris clair */
}

.woocommerce .quantity .qty {
    width: 5em;
    padding: 5px;
    border-radius: 30px;
    border: solid 1px #01449D; /* Bleu */
    color: #01449D; /* Bleu */
}

.woocommerce div.product form.cart {
    margin: 15px 0;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 15px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    border: none;
}

.col-1, .col-2 {
    max-width: 100%;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    background: #178400 !important; /* Vert */
    padding: 12px;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #F9F9F9; /* Fond gris clair */
}

.posted_in {
    display: block;
}

.woocommerce-products-header {
    margin-top: 20px;
}

select.orderby {
    padding: 10px;
    margin-top: 10px;
}

.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a, a.shipping-calculator-button, table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-name a, nav.woocommerce-MyAccount-navigation a, .woocommerce-MyAccount-content li a, a.woocommerce-privacy-policy-link, a.showcoupon {
    text-decoration: none;
}

li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
    list-style: none;
    padding: 16px 32px 16px 56px;
}

.woocommerce .woocommerce-ordering select {
    padding: 10px;
}

#sidebar p.woocommerce-mini-cart__buttons.buttons a {
    text-decoration: none;
    color: #178400; /* Vert */
}

#sidebar p.woocommerce-mini-cart__buttons.buttons a:hover, .footersec p.woocommerce-mini-cart__buttons.buttons a:hover {
    background: #FF8C03; /* Orange Mandarine */
}

#sidebar form.woocommerce-product-search input[type="search"], .footersec form.woocommerce-product-search input[type="search"] {
    width: 100%;
    padding: 7px 10px;
}

#sidebar form.woocommerce-product-search button, .footersec form.woocommerce-product-search button {
    background: #178400; /* Vert */
    border: none;
    color: #F9F9F9; /* Fond gris clair */
    padding: 8px 0;
    width: 100%;
    font-size: 16px;
    margin: 0;
    letter-spacing: 1px;
    font-weight: 600;
}

#sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range, #sidebar .widget_price_filter .ui-slider .ui-slider-handle, .footersec .widget_price_filter .ui-slider-horizontal .ui-slider-range, .footersec .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .price_slider_amount .button:hover {
    background: #178400; /* Vert */
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total.total {
    padding: 5px 0;
    color: #178400; /* Vert */
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #ADACAC; /* Gris */
}

.select2-container--default .select2-selection--single {
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
}

#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li {
    background: none;
}

.woocommerce .woocommerce-ordering select {
    padding: 10px;
}

.woocommerce-product-gallery__image {
    padding: 2px;
}

.woocommerce ul.products li.product .price {
    font-size: 15px;
}

.woocommerce form .form-row .required {
    color: #df0000;
}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price {
    color: #178400; /* Vert */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce form.woocommerce-shipping-calculator a {
    color: #01449D !important; /* Bleu */
}

.woocommerce .woocommerce-breadcrumb {
    margin-top: 10px;
}

#sidebar .price_label, .footersec .price_label, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    color: #ADACAC; /* Gris */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: 500;
    color: #01449D; /* Bleu */
    font-size: 20px !important;
    text-align: center;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce-info::before {
    color: #178400; /* Vert */
}

.woocommerce-privacy-policy-text p a, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
    color: #F9F9F9; /* Fond gris clair */
}

.woocommerce #comments p {
    float: left;
    width: 100%;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 16px;
}

.woocommerce .product-title {
    font-size: 17px;
}

.woocommerce .select2-container .select2-selection--single {
    height: 40px;
    padding: 0;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 70%;
}

.select2-container--default .select2-selection--single, input#billing_phone {
    padding: 10px 0px;
    border-radius: 0px;
    border: 1px solid #ADACAC; /* Gris */
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    width: auto;
}

.woocommerce-Address {
    max-width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
}

#sidebar .star-rating, .footersec .star-rating {
    margin: 0 !important;
}

#sidebar .product_list_widget .star-rating, .footersec .product_list_widget .star-rating {
    margin: 5px 0 10px 0 !important;
}

#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #F9F9F9; /* Fond gris clair */
}

.footersec .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #ADACAC; /* Gris */
}

.footersec .price_label, #sidebar .price_label, .news-item.layout-two .news-text-wrap {
    font-size: 14px;
}

.woocommerce .star-rating {
    float: left;
}

.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product {
    float: none;
    display: inline-table;
    width: 30%;
    text-align: center;
    margin-right: 15px;
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0.5em 20px 0 0;
    color: #FF8C03; /* Orange Mandarine */
}

.woocommerce form.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    display: block;
    float: none;
}

.woocommerce-Reviews .comment-text p.meta {
    width: 100%;
    float: left;
    padding-top: 10px;
}

#sidebar a.remove.remove_from_cart_button, .footersec a.remove.remove_from_cart_button {
    font-size: 22px !important;
}

.woocommerce #reviews #comments h2 {
    font-size: 25px;
}

.related.products h2 {
    text-align: left;
    margin-bottom: 20px;
}

.comment-form-rating label {
    padding: 10px 0;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    font-size: 11px;
    padding: 7px;
}

.footersec .woocommerce.widget_shopping_cart .cart_list li {
    padding: 0 0 0 2em;
}

#sidebar .widget_shopping_cart_content li:hover {
    padding-left: 2em;
}

.woocommerce-Reviews .comment-form-rating label {
    padding: 10px 0;
}

.woocommerce input#password {
    padding: 10px;
}

#sidebar .woocommerce ul.product_list_widget li img, .footersec .woocommerce ul.product_list_widget li img {
    width: 50px;
}

.footersec .woocommerce.widget_shopping_cart .cart_list li {
    padding: 0 0 10px 2em;
}

.woocommerce ul.products li.product .star-rating {
    margin: 10px auto;
}

#sidebar li.woocommerce-mini-cart-item.mini_cart_item {
    position: relative;
    padding: 0 0 10px 30px;
    margin: 0;
}

#sidebar .woocommerce ul.product_list_widget li a {
    padding: 0
}

#sidebar .woocommerce ul.product_list_widget li:before {
    position: absolute;
    left: 0;
    top: 12px;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    text-align: center;
}

#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove {
    position: absolute;
}

#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li {
    padding-left: 2em;
}


/* --------- Homepage --------- */
.box-image img {
    width: 100%;
}

.post-wrap h2 {
    font-size: 25px;
    font-weight: 600;
    display: block;
}

.post-wrap h2 a {
    color: #01449D; /* Bleu */
}

.post-wrap .section-title a:hover {
    text-decoration: none;
}

.post-wrap {
    box-shadow: 0 0 15px #ADACAC; /* Gris */
    border-radius: 10px 10px 0 0;
}

.post-wrap img {
    border-radius: 10px;
}

.singlebox h1 {
    color: #01449D; /* Bleu */
    font-size: 30px;
}

.adminbox {
    background: #178400; /* Vert */
    padding: 30px 20px 15px;
    clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
}

.adminbox span {
    font-size: 16px;
    color: #F9F9F9; /* Fond gris clair */
}

.adminbox span a {
    color: #FFE600; /* Jaune HSC */
}

.post-wrap p {
    font-size: 15px;
    color: #ADACAC; /* Gris */
}

.continue-read a {
    font-size: 15px;
    font-weight: 500;
    color: #F9F9F9; /* Fond gris clair */
    padding: 10px 25px;
    background: #178400; /* Vert */
    border-radius: 30px;
    display: inline-block;
}

.continue-read a:hover {
    color: #F9F9F9; /* Fond gris clair */
    background: #FF8C03; /* Orange Mandarine */
}

.metabox span {
    color: #000; /* Noir */
    font-size: 16px;
    margin-right: 20px;
}

/* Breadcrumbs */
.bradcrumbs {
    padding: 30px 0;
}

.bradcrumbs a {
    background: #F9F9F9; /* Fond gris clair */
    color: #01449D; /* Bleu */
    padding: 4px 15px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.bradcrumbs a:hover {
    background: #FF8C03; /* Orange Mandarine */
}

.bradcrumbs span {
    background: #ADACAC; /* Gris */
    color: #F9F9F9; /* Fond gris clair */
    padding: 5px 15px;
}

/* blog post */
.nav-previous {
    float: left;
    width: 50%;
    margin: 15px 0;
}

.nav-next {
    float: left;
    width: 50%;
    text-align: right;
    margin: 15px 0;
}

span.meta-nav {
    clear: both;
    font-size: 16px;
    color: #01449D; /* Bleu */
    font-weight: 600;
}

.nav-next span.meta-nav:after {
    content: "\f30b";
    font-family: \'Font Awesome 5 Free\';
    font-weight: 600;
    margin-left: 8px;
    position: relative;
    top: 5px;
}

.nav-previous span.meta-nav:before {
    content: "\f30a";
    font-family: \'Font Awesome 5 Free\';
    font-weight: 600;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

.post-tags a {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    padding: 4px 10px;
    margin: 3px;
    border-radius: 4px;
    display: inline-block;
}

/* Comments BOX */
#comments h2.comments-title {
    font-size: 20px;
    font-weight: bold;
    border-top: 2px dotted #ADACAC; /* Gris */
}

#comments h3.comment-reply-title {
    font-size: 20px;
    font-weight: bold;
    clear: both;
}

#comments input[type="text"], #comments input[type="email"], #comments textarea {
    padding: 12px 10px;
    font-size: 18px;
    margin: 20px 0 0 0;
}

#comments input[type="submit"].submit {
    background: #178400; /* Vert */
    padding: 10px 60px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    color: #F9F9F9; /* Fond gris clair */
    border-radius: 30px;
}

#comments a.comment-reply-link {
    color: #F9F9F9; /* Fond gris clair */
    background: #178400; /* Vert */
    padding: 5px 15px;
    font-weight: 500;
    border-radius: 30px;
}

#comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover {
    background: #FF8C03; /* Orange Mandarine */
    color: #F9F9F9; /* Fond gris clair */
}

#comments a time {
    color: #01449D; /* Bleu */
    font-weight: bold;
    font-size: 12px;
}

.main-content #comments ol li {
    width: 100%;
    background: none;
    list-style: none;
    margin: 0 0 20px;
    display: inline-block;
    border: none;
}

#comments .comment-body p {
    background: #F9F9F9; /* Fond gris clair */
    padding: 15px;
}

.main-content #comments ul {
    margin: 0 0 0 40px;
}

#comments .reply {
    text-align: right;
}

.comment-respond {
    clear: both;
}

.comment-meta.commentmetadata {
    margin: 10px 0;
}

#comments .comment-body p a {
    text-decoration: underline;
}

/* Sidebar */
#sidebar h3 {
    color: #F9F9F9; /* Fond gris clair */
    background: #01449D; /* Bleu */
    padding: 20px 15px;
    font-size: 25px !important;
    clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
}

#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
    padding: 15px 15px 40px;
    color: #ADACAC; /* Gris */
    font-size: 16px;
}

div#sidebar p, #sidebar td#prev a {
    color: #01449D; /* Bleu */
}

#sidebar caption {
    font-weight: bold;
    color: #01449D; /* Bleu */
    font-size: 20px;
    text-align: center;
}

#sidebar table, #sidebar th, #sidebar td {
    border: 1px solid #ADACAC; /* Gris */
    text-align: center;
}

#sidebar td {
    padding: 5px;
    color: #ADACAC; /* Gris */
}

#sidebar th {
    text-align: center;
    padding: 5px;
    color: #01449D; /* Bleu */
}

#sidebar select {
    padding: 10px;
    border: none;
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    font-size: 17px;
    margin: 15px 15px 40px;
    width: -webkit-fill-available;
}

#sidebar form.search-form {
    display: table;
    width: 100%;
    padding: 15px 15px 40px;
}

#sidebar input[type="search"] {
    background: #F9F9F9; /* Fond gris clair */
    padding: 10px;
    border: none;
    font-size: 15px;
    color: #01449D; /* Bleu */
    width: 100%;
}

#sidebar input[type="search"]::placeholder {
    color: #ADACAC; /* Gris */
}

#sidebar form.search-form label {
    width: 70%;
    float: left;
    margin-bottom: 0;
}

#sidebar input[type="submit"] {
    background: #178400; /* Vert */
    border: none;
    color: #F9F9F9; /* Fond gris clair */
    padding: 9px 0;
    width: 30%;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.singlebox {
    padding: 15px;
    border: 1px solid #ADACAC; /* Gris */
    overflow: hidden;
}

.singlebox .adminbox {
    clip-path: none;
    padding: 15px;
}

#sidebar aside {
    position: relative;
    background: #F9F9F9; /* Fond gris clair */
}

#sidebar aside:after {
    content: \'\';
    height: 3px;
    background: #178400; /* Vert */
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 20px;
}

#sidebar ul {
    list-style: none;
    margin: 0;
}

#sidebar ul li a {
    color: #01449D; /* Bleu */
    font-size: 15px;
}

#sidebar ul li a:hover {
    color: #FF8C03; /* Orange Mandarine */
}

#sidebar li:last-child {
    border-bottom: none;
}

#sidebar li {
    border-bottom: solid 1px #ADACAC; /* Gris */
    margin-top: 0;
    padding: 9px 0;
}

#sidebar li:before {
    content: \'\f0ad\';
    font-family: \'Font Awesome 5 Free\';
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    color: #178400; /* Vert */
}

#sidebar .tagcloud a {
    background: transparent;
    color: #01449D; /* Bleu */
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
}

#sidebar .tagcloud a:hover {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
}

.widget figure.gallery-item {
    display: inline-block;
    width: 31%;
    margin-right: 12px;
}

.widget figure.gallery-item:nth-child(3n) {
    margin-right: 0;
}

/* Main Content Css */
.main-content h1 {
    font-size: 32px;
    color: #01449D; /* Bleu */
    font-weight: bold;
}

/* Pagination */
.pagination {
    clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    float: right;
    font-weight: bold;
    width: 100%;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 5px 10px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #01449D; /* Bleu */
    background: #ADACAC; /* Gris */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover, .pagination .current {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
}

.main-content .pagination ul {
    margin: 0;
    clear: both;
}

.main-content .pagination ul li {
    margin: 0;
}

/*copyright css*/
.footersec aside.widget {
    margin-bottom: 30px;
    margin-top: 10%;
}

.footersec form.search-form label {
    width: 100%;
    margin-bottom: 10px;
}

.footersec form.search-form input[type="search"] {
    padding: 8px;
}

.footersec input[type="submit"] {
    margin-top: 0;
    padding: 8px 10px;
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
    width: 100%;
}

.tagcloud a:hover {
    background: #178400; /* Vert */
    color: #F9F9F9; /* Fond gris clair */
}

.tagcloud a {
    color: #178400; /* Vert */
    border: solid 1px;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0px 5px;
    display: inline-block;
}

.footersec td#prev a {
    color: #FFE600; /* Jaune HSC */
}

.footersec caption {
    font-weight: bold;
    color: #01449D; /* Bleu */
    font-size: 20px;
}

.footersec table, .footersec th, .footersec td {
    border: 1px solid #ADACAC; /* Gris */
    text-align: center;
}

.footersec td {
    padding: 10px;
    color: #01449D; /* Bleu */
}

.footersec th {
    text-align: center;
    padding: 10px;
    color: #01449D; /* Bleu */
}

.footersec select {
    padding: 8px 5px;
}

.widget li a, aside#categories-5 li a {
    color: #01449D; /* Bleu */
    font-size: 20px;
}

.footersec .widget li {
    list-style: none !important;
    margin-top: 14px;
    color: #01449D; /* Bleu */
}

.widget_text p {
    color: #01449D; /* Bleu */
}


/*footer*/
/*==========*/
#footer-section {
    background: url(\'./assets/images/footershape.jpg\') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 40px 0;
    padding: 2em 0 2em 0;
}

#footer-section .footer-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #F9F9F9; /* Fond gris clair */
}

#footer-section h1, #footer-section h2, #footer-section h3, #footer-section h4, #footer-section h5, #footer-section h6, #footer-section p, #footer-section a {
    color: #01449D; /* Bleu */
}

#footer-section .footersec {
    position: relative;
    margin-top: 0em;
}

#footer-section a, #footer-section .logo a, #footer-section .logo p {
    color: #01449D; /* Bleu */
}

#footer-section .logo {
    padding: 30px !important;
    border-bottom: 1px solid #178400; /* Vert */
    margin-bottom: 20px;
}

#footer-section .current-menu-item:before {
    color: #178400; /* Vert */
}

#footer-section .current-menu-item a {
    color: #FFE600; /* Jaune HSC */
}

.footersec, #footer-section .logo, .copyright {
    position: relative;
    z-index: 99;
}

#footer-section .copyright p {
    color: #F9F9F9; /* Fond gris clair */
}

#footer-section li:before {
    content: \'\f105\';
    font-family: \'Font Awesome 5 Free\';
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
    color: #178400; /* Vert */
    font-size: 20px;
    top: 2px;
    position: relative;
    margin-right: 14px;
}

h3.widget-title {
    color: #01449D; /* Bleu */
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}

#footer-section h3.widget-title {
    margin-bottom: 30px;
    color: #01449D; /* Bleu */
    font-size: 28px;
}

.footersec ul {
    margin: 0;
}

.copyright {
    font-size: 18px;
    font-weight: normal;
    margin: auto;
    text-align: center;
    background: #178400; /* Vert */
    padding: 15px 10px;
    margin-top: 7px;
}

.copyright span {
    color: #F9F9F9; /* Fond gris clair */
}

.copyright a, .copyright a:hover {
    color: #F9F9F9; /* Fond gris clair */
}

/* Pagination */
.pagination {
    display: table;
    clear: both;
}

.pagination ul {
    list-style: none;
    margin: 20px 0;
}

.pagination ul li {
    display: inline;
    float: left;
    margin-right: 5px;
}

.pagination ul li span, .pagination ul li a {
    background: #ADACAC; /* Gris */
    color: #F9F9F9; /* Fond gris clair */
    padding: 5px 10px;
    display: inline-block;
}

.pagination ul li .current, .pagination ul li a:hover {
    background: #FF8C03; /* Orange Mandarine */
}

h1.entry-title, h1.page-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
}

p.sorry-text {
    font-size: 17px;
    color: #ADACAC; /* Gris */
}

.sticky .post-wrap {
    margin-bottom: 4%;
    border: solid 10px #ADACAC; /* Gris */
    background: #F9F9F9; /* Fond gris clair */
}

article img {
    height: auto;
}

article p {
    margin: 10px 0;
}

form.search-form {
    margin-bottom: 0px;
}

#header .fas {
    transform: scaleX(-1);
}

i.fa.fa-search {
    float: right;
    margin-top: -8.5%;
    margin-right: 12%;
    font-size: 20px;
    color: #178400; /* Vert */
}

input.search-field, .post-password-form input[type=password] {
    border: 1px #ADACAC solid;
    padding: 4px;
    width: 100%;
}

input.search-submit, .post-password-form input[type=submit] {
    border: none;
    color: #F9F9F9; /* Fond gris clair */
    padding: 4px 10px;
    cursor: pointer;
}

aside.widget {
    margin-bottom: 30px;
}

nav.post-navigation {
    padding: 10px 0 20px;
    clear: both;
    font-weight: bold;
}

.webicon {
    font-size: 20px;
}

.comment-list, ol.comment-list {
    list-style: none;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.comment-list ul, ol.comment-list ol {
    list-style: none;
}

.comment-list li.comment {
    margin-top: 20px;
}

.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6 {
    margin-top: 15px;
}

.blog-post-repeat {
    border-bottom: 1px solid #ADACAC; /* Gris */
    margin-bottom: 40px;
}

/*video*/
.entry-video iframe {
    width: 100%;
}

/* Responsive Media */
/*===================*/
@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1299px) {
    #aboutus .conbx h4 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .logo h1, .logo p.site-title {
        font-size: 20px;
    }

    #header .contactusbtn a {
        padding: 8px 6px;
        font-size: 16px;
    }

    #banner .btmbanner h4, #banner .content h4 {
        font-size: 80px;
    }

    #aboutus .abt-imgbx {
        width: 44%;
    }

    #aboutus .conbx {
        width: 56%;
    }
}

@media screen and (min-width: 1000px) {
    .footersec td, .footersec th {
        padding: 5px;
    }
}

@media screen and (max-width: 1024px) {
    .header-box {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .header-box {
        position: relative;
        top: 0em;
    }

    .menubar .primary-navigation ul li a:focus, a.closebtn.responsive-menu:focus {
        outline: 1px solid #178400; /* Vert */
        border-bottom: 1px solid #178400; /* Vert */
    }

    .toggle-menu {
        display: none;
        cursor: pointer;
        text-align: right;
    }

    .toggle-menu i {
        font-size: 25px;
        color: #F9F9F9; /* Fond gris clair */
        background: #178400; /* Vert */
        padding: 8px 10px;
        border-radius: 3px;
    }

    .toggle-menu button {
        background: transparent;
        border: none;
        margin: 0px 0;
    }

    .sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999999;
        top: 2em;
        right: 0;
        background-color: #000; /* Noir */
        overflow-x: hidden;
        visibility: hidden;
        padding-top: 60px;
        box-shadow: -3px 0px 10px 0px #ADACAC; /* Gris */
    }

    body.mobilemenu-open .sidebar {
        visibility: visible;
        width: 250px;
        transition: 0.5s;
    }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 0px;
        font-size: 30px;
        display: block;
        color: #F9F9F9; /* Fond gris clair */
        border: none;
        background: transparent;
    }

    .sidebar #primary-site-navigation {
        width: 100%;
    }

    .home header.banner {
        top: 0em;
    }

    .home #header {
        position: relative;
        text-align: center;
    }

    #header .menu-section {
        padding-top: 0;
    }

    .toggle-menu {
        display: block;
        position: relative;
    }

    .primary-navigation ul ul li, .primary-navigation li, .primary-navigation ul li ul, .primary-navigation ul li ul ul {
        display: block !important;
    }

    .primary-navigation ul ul {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }

    .menubar .primary-navigation ul li {
        border-top: 1px #ADACAC solid;
        display: block;
    }

    .sf-arrows .sf-with-ul:after, .sf-arrows ul .sf-with-ul:after {
        top: 10px;
        right: 12px;
    }

    .primary-navigation ul li a {
        padding: 10px;
        display: block;
        color: #F9F9F9; /* Fond gris clair */
        border: none;
    }

    .primary-navigation ul li ul li a:before {
        content: "\00BB \00a0";
    }

    .primary-navigation ul li ul li a {
        padding-left: 20px !important;
    }

    .primary-navigation ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .primary-navigation ul li ul, .primary-navigation ul li ul ul {
        display: block !important;
        opacity: 1 !important;
    }

    .primary-navigation ul ul {
        position: static;
        width: 100%;
        border: none;
    }

    .primary-navigation li {
        padding: 0;
    }

    #menu-sidebar {
        display: inline;
    }

    .primary-navigation ul ul a {
        color: #F9F9F9; /* Fond gris clair */
        background: none;
    }

    .primary-navigation ul ul a:hover {
        background: none;
        color: #FF8C03; /* Orange Mandarine */
    }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
    .entry-content .alignwide {
        margin-left: -20px;
        margin-right: -20px;
    }

    .woocommerce a.button.yith-wcqv-button, a.added_to_cart.wc-forward {
        margin-top: 8px !important;
        margin-bottom: 0;
    }

    .inner-head {
        padding: 16% 0 5%;
    }
}

@media screen and (max-width: 991px) {
    #header .contactusbtn a span {
        display: none;
    }

    .menubox {
        padding: 4px 0;
    }

    .bottom-head {
        padding: 10px 0em 4px 6px;
    }

    .toggle-menu {
        position: relative;
    }

    #banner .btmbanner h4, #banner .content h4 {
        font-size: 60px;
    }

    #banner .btmbanner .m-hs {
        width: 100%;
        order: 1;
    }

    #banner .btmbanner .l-hs {
        width: 50%;
        order: 2;
    }

    #banner .btmbanner {
        margin: 0px 0 0 0;
    }

    #banner .btmbanner .r-hs {
        width: 50%;
        order: 3;
        margin: 10px 0 0 0;
    }

    #aboutus .abt-img img {
        height: auto;
    }

    #aboutus .conbx h4 {
        font-size: 30px;
        margin: 10px 0 10px;
    }

    #aboutus .conbx p {
        font-size: 16px;
        margin: 0em 0 0em;
    }

    #aboutus .aboutuscontact li {
        font-size: 16px;
        margin: 8px 0 0 0;
    }

    #aboutus .abtbtn {
        margin: 1.5em 0 8px 0;
    }

    #aboutus .abtbtn a {
        font-size: 16px;
        padding: 8px 4px 8px 14px;
    }

    #aboutus .yearofexpreince h2 {
        font-size: 30px;
    }

    #aboutus .yearofexpreince h2 span {
        font-size: 40px;
    }

    #aboutus .yearofexpreince h5 {
        font-size: 30px;
    }

    #feature {
        padding: 1em 0;
    }
}

@media screen and (max-width: 786px) {
    .page-template-home-custom #header {
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) and (min-width: 720px) {
    .entry-content .alignwide {
        margin-left: -15px;
        margin-right: -15px;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 48% !important;
    }

    .woocommerce ul.products.columns-4 {
        display: block;
    }

    .footersec td, .footersec th, #sidebar td, #sidebar th, span.meta-nav {
        padding: 0px;
    }

    #sidebar form.search-form label {
        float: none;
    }

    #sidebar input[type="submit"], #sidebar form.search-form label {
        width: 100% !important;
    }

    .widget figure.gallery-item {
        width: 46%;
    }

    .widget figure.gallery-item:nth-child(3n) {
        margin-right: 12px;
    }

    .widget figure.gallery-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 720px) {
    .entry-content .alignwide {
        margin-left: 5px;
        margin-right: 5px;
    }

    ol.children {
        margin: 0 !important;
    }

    ol.children img {
        width: 30px;
        border: solid 1px;
    }

    .main-content #comments ol li {
        padding: 10% 0 0 2% !important;
    }

    #sidebar td {
        padding: 6px;
    }

    span.meta-nav {
        padding: 0px;
    }

    .singlebox {
        margin: 0 10px;
    }

    .pagination {
        float: none;
    }

    .home .inner-service {
        margin: 20px 0 0 0;
        min-height: auto;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
        float: none !important;
    }

    .page-template-home-custom #header:after, .single #header:after, .page-template-default #header:after {
        display: none;
    }

    .menu-section {
        position: static;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .logo h1, .logo p.site-title {
        font-size: 18px;
    }

    #aboutus .abt-imgbx {
        width: 100%;
    }

    #aboutus .conbx {
        width: 100%;
        margin-top: 1em;
    }

    #banner .btmbanner h4, #banner .content h4 {
        font-size: 40px;
    }

    #banner .b-btn a {
        font-size: 16px;
        padding: 12px 14px;
    }

    #banner .sli_imgbx img {
        width: auto;
        height: auto;
        bottom: -30px;
    }

    .luzuk-slide-img-curve {
        height: auto;
        width: auto;
        clip-path: polygon(100% 0%, 100% 0%, 50% 0%, 0% 0%, 0% 25%, 0% 60%, -45% 75%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 88% 90%, 100% 90%, 100% 71%);
    }
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 575px) {

}

@media screen and (max-width: 475px) {

}

@media screen and (max-width: 420px) {
    #banner .content {
        margin: -80px auto 0 auto;
    }

    #banner .btmbanner h4, #banner .content h4 {
        font-size: 28px;
    }

    #banner .btmbanner .r-hs {
        width: 100%;
    }

    #banner .btmbanner .l-hs {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    #header .contactusbtn a {
        padding: 9px 6px;
        font-size: 12px;
    }
}

/* ==========================================================================
   ÉTAPE 2 CORRIGÉE : Le Logo, parfaitement rond et positionné
   ========================================================================== */

/* On prend le contrôle de la colonne du logo (.logobx-out) */
.logobx-out {
    position: absolute !important;
    left: 50% !important;
    bottom: -65px !important;
    transform: translateX(-50%) !important;
    z-index: 99 !important;
}

/* C\'EST ICI LA MAGIE : On force le conteneur .logo à être un carré parfait */
.logobx-out .logo {
    width: 140px !important;
    height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #FFFFFF;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border: 3px solid #EAEAEA;
    transition: transform 0.3s ease;
}

.logobx-out .logo:hover {
    transform: translateY(-5px);
}

.logobx-out .site-logo img {
    max-height: 100px !important;
    width: auto !important;
    display: block;
}

/* ==========================================================================
   SÉPARATION DU MENU (V9 - La Méthode Simple et Robuste)
   ========================================================================== */

.menu-section {
    width: 100%;
    display: flex;
    justify-content: center;
}

ul#menu-main-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    width: auto !important;
    padding-left: 100px !important;
    padding-right: 100px !important;
}


.primary-navigation a {
    color: #F9F9F9 !important; /* Fond gris clair */
    font-weight: 600 !important;
    padding: 10px 15px !important;
    border-bottom: 2px solid transparent !important;
}

.primary-navigation a:hover,
.primary-navigation .current_page_item > a {
    color: #FFE600 !important; /* Jaune HSC */
    border-bottom-color: #FFE600 !important; /* Jaune HSC */
}


@media (max-width: 991px) {
    ul#menu-main-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
        flex-direction: column !important;
    }
}

/* ==========================================================================
   STYLE DU PIED DE PAGE (FOOTER) - Inspiré par "Bodyguard" pour HSC
   ========================================================================== */

.custom-footer-hsc {
    background-color: #000; /* Noir */
    padding: 60px 40px;
    color: #F9F9F9; /* Fond gris clair */
    font-family: \'Montserrat\', sans-serif;
}

.custom-footer-hsc .widget-title {
    color: #FFE600; /* Jaune HSC */
    font-family: \'Montserrat\', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 230, 0, 0.3); /* Jaune HSC transparent */
    position: relative;
}

.custom-footer-hsc .widget-title:after {
    content: \'\';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background-color: #FFE600; /* Jaune HSC */
}


.custom-footer-hsc .menu {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0;
}

.custom-footer-hsc .menu li {
    padding-bottom: 15px;
    transition: all 0.3s ease;
}

.custom-footer-hsc .menu a {
    color: #F9F9F9 !important; /* Fond gris clair */
    text-decoration: none !important;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.custom-footer-hsc .menu a:before {
    content: \'\f105\';
    font-family: \'Font Awesome 5 Free\', sans-serif;
    font-weight: 900;
    color: #FFE600; /* Jaune HSC */
    margin-right: 12px;
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateX(-10px);
}

.custom-footer-hsc .menu li:hover a {
    color: #F9F9F9 !important; /* Fond gris clair */
    opacity: 0.8;
    transform: translateX(5px);
}

.custom-footer-hsc .menu li:hover a:before {
    opacity: 1;
    transform: translateX(0);
}

/*__________________  Career Opportunities  ______________*/
div.vc_custom_1441219013102 {
    background-color: #F9F9F9 !important; /* Fond gris clair */
}

.careers .vacancyList li .job {
    color: #178400; /* Vert */
    font-weight: 700;
}

.careers .job-list .vacancyList {
    background: linear-gradient(to top right, #000, #01449D) !important; /* Noir vers Bleu */
}

.careers .careers-left h4 {
    color: #F9F9F9; /* Fond gris clair */
    font-weight: 500;
    line-height: 44px;
    font-size: 40px;
}

/*_________________________________  Footer  __________________________________*/
.l-footer-columns,
.l-footer {
    background-color: #000; /* Noir */
}

.newsletter-div input.email-adress {
    background-color: transparent;
    height: 40px;
    width: auto;
}

.newsletter-div .newslettersubmit {
    left: 172px;
    background-color: #178400; /* Vert */
}

/*_______________________________  Tabs & Accordion  _____________________________*/

div.wpb_wrapper ul.ui-tabs-nav li.ui-state-default {
    background-color: rgba(249, 249, 249, 0.44); /* Fond gris clair transparent */
}

.wpb_wrapper:focus {
    border-color: rgba(249, 249, 249, 0.48) !important;
    background-color: rgba(249, 249, 249, 0.2);
}

.wpb_wrapper {
    background-color: rgba(249, 249, 249, 0.09);
    border-color: rgba(249, 249, 249, 0.18) !important;
    transition: all .35s;
    color: #F9F9F9; /* Fond gris clair */
}

.fadeInRight animation {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}


/*_____________  Team Members  ______________*/

.team-member-name-job-title {
    color: #01449D; /* Bleu */
    align-items: center;
    text-align: center;
}

li .team-member-item {
    background-color: #F9F9F9; /* Fond gris clair */
    border: 1px solid #F9F9F9; /* Fond gris clair */
    transition: all .3s;
}

li .team-member-item:hover {
    background-color: #000; /* Noir */
}

.team-member-item h3 {
    font-size: 17px;
    color: #01449D; /* Bleu */
}

.team-member-item h4 {
    color: #ADACAC; /* Gris */
}

.team-member-desc > p {
    color: #ADACAC; /* Gris */
}

.team-membre-social-icons ul {
    border-top: 1px solid #F9F9F9; /* Fond gris clair */
}

.team-membre-social-icons ul li a:hover {
    background-color: #01449D; /* Bleu */
    border-color: #F9F9F9; /* Fond gris clair */
}
.team-member-name .team-member-desc {
    color: #01449D; /* Bleu */
}

.team-membre-social-icons ul li a, .progress .meter {
    background: #01449D; /* Bleu */
}

.team-membre-social-icons ul li a {
    color: #FFE600; /* Jaune HSC */
    border: 1px solid #F9F9F9; /* Fond gris clair */
    transition: color 0.2s;
    padding: 3px 7px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
}

/*_____________  Call to Action  ______________*/
div.vc_general.vc_cta3.vc_cta3-style-custom {
    border-color: #ADACAC; /* Gris */
    background-color: #ADACAC; /* Gris */
}

div.vc_general.vc_cta3.vc_cta3-style-custom h2 {
    color: #F9F9F9 !important; /* Fond gris clair */
    font-size: 22px;
    padding-top: 6px;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.bdt-prime-slider-tango .bdt-title {
    font-size: clamp(1.875rem, 5vw, 1.125rem) !important;
}