/*
 Theme Name: Boucherie AM
 Theme URI: https://www.vianneyain.com
 Description: Boucherie AM Theme
 Author: Vianney Aïn
 Author URI: https://www.vianneyain.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --am-beige: #FFF8EE;
    --am-rouge: #BC0C1B;
    --am-rouge-hover: #8a0914;
    --am-rouge-sur-noir: #95010E;
    --am-noir: #101010;
    --am-blanc: #ffffff;
}

#topbar {
    transform:translate(-50%, -100%);
    transition: all 1s ease;
}

.scroll #topbar {
    transform:translate(-50%, 0);
}

ul#menu-menu-principal {
    display:flex;
    align-items:center;
}

ul#menu-menu-principal .main-menu-contact-cta {
    background:var(--am-rouge);
    color:var(--am-blanc);
    transition: all 0.3s ease;
    height:42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:0;
    cursor:pointer;
}

ul#menu-menu-principal .main-menu-contact-cta:hover {
    background:var(--am-rouge-hover);
}

ul#menu-menu-principal .main-menu-contact-cta a {
    color:var(--am-blanc) !important;
    padding:10px 20px;
}

.menu-item-phone {
    margin:0 !important;
}

.menu-item-phone a {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  background: var(--am-noir);
  color: var(--am-blanc);
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease;
width: 42px;   
  height: 42px;
}

.menu-item-phone a:hover {
  background: black;
}

.menu-item-phone i {
  font-size: 16px;
  color: var(--am-blanc);
}

.et_mobile_menu {
    background:var(--am-beige);
}

.head-ctas {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:20px;
}

@media (max-width:580px){
    .head-ctas {
        flex-direction:column;
    }
}

.btn {
    background:var(--am-rouge);
    color:var(--am-blanc);
    font-family:'Fraunces',Georgia,"Times New Roman",serif;
    font-size:20px;
    padding:10px 30px;
    transition: all 0.3s ease;
    position:relative;
    display:flex;
    width:fit-content;
    align-items:center;
    gap:5px;
}

.btn:hover {
    background:var(--am-rouge-hover);
}

.btn.phone {
    padding-left:60px;
    background:var(--am-noir);
}

.btn.phone:before {
    position:absolute;
    left:30px;
    content: attr(data-icon);
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    color: #FFFFFF;
    line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    right: auto;
    display: inline-block;
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
}

.btn.phone:hover {
    background:black;
}

.anti-gaspi-ctas {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: nowrap;
}

@media (max-width:580px){
    .anti-gaspi-ctas {
        flex-direction:column;
    }
}

.btn.toogoodtogo {
    background:#00615F;
}

.btn.toogoodtogo:hover {
    background:#003f3e;
}

.btn.phenix {
    background:#FF625A;
}

.btn.phenix:hover {
    background:#963530;
}

.btn.ollca {
    background:#FFF8EE;
    border:2px dotted var(--am-rouge);
    color:var(--am-rouge);
}

.btn.ollca:hover {
    background:#c4b9aa;
}

ul.horaires {
    display:flex;
    flex-direction:column;
    width:100%;
    margin:0;
    padding:0;
    gap:5px;
    list-style:none;
}

ul.horaires li {
    display:flex;
    flex-direction:row;
    width:100%;
    align-items:flex-end;
    justify-content:space-between;
    font-size:15px;
}

.partners-footer {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    gap:20px;
    align-items:center;
    justify-content:space-between;
}

.partners-footer img {
    width:30%;
}


.et_pb_contact_form_0 {
    color:var(--am-blanc);
}