/* 
Theme Name: Paradigm MC 
Theme URI: https://www.paradigmmc.com/
Description: Paradigm MC Hello Elementor Child theme
Author: Skyarx
Author URI: https://www.Skyarx.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
*/

/* Add your custom styles here */

:root {
 	font-size: 16px; /* Sets the base font size to 16 pixels */
	font-family: Montserrat, sans-serif;
}

html {
  scroll-behavior: smooth;
}

.header-container {
	height: 0px;
	margin-bottom: 0px;
}

/*.hero-container{
	position: static;
	top: 0px;
}*/


/* Main Menu Cuctomization*/

#header-main-menu .custom-menu-button {
	border: 1px solid var(--e-global-color-accent);
	border-radius: 25px;
}

#header-main-menu .custom-menu-button a {
	margin: 10px 20px;
}


#header-main-menu .custom-menu-button .elementor-item:after {
	background-color: transparent;
}

#site-head-container {
	background: linear-gradient(0deg, #00000000 0%, #07030F 70%);
	position:absolute;
	transition: background 333ms;
	width: 100% !important;
}

#site-head-container.scrolled {
	background: black; /*move this to site vars*/
}

/* .elementor a {
	color:#0F20D3;
	text-decoration: underline;
} */

/* mobile menu */

@media screen and (max-width: 767px) {
	.elementor-element:has(#header-main-menu){
/* 		position: relative; */
		z-index: 1;
	}
	
	#site-head-container .elementor-widget-theme-site-logo,
	#header-main-menu .elementor-menu-toggle.elementor-active{
		position: relative;
		z-index: 100;
	}
	
	#header-main-menu .elementor-nav-menu__container {
		z-index: 10;
		height: 100vh;
		
		background-color: #010F1A !important;
		padding: 30px;
		padding-top:100px;
		margin-top:-55px !important;
	}
	
	#header-main-menu .elementor-nav-menu__container::after
	{
		content:"\AParadigm Medical Communications, LLC " "\A 523 Route 303" "\AOrangeburg, NY 10962" "\A" "\AOffice (845) 398-5100" "\A" "\A contactus@paradigmmc.com";
		display: block;
		white-space: pre-wrap;
		
/* 		position: absolute; */
/* 		bottom: 40px; */
		
		color: #FFF;
		font-size: 16px;
		margin-top: 60px;
	}
	
	#header-main-menu .elementor-nav-menu__container .elementor-nav-menu--dropdown
	{
		background-color: #010F1A !important;
		padding: 15px;
	}
	
	#header-main-menu .elementor-nav-menu__container .elementor-nav-menu--dropdown.sub-menu {
		padding:0px;
	}
	
	#header-main-menu .elementor-nav-menu__container a {
		background-color: #010F1A !important;
		color: #fff!important;
/* 		width: 100%; */
		border-bottom: 1px solid #FFF;
		font-size: 22px;
		padding: 20px 0px;
	}
	
	#header-main-menu .elementor-nav-menu__container a.elementor-item-active {
		background: #010F1A;
	}
	
	#header-main-menu .elementor-nav-menu__container .custom-menu-button {
		margin-top:30px;
	}
	
	#header-main-menu .elementor-nav-menu__container .custom-menu-button a {
		border-bottom: none;
/* 		margin: 0px; */
		padding:0px;
		text-align: center;
		font-size: 18px;
	}
	
	#header-main-menu .elementor-nav-menu__container a.elementor-sub-item {
		font-size: 20px;
		font-weight: 300;
		border-bottom: none;
		padding: 10px 15px;
	}
	
	#header-main-menu .elementor-nav-menu__container a.has-submenu {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	#header-main-menu .sub-arrow svg {
		color: #F02257;
		fill: #F02257;
		transition: transform 300ms;
	}
	
	#header-main-menu .elementor-nav-menu__container a.highlighted .sub-arrow svg {
		transform: rotate(180deg);
	}
	
}

/* 	font overrides */
@media screen and (min-width: 768px) and (max-width: 1366px) {
	.main-hero-header {
		font-size: 84px;
	}
}