/* RESET */ 

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul, ol {
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
}

input, 
button,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;    
}

lockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    color: inherit;
	text-decoration: none;
}

img {
	border: none;
	padding: 0;
}

address {
	font-style:normal;
	}
	
button {
    background-color: none;
	border: none;
    }
	
input, input:focus {
	border: none;
}

/* GENERIC CLASSES */

.invisible {
	display: none !important;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* FONT */

@font-face {
	font-family: 'dejavu';
        src: url('DejaVuSerif.ttf') format('truetype'); 
	}
@font-face {		
	font-family: 'pacifico';
		src: url('Pacifico-Regular.ttf') format('truetype');
	}
@font-face {	
	font-family: 'varela';
		src: url('VarelaRound-Regular.tff') format('truetype');
	}
	
* {
	font-family: dejavu, arial, sans-serif;
}

h1 {
	font-size: 4em;
	padding: 1em;
}

h2 {
	color: #FBF8F2;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

h3 {
	font-size: 1.75em;
	padding: 1.5em 0 1em 0;
	/* font-family: pacifico, arial, sans-serif; */
	/* text-transform: uppercase; */
}

h4 {
	font-size: 1.25em;
	padding: 1em 0 0.5em 0;
}

h5 {
	text-transform: uppercase;
	font-weight: bold;
	color: hsl(40, 90.2%, 48%);
}

h5.profiles {
	color: hsl(192, 100%, 33%);
}

h6 {
	font-size: 1.25em;
	padding: 0.5em 0 0.5em 0;
}

p {
	padding: 1em 0;
	text-align: justify;
	line-height: 1.25;
}

p a, h3 a, h4 a, footer a, .community a {
	text-decoration: underline;
}

p a:hover, h3 a:hover, h4 a:hover, footer a:hover, .community a:hover {
	text-decoration: none;
	color: black;
}

*::-moz-selection {
  color: white; 
  background-color: hsla(192, 100%, 33%, 61%);
}

*::selection {
  color: white;
  background-color: hsla(192, 100%, 33%, 61%);
} 

/* HEADER */

#top-nav {
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0.41);
	z-index: 9;
}

#top-nav ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#top-nav li {
	color: white;
	padding: 1em;
	flex: 1 0 auto;
}


.header-container {
	margin: auto;
	width: 100%;
	height: 350px;	
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	position: relative;
}


.header-image-container {		
	width: 100%;
	position: absolute;
	top: 0;
	margin: auto;
	z-index: 0;
	height: 350px;
    overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
}

.header-image {
	flex: 0 1 auto;
	
}

.header-image-container img {
	width: 100%;
	flex: 0 1 auto;
	
}

/*grey area for homepage */
.header-image-container-firstlevel {
	overflow: hidden;
	left: 15%;
	width: 70%;
	position: absolute;
	top: 0;
	margin: auto;
	z-index: 1;
	height: 350px;
}

#header-image-home {
	background-image: linear-gradient(rgba(0,0,0,0.61), rgba(0,0,0,0.41), rgba(0,0,0,0));	
}	

#header-backgroundimage-home {
	background-blend-mode: lighten; 
	z-index: -3;
	width: 100%;
	flex: 1 0 auto;
	background-position: center top;
}

.logo-image-container {
	flex: 2 1 0;
	margin: 1em 0 0.5em 0;
	position: relative;
	z-index: 2;
}

.logo-image {
	width: 17%;
	margin: auto;
	height: auto;
	display: block;
}

.logo-image-home {
	width: 35%;
	margin: auto;
	height: auto;
	display: block;
}

#header-headline {
	flex: 1 1 0;
	padding: 0 0 3em 0;
	text-align: center;
	position: relative;
	z-index: 2;	
}

#background-header {
	flex: 2 1 40px;
	z-index: -2;
}

@media (min-width: 1600px) {
	.header-container-firstlevel, .header-container {
		width: 50%;
		left: 25%;
	}
	
	
}	

@media (min-width: 1400px) {
	.header-container-firstlevel, .header-container {
		width: 80%;
		left: 10%;
		margin: 0;
	}
}	

@media (min-width: 1600px) {
	.header-container-firstlevel, .header-container {
		width: 70%;
		left: 15%;
		margin: 0;
	}
}	


@media (max-width: 600px) {	
	.header-container {
		min-height: 250px;
		height: 250px;
	}
	
	.header-image-container-firstlevel, .header-image-container {
		max-height: 250px;
	}
	
	.logo-image-container {
		padding: 3em 0 0 0;
		margin: 0;
		width: 90%;
		margin: auto;
		
	}
	.logo-image {
		width: 40%;
		padding: 0.5em 0 0.5em 0;
	}
	
	.logo-image-home {
		width: 60%;
		padding: 0.5em 0 0.5em 0;
	}
	
	#header-headline {
		margin: auto;
		font-size: 1.5em;
	}	
}

/* NAVIGATION */	

nav {
	display: block;
	width: 100%;
	/*flex: 1 0 auto; */
	
	
}

nav.header-nav {
    position: absolute;
	z-index: 7;
	bottom: 0;
	transition: all 1.75s;
	-webkit-transition: all 1.75s;
	
}	

nav.sticky {
    position: fixed;
	position: -webkit-fixed;
    top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	opacity: 0.9;
	width: 100%;
	transition: all 1.75s;
	-webkit-transition: all 1.75s;
}

/* nav.sticky #firstlevel-nav-extra {
	background-color: rgba(0,0,0,0.61);
	color: white;
	transition: background-color 2s;
	transition: 0.75s;
	-webkit-transition: 0.75s;
}	

nav.sticky #firstlevel-nav, nav.sticky #destination-nav {
	background-color: rgba(0,0,0,0.81);
	transition: background-color 2s;
	color: white;
}	 */

nav ul {	
	text-align: center;
	display: flex;
	justify-content: space-between;
}

nav ul li {
	display: block;
	padding: 0.75em;
	font-size: 1.25em;
	flex: 1 1 auto;
}

/* nav ul#firstlevel-nav li {

	background-color: rgba(0,0,0,0.61);
	border-radius: 15px;
	margin: 0.5em;
	
}	 */

body#Home nav ul li a.Home, body#Destinations nav ul li a.Destinations, body#Community nav ul li a.Community, body#About nav ul li a.About {
	border-bottom: 2px solid white;
	border-bottom: 2px solid black;
}

/* body#Home nav.sticky ul li a.Home, body#Destinations nav.sticky ul li a.Destinations, body#Community nav.sticky ul li a.Community, body#About nav.sticky ul li a.About,  */
body#Home nav.mobile ul li a.Home, body#Destinations nav.mobile ul li a.Destinations, body#Community nav.mobile ul li a.Community, body#About nav.mobile ul li a.About {
	border-bottom: 2px solid black;
}

#destination-nav, #firstlevel-nav {
	/* background-color: rgba(50,50,50,50.41); */
	background-color: rgba(240,240,240,1);
	color: white;
	color: black;
	transition: background-color 2s;
	transition: opacity 2s;
}

#firstlevel-nav-extra {
	/* background-color: rgba(0,0,0,0.71); */
	justify-content: center;
	color: black;
	background-color: rgba(250,250,250,1);
	transition: background-color 1s;
}

.mobile {
	display: none;
	position: fixed;
	position: -webkit-fixed;
	top: 0;
	z-index: 9;
	/* background-color: rgba(0,0,0,0.41); */
	max-height: 200px;
}

.mobile ul {
	flex-direction: column !important;
}

.mobile ul li.mobile-menu {
	/* background-color: rgba(0,0,0,0.81) !important; */
	background-color: rgba(240,240,240,0.9);
	color: black;
}

.mobile-extra-menu {
	/* background-color: rgba(0,0,0,0.61) !important; */
	background-color: rgba(250,250,250,0.9);
	color: black;
}



@media (max-width: 1000px) {
	nav ul {
		flex-wrap: wrap;
	}
}

@media (max-width: 600px) {
	#header-nav, #top-nav, #header-nav, #firstlevel-nav, #search-area {
		display: none;
	}
	
	nav.mobile {
		display: block !important;
	}
	
	nav.mobile ul li:not(:first-child) {
		display: none;
	}
}

nav.active ul li {
	display: block !important;
}

.relative-container {
	position: relative;
}
	
/* Search */

.active-search {
	padding: 2em;
	background-color: #FAFAFA;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
}


.active-search h4 {
	font-variant: small-caps;
}

.active-search mark {
	padding: 0.25em;
	background-color: #E99F0C;
}

.active-search p {
	padding: 0;
}

form a {
	padding: 0.25em;
	transition: d 2s;
}

#search-input {
	width: 0;
	transition: width 0.5s;
}

#search-description {
	opacity: 1;
	transition: opacity 1s;	
}

#mobile-search {
	z-index: 10;
}

form.mobile-input {
	width: 90%;
	margin: auto;
	padding: 3em 0 0 0;
}

.mobile-input input {
	width: 100%;
}

/* CONTENT CLASS */

main {
	margin: 0 0 4em 0;	
}

hr {
	margin: 1em;
	width: 50%;
	border: 2px solid #E99F0C;
}

.credits {
	position: absolute;
	right: 0;
	
	font-size: 0.5em;
	background-color: rgba(0,0,0,0.81);	
	color: white;
	padding: 0.5em;
}

@media(min-width: 601px) {
	.credits {
		top: 0;
	}
}	

@media(max-width: 600px) {
	.credits {
		bottom: 0;
	}
}	

.background-destination {
	overflow: hidden;
}

.breadcrumbs, .breadcrumbs-activity {
	padding: 1.25em;
	font-weight: bold;
}

.breadcrumbs-activity {
	padding-top: 4em;
}

@media (min-width: 1400px) {
	main, header .breadcrumbs, header .breadcrumbs-activity {
		width: 80%;
		margin: 0 auto 1.5em auto;
	}
}

@media (min-width: 1600px) {
	main, header .breadcrumbs, header .breadcrumbs-activity {
		width: 70%;
		margin: 0 auto 1.5em auto;
	}
}

@media (max-width: 800px) {
	main {
		padding: 0 0 4em 0;
	}
}

.content-column {
	float: left;
	width: 70%;
	overflow: auto;
	padding: 0 1em 0 0;
}

div.content>h3, div.map>h3 {
	padding: 1em !important;
}

.sidebar, .sidebar-featured {
	width: 30%;
	float: right;
	overflow: auto;
	overflow-x: hidden;
	padding: 1em;
	position: relative;
}

.description, .profile {
	padding: 0 1.25em !important;
}

ul.description ul, ul.description ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 2em;
}

ul.description ul {
	padding: 0 0 0 0.5em;
}

ul.description li {
	padding: 0.5em;
}

.sidebar-featured {
	float: left; 
	padding: 0;
	
}

.featured {
	background-color: rgba(99, 99, 99, 0.8);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: 1em;
	overflow: auto;
}

.featured p {
	width: 95%;
	text-align: justify;
	padding: 1em 0 1em 1.25em;
	
}

.featured-img {
	position: relative;
	min-height: 150px;
	overflow: hidden;
}

.featured-img img {
	display: block;
	width: 95%;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;

}

.stats {
	background-color: rgba(99, 99, 99, 0.8);
	padding: 0.75em 1em;
	margin: 0.5em auto;
	width: 90%;
	min-height: 100%;
	overflow: auto;
	border-radius: 5px;
}

.stats a {
	text-decoration: none;
}

@media (max-width: 800px) {
	.content-column, .sidebar, .sidebar-featured {
		width: 100%;
	}
	
	.sidebar {
		margin-top: 1em;
	}
	
	.content-column {
		padding: 0;
	}
	
	.stats {
		width: 95%;
	}
}

.map {
	z-index: -2000;
	padding: 1em 0;
}

.list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 2em 0;
}

.ambassador {
	font-weight: bold;
}

/* FILTER */

.filter {
	padding: 1em;
}

.filter form label {
	padding: 0 2em 0 0.5em;
}

.filter h4 {
	display: inline;
}

.filter label {
	margin: 1em;
	display: inline-block;
}


.filter input[type=checkbox] {
	display: none;
}

.filter input[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
	}

.filter input[type="checkbox"]:not(:checked) + label:before,
.filter input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; bottom: -0.1em;
  width: 1.25em; height: 1.25em;
  border: 2px solid #E99F0C;
  background: rgba(240,240,240,1);
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.filter input[type="checkbox"]:not(:checked) + label:after,
.filter input[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  bottom: 0.1em; left: .1em;
  font-size: 2em;
  line-height: 0.8;
  color:  #E99F0C;
  transition: all .2s;
  //* font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;*/
}

.filter input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.filter input[type="checkbox"]:disabled:not(:checked) + label,
.filter input[type="checkbox"]:disabled:checked + label {
  cursor: default;
}

.filter input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.filter input[type="checkbox"]:disabled:not(:checked) + label:before,
.filter input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

/* .filter input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
} */

.filter input[type="checkbox"]:disabled + label {
  color: #aaa;
}

/* accessibility */
.filter input[type="checkbox"]:checked:focus + label:before,
.filter input[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted #E99F0C;
}


.thumbnail-destination {
	flex: 1;
	max-width: 25%;
	min-width: 25%;
	overflow: hidden;	
	padding: 1em;
}

.content-column .list .thumbnail-destination {
	max-width: 50%;
	min-width: 50%;
}	

.activity {
	display: none;	
}

.show {
	display: block !important;
}

.thumbnail-image-container, .image-container {
	position: relative;
	max-height: 250px;
	overflow: hidden;
	border-radius: 4px;
}

.thumbnail-image-container {
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
}

.activity-card {
	height: 150px;
	position: relative;
}

img.lightbox-image {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	overflow: visible; 	
}


.thumbnail-destination img {
	width: 100%;
	object-fit: cover;
	display: block;
}

.overlay-thumbnail {
	position: absolute;
	top: 0;
	background-color: rgba(230,230,230,0.81);
	width: 100%;
	padding: 0 0.5em;
}



.addtravel {
	font-size: 1.5em;
	padding: 0.5em;
	position: absolute;
	bottom: 0;
	text-align: left;
	z-index: 8;
}

.addtravel i {
	padding: 0.5em;
	border: 2px solid rgba(230,230,230,0.81);
	background-color: rgba(230,230,230,0.81);
	border-radius: 50%;
	display: block;
}

.addtravel i:hover {
	border: 2px solid black;
	border-radius: 50%;
}

h4.addtravel a {
	text-decoration: none;
}
	
@media (max-width: 1000px) {
	.list {
		flex-wrap: wrap;
	}
	
	.thumbnail-destination {
		min-width: 33%;
		}
}

@media (max-width: 800px) {
	.list {
		flex-wrap: wrap;
	}
	
	.thumbnail-destination {
		min-width: 50% !important;
		}
}	

@media (max-width: 600px) {
	.list {
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.thumbnail-destination {
		min-width: 100% !important;
		}
	
}		

.lightbox {
	background-color: rgba(0,0,0,0.81);	
	height: 100vh;
	position: fixed; 
	z-index: 11; 
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;	
	overflow: auto;
}

.alert {
	background-color: rgba(230,230,230,0.91);
	width: 50%;
	height: 50vh;
	margin: auto;
	padding: 2em;
	overflow: auto;
}

.lightbox-content {
	background-color: rgba(230,230,230,0.91);
	width: 85%;
	margin: auto;
	padding: 2em;
	overflow: auto;
	height: 100vh;
}

.lightbox-content .sidebar {
	overflow: hidden;
	background-color: rgba(0,0,0,0.11);
	border-radius: 3px;
}

.underlay {
	position: relative;
	height: 75px;
}

.lightbox-image {
	width: 100%;
}

@media (max-width: 600px) {
	.lightbox-content, .alert {
		padding: 4em 0.25em 0.25em 0.25em !important;
		width: 100% !important;
	}
}

.created {
	padding: 0.5em 0;
}

.activity-show i, .profile-show i, .profile i {
	font-size: 2em;  
	vertical-align: sub;
	padding: 0 0.5em 0.5em 0;
}

ul.tags {
	display: block;
	list-style-type: none;
}

ul.tags li {
	padding: 0.25em;
	float: left;
}

ul.destinations {
	display: block;
	list-style-type: none;
}

ul.destinations li {
	padding: 0 0.25em;
	float: left;	
}

ul.destinations li h4 {
	padding: 0;
}

.guide .sidebar a  {
	font-weight: bold;
	display: block !important;
	text-align: center;
}

.guide .sidebar ul li {
	padding: 1em 0;
}

.guide .sidebar ul li:first-child {
	padding: 0;
}

.guide .sidebar a:hover {
	color: black !important;
}

a.extern {
	color: #E99F0C;
	text-decoration: none;
}

a.intern {
	color: hsl(192, 100%, 33%);
	text-decoration: none;
}

a.extern::before {
	content: "\2196  ";
	font-weight: bold;
}

a.intern::before {
	content: "\2198  ";
	font-weight: bold;
}

.lightbox .closebtn {
	font-size: 2em;
	text-align: left;
	display: block;
	padding: 0 0 0.5em 0;
}

.community {
	background-color: hsla(192, 100%, 33%, 61%);
	padding: 1em;
	overflow: auto;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#user .community {
	width: 50%;
}

.switch, .switch a {
	font-weight: bold;
}

.switch a {
	color: hsla(192, 100%, 33%, 61%);
}	

form.InputfieldForm {
	width: 90%;
}

form.InputfieldForm li {
	padding: 1em 0;
}

.InputfieldHeader.ui-widget-header {
	font-weight: bold;	
}

#registration-form .InputfieldError {
	color: red;
}


#registration-form .InputfieldPasswordRow .detail.pass-scores, .InputfieldPasswordRow .detail.pass-confirm {
	display: none;
}

.toggle-icon.fa-angle-down {
	display: none;
}
	
p.description, p.InputfieldPasswordRow, p.InputfieldError {
	padding: 0.5em 0 !important;
}

.Inputfields input, .InputfieldContent.ui-widget-content button {
	padding: 0.5em 0.25em;
	margin-top: 0.5em;	
}

.Inputfields input:focus {
	border: 3px solid #E99F0C;
}

.InputfieldContent.ui-widget-content button {
	background-color: hsla(192, 100%, 33%, 100%);
	padding: 0.75em;
	font-weight: bold;
	border-radius: 15px;
}

.InputfieldContent.ui-widget-content button:hover {
	color: hsla(192, 100%, 33%, 100%);
	background-color: rgba(240,240,240,1);
}

.InputfieldContent.ui-widget-content button:focus {
	background-color: hsla(192, 100%, 33%, 100%);
	color: black;
	outline: none !important;
}	

form.InputfieldForm p.description {
	color: red;
	display: none;
}
	
input:invalid {
	border: 1px solid red;
}
	
p.InputfieldPasswordRow label {
	display: block;
}

.my-form-submitted input {
	
}

.InputfieldHeader.InputfieldHeaderHidden.ui-widget-header span {
	display: none;
}

.pw-no-select {
	padding: 0.5em;
}

@media (max-width: 800px) {
	
	#user .community {
		width: 100%;
		border-radius: 4px;
	}
}	

.profile h3, .profile h4 {
	display: inline;
}

.profile ul {
	padding: 1em 0;
}

.profile ul li {
	padding: 0.5em 0;
}

/*travelplans */

.plans-container {
	display: flex;
	flex-direction: column;
}

.plans-row {
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	justify-content: start;
}

.plans-entry {
	flex: 1 1 auto;
	text-align: left;
	padding: 1em;
	max-width: 50%;
}

.plans-row.activities .plans-entry:nth-child(odd) {
	background-color: rgba(233, 159, 12, 0.2);
}

.plans-container hr {
	margin: 0;
	width: 50%;
	border: 2px solid hsla(192, 100%, 33%, 61%);
}

.plans-container .activities hr {
	margin: 0;
	width: 75%;
	border: 1.5px solid #E99F0C;
}


.answer {
	display: none;
}

.visible {
	display: block;
	transition: display: 2s;
	
}


/* Footer */

footer {
	background-color: rgba(230,230,230,0.91);
}

footer p, footer ul {
	padding: 0.5em 0.75em;
}

footer ul {
	font-variant: small-caps;
	width: 100%;
	overflow: auto;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}

footer ul li {
	padding: 0.5em;
	flex: 1 1 auto;
}

footer ul li.img {
	/* padding: 0; */
	flex: 0 1 auto;
	overflow: hidden;
}

footer ul li.img img {
	width: 50%;	
}


@media (max-width: 800px) {
	footer ul {
		flex-direction: column;
	}
	
	footer ul li.img {
		width: 40%;
	}
}

@media (min-width: 1400px) {

	footer ul {
		width: 80%;
		margin: auto;
	}

}

@media (min-width: 1600px) {

	footer ul {
		width: 70%;
		margin: auto;
	}
	

}

/* .cookie-banner {
	position: fixed;
	z-index: 20;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5em 1em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: white;
	border-radius: 2px;
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.4);
	border-top: 5px solid hsl(192, 100%, 33%);
	-webkit-animation-name: popin;
	-webkit-animation-duration: 0.4s;
}

@-webkit-keyframes popin {
	from {bottom:-10px; opacity:0} 
	to {bottom:0; opacity:1}
}

@keyframes popin {
	from {bottom:-100px; opacity:0} 
	to {bottom:0; opacity:1}
}

.cookie-banner .closebtn {
	font-size: 1.5em;
} */

.pwcmb-widget__text p a {
	color: inherit !important;
	text-decoration: underline !important;
	
}

.pwcmb-widget__text p a:hover {
	text-decoration: none !important;
}


.pwcmb {
    box-sizing: border-box;
}
.pwcmb * {
    box-sizing: border-box;
}

.pwcmb {
    position: fixed;
	position: -webkit-fixed;
    z-index: 601;
    background: white;
    width: 100%;
    left: 0;
    transition: top 0.25s;
}

.js-show.pwcmb--top_overlay,
.js-show.pwcmb--top_push {
    top: 0px;
}

.pwcmb--bottom_overlay {
    bottom: -400px;
}

.js-show.pwcmb--bottom_overlay {
    bottom: 0px;
}

.pwcmb-widget {
    position: absolute;
    width: 100%;
    padding: 20px;
    transition: 0.25s;
    background: whitesmoke;
}

.pwcmb--bottom_overlay .pwcmb-widget { bottom: -9999px; }
.pwcmb--bottom_overlay .js-show.pwcmb-widget {
    bottom: 0;
}
.pwcmb--top_overlay .pwcmb-widget { top: -9999px; }
.pwcmb--top_overlay .js-show.pwcmb-widget {
    top: 0;
}

.pwcmb-widget__close {
    visibility: hidden;
    cursor: pointer;
}

.pwcmb-widget__close::before {
    content: '×';
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
    overflow: hidden;
}

.pwcmb-widget__copy {
    padding-right: 20px;
}

.pwcmb-widget__title {
    font-weight: bold;
}

.pwcmb-widget__row-label { font-weight: bold; }
.pwcmb-widget__row-text { display: inline; }
.pwcmb-widget__row-text:before { content: ' - '; }

.pwcmb-widget__actions {
    white-space: nowrap;
}

.pwcmb-widget button {
    white-space: nowrap;
	font-size: 1em;
	padding: 0.25em;
	background-color: hsla(192, 100%, 33%, 100%);
	border-radius: 5px;
}

.js-pwcmb-notice-toggle {
    cursor: pointer;
}

.pwcmb-option-wrapper {
    position: relative;
}


@media screen and (max-width: 767px) {
    .pwcmb-widget__inner {
        display: flex;
        flex-direction: column;
    }
    .pwcmb-widget__row-label,
    .pwcmb-widget__text {
        font-size: 12px;
    }

    .pwcmb-widget__actions {
        padding-top: 20px;
    }

}

@media screen and (min-width: 768px) {
  .pwcmb-widget__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    } 

    .pwcmb-widget__actions {
        margin-left: auto;
    }

}