/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Generic reset stuff */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

* {
	--main-theme: #2744DA;
	--main-theme-darker: #213BC0;
	--main-theme-disabled: #C6D7FF;
	--footer-background: #F9F9F9;
	--bg-for-black-text: #ECF2FF;
	--bg-btn-gray-primary-rest: #F5F5F5;
	--bg-btn-gray-primary-hover: #EBEBEB;
	--bg-btn-gray-primary-text: #1f1f1f;
	padding: 0;
	margin:0;
}

footer {
	background-color: var(--footer-background);
	clear: both;
}

body {
	font: 12px Arial, Helvetica, sans-serif !important;
	background: white;
	color: #2f2f2f;
	margin: 0;
	padding: 0;
}

p {
	font-size: 1rem !important;
	line-height: 170%;
	color: #1F1F1F;
}
p.highlight {
	font-size: 1.25rem !important;
	font-weight: 300 !important;
	color: #545454 !important;
}

label {
	font-size: 0.875rem !important
}

em {
	color: #333;
	font-style: normal;
}

h3 {
	color: #333;
	margin: 9px 9px 9px 4px !important;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: var(--main-theme);
	text-decoration: none;
}

#topline h1 {
	text-indent: -1000px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Structural Stuff */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#topline {
	background: white;
	width: 100%;
	height: 1.2em;
	padding: 0;
	margin: 0;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Containers */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#maincontainer{
	margin: 0 auto;
	padding: 0;
	/*background-color: #fcfcfc;*/
	min-height: 50vh;
	background-color: white;
}
main {
	margin: 0 auto;
	padding: 2rem;
	/*background-color: #fcfcfc;*/
	min-height: 50vh;
}

main#hero {
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url("../images/homepage/hero-image.avif") no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 100vh;
}

#header, header {
	margin: 0 auto;
	padding: 0;
}
header {
	background-color: var(--main-theme);
}

#header h1, header h1 {
	text-indent: -1000px;
}

#mainnavcontainer {
	height: 34px;
	margin: 0 auto;
	padding: 0;
	background: var(--main-theme);
}

/* used for 3rd level content pages */
#whereis {
	height: 20px;
	background: white;
	border-bottom: 1px solid #e0e0dd;
	opacity: .6;
	filter: alpha(opacity=60);
}

#contentcontainer {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	min-height: 43px;
}

#footercontainer {
	/*background: var(--footer-background);*/
	clear: both;
}

#contentfooter {
	height: 0;
}

#footercentre {
	height: 151px;
	background: var(--footer-background);
	margin: 0 auto;
	padding: 0;
}

#footerbottom {
	height: 0;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content one col - small col on left */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentoneocol {
	width: 1000px !important;
	display: inline;
}

#contentoneocolinner {
	margin: 0 8px 12px 8px;
	min-height: 400px;
}

#contentoneocolinner a{
	text-decoration: underline;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Left three col*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentleft{
	width: 300px;
	float: left;
	display: inline;

}

#contentleftinner{
	background: white;
	margin: 20px 12px 12px 12px;
}

#contentleftinner h2 {
	display: none;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Middle three col*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentmiddle{
	width: 350px;
	float: left;
}

#contentmiddleinner{
	margin: 20px 12px 12px 12px;
}

#contentmiddleinner h2{
	display: none;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Right three col*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentright{
	width: 350px;
	float: left;
}

#contentrightinner{
	background: white;
	margin: 20px 12px 12px 12px;
}

#contentrightinner h2{
	display: none;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Left two col - small col on left */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentlefttwocol{
	width: 200px !important;
	float: left;
	display: inline;
}

#contentleftinnertwocol{
	margin: 20px 4px 12px 4px;
}

#contentleftinnertwocol h2 {
	display: none;

}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Middle two col - small col on left */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentmiddletwocol{
	width: 800px !important;
	float: left;
}

#contentmiddleinnertwocol{
	margin: 20px 12px 12px 12px;
}

#contentmiddleinnertwocol p{
	margin: 12px;
	line-height: 1.1em;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Left two col - small col on right */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentrighttwocol{
	width: 350px !important;
	float: right;
	margin: 0;
	padding: 0;
}

#contentrightinnertwocol{
	margin: 20px 8px 12px 4px;
	padding: 0;
}


#contentrightinnertwocol h2 {
	display: none;
	margin: 0;
	padding: 0;
}

#contentrightinnertwocol p{
	margin: 12px 18px 12px 12px !important;
	line-height: 1.1em;
	padding: 0;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content Middle two col - small col on right */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#contentmiddletwocolright{
	width: 650px !important;
	float: left;
	margin: 0;
	padding: 0;
}

#contentmiddleinnertwocolright {
	margin: 20px 12px 12px 12px;
	padding: 0;
}

#contentmiddleinnertwocolright h2{
	display: none;
	margin: 0;
	padding: 0;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Content inner Middle two col */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.leftmiddleinnertwocol {
	float: left;
	width: 306px;
	margin: 6px 6px 12px 12px;
	padding: 0;

}

.leftmiddleinnertwocol h3{
	color: #333;
	margin: 9px 9px 9px 4px;
	padding: 0;
}

.leftmiddleinnertwocol h3 a{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.leftmiddleinnertwocol h3 a:hover{
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

.leftmiddleinnertwocol a{
	color: #333;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

.leftmiddleinnertwocol a:hover{
	color: var(--main-theme);
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.rightmiddleinnertwocol {
	float: right;
	width: 306px;
	margin: 16px 12px 12px 6px;
	padding: 0;
}

.rightmiddleinnertwocol a{
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

.rightmiddleinnertwocol a:hover{
	text-decoration: none;
	margin: 0;
	padding: 0;
}





/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* destination city two col with the
	quick facts float right */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#quickfactscol {
	width: 350px;
	float: right;
}


#contentmiddledestination {
	width: 700px;
	float: left;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* main nav */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

a {
	text-decoration: none !important;
	font-size: 0.875rem !important;
	line-height: 170%;
}

#mainnav, #mainnav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 0;
	height: 24px;
}

#mainnav a {
	display: inline-flex;
	flex-wrap: wrap;
	color: #FFFFFF;
	text-align: center;
	min-width: 10px;
	padding: 1rem;
}

#mainnav a:hover, .activelink {
	background-color: var(--main-theme-darker)
}

#mainnav li { /* all list items */
	float: left;
	clear: none !important;
}

#mainnav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainnav li ul li { /* all list items */
	background: white;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	width: 114px;
}

#mainnav li:hover ul, #mainnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.bottomlink {
	border-bottom: 1px solid #999999;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  image borders */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


.mainfeature {
	border: 1px solid #ddd;
	padding: 8px;
	background: #f8f8f6;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  cheap flights container large */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#cheapflightstable {
	margin: 12px;
	font-size: 110%;
	width: 300px;
	font-weight: bold;
}

#cheapflightstable th {
	padding: 0 0 0 20px;
	margin: 0;
	text-align: left;
	color: var(--main-theme);
}

#cheapflightstable td {
	padding: 0;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
	color: #333333;
}

#cheapflightstable th a{
	color: var(--main-theme);
}

#cheapflightstable td a{
	color: #333333;
}

#cheapflightstable th a:hover{
	color: #333333;
	text-decoration: underline;
}

#cheapflightstable td a:hover{
	color: var(--main-theme);
	text-decoration: underline;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  cheap flights container small - left hand column */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#cheapflightstablesmall {
	margin: 12px;
	font-size: 110%;
	width: 300px;
	font-weight: bold;
}

#cheapflightstablesmall th {
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
	color: var(--main-theme);
}

#cheapflightstablesmall td {
	padding: 0;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
	color: #333333;
}

#cheapflightstablesmall th a{
	color: var(--main-theme);
}

#cheapflightstablesmall td a{
	color: #333333;
}

#cheapflightstablesmall th a:hover{
	color: #333333;
	text-decoration: underline;
}

#cheapflightstablesmall td a:hover{
	color: var(--main-theme);
	text-decoration: underline;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  footer styles */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#footercentre a{
	color: #1F1F1F;
}

#footercentre a:hover{
	text-decoration: underline;
	color: #5F5F5F;
}

#footercentre h2 {
	padding: .8em;
	color: white;
	font-size: 120%
}

#colum1links ul, #colum2links ul, #colum3links ul, #colum4links ul, #colum5links ul{
	margin: 0 0 0 3.5em;
	font-size: 93%;
	line-height: 1.3em;
	float: left;
	min-width: 20px;
}

#colum1links span li, #colum2links span li, #colum3links span li, #colum4links span li, #colum5links span li{
	padding: 0 0 0 7px;
}

.mainlink {
	font-weight: bold;
	margin: 0 0 0 0;
	color: white !important;
}

#contactlinks {
	text-align: center;
	padding: 1rem;
}

#contactlinks ul{

}

#contactlinks ul li {

	display: inline;
	padding: .2em;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  destination  */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#destinationregionlinks {
	background: #f1f1ec;
	margin: 9px;
}

#destinationregionlinks {
	background: #f1f1ec;

}

#destinationregionlinks ul{
	list-style-type: disc;
	color: #333;
	padding: 4px 4px 4px 27px;
}

#destinationregionlinks li{
	margin: 4px 0;
}

#destinationregionlinks a{
	text-decoration: underline;
	color: #333333;
}

#destinationregionlinks a:hover{
	text-decoration: none;
}

/* big one for middle colum */

#choosedestinationbig {
	border: 1px solid #dededa;
	background: #f1f1ec;
	margin: 9px 9px 18px 9px;
	padding: 9px;
}

#choosedestinationbig em{
	font-weight: normal;
	margin: 9px 9px 9px 0;
}

#choosedestinationbig select{
	font-weight: normal;
	margin: 9px 9px 0 9px;
	width: 150px;
	color: var(--main-theme);
}

#choosedestinationbig button{
	border: 1px solid var(--main-theme);
	background: white;
	color: #333;
	width: 30px;
}

#choosedestinationbig button:hover{
	border: 1px solid var(--main-theme);
	background: #333;
	color: white;
}


/* small one for right colum - centred */

#choosedestinationsmall {
	border: 1px solid #dededa;
	background: #f1f1ec;
	margin: 9px 9px 18px 42px;
	padding: 9px;
	width: 210px;
	vertical-align: middle;
}

#choosedestinationsmall em{
	font-weight: normal;
	margin: 9px 9px 9px 18px;
}

#choosedestinationsmall select{
	font-weight: normal;
	margin: 9px 5px 0 15px;
	width: 150px;
	color: var(--main-theme);
}

#choosedestinationsmall button{
	border: 1px solid var(--main-theme);
	background: white;
	color: #333;
	width: 30px;
}

#choosedestinationsmall button:hover{
	border: 1px solid var(--main-theme);
	background: #333;
	color: white;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* The where am I  */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#whereami{
	padding: 3px 0 0 18px;

}

#whereami em {
	font-weight: bold;
	color: #333;
}

#whereami a {
	font-weight: bold;
	color: var(--main-theme);
}

#whereami a:hover {
	font-weight: bold;
	color: var(--main-theme);
	text-decoration: underline;
	color: #333;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* quick facts  */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#quickfactscontainerouter {
	border: 1px solid #dfdedb;
	background: #f1f1ec;
}

#quickfactscontainerinner {
	margin: 4px;
	background: white;
	padding: 1px 0 0 0;
}

#quickfactscontainerinner table{
	background: white;
	margin: 8px 12px 12px 12px;
}

#quickfactscontainerinner td{
	text-align: left;
	color: var(--main-theme);
	padding: 4px 0 4px 20px;
	margin: 0;
	border-bottom: none;
}

#quickfactscontainerinner th{
	padding: 0;
	margin: 0;
	text-align: left;
	color: #333;
	width: 100px;

}

#quickfacts {
	background: #f1f1ec;
	margin: 4px 4px 4px 4px;
	text-align: center;
	border: 1px solid #dfdedb;
	padding: 7px;
}

#quickfacts h4{
	font-size: 120%;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  Travel Builder */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#travelbuilder {
	background: white;
	padding: 0;
	margin: 0;
	width: 280px
}

#travelbuildersmall {
	background: white;
	padding: 0;
	margin: 0;
	width: 190px
}

#travelbuilder a, #travelbuildersmall a{
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#travelbuilder a:hover, #travelbuildersmall a:hover{
	color: var(--main-theme);
	text-decoration: none;
}


#travelbuilder h2, #travelbuildersmall h2{
	display: none;
}

#packageinfo {
	margin: 12px 8px 0 8px !important;
	border-bottom: 1px solid var(--main-theme);
	padding: 0;
}

#travelbuilder h3, #travelbuildersmall h3 {
	color: var(--main-theme);
	padding: 0 8px;
	border-bottom: 1px solid var(--main-theme);
	margin: 0;
}

#travelbuilder h4, #travelbuildersmall h4 {
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 100%;
	color: #333;
}

#travelbuilder em, #travelbuildersmall em {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.packagecontent {
	background: #f2f2f2;
	margin: 0 16px;
	padding: 4px 4px;
	font-size: 100%;
	border-bottom: 1px solid var(--main-theme);
}

.packagecontent a:hover{
	color: var(--main-theme);
	text-decoration: none;
}

.line {
	height: 1px;
	margin: 4px 0;
	padding: 0;
	font-size: 1%;
	border-bottom: 1px solid #c2c2c2;
}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  flightsearch */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#flightsearch {
	background: white;
	width: 276px;
}

#flightsearchsmall {
	background: white;
	width: 192px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	color: #1f1f1f !important;
}

#flightsearchlarge {
	background: white;
	width: 500px;
	float: left;
	border-radius: 0.5rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	color: #1f1f1f !important;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* airline logo container */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.flightcontainer {
	border-top: 1px solid #e2e1d8;
	border-right: 1px solid #e2e1d8;
	border-bottom: 1px solid #e2e1d8;
	border-left: none;
	float: right;
	height: 178px;

}

.flightcontainer img{
	padding-top: 8px;
}





/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  generic classes */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


.dividingline {
	background: #dfdfd5;
	height: 1px;
	padding: 0;
	font-size: 1%;
}

.genericheader {
	margin: 2em 0 0 0;
}

.quotespacer {
	margin: 9px 0 9px 0;
}

.clear {
	clear: both;
}

.marginbottom {
	margin-bottom: 9px;
}

.include {
	margin: 0 !important;
	padding: 0 !important;
}

.imagepadding {
	padding: 12px 2px 2px 2px;
}

/*****************************************************

SEARCH FORM AUTOCOMPLETER

*****************************************************/


.citylistsel {
	background-color: #0000F3;
	color: #FFFFFF;
}
.citylistun {
	background-color:#FFFFFF;
	color:#000000;
}
.citylistdiv{
	max-height:100px;
	overflow:auto;
	border: solid #000000;
	border-width:1px;
	z-index:9999;
}
div.autocomplete {
	position:absolute;
	width:250px;
	background-color: white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected {
	background-color: #f5f5f5; /* #ffb; */
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	text-align: left !important;
	margin:0;
	padding:2px;
	cursor:pointer;
	line-height: 100%;
}

div.autocomplete ul li div {
	font-size: 0.9rem;
}

/* Custom CSS class to prevent text selection */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera, and Firefox */
}

.custom-highlight {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer; /* Add a cursor style to indicate interactivity */
}

.custom-highlight::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0); /* Initial background color for the highlight (transparent) */
	pointer-events: none; /* Ensure that the pseudo-element doesn't interfere with clicking */
	transition: background-color 0.1s; /* Add a transition for a smooth effect */
}

.custom-highlight:hover::before,
.custom-highlight.activelink::before {
	background-color: rgba(0, 0, 0, 0.2); /* Slightly darkened background color on hover and active using alpha channel */
}

.primary-button button, input[type=button].primary-button {
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	padding: 0.5rem 1rem;
	background: var(--main-theme);
	color: #fff;
}

.primary-button button:hover, input[type=button].primary-button:hover {
	background: var(--main-theme-darker);
}

button.back_button, input.back_button, button.secondary-action-button, input.secondary-action-button {
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	padding: 0.5rem 1rem;
	background: var(--bg-btn-gray-primary-rest);
	color: var(--bg-btn-gray-primary-text);
}

button.back_button:hover, input.back_button:hover, button.secondary-action-button:hover, input.secondary-action-button:hover{
	background: var(--bg-btn-gray-primary-hover);
}

/*
Fix for bootstrap problems
*/
fieldset {
	min-width: initial !important;
	padding: initial !important;
	display: block!important;
	margin-inline-start: 2px!important;
	margin-inline-end: 2px!important;
	padding-block-start: 0.35em!important;
	padding-inline-start: 0.75em!important;
	padding-inline-end: 0.75em!important;
	padding-block-end: 0.625em!important;
	min-inline-size: min-content!important;
	border-width: 2px!important;
	border-style: groove!important;
	border-color: rgb(192, 192, 192)!important;
	border-image: initial !important;
}
fieldset>legend {
	float: initial !important;
	width: initial !important;
	padding: initial !important;
	margin-bottom: initial !important;
	font-size: unset !important;
	line-height: initial !important;
}

@media (min-width: 1200px) {
	fieldset>legend {
		font-size: unset !important;
	}
}

/* end of fix */

a.link-bg {
	color: #1F1F1F;
	background-color: #D2E0FF;
}

a.link-black {
	color: #1F1F1F;
	font-size: 1.3rem !important;
}
a.link-black:hover {
	text-decoration: underline !important;
}

#search_button, .primary-action-button {
	float: right;
	padding: 0.5rem 1rem;
	border-radius: 3px;
	border: 0;
	background: var(--main-theme);
	color: white !important;
	cursor: pointer;
}

#search_button:hover, .primary-action-button:hover {
	background: var(--main-theme-darker);
}
#search_button:disabled, .primary-action-button:disabled {
	background: var(--main-theme-disabled);
}

.clickable {
	cursor: pointer;
}
@keyframes glow {
	0% {
		text-shadow: 0 0 1px gold;
	}
	50% {
		text-shadow: 0 0 1px gold, 0 0 2px white;
	}
	100% {
		text-shadow: 0 0 1px gold;
	}
}

.goldvip {
	color: gold;
	font-weight: bold;
	animation: glow 6s infinite;
}