/******** GLOBAL - APPLIES TO ENTIRE SITE ********/
/****** REM TO PX CONVERSION - MORE INFO >> https://mylisting.club/resources/starter-sites/fit ******/
html {
    font-size: 16px !important;
}
/**** BACKGROUND ****/
body {
    background: #fff;
}
/****** SYSTEM FONT STACK ******/
body {
	font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1,h2,h3,h4,h5,h6 {
	font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


/****** HEADER ******/
/**** HEADING LOGO ****/
@media only screen and (max-width: 1199px) {
    .header-logo-text {
        font-size: 1.5em;
        font-weight: 800;
    }
}
@media only screen and (min-width: 1200px) {
    .header-logo-text {
        font-size: 2.1em;
        font-weight: 800;
        padding-right:30px;
    }
}
.header-logo-text:hover {
    color: #fff;
    opacity: .95;
}
/**** QUICK SEARCH ****/
/** ICON **/
.header-search>i {
    color: #777;
}
/** INPUT **/
.header-search>input {
   /* background: linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    */
    font-weight: 600;
}
.instant-results {
	background: #333; /* rgba(18, 18, 18, 0.85) */
}
.instant-results ul li.ir-cat {
	background: #333; /* #111 */
  	color: #fff;
  	text-transform: uppercase;
  	font-weight: 600;
  	letter-spacing: 1.5px;
  	border: none;
}
.instant-results ul li.ir-cat:hover {
	background: #111 !important;
}
.instant-results ul li {
    color: #fff !important;
}
.instant-results li:hover {
    background: transparent !important;
}
.instant-results ul li a {
  	color: #fff;
  	border-bottom: 1px solid #ffffff30;
  	transition: margin .2s ease-in-out;
}
.instant-results ul li a:hover {
    margin-left: 10px;
  	color: #fff;
}
.instant-results .view-all-results {
  	color: #fff !important;
    font-size: 0.75rem;
    background: linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%);
}
.instant-results .view-all-results:hover {
    opacity: .9;
}
/**** NAVIGATION ****/
.i-nav li a {
    font-weight: 700;
    letter-spacing: .5px;
    width: fit-content;
}
/** ON HOVER **/
.i-nav li a:hover {
        background: linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/** CURRENT ITEM **/
.i-nav>ul>li.current-menu-item>a {
        background: linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/**** USER MENU ****/
.user-area .user-profile-name {
    font-weight: 700;
}


/**** HEADER - USER DASHBOARD MENU ****/
/** CONTAINER **/
.i-dropdown {
	background: #333; /* #111111 */
  	border: 1px #111111 solid; /* none */
}
/** LINKS **/
.i-dropdown li a {
    color: #fff;
  	border-bottom: 1px solid #2B2B2B;
    font-weight: 700;
}
.i-dropdown li a:hover {
    color: #fff;
}
ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover {
    background: #333; /* #111111 */
}
.user-profile-dropdown .i-dropdown li:last-child a {
    color: #fff;
}


/**** HEADER - USER MOBILE MENU ****/
/** BACKGROUND **/
.mobile-user-menu {
    background: #111;
}
/** USERNAME **/
@media only screen and (max-width: 1200px) {
.user-profile-dropdown .user-profile-name {
    color: #fff !important;
  }
}
/** ICONS **/
@media only screen and (max-width: 1200px) {
.mobile-user-menu i {
    font-size: 16px;
    margin-right: -15px;
    }
}
.i-nav ul li:first-child .fa, .i-dropdown li:first-child a i {
	color: #c28aff;
}
.i-nav ul li:nth-child(2) .fa, .i-dropdown li:nth-child(2) a i {
	color: #b788ff;
}
.i-nav ul li:nth-child(3) .fa, .i-dropdown li:nth-child(3) a i {
	color: #9c83ff;
}
.i-nav ul li:nth-child(4) .fa, .i-dropdown li:nth-child(4) a i {
	color: #8780ff;
}
.i-nav ul li:nth-child(5) .fa, .i-dropdown li:nth-child(5) a i {
	color: #29b9ff;
}
.i-nav ul li:nth-child(6) .fa, .i-dropdown li:nth-child(6) a i {
	color: #47a7ff;
}
.i-nav ul li:nth-child(7) .fa, .i-dropdown li:nth-child(7) a i {
	color: #0fc9ff;
}
.i-nav ul li:nth-child(8) .mi, .i-dropdown li:nth-child(8) a i {
	color: #21e1fc;
}
.i-nav ul li:nth-child(9) .mi, .i-dropdown li:nth-child(9) a i {
	color: #2ff3fa;
}
.i-nav ul li:nth-child(10) .mi, .i-dropdown li:last-child a i {
	color: #32f7fa;
}


/**** MAIN MOBILE MENU ****/
/** BACKGROUND **/
@media only screen and (max-width: 1200px) {
.i-nav {
  	background: #111 !important;
  }
}
/** CLOSE ICON **/
@media only screen and (max-width: 1200px) {
.mnh-close-icon i {
    color: #484848;
    }
}
@media only screen and (max-width: 1200px) {
.close {
    text-shadow: none;
    }
}
/** MENU ITEMS **/
@media only screen and (max-width: 1200px) {
.i-nav ul li a {
    color: #fff !important; /* no !important */
    width: fit-content;
  }
}
/* BORDER BETWEEN ITEMS */
@media only screen and (max-width: 1200px) {
.i-nav ul li {
    border-bottom: 1px solid #ffffff30;
  }
}
/** MENU ITEMS WITH SUB MENU ITEMS **/
/* TOGGLE */
@media only screen and (max-width: 1200px) {
.main-menu .submenu-toggle i {
    color: #E6E6E6;
    }
}
/** 2ND LEVEL MENU ITEMS **/
/* ITEMS */
@media only screen and (max-width: 1200px) {
ul.sub-menu.i-dropdown.shown-menu {
  	background: #333;
  	border: none;
  }
}
/* LINKS */
.mobile-menu-open .i-dropdown li a {
    color: #E6E6E6;
    margin-left: 10px !important;
}


/****** FOOTER ******/
/**** APPLIES GRADIENT TO ELEMENTOR-BASED ACTIVE MENU ITEMS AND ON HOVER ****/
.gradientnav .elementor-nav-menu--main li:hover .elementor-item, .gradientnav .elementor-nav-menu--main .elementor-item-active  {
    background: linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
}
/**** SCROLL TO TOP ****/
a.back-to-top {
    border: 2.5px solid transparent;
    background: url(https://fitadvisor.co.uk/wp-content/uploads/2022/08/fit-button-background.svg) padding-box fixed, linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%) border-box;
    color: #fff;
}
a.back-to-top:hover {
    border: 4px solid transparent;
    background: url(https://fitadvisor.co.uk/wp-content/uploads/2022/08/fit-button-background.svg) padding-box fixed, linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%) border-box;
}


/**** HIDE CONTENT ****/
/** HIDE FROM LOGGED OUT USERS **/
body:not(.logged-in) .hide-if-logged-out {
    display: none !important;
}
/** HIDE FROM LOGGED IN USERS **/
.logged-in .hide-if-logged-in {
    display: none !important;
}
/** HIDE FROM THE SUBSCRIBER ROLE **/
.logged-in.user-role-subscriber .hide-from-subscribers {
    display: none;
}


/**** BUTTONS ****/
/** GRADIENT OUTLINE **/
#btn-gradient-outline {
    width: auto;      
    color: #fff !important;
    margin: auto;
    border: 2.5px solid transparent;
    background:
    url(https://fitadvisor.co.uk/wp-content/uploads/2022/08/fit-button-background.svg) padding-box fixed,
    linear-gradient(90deg, rgba(181,125,255,1) 0%, rgba(122,115,255,1) 33%, rgba(2,188,245,1) 67%, rgba(37,234,237,1) 100%) border-box;
}
#btn-gradient-outline:hover {
    color: #fff !important;
    background:
    url(https://fitadvisor.co.uk/wp-content/uploads/2022/08/fit-button-background.svg) padding-box fixed,
    linear-gradient(90deg, rgba(194,138,255,1) 0%, rgba(135,128,255,1) 33%, rgba(15,201,255,1) 67%, rgba(50,247,250,1) 100%) border-box;
}
/**** TOM ****/
/** LIGHT MODE LINKS **/
.elementor-widget-container p a {
    color:#8374FF !important;
    font-weight:bold;
}
/** GET STARTED - CLAIM LISTING QUICK SEARCH**/
.elementor-element-68225f09 .elementor-widget-container {
    background-color: rgba(255, 255, 255, 0.4) !important;
}
.elementor-element-68225f09 .elementor-widget-shortcode input[type="text"] {
    font-size:20px !important;
}
/** REACH OUT FORM **/
.elementor-form input, .elementor-form textarea {
    color:#333 !important;
    border:1px #333 solid !important;
    background-color:#fff !important;
}