/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */
.mobile_menu_bar:before, .mobile_menu_bar:after {
    color: #ffffff;
}

.mobile_menu_bar:before, .et_toggle_slide_menu:after {
    font-size: 40px;
}
.under:hover {
	text-decoration:underline;
}

.button-service {
    display: inline-flex;
    position: absolute;
    right: 150px;
	margin-top: 22px;
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.et-fixed-header .mobile_menu_bar:before, .et-fixed-header .mobile_menu_bar:after {
    color: #5c7f67;
}
.et-fixed-header .button-service {
    background: #c2a899;
}
.et-fixed-header .button-service:hover {
    background: #5e8169;
}




.et-fixed-header .button-service {
    margin-top: 13px;
}

.button-service {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 19px 45px;
  border-radius: 999px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  overflow: hidden;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.button-service::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.15),
    rgba(255,255,255,0.65),
    rgba(255,255,255,0.15)
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.button-service:hover {
  background: rgba(255,255,255,0.14);
}

.button-service .icon,
.button-service .text {
  position: relative;
  z-index: 1;
}


@media (max-width:980px) {
	.et_header_style_slide .et-fixed-header #et-top-navigation {
    padding: 24px 0 !important;
    padding-bottom: 0 !important;
}
.et-fixed-header .button-service {
    margin-top: 21px;
}
	.button-service {
    display: inline-flex;
    position: absolute;
    right: 40px;
	gap: 5px;
    padding: 10px 15px;
    font-size: 14px;
	background: #c2a899;
	margin-top: 21px;
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
	.mobile_menu_bar:before, .mobile_menu_bar:after {
    color: #5c7f67;
}
#main-header {
        background: #fffcf8!important;
    }
}