/* 
 Theme Name:     Med Advice
 Author:         Med Advice
 Author URI:     http://www.medadvice.gr 
 Template:       Divi
 Version:        1.0 
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/*** Desktop global rules ***/

:root {
  --clr-purple: #34344a;
  --clr-dark: #192124;
  --clr-orange: #ff4f00;
  --clr-grey: #7a7978;
  --clr-lightorange: #ff7518;
  --clr-midorange: #fe621d;
}

/* Home page */

.as-home-section.as-flex > div {
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
}

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
  align-items: flex-end;
}

#menu-main-menu {
  width: 70vw;
  justify-content: space-around;
}

.as-home-section.as-right {
  text-align: right;
}

.as-header {
  overflow-x: hidden;
}

.as-header-cta {
  width: 150px;
  text-align: center !important;
  position: absolute;
  right: 200px;
  top: 25px;
}

.as-header-cta .as-phone-cta {
  color: white;
  background-color: var(--clr-orange);
  padding: 7px 10px 5px 10px;
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  #et-info {
    float: right;
  }
}

#top-header {
  /* border-bottom: 1px solid var(--clr-lightgray); */
  box-shadow: 2px 0px 3px var(--clr-verylightgray);
}

/* #et-info-phone,
.et-info-phone a {
  color: white !important;
  background-color: var(--clr-orange);
  padding: 7px 10px 5px 10px;
  border-radius: 5px;
  margin-right: 0;
}

#et-info-phone a {
  color: white !important;
} */

/* .as-header-cta a.as-phone-cta:before {
  content: "";
  font-size: 1rem;
  margin-right: 5px;
  font-family: ETmodules !important;
  font-weight: 400 !important;
} */

#top-menu .sub-menu {
  width: 450px;
}

#top-menu .sub-menu > li {
  width: 100%;
}

#top-menu .sub-menu > li > a {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #et-top-navigation #top-menu .med-menu-btn a {
    color: white !important;
    background-color: var(--clr-orange) !important;
    padding: 15px 10px !important;
    border-radius: 5px !important;
  }
}

/* Mobile menu */

#mobile_menu li.menu-item-has-children > ul.sub-menu {
  display: none !important;
}

/* Services loop */

.as-services-blog > div > article {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .as-services-blog > div > article {
    flex-direction: column;
  }
}

.as-services-blog .as-service-content {
  padding: 2rem;
}

.as-services-blog .as-service-content h2 {
  margin-bottom: 1rem;
  line-height: 1.3rem;
}

.as-services-blog .as-service-content .more-link {
  background-color: var(--clr-orange);
  color: white;
  margin-top: 1rem;
  width: auto;
  display: inline-block;
  padding: 5px 10px;
}

@media screen and (min-width: 768px) {
  .as-services-blog > div > article:nth-child(even) .as-service-content {
    order: 1;
  }

  .as-services-blog > div > article:nth-child(even) .entry-featured-image-url {
    order: 2;
  }
}

/* Footer */

.et_pb_widget {
  float: none !important;
}

#menu-footer-menu {
  display: flex;
  flex-direction: column;
  list-style-type: disc;
}

/* page cta */

.as-page-cta-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .as-page-cta-container {
    flex-direction: column;
  }
}

/* Faqs loop */

.as-faqs .et_pb_toggle {
  margin-bottom: 10px !important;
}

.as-faqs .et_pb_toggle_item h5 {
  background-color: var(--clr-verylightgray);
  padding: 1rem;
  color: var(--clr-purrple);
}

.as-faqs .et_pb_toggle_item h5:after {
  position: absolute;
  right: 1rem;
  font-family: ETmodules !important;
}
.as-faqs .et_pb_toggle_item.et_pb_toggle_open h5:after {
  content: "\E050";
}

.as-faqs .et_pb_toggle_item.et_pb_toggle_close h5:after {
  content: "\E050";
}

.as-faqs .et_pb_toggle_content {
  padding: 1rem;
}

/* ET Builder post content */

.et_pb_post_content h1,
.et_pb_post_content h2,
.et_pb_post_content h3,
.et_pb_post_content h4,
.et_pb_post_content h5,
.et_pb_post_content h6 {
  color: var(--clr-purrple);
}

.et_pb_post_content p,
.et_pb_post_content a {
  line-height: 2rem;
}

/* Gravity forms customize */

.gf_progressbar_percentage {
  background-color: var(--clr-orange) !important;
}

.gform-theme-button,
.gform_button {
  color: white !important;
  font-size: 1.2rem !important;
  border: none !important;
  padding: 7px 15px !important;
}

.gform-theme-button:hover,
.gform_button:hover {
  cursor: pointer;
  box-shadow: 5px 5px 10px var(--clr-lightgray);
}

.gform_next_button {
  background-color: var(--clr-purrple) !important;
}

.gform_previous_button {
  background-color: var(--clr-grey) !important;
}

#gform_submit_button_1 {
  background-color: var(--clr-orange) !important;
}

#field_1_9 .ginput_container > #input_1_9 {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 5px !important;
}

#field_1_9 .gchoice {
  border: 1px solid var(--clr-grey);
  padding: 10px 15px;
}

.gfield_label {
  color: var(--clr-purrple) !important;
}

.gfield_description {
  font-style: italic !important;
  font-weight: normal !important;
}

/* Areas list */

.as-areas-all ul {
  columns: 3 !important;
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
}

/* Contact section */

.form-group {
  width: 100% !important;
}

#form-group-userdata {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#form-group-storagedata,
#form-group-commentsdata {
  display: none;
}

.form-toggle-trigger {
  width: 100%;
}

.form-toggle-trigger > div > p::after {
  content: "+";
  margin-left: 7px;
}

.form-toggle-trigger.active > div > p::after {
  content: "-";
}

#book-section {
  /* display: none; */
  position: fixed;
  width: 100%;
  height: auto;
  top: -100%;
  left: 0;
  z-index: 99999999;
  background-color: white;
  transition: all 500ms ease;
}

#book-section.active {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  top: 0;
}

/* pricelist */

.et_pb_pricing {
  list-style-type: none !important;
}

.et_pb_pricing_content {
  padding: 5px !important;
}

.et_pb_pricing_content li {
  padding: 0 !important;
}

.et_pb_pricing > li > span::before {
  display: none !important;
}

#et-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  #et-info {
    flex-direction: column;
    gap: 5px;
  }
}

#et-info-book::before {
  content: "\e023";
  font-family: ETmodules !important;
  position: relative;
  top: 2px;
  margin-right: 2px;
}