@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
#sticky_content_top { min-height: 1px; }

body.body-events .it-menu-footer,
body.body-start_application .it-menu-footer { display: none !important; }

nav#customerMenu.customer_menu {
    left: 0;
    position: fixed;
    margin: 0 !important;
    top: 100px;
    width: 300px;
	max-width: 90%;
    bottom: 0;
    border-radius: 0;
	z-index: 9;
}

body.body-admin nav#customerMenu.customer_menu {
    top: 140px;
}

body.body- .it-header { display: none; }

.column-holder {
	max-width: 1368px;
}
.w3-top .w3-bar {
	max-width: 1400px;
}

body.introducer-member .column-holder {
	max-width: 1668px;
}
body.introducer-member .w3-top .w3-bar {
	max-width: 1700px;
}

.show-password {
    border-radius: 0 var(--border-radius-single) var(--border-radius-single) 0;
    line-height: 26px;
    padding: 10px 16px !important;
}

.it-customer-login { padding-top: 64px; padding-bottom: 64px; }
nav .it-customer-login { padding: 0; }

.it-active {
    display: block !important;
}
.required { color: red; }

.it-bg { background: var(--bg); }
.it-text { color: var(--text); }

.it-button { color: var(--btn-color) !important; background-color: var(--btn-bg) !important; }
.it-button:hover { color: var(--btn-color-hover) !important; background-color: var(--btn-bg-hover) !important; }

.it-fab-textarea { height: 100px; }

/* --- FIND A BROKER --- */
.it-firm-holder { display: flex; flex-wrap: wrap; align-items: stretch; }
.it-firm { display: flex; flex-direction: column; }
.it-firm-card { flex-grow: 1; 
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between; padding: 8px 0 8px 16px !important; }
.it-firm-logo-holder { width: 100%; padding-top: 66%; position: relative; float: right; transition: all 1.0s ease; }
.it-firm-logo-holder:hover {
    width: 200%;
    padding-top: 120%;
    margin-bottom: -54%;
}
.it-firm-logo-holder .it-firm-logo { position: absolute; width: 100%; height: 100%; 
    top: -12px; right: -4px;
    object-fit: contain;
    border-radius: var(--border-radius); }
.it-firm-links button { border-radius: var(--border-radius-single) 3px 3px var(--border-radius-single); transition: all 1.0s ease; margin: 0 0 4px 0; width: 100%; padding: 2px 16px; border-right: 0; }
button.it-select-firm { background: var(--primary-light); font-size: 16px; }
.it-firm-links button.it-select-firm { border-right: 0; }
.it-firm-links button.it-selected-firm, 
.it-firm-links button:hover { border-radius: var(--border-radius); background: var(--btn-bg-hover) !important; }
.it-firm-links button.it-selected-firm { background: var(--primary-light) !important; }
button.it-select-firm:hover,
button.it-selected-firm, 
button.it-selected-firm:hover { background: var(--primary-light) !important; color: var(--btn-color) !important; }
button.it-selected-firm { border-color: var(--black) !important; background: var(--black) !important; }
/* ^^^ FIND A BROKER ^^^ */

nav {
    border-radius: 16px;
    padding: 16px;
	color: var(--text) !important; background-color: var(--bg) !important}

.it-nav {
	text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.it-nav .it-nav-blank,
.it-nav .w3-button {
    width: 32.3333%;
    font-size: 22px !important;
    padding: 8px 16px;
}
.it-nav textarea { border-radius: var(--border-radius-single) 0 0 var(--border-radius-single); }
.it-nav-4 .w3-button { width: 24%; }
.it-nav-5 .w3-button { width: 19%; }
.it-nav-r { justify-content: flex-end; }
.it-cancel,
.it-nav-prev {
    border-radius: var(--border-radius-single) 0 0 var(--border-radius-single) !important;
}
.it-nav-back {
    border-radius: 0 !important;
}
.it-nav-next {
    border-radius:  0 var(--border-radius-single) var(--border-radius-single) 0 !important;
}
.it-nav-active {
    background: var(--primary-light) !important;
    color: var(--btn-color) !important;
}
.it-nav-small .w3-button {
    padding: 8px;
}
.it-border-no-pad .it-nav .it-nav-prev { border-radius: 0 0 16px 0 !important; border-width: 0 1px 1px 0; }
.it-border-no-pad .it-nav .it-nav-next { border-radius: 0 0 0 16px !important; border-width: 0 0 1px 1px; }

.it-border-title {
	border: var(--border-thin) solid var(--primary-light);
    display: inline-block;
    padding: 16px;
    border-right: 0;
    border-top: 0;
    border-radius: 0 16px;
    float: right;
    margin: -16px -16px 8px;
    z-index: 1;
    position: relative;
    background: white;
}

.it-border-round,
.it-border {
    border: var(--border-thin) solid var(--border-colour);
    border-radius: var(--border-radius);
    padding: 16px;
    background: var(--bg);
    overflow: hidden;
}
.it-border .it-border {
    border-color: var(--border-colour-light);
}
.it-border-no-pad {
    padding: 0;
}
.it-border-round {
    border-radius: var(--border-radius); border-width: var(--border-thick); padding: var(--border-pad);
}
.w3-button.it-border {
    font-size: 18px;
}
.it-border.w3-white {
    padding: 8px;
}

nav .it-border {
    border: none;
    background: none;
}
nav .w3-button.it-border {
    border: none;
    background: var(--bg);
}
.it-resource-qs .it-border { position: relative; }
.it-resource-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.it-resource-img {
    position: absolute;
    right: 0;
    width: 50%;
    bottom: 0;
    height: 100%;
}

.it-form-field input, .it-form-field textarea, .it-form-field select { border-radius: var(--border-radius); }

.w3-table.w3-hoverable tr:hover {
    background-color: var(--primary-light-alt) !important;
}
.w3-table.w3-hoverable thead tr:hover,
.w3-table.w3-striped thead tr {  background: var(--primary-light-alt) !important; }

.w3-table.w3-round,
.w3-table.w3-round-large,
.w3-table.w3-round-xlarge { overflow: hidden; }

body:before, body:after {
    content: "";
    position: fixed;
	left: 2%;
	top: 12%;
	bottom: 0;
    width: 52%;
    z-index: -1;
	opacity: 0.3;
}

body:after {
    background-size: contain;
    left: 58%;
	top: 0;
	width: 40%;
}
body.body-:before,
body.body-:after,
body.body-home:before,
body.body-home:after { display: none; }

.it-p-price span,
.it-blog a em,
html,body,h1,h2,h3,h4,h5,h6,p {font-family: var(--font-med); font-weight: 200; }

.it-testimonial-author,
th, strong,
.it-in-partnership {font-family: var(--font-heavy); font-weight: 800; }

body { color: var(--text); font-size: 16px; }
body,
body.body- .w3-main,
body.body-home .w3-main { background: var(--bg); }
.it-header,
.it-header-2 { background: var(--header-bg); }

.w3-top.it-header {
    box-shadow: var(--shadow);
}

body.body-home.edit-active .w3-top,
body.body-.edit-active .w3-top {
    position: fixed;
    margin-top: 40px; 
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--silver); /* Adjust color */
	font-style: italic; /* Optional: Add italics */
	opacity: 0.8;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--silver); /* Adjust color */
	font-style: italic; /* Optional: Add italics */
	opacity: 0.8;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--silver); /* Adjust color */
	font-style: italic; /* Optional: Add italics */
	opacity: 0.8;
}

:focus::placeholder {
	color:var(--primary-light-alt); opacity: 0.8; /* Change color on focus */
}

h1 { font-size: 32px; position: relative; letter-spacing: 2px; }
h2 { font-size: 32px; }
h4 { text-align: center; }
h5 { font-weight: bold; }
h6 { font-size: 26px; }
h3,
h6 strong { color: var(--primary-light); }
span.wine-id {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    font-size: 12px;
}

.is_heading.it-colour- + .is_columns.it-colour- .column-holder {
    padding-top: 0 !important;
    margin-top: -16px;
}

.it-menu-icon:hover {
}

.it-footer-address .footer-tel a { color: var(--primary-light); }

.it-social-links { color: var(--black);}
.w3-input { border: var(--border-thin) solid var(--border-colour); }

input.signed {
    font-family: var(--font-sign);;
	font-size: 160%
}

.w3-badge {
    background: var(--primary-light) !important;
    color: var(--black) !important;
}

.w3-button { color: var(--btn-color); background: var(--btn-bg); border: var(--btn-border); border-radius: var(--btn-border-radius); text-decoration: none; padding: var(--btn-pad); }
.w3-button:hover { color: var(--btn-color-hover) !important; background: var(--btn-bg-hover) !important; border: var(--btn-border-hover); }

.w3-bar-block .w3-bar-item.w3-button:hover { border: none; }

#sign_in_form_submit {
    padding: 8px 16px;
}

.it-header-icon { border: none !important; }
.it-header-icon:hover { color: var(--primary-light) !important; background-color: var(--black) !important; border: none !important; }

#customerMenu .w3-button { color: var(--black) !important; background: none !important; }

#customerMenu .w3-button:hover { color: var(--black) !important; background-color: #ccc !important; }

.it-tab,
.it-cta {
    background: var(--btn-bg);
    color: var(--btn-color) !important;
    font-size: 32px;
    padding: 8px 32px;
    border-radius: 10px;
    margin-top: 32px;
    border: var(--border-thick) solid var(--primary-dark);
}
.it-tab {
    background: none;
    color: var(--btn-color) !important;
    font-size: 18px;
}
.it-tab-active {
    background: var(--primary-light);
    color: var(--btn-color) !important;
}

.w3-input { background: rgba(255,255,255,1); line-height: 24px;
    border-radius: var(--border-radius);
    padding: 11px 16px; }

.w3-select {
    padding: 11px 16px;
    border-radius: var(--border-radius);
}

.it-intro-text a, .accordion-1 a {
    font-size: 20px !important;
	border-radius: var(--border-radius);
    padding: 12px 32px;
}


.w3-padding-large { padding: 6px 34px!important; }

.it-widget .column-holder {
    padding-bottom: 64px !important;
    padding-top: 64px !important;
}
.is_banners .column-holder {
    padding: 0 !important;
}

.is_intro,
.it-colour-Light { background-color: var(--light) !important; color: var(--black) !important; }
.it-colour-No-Space-Centered,
.it-colour-Centered { text-align: center; }
.it-colour-Extra-Space { margin-bottom: 172px; margin-top: 172px; margin-bottom: 33vh;  margin-top: 33vh; }
.it-widget.it-colour-No-Space-Centered .column-holder,
.it-widget.it-colour-No-Space .column-holder { padding-bottom: 0px !important;  }
.it-widget.it-colour-No-Space-Centered + .it-widget .column-holder,
.it-widget.it-colour-No-Space + .it-widget .column-holder { padding-top: 0px !important;  }

.w3-top .w3-bar { overflow: visible; }



.it-header-logo-holder { display: block; height: 100px; padding: 13px 0; }
span.it-header-logo-holder img {
	margin: 0px;
    height: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center; 
}

.it-header-logo-holder a {
    position: relative;
    width: 100%;
	display: block;
	height: 100%;
}

.it-header-partner-logo-holder,
.it-header-brand-text {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    color: var(--text-light);
	font-size: 24px;
    line-height: 120%;
    width: 280px;
	text-decoration: none;
}
.it-header-partner-logo-holder {
    font-size: 18px;
    line-height: normal;
    width: 180px;
	height: 80px;
	text-align: center;
}
.it-header-partner-logo-holder img { width: 100%; height: 100%; object-fit: contain; object-position: bottom right; }
.it-header-brand-text { left: 136px; right: unset; }

.it-header-partner-logo {
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 65px;
    margin-top: 15px;
}

.it-in-partnership { font-size: 14px !important; display: none; }

.it-menu-icon {
    padding: 2px 8px !important;
    color: var(--btn-color);
}
#mainMenu {
    width: 30%;
    bottom: 0;
    right: 0;
    min-width: 400px;
    max-width: 100%;
}
#mainMenu h4 {
    text-align: left !important;
}
.it-menu-close { display: block !important; padding: 0 29px; }
.menu-reveal {
    margin: -38px 16px 0 0;
    right: 0%;
}
.it-menu-holder .it-sub-menu {
    padding-left: 32px;
}

.it-footer-custom .column-holder { display: flex; }
.it-footer-custom .column-holder .w3-col { display: flex; flex-direction: column; justify-content: space-between; }

.it-menu-footer {
    display: flex;
    justify-content: space-evenly;
    padding: 0 !important;
    flex-wrap: wrap;
}
.it-menu-footer a {
    text-decoration: none;
    padding: 0 8px;
    margin: 4px 8px;
}

.it-footer-address { font-size: 14px;  }

.it-footer-menu span,
.it-footer-address span { font-weight: bold; font-size: 24px; }
.it-footer-address a { text-decoration: none; }

.it-hattersley-link { margin-top: 32px; }
.it-footer-menu a { display: block; margin-bottom: 4px; text-decoration: none; }

p.footer-tel { margin-bottom: 0; }
.it-footer-address .footer-tel a { font-size: 42px; line-height: 100%; }

.it-footer-logo {
    text-align: right;
}
.it-social-links {
    display: flex;
    justify-content: flex-end;
}
.it-social-link {
    margin: 0 0 32px 16px;
}

.it-copy .w3-row-padding { padding: 0 !important; }


.is_map .w3-col { width: 100%; text-align: center; }

.it-map-container { padding-top: 45%; }

.it-header-icons {
    display: flex;
    flex-direction: row-reverse;
    color: var(--btn-color);
    align-items: center;
	right: 32px;
	display: none;
}
.it-menu-icons {
    display: flex;
    align-items: center;
}
.it-menu-icons a { width: auto; }

.it-menu-holder { position: relative; top: 0; }

.it-menu-search { height: 44px; }
.it-menu-search-input { padding-right: 44px; }
.it-menu-search-button { width: 44px; height: 44px; padding: 0; color: var(--btn-color); }

/*** ------ Finance Category CSS ------ ***/
.category-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 columns */
	grid-auto-rows: minmax(150px, auto); /* Automatic height */
	gap: 16px;
}

.category-item {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0;
}

/* Make 1st and 6th item in each group of 10 double height */
.category-item:nth-child(10n + 1),
.category-item:nth-child(10n + 6) {
	grid-row: span 2; /* Makes it double height */
}

.category-item a {
	display: block;
	height: 100%;
}

.category-item img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the image fills without distortion */
	transition: all 1.0s ease;
}
.category-item:not(:nth-child(10n + 1)):not(:nth-child(10n + 6)) {
    position: relative;
    width: 100%;
    padding-top: 66%; /* 3:2 Aspect Ratio (Height = 66% of Width) */
}

.category-item:not(:nth-child(10n + 1)):not(:nth-child(10n + 6)) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-item:nth-child(10n + 1):hover img,
.category-item:nth-child(10n + 6):hover img {
    margin-left: -10%;
    margin-top: -10%;
}
.category-item:hover img {
    width: 120% !important;
    height: 120% !important;
    top: -10% !important;
    left: -10% !important;
}

.category-label {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	text-align: left;
}

@media (max-width: 1299px) {
	.category-grid { grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */ }
}

@media (max-width: 992px) {
	.category-grid { grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */ }
}

@media (max-width: 480px) {
	.category-grid {
		grid-template-columns: repeat(1, 1fr); /* 1 column on small screens */
	}
}
/*** ^^^^^^ Finance Category CSS ^^^^^^ ***/

/*** ------ TESTIMONIALS CSS ------ ***/
.it-testimonial-holder { padding: 32px;  text-align: center; }
.it-testimonial-company {
    padding-bottom: 32px;
    background: url(/_inc/images/5-star.png) no-repeat bottom center;
    margin-bottom: 16px;
    font-size: 32px;
}
.it-testimonial-company img { margin: 0 auto; max-height: 100px; width: auto; }
.it-testimonial-quote {
	font-size: 16px;
	width: 90%;
	margin: 0 auto 16px;
	max-width: 850px;
}
.it-testimonial-author { text-align: center; }
.it-testimonial-author span { display: inline-block; }
.it-testimonial-author-company:before { content: ", "; display: inline-block; margin: 0 8px 0 -4px; }
.it-testimonial-author-pos { font-style: italic; }
/*** ^^^^^^ TESTIMONIALS CSS ^^^^^^ ***/


/*** ------ FEED CSS ------ ***/
.it-my-broker-chat,
.it-my-broker-list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius);
    height: 54px;
    border: var(--border-thin) solid var(--border-colour);
    border-right-width: 0;
	text-decoration: none;
	position: relative;
}
.it-my-broker-list {
    border-right-width: 0;
}
.it-my-broker-chat i,
.it-my-broker-list i { position: absolute; right: -8px; color: var(--primary-light); cursor: pointer; } 
.it-my-broker-chat {
	height: auto;
	justify-content: flex-start;
}
.it-my-broker-list-img {
    width: 54px;
    height: 54px;
    border-radius: 27px;
}
.it-my-broker-list-img i.fa {
    position: absolute;
    color: var(--primary-light);
	text-shadow: var(--black) 0px 1px;
}
.it-my-broker-list-img .w3-text { min-width: 100px; }
.it-my-broker-list-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 2px;
    min-width: 54px;
	border: var(--border-thin) solid var(--border-colour);
	border-radius: var(--border-radius);
	background: var(--border-colour);
}
.it-my-broker-list-details {
    width: 100%;
    padding: 0 8px;
}

.it-feed-posts { max-width: 800px; }
.it-feed-post { overflow: hidden; padding: 0; }
.it-feed-post .w3-container {
    padding: 0 16px;
}
.it-feed-poster {
    display: flex;
    align-items: center;
	margin-top: 4px;
}
.it-feed-poster-img {
    width: 58px;
    height: 58px;
    overflow: hidden; margin: 4px 0;
	border: var(--border-thin) solid var(--primary-dark);
	border-radius: var(--border-radius);
	min-width: 58px;
}
.it-feed-poster-broker .it-feed-poster-img { border-radius: 27px; }
.it-feed-poster-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
	padding: 2px;
}
.it-feed-poster-details {
    padding-left: 16px;
}
/*** ------ FEED CSS ------ ***/

.it-commission-data { display: flex; }
.it-commission-data div {
    display: flex !important ;
    flex-direction: column;
    justify-content: space-between;
}
.it-commission-data div span {
    padding: 0 0 8px;
}

.it-profile-img { padding: 1%; 
    border: var(--border-thin) solid var(--primary-dark);
	border-radius: var(--border-radius);
    margin: 7%;
    max-width: 84%; }

.it-messages-holder {
	max-height: calc(100vh - 240px);
	margin-right: 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.it-messages-box {
    max-height: calc(100vh - 140px);
}
#it_messages {
	overflow: auto;
	padding: 16px 16px 0 0;
}
.it-nav textarea { border-radius: 16px 0 0 16px; }
.it-compose { padding-top: 16px !important; }
.it-message { overflow: visible; }
.it-message-broker { margin-right: 64px; border-color: var(--msg-color-2); }
.it-message-introducer { margin-left: 64px; border-color: var(--msg-color-1); text-align: right; }
.it-sender {
	margin: -28px 0 0 -4px;
	background: var(--bg);
	display: inline-block;
	padding: 0 8px 0 4px;
}
.it-message-introducer .it-sender {
	padding: 0 4px 0 8px;
}
.it-message-broker .it-sender strong { color: var(--msg-color-2); }
.it-message-introducer .it-sender strong { color: var(--msg-color-1); }
.it-message-status {
	margin: 8px 0 -25px;
	background: var(--bg);
	display: inline-block;
	padding: 0 4px;
	color: var(--msg-color-1);
}

.it-my-broker-chat .it-new-messages {
	display: flex;
	justify-content: center;
	align-items: center;
	background: green;
	color: var(--text);
}
.it-my-broker-chat .it-my-broker-list-img {
	width: 64px;
	height: 64px;
	min-width: 64px;
	min-height: 64px;
	transform: translate(-8px, 0);
}
.it-my-broker-chat .it-my-broker-list-img img { padding: 2px; }
.it-my-broker-chat .it-my-broker-list-details {
	padding: 8px 16px 8px 0px !important;
}

#customerMenu.customer_menu { right: 49px; }

/*** ------ TEAM CSS ------ ***/
.is_team { padding: 0 !important; }
.is_team .column-holder { max-width: 100%; padding: 0; }
.it-team-card { position: relative; width: 100%; padding-top: 133.33%; overflow: hidden; display: block; text-decoration: none; }
.it-team-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.it-team-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); display: flex; align-items: flex-end;  justify-content: center; padding-bottom: 25%; transition: background 0.5s ease-in-out; }
.it-team-name { color: rgba(255, 255, 255, 0.8); font-size: 32px; line-height: 32px; text-align: center;
	transition: 
		transform 0.5s ease-in-out, 
		font-size 0.5s ease-in-out,
		color 0.5s ease-in-out; }
.it-team-card:hover .it-team-overlay { background: rgba(255, 255, 255, 0.2); align-items: center; padding-bottom: 0; }
.it-team-card:hover .it-team-name { color: rgba(0,0,0,0.5); font-size: 96px; line-height: 64px; }

.it-team-section { display: flex; align-items: stretch; }
.it-team-image-container { position: relative; width: 100%; display: flex; align-items: stretch; }

.it-team-image-wrapper { position: relative; width: 100%; padding-top: 133.33%; /* 3:4 aspect ratio */ }
.it-team-image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.it-team-text-container { display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(245, 245, 245, 0.8); padding: 5%; }

.it-team-text-content { max-width: 80%; }


/* Responsive padding adjustments */
@media (max-width: 768px) {
    body { font-size: 18px; }
	.it-team-section { flex-direction: column; }
	.it-team-text-content { max-width: 100%; padding: 24px; }
}


@media (max-width:600px) {
  .w3-col.xs1 { width: 8.33333%; }
  .w3-col.xs2 { width: 16.66666%; }
  .w3-col.xs3 { width: 24.99999%; }
  .w3-col.xs4 { width: 33.33333%; }
  .w3-col.xs5 { width: 41.66666%; }
  .w3-col.xs6 { width: 49.99999%; }
  .w3-col.xs7 { width: 58.33333%; }
  .w3-col.xs8 { width: 66.66666%; }
  .w3-col.xs9 { width: 74.99999%; }
  .w3-col.xs10 { width: 83.33333%; }
  .w3-col.xs11 { width: 91.66666%; }
  .w3-col.xs12 { width: 99.99999%; }
}

@media (max-width: 800px) {
	.it-header-partner-logo-holder { right: 16px; }
	.it-header-logo-holder a { left: 16px; }
    .it-header-icons {
        left: unset;
        right: 198px;
    }
}

@media (max-width: 630px) {
	.it-sign-up { display: none !important; }
}

@media (max-width: 450px) {
    .it-header-partner-logo-holder {  display: none; }
    .it-header-icons {
        left: unset;
        right: 16px;
        margin-right: 0;
    }
	.it-header-logo-holder a { max-width: 55%; }
}

@media (max-width:440px) {
	.it-user-icon { display: none; }
}

@media (min-width:768px) {
	.it-faq-image { width: 50%; max-width: 400px; }
	.it-faq-image img { width: 100%; height: auto; font-weight: bold; color: var(--black); }
	h4 { text-align: left; }
	.is_columns .column-holder {
		display: flex; align-items: center;
	}
	.it-feed-profile { min-width: 300px; }
	
	body.introducer-member nav#customerMenu.customer_menu {
		display: block !important;
		padding: 0;
		width: 200px;
	}

	body.introducer-member .column-holder {
		padding-left: 200px;
	}
}
@media (min-width:993px){ }
@media (max-width:1205px){}
@media (max-width:767px) {
	.it-profile-brokers { padding: 0 0 16px 16px;}
	.it-profile-brokers h2 { font-size: 16px; }
	.it-profile { margin-top: 42px; }
}
@media (min-width:993px){
	.body-home .is_page,
	.body- .is_page { padding: 0;  width: 50%;  float: left; }
	.it-colour-Light.is_columns_1 .column-holder,
	.it-intro-text { width: 60% !important; margin: 0 20%; }
	
	#mapHolder,
	#listHolder { display: block !important; }
	#selectDisplay { display: none !important; }
}
@media (max-width:992px) and (min-width:768px){
}
@media (max-width:992px){
	#listHolder { display: none; }
	.it-resource-img { position: relative; width: 100%; }
	.it-resource-img img { position: relative; } 
}

@media (min-width: 1700px) {
	nav#customerMenu.customer_menu {
		left: 50%;
		margin: 0 0 0 -850px !important;
	}
}


:root {
	--bg: #fff;
	--text: #111827;
	--text-light: #fff;
	
	--header-bg: #fff;
	
	--banner-bg: #fff;
	--banner-h1-color: rgb(2, 132, 199);
	--banner-h1-strong-color: #1e3a8a;
	
	--primary-dark: #14365a;
	--primary-light: #ab9549;
	
	--primary-dark-alt: #487081;
	--primary-light-alt: #d5caa4;
	
	--shadow: var(--silver) 0px -10px 30px;
	--shadow-2: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	--border-radius: 8px 8px 8px 0;
	--border-radius-single: 8px;
	--border-colour: #14365a;
	--border-colour-light: #ccc;
	--border-pad: 16px 8px;
	--border-thick: 5px;
	--border-thin: 1px;
	
	--black: #2e3547;
	--silver: #b1b2b4;
	--light: #f9fafb;

	--btn-pad: 4px 16px;
	--btn-color: #fff;
	--btn-bg: #0f131c;
	--btn-border: none;
	--btn-border-radius: 8px 8px 8px 0;
	--btn-color-hover: #fff;
	--btn-bg-hover: #14365a;
	--btn-border-hover: none;
	
	--msg-color-1: #ab9549;
	--msg-color-2: #14365a;
  
	--font-med: "Manrope","Arial",sans-serif;
	--font-heavy: "Manrope","Arial",sans-serif;
	--font-sign: "Manrope","Arial",sans-serif;
}