/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.5.1773672292
Updated: 2026-03-16 15:44:52

*/

.oceanwp-about-me-text.clr {
    color: white !important;
}

.drekan-button {
    display: inline-block;
    background: #D71920;
    color: #ffffff;
    padding: 10px 18px;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.drekan-button:hover {
    background: #111111;
    color: #ffffff;
}

.woocommerce ul.products li.product li.category {
    display: none;
}

button:focus,
button:active,
a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woocommerce ul.products li.product .button {
    align-self: center;
}

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

/* Produit en colonne flexible */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Wrapper interne prend toute la hauteur */
.woocommerce ul.products li.product .product-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Titre hauteur minimum */
.woocommerce ul.products li.product h2 {
    min-height: 50px;
}

/* Bouton collé en bas */
.woocommerce ul.products li.product .button {
    margin-top: auto !important;
    align-self: center;
}
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}


.dropdown-menu .sub-menu {
    min-width: 46px;
}

.ui-dialog .ui-dialog-titlebar {
        background-color: #f32121 !important;
}

/* Conteneur principal */
.wc-block-product-categories {
    max-width: 350px; /* Ajuste la largeur selon tes besoins */
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 20px;
}

/* Suppression des puces et marges par défaut de la liste */
.wc-block-product-categories-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Style de chaque élément de la liste */
.wc-block-product-categories-list-item {
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

/* Style des liens */
.wc-block-product-categories-list-item a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    text-decoration: none !important;
    color: #333;
    background-color: #f8f9fa;
    border-radius: 6px;
    font-weight: 500;
    font-family: sans-serif;
    border-left: 4px solid transparent;
    transition: all 0.2s ease-in-out;
}

/* Effet au survol (Hover) */
.wc-block-product-categories-list-item a:hover {
    background-color: #e9ecef;
    color: #dd3333; /* Change cette couleur par celle du logo */
    border-left: 4px solid #dd3333; /* Ligne de couleur à gauche */
    padding-left: 20px; /* Petit décalage vers la droite */
}

/* Style pour la catégorie "Tous les produits" (Optionnel - Mise en avant) */
.wc-block-product-categories-list-item:first-child a {
    background-color: #333;
    color: #fff;
}

.wc-block-product-categories-list-item:first-child a:hover {
    background-color: #444;
}

/* Ajustement du texte à l'intérieur du span */
.wc-block-product-categories-list-item__name {
    font-size: 15px;
    line-height: 1.4;
}

div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot.n2-active, div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:HOVER, div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:FOCUS {
                background: #000000;
            }
div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot.n2-active, div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:hover, div#n2-ss-2 .n2-style-4f72beb15bfb0511e07bfb33dde48a42-dot:focus {
  background: #000000 !important;
}

/* Ajustement du texte à l'intérieur menu active */

/* ============================= */
/* CONTAINER */
/* ============================= */

.wc-block-product-categories {
    background: #ffffff;
    padding: 5px;
    border-radius: 0px;
}

/* ============================= */
/* BASE LINK STYLE */
/* ============================= */

.wc-block-product-categories .wc-block-product-categories-list-item a {
    position: relative;
    display: block;
    padding: 15px 20px;
    margin-bottom: 8px;
    background: #ffffff;
    color: #222;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0px;
    transition: all 0.25s ease;
    overflow: hidden;
	border: 1px solid #ddd;
}

/* Barre animée gauche */
.wc-block-product-categories .wc-block-product-categories-list-item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #D71920;
    transition: width 0.25s ease;
}

/* HOVER */
.wc-block-product-categories .wc-block-product-categories-list-item a:hover {
    background: #ececec;
    padding-left: 28px;
}

.wc-block-product-categories .wc-block-product-categories-list-item a:hover::before {
    width: 5px;
}

/* ACTIVE (sera ajouté par JS) */
.wc-block-product-categories .wc-block-product-categories-list-item a.active-cat {
    background: #eaeaea !important;
    color: #D71920 !important;
    font-weight: 600;
    padding-left: 28px !important;
}

.wc-block-product-categories .wc-block-product-categories-list-item a.active-cat::before {
    width: 5px;
}

/* menu des attributs et termes
*/
/* ==========================================
   DREKAN PREMIUM – NOIR ULTRA COMPACT PRO
========================================== */
/* CONTENEUR */

.premium-filter-wrapper{

background:#fff;
border:1px solid #e5e5e5;
border-radius:6px;

padding:15px;
margin-bottom:25px;

}

/* LIGNE FILTRES */

.premium-filter-form{

display:flex;
flex-wrap:wrap;
gap:10px;

}

/* SELECT */

.premium-filter-form select{

flex:1;
min-width:120px;

height:38px;

padding:0 10px;

border:1px solid #ddd;
border-radius:4px;

background:#fff;

font-size:13px;

}

/* LIGNE BOUTONS */

.filter-buttons{

width:100%;
margin-top:10px;

display:flex;
gap:8px;

}

/* BOUTON RECHERCHE */

.filter-btn{

height:38px;

padding:0 18px;

background:#c60000;
color:#fff;

border:none;
border-radius:4px;

font-weight:600;

cursor:pointer;

}

/* RESET */

.reset-btn{

height:38px;

padding:0 14px;

background:#f3f3f3;
color:#333;

border-radius:4px;

text-decoration:none;

display:flex;
align-items:center;

}

/* RETOUR */

.back-btn{

height:38px;

padding:0 14px;

background:#eaeaea;

border-radius:4px;

text-decoration:none;

display:flex;
align-items:center;

}

/* MOBILE */

@media (max-width:768px){

.premium-filter-form{

flex-direction:column;

}

.premium-filter-form select{

width:100%;

}

.filter-buttons{

flex-direction:column;

}

}


/* =========================
   BANNIERE INDUSTRIELLE DREKAN
   ========================= */

.page-header {

    position: relative;
    height: 320px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
	    border-bottom: 3px solid #D71920;

}

/* IMAGE BACKGROUND */

.page-header::after {

    content:"";
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    transform:scale(1);
    animation:drekanZoom 20s ease-out forwards;

    z-index:1;

}

/* OVERLAY INDUSTRIEL */

.page-header::before{

    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        rgba(0,0,0,0.25),
        rgba(0,0,0,0.15)
    );

    z-index:2;
}

/* CONTENU */

.page-header .container{

    position:relative;
    z-index:3;
    text-align:center;

}

/* TITRE */

.page-header-title,
.page-header h1{

    color:#fff;
    font-size:48px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;

    margin:0;

}

/* LIGNE ROUGE */

.page-header-title::after,
.page-header h1::after{

    content:"";
    display:block;
    width:120px;
    height:4px;
    background:#d71920;

    margin:20px auto 0;

}

/* BREADCRUMB */

.site-breadcrumbs{

    margin-top:10px;
    color:#ddd;

}

.site-breadcrumbs a{

    color:#fff;

}

/* ZOOM IMAGE */

@keyframes drekanZoom{

    from{ transform:scale(1) rotate(0deg); }
    to{ transform:scale(1.15) rotate(2deg); }

}

/* RESPONSIVE */

@media (max-width:768px){

.page-header{

height:220px;

}

.page-header h1{

font-size:30px;

}

}

/*slogan*/


.sidebar-box .widget-title, .sidebar-box.widget_block .wp-block-heading {
    font-size: 17px!important;
    line-height: 1;
    letter-spacing: 1px;
	    margin: 0 0 15px 0px !important;
}


div#block-6 {
    margin: 15px 0 0 0;
}
div#block-18 {
    margin: 0 0 15px 0;
}


/*new css claude*/

.page-header .page-subheading {
    font-size: 15px;
    line-height: 1.8;
    color: #ffffff;
}


.wp-block-search__inside-wrapper {
    display: block;
    
}



/* =========================
FORMULAIRE CONTACT
========================= */

.wpcf7 form{

max-width:700px;
margin:auto;

}

/* labels */

.wpcf7 label{

display:block;

font-weight:600;
font-size:14px;

margin-top:10px;
margin-bottom:5px;

color:#333;

}

/* champs */

.wpcf7 input,
.wpcf7 textarea{

width:100%;

padding:12px;

border:1px solid #ddd;
border-radius:4px;

font-size:14px;

transition:all .2s ease;

}

/* focus */

.wpcf7 input:focus,
.wpcf7 textarea:focus{

border-color:#c60000;
outline:none;

box-shadow:0 0 0 2px rgba(198,0,0,0.08);

}

/* textarea */

.wpcf7 textarea{

min-height:120px;
resize:vertical;
	    height: 120px;

}

/* upload fichier */

.wpcf7 input[type="file"]{

border:none;
padding:5px 0;

}

/* bouton */

.wpcf7 input[type="submit"]{

background:#c60000;
color:#fff;

border:none;

padding:12px 28px;

font-size:15px;
font-weight:600;

border-radius:4px;

cursor:pointer;

margin-top:20px;

transition:all .2s ease;

}

/* hover bouton */

.wpcf7 input[type="submit"]:hover{

background:#a80000;

}

/* messages */

.wpcf7-response-output{

margin-top:20px;

border-radius:4px;

padding:10px;

font-size:14px;

}
/* =========================
FICHIER UPLOAD STYLE
========================= */

.wpcf7 input[type="file"]{

background:#f5f5f5;
border:1px solid #ddd;
padding:8px;
border-radius:4px;
cursor:pointer;
font-size:13px;

}

/* bouton interne navigateur */

.wpcf7 input[type="file"]::file-selector-button{

background:#c60000;
color:#fff;

border:none;
padding:8px 14px;

margin-right:10px;

border-radius:4px;

cursor:pointer;
font-size:13px;

}

/* hover */

.wpcf7 input[type="file"]::file-selector-button:hover{

background:#a80000;

}

/* =========================
TEXTAREA PLUS COMPACT
========================= */

.wpcf7 textarea{

min-height:90px;
padding:10px;

}
/* =========================
UPLOAD FICHIER PROPRE
========================= */

.drekan-upload{

width:100%;
border:1px solid #ddd;
border-radius:4px;
padding:8px;
background:#fafafa;
font-size:13px;

}

/* bouton fichier */

.drekan-upload::file-selector-button{

background:#c60000;
color:#fff;

border:none;
padding:7px 14px;

margin-right:10px;

border-radius:4px;

font-size:13px;
font-weight:600;

cursor:pointer;

}

/* hover */

.drekan-upload::file-selector-button:hover{

background:#a80000;

}

/* =========================
TEXTAREA COMPACT
========================= */

.wpcf7 textarea{

min-height:70px;
padding:10px;
font-size:14px;

}

/* champs formulaire */

.wpcf7 input,
.wpcf7 textarea{

border:1px solid #ddd;
border-radius:4px;
padding:10px;

}

/* focus */

.wpcf7 input:focus,
.wpcf7 textarea:focus{

border-color:#c60000;
outline:none;

}
.wpcf7 p {
    margin: 0 0 0 0;
}

/* =========================
GALERIE MINIATURES PRODUIT
========================= */



.flex-control-thumbs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto !important;
    overflow-y:hidden;
    gap:10px;
}

/* miniatures */

.flex-control-thumbs li{

flex:0 0 auto;

width:90px;

}

/* images */

.flex-control-thumbs img{

width:100%;
height:auto;

transition:opacity .2s;

}

/* hover */

.flex-control-thumbs img:hover{
opacity:0.7;
}

/* scrollbar */

.flex-control-thumbs::-webkit-scrollbar{
height:6px;
}

.flex-control-thumbs::-webkit-scrollbar-track{
background:#eee;
}

.flex-control-thumbs::-webkit-scrollbar-thumb{
background:#c60000;
border-radius:3px;
}




/* bloc prix */

.drekan-prix{

margin-top:20px;
border-top:1px solid #eee;

}

/* ligne */

.drekan-ligne{

display:flex;
justify-content:space-between;
align-items:center;

padding:12px 0;

border-bottom:1px solid #eee;

}

/* label */

.drekan-ligne span{

font-weight:600;
}

/* prix */

.drekan-ligne strong{

font-size:20px;
color:#c60000;

}

/* garantie */

.drekan-ligne small{

display:block;
color:#777;
font-size:12px;

}

/* position flèches galerie popup */

#owp-qv-wrap .flex-direction-nav a::before {
  display: inline-block;
  font: normal normal 600 20px/1 "Font Awesome 5 free";
  text-rendering: auto;
}
#owp-qv-wrap .flex-direction-nav a.flex-next::before {
  content: "";
  margin: 3px -4px;
}
#owp-qv-wrap .flex-direction-nav a.flex-prev::before {
  content: "";
  margin: 3px -4px;
}
.flex-direction-nav .flex-prev{
color:transparent !important;
}

.flex-direction-nav .flex-prev::after{
color:#fff; /* ou ta couleur */
font-size:20px;
}

/* position flèches galerie produit */




.flex-direction-nav{

position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);
pointer-events:none;
z-index:12!important;
}

/* boutons */

.flex-direction-nav a{

position:absolute;
pointer-events:auto;

width:40px;
height:40px;

background:#111;
color:#fff;

border-radius:50%;

text-indent:-9999px;
overflow:hidden;
	    border: 2px solid #e9e9e9;

}

/* flèche gauche */

.flex-direction-nav .flex-prev{
left:10px;
}

/* flèche droite */

.flex-direction-nav .flex-next{
right:10px;
}

/* icônes flèches */

.flex-direction-nav .flex-prev:before{
font-family: "Font Awesome 6 Free";
font-weight: 600;
content: "\f104";
font-size:20px;
line-height:35px;
text-indent:0;
position:absolute;
left:12px;
top:0;
color: #ffffff;
}

.flex-direction-nav .flex-next:before{
font-family: "Font Awesome 6 Free";
font-weight: 600;
content: "\f105";
font-size:20px;
line-height:35px;
text-indent:0;
position:absolute;
right:11px;
top:0;
color: #ffffff;
}

/* hover */

.flex-direction-nav a:hover{
background:#D71920;
}

.flex-control-thumbs{
display:flex;
flex-wrap:nowrap;
overflow:hidden;
gap:10px;
}

.flex-control-thumbs li{
flex:0 0 auto;
}





.drekan-prix-select{

margin-top:20px;
padding:15px;

border:1px solid #eee;

}

.drekan-prix-select label{

display:block;
margin-bottom:8px;

font-weight:600;

}

#drekan-select-prix{

width:100%;

padding: 0px 0px 0px 10px;

border:1px solid #ddd;

}

.drekan-prix-affiche{

font-size:28px;

font-weight:700;

color:#c60000;

margin-top:12px;

}

.drekan-garantie{

color:#665;

font-size:14px;

margin-top:4px;

}

.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 0 0;
}
.woocommerce-product-gallery .flex-viewport {
    overflow-x: auto;
}

.woocommerce-product-gallery .flex-viewport::-webkit-scrollbar {
    height: 8px;
}

.woocommerce-product-gallery .flex-viewport::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 4px;
}
.single .entry-title {
    font-size: 34px;
    padding: 0 0 0px !important;
    margin: 0 0 15px;
    border-bottom: 0px solid #f1f1f1!important;
    letter-spacing: .6px
}

.woocommerce ul.products li.product .woo-entry-inner li {
    margin-bottom: 0px;
    line-height: 1;
}

.flex-direction-nav {
    top: 35%;
}

/* Centrage des vignettes de la galerie produit */
.flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap; /* Permet de passer à la ligne si beaucoup d'images */
    justify-content: center !important; /* Centre horizontalement */
    padding: 10px 0 !important;
    gap: 10px; /* Espace régulier entre les images */
    list-style: none !important;
}

/* Optionnel : Ajustement des éléments de liste */
.flex-control-nav.flex-control-thumbs li {
    margin: 0 !important; /* On utilise le gap du parent à la place */
    float: none !important; /* Annule le comportement par défaut de certains thèmes */
}

/* Remonter le bloc de navigation produit */
.owp-product-nav-wrap {
    top: -30px !important; /* Ajuste cette valeur (ex: -60px ou -70px) pour monter plus ou moins haut */
    position: relative !important;
    z-index: 999;
}

/* Ajustement spécifique pour les flèches */
.owp-product-nav li a.owp-nav-link {
    margin-top: 0 !important;
}

/* Optionnel : Si tu veux les aligner à droite proprement */
.owp-product-nav-wrap ul.owp-product-nav {
    justify-content: flex-end;
    display: flex;
}

.product_meta {
    clear: both;
    font-size: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: -1px;
    padding: 8px 0;
    color: #787878;
    margin-top: 10px;
    border-color: #eaeaea;
}

/* 1. On force l'état visuel du survol (hover) dès le départ */
.pswp__button--zoom {
    display: block !important;
    opacity: 1 !important;
    /* On force la position de l'icône loupe vue dans l'inspecteur */
    background-position: -88px 0 !important; 
    background-size: 264px 88px !important; /* Ajustement classique du sprite PhotoSwipe */
}

/* 2. On retire toute transition pour que ce soit instantané */
.pswp__button--zoom, 
.pswp__ui--fit .pswp__top-bar {
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. On neutralise l'action du vrai survol pour que rien ne bouge */
.pswp__button--zoom:hover {
    background-position: -88px 0 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* --- CODE UNIQUEMENT POUR LA CROIX --- */

/* 1. Force l'affichage immédiat du bouton de fermeture */
button.pswp__button--close.pe_pswp_close {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    /* On force la position "active" vue sur ta capture (0 -44px) */
    background-position: 0 -44px !important;
    background-size: 264px 88px !important;
}

/* 2. Neutralise le survol pour que la croix reste figée dans cet état */
button.pswp__button--close.pe_pswp_close:hover {
    background-position: 0 -44px !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* --- 1. ENLEVER LA LIGNE DÉCORATIVE ORANGE --- */
.page-header .page-header-title::after,
.page-header .page-header-title-clr::after {
    display: none !important; /* Supprime la ligne orange du thème */
}

/* --- 2. CENTRAGE HORIZONTAL ET VERTICAL DU CONTENEUR --- */
.page-header-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centre verticalement */
    align-items: center !important;     /* Centre horizontalement */
    min-height: 180px !important;       /* Donne de la hauteur pour permettre le centrage */
    /* padding: 0 !important; */
	padding: 70px !important;
}

/* --- 3. LE TITRE "ACCUEIL" (Serré et centré) --- */
.page-header .page-header-title, 
.page-header.background-image-page-header .page-header-title {
    font-size: 32px;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: table !important;          /* Le fond colle à la largeur du mot */
    margin: 0 0 10px 0 !important;      /* Espace de 10px uniquement en bas */
    padding: 10px 20px !important;      /* Padding égal partout pour centrer le texte dans son fond */
    line-height: 1 !important;          /* Hauteur de ligne minimale */
    border-bottom: none !important;     /* Sécurité anti-ligne orange */
}

/* --- 4. LE SOUS-TITRE --- */
.page-header .page-subheading {
    font-size: 15px;
    line-height: 1.4 !important;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: table !important;          /* Le fond colle à la largeur de la phrase */
    margin: 0 !important;
    padding: 8px 15px !important;
}


/* Configurer le conteneur des miniatures pour le scroll horizontal */
.flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important; /* Active le scroll horizontal */
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important; /* Scroll fluide sur mobile */
    gap: 10px !important; /* Espace entre les images */
    padding-bottom: 5px !important; /* Évite de couper les bordures ou l'ombre */
}

/* Forcer chaque miniature à garder sa taille sans s'écraser */
.flex-control-nav.flex-control-thumbs li {
    flex: 0 0 calc(25% - 8px) !important; /* Affiche exactement 4 images par ligne, le reste dépasse en scroll */
    min-width: 80px !important; /* Sécurité pour que les images restent lisibles */
    list-style: none !important;
}

/* Personnalisation de la barre de défilement (Scrollbar) pour qu'elle soit discrète */
.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    height: 6px !important;
}

.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 10px !important;
}

.flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8 !important;
}

.sidebar-box .widget-title, .sidebar-box.widget_block .wp-block-heading {
    font-size: 20px !important;
    line-height: 1;
    letter-spacing: 1px;
    margin: 30px 0 15px 0px !important;
}
.sidebar-box {
    margin: 0px 0px 0px 0px !important;
}
.sidebar-box {
    margin-bottom: 0px !important;
}