/* 
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: Medicine Man, Elementor
Author URI: https://medicineman.agency
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, translation-ready
*/

a {transition: color ease .25s;}

nav a:hover  {text-decoration: underline;}

/* Typography */
h1, .h1 {
	font-size: 40px;
	line-height: 42px;
}
h1 b {
	color: #F05A47;
	font-weight: inherit;
}
h2, .h2 {
	font-size: 30px;
	line-height: 34px;
}
h3 {
	font-size: 26px;
	line-height: 30px;
}
h4 {
	font-size: 22px;
	line-height: 26px;
}
h5 {
	font-size: 10px;
	line-height: 14px;
}
h6 {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 16px;
}
/*p {
	font-size: 12px;
	line-height: 16px;
}*/
p.lead {
	font-size: 18px;
	line-height: 24px;
}

/* BTN on Dark*/
.btn {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 50px;
	padding: 15px 50px;
	border: 1px solid #fff;
	color: #fff!important;
	text-transform: uppercase;
	text-decoration: none!important;
	font-weight: 600;
	background-color: transparent!important;
	border-radius: 50px;
	transition: all ease-in-out .25s;
}
.btn:hover,
.btn:active {
	background-color: #F05A47!important;
	color: #fff!important;
	border: 1px solid #F05A47!important;
	text-decoration: none!important;
	font-weight: 600;
}

@media only screen and (min-width : 992px) {
	.btn {
		font-size: 18px;
		padding: 15px 75px;
	}
}
/* NAV */
nav .top-nav .e-con-inner {
	width: 100%;
    max-width: 100%;
}
/* NAV / STICKY */
nav .top-nav.nav-sticky {
	transform: translateY(-90px);
	-moz-transition: all .3s ease!important;
	-webkit-transition: all .3s ease!important;
	transition: all .3s ease!important;
}
.elementor-sticky--effects.top-nav.nav-sticky {
	height: auto!important;
	transform: translateY(0px);
}
.elementor-sticky--effects.top-nav.nav-fixed {
	display: none!important;
}
/* Animation nav sticky appears on scroll */
nav .top-nav.nav-sticky {
	display:none;
}
nav .top-nav.nav-sticky.elementor-sticky--active {
	display:flex;
}
.site-navigation-toggle-holder .site-navigation-toggle {
	color: #fff;
	background-color: transparent;
}

/* NAV - Full screen */
nav nav .elementor-item {
	font-size: 43px;
	line-height: 3.2vh;
}
nav nav .elementor-item:hover, 
nav nav .elementor-item:active  {
	font-size: 44px;
	line-height: 3.2vh;
}
.menu-custom a {font-family: "DM Serif Display";}
.menu-custom a.elementor-item {font-size: 40px;}
.menu-custom a.elementor-item:hover {font-size: 40px;}
.dialog-close-button.dialog-lightbox-close-button {
	background-image: url(http://property.medicineman.agency/wp-content/uploads/2024/01/close.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    background-size: contain;
	top: 10px;
    right: 10px;
}
#elementor-popup-modal-398 {
 	background-color: transparent;
}
#elementor-popup-modal-398 .dialog-close-button svg {
	display: none;
}
/* Bug change of browser width sub nav adapt to the width */
nav .top-nav {
	width:100%!important;
	max-width:1360px!important;
	margin: 0 auto;
}
/* nav wide screen not centered bug */
nav.elementor-location-header {
	display: flex;
	justify-content: center;
}
.elementor-widget-image a img[src$=".svg"] {
	width: auto!important;
}
.single-post .site-header {
	background-color: #fff;
}
.single-post .site-navigation-toggle-holder .site-navigation-toggle {
	color: rgb(240, 90, 71);
}
.single-post .site-navigation ul.menu li a {
	color: rgb(240, 90, 71);
}
/* Home 
.hero-video {
	background-color: #000;
	width: 95%;
}
.hero-video video {
	max-width: 720px;
	max-height: 720px;
}
.hero-video h1 {
	font-size: 38px;
	line-height: 42px;
	color: #fff!important;
}
/* Logos Gallery */
.logo-gallery .gallery-item {
	min-height: 110px;
}
.logo-gallery .gallery-item img {
	max-width: 150px;
}
/* Home & Project List */
.projects-container h2 a {font-family: "DM Serif Display";}
.projects-container article:hover h2 a {
	color: #F05A47!important;
}
/* Insights List - Template */
.insights .e-con.e-flex>.e-con-inner {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.insights-title {
    padding-left: 2px;
    width: 95%;
    margin: 55px auto 10% auto;
}
.insight-list-single {
	padding-left: 0px;
}
.insights-container-loop {
	padding-left: 0;
	margin: 0 auto;
	width: 85%;
}
.insight-meta {
	padding-left: 0px;	
}
.insight-meta a {
	padding-top: 7px;
	/* font-size: 10px!important;
	line-height: 14px; */
}
.insight-title-loop {
	padding-left: 0px;	
}
.insights-category {margin-bottom: 20px;}
.insight-title-loop h2 a {
	font-family: "DM Serif Display";
	font-size: 26px!important;
	line-height: 30px;	
}
.insights-title h1 {
	font-size: 22px;
	line-height: 26px;
}
.insights-container-loop .author {
	font-size: 10px;
	line-height: 16px;
}
/* Repeating item */
.insight-list-single  {
	border-top: 1px solid #fff;
}
.insight-list-single h2 a:hover {
	color: #F05A47!important;
}
.insight-meta .elementor-element {
	max-width:200px!important;
}
.insight-list-single .author {
	text-transform: uppercase;
}
/* Project - List page */
.projects-title {
	padding-left: 17px;
}
.projects-title h1 {
	font-size: 22px;
	line-height: 26px;
	text-align: left;
	margin-top: 20px;
}
.projects-container {
	padding-left: 25px;
	padding-right: 25px;
}
.projects-container h2 {
	font-size: 22px!important;
	line-height: 26px!important;
}
.projects-container article .elementor-post__thumbnail__link {
	margin-bottom: 10px!important;
}
.projects-container article .elementor-post__text {
	margin-bottom: 10px;
}
/* Project - Single */
.stats-value {
	margin-bottom: 0;
}
.stats-value h2 {
	font-size: 50px;
	line-height: 52px;
	font-weight: 800;
}
.project-section-title {
	padding-left: 0px;
}
/* UL/LI 
.elementor-widget-text-editor ul {
	padding-left: 22px;
}
*/
/* Client & Services paragraph */
.sub-title p {
	font-size: 0.8rem;
	line-height: 14px;
	color:#F05A47;
}
.sub-title-subject h4 {
	color: #fff;
}
.author-single {
	text-transform: uppercase;
}

/* Footer */ 
.footer-intro h2 {
	font-size: 40px;
	line-height: 42px;
}
.footer-intro h2 a {
	font-family: "DM Serif Display";
	color: #F05A47!important;
}
.footer-intro h2 a:hover {
	text-decoration: underline;
}
.footer-latest {
	font-size: 12px;
	line-height: 16px;
	width:90%!important;
	max-width:1340px!important;
}
.footer-latest a {
	color: #fff!important;
}
.footer-latest a:hover {
	text-decoration: underline;
	color: #F05A47!important;
}
.footer-latest .privacy {
	display: block;
	text-transform: uppercase;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media (min-width : 768px) {
	.top-nav.nav-sticky {
		padding:0;
    	width: 97%!important;
    	margin: 0 auto;
	}
	.top-nav.nav-fixed {
		padding:0;
		max-width: 97%!important;
		margin: 0 auto;
	}
	.dialog-close-button.dialog-lightbox-close-button {
	    max-width: 1360px;
	    text-align: right;
	    width: 95%;
		margin-top: 4px;
	    margin: 0 auto;
	    justify-content: center;
	    background-color: transparent;
		top: 20px;
    	right: 17px; 
	}
	.projects-title h1 {
		font-size: 30px;
		line-height: 32px;
	}
	/* UL/LI 
	.elementor-widget-text-editor ul {
		padding-left: 20px;
	}*/
	/* Insights List : fix on flex box  */
	.insights .e-con.e-flex>.e-con-inner {
	    display: flex;
	    vertical-align: top;
	    flex-direction: row;
	    align-items: flex-start;
	}
	.insights-title {
		width:94%;
		max-width: 1330px!important;
		margin-top: 50px;
		margin-bottom: 25px;
		padding-left: 0px;
	}
	.insights-title h1 {
		font-size: 30px;
		line-height: 32px;
	}
	.insights-container-loop {
		padding: 0;
    	width: 94%;
		max-width: 1330px!important;
		margin: 0 auto;
	}
	.insight-title-loop h2 a {
		font-size: 40px!important;
		line-height: 42px!important;
	}	
	.insight-meta a {
		padding-top: 7px;
		/* font-size: 18px!important;
		line-height: 22px; */
	}
	.insights-container-loop .author {
		font-size: 14px;
		line-height: 22px;
	}
	/* Max width Insights container wide screen */
	.insights-container-loop .e-con-inner {
		max-width: 1360px;
	}
	.insight-list-single {
		padding: 35px 0 15px 0;
	}
	.insight-list-single .elementor-element {
		padding-left: 0!important;
	}
	.sub-title p {
		font-size: 18px;
		line-height: 22px;
	}
	/* Team Loop */
	.team-loop p {
		font-size:18px;
		line-height:22px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1, .h1 {
		font-size: 80px;
		line-height: 85px;
	}
	h2, .h2 {
		font-size: 60px;
		line-height: 64px;
	}
	h3, .h3 {
		font-size: 40px;
		line-height: 42px;
	}
	h4 {
		font-size: 30px;
		line-height: 32px;
	}
	h5 {
		font-size: 18px;
		line-height: 22px;
	}
	h6 {
		font-size: 14px;
		line-height: 22px;
	}
	/* Typography */
	/*  
	p {
		font-size: 20px;
		line-height: 28px;
	}
	*/
	p.lead {
		font-size: 30px;
		line-height: 36px;
	}
	.top-menu .e-con-inner {
		width: 100%;
		max-width: 1150px;
	}
	/* Fullscreen Menu  */
	.menu-custom a.elementor-item {
		font-size: 56px;
	}
	.menu-custom a.elementor-item:hover {
		font-size: 56px;
	}
	/* Home  */
	.hero-video video {
		max-width:750px;
		max-height:750px;
	}
	.hero-video h1 {
		font-size: 100px;
		line-height: 105px;
		max-width: 1150px;
	}
	/* Portfolio Single */
	/* Insight - List page */
	.insights-title {
		padding-left: 0px;
	}
	.insight-list-single {
		padding-top: 15px;
	}
	.insight-list-single h2 {
		font-size: 40px;
		line-height: 42px;
		max-width: 850px;
	}
	.insights-category a {
		font-size: 18px!important;
		line-height: 22px;
		pointer-events: none;
	}
	.author a {
		font-size: 14px!important;
		line-height: 22px;
		pointer-events: none;	
	}
	/* Projects List */
	/* Title Fix H2 with H4 style */
	.projects-container h2 {
		margin-top: 10px!important;
		margin-bottom: 35px!important;
		font-size: 30px!important;
		line-height: 32px!important;
	}
	/* Footer */ 
	.footer-intro h2 {
		font-size: 60px;
		line-height: 64px;
	}
	.footer-latest {
		font-size: 20px;
		line-height: 27px;
	}
	.footer-latest a {

	}
	.footer-latest .privacy {
		font-size: 14px;
		line-height: 22px;		
	}
}

@media only screen and (min-width : 1024px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.menu-custom a.elementor-item {
		font-size: 68px;
	}
	.menu-custom a.elementor-item:hover {
		font-size: 68px;
	}
	/* Close Icon Nav contained */
	.dialog-close-button.dialog-lightbox-close-button {
    	max-width: 1470px;
    	height: 62px;
    	left: 1%;
	}
}


@media only screen and (min-width : 1400px) {
	/* Projects Title */ 
	.projects-title {
		padding-left: 0px;
	}
}


@media only screen and (min-width : 1600px) {
	nav .top-nav.nav-sticky, 
	nav .top-nav.nav-fixed {
		max-width: 1480px!important;
		margin: 0 auto;
	}
	nav .top-nav .e-con-inner {
		max-width: 100%;
		margin: 0 auto;
	}
	nav .top-nav.nav-sticky .e-con-inner {
		max-width: 100%;
	}
	nav .top-nav.nav-sticky {
		width:100%!important;
	}
	.menu-custom a.elementor-item {
		font-size: 80px;
	}
	.menu-custom a.elementor-item:hover {
		font-size: 80px;
	}
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .insights .elementor-button {
		line-height: 45px;
	    font-size: 14px;
	    padding: 0px 35px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.insights .elementor-button {
	    text-align: left;
	    position: absolute;
	    left: 0;
	    display: block;
	    line-height: 45px;
	    float: none;
	}
	/* home view all work weird fix: after 4 element list portfolio items */
	.e-con.e-flex {
		--flex-wrap:none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}