/*
 * This is a manifest file that'll be compiled into application.css
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body {
	font-family: 'Titillium Web', sans-serif;
}

ul, li {list-style-type:none;}
ol, ul {list-style:none;margin:0;padding:0}

a {color: white;text-decoration:none !important}
a:focus, a:visited, a:active, a:focus {text-decoration:none}
a:hover {color:#e45021}

a, button {-ms-touch-action: manipulation;touch-action: manipulation;outline: none !important}

main a {
	color: #fd3825;
}


.widepg h1 {
	color: #ff4a38;
	line-height: 30px;
	font-size: 2rem;
	margin-top: 0;
	margin-bottom: 27px;
	font-weight: bold;
}

.mobile-page h1 {
	color: #ff4a38;
	line-height: 30px;
	font-size: 2rem;
	margin: 17px 0;
	font-weight: bold;
}

@media only screen and (min-width: 767px) {

	.widepg {
		margin-top: 17px;
		margin-bottom: 17px;
	}

}

h2 {color: #ff7062;}

h3 {
	font-size: 1.1rem;
	padding-top: 17px;
	color: #ff7062;
	font-weight: bold;
	font-family: 'Sen', sans-serif;
}

h4 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #5a5a5a;
}

main {
	min-height: 463px;
}

.widepg {
	margin-top: 17px
}

.alert-x {
	padding: 7px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 767px) {
	.alert-x {
		font-size: 14px;
	}
}

.alert-x.yellow {
	color: #000000;	
	background: #ffe81a;
}

.alert-x.red {
	color: white;	
	background: red;
}

.alert-x.xmas {
	color: white;
	background: rgb(54,119,102);
	background: linear-gradient(129deg, rgba(54,119,102,1) 0%, rgba(117,0,0,1) 21%, rgba(255,0,31,1) 49%, rgba(149,0,10,1) 75%, rgba(54,119,102,1) 100%);
	text-transform: uppercase;
}

.mobile-page {padding:3px 9px 3px 9px}

.cookiewarn {
	background: #f7e69f;
	padding: 7px;
	font-size: 1em;
	position: fixed;
	width: 100%;
	bottom: 108px;
	z-index: 999;
}

.cookiewarn button {
	background: #0072bc;
	border: none;
	color: white;
	padding: 3px 6px;
	border-radius: 3px;
	font-size: 0.9em;
	cursor: pointer;
}

.df-card__price {
	display: none!important;
}

.lang-switch {
	vertical-align: top;
}

.wg-drop.country-selector {
	background-color: transparent!important;
}

.wg-drop.country-selector .wgcurrent {
	border: none!important;
	background: transparent !important;
}

.btnlnk {
	all: unset;
	cursor: pointer;
	color: #ff7062;
}