/* Import all the SCS files */
/* Styles for mobile menu */
@media (max-width: 980px) {
  .et_menu_container {
    width: 100%;
  }
  .mobile_menu_bar {
    right: 20px;
    background: #f8f9fa;
    padding: 5px 10px !important;
    line-height: 1em !important;
    margin-bottom: 23px;
    border-radius: 3px;
    border: 2px solid #008c99;
  }
  .opened .mobile_menu_bar:before {
    content: "\4d";
    top: -1px;
  }
  .mobile_menu_bar:after {
    content: 'Menu';
    text-transform: uppercase;
    top: -8px;
    position: relative;
    font-size: 21px;
    cursor: pointer;
    letter-spacing: 1px;
  }
  .et_mobile_menu li a {
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .et_mobile_menu {
    left: 20px;
    right: 20px;
    width: inherit;
  }
  .et_mobile_menu li a:hover {
    opacity: 1;
  }
  ul.sub-menu {
    background: #f8f9fa;
    padding: 0 !important;
    margin-left: 20px;
  }
  ul.sub-menu li {
    padding: 0 !important;
  }
  ul.sub-menu li a {
    padding-left: 20px;
    /* Collapsing nested sub menu items */
  }
  #main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
  }
  #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 24px;
    padding: 10px;
    top: 0;
    right: 0;
    width: 60px;
    background: #f8f9fa;
    content: '\33';
  }
  #main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
  }
  #main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
  }
  #main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
  }
  #main-header .et_mobile_menu .menu-item-has-children {
    position: relative;
  }
  #main-header .et_mobile_menu .menu-item-has-children .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 60px;
    border: none !important;
  }
  li.cta a {
    background: #008c99;
    color: #fff !important;
    border: none;
    border-radius: 3px;
  }
  li.cta a:hover {
    background: #008c99;
  }
  #logo {
    max-width: 33%;
  }
  .logo_container {
    left: 20px;
  }
}
/* Call to action button for primary menu */
@media (min-width: 980px) {
  #top-menu-nav ul li.cta a {
    padding: 1em !important;
    margin-top: -1.2em;
    border-radius: 4px;
    border: 2px solid #008c99;
    color: #fff !important;
    background: #008c99 !important;
    text-transform: uppercase;
    font-size: 14px !important;
  }
  #top-menu-nav ul li.cta a:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08) !important;
    opacity: 1;
  }
}
/* Adjust menu size on smaller screens */
@media (min-width: 980px) and (max-width: 1290px) {
  #top-menu li {
    padding-right: 12px;
  }
  #top-menu li a {
    font-size: 14px !important;
  }
  #logo {
    max-width: 200px;
  }
}
/* Divi secondary menu customisations by Yates Design */
@media (min-width: 980px) {
  #top-header .container {
    padding: 0 !important;
  }
  #et-secondary-menu {
    float: none;
  }
  #et-secondary-nav li {
    margin-right: 0;
    padding: 5px 0;
  }
  #et-secondary-nav li a {
    padding: 0.75em 1em;
  }
  #et-secondary-nav {
    width: 100%;
    text-align: right;
    /* Add the class'left' to any menu item to float it to the left of the menu */
  }
  #et-secondary-nav li.left {
    float: left;
    /* Add the class 'facebook' to any menu item to give it Facebook's background colour */
  }
  #et-secondary-nav li.facebook {
    background: #3b5998;
    /* Add the class 'twitter' to any menu item to give it Twitter's background colour */
  }
  #et-secondary-nav li.twitter {
    background: #55acee;
    /* Add the class 'instagram' to any menu item to give it Instagram's background colour */
  }
  #et-secondary-nav li.instagram {
    background: #125688;
    /* Add the class 'cta' to any menu item to turn it into a Call to Action button */
  }
  #et-secondary-nav li.cta {
    margin-right: 5px;
  }
  #et-secondary-nav li.cta a {
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #fff;
    color: #212529;
    border-radius: 3px;
    font-size: 14px;
  }
}
/* Change button padding and styling */
.et_pb_button {
  padding: 0.5em 2em !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  text-align: center;
}
.et_pb_button:hover {
  padding: 0.5em 2.5em 0.5em 1.5em !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.et_pb_custom_button_icon, .et_pb_custom_button_icon:hover {
  padding: 0.5em 1.5em 0.5em 2.5em !important;
}
/* Coloured buttons */
.blue-button.et_pb_button, .blue-button.et_pb_button:hover, .blue-button .et_pb_promo_button, .blue-button .et_pb_promo_button:hover {
  background: #007bff !important;
  border-color: #007bff !important;
}
.indigo-button.et_pb_button, .indigo-button.et_pb_button:hover, .indigo-button .et_pb_promo_button, .indigo-button .et_pb_promo_button:hover {
  background: #6610f2 !important;
  border-color: #6610f2 !important;
}
.purple-button.et_pb_button, .purple-button.et_pb_button:hover, .purple-button .et_pb_promo_button, .purple-button .et_pb_promo_button:hover {
  background: #6f42c1 !important;
  border-color: #6f42c1 !important;
}
.pink-button.et_pb_button, .pink-button.et_pb_button:hover, .pink-button .et_pb_promo_button, .pink-button .et_pb_promo_button:hover {
  background: #e83e8c !important;
  border-color: #e83e8c !important;
}
.red-button.et_pb_button, .red-button.et_pb_button:hover, .red-button .et_pb_promo_button, .red-button .et_pb_promo_button:hover {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
}
.orange-button.et_pb_button, .orange-button.et_pb_button:hover, .orange-button .et_pb_promo_button, .orange-button .et_pb_promo_button:hover {
  background: #fd7e14 !important;
  border-color: #fd7e14 !important;
}
.yellow-button.et_pb_button, .yellow-button.et_pb_button:hover, .yellow-button .et_pb_promo_button, .yellow-button .et_pb_promo_button:hover {
  background: #ffc107 !important;
  border-color: #ffc107 !important;
}
.green-button.et_pb_button, .green-button.et_pb_button:hover, .green-button .et_pb_promo_button, .green-button .et_pb_promo_button:hover {
  background: #008c99 !important;
  border-color: #008c99 !important;
}
.teal-button.et_pb_button, .teal-button.et_pb_button:hover, .teal-button .et_pb_promo_button, .teal-button .et_pb_promo_button:hover {
  background: #4c5a52 !important;
  border-color: #4c5a52 !important;
}
.cyan-button.et_pb_button, .cyan-button.et_pb_button:hover, .cyan-button .et_pb_promo_button, .cyan-button .et_pb_promo_button:hover {
  background: #17a2b8 !important;
  border-color: #17a2b8 !important;
}
.black-button.et_pb_button, .black-button.et_pb_button:hover, .black-button .et_pb_promo_button, .black-button .et_pb_promo_button:hover {
  background: #343a40 !important;
  border-color: #343a40 !important;
}
.white-button.et_pb_button, .white-button.et_pb_button:hover, .white-button .et_pb_promo_button, .white-button .et_pb_promo_button:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #343a40 !important;
}
.white-button.et_pb_button:after, .white-button.et_pb_button:hover:after, .white-button .et_pb_promo_button:after, .white-button .et_pb_promo_button:hover:after {
  color: #343a40 !important;
}
/* Ghost buttons & no buttons */
a.et_pb_button.ghost-button, a.et_pb_button.ghost-button:hover, .ghost-button a.et_pb_button, .ghost-button a.et_pb_button:hover {
  background: transparent !important;
}
a.et_pb_button.no-button, a.et_pb_button.no-button:hover, .no-button a.et_pb_button, .no-button a.et_pb_button:hover {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-align: left;
  box-shadow: none;
  transform: none !important;
}
a.et_pb_button.ghost-button.blue-button, a.et_pb_button.ghost-button.blue-button:hover, .ghost-button.blue-button a.et_pb_button, a.et_pb_button.no-button.blue-button, body.et_pb_button_helper_class .no-button.blue-button a.et_pb_button {
  color: #007bff !important;
}
a.et_pb_button.ghost-button.blue-button:after, a.et_pb_button.ghost-button.blue-button:hover:after, .ghost-button.blue-button a.et_pb_button:after, a.et_pb_button.no-button.blue-button:after, body.et_pb_button_helper_class .no-button.blue-button a.et_pb_button:after {
  color: #007bff !important;
}
a.et_pb_button.ghost-button.indigo-button, a.et_pb_button.ghost-button.indigo-button:hover, .ghost-button.indigo-button a.et_pb_button, a.et_pb_button.no-button.indigo-button, body.et_pb_button_helper_class .no-button.indigo-button a.et_pb_button {
  color: #6610f2 !important;
}
a.et_pb_button.ghost-button.indigo-button:after, a.et_pb_button.ghost-button.indigo-button:hover:after, .ghost-button.indigo-button a.et_pb_button:after, a.et_pb_button.no-button.indigo-button:after, body.et_pb_button_helper_class .no-button.indigo-button a.et_pb_button:after {
  color: #6610f2 !important;
}
a.et_pb_button.ghost-button.purple-button, a.et_pb_button.ghost-button.purple-button:hover, .ghost-button.purple-button a.et_pb_button, a.et_pb_button.no-button.purple-button, body.et_pb_button_helper_class .no-button.purple-button a.et_pb_button {
  color: #6f42c1 !important;
}
a.et_pb_button.ghost-button.purple-button:after, a.et_pb_button.ghost-button.purple-button:hover:after, .ghost-button.purple-button a.et_pb_button:after, a.et_pb_button.no-button.purple-button:after, body.et_pb_button_helper_class .no-button.purple-button a.et_pb_button:after {
  color: #6f42c1 !important;
}
a.et_pb_button.ghost-button.pink-button, a.et_pb_button.ghost-button.pink-button:hover, .ghost-button.pink-button a.et_pb_button, a.et_pb_button.no-button.pink-button, body.et_pb_button_helper_class .no-button.pink-button a.et_pb_button {
  color: #e83e8c !important;
}
a.et_pb_button.ghost-button.pink-button:after, a.et_pb_button.ghost-button.pink-button:hover:after, .ghost-button.pink-button a.et_pb_button:after, a.et_pb_button.no-button.pink-button:after, body.et_pb_button_helper_class .no-button.pink-button a.et_pb_button:after {
  color: #e83e8c !important;
}
a.et_pb_button.ghost-button.red-button, a.et_pb_button.ghost-button.red-button:hover, .ghost-button.red-button a.et_pb_button, a.et_pb_button.no-button.red-button, body.et_pb_button_helper_class .no-button.red-button a.et_pb_button {
  color: #dc3545 !important;
}
a.et_pb_button.ghost-button.red-button:after, a.et_pb_button.ghost-button.red-button:hover:after, .ghost-button.red-button a.et_pb_button:after, a.et_pb_button.no-button.red-button:after, body.et_pb_button_helper_class .no-button.red-button a.et_pb_button:after {
  color: #dc3545 !important;
}
a.et_pb_button.ghost-button.orange-button, a.et_pb_button.ghost-button.orange-button:hover, .ghost-button.orange-button a.et_pb_button, a.et_pb_button.no-button.orange-button, body.et_pb_button_helper_class .no-button.orange-button a.et_pb_button {
  color: #fd7e14 !important;
}
a.et_pb_button.ghost-button.orange-button:after, a.et_pb_button.ghost-button.orange-button:hover:after, .ghost-button.orange-button a.et_pb_button:after, a.et_pb_button.no-button.orange-button:after, body.et_pb_button_helper_class .no-button.orange-button a.et_pb_button:after {
  color: #fd7e14 !important;
}
a.et_pb_button.ghost-button.yellow-button, a.et_pb_button.ghost-button.yellow-button:hover, .ghost-button.yellow-button a.et_pb_button, a.et_pb_button.no-button.yellow-button, body.et_pb_button_helper_class .no-button.yellow-button a.et_pb_button {
  color: #ffc107 !important;
}
a.et_pb_button.ghost-button.yellow-button:after, a.et_pb_button.ghost-button.yellow-button:hover:after, .ghost-button.yellow-button a.et_pb_button:after, a.et_pb_button.no-button.yellow-button:after, body.et_pb_button_helper_class .no-button.yellow-button a.et_pb_button:after {
  color: #ffc107 !important;
}
a.et_pb_button.ghost-button.green-button, a.et_pb_button.ghost-button.green-button:hover, .ghost-button.green-button a.et_pb_button, a.et_pb_button.no-button.green-button, body.et_pb_button_helper_class .no-button.green-button a.et_pb_button {
  color: #008c99 !important;
}
a.et_pb_button.ghost-button.green-button:after, a.et_pb_button.ghost-button.green-button:hover:after, .ghost-button.green-button a.et_pb_button:after, a.et_pb_button.no-button.green-button:after, body.et_pb_button_helper_class .no-button.green-button a.et_pb_button:after {
  color: #008c99 !important;
}
a.et_pb_button.ghost-button.teal-button, a.et_pb_button.ghost-button.teal-button:hover, .ghost-button.teal-button a.et_pb_button, a.et_pb_button.no-button.teal-button, body.et_pb_button_helper_class .no-button.teal-button a.et_pb_button {
  color: #4c5a52 !important;
}
a.et_pb_button.ghost-button.teal-button:after, a.et_pb_button.ghost-button.teal-button:hover:after, .ghost-button.teal-button a.et_pb_button:after, a.et_pb_button.no-button.teal-button:after, body.et_pb_button_helper_class .no-button.teal-button a.et_pb_button:after {
  color: #4c5a52 !important;
}
a.et_pb_button.ghost-button.cyan-button, a.et_pb_button.ghost-button.cyan-button:hover, .ghost-button.cyan-button a.et_pb_button, a.et_pb_button.no-button.cyan-button, body.et_pb_button_helper_class .no-button.cyan-button a.et_pb_button {
  color: #17a2b8 !important;
}
a.et_pb_button.ghost-button.cyan-button:after, a.et_pb_button.ghost-button.cyan-button:hover:after, .ghost-button.cyan-button a.et_pb_button:after, a.et_pb_button.no-button.cyan-button:after, body.et_pb_button_helper_class .no-button.cyan-button a.et_pb_button:after {
  color: #17a2b8 !important;
}
a.et_pb_button.ghost-button.black-button, a.et_pb_button.ghost-button.black-button:hover, .ghost-button.black-button a.et_pb_button, a.et_pb_button.no-button.black-button, body.et_pb_button_helper_class .no-button.black-button a.et_pb_button {
  color: #000 !important;
}
a.et_pb_button.ghost-button.black-button:after, a.et_pb_button.ghost-button.black-button:hover:after, .ghost-button.black-button a.et_pb_button:after, a.et_pb_button.no-button.black-button:after, body.et_pb_button_helper_class .no-button.black-button a.et_pb_button:after {
  color: #000 !important;
}
a.et_pb_button.ghost-button.white-button, a.et_pb_button.ghost-button.white-button:hover, .ghost-button.white-button a.et_pb_button, a.et_pb_button.no-button.white-button, body.et_pb_button_helper_class .no-button.white-button a.et_pb_button {
  color: #fff !important;
}
a.et_pb_button.ghost-button.white-button:after, a.et_pb_button.ghost-button.white-button:hover:after, .ghost-button.white-button a.et_pb_button:after, a.et_pb_button.no-button.white-button:after, body.et_pb_button_helper_class .no-button.white-button a.et_pb_button:after {
  color: #fff !important;
}
.et_pb_button.no-button:after, .no-button .et_pb_button:after {
  opacity: 1 !important;
  margin-left: 0.3em;
  font-weight: 800;
  transition: margin 0.2s !important;
}
.et_pb_button.no-button:hover:after, .no-button .et_pb_button:hover:after {
  margin-left: 0.6em;
}
.or-button.et_pb_button {
  color: #fff !important;
  margin-left: 20px;
  text-decoration: underline;
}
.or-button.et_pb_button:hover {
  color: #5cb85c !important;
}
.or-button.et_pb_button:before {
  content: 'or';
  display: inline-block;
  color: #fff;
  z-index: 99999;
  position: relative;
  opacity: 1;
  font-size: 16px;
  padding: 0 20px;
  text-transform: none;
}
/* Inline cta */
.inline-cta h6 {
  padding: 0 !important;
}
/* Add underline to links on hover */
p a:hover {
  text-decoration: underline;
}
/* Background colors - Add a class to add a background colour. Use ‘color-bg’ e.g. ‘blue-bg’. */
.blue-bg {
  background-color: #007bff !important;
}
.indigo-bg {
  background-color: #6610f2 !important;
}
.purple-bg {
  background-color: #6f42c1 !important;
}
.pink-bg {
  background-color: #e83e8c !important;
}
.red-bg {
  background-color: #dc3545 !important;
}
.orange-bg {
  background-color: #fd7e14 !important;
}
.yellow-bg {
  background-color: #ffc107 !important;
}
.green-bg {
  background-color: #008c99 !important;
}
.teal-bg {
  background-color: #4c5a52 !important;
}
.cyan-bg {
  background-color: #17a2b8 !important;
}
.gray-100-bg {
  background-color: #f8f9fa !important;
}
.gray-200-bg {
  background-color: #e9ecef !important;
}
.gray-300-bg {
  background-color: #dee2e6 !important;
}
.gray-400-bg {
  background-color: #ced4da !important;
}
.gray-500-bg {
  background-color: #adb5bd !important;
}
.gray-600-bg {
  background-color: #868e96 !important;
}
.gray-700-bg {
  background-color: #495057 !important;
}
.gray-800-bg {
  background-color: #343a40 !important;
}
.gray-900-bg {
  background-color: #212529 !important;
}
/* No padding for blurb titles */
.no-padding .et_pb_module_header {
  padding: 0;
}
/* Center footer */
#footer-info {
  float: none;
  text-align: center;
}
/* Remove spacing at bottom of blog posts */
.single .et_pb_post, .single #left-area {
  padding-bottom: 0;
  margin-bottom: 0;
}
/* Monarch share this */
.et_social_sidebar_networks .et_social_icons_container::before {
  content: "share this ⤵";
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 66%;
  line-height: 110%;
  width: 50px;
  font-weight: 800;
  color: #018c99;
  font-family: Open Sans;
  padding: 10px 0px;
  background: #fff;
}
/* Blog Posts */
#main-content .container:before {
  display: none;
}
.single #left-area {
  width: 100%;
  padding-right: 0 !important;
  background: #f7f7f9;
}
.single .entry-content {
  max-width: 700px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  margin-top: -40px;
}
.single #main-content .container {
  width: 100%;
  max-width: 100%;
  padding-top: 0;
}
.single .et_post_meta_wrapper img {
  display: none;
}
.single .et_post_meta_wrapper {
  text-align: center;
  padding: 60px 0;
  background-blend-mode: soft-light;
  background-image: url(https://geelonghandtherapy.com.au/wp-content/uploads/slide1.jpg) !important;
  color: #fff;
  background-color: #008c99 !important;
  background-size: cover;
  background-position: center;
}
.single .et_post_meta_wrapper h1 {
  color: #fff;
  font-size: 36px;
}
.single .et_post_meta_wrapper h1:before {
  content: 'THE GEELONG HAND THERAPY BLOG';
  display: block;
  font-weight: 800;
  font-size: 18px !important;
}
.single .et_post_meta_wrapper a {
  color: #fff !important;
}
.single .et_post_meta_wrapper .post-meta {
  font-size: 18px !important;
}
.single .et_post_meta_wrapper:last-of-type {
  display: none;
}