/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* INITIAL RESET */

*, *::before, *::after {
	box-sizing: border-box;
}

* {
	font: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ELEMENTOR DEFAULT HEADER TITLE */
  
.page-header {
    display: none;
}

/* VARIABLES*/

:root {
	
	/* Color Var */
	
	--color-yellow: #E7BD15;
	--color-text: #000000;
	--color-white: #ffffff;
	--color-bg: #F9F7F5;
	--color-bg-dark: #F0EDE9;
	--color-grey: #707072;
	--color-black-transparent: rgba(0, 0, 0, 0.5);
	--color-grey-transparent: rgba(0, 0, 0, 0.1);
	--color-white-transparent: rgba(255, 255, 255, 0.4);

	/* Font Var Main Text */
	
	--ff-text: "Poppins", sans-serif;
	
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 700;
	--fw-extra: 900;
	
	--fs-lg: 1.3125rem;
	--fs-p: 1.125rem;
	--fs-sm: 1rem;
	--fs-xsm: .875rem;
	--fs-btn: .83rem;
	--fs-tife: 1.5rem;
	--fs-tisi: 1.125rem;
	
	--lh-p: 1.6875rem;
	--lh-sm: 1.5rem;
	--lh-xsm: 1.125rem;
	--lh-tife: 1.875rem;
	--lh-tisi: 1.3125rem;
}

/* GLOBAL STYLES */

body {
	background-color: var(--color-bg);
}

/* FONT STYLES */

/* p */

.elementor-widget-text-editor p, .single-post p, .elementor-widget-container p {
    font-family: var(--ff-text);
	font-weight: var(--fw-regular);
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	color: var(--color-text);
	margin-block-end: 1.5rem;
}
@media only screen and (max-width: 767px) {
    .elementor-widget-text-editor p, .single-post p, .elementor-widget-container p {
        font-size: var(--fs-sm);
		line-height: var(--lh-sm);
    }
}

/* p-x */

.px p {
    font-family: var(--ff-text);
	font-weight: 500;
	font-size: var(--fs-lg);
	line-height: var(--lh-tife);
	color: var(--color-text);
	margin-block-end: 1.5rem;
}
@media only screen and (max-width: 767px) {
    .px p {
        font-size: var(--fs-p);
		line-height: var(--lh-p);
    }
}

/* a */

.elementor-widget-text-editor p a, .single-post p a, .elementor-widget-text-editor li a, .wp-block-list li a, .elementor p a {
    font-weight: var(--fw-bold);
    text-decoration: underline;
	color: var(--color-yellow);
}
.elementor-widget-text-editor p a:hover, .single-post p a:hover, .elementor-widget-text-editor li a:hover, .wp-block-list li a:hover, .elementor p a:hover {
    color: var(--color-grey);
    font-weight: var(--fw-bold);
    text-decoration: underline;
}

/* ul, li */

.elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .wp-block-list {
    margin: 2rem 0;
    font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-family: var(--ff-text);
}
.elementor-widget-text-editor li, .wp-block-list li {
    margin-bottom: 1.5rem;
    font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-family: var(--ff-text);
}
@media only screen and (max-width: 767px) {
    .elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .wp-block-list {
        font-size: var(--fs-sm);
        margin: 1.6rem 0;
    }
    .elementor-widget-text-editor li, .wp-block-list li {
        margin-bottom: 1.2rem;
        font-size: var(--fs-sm);
    }
}

/* HEADING */

h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading, h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title, .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4, .elementor-widget-text-editor h5, .elementor-widget-text-editor h6 {
	font-family: var(--ff-text);
	font-weight: var(--fw-bold);
}

h1.wp-block-heading, h1.elementor-heading-title, .elementor-widget-text-editor h1 {
	font-size: 2.0625rem;
	line-height: 2.4375rem;
}
h2.wp-block-heading, h2.elementor-heading-title, .elementor-widget-text-editor h2 {
	font-size: 1.875rem;
	line-height: 2.25rem;
}
h3.wp-block-heading, h3.elementor-heading-title, .elementor-widget-text-editor h3 {
	font-size: 1.6875rem;
	line-height: 2.0625rem;
}
h4.wp-block-heading, h4.elementor-heading-title, .elementor-widget-text-editor h4 {
	font-size: 1.5rem;
	line-height: 1.875rem;
}
h5.wp-block-heading, h5.elementor-heading-title, .elementor-widget-text-editor h5 {
	font-size: 1.3125rem;
	line-height: 1.5rem;
}
h6.wp-block-heading, h6.elementor-heading-title, .elementor-widget-text-editor h6 {
	font-size: 1.125rem;
	line-height: 1.3125rem;
}

@media only screen and (max-width: 767px) {
    h1.wp-block-heading, h1.elementor-heading-title, .elementor-widget-text-editor h1 {
	font-size: 1.65rem;
	line-height: 1.95rem;
	}
	h2.wp-block-heading, h2.elementor-heading-title, .elementor-widget-text-editor h2 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	h3.wp-block-heading, h3.elementor-heading-title, .elementor-widget-text-editor h3 {
		font-size: 1.35rem;
		line-height: 1.65rem;
	}
	h4.wp-block-heading, h4.elementor-heading-title, .elementor-widget-text-editor h4 {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	h5.wp-block-heading, h5.elementor-heading-title, .elementor-widget-text-editor h5 {
		font-size: 1.05rem;
		line-height: 1.2rem;
	}
	h6.wp-block-heading, h6.elementor-heading-title, .elementor-widget-text-editor h6 {
		font-size: .9rem;
		line-height: 1.05rem;
	}
}

/* BLOCKQUOTE, PULLQUOTE, VERSE */

.wp-block-quote, .elementor-element blockquote {
    margin: 2rem 0 2rem 10%;
    padding: 0px 0px 0px 1rem;
    border: solid;
    border-width: 0px 0px 0px 3px;
    border-color: var(--color-yellow);
	& p {
		font-size: var(--fs-lg);
		font-weight: var(--fw-medium);
	}
}

.wp-block-pullquote {
    margin: 2rem 20% 2rem 20%;
    padding: 2rem 0;
    border: solid;
    border-width: 3px 0px 3px 0px;
    border-color: var(--color-yellow);
    text-align: left;
	& p {
		font-size: var(--fs-lg);
		font-weight: var(--fw-medium);
	}
}

.wp-block-pullquote BLOCKQUOTE {
        margin: 0;
        padding: 0;
        border: none;
    }

pre.wp-block-verse {
	margin: 2rem 0;
    padding: 2rem;
    border: none;
	border-radius: 10px;
	background-color: var(--color-bg-dark);
    font-size: var(--fs-lg);
    text-align: left;
	font-family: var(--ff-text);
	font-weight: var(--fw-bold);
}

@media only screen and (max-width: 600px) {
    .wp-block-quote, .elementor-element blockquote, .wp-block-pullquote, pre.wp-block-verse {
        margin: 1rem 0;
        font-size: var(--fs-sm);
		& p {
			font-size: var(--fs-sm);
		}
    }
}

/* HR , DIVIDER, SEPARATOR */

.elementor hr, .page-content hr, .wp-block-separator, .elementor-widget-divider .elementor-divider-separator {
    border-color: var(--color-yellow);
    border-style: solid;
    border-width: 1px 0 0 0;
    margin-block: 2rem;
}

/* WP BLOCKS */

.wp-block-embed, .wp-block-group, .wp-block-details, .wp-block-gallery, .wp-block-file, .wp-block-buttons, .wp-block-image {
	margin-block: 1.75rem;
}

/* FIGURE */

figure {
    margin-block-end: 0;
}

/* FIG CAPTION */

figcaption {
	font-family: var(--ff-text);
    font-size: var(--fs-sm);
    font-style: normal;
    color: var(--color-text);
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	background: var(--color-black-transparent);
	padding: 5px;
	text-shadow: none;
	color: var(--color-white);
}

@media only screen and (max-width: 1024px) {
	figcaption {
		font-size: var(--fs-xsm);
		line-height: var(--lh-xsm);
	}
}

/* BUTTONS WP, ELEMENTOR, JETENGINE */

.wp-block-button__link, .elementor-button, .jet-form-builder__next-page, .jet-form-builder__prev-page, .jet-form-builder__action-button, .wpcf7-submit {
    background-color: var(--color-yellow) !important;
    color: var(--color-text) !important;
    font-family: var(--ff-text);
	font-weight: var(--fw-bold);
    font-size: var(--fs-p);
	text-transform: uppercase;
    padding: .75rem 1.5rem;
	line-height: 1;
	border-radius: 10px;
	border: none;
	& .elementor-button-icon svg {
		width: 1.5rem;
		height: auto;
	}
	& .elementor-button-content-wrapper {
		align-items: center;
	}
}

.wp-block-button__link:hover, .elementor-button:hover, .jet-form-builder__next-page:hover, .jet-form-builder__prev-page:hover, .jet-form-builder__action-button:hover, .wpcf7-submit:hover {
    background-color: var(--color-text) !important;
    color: var(--color-white) !important;
	transition: .6s;
}

.btn-light .wp-block-button__link, .btn-light .elementor-button, .btn-light .jet-form-builder__next-page, .btn-light .jet-form-builder__prev-page, .btn-light .jet-form-builder__action-button {
	background-color: var(--color-white) !important;
    color: var(--color-text) !important;
}

.btn-light .wp-block-button__link:hover, .btn-light .elementor-button:hover, .btn-light .jet-form-builder__next-page:hover, .btn-light .jet-form-builder__prev-page:hover, .btn-light .jet-form-builder__action-button:hover {
	background-color: var(--color-yellow) !important;
    color: var(--color-black) !important;
	transition: .6s;
}

/* PAGINATION ELEMENTOR */

.page-numbers {
	background-color: var(--color-grey);
	color: var(--color-white) !important;
	padding: 10px 15px;
	border-radius: 6px;
}

.page-numbers.current {
	background-color: var(--color-yellow);
	color: var(--color-text) !important;
}

/* WP DETAILS */

.wp-block-details {
	& summary {
		font-family: var(--ff-text);
		font-weight: var(--fw-bold);
		text-transform: uppercase;
		font-size: var(--fs-p);
		color: var(--color-yellow);
	}
	& summary:hover {
		color: var(--color-grey);
	}
	& p {
		padding: 20px;
		background-color: var(--color-bg-dark);
		border-radius: 10px;
	}
}

/* WP MEDIA & TEXT */

.media_text_profile {
	display: flex;
	flex-direction: column;
	align-items: center; 
	text-align: center;
}

.media_text_profile .wp-block-media-text__media {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}

.media_text_profile .wp-block-media-text__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media_text_profile .wp-block-media-text__content {
	padding: 0 20px;
	& .wp-block-heading {
		font-size: var(--fs-lg);
		line-height: var(--lh-p);
		font-weight: var(--fw-bold);
	}
	& p {
		font-size: var(--fs-sm);
		line-height: var(--lh-sm);
	}
}

.media_text_featured {
	background-color: var(--color-bg-dark);
	margin-bottom: 2rem;
	& .wp-block-media-text__content {
		padding: 2rem;
	}
}

/* WP FILE */

.wp-block-file {
	& a {
		font-size: var(--fs-p);
		font-weight: var(--fw-bold);
		color: var(--color-yellow) !important;
	}
	& a:hover {
		color: var(--color-grey) !important;
	}
	& .wp-element-button {
		background-color: var(--color-yellow) !important;
		color: var(--color-text) !important;
	}
	& .wp-element-button:hover {
		background-color: var(--color-text) !important;
		color: var(--color-white) !important;
	}
}

/****** END INITIAL SETTINGS ******/

/* LISTING CAROUSEL */

.carousel-title {
	& .elementor-heading-title {
		display: inline;
		color: var(--color-text);
		background-color: var(--color-yellow);
		padding: 5px 15px;
		font-size: 2.0625rem;
		line-height: 3rem;
		box-decoration-break: clone;
	}
}

.carousel-subtitle {
	& .elementor-heading-title {
		display: inline;
		color: var(--color-white);
		background-color: var(--color-text);
		padding: 5px 15px;
		font-size: var(--fs-tisi);
		line-height: 1.75rem;
		box-decoration-break: clone;
	}
}

@media only screen and (max-width: 767px) {
	.carousel-title {
		& .elementor-heading-title {
			font-size: 1.2rem;
			line-height: 1.8rem;
			padding: 3px 12px;
		}
	}
}