/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Divi Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* Indent bulleted text */
.et_pb_text ul, .et_pb_text ol { margin-left: 30px; }


/* Dropdown nav widths */
.nav li ul {
	width: 340px;
}
#top-menu li li a {
        width: 300px;
}






:root {
  --button-background: #00a7ba;
  --button-color: #fff;
  --button-hover-background: #000;
  --button-hover-color: #fff;
  --button-border: 0;
  --button-hover-border: 0;
  --button-border-radius: 30px;
  --button-padding: 0.5em 0.75em;
  --button-font-size: 20px;
  --button-font-family: "Roboto",Helvetica,Arial,Lucida,sans-serif;
  --button-font-weight: 700;
}

/* Header Button */
.header-button {
  position: absolute;
  top: 80px;
  right: 0;
  padding: var(--button-padding);
  background-color: var(--button-background);
  border: var(--button-border);
  border-radius:var(--button-border-radius);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header-button a {
  color: var(--button-color) !important;
}
.header-button:hover {
  background: var(--button-hover-background);
  border: var(--button-hover-border);
}
.header-button:hover a{
  color: var(--button-hover-color) !important;
}

@media all and (max-width: 980px) {
  .header-button {
    visibility: hidden;
  }
  .header-button a {
    visibility: hidden;
  }
}
@media all and (max-width: 768px) {
  .header-button {
    visibility: hidden;
  }
  .header-button a {
    visibility: hidden;
  }
}