/* Import fonts */

@font-face {
	font-family: 'Montseratt';
	src: 
		local('Montseratt Variable'),
		local('Montseratt'),
		url('/wp-content/themes/nexus-2026/assets/fonts/montserrat/Montserrat-VariableFont_wght.woff2') format('woff2'),
		url('/wp-content/themes/nexus-2026/assets/fonts/montserrat/Montserrat-VariableFont_wght.woff') format('woff');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montseratt';
	src: 
		local('Montseratt Variable Italic'),
		local('Montseratt Italic'),
		url('/wp-content/themes/nexus-2026/assets/fonts/montserrat/Montserrat-Italic-VariableFont_wght.woff2') format('woff2'),
		url('/wp-content/themes/nexus-2026/assets/fonts/montserrat/Montserrat-Italic-VariableFont_wght.woff') format('woff');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: 
		local('Inter Variable'),
		local('Inter'),
		url('/wp-content/themes/nexus-2026/assets/fonts/inter/Inter-VariableFont_opsz,wght.woff2') format('woff2'),
		url('/wp-content/themes/nexus-2026/assets/fonts/inter/Inter-VariableFont_opsz,wght.woff') format('woff');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: 
		local('Inter Variable Italic'),
		local('Inter Italic'),
		url('/wp-content/themes/nexus-2026/assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2'),
		url('/wp-content/themes/nexus-2026/assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.woff') format('woff');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

html {
  scroll-behavior: smooth;
}
:root {
	--purple-400: #6F2C91;
	--purple-200: #B78FCC;
	--green-200: #A4D4B6;
	--green-400: #0DB14B;
	--green-700: #07a242;
	--textcolour: #323232;
	--primary-text: 'Inter', sans-serif;
	--secondary-text: 'Montseratt', sans-serif;
	--green-gradient : linear-gradient(124deg, var(--green-400), var(--green-200));
	--purple-gradient: linear-gradient(270deg, var(--purple-200), var(--purple-400));
	--green-400-filter: brightness(0) saturate(100%) invert(45%) sepia(35%) saturate(4278%) hue-rotate(117deg) brightness(100%) contrast(90%);
	--purple-400-filter: brightness(0) saturate(100%) invert(21%) sepia(31%) saturate(3345%) hue-rotate(257deg) brightness(100%) contrast(98%);
}
body{
	font-family: var(--primary-text);
	font-weight: 400;
}
/* General Styles */
.container{
	width: 100%;
	max-width: 1280px;
	padding: 0 20px;
	margin: 0 auto;
}
.Button, #searchsubmit{
	background-color: #55acee;
	padding: 11px 22px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
}

.Button, .btn, .button {
	padding: 0.5em 1.25em;
	background-color: var(--green-400);
	color: #ffffff;
	border-radius: 99999px;
	font-weight: 500;
	font-family: var(--secondary-text);
	display: inline-flex;
	align-items: center;
}

.Button:hover, .btn:hover, .button:hover {
	color: #fff;
	background-color: var(--green-700);
}

.Button::after, .btn::after, .button::after {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
  	font-weight: 900;
	margin-left: 0.625em;
	transition: all .2s ease-in-out;
}

.Button:hover::after, .btn:hover::after, .button:hover::after {
	transition: all .2s ease-in-out;
}

.green-gradient-text {
	background: var(--green-gradient);
	background-clip: text;
	color: transparent;
}
.purple-gradient-text {
	background: var(--purple-gradient);
	background-clip: text;
	color: transparent;
}
.purple-gradient-background {
	background: var(--purple-gradient);
}

.fit-content {
	width: fit-content;
}

/* End General Styles */

/* Flex Styles */

.overflow-hidden {
	overflow: hidden;
}

.position-relative {
	position: relative;
}

.display-flex {
	display: flex;
}
.display-block {
	display: block;
}
.display-inline-block {
	display: inline-block;
}
.display-inline-flex {
	display: inline-flex;
}

.flex-row, .flex-col {
	display: flex;
	width: 100%;
}
.flex-row {
	flex-flow: row;
	flex-wrap: wrap;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-no-wrap {
	flex-wrap: nowrap;
}
.flex-grow {
	flex-grow: 1;
}
.flex-start {
	align-items: flex-start;
}
.flex-end {
	align-items: flex-end;
}
.flex-center {
	align-items: center;
}

.justify-start {
	justify-content: start;
}
.justify-centre, .justify-center {
	justify-content: center;
}
.justify-end {
	justify-content: end;
}
.justify-space-between {
	justify-content: space-between;
}

.col {flex-basis: auto;}
.col-1 {flex-basis: 8.333%;}
.col-2 {flex-basis: 16.666%;}
.col-3 {flex-basis: 25%;}
.col-4 {flex-basis: 33.333%;}
.col-5 {flex-basis: 41.666%;}
.col-6 {flex-basis: 50%;}
.col-7 {flex-basis: 58.333%;}
.col-8 {flex-basis: 66.666%;}
.col-9 {flex-basis: 75%;}
.col-10 {flex-basis: 83.333%;}
.col-11 {flex-basis: 91.666%;}
.col-12 {flex-basis: 100%;}

/* Font Style */
h1, h2, h3, h4, h5, h6{
	font-family: var(--secondary-text);
	color: var(--purple-400);
	margin-bottom: 20px;
	font-weight: 400;
}
h1, .h1 {
	font-size: 52px;
}
h2, .h2 {
	font-size: 44px;
	line-height: 1.2em;
}
h3, .h3 {
	font-size: 36px;
}
h4, .h4 {
	font-size: 28px;
}
h5, .h5 {
	font-size: 24px;
}
h6, .h6 {
	font-size: 20px;
}
p, li, a, td, th, #s {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
	color: var(--textcolour);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
img {
	max-width: 100%;
	height: auto;
}
p, ul, ol, table{
	margin-bottom: 20px;
}
p:last-child{
	margin-bottom: 0;
}
blockquote{
	margin-bottom: 20px;
}
blockquote p {
	font-weight: 600;
	font-size: 120%;
	line-height: 1.4em;
}
ul, ol {
	padding-left: 20px;
	margin-top: -10px;
}
ul{
	list-style-type: disc;
}
ol{
	list-style-type: decimal;
}
ul ul, ol ol, ul ol, ol ul{
	margin-bottom: 0;
	margin-top: 0;
}
table{
	width: 100%;
}
table th {
	background-color: #999999;
	color: #000;
	font-weight: 600;
	text-align: left;
}
table th, table td{
	padding: 5px;
	border: 1px solid #999;
}
table tr:nth-child(2n){
	background-color: #eee;
}
a, i, #searchsubmit{
	transition: all .5s ease-in-out;
}
a{
	color: #55acee;
	text-decoration: none;
}
a:hover{
	color: #2E79B1;
}

.color-white, .colour-white {
	color: #fff;
}

a.featured-image-lightbox {
	line-height: 0
}

.text-align-left {
	text-align: left;
}

.text-align-center, .text-align-centre {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.color-purple-400, .colour-purple-400 {
	color: var(--purple-400);
}

.color-green-400, .colour-green-400 {
	color: var(--green-400);
}

.purple-gradient-angle {
	background: linear-gradient(297.01deg, #B78FCC 16.24%, #6F2C91 83.76%);
}

.green-gradient-angle {
	background: linear-gradient(124.85deg, var(--green-400) 8.95%, var(--green-200) 91.05%);
}

.white-angled {
	background-color: #fff;
}

.underline {
	position: relative;
	z-index: 2;
}

.underline::after {
	content: "";
	background-image: url(/wp-content/themes/nexus-2026/assets/underline.svg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.1em;
    height: 0.3em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    pointer-events: none;
	z-index: -1;
}

.underline-flip::after {
	transform: scaleY(-1);
}

.underline-stretch::after {
	transform: scaleX(1.35);
}

.underline-reverse::after {
	transform: scaleX(-1);
}

.underline.underline-straight::after {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    bottom: -6px;
    width: 100%;
    background: var(--green-gradient);
    transform: scaleX(-1) rotate(0.3deg);
    clip-path: polygon(100% 25%, 100% 75%, 0 100%, 0 0);
    border-radius: 20px;
}

/* End Font Style */

.rounded img {
	border-radius: 2em;
} 

.flip {
	transform: scaleX(-1);
}

.testimonial-img img {
	aspect-ratio: 350 / 412;
    object-fit: cover;
	object-position: center;
}

.care-img img {
	aspect-ratio: 650 / 333;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.top-20-care-section {
	background-size: cover;
	background-size: no-repeat;
	background-position-y: 55%;
}

.top-20-care-section::before {
	display: block!important;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.82%, rgba(0, 0, 0, 0.8) 80.82%);
}

.top-20-care-section .h3, .top-20-care-section p, .top-20-care-section .h3 a {
	color: #fff;
}

/* Search */
#searchform {
	margin-bottom: 20px;
}
#searchform #s {
	border: 1px solid #333;
}
#searchsubmit {
	border: 0;
	font-size: 16px;
	line-height: 1.6em;
	cursor: pointer;
	padding: 3px 22px;
	font-family: OpenSans;
}
/* End of Search *//* Menu */
header {
	background-color: #55acee;
	padding: 10px 0;
}
.navBar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.navBar .Logo img {
	height: 50px;
}
nav ul.menu {
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
	padding: 0;
	list-style-type: none;
	margin: 0;
}
nav ul.menu li {
	position: relative;
	padding: 5px 15px;
}
nav ul.sub-menu {
	display: none;
	list-style-type: none;
	flex-direction: column;
	position: absolute;
	padding: 20px 10px;
	background-color: #55acee;
	min-width: 250px;
	z-index: 8;
}
nav ul.sub-menu ul.sub-menu {
	right: -100%;
	top: 0;
}
nav ul.menu a {
	color: #fff;
}
nav ul.menu a:hover{
	color: #000;
}
/* End Menu */
#ContentWrap {
	padding: 50px 0;
}
/* Archive */
.archive-loop {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
}
.ArticleImgWrap {
	display: block;
	width: 100%;
	height: 225px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation.pagination {
	background-color: unset;
	text-align: center;
	margin-top: 30px;
	padding: 0;
}

.nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.page-numbers {
    background-color: var(--purple-400);
    padding: 4px;
    display: inline-flex;
    color: #fff;
    border-radius: 999px;
    width: 40px;
    height: 40px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.page-numbers.next, .page-numbers.prev {
	width: auto;
    padding: 4px 12px;
}

a.page-numbers:hover, .page-numbers.current{
	background-color: var(--purple-200);
	color: #fff;
}
/* End of Archive */

.border-gradient-box {
	padding: 2em;
	background-clip: padding-box;
	border: solid transparent 3px;
	border-radius: 20px;
	background-color: #fff;
	position: relative;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 30px;
}

.border-gradient-box::before {
	content: ""!important;
	position: absolute!important;
	display: initial!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	margin: -3px;
	border-radius: inherit;
	background: var(--purple-gradient);
}

.button-purple {
	background-color: var(--purple-400);
}

.button-purple:hover {
	background-color: var(--purple-200);
}


/* Device = Laptops, Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* Device = Tablets, Ipads (portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
   .archive-loop {
		grid-template-columns: repeat(2,1fr);
	}
}

/* Device = Tablets, Ipads (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.archive-loop {
		grid-template-columns: repeat(2,1fr);
	}
}

/* Device = Low Resolution Tablets, Mobiles (Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
	.archive-loop {
		grid-template-columns: repeat(1,1fr);
	}
}

/* Device = Most of the Smartphones Mobiles (Portrait) */
@media (min-width: 320px) and (max-width: 480px) {
	.archive-loop {
		grid-template-columns: repeat(1,1fr);
	}
}