/*
Theme Name:   Astra Child
Template:     astra
*/


/* write custom css after this line */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/en/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}


@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('fonts/ar/FFShamelSansOne-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('fonts/ar/FFShamelSansOne-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('fonts/ar/FFShamelSansOne-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body, button, input, textarea {
	font-family: "Montserrat", sans-serif !important;
}

body.rtl, .rtl button, .rtl input, .rtl textarea {
	font-family: "FF Shamel Sans One", sans-serif !important;
}

/* scrollbar */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #66BBB3;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #66BBB3;
}

a:focus,input:focus,textarea:focus,button:focus{outline:none}

.wpcf7 input.wpcf7-form-control:not([type=submit]), .wpcf7 textarea.wpcf7-form-control {
    padding: 24px !important;
    border: none;
    font-size: 13px;
    border-radius: 25px;
    color: #000000;
    background-color: #F9F9F9;
}

select.wpcf7-form-control.wpcf7-select.form-select {
    border: none;
    font-size: 13px;
    border-radius: 5px;
    height: 48px !important;
}

.wpcf7 form p {
	margin-bottom: 13px;
}

.wpcf7 form input[type="submit"] {
    border-radius: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    padding: 15px 50px;
    /* background-color: #9216d1; */
}

.wpcf7 form input[type="submit"]:hover {

}

span.wpcf7-spinner {
	display: none;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	direction: rtl;
}

.rtl .wpcf7 input[type="url"], .rtl .wpcf7 input[type="email"], .rtl .wpcf7 input[type="tel"] {
	direction: rtl;
}


article .entry-meta {
	display: none;
}

h1.page-title.ast-archive-title {
	text-align: center;
}

.ast-site-title-wrap {
	display: none;
}

.rtl .hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input {
    right: auto;
    left: 0;
    box-shadow: none !important;
}

.rtl .hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input {
    right: auto;
    left: 0;
}

.ast-related-post-featured-section.post-has-thumb img {
    height: 80px;
    width: auto;
}

span.ast-blog-single-element {
    display: none !important;
}

.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

@media (max-width: 40em) {

}