/*======================================
Theme Name: Divi Child
Theme URI: https://divicake.com/
Description: Simple Divi Child Theme
Version: 1.0
Author: Divi Cake
Author URI: https://divicake.com/
Template: Divi
======================================*/
/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
#sticky-contact-wrapper {
  position: fixed;
  top: 160px;
  right: -300px;
  transition: all ease 0.5s;
  z-index: 300; }
  @media all and (max-width: 767px) {
    #sticky-contact-wrapper {
      display: none; } }
  #sticky-contact-wrapper.active {
    right: 0;
    transition: all ease 0.5s; }
    #sticky-contact-wrapper.active #sticky-content {
      transition: all ease 0.5s;
      -webkit-box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.5); }
  #sticky-contact-wrapper #sticky-contact {
    display: flex;
    flex-direction: row; }
    #sticky-contact-wrapper #sticky-contact #drawer {
      z-index: 350; }
      #sticky-contact-wrapper #sticky-contact #drawer .drawer {
        cursor: pointer;
        font-size: 32px;
        color: white;
        padding: 15px;
        text-align: center;
        -webkit-box-shadow: -6px 6px 15px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: -6px 6px 15px 0px rgba(0, 0, 0, 0.3);
        box-shadow: -6px 6px 15px 0px rgba(0, 0, 0, 0.3);
        margin-bottom: 10px; }
        #sticky-contact-wrapper #sticky-contact #drawer .drawer.whatsapp {
          background-color: #25D366;
          font-size: 45px;
          padding: 11px; }
        #sticky-contact-wrapper #sticky-contact #drawer .drawer.email {
          background-color: #ff4c00; }
        #sticky-contact-wrapper #sticky-contact #drawer .drawer.phone {
          background-color: #ff9b0d; }
        #sticky-contact-wrapper #sticky-contact #drawer .drawer a {
          color: white; }
    #sticky-contact-wrapper #sticky-contact #sticky-content {
      z-index: 310;
      background-color: white;
      width: 300px;
      height: 600px;
      max-height: 60%;
      padding: 20px;
      transition: all ease 0.5s; }
      #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp, #sticky-contact-wrapper #sticky-contact #sticky-content #mail, #sticky-contact-wrapper #sticky-contact #sticky-content #phone {
        display: none; }
        #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp.active, #sticky-contact-wrapper #sticky-contact #sticky-content #mail.active, #sticky-contact-wrapper #sticky-contact #sticky-content #phone.active {
          display: block !important; }
        #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp h3, #sticky-contact-wrapper #sticky-contact #sticky-content #mail h3, #sticky-contact-wrapper #sticky-contact #sticky-content #phone h3 {
          font-size: 18px;
          margin-bottom: 10px; }
        #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp .sticky-button-wrapper, #sticky-contact-wrapper #sticky-contact #sticky-content #mail .sticky-button-wrapper, #sticky-contact-wrapper #sticky-contact #sticky-content #phone .sticky-button-wrapper {
          margin-top: 30px; }
          #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp .sticky-button-wrapper .sticky-button, #sticky-contact-wrapper #sticky-contact #sticky-content #mail .sticky-button-wrapper .sticky-button, #sticky-contact-wrapper #sticky-contact #sticky-content #phone .sticky-button-wrapper .sticky-button {
            color: #ffffff !important;
            border-color: rgba(0, 0, 0, 0);
            border-radius: 0px;
            font-size: 16px;
            font-weight: 700 !important;
            background-color: #ff4c00;
            padding: 10px;
            border: solid 2px #ff4c00;
            transition: all 300ms ease 0ms; }
            #sticky-contact-wrapper #sticky-contact #sticky-content #whatsapp .sticky-button-wrapper .sticky-button:hover, #sticky-contact-wrapper #sticky-contact #sticky-content #mail .sticky-button-wrapper .sticky-button:hover, #sticky-contact-wrapper #sticky-contact #sticky-content #phone .sticky-button-wrapper .sticky-button:hover {
              color: #ff4c00 !important;
              background-color: white;
              border: solid 2px #ff4c00;
              transition: all 300ms ease 0ms; }

#mobile-contact-wrapper {
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 0;
  width: 100%;
  transition: all ease 0.5s;
  z-index: 300;
  height: 56px;
  background-color: white;
  align-items: center;
  padding: 8px 0px 12px 0px;
  -webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.5); }
  @media all and (min-width: 767px) {
    #mobile-contact-wrapper {
      display: none; } }
  #mobile-contact-wrapper #whatsapp, #mobile-contact-wrapper #mail, #mobile-contact-wrapper #phone {
    width: 33%;
    text-align: center;
    font-size: 32px; }
  #mobile-contact-wrapper #whatsapp a {
    color: #25D366; }
  #mobile-contact-wrapper #mail {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.3); }
    #mobile-contact-wrapper #mail a {
      color: #ff4c00; }
  #mobile-contact-wrapper #phone a {
    color: #ff9b0d; }