/* Default (Light Mode) */
.linkedin-feed-light {
  display: block;
}
.linkedin-feed-dark {
  display: none;
}

/* Dark Mode */
body.dark-mode .linkedin-feed-light {
  display: none;
}
body.dark-mode .linkedin-feed-dark {
  display: block;
}

body {
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
}

.image-1 img {
    max-width: 100%;
    height: auto;
    margin-left: -60px;
}


.float {
animation: float 6s ease-in-out infinite;
}

.menu-button {
	font-size: 15px;
}

#site-logo .logo-img {
    height: 95px;
    width: auto;
    margin: -15px;
}


#site-header {
  background: transparent !important;
  border-bottom: none !important;
 box-shadow: none !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  transition: all 0.3s ease;
}

/* 2. Target the sticky-scrolled state as well */
#site-header.sticky-header.scrolled {
  background: transparent !important;
  box-shadow: none !important;
}

/* 3. Style the .header-one-inner element as the "pill" */
/* We use !important to force override theme defaults */
#site-header .header-one-inner {
background:var(--wpex-palette-318-color) !important;
  border-radius: 55px !important;
  box-shadow: var(--shadow-glow) !important; !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
	margin-top: 20px!important;
    border: 1px solid #e6e6e854;
}

/* 4. Style the "Get Started" button */
#site-header .btn.btn-primary {
  background: #7540ee;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  font-weight: 600;
  padding: 10px 24px;
  transition: all 0.3s ease;
}

#site-header .btn.btn-primary:hover {
  background: #5d2fdc;
  color: #ffffff;
}

/* 5. Style Nav Links */
#site-header .main-nav a {
  color: #333;
  font-weight: 500;
}

#site-header .main-nav a:hover,
#site-header .main-nav li.active > a {
  color: var(--wpex-palette-10-color);
}

.wpex-menu-extra, .theme-toggle-li, .menu-button {
    --wpex-main-nav-link-underline-display: none;
    padding-right: 30px;
}

:root {
      --shadow-glow: 0 0 26px -4px hsla(0, 0%, 50%, .25);
}

.wpex-shadow-md {
  box-shadow: var(--shadow-glow) !important;
}

@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

.wpex-hamburger-icon {
	margin-right: 30px;
}


.wpex-bg-black, .wpex-hover-bg-black:hover {
    background-color: transparent;
}

.theme-button {
	/*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
box-shadow: var(--shadow-glow) !important;
}

.gfield_label.gform-field-label {
  color: var(--wpex-palette-10-color);
}

/* Targets the "Select Files" button */
button.gform_button_select_files {
  background-color: #a7a7a7 !important; /* Example: black */
  color: #ffffff !important;             /* Example: white */
  border-radius: 50px !important;
  cursor: pointer !important;
}

/* You can also style its hover state */
button.gform_button_select_files:hover {
  background-color: #333333 !important; /* Example: dark grey */
  color: #ffffff !important;
}

.vcex-icon-box-content{
   margin-left: -50px!important;	
}

.gfield_description.gform_fileupload_rules {
  color: var(--wpex-palette-305-color)!important;
}