/* ############################# */
/*              Reset            */
/* ############################# */

html, body {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

html {
	scroll-behavior: smooth;
}

h1, h2, .h1, .h2, p, ul {
	margin-top: 1em;
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600;
}
body {
	transition: .2s;
}
.wp-block-image img {
	height: auto;
}

/* ############################# */
/*             Layout            */
/* ############################# */
body {
	font-family: 'Poppins', sans-serif;
	background-color: white;
	width: 100%;
}

@media (min-width: 769px) {
	body {
		position: relative;
		font-size: 0.837vw;
		padding-left: 20.24vw;
	}
}

.main-content {
	background-color: white;
	transition: .2s;
}

/* ############################# */
/*          Sidebar Nav          */
/* ############################# */
aside nav {
	position: inherit;
	width: auto;
	display: inherit;
	padding: initial;
	align-items: unset;
	justify-content: unset;
	height: auto;
	z-index: auto;
	box-shadow: none
}
aside nav ul {
	display: inherit;
}
aside nav li {
	margin: auto;
	border-radius: unset;
	margin-bottom: 1.1vw;
}
aside nav li:hover {
	background-color: unset;
	box-shadow: unset;
}
aside nav li.active:after {
	all: unset;
}
aside {
	position: fixed;
	z-index: 31;
	width: 20.24vw;
	top: 0;
	bottom: 0;
	left:0;
	background: linear-gradient(22.93deg, #431D62 50%, #15B3A1 145%);
	text-align: right;
	transition: .2s;
}

aside .logo {
	margin-top: .88vw;
	display: flex;
    justify-content: flex-end;
}

aside .logo a {
	display: inline-flex;
	margin-left: auto;
}
aside .logo img {
	height: 3.126vw;
	display: block;
    width: auto;
}
aside h2, aside .h2 {
	position: relative;
	font-size: 2.28vw;
	color: white;
	font-weight: 300;
	margin: 1.1vw 3.1vw;
	line-height: 1.2;
}
aside h2::after, aside .h2::after {
	content: '';
	height: 0.1042vw;
	width: 3.7512vw;
	background-color: white;
	opacity: .5;
	position: absolute;
	bottom: -1.0941vw;
	right: 0.1563vw;
}
aside .search {
	margin-top: 3.2302vw;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 2.3vw;
	transition: .2s;
}
aside .search input {
	height: 2.3966vw;
	width: 2.3966vw;
	border-radius: 2.605vw;
	background-color: rgba(255,255,255,.2);
	color: white;
	font-size: 0.7294vw;
	border: 0;
	outline: none;
	padding: 0 1.2vw;
	box-shadow: inset 0 0 0.521vw rgba(0,0,0,.2);
	transition: .2s;
	appearance: none;
	-webkit-appearance: none;
}
aside .search input ~ .go {
	display: none;
}

aside .search:hover input,
aside .search input:focus {
	width: 15.63vw;
	padding: 0.0521vw 1.042vw 0 2.7613vw;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
	display: none;
}
aside .search .search-results {
	position: fixed;
	left: 20.24vw;
	top: 0;
	transition: .2s;
	height: 100vh;
	width: 0;
	overflow: hidden;
	background: rgba(73, 41, 98, 0.95);
	z-index: 100;
}
aside .search .search-results h2,
aside .search .search-results .h2 {
	font-weight: 500;
	cursor: default;
}
aside .search .search-results h2::after,
aside .search .search-results .h2::after{
	display: none;
}
aside .search .search-results #start {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
aside .search .search-results #start img {
	display: none;
	height: 2.5vw;
	animation: loader-wheel 1s linear infinite;
}
@keyframes loader-wheel {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
aside .search .search-results.searching #start img {
	display: block;
}
aside .search .search-results #artcicles {
	text-align: left;
	color: white;
	height: 100%;
}
aside #artcicles .search-feed {
	padding-top: 2.7vw;
	height: 100%;
	overflow-y: scroll;
}
aside #artcicles .articles-title {
	padding-top: .1vw;
	background-color: #381655;
	height: 5.4vw;
	position: relative;
}
aside #artcicles .articles-title .h2 {
	margin: 1.7vw 6vw;
	font-weight: bold;
	font-size: 1.73vw;
}
aside #artcicles .articles-title .close {
	position: absolute;
	top: 1.8vw;
	right: 29.8vw;
	height: 2vw;
	width: 2vw;
	border-radius: 0.5vw;
	border: 0.1vw solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2vw;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
aside #artcicles .result-link {
	color: white;
	text-decoration: none;
	cursor: default;
}
aside #artcicles .single-result {
	display: inline-flex;
	margin-left: 9.64vw;
	width: 40.3vw;
	margin-bottom: 1.8vw;
	transition: .2s;
	cursor: pointer;
}
aside #artcicles .single-result:hover {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.3vw;
	box-shadow: 0 0 0 0.5vw rgba(255, 255, 255, 0.1);
}
aside #artcicles .single-result .left {
	flex: 0 87%;
}
aside #artcicles .single-result .right {
	height: 5.24vw;
	width: 5.24vw;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	border-radius: 0.3vw;
	border-top-left-radius: 0.7vw;
}
aside #artcicles .single-result .author {
	margin: 0;
	font-size: 0.64vw;
	margin-top: 0.5vw;
	opacity: .5;
}
aside #artcicles .single-result h3, aside #artcicles .single-result .h3 {
	text-transform: none;
	font-size: 1.12vw;
	margin: 0;
	margin-top: 0.3vw;
	color: white;
}
aside #artcicles .single-result .date {
	text-transform: uppercase;
	font-size: 0.65vw;
	margin: 0;
	margin-top: 0.5vw;
	opacity: .5;
}
aside #artcicles .article-cats {
	color: white;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.3vw;
	height: 2.5vw;
	vertical-align: text-top;
	padding: 0 1vw;
	margin-left: 0.5vw;
	background-color: #b32a60;
	transition: .2s;
}
aside #artcicles .article-cats:hover {
	transform: scale(1.05);
}


aside .search:hover input ~ .search-results,
aside .search input:focus ~ .search-results,
aside .search .searching {
	width: 79.76vw;
}
aside .search input::placeholder {
	color: rgba(255,255,255,.6);
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
aside .search-wrapper {
	position: relative;
}
aside .search-wrapper::before {
	content: url('../../assets/img/search.svg');
	height: 0.9378vw;
	width: 0.9378vw;
	position: absolute;
	left: 0.8vw;
	top: 0.7294vw;
	transition: .2s;
}
aside .search:hover .search-wrapper::before {
	left: 1.1983vw;
}
aside .sidebar-toggler {
	position: absolute;
	right: -3.5vw;
	background: #2e617e;
	height: 4vw;
	width: 3.5vw;
	top: 1.1vw;
	border-top-right-radius: 0.9vw;
	border-bottom-right-radius: 0.9vw;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .2s;
}
aside .sidebar-toggler img {
	height: 1vw;
	height: 2.2vw;
	margin: 0;
	padding: 0;
	transition: .1s;
}
aside .sidebar-toggler:hover img {
transform: scale(1.05);
}
.side-nav {
	padding-right: 3.3865vw;
}
.side-nav ul {
	padding: 0;
	list-style-type: none;
}
.anchors {
	margin-top: 1.9798vw;
}
.anchors li {
	position: relative;
	padding-right: 2.4487vw;
}
.anchors img {
	max-height: 1.2462vw;
	max-width: 1.0378vw;
	vertical-align: text-top;
	position: absolute;
	right: 0;
	margin-top: 0.3042vw;
}
.anchors a {
	color: white;
	opacity: .6;
	text-decoration: none;
	font-weight: 600;
	transition: .2s;
}
aside h3, aside .h3 {
	color: rgba(255,255,255,.4);
	text-transform: uppercase;
	font-size: 0.8336vw;
	font-weight: 400;
	margin-top: 2.3756vw;
	margin-right: 2.4487vw;
}
.sorting {
	padding-right: 3.2302vw;
}
.sorting li {
	position: relative;
	padding-right: 2.4487vw;
}
.sorting li::after {
	content: '';
	position: absolute;
	height: 0.6vw;
	width: 0.6vw;
	right: 0;
	top: 0.6vw;
	border-radius: 24vw;
	border: 1px solid rgba(255,255,255,.5);
}
.sorting li.active::after {
	content: '';
	position: absolute;
	height: 0.6vw;
	width: 0.6vw;
	right: 0;
	top: 0.6vw;
	border-radius: 24vw;
	border: 1px solid rgba(255,255,255,.5);
	background: rgba(255,255,255,.5);
}
.sorting a {
	text-decoration: none;
	color: rgba(255,255,255,.6);
	font-weight: 600;
	transition: .2s;
}
.anchors a:hover,
.sorting a:hover {
	opacity: 1;
	color: white;
}
.anchors a,
.sorting a {
	font-size: 1.1vw;
	font-weight: 400;
}


.sidebar.sidebar--ucas {
    height: 100%;
}

.sidebar--ucas .sidebar-content {
    height: 100%;
    overflow-y: auto;
}

.sidebar--ucas .sidebar-item {
    padding: 1em 3.1vw 1em 1em;
}

.ucas-sidebar_logo {
    margin-top: 1.8em;
    margin-bottom: 1.6em;
    display: flex;
    justify-content: flex-end;
}

.ucas-sidebar_logo a {
    width: 8rem;
}

.ucas-sidebar_logo a img {
    width: 100%;
    display: block;
}

.sidebar--ucas h2,
.sidebar--ucas .h2 {
    margin: 0;
    margin-bottom: 1.1vw;
}

.widget_ucat_searhbox .search {
    padding: 0;
    margin: 0.5em 0;
}

.sidebar--ucas .sidebar-title {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.sidebar--ucas .widget_nav_menu ul {
    margin: 0;
    padding: 0;

    list-style: none;

    font-size: 1.1vw;
    font-weight: 400;

    display: flex;
    flex-direction: column;
}

.sidebar--ucas .widget_nav_menu ul li {
    margin-bottom: 0.3em;
}
.sidebar--ucas .widget_nav_menu ul li:last-child {
    margin-bottom: 0;
}

.sidebar--ucas .widget_nav_menu ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    opacity: 0.6;
    text-decoration: none;
    transition: 0.2s;
    padding: 0.4em 2.4487vw 0.4em 0;
}

.sidebar--ucas .widget_nav_menu ul li a:hover {
    opacity: 1;
}

.sidebar--ucas .widget_nav_menu ul.ucas-topics-menu li a::after,
.sidebar--ucas .widget_nav_menu ul.ucas-topics-menu li.current-menu-item a::after {
    content: "";
    display: block;
    height: 0.55em;
    width: 0.55em;

    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.sidebar--ucas
    .widget_nav_menu
    ul.ucas-topics-menu
    li.current-menu-item
    a::after {
    background: rgba(255, 255, 255, 0.5);
}

.sidebar--ucas .widget_nav_menu ul.ucas-topics-menu li a::after,
.sidebar--ucas .widget_nav_menu ul li a img {
    max-height: 1em;
    max-width: 1em;
    margin-right: -2em;
    margin-left: 1em;
}


/* ############################# */
/*          Main Slider          */
/* ############################# */
.hero__ucas {
	display: none;
}

@media (min-width: 769px) {
	.hero__ucas {
		display: block;
		width: 100%;

		position: static;
		z-index: 1;
	}
}

.main-single,
.main-slider {
	width: 100%;
	overflow: hidden;
}

.main-single,
.main-slider .slick-track {
	height: 21vw;
}

#ucas-slider > .slide-item {
	display: none;
}

.main-single .slide-item,
.main-slider .slide-item.slick-slide,
.hero__ucas .ui.placeholder {
	display: flex;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
}

.hero__ucas .ui.placeholder {
	padding-top: 21vw;
}

.hero__ucas .slide-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 2em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	position: relative;
}

	/* SLIDE CONTENT */
.hero__ucas .slide-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 40vw;
	padding: 2em;
	border-radius: 1em;
	transition: all 0.35s ease-in-out;

	color: #fff;
}

.hero__ucas .slide-content__blurred {
	background-color: rgba(255,255,255, 0.5);

	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);

	color: #3f3f3f;
}

.hero__ucas a .slide-content__blurred:hover {
	background-color: rgba(255,255,255, 0.7);
}


.hero__ucas .slide-content .title {
	display: block;
	font-size: 1.8756vw;
	font-weight: 600;
	margin: .5em auto;
}

.hero__ucas .slide-content .description {
	text-align: center;
	font-size: 1rem;
	display: block;
}

.hero__ucas .slide-content .description  p {
	margin: .7em 0;
}
.hero__ucas .slide-content .description  p:first-child {
	margin-top: 0;
}
.hero__ucas .slide-content .description  p:last-child {
	margin-bottom: 0;
}

.hero__ucas .slide-content .button {
	font-size: 1.2vw;
	display: inline-flex;
	align-items: center;
	padding: .5em 1.5em;
	border: 2px solid;
	border-radius: 2em;
	margin-top: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.7;

}

.hero__ucas .slide-content .button::after {
	content: '';
	display: block;
	height: 1em;
	width: 1em;
	margin-left: .5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .35s ease-in-out;
}

.hero__ucas .slide-content__blurred .button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%233f3f3f' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
}

.hero__ucas .slide-content:hover .button::after {
	transform: translateX(.2em);
}


/* SLIDER NAVIGATION */
.main-slider .slick-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	padding: .7rem 0;
	margin: 0;
}

.main-slider .slick-dots li {
	background-color: white;
	height: 4px;
	width: 4em;
	border-radius: 2px;
	opacity: .3;
}

.main-slider .slick-dots li + li {
	margin-left: .5em;
}

.main-slider .slick-dots li.slick-active {
	opacity: 1;
}

.main-slider .slick-dots li button {
	display: none;
}


/* ############################# */
/*          Main Content         */
/* ############################# */
h1.cat-title {
	margin: 0;
	padding: 0 1.5rem;
}

.main-content {
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
}

@media (max-width: 768px) {
	.main-content section {
		padding: 1.5rem;
	}

	.main-content section.ucas-categories,
	.main-content section.category-wrapper:nth-child(2n) {
		background-color: #f4f4f4;
	}

	.main-content section h2 {
		margin-top: 0;
		margin-bottom: 0.4em;
	}
}

.main-content .container {
	width: 100%;
	transition: .2s;
}

.slick-topics:not(.slick-slider) {
	display: flex;
	flex-wrap: wrap;
}

.slick-topics a {
	display: inline-block;
	width: auto;
	padding: 1rem;
	border-radius: .5rem;

	color: #fff;
	text-decoration: none;

	font-weight: bold;
	margin-right: 1rem;

	box-sizing: border-box;
}

.slick-topics:not(.slick-slider) a {
	margin-bottom: 1em;
}

@media (min-width: 769px) {
	h1.cat-title {
		padding: 0;
		font-size: 2.5vw;
	}

	.main-content {
		position: relative;
		z-index: 20;
		padding-top: 2.5529vw;
		padding-left: 4.3865vw;
		box-shadow: 0px 0px 1.042vw rgba(0,0,0,.2);
		padding-bottom: 5.21vw;
		overflow-x: hidden;
	}

	.main-content.main-article {
		padding-left: 6vw;
	}

	.main-content .container {
		max-width: 67.6661vw;
		transition: .2s;
	}

	.main-content.main-article .container{
		max-width: 46.0661vw;
		transition: .2s;
	}

}

.top-content-bar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: .8rem;
	padding: 0 1.5rem;
}

.top-content-bar .breadcrumbs ul {
	padding: 1em 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}

.breadcrumbs a {
	text-decoration: none;
	color: #404040;
}

.breadcrumbs a.active {
	color: #15B6A4;
}

.breadcrumbs a span {
	vertical-align: text-top;
	padding: 0 .5em;
}

@media (min-width: 769px) {
	.top-content-bar {
		flex-direction: row;
		padding: 0;
		margin: 0 -3vw 0 0;
		margin-bottom: 2vw;
		font-size: 1.0941vw;
	}

	.breadcrumbs a span {
		padding: 0 0.8336vw;
	}

}

.filtering {
	display: flex;
}
.filtering .filter,
.filtering .sort {
	height: 2.9697vw;
	width: 7.6587vw;
	border-radius: 5.21vw;
	box-shadow: 0px 0px 1.042vw rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .2s;
}
.filtering img {
	height: 1.3025vw;
	margin-right: 0.521vw;
}
.filtering > div:hover {
	background-color: rgb(132, 91, 173);
	color: white;
}
.filtering > div:hover img svg {
	fill: white;
}
.filtering p {
	text-transform: uppercase;
	font-size: 1.0941vw;
}
.main-content section h1 {
	margin-top: 0;
}

@media (min-width:769px) {
	.main-content section h1 {
		font-size: 2.515vw;
		line-height: 1.3;
		color: #404040;

	}
}

h2.header-link a,
h2.header-link a:visited {
	display: flex;
	align-items: center;

	text-decoration: none;
	color: inherit;
}

h2.header-link a::after {
	content: '';
	display: inline-block;
	height: .8em;
	width: .8em;
	margin-left: .5em;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.75 32.96'%3E%3Cg%3E%3Cpath d='M16.38,33A16.48,16.48,0,1,1,32.75,16.48,16.45,16.45,0,0,1,16.38,33ZM23.22,15.4l-.56-.54,0,0L15.27,7.75a1.66,1.66,0,0,0-2.27,0l-.57.54a1.51,1.51,0,0,0,0,2.18l6.24,6-6.24,6a1.51,1.51,0,0,0,0,2.18l.57.54a1.66,1.66,0,0,0,2.27,0l7.35-7,0,0,.56-.54a1.51,1.51,0,0,0,0-2.19Z' fill='%2315b6a4'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.main-content section {
	margin-bottom: 5.21vw;
	position: relative;
}

.grid-cards {
	display: grid;
	gap: 2rem;
	margin: 1.5rem 0;
}



@media (max-width: 768px) {
	.grid-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-cards--compare {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (min-width: 769px) {
	.grid-cards {
		grid-template-columns: repeat(3, 1fr);
	}
	.sidebar-hidden .grid-cards {
		grid-template-columns: repeat(4, 1fr);
	}
}

.grid-cards a {
	text-decoration: none;
	display: block;
	color: unset;
	width: auto!important;
}

.grid-cards .card {
	display: flex;
	cursor: pointer;
	position: relative;
}

@media (max-width: 768px) {
	.grid-cards a {
		grid-column: 1 / 3;
	}


	.grid-cards a:nth-of-type(1) {
		grid-column: 1 / 2;
	}

	.grid-cards a:nth-of-type(2) {
		grid-column: 2 / 3;
	}

	.grid-cards.tranding-post a:nth-of-type(1) {
		grid-column: 1 / 3;
	}

	.grid-cards.tranding-post a:nth-of-type(2) {
		grid-column: 1 / 2;
	}

	.grid-cards.tranding-post a:nth-of-type(3) {
		grid-column: 2 / 3;
	}

	.grid-cards.tranding-post .card,
	.grid-cards a:nth-of-type(1) .card,
	.grid-cards a:nth-of-type(2) .card {
		flex-direction: column;
	}

	.card.card--compare {
		display: grid;
		grid-template-columns: repeat(2, auto);
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
}

.card.card--compare.active::after,
.card.card--compare.active .image::before,
.card.card--compare.active .image::after {
	content: '';
	display: block;
	z-index: 1;
	position: absolute;
}

@media (max-width: 768px) {
	.card.card--compare.active .image::after {
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.75);
	}
}

.card.card--compare.active .image::before{
	height: 3rem;
	width: 3rem;
	background-image: url('../../assets/img/uni-selected.png');
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background-size: contain;
	background-repeat: no-repeat;
}

@media (min-width: 769px) {
	.card {
		flex-direction: column;
		min-height: 20.84vw;
		height: 100%;
		border-radius: 1.042vw;
		box-shadow: 0px 0px 1.042vw rgba(0,0,0,.2);
		overflow: hidden;
		font-size: 0.7294vw;
		color: #404040;
	}

	.card.card--compare {
		min-height: auto;
	}

	.card.card--compare.active {
		box-shadow: 0 0 0.2vw rgb(0 0 0 / 10%);
	}

	.card.card--compare.active::after {
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.75);
	}
}

.card .image {
	position: relative;
	background-size: cover;
	background-position: center;
}

.card:hover .image {
	opacity: .6;
}

.card .label {
	display: none;
}

@media (max-width: 768px) {
	.card .image {
		height: 17.2vw;
		min-width: 17.2vw;
		margin-left: auto;
		border-radius: .5em;
		overflow: hidden;
	}

	.grid-cards.tranding-post a .card .image,
	.grid-cards a:nth-of-type(1) .card .image ,
	.grid-cards a:nth-of-type(2) .card .image {
		order: -2;
		min-width: 100%;
		height: 45vw;
	}

	.card.card--compare .image {
		grid-area: 1 / 2 / 3 / 3;
	}
}


@media (min-width: 769px) {
	.grid-cards .card .image {
		position: relative;
		height: 11.7225vw;
		width: 100%;
	}

	.grid-cards .card .label {
		display: block;
		position: absolute;
		top: 1.4588vw;
		left: 1.7714vw;
		background-color: rgba(255, 255, 255, 0.302);
		border-radius: 1.042vw;
	}

	.grid-cards .card .label p {
		margin: 0.2084vw 0.8336vw;
		color: rgba(255, 255, 255, 0.7);
	}
}

.grid-cards .card .card-info {
	padding-right: 1em;
}


.grid-cards .card .date {
	font-size: .7em;
	color: #404040
}

@media (max-width: 768px) {
	.grid-cards .card .card-info  {
		order: -1;
	}
	.card.card--compare .card-info {
		grid-area: 1 / 1 / 2 / 2;
	}
}

.grid-cards .card .card-info h3 {
	font-size: 1.1rem;
	margin: 0.3em 0;
	line-height: 1.5;
}

.grid-cards.tranding-post a:first-child .card .card-info h3 {
	font-size: 1.4rem;
}

.grid-cards.tranding-post .card .card-info h3 span {
	color: #663398
}

@media (min-width: 769px) {
	.grid-cards .card .card-info {
		font-size: 1em;
		padding: 1.3025vw 1.8235vw;

		flex: 1 1 auto;
		height: 1%;

		display: flex;
		flex-direction: column;
	}

	.grid-cards .card .card-info h3.card-compare-title {
		text-align: center;
	}
}

.extras {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

@media (min-width:769px) {
	.grid-cards .card .extras {
		margin-top: auto;
	}
}

.sharing .time-to-read,
.extras .time-to-read {
	display: flex;
	align-items: center;
}

.sharing .time-to-read::before,
.extras .time-to-read::before {
	content: '';

	display: inline-block;
	height: 1em;
	width: 1em;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23404040' d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	margin-right: .5rem;
}

.extras .tags ul li {
	margin: 0;
}

.extras .tags ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

@media (max-width: 768px) {
	.grid-cards .card .category,
	.grid-cards .card .extras {
		display: none;
	}
}

.grid-cards .card.card--compare .hover-actions {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	transition: .2s;
	z-index: 3;
}

@media (max-width: 768px) {
	.grid-cards .card.card--compare .hover-actions {
		grid-area: 2 / 1 / 3 / 2;
		justify-content: flex-start;
	}
}

.grid-cards .card.card--compare .uni-button {
	display: block;
	padding: 0.3em 0.8em;
	font-weight: 700;
	font-size: .8rem;
	line-height: 1.7;
	background: white;
	color: #323232;
	border: 2px solid #e2e2e2;
	border-radius: 0.3em;
	transition: .2s;
	text-decoration: none;
	margin-right: 1em;
	cursor: pointer;
}

.grid-cards .card.card--compare.active .uni-button.compare-add,
.grid-cards .card.card--compare .uni-button.compare-remove {
	background-color: #e2e2e2;
	display: none;
}

.grid-cards .card.card--compare.active .uni-button.compare-remove {
	display: block;
}


.grid-cards .card.card--compare .uni-button:last-child {
	margin-right: 0;
}

@media (min-width: 769px) {
	.grid-cards .card.card--compare .hover-actions {
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		background: transparent;
	}

	.grid-cards .card.card--compare:hover .hover-actions {
		top: 0;
		background: rgba(21, 179, 161, 0.678);
	}

	.grid-cards .card.card--compare .uni-button {
		margin-right: 0;
		margin-bottom: 1rem;
		font-size: 1.1vw;
		border-color: transparent;
	}

	.grid-cards .card.card--compare .uni-button:hover {
		transform: scale(1.05);
	}

	.grid-cards .card.card--compare .uni-button:last-child {
		margin-bottom: 0;
	}
}



.main-content .see-more {
	display: inline-block;
	padding: .4em 0;

	font-weight: bold;
	text-decoration: none;

	color: #15b6a4
}

@media (min-width: 768px) {
	.category > p {
		max-width: 43.764vw;
	}

	section > p {
		font-size: 1.2vw;
		line-height: 2.45vw;
		margin-bottom: 3vw;
	}
}



/* ############################# */
/*          Help Classes         */
/* ############################# */
.scrollbar-macosx {
		overflow-x: hidden;
		max-height: 100vh;
}
.slick-list.draggable {
		width: 100%;
		overflow: visible;
}
.slick-arrow {
		height: 7.815vw;
		position: absolute;
		z-index: 9999;
		top: 7.815vw;
		transition: .2s;
		cursor: pointer;
}
.slick-arrow.prev {
		left: -3.647vw;
}
.slick-arrow.next {
		right: -2.6462vw;
}
.slick-arrow.slick-disabled {
		height: 0;
}
.slick-slide.slick-current ~ .slick-slide:not(.slick-active)>div {
		text-align: end;
}



/* ############################# */
/*          Article page         */
/* ############################# */
.article-w-sidebar {
	display: flex;
	flex-direction: column;
}

@media (min-width: 769px) {
	.article-w-sidebar {
		flex-direction: row;
		color: #404040;
	}
	.article-w-sidebar .container {
		padding-right: 7.6865vw;
	}
		.article-sidebar {
				width: 28.74vw;
		}
}

.article-sidebar {
	background-color: #FAFAFA;
	margin-top: -2.5529vw;
	margin-bottom: -5.21vw;
	box-shadow: inset 5.21vw 0 1.563vw -3.9075vw rgba(0,0,0,.05);
	display: flex;
	flex-direction: column;
}

.main-article .featured-image img {
	width: 100%;
	display: block;
}

.article {
	counter-reset: my-awesome-counter;
}

.article ol.styled {
	list-style: none;
	counter-increment: my-awesome-counter;
	margin-bottom: 1.4vw;
}
.article ol.styled li {
	position: relative;
	font-size: 1.6vw;
	font-weight: 500;
}
.article ol.styled li::before {
	content: counter(my-awesome-counter);
	color: white;
	font-weight: bold;
	position: absolute;
	--size: 1.9vw;
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 0.3vw;
	background: #15B6A4;
	border-radius: 50%;
	text-align: center;
	font-size: 1.4vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.article ol li {
	position: relative;
	font-weight: 400;
	margin-bottom: 1vw;
}
.article ul {
	list-style: none;
	padding: 0;
}
.article ul li {
	position: relative;
	font-weight: 400;
	margin-bottom: .5em;
	padding-left: 1.5em;
}
.article ul li::before {
	content: '';
	background-image: url('../../assets/img/hero-arrow-green-uni.svg');
	height: 1em;
	width: 1em;
	position: absolute;
	left: 0;
	top: 0.2em;
}

.article p {
	font-size: 1em;
	line-height: 1.9em;
	margin-bottom: 2em;
}

@media (min-width: 769px) {
	.article {
		font-size: 1.1vw;
	}
	.article p {
		line-height: 2.45vw;
		margin-bottom: 1.5vw;
		padding: 1px;
	}
}

.article h2 {
	font-size: 2vw;
}
.article h3 {
	font-size: 1.6vw;
}
.article h4 {
	font-size: 1.4vw;
}
.article h5 {
	font-size: 1.2vw;
}
.article h6 {
	font-size: 1.1vw;
}
.article .wp-block-table {
	margin: 0;
	margin-bottom: 6vw;
	width: 100%;
}

.article figure.wp-block-table figcaption {
	padding: 0.5rem 0.5rem;
	text-align: center;
	font-size: 0.9em;
	color: #555;
}

.article table {
	font-size: 1.1vw;
	line-height: 1.75vw;
}
.article table > thead {
	vertical-align: bottom;
}
.article table > :not(:first-child) {
	border-top: 2px solid #dee2e6;
}
.article table>:not(caption)>*>* {
	padding: 0.5rem 0.5rem;
	vertical-align: top;
}
.article table tbody tr {
	border-bottom: 1px solid #dee2e6;
}
.article table thead th:first-child {
	border-top-left-radius: 1vw;
	border-bottom-left-radius: 1vw;
}
.article table thead th:last-child {
	border-top-right-radius: 1vw;
	border-bottom-right-radius: 1vw;
}
.article table:not(.uni-info) tr > :first-child {
	/* padding-left: 1.3vw; */
	/* font-weight: bold; */
}
.article tbody tr > :last-child {
	/* font-weight: normal; */
	/* word-break: break-word; */
}
.article table code {
	/* vertical-align: text-bottom; */
	font-size: 0.9em;
	font-family: 'Poppins', sans-serif;
}
.article tbody tr > :first-child {
	/* vertical-align: text-top; */
}
.article tbody td {
	/* padding: 1vw 0; */
}

.top-content-bar .sharing {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}


.sharing .share-items {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@media (min-width: 769px) {

	.top-content-bar .sharing {
		padding: 1em 0;
		display: flex;
		justify-content: flex-end;
	}

	.sharing .share-items {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: 0.9vw;
	}
}

.sharing img {
	display: inline-block;
	max-height: 1em;
	height: 100%;
	width: 100%;
}

.sharing .triggering img {
	position: relative;
	transition: .2s;
	margin-left: .5em
}

.sharing .triggering.hidden,
.sharing .triggering.hidden img {
	width: 0;
}

.sharing .time-to-read {
	color: #404040
}

@media (min-width: 769px) {
	.sharing .time-to-read {
		font-weight: 400;
		margin: 0;
		opacity: .5;
	}
}

.author {
	display: flex;
	align-items: center;
	margin-bottom: 1.5vw;
}
.author img {
	border-radius: 5.21vw;
	width: 3.1882vw;
	height: 3.1882vw;
	object-fit: cover;
}
.author .info {
	padding: 0 0.7815vw;
}
.author p {
	margin: 0;
	font-size: 1.1vw;
	line-height: 1.4;
}
.author .name {
	font-weight: 600;
}
.ui-accordion {
	margin-left: -6vw;
	margin-right: -7.6865vw;
}
.ui-accordion > * {
	padding-left: 6vw;
	padding-right: 7.6865vw;
}
.article .ui-accordion-header {
	margin: 0;
	height: 4.6369vw;
	font-size: 1.2504vw;
	display: flex;
	align-items: center;
	box-shadow: inset 0px -1.8235vw 2.7092vw -1.4588vw rgba(0, 0, 0, 0.05);
	cursor: pointer;
	padding-left: 3.95vw;

}
.ui-accordion-header-active {
	cursor: auto;
}
.ui-accordion-header,
.ui-accordion-header-active {
	position: relative;
}
.ui-accordion-header::before,
.ui-accordion-header-active::before {
	content: '+';
	font-size: 1.6672vw;
	color: #15b6a4;
	font-weight: 600;
	padding-right: 1.042vw;
}
.ui-accordion-header-active::before {
	content: '-';
}
.ui-accordion-content {
	padding-bottom: 0.1vw;
	padding-top: 0.5vw;
}
.branch-articles {
	padding: .5rem 2.5rem;
	margin-top: 2rem;
}

.branch-articles h2 {
	font-size: 1.6rem;
	color: #404040;
	margin: 0 0 .3em;
}

.branch-articles ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.branch-articles li {
	position: relative;
	display: flex;
	align-items: center;
	padding: .3em 1em;
}

.branch-articles li + li {
	margin-top: .5em;
}

.branch-articles li::before {
	content: '';
	position: absolute;
	width: 3px;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #404040;
	opacity: .2;
}
.branch-articles li.active::before {
	opacity: 1;
}
.branch-articles a {
	text-decoration: none;
	color: #404040;
	opacity: .6;
	font-size: 16px;
}

@media (min-width: 769px) {
	.branch-articles li::before {
		width: 0.2605vw;
	}

	.branch-articles a {
		font-size: 1.1vw;
	}
}

.branch-articles li.active a {
	opacity: 1;
}

/* ############################# */
/*            Comments           */
/* ############################# */
.comments .was-this-helpful {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.comments .was-this-helpful .h2 {
	font-size: 1.1vw;
}
.comments .was-this-helpful .h2.still-qq {
	margin-top: 0;
	margin-bottom: 2.5vw;
}
.was-this-helpful .h2.green {
	color: #15B6A4;
}
.was-this-helpful .yes-no {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: auto;
	margin-bottom: 1.042vw;
}
.was-this-helpful .yes-no a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.9798vw;
	width: 4.3764vw;
	border: 0.1042vw solid #15B6A4;
	border-radius: 5.21vw;
	text-decoration: none;
	font-size: 0.9378vw;
	font-weight: bold;
	color: #15B6A4;
	transition: .2s;
}
.was-this-helpful .yes-no a:hover {
	background-color: #15B6A4;
	color: white;
}
.comments .comment-section {
	box-sizing: border-box;
	background-color: #D0F0ED;
	width: 100%;
	margin-left: -1.242vw;
	border-radius: 0.6252vw;
	padding: 1.7714vw 2.5008vw 2.605vw;
}
.comment-form .form-group {
	position: relative;
	padding-left: 7.0335vw;
	margin-bottom: 0.7815vw;
}
.comment-form p,
.comment-form textarea,
.comment-form input[type=submit] {
	font-size: 1.1vw !important;
}
.comment-form .form-group label {
	position: absolute;
	/*right: 38.8145vw;*/
	top: 0.521vw;
	max-width: 6.773vw;
	color: #646464;
	text-align: left;
	min-width: 6vw;
	left: 0;
}
.comment-form .form-group input,
.comment-form .form-group textarea,
.comment-form .form-group span {
	font-family: 'Poppins', sans-serif;
	box-sizing: border-box;
	height: 2.8134vw;
	width: 17.2451vw;
	background-color: white;
	border: 0;
	border-radius: 0.6252vw;
	font-size: 1.1vw;
	padding: 0.521vw;
	z-index: 1;
	position: relative;
}
.comment-form .form-group input {
	width: 45%;
}
.comment-form .form-group span {
	background-color: #84D9D0;
	color: white;
	font-size: 1.1vw;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: -3.647vw;
	padding-right: 0.763vw;
	z-index: 0;
	vertical-align: bottom;
	transition: .2s;
	cursor: pointer;
	width: 65%;
}
.comment-form .form-group textarea {
	min-height: 5.3663vw;
	width: 100%;
}
.comment-form .form-group input[type=submit] {
	width: 100%;
	background-color: #84D9D0;
	font-size: 0.9378vw;
	font-weight: bold;
	color: white;
	transition: .2s;
	cursor: pointer;
}
.comment-form .form-group span:hover,
.comment-thread .comment-respond .comment-reply-title a:hover,
.comment-form .form-group input[type=submit]:hover {
filter: brightness(0.9);
cursor: pointer;
}
.comment-thread {
	margin-top: 2.084vw;
}
.comment-thread .comment-respond {
	margin-left: 7vw;
	background: #ffffff40;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: .6252vw;
	margin-bottom: 2vw;
	margin-top: -2vw;
}
.comment-thread .comment-respond .form-group {
	padding-left: 0;
}
.comment-thread .comment-respond label {
	display: none;
}
.comment-thread .comment-respond .comment-reply-title a {
	width: 37.1473vw;
	background-color: #84d9d0;
	font-size: .9378vw;
	font-weight: 700;
	color: #fff;
	height: 2.8134vw;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-radius: .6252vw;
	transition: .2s;
	cursor: pointer;
}
.cld-like-dislike-wrap {
	position: absolute;
	right: 0;
	top: 1.8vw;
	margin: 0;
}
.cld-common-wrap {
	display: inline-flex;
	min-width: auto;
	flex-direction: column;
}
.cld-like-dislike-wrap.cld-custom img {
	height: 1.3vw;
	display: block;
	margin-bottom: 0.7vw;
}
.single-comment {
	display: flex;
	padding-left: 7.0335vw;
	position: relative;
	margin-bottom: 3.084vw;
}
.comment-thread .reply {
margin-top: -1vw;
}
.reply .single-comment {
	padding-left: 10.6805vw;
	margin-bottom: 2.084vw;
}
.single-comment .avatar {
	position: absolute;
	width: 2.7613vw;
	height: 2.7613vw;
	border-radius: 5.21vw;
	background: white;
	font-size: 1.8756vw;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #646464;
	/*right: 38.8145vw;*/
	left: 2rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.reply .single-comment .avatar {
	/*right: 35.1675vw;*/
	left: 4rem;
}
.reply .single-comment .divider {
	display: none;
}
.single-comment .left {
	width: 31.8331vw;
}
.single-comment .name,
.single-comment .comment-content {
	margin: 0;
	color: #646464;
}
.reply .single-comment .left{
	width: 28.1861vw;
}
.single-comment .comment-interactions {
	display: flex;
}
.single-comment .comment-interactions p,
.single-comment .comment-interactions a {
	margin: 0;
	font-size: 0.8336vw;
	color: #663398;
	text-decoration: none;
}
.single-comment .comment-interactions p:not(.published) {
	padding: 0px 0.521vw;
}
.single-comment .comment-interactions a {
	font-weight: bold;
}
.single-comment .right {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	width: 5.4705vw;
}
.single-comment .right > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.8235vw;
	cursor: pointer;
}
.single-comment p {
	font-size: 1.1vw;
}
.single-comment .name {
	font-size: 1.2vw;
}
.single-comment .right img {
	height: 1.1462vw;
}
.single-comment .dislike {
	margin-left: 0.7815vw;
}
.single-comment .tutor {
display: none;
}
.single-comment.byuser .tutor {
	background-color: #663398;
	border-radius: 1.042vw;
	color: white;
	font-size: 0.521vw;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.0521vw 0.2605vw;
	margin-left: 0.521vw;
}
.single-comment .tutor::before {
	content: url('../../assets/img/top.svg');
	height: 0.6252vw;
	width: 0.6252vw;
	margin-right: 0.1563vw;
}
.comment-section-title,
.comment-count {
	display: none;
}

/* ############################# */
/*         Hidden sidebar        */
/* ############################# */
.sidebar-hidden aside {
		transform: translateX(-20.24vw);
}
.sidebar-hidden .top-nav,
.sidebar-hidden .main-slider {
	width: 100%;
}
body.sidebar-hidden {
	padding-left: 0;
}
.sidebar-hidden .main-content.main-article .container {
	max-width: 60.3061vw;
}
.sidebar-hidden .main-content.main-article {
	padding-left: 12vw;
}

@media (min-width: 769px) {
	.sidebar-hidden .main-content .container {
		max-width: 90.6661vw;
	}
}


.sidebar-hidden .main-content section.comments {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sidebar-hidden .article-w-sidebar .container {
	padding-right: 12vw;
}
.was-this-helpful .post-ratings {
	display: flex;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width: unset;
}
.was-this-helpful .post-ratings img {
	height: 2vw;
}
.was-this-helpful .post-ratings .text {
	flex: 0 100%;
	margin-top: 1vw;
}

@media (min-width: 768px) {
	.only-mobile {
		display: none;
	}
}

figcaption {
	font-size: 1.1vw;
}
figure.aligncenter figcaption {
	text-align: center;
}
.article ul.simple {
	list-style-type: disc;
}
.article ul.simple li::before {
	display: none;
}
.fw {
	margin-left: 0;
	margin-right: 0;
}
.fw iframe {
	height: 26vw;
	width: 100%;
}
.wp-block-columns table tr>:first-child {
	white-space: inherit;
}
.article a {
	color: #3E1E5E;
}

/* ############################# */
/*         Responsiveness        */
/* ############################# */
@media screen and (max-width:768px) {
	.article h2 {
		font-size: 5.6vw;
	}
	.article h3 {
		font-size: 5.2vw;
	}
	.article h4 {
		font-size: 4.9vw;
	}
	.article h5 {
		font-size: 4.4vw;
	}
	.article h6 {
		font-size: 4vw;
	}
	.article ol li {
		font-size: 4vw;
	}
	.article ol.styled li {
		font-size: 4.9vw;
	}
	.article ol.styled li::before {
		top: 0.7vw;
		--size: 5.9vw;
		font-size: 4vw;
	}

	.article table {
		font-size: 4vw;
		line-height: 5.1vw;
	}
	.article table thead th:first-child {
		border-top-left-radius: 1.8vw;
		border-bottom-left-radius: 1.8vw;
	}
	.article table thead th:last-child {
		border-top-right-radius: 1.8vw;
		border-bottom-right-radius: 1.8vw;
	}
	.author p {
		margin-bottom: 0;
		font-size: 3.5vw;
		line-height: 1.5;
		margin-left: 1.5vw;
	}
	.ui-accordion {
		margin-left: -10vw;
		margin-right: -10vw;
	}
	.ui-accordion > * {
		padding-left: 10vw;
		padding-right: 10vw;
	}

	section.comments {
		padding: 0;
	}
	.comments .comment-section {
		margin: 0;
		padding: 0;
		background-color: #5CCCC0;
		width: 100%;
	}
	.comment-section-title,
	.comment-count {
		display: inherit;
	}
	.main-content section .h2.comment-section-title,
	.main-content section h2.comment-section-title {
		color: white;
		padding: 1.5rem 1.5rem 0;
		background: #15B6A4;
		margin-bottom: 0;
	}
	.comment-form .form-group label {
		display: none;
	}
	.comment-form .form-group input,
	.comment-form .form-group textarea,
	.comment-form .form-group span {
		border-radius: 2.4vw;
		padding: 4vw 5vw;
		height: 11.8134vw;
		width: 100%;
		font-size: 3.5vw !important;
	}
	.comment-form .form-group .post-anonymous {
		width: 100%;
		justify-content: center;
		margin-left: auto;
		margin-top: 1rem;
		background-color: #1f858a;
	}
	.comment-form .form-group {
		padding-left: 0;
		margin-bottom: 3.2vw;
	}
	.comment-form .form-group textarea {
		min-height: 37.3663vw;
		width: 100%;
	}
	.comment-form .form-group input[type=submit] {
		width: 100%;
		height: 13.2vw;
		font-size: 5vw !important;
		background-color: #1F858A;
		-webkit-appearance: none;
		appearance: none;
	}
	.comment-section .comment-respond {
		background: #15B6A4;
		padding: 0 1.5rem 1.5rem;
		overflow: hidden;
	}
	.comment-section .comment-count {
		color: white;
		font-size: 5.3vw;
		font-weight: 500;
		margin-top: 9vw;
	}
	.comment-form p {
		font-size: 3vw !important;
	}
	.single-comment .avatar {
		display: none;
	}
	.single-comment .left {
		width: 100%;
		padding-left: 0;
	}
	.single-comment .name {
		font-size: 4.2vw;
		color: white;
	}
	.single-comment .published {
		float: right;
		color: white !important;
		font-size: 3.5vw !important;
		margin: 1vw 0;
	}
	.single-comment .left > p:first-of-type {
		color: white;
		font-size: 3.5vw;
		width: 65vw;
		line-height: 6.4vw;
		margin-top: 3vw;
	}
	.comment-thread {
		padding: 0 1rem 0.5rem;
	}
	.cld-like-dislike-wrap.cld-custom img {
		height: 4.6vw;
	}
	.cld-like-dislike-wrap {
		top: 9vw;
	}
	.cld-like-dislike-wrap .cld-common-wrap {
		margin-right: 3.4vw;
	}
	span.cld-count-wrap {
		font-size: 4.2vw;
		font-weight: 400;
		color: white !important;
		margin: 0;
		text-align: center;
	}
	.single-comment {
		padding-left: 0;
		margin-bottom: 4vw;
	}
	.reply .single-comment .left {
		width: 100%;
	}
	.single-comment .tutor::before {
		height: 3vw;
		width: 3vw;
		margin-right: 1vw;
	}
	.single-comment.byuser .tutor {
		border-radius: 3vw;
		font-size: 2.421vw;
		padding: 0.0521vw 1.2605vw;
		margin-left: 0.521vw;
	}
	.reply .single-comment {
		margin-bottom: 5vw;
	}
	.single-comment .comment-interactions a {
		font-weight: bold;
		font-size: 3.5vw;
		color: white;
		text-decoration: underline;
	}
	.reply .single-comment .left::after {
		content: '';
		background: white;
		height: calc(100% - 5.7vw);
		width: 1px;
		position: absolute;
		top: 1.7vw;
		left: 7vw;
	}
	.reply .cld-like-dislike-wrap {
		display: none;
	}
	.comment-thread .comment-respond .comment-reply-title a {
		width: 81vw;
		height: 13.2vw;
		font-size: 5vw !important;
		background-color: #1F858A;
		margin-bottom: 2.1vw;
		margin-top: 2.1vw;
		border-radius: 2.4vw;
	}
	.comments .logged-in-as {
		font-size: 4.2vw !important;
		color: white;
	}
	.main-content section {
		margin-bottom: 0;
	}
	.still-qq {
		display: none;
	}
	.comments .was-this-helpful h2 {
		font-size: 4vw;
	}
	.was-this-helpful .post-ratings img {
		height: 9vw;
	}
	.ratings .text {
		flex: 0 100%;
		margin-top: 3vw;
		font-size: 4vw;
		margin-bottom: 5vw;
	}
	.main-slider {
		display: none;
	}
	aside {
		transform: translateX(-80vw);
		width: 80vw;
	}
	.sidebar-hidden aside {
		transform: translateX(0);
	}
	aside .sidebar-toggler {
		top: 1.1vw;
		right: -12vw;
		background: #325479;
		height: 14vw;
		width: 12vw;
		border-top-right-radius: 2.3vw;
		border-bottom-right-radius: 2.3vw;
	}
	.sidebar-hidden aside .sidebar-toggler {
		top: 20.5vw;
	}

	aside .sidebar-toggler img {
		height: 6.2vw;
	}
	aside .logo {
		margin: 6vw 13vw;
		height: 14vw;
		margin-bottom: 3vw;
	}
	aside h2,
	aside .h2 {
		font-size: 8vw;
		margin: 1.1vw 13vw;
	}
	aside .search input {
		height: 10vw;
		width: 61vw;
		border-radius: 9vw;
		font-size: 4vw;
		padding: 0.0521vw 1.042vw 0 8vw;
	}
	aside .search-wrapper::before {
		height: 4vw;
		width: 4vw;
		left: 3vw;
		top: 3vw;
	}
	.side-nav {
		padding-right: 13vw;
		margin-top: 5vw;
	}
	.anchors a, .sorting a {
		font-size: 4vw;
		font-weight: 400;
	}
	.anchors img {
		max-height: 4.2462vw;
		max-width: 4.0378vw;
		margin-top: 1.1042vw;
	}
	aside nav li,
	.anchors li,
	.sorting li {
		padding-right: 7vw;
		margin-bottom: 3vw;
	}
	.sorting li::after {
		height: 2.4vw;
		width: 2.4vw;
		top: 2vw;
	}
	aside h3, aside .h3 {
		font-size: 3vw;
		margin-top: 7.3756vw;
		margin-right: 0;
	}
	.was-this-helpful .post-ratings .text {
		font-size: 4vw;
		margin-top: 3vw;
		margin-bottom: 4vw;
	}
	.sorting li.active::after {
		height: 2.4vw;
		width: 2.4vw;
		top: 2vw;
	}
	aside {
		display: none;
	}

	.ucas-search {
		transition: .2s;
	}

	.ucas-trending h2:after {
		content: url('../../assets/img/litning.svg');
		position: absolute;
		width: 5.5vw;
		margin-top: 1.5vw;
		margin-left: 3vw;
	}

	.ucas-search.active {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		z-index: 99999;
		background: #361450;
	}

	.ucas-search .mobile-search-results {
		display: none;
	}

	.ucas-search .mobile-search-results.searching {
		display: block;
		z-index: 9999;
		position: absolute;
		top: 16.9vw;
		background: linear-gradient(45deg, #3a1757, #30305c);
		overflow-y: scroll;
		height: calc( 100vh - 16.9vw );
		width: 100%;
	}

	.ucas-search .search-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		padding: .5rem 1.5rem;
		box-sizing: border-box;
	}

	.ucas-search .search-form {
		font-size: 18px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
		background-color: #16b3a2;
		padding: .222em;
		border-radius: 1.335em;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

	.ucas-search input {
		border: 0;
		background-color: rgba(255,255,255,1);
		font-size: 1em;

		font-weight: 400;
		line-height: 1.5;
		color: #212529;

		position: relative;
		flex: 1 1 auto;
		width: 1%;
		min-width: 0;
		padding: 0.375rem 0.75rem;
		padding-left: 1em;
		border-radius: 1.1em;
	}

	.ucas-search input:focus {
		outline: none;
	}

	.ucas-search .mobile-go {
		background: transparent;
		width: 1.5em;
		padding: 0.375em 1em;
		align-items: center;

		display: flex;
		border-top-right-radius: 2vw;
		border-bottom-right-radius: 2vw;

		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3E%3C/svg%3E");
		background-size: 1.5em;
		background-position: center;
		background-repeat: no-repeat;
	}
	.ucas-search .mobile-go span {
		display: none;
	}

	.ucas-search #mobile-start {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.ucas-search #mobile-start h2 {
		color: white;
		font-size: 11vw;
		margin-top: 15vw;
		margin-bottom: 5vw;
	}
	.ucas-search #mobile-start img {
		height: 12vw;
		animation: loader-wheel 1s linear infinite;
	}
	.ucas-search #mobile-artcicles {
		padding: 0 8vw;
	}
	.ucas-search #mobile-artcicles .articles-title h2 {
		color: white;
		opacity: .5;
		font-size: 4.5vw;
		margin-top: 5vw;
		margin-bottom: 1.8vw;
	}
	.ucas-search #close-search {
		display: none;
	}
	.ucas-search .single-result {
		display: flex;
		justify-content: space-between;
	}
	.ucas-search .single-result .author {
		display: none;
	}
	.ucas-search .single-result .right {
		width: 20vw;
		height: 20vw;
		background-size: cover;
		background-position: center;
		border-radius: 2vw;
	}
	.ucas-search .single-result .left {
		flex: 0 70%;
	}
	.ucas-search .single-result h3, .ucas-search .single-result .h3 {
		color: white;
		font-size: 4vw;
		margin-top: 0.9vw;
		margin-bottom: 0;
	}
	.ucas-search .single-result .date {
		text-transform: uppercase;
		color: white;
		opacity: .5;
		font-size: 2.8vw;
		margin-top: 0.8vw;
		margin-bottom: 0;
	}
	.ucas-search .search-feed > div {
		margin-bottom: 8vw;
	}
	.ucas-search .search-feed .article-cats {
		text-decoration: none;
		color: white;
		display: inline-flex;
		background: #b32a60;
		height: 7vw;
		font-size: 3vw;
		margin-right: 1vw;
		font-weight: bold;
		padding: 0 2vw;
		align-items: center;
		justify-content: center;
		border-radius: 1vw;
	}
	.ucas-search .search-feed .result-link {
		text-decoration: none;
	}
	.ucas-search .mobile-close {
		display: none;
	}
	.ucas-search.active .mobile-close {
		display: inline-flex;
		position: absolute;
		top: .222em;
		bottom: .222em;
		right: 3.87em;
		width: 2em;
		align-items: center;
		justify-content: center;

		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2316b3a2' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 2rem;
		color: transparent;

	}
	.app-guide-logo {
		width: 65vw;
		position: absolute;
		left: 9vw;
		top: 7.1vw;
	}
	.comments .was-this-helpful {
		height: 34vw;
	}

	figcaption {
		font-size: 4vw;
	}
	.wp-block-embed {
		margin: 0 -8vw;
	}
	.wp-block-embed-youtube iframe {
		width: 100%;
		height: 57vw;
	}
	.article .wp-block-table {
		margin: 0 -8vw;
		margin-bottom: 6vw;
		padding: 0 8vw;
	}
	.author {
		margin-bottom: 8vw;
	}
	.top-content-bar .breadcrumbs ul {
		flex-wrap: wrap;
	}
	.main-content.main-article .ucas-search.active {
		overflow: visible;
	}
	.main-content.main-article .ucas-search .mobile-search-results.searching {
		position: fixed;
		z-index: 99999;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: calc(100vh - 16.9vw);
	}
	.comments .was-this-helpful .h2 {
		font-size: 1em;
	}
}

.notes-categories .categories--grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
	list-style: none;
	padding: 0;
}

.categories--grid .cat {
	position: relative;
	padding: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}


@media (min-width: 417px) {
	.categories--grid .cat {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 50%;
	}
}

@media (min-width: 769px) {
	.categories--grid .cat {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 33.33%;
		flex: 1 1 33.33%;
		max-width: 33.33%;
	}
}



.categories--grid .cat a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 0 1.042vw rgb(0 0 0 / 20%);
	box-shadow: 0 0 1.042vw rgb(0 0 0 / 20%);
	border-radius: 1.042vw;
	color: #fff;
	padding: 30px;
	height: 25vh;
	max-height: 200px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: bold;
	transition: all .25s ease-in-out;
}

.categories--grid .cat a.theme--default {
	background-color: #15B6A4;
}

.categories--grid .cat a:hover {
	opacity: 0.8;
}

.revison-notes-query {
	column-count: 2;
	width: auto;
	max-width: 800px;
	margin-top: 20px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.revison-notes-query .ucas-accordion {
	max-width: 100%;
	display: inline-block;
	width: 100%;
}
@media only screen and (max-width: 480px) {
	.revison-notes-query {
		column-count: 1;
	}
}
@media only screen and (min-width: 1200px) {
	.tax_notes_container {
		padding: 0 40px !important;
	}
}
.revison-notes-query .ucas-accordion .accordion-title {
	font-size: 1.2vw;
}
.revison-notes-query .accordion-content {
	margin-top: 15px;
}

.revison-notes-query .ucas-accordion--disabled .accordion-content {
	margin-top: 0;
}

.revison-notes-query .loop-ucas-title {
	font-size: 0.84vw;
}


.ucas-accordion {
	background-color: #f3f3f3;
	padding: 20px;
	max-width: 30%;
}
.ucas-accordion .accordion-title {
	margin-top: 0;
	margin-bottom: 0;
	cursor: pointer;
}
.loop-ucas-title {
	margin: 0;
	padding: 7px 0;
}
.accordion-content {
	padding-left: 15px;
	border-left: 1px solid rgb(199, 183, 183);
	display: none;
}

.ucas-accordion--disabled .accordion-content {
	margin-top: 0;
	display: block;
}
.accordion-content a {
	text-decoration: none;
	color: #404040;
	opacity: 0.74;
}
.accordion-content a:hover {
	opacity: 1;
}
.artile-sidebar {
	background-color: #fafafa;
	width: 28.74vw;
	margin-top: -2.5529vw;
	margin-bottom: -5.21vw;
	box-shadow: inset 5.21vw 0 1.563vw -3.9075vw rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.artile-sidebar {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.artile-sidebar .ucas-accordion {
	max-width: 100%;
}
.single-ucas-related {
	top: 0;
}
@media only screen and (max-width: 1024px) {
	.ucas-accordion {
		max-width: 100% !important;
		font-size: 16px !important;
	}
	h1.cat-title {
		font-size: 23px;
		margin-bottom: 15px;
	}
	.cat-item {
		font-size: 18px !important;
		min-height: 84px !important;
		padding: 15px !important;
	}
}

@media only screen and (max-width: 1024px) {
	.ucas-accordion {
		max-width: 100% !important;
		font-size: 16px !important;
	}
	h1.cat-title {
		font-size: 23px;
		margin-bottom: 15px;
	}
	.cat-item {
		font-size: 18px !important;
		min-height: 84px !important;
		padding: 15px !important;
	}
}
.single-note.article ul li::before {
	background: #404040;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	left: -23px;
	top: 10px;
}
.single-note.article ul li ul li::before {
	background: transparent;
	border: 1px solid #404040;
}
.single-note.article ul {
	padding-left: 10px;
}
.subcat-title {
	padding-left: 20px;
	margin-bottom: 0;
}
.single-note .breadcrumbs li a {
	font-size: 1.0941vw;
}
.single-note .sharing .time-to-read {
	width: auto;
}
.single-note .sharing img {
	max-height: 25px;
	position: relative;
	top: 3px;
}
.single-note .top-content-bar .sharing {
	align-items: center;
	position: relative;
	top: -2px;
}
.single-ucas-related .select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}
.single-ucas-related .select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-weight: 600;
	color: #fff;
	width: 90%;
	margin-left: 20px;
	height: 60px;
}
.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #431d62;
	transition: all 0.2s ease-in;
	color: #fff;
	border: 1px solid #f3f3f3;
	font-weight: 600;
	display: flex;
	align-items: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 8px 3rem 8px 15px;
	border-radius: 6px;
}

@media (min-width: 769px) {
	.select-styled {
		font-size: 1.1vw;
	}
}
.select-styled:hover {
	background-color: #431d62;
}
.select-styled:active,
.select-styled.active {
	background-color: #431d62;
}
.select-styled:active:after,
.select-styled.active:after {
	top: 9px;
	border-color: transparent transparent #fff transparent;
}
.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
}
.select-options li {
	margin: 0;
	padding: 12px 0;
	text-indent: 15px;
	border-top: 1px solid#f3f3f3;
	transition: all 0.15s ease-in;
	color: #404040;
}

@media (min-width: 769px) {
	.select-styled {
		font-size: 1.03vw;
	}
}
.select-options li:hover,
.select-options li.is-selected {
	color: #404040;
	background: #fff;
}
.select-options li[rel="hide"] {
	display: none;
}
.single-ucas-related .ucas-accordion {
	display: none;
}
.single-ucas-related .ucas-accordion.active {
	display: block;
}
.loop-ucas-title.current-post {
	color: #431d62;
}
.single-ucas-related .ucas-accordion .loop-ucas-title,
.single-ucas-related .ucas-accordion .accordion-title {
	font-size: 1rem;
}

@media (max-width: 768px) {
	.single-ucas-related .ucas-accordion .loop-ucas-title,
	.single-ucas-related .ucas-accordion .accordion-title {
		padding: 0.5em 0;
		margin-bottom: 0.3em;
	}
}

@media (min-width: 769px) {
	.single-ucas-related .ucas-accordion .loop-ucas-title {
		font-size: 0.84vw;
		margin: 7px 0;
	}
}

#menu-header-menu-centre-1 li {
	margin-right: 2vw;
}
@media (min-width: 769px) {
	.single-ucas-related .ucas-accordion .accordion-title {
		margin-bottom: 15px;
		font-size: 1.1vw;
	}
}
.single-ucas-related .parent-nav {
	margin-top: 20px;
}

#ez-toc-container ul li:before {
	display: none;
}