/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


/* MOBILE MENU */
#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub a.active > span.item-content {
	display: none;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub {
	position: fixed;
    background: var( --e-global-color-secondary );
    /*top: 90px;*/
	top: 10px;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0;
    width: 400px;
    align-content: start;
	padding: 20px;
}

#elementor-popup-modal-73689 .dialog-message {
	height: 100vh !important;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .mobile-menu-title a {
	padding-bottom: 0;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .mobile-menu-title .menu-text {
	color: var( --e-global-color-accent );
	line-height: var(--the7-h3-line-height);
	padding: 0;
    margin: 0;
	font: var(--the7-h3-font);
    text-transform: var(--the7-h3-text-transform);
    letter-spacing: var(--the7-h3-letter-spacing);
    word-spacing: var(--the7-h3-word-spacing);
    text-decoration: var(--the7-h3-text-decoration);
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .mobile-menu-title .subtitle-text {
	font-size: var(--e-global-typography-el_content_4-font-size);
    line-height: var(--e-global-typography-el_content_4-line-height);
	padding-bottom: 10px;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub a[data-level="1"] {
	padding: 0;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .green-menu-item .menu-text {
	color: var( --e-global-color-accent );
	line-height: var(--the7-h5-line-height);
	padding: 0 0 0 0;
    margin: 0;
	font: var(--the7-h5-font);
    text-transform: var(--the7-h5-text-transform);
    letter-spacing: var(--the7-h5-letter-spacing);
    word-spacing: var(--the7-h5-word-spacing);
    text-decoration: var(--the7-h5-text-decoration);
	font-weight: 700;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .white-menu-item .menu-text {
	color: #FFF;
	line-height: var(--the7-h5-line-height);
	padding: 0;
    margin: 0;
	font: var(--the7-h5-font);
    text-transform: var(--the7-h5-text-transform);
    letter-spacing: var(--the7-h5-letter-spacing);
    word-spacing: var(--the7-h5-word-spacing);
    text-decoration: var(--the7-h5-text-decoration);
	font-weight: 700;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .white-menu-item .right svg.open-button {
	visibility: visible !important;
	fill: #FFF;
}

#custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub .white-menu-item.custom-margin-top {
	padding-top: 20px;
}

.elementor-popup-modal .elementor {
	height: 100%;
}

#rm-mobile-menu-section {
	height: 100%;
}

.elementor-73689 .elementor-element.elementor-element-6b9c16b .dt-icon-position-right .dt-nav-menu > li > a .next-level-button {
   /* margin-top: 20px; */
}

@media (max-width: 767px) {
	#elementor-popup-modal-73689 .dialog-widget-content, #elementor-popup-modal-73689 .dialog-message, #custom-mobile-menu .dt-nav-menu--main .menu-item.menu-item-has-children.depth-0.open-sub {
		width: 100% !important;
	}
	
	body:not(.rtl) .elementor-73689 .elementor-element.elementor-element-bad6467 {
		top: 20px !important;
		right: 20px !important;
	}
	
	    
}
/* END - MOBILE MENU */


/* CUSTOM CASE GRID */
.rm-case-grid .sGrid-container .e-loop-item:has(.grande) {
	grid-column: span 2;
	grid-row: span 2;
}

.rm-case-grid .sGrid-container .e-loop-item:first-of-type, .rm-case-grid .sGrid-container .e-loop-item:has(.grande) {
	grid-column: span 2;
	grid-row: span 2;
}

@media (max-width: 767px) {
	.rm-case-grid .sGrid-container .e-loop-item:first-of-type, .rm-case-grid .sGrid-container .e-loop-item:has(.grande) {
		grid-column: inherit;
		grid-row: inherit;
	}
}

.rm-case-grid .sGrid-container .e-loop-item .e-parent .e-con-inner .e-child, .rm-case-grid .sGrid-container .e-loop-item .e-parent {
	aspect-ratio: 1 / 1;
}

#main .rm-case-grid .sGrid-container .e-loop-item.the7_project .e-con-boxed.e-parent .e-con-inner {
	padding: 0 !important;
}

@media (min-width: 768px) {
	.rm-case-grid .sGrid-container .e-loop-item:first-of-type .e-parent .e-con-inner, .rm-case-grid .sGrid-container .e-loop-item:has(.grande) .e-parent .e-con-inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 30px;
	}

	.rm-case-grid .sGrid-container .e-loop-item:first-of-type .e-parent .e-con-inner .e-child, .rm-case-grid .sGrid-container .e-loop-item:has(.grande) .e-parent .e-con-inner .e-child {
		grid-row: 2;
		grid-column: 2;
	}
}
/* END - CUSTOM CASE GRID */


/* GLOBAL */
@media (min-width: 1024px) and (max-width: 1300px) {
	#main .e-con-boxed.e-parent > .e-con-inner,
	#footer section, div[data-elementor-type="header"] > section,
	#main div[data-elementor-type="wp-page"] > .elementor-section > .elementor-container,
	#main div[data-elementor-type="wp-post"] > .elementor-section > .elementor-container
	  {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

.hs-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

@media (max-width: 767px) {
	.hs-form {
		grid-template-columns: 1fr;
		padding: 0 20px;
	}	
}

@media (min-width: 768px) and (max-width: 1300px) {
	.hs-form {
		padding: 0 20px!important;
	}	
}


.hs-form .hs_privacy, .hs-form .hs_recaptcha, .hs-form .hs_submit, .hs-form .hs_error_rollup {
	grid-column: 1 / -1;
}

.hs-form .hs-form-field input, .hs-form .hs-fieldtype-textarea.hs-input {
	width: 100%;
}

.hs-form .hs_privacy .hs-form-booleancheckbox-display {
	display: grid;
    grid-template-columns: 20px auto;
    gap: 15px;
}

.hs-form .hs_privacy .hs-form-booleancheckbox::marker {
	font-size: 0;
}

.hs-form .hs_privacy .input .inputs-list {
	margin-left: 0;
}

.hs-form .hs-error-msgs {
	color: #ff8181;
	margin: 0 0 10px 20px;
}

@media (max-width: 767px) {
	.hs-form .grecaptcha-badge {
		margin: 0 auto;
	}
}

.hs-form .hs-button {
	display: block;
	margin: 0 auto;
	width: fit-content;
	font: var(--the7-btn-lg-font) !important;
    text-transform: uppercase !important;
    letter-spacing: var(--the7-btn-lg-letter-spacing);
    word-spacing: var(--the7-btn-lg-word-spacing);
    -webkit-border-radius: var(--the7-btn-lg-border-radius);
    border-radius: var(--the7-btn-lg-border-radius);
    border-width: var(--the7-btn-lg-border-width);
    border-style: var(--the7-btn-lg-border-style);
    border-color: var(--the7-btn-border-color);
    padding: 6px 35px !important;
    min-width: var(--the7-btn-lg-min-width);
    min-height: var(--the7-btn-lg-min-height);
    --btn-icon-spacing: var(--the7-btn-lg-icon-gap, 7px);
	height: 54px !important;
}

#custom-candidatura-form .e-form__buttons .elementor-button {
	flex-basis: 25%;
	margin: 0 auto;
}

.rm-custom-header .menu-item a:hover {
	cursor: pointer;
}

.rm-custom-header .menu-item.act > a:hover:after {
    background: var(--the7-accent-color) !important;
}

/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #254451 inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* END - GLOBAL */