/* 
INSTRUCTIONS!!!:

---FOR COLORS:-
Use astra-global colors and avoid using individual colors because it is difficult to maintain.

---FOR FONTS:
Use astra global fonts as possible avoid using widgets individual fonts as it is diffucult to maintain.

---FOR BUTTONS:
Use astra global colors & fonts for buttons you can style buttons via elementor but use the global colors & fonts from astra.

---WHEN USING CSS:
Use astra global variables when declaring a CSS code. For example: a{color:var(--ast-global-color-0)} you can find this variables in the root of astra just use inspect element and search root.

---ADDITIONAL NOTE: 
->As possible avoid custom code and use widgets.
->You still can use elementor global for colors, fonts & buttons but use it correctly.
*/

/*=======
 
EXTRA CLASS NAMES:

.fullwidth-button-mobile - fullwidth buton on mobiles

.grow-column - grow column on hover

.float-column-hover - float object on hover.

.row-flex-direction - flex grow the column in heading element.

.row-flex-direction-description - flex grow the column in the description element.

.pulse-btn-hover - add pulse effect to button.

.pulse-btn-not-hover - add pulse effect to button being not hovered.

.icononly-pulse-effect - add pulse effect to icon widget

.icon-with-text-description-pulse-effect - add pulse effect to icon width title widget.

.fixed-height-on-4k-screen-resolution - convert the full screen height of the section on 4k screen resolution to min-height:1000px;

 */


header .custom-logo-link img,
.ast-hfb-header .site-logo-img .sticky-custom-logo img{
    max-width: 200px;
    border-radius: 5px;
}
.ast-header-button-1 .ast-custom-button{
	box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.08) inset;
}
.elementor-form .elementor-button.elementor-size-sm{
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.08) inset;
}

.ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-megamenu, .ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper{
	border-top-width:0px !important;
}
.site-header {
    z-index: 100;
}
/* ----FAQ--- */
.faq-custom .elementor-accordion-item {
    border-bottom: solid 1px #ccc !important;
}

/* ----Single Page--- */
.single-treatment .entry-header.ast-no-title.ast-header-without-markup,
.single-treatment .navigation.post-navigation{
    display: none;
}

/* CLICKABLE DIV */
.link-div {
	cursor: pointer;
}

.contact-icon-box .elementor-icon-box-content .elementor-icon-box-title {
	margin-bottom: 0 !important;
}

/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--ast-global-color-3);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--ast-global-color-2);
}

/* REVERSE BUTTONS */
@media (max-width:767px) {
	.reverse--btn .elementor-widget-wrap {
    flex-direction: column-reverse;
}
}