/****************
COLORS & FONTS

Primary Color (Pink): #df3c78; rgb(223,60,120);
Medium Color (Medium Pink): #d81159; rgb(216, 17, 89);
Dark Color (Dark Pink): #ad0241; rgb(173, 2, 65);
Secondary Color (Blue): #11a0d8; rgb(17, 160, 216);

Text Black: #252525; rgb(37,37,37);
Medium Gray: #8e8e8e;
Light Gray: #cecece;

Red: #dc3545; rgb(220, 53,69);
Yellow: #FFFF79; rgb(255, 255, 121);
Green: #00cc99; rgb(8,204,153);

Primary Font (Open Sans):'Open Sans';
Sans-serif Fonts: font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
Serif Fonts:;

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

/************
TODO: HIDE LINKS & ELEMENTS UNTIL SECTIONS LIVE
************/
/*a[href="/login"],
a[href="/travel-tips"],
a[href="/register"],
*/
/*
header .nav-links,
footer ul.social-links,
#alert-signup-cta {
	display: none!important;
}
header .logo,
footer .copyright-wrapper {
	margin: 0 auto;
}
*/
/************
GENERAL STYLES
***********/
*,
html {
	font-size: 10px;
}
*,
body {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}
* {
	box-sizing: border-box;
	color: #252525;

}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 1.8rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 0;
	line-height: 125%;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	font-weight: 600;
}
h1 {
	font-size: 6rem;
	margin-bottom: 20px;
}
h2 {
	font-size: 4.5rem;
	margin-bottom: 20px;
}
h3 {
	font-size: 4rem;
	margin-bottom: 20px;
}
h4 {
	font-size: 3.5rem;
	margin-bottom: 20px;
}
h5,
h5:not(:last-child), /* theme override */ 
.h5:not(:last-child) /* theme override */ {
	font-size: 2.5rem;
	margin-bottom: 15px;
}
h6,
h6:not(:last-child),   /* BOOTSTRAP / THEME ovverride */
.h6:not(:last-child),  /* BOOTSTRAP / THEME ovverride */
label,
p.label,
th {
	font-size: 1.8rem;
	margin-bottom: 15px;
	font-weight: 600;
}
p span.label {
    color: #252525;
    font-weight: 600;
    text-transform: uppercase;
}
p,
ol,
ul {
	font-size: 1.8rem;
} 
p,
li, 
q {
 	line-height: 1.35;
 	color: inherit;
}
li, 
q {
	font-size: inherit;
}
p {
	margin-top: 0;
	margin-bottom: 20px;
}
.lead {
	font-size: 2.5rem;
	color: #8e8e8e;
	margin-bottom: 50px;
}
.lead p,
.lead ol,
.lead ul,
.lead li {
	font-size: 2.5rem;
	color: #8e8e8e;
	margin-bottom: 20px;
}
.lead p:last-of-type {
	margin-bottom: 0;
}
ol {
	padding-left: 25px;
}
ol li:not(:last-child) {
	margin-bottom: 20px;
}
hr,
hr.short {
	border-style: solid;
	border-top-width: 2px;
}
hr {
	width: 100%;
	border-color: #cecece;
}
hr.short {
	border-color: #11a0d8;
}
a,
span,
p a, 
p span,
span a, 
label a {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
p li,
li p,
li li,
li div,
span,
p span,
strong,
p strong,
em,
p em,
i,
p i {
	color: inherit;
	font-size: inherit;
}

strike {
	color: #8e8e8e;
}
body > main {
	padding: 65px 0;
	background-color: #fff;
}

.container,
.container-fluid {
	width: 100%;
	margin: 0 auto;
}
.container {
	max-width: 1600px;
}
#page-content section {
	padding: 60px 30px;
}
#page-content section:first-of-type {
	padding-top: 0;
}
.overlay::before {
	content: '';
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.text-highlight {
	color: #df3c78;
	font-weight: 600;
}
.text-highlight.highlight-dark {
	color: #252525;
}
.text-highlight.highlight-secondary {
	color: #11a0d8;
}
.text-gray {
	color: #8e8e8e;
}
.text-red,
.text-danger {
	color: #dc3545!important;
}
.bg-primary,
.bg-secondary,
.bg-dark {
	color: #fff;
}
.bg-primary {
	background-color: #df3c78!important;
}
.bg-secondary {
	background-color: #11a0d8!important;
}
.bg-dark {
	background-color: #252525!important;
}
.bg-white {
	background-color: #fff!important;
}
.btn.bg-white {
	color: #df3c78;
}
.bg-danger {
	background-color: #dc3545!important;
	color: #fff;
}
.bg-danger .heading {
	color: #fff;
}
.bg-danger a:not(.btn) {
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
.bg-danger a:hover,
.bg-danger a:active{
	color: #fff;
	border-bottom-color: transparent;
}
.sr-only {
	border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.icon-circle { 
	width: 40px; /* theme override */
	height: 40px; /* theme override */
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon {
	font-size: 2rem;
	line-height: 100%;
}
.text-shadow {
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}
.text-underline {
	text-decoration: underline;
}
.hide,
.show {
	transition: all .35s ease-out; /* TODO: this transition not working on HIDE/SHOW...WHY? */
}
.hide {
	opacity: 0!important;
	z-index: -999!important;
	/*display: none*/
}
.show {
	opacity: 1!important;
	z-index: 100!important;
	/*display: block */
}
.xs-show {
	display: none;
}
.img-cover,
.img-contain {
	overflow: hidden;
    position: relative;
    height: 100%;
}
.img-cover img,
.img-contain img {
	position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
}
.img-cover img {
    min-width: 1000%;
    min-height: 1000%;
    transform: scale(0.1);
    -o-object-fit: cover;
       object-fit: cover;
}
.img-contain img {
    max-width: 10%;
    max-height: 10%;
    transform: scale(10);
}
.img-wrapper,
.img-wrapper-inner {
	position: relative;
	overflow: hidden;
}
.img-wrapper .media-byline {
	font-size: 1.2rem;
	margin-bottom: 0;
	position: absolute;
    width: 100%;
    bottom: 0;
}
.img-thumb,
.img-thumb-xl,
.img-thumb-sm,
.img-thumb-xs {
	width: 100%;
	height: auto;
}
.img-thumb,
.img-thumb-xl,
.img-thumb-sm {
	border: 2px solid #cecece;
}
.img-thumb {
	max-width: 100px!important;
	max-height: 100px!important;
}
.img-thumb-xl {
	max-width: 150px!important;
	max-height: 150px!important;
}
.img-thumb-sm {
	max-width: 50px!important;
	max-height: 50px!important;
}
.img-thumb-xs {
	max-width: 30px!important;
	max-height: 30px!important;
	border: 1px solid #cecece;
}
.blurred-100 {
	filter: blur(1rem);
}
.blurred-75{
	filter: blur(0.75rem);
}
.blurred-50 {
	filter: blur(0.5rem);
}

.blurred-35 {
	filter: blur(0.35rem);
}
.blurred-25 {
	filter: blur(0.25rem);
}
.icon-circle {
    border: 1px solid #cecece;
}
.flex,
.flex-center-h,
.flex-center-v,
.flex-center {
	display: flex;
}
.flex-row {
	flex-direction: row;
}
.flex-col {
	flex-direction: column;
}
.flex-center-h {
	justify-content: center;
}
.flex-center-v {
	align-items: center;
}
.flex-center {
	justify-content: center;
	align-items: center;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-justify-between {
	justify-content: space-between;
}
.flex-start {
	justify-content: flex-start!important;
}
.flex-align-start {
	align-items: flex-start;
}
.flex-end {
	justify-content: flex-end!important;
}
.flex-gap-1 {
	gap: 10px;
}
.flex-gap-2 {
	gap: 20px;
}
.flex-gap-3 {
	gap: 30px;
}
.flex-gap-4 {
	gap: 40px;
}
.flex-gap-5 {
	gap: 50px;
}
/* Flex Basis (fb) */
.fb-25,
.w-25 {
	width: 25%;
}
.fb-33,
.w-33 {
	width: 33%;
}
.fb-40,
.w-40 {
	width: 40%;
}
.fb-50,
.w-50 {
	width: 50%;
}
.fb-60,
.w-60 {
	width: 60%;
}
.fb-75,
.w-75 {
	width: 75%;
}
.fb-80,
.w-80 {
	width: 80%;
}
.fb-100,
.w-100 {
	width: 100%;
}
/* MARGIN */
.m-0 {
	margin: 0!important;
}
.mx-0 {
	margin-left: 0!important;
	margin-right: 0!important;
}
.my-0 {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.mb-0 {
	margin-bottom: 0!important;
}
.mx-auto {
	margin-left: auto!important;
	margin-right: auto!important;
}
/* PADDING */
.p-0 {
	padding: 0!important;
}
.px-0 {
	padding-left: 0!important;
	padding-right: 0!important;
}
.py-0 {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.pt-0 {
	padding-top: 0!important;
}
.pb-0 {
	padding-bottom: 0!important;
}
/* TEXT */
.text-center {
	text-align: center;
}
.text-xs {
	font-size: 1.2rem;
}
.text-sm {
	font-size: 1.4rem;
}
.text-normal {
	font-size: 1.8rem;
}
.text-lg {
	font-size: 2.2rem;
}
.text-xl {
	font-size: 2.5rem;
}
.text-disclaimer {
	font-size: 1.2rem;
	color: #8e8e8e;
}
.subtext {
	font-size: 50%;
}
.logo {
	color: #df3c78;
}
.text-bold,
.font-bold {
	font-weight: 600;
}
blockquote .quote-start {
	top: -15px;
    left: 0px;
}
blockquote .quote-end {
	bottom: -9px;
    right: -7px;
}
/*************
SIDEBAR
**************/
.sidebar {
	bottom: 0;
	margin-top: 0;
}
/**************
BOOTSTRAP CSS OVERRIDES
**************/
input[type] + input[type], 
input[type] + .input-checkbox, 
input[type] + button, 
input[type] + .input-select {
	margin-top: inherit;
}
.label-pill {
	line-height: 26px;
	font-size: 1.2rem;
}
.feature-1 .label-pill {
	right: 2rem;
}
.label-pill:not([class*='bg--']),
.label-pill:not([class*='bg-']) {
	background-color: #df3c78;
}
.pill-circle {
	min-width: auto;
}
.feature h5 {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.75rem;
    letter-spacing: 1px;
}
/**************
STACK THEME OVERRIDES
**************/
.boxed.boxed--border {
	border-color: #cecece;
	border-radius: 0;
}
.comments__list li:first-child {
	border-radius: 0;
}
.comments__list .thread-body ul,
.comments__list .thread-body ol {
	margin: 20px 15px;
}
.comments__list .thread-body li {
	padding: 0;
	border: 0;
	background: transparent;
}
/**************
ACCORDIONS
***************/
.accordion li.active .accordion__content {
	height: auto;
	max-height: 10000px;
}
.accordion .process-1 {
	width: 100%;
}

/**************
SHOW / HIDE SLIDE CONTAINERS
**************/
.show-hide-container {
	/**/
}
.show-hide-container .btn-show-toggle {
	margin-top: 20px;	
}
.show-hide-container .init-hide {
	display: none;
	opacity: 0;
	z-index: -999;
}
.show-hide-container.init-hide.show {
	display: flex;
	height: auto;
	opacity: 1;
	z-index: 1;
}
/**************
TOOL TIPS
**************/
.tool-tip-toggle {
	color: #df3c78;
}
.tool-tip {
	font-size: 12px;
    border: 1px #252525 solid;
    padding: 15px;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    opacity: 0;
    z-index: -100;
}
.tool-tip.show {
	opacity: 1;
    z-index: 10;
}
.text-primary {
	color: #df3c78!important;
}
/**************
ICONS
**************/
.icon-comments {
	color: #11a0d8;
}
.icon-bug {
	color: #dc3545;
}
/**************
LINKS & BUTTONS
**************/
a,
.btn-primary, 
button.primary,
a.text-primary,
button.text-primary,
.btn.text-primary {
	color: #df3c78;
}
a,
.btn, 
button,
a.text-primary,
button.text-primary,
.btn.text-primary {
	transition: all .35s ease-out;
	cursor: pointer;
}
a,
p a, span a, label a, /* template override */
a.text-primary,
button.text-primary,
.btn.text-primary {
	text-decoration: none;
}

a.text-primary,
button.text-primary,
.btn.text-primary {
	border: none;
}
a:not(.btn),
a.text-primary,
button.text-primary,
.btn.text-primary {
	border-bottom: 2px solid transparent;
}
a.current {
	border-bottom-color: inherit;
}
a:hover,
a:active,
a.text-primary:hover,
button.text-primary:hover,
.btn.text-primary:hover,
a.text-primary:active,
button.text-primary:active,
.btn.text-primary:active {
	text-decoration: none;
	border-bottom-color: inherit;
}
a:hover,
a:active {
	color: #ad0241;
}
.text-link {
	padding: 0;
	background-color: transparent!important;
}
.btn,
button,
button.btn, 
input[type="submit"].btn {
	display: inline-block;
	letter-spacing: 2px;
	padding: 15px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.8rem;
	border-radius: 0;
}
p .btn,
p button,
p button.btn {
	font-size: inherit;
} 
.btn,
button, 
input[type="submit"] {
	height: auto;
}
.btn-sm,
input[type="submit"].btn-sm,
button.btn-sm {
	padding: 5px;
}
.btn-primary, 
button.primary,
input[type="submit"] {
	background-color: #df3c78;
	border: 2px solid #df3c78!important;
	color: #fff;
}
.btn:hover,
button:hover,
.btn-primary:hover, 
button.primary:hover,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle,
input[type="submit"].btn:hover,
input[type="submit"].btn:active {
	background-color: #ad0241;
	border-color: #df3c78!important;
	color: #fff;
}
.btn:not([class*='primary']):hover {
	border-color: inherit;
}
.btn-secondary,
button.secondary {
	background-color: #11a0d8;
	color: #fff;
	border: 2px solid #fff!important;
}
.btn-secondary:hover,
button.secondary:active {
	background-color: #fff;
	border-color: #11a0d8!important;
	color: #11a0d8;
}
.btn-white, 
button.white {
	background-color: #fff;
	border: 2px solid #fff!important;
	color: #df3c78;
}
.btn-white:hover, 
button.white:hover {
	border-color: #fff;
}
.btn-danger, 
button.danger {
	background-color: #dc3545;
	border: 2px solid #dc3545!important;
	color: #fff;
}
.btn-danger:hover, 
button.danger:hover {
	border-color: #dc3545!important;
	background-color: rgba(220, 53,69, 0.75);
}

.btn-ghost,
input[type="submit"].btn-ghost {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
}
.btn-ghost.btn-primary,
input[type="submit"].btn-ghost.btn-primary {
	border-color: #df3c78!important;
	color: #df3c78;
}
.btn-ghost.btn-primary:hover,
input[type="submit"].btn-ghost.btn-primary:hover {
	color: #fff;
}
.btn-white.btn-ghost, 
button.white.btn-ghost,
button.btn-white.btn-ghost,
input[type="submit"].btn-ghost.btn-white {
	color: #fff;
}
.btn-danger.btn-ghost, 
button.danger.btn-ghost,
button.btn-danger.btn-ghost {
	color: #dc3545;
}
.btn-danger.btn-ghost:hover, 
button.danger.btn-ghost:hover,
button.btn-danger.btn-ghost:hover {
	background-color: #dc3545;
	border: 2px solid #dc3545!important;
	color: #fff;
}
.btn-secondary.btn-ghost,
button.secondary.btn-ghost,
button.btn-secondary.btn-ghost,
input[type="submit"].btn-ghost.btn-secondary {
	/*background-color: #11a0d8;*/
	color: #11a0d8;
	border-color: #11a0d8!important;
}
.btn-secondary.btn-ghost:hover,
.btn-secondary.btn-ghost:active,
button.secondary.btn-ghost:hover,
button.secondary.btn-ghost:active,
button.btn-secondary.btn-ghost:hover,
button.btn-secondary.btn-ghost:active,
input[type="submit"].btn-ghost.btn-secondary:hover,
input[type="submit"].btn-ghost.btn-secondary:active {
	background-color: #11a0d8;
	border-color: #11a0d8!important;
	color: #fff;
}
.btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	background: transparent;
	color: #fff;
	border: 0 solid transparent;
	font-size: 1.5rem;
	padding: 0;
	border-radius: 50%;
}
.modal > .btn-close,
.alert > .btn-close {
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	background: transparent;
	color: #fff;
	border: 0 solid transparent;
	font-size: 1.5rem;
	padding: 0;
	border-radius: 50%;
}
.modal > .btn-close.btn-primary span:before,
.alert > .btn-close.btn-primary span:before {
	color: #df3c78;
}
.modal > .btn-close.btn-primary:hover span:before,
.modal > .btn-close.btn-primary:active span:before,
.alert > .btn-close.btn-primary:hover span:before,
.alert > .btn-close.btn-primary:active span:before {
	color: #fff;
}
.bg-danger .btn-close {
	color: #fff;
	background-color: #dc3545;
	border: 1px solid transparent;
}
.bg-danger .btn-close span:before {
	color: #fff;
}
.bg-danger .btn-close:hover,
.bg-danger .btn-close:active {
	background-color: #fff;
	
	border-color: #fff;
}
.bg-danger .btn-close:hover span:before,
.bg-danger .btn-close:active span:before {
	color: #dc3545;
}
.bg-danger .btn-white.btn-ghost:hover,
.bg-danger .btn-white.btn-ghost:active {
	background-color: #fff;
    color: #dc3545;
    border-color: #dc3545!important;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-width-auto {
	width: auto!important;
}
.btn:focus,
button:focus,
.btn.focus,
button.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(223 60 120 / 25%);
}
fieldset {
	position: relative;
}
.btn-remove-field,
button.btn.btn-remove-field {
	width: 30px!important;
    height: 30px;
    border-radius: 50%;
    color: #dc3545!important;
    font-size: 2rem;
    border: none!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0!important;
    position: absolute;
    background-color: transparent;
    right: 10px;
    top: 43%; /* This will probably vary depending on the field */
}
.btn.btn-remove-field:hover,
.btn.btn-remove-field:active,
button.btn.btn-remove-field:hover,
button.btn.btn-remove-field:active {
	background-color: transparent!important;
    border: 0!important;
    padding: 0!important;
}
/* SOCIAL SHARE BUTTONS */
.social-share-buttons-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    z-index: 10;
}
.social-share-buttons-wrapper h6 {
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #252525;
	border-bottom: none;
	margin: 0;
	padding: 15px;
	background-color: #efefef;
	letter-spacing: 1px;
	display: none;
}
.social-share-buttons-wrapper .btn,
.social-share-buttons-wrapper .btn + .btn {
	margin: 0;
	background-color: #fff;
}
.social-share-buttons-wrapper .btn-ghost,
.social-share-buttons-wrapper .btn + .btn-ghost {
	background-color: #fff;
}
.social-share-buttons-wrapper .btn-ghost:active,
.social-share-buttons-wrapper .btn + .btn-ghost:active,
.social-share-buttons-wrapper .btn-ghost:hover,
.social-share-buttons-wrapper .btn + .btn-ghost:hover,
.social-share-buttons-wrapper .btn-ghost:focus,
.social-share-buttons-wrapper .btn + .btn-ghost:focus {
	background-color: #df3c78;
}
.btn-facebook {
	background-color: #1877f2!important;
	color: #fff;
}
.btn-twitter {
	background-color: #00acee!important;
	color: #fff;
}
.btn-pinterest {
	background-color: #bd081c!important;
	color: #fff;
}
/* UPVOTE BUTTONS */
.form-vote {
	display: flex;
	max-width: 50px;
	margin: 0;
}
.btn-vote,
button.btn-vote {
	font-size: 1.4rem;
	border: 0;
	margin: 0;
	border: 0;
}
.btn-vote.disabled,
button.btn-vote.disabled {
	opacity: 0.5;
	background-color: transparent!important;
	color: inherit!important;
	cursor: not-allowed;
}
/* hide the tool tip notice when the button is NOT disabled */
.btn-vote[data-tooltip]:after,
button.btn-vote[data-tooltip]:after {
	display: none;
}
/* display the Tooltip notice when the button IS disabled */
.btn-vote.disabled[data-tooltip]:after,
button.btn-vote.disabled[data-tooltip]:after {
	display: block;
}
/*************
FILTER MENU
************/
.filter-menu,
.forum-nav-wrapper a {
	font-size: 1.8rem;
    padding: 5px;
    margin-right: 10px;

}
.forum-nav-wrapper {
	display: flex;
    width: 100%;
    justify-content: space-between;
}
.forum-nav-wrapper .forum-filters-wrapper .dropdown__trigger,
.forum-nav-wrapper .forum-filters-wrapper .dropdown__container,
.forum-nav-wrapper .forum-filters-wrapper .btn {
	margin: 0 0 0 10px;
}
.filter-menu {
	z-index: 1;
}
.filter-menu .dropdown__content {
	text-align: left;
	text-transform: capitalize;
}
/*************
CARDS
*************/
.card {
	border: 2px solid #df3c78;
	text-align: center;
	display: flex;
    flex-direction: column;
}
.card .card-content {
	padding: 30px 60px;
	flex-grow: 1;
}
.card-sm .card-content {
	padding: 0px;
}
.card.card-sm,
.card-sm {
    padding: 10px;
    margin: 20px;
}

.card-sm .icon {
	font-size: 3rem;
	margin-bottom: 0;
}
.card-sm .heading {
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.flex .card-sm {
	padding: 10px;
    margin: 10px;
    flex-basis: 15%;
    min-width: 15%;
}
.card-sm .btn {
	display: inline-block;
    width: 48%;
}
.card .btn-wrapper.flex .btn {
    width: 100%;
    /* width: 27%; */
    margin: 0 2%;
}
.card .btn .icon {
	font-size: 1rem;
}
article.feature-1 .publish-date {
	font-size: 1.4rem;
	color: #8e8e8e;
}
article.feature-1 h5,
article.feature-1 .heading {
	min-height: auto;
	margin-bottom: 10px;
	font-size: 1.8rem;
}
article.feature-1 .excerpt p {
	font-size: 1.8rem;
	color: #8e8e8e;
	margin-bottom: 20px;
}
.card .categories-wrapper,
article.feature-1 .categories-wrapper {
	padding: 0;
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card .categories-wrapper h6,
article.feature-1 .categories-wrapper h6 {
	flex-basis: 100%;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
}
.card .category-link,
article.feature-1 .category-link {
    border-width: 1px;
    padding: 3px 5px;
    font-size: 9px;
    font-weight: bold;
    border-radius: 0;
    line-height: 100%;
    display: inline-block;
    margin: 2px;
}
/* bootstrap override */
article.feature-1 a.img-wrapper {
	border: none;
	border-bottom-color: transparent;
}
/**************
LISTS
**************/
.no-bullets,
.social-links {
	list-style-type: none;
}
.social-links {
	padding-left: 0;
	display: flex;
}
.social-links li {
	margin-right: 15px;
}
.social-links li:last-of-type {
	margin-right: 0px;
}
.social-links a {
	padding: 5px;
}
.list-inline {
	list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
li ul,
li ul:last-of-type {
	margin-top: 15px;
	margin-left: 15px;
}
li ul li {
	margin-bottom: 10px;
}
/* TABS */
.tabs-wrapper {
	position: relative;
}
.tabs-list-wrapper {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1000;
	position: relative;
}
.tabs-list-wrapper ul.tabs {
	min-width: 1100px;
	padding-bottom: 5px;
	border: 0;
}
.tabs-list-wrapper .tabs .tab {
	font-size: 1.4rem;
	border: none;
	margin: 10px;
	text-align: center;
	padding: 0;
}
.tabs-list-wrapper .tabs li:not(.active) {
	opacity: .75;
}
.tabs-list-wrapper .tabs li:not(:last-child) {
	border: 0;
	margin: 0;
}
.tabs-list-wrapper .tabs .tab,
.tabs-list-wrapper ul li > a {
	font-weight: 600;
}
.tab.active a {
	border-bottom-color: inherit;
}
.tab-content {
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: all 0.35s ease-out;
	margin: 20px auto 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.tab-content,
.tab__content {
	/* the following 2 rules ensures that hidden content does not make page height too long (hidden content's height was still registering on page)*/
	height: 0;
	overflow: hidden;
	display: none;
}
.tab-content.show,
.active .tab__content  {
	height: auto;
	display: block;
}
.tab-content.show {
	position: relative;
}
.tab-content#content-description {
	max-width: 1000px;
}
.tab-content#content-scores .scores,
.tab-content#content-costs .scores,
.tab-content#content-details .scores {
	display: flex;
	flex-direction: row;
  	flex-wrap: wrap;
  	justify-content: start;
}
.tab-content#content-scores .scores .score,
.tab-content#content-costs .scores .score,
.tab-content#content-details .scores .score {
	flex-basis: 50%;
	display: flex;
	flex-direction: row;
  	flex-wrap: wrap;
  	justify-content: flex-start;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	align-items: center;
  	padding-right: 25px;
    border-right: 1px solid #8e8e8e;
    border-bottom: 1px solid #ddd;
}
.tab-content#content-scores .score:nth-child(even),
.tab-content#content-costs .score:nth-child(even),
.tab-content#content-details .score:nth-child(even) {
    padding-right: 0;
    padding-left: 25px;
    border-right: 0;
}

.tab-content#content-photos div.img-gallery {
	text-align: center; 
	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
}
.tab-content#content-photos .img-wrapper {
    flex: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.tab-content#content-photos img,
.tab-content#content-photos .img-wrapper-inner {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.tab-content#content-photos .media-byline {
	background-color: rgba(0,0,0,0.85);
	color: #fff;
	padding: 3px;
	letter-spacing: 1px;
	margin: 0;
	text-align: center;
	/*text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);*/
}
.tab-content#content-photos .media-byline a {
	font-weight: bold;
}
.tab-content#content-photos .masonry-wrapper {
	-moz-columns: 4;
	     columns: 4;
  	-moz-column-gap: 2%;
  	     column-gap: 2%;
}
.tab-content#content-photos .masonry-block {
	margin-bottom: 30px;
	border: 1px solid  #cecece;
}
/*************
TABLES
*************/
table {
	border-collapse: collapse;
	width: 100%
}
thead {
	background: #cecece;
    color: #252525;
}
th {
	
    padding: 10px;
}
tr {
	border-bottom: 1px solid #cecece;
}
td h6, 
td form.form-inline {
	margin-bottom: 0;
}
td {
	padding: 10px;
}
th p,
td p {
	font-size: 1rem;
}
/*************
FORMS
*************/
/* bootstrap overeides */
input, select, optgroup, textarea {
    line-height: 135%;
}
input[type], textarea, select {
	-webkit-appearance: auto;
}
/* end bootstrap overrides */
form {}
.honey-pot-elements {
	display: none;
}
.form-wrapper {
	margin-left: auto;
	margin-right: auto;
}
form.form-inline {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 20px;
	flex-flow: unset;
}
form .input-group,
form .checkbox-wrapper {
	width: 100%;
	margin-bottom: 30px;
}
form.form-inline .input-group {
	margin-bottom: 0;
	width: 100%;
	max-width: 400px;
}
form.form-inline .input-group input[type="text"],
form.form-inline .input-group input[type="email"],
form.form-inline .input-group input[type="number"],
form.form-inline input[type="submit"],
form.form-inline .input-group select {
	border-radius: 0;
}
form label,
form .label {
	display: block;
	line-height: 150%;
}
form.form-inline label,
form.form-inline .label {
	display: inline-block;
}
form.single-shot {
	display: inline-block;
}
form.single-shot:before, 
form.single-shot:after {
	content: unset;
}
form.single-shot + .btn {
    margin-left: 1.85714286rem;
}
form.single-shot input[type="submit"] {
	margin-top: 0;
}
input,
input[type],
select,
textarea {
	border: 2px solid #8e8e8e!important;
	font-size: 2rem;
	padding: 10px;
	width: 100%;
	height: initial;
	border-radius: 0;
}
input[type="file"] {
	border: 0;
	padding: 0;
	color: #8e8e8e;
	border: 0!important;
}
textarea:-moz-read-only {
	color: #8e8e8e;
    background: #eee;
}
input:disabled,
select:disabled,
textarea:disabled,
textarea:read-only {
	color: #8e8e8e;
    background: #eee;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: #df3c78 auto 1px;
}
.form-inline input.form-control {
	width: 100%;
    font-size: 2rem;
    padding: 9px;
}
.input-select:after {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0px;
    font-size: 35px;
    content: '\2263';
    pointer-events: none;
    padding: 0 13px;
    border-left: 1px solid #ececec;
    line-height: 44px;
}
.radio-group,
.checkbox-wrapper {
	display: flex;
}
.checkbox-wrapper {
	flex-direction: column;
}
.radio-group .radio-wrapper {
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.checkbox-inner input,
.checkbox-inner label,
.radio-wrapper input,
.radio-wrapper label {
	cursor: pointer;
}
.checkbox-inner {
	float: left;
	margin-right: 10px;
}
.radio-group label,
.radio-group .label {
    margin: 0 0px 0 0;
}
.radio-group input,
.checkbox-inner input {
    height: 25px;
    width: 25px;
    -webkit-appearance: auto;
}
.radio-group input {
	margin: 0 0 0 10px;
}
.input-radio--innerlabel input:checked + label,
.input-radio input:checked + label,
.input-checkbox input:checked + label {
	background-color: #11a0d8;
	color: #fff;
}
.input-radio--innerlabel input:checked + label,
.input-radio input:checked + label,
.input-radio label:hover,
.input-checkbox label:hover {
	border-color: #11a0d8;
}
.checkbox-inner label {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 1.5rem;
}
.checkbox-wrapper .input-checkbox--innerlabel label, 
.checkbox-wrapper .input-radio--innerlabel label {
	font-size: 1.5rem;
    width: 100%;
    width: 125px;
    display: flex!important;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 5px;
    justify-content: space-between;
    margin: 0;
}
.checkbox-wrapper .input-checkbox--innerlabel input:checked {
	color: #fff;
}
.checkbox-wrapper .input-checkbox--innerlabel input:checked + label:after {
	font-size: 2rem;
	top: 10px;
}
.checkbox-wrapper .input-checkbox--innerlabel label:before,
.checkbox-wrapper .input-radio--innerlabel label:before {
	top: 0;
}
.input-radio--innerlabel label {
	line-height: 150%;
}
.input-radio input:checked + label:after {
	width: 9px;
    height: 9px;
    left: 4px;
    top: 4px;
}
.toggle-switch-wrapper, 
.checkbox-switch-wrapper {
	display: flex;
	align-items: center;
}
.toggle-switch-wrapper .label, 
.checkbox-switch-wrapper .label {
	font-size: 1.4rem;
	margin-bottom: 0;
}
.toggle-switch-wrapper .label:first-of-type, 
.checkbox-switch-wrapper .label:first-of-type {
	margin-right: 10px;
}
.toggle-switch-wrapper .label:last-of-type, 
.checkbox-switch-wrapper .label:last-of-type {
	margin-left: 10px;
}
.input-checkbox.input-checkbox--switch {
	margin-top: 0;
}
.input-checkbox.input-checkbox--switch input + label,
.input-checkbox.input-checkbox--switch input:checked + label,
.input-checkbox.input-checkbox--switch label:before,
.input-checkbox.input-checkbox--switch input:checked + label:before,
.input-checkbox.input-checkbox--switch label:hover:before {
    border-color: #df3c78;
}
.input-checkbox.input-checkbox--switch input + label {
	height: 4.35rem;
    width: 7.45rem;
    margin: 0;
}
.input-checkbox.input-checkbox--switch label:before {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    opacity: 1;
    left: 0px;
    top: 1px;
    background: #df3c78;
}
.input-checkbox.input-checkbox--switch input:checked + label:before {
    animation: none !important;
    background: #df3c78;
    transform: translateX(1.85714286em);
    left: 15px;
}
#form-onboarding .checkbox-wrapper .radio-group {
	justify-content: space-between;
	margin-bottom: 20px;
}
#form-onboarding .checkbox-wrapper .radio-group .separator {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #8e8e8e;
    letter-spacing: 1px;
}
.checkbox-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.checkbox-group,
.image-checkboxes {
	display: flex;
    flex-wrap: wrap;
	gap: 30px 20px;
}
.checkbox-group p.label,
.image-checkboxes p.label {
	margin: 0;
}
.image-checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 20px;
}

.image-checkboxes .checkbox-inner input[type="checkbox"],
.image-checkboxes .checkbox-inner {
    width: 110px;
    height: 110px;
    border-radius: 6px;
    padding: 5px;
}
.image-checkboxes .checkbox-inner {
	margin: 0;
	position: relative;
}
.image-checkboxes .checkbox-inner input {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
    position: absolute;
    background-color: transparent;
}
.image-checkboxes .checkbox-inner input.overlay:before {
	background-color: rgba(0,0,0,0.5);
	border-radius: 6px;
}
.image-checkboxes .checkbox-inner img {
	margin-bottom: 10px;
}
.image-checkboxes .checkbox-inner img {
	opacity: .5;
	transition: all .35s ease-out;
}
.image-checkboxes .checkbox-inner.checked img,
.image-checkboxes .checkbox-inner:hover img {
	opacity: 1;
}
.image-checkboxes .checkbox-inner label {
	z-index: 10;
	font-size: 1.5rem;
	line-height: 115%;
}
.image-checkboxes .checkbox-inner.init-hide {
	display: none;
}
.image-checkboxes .checkbox-inner,
.image-checkboxes .checkbox-inner label,
.image-checkboxes .checkbox-inner.init-hide.show {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
}
.image-checkboxes .checkbox-inner label {
	color: #fff;
	font-weight: bold;
}
.image-checkboxes .checkbox-inner:hover img {
	opacity: 1;
}
input.input-image-bg {
	background-repeat: no-repeat;
	background-size: cover;
}
input.input-image-bg label {
	color: #fff;
}
.image-checkboxes .checkbox-inner .icon-checked {
	z-index:-1;
    position: absolute;
    font-size: 2.5rem;
    color: #df3c78;
    top: 0px;
    right: 0;
    opacity: 0;
    transition: all .35s ease-out;

}
.image-checkboxes .checkbox-inner.checked .icon-checked {
	opacity: 1;
	z-index: 100;
}
.image-checkboxes .checkbox-inner.checked input {
	border: 5px solid #df3c78!important;
}
form .buttons-wrapper {
	display: flex;
}
input[type="submit"] {
	line-height: 100%;
	max-width: 400px;
	border: 2px solid #df3c78!important;
}
form.form-inline input[type="submit"] {
	max-width: 200px;
}
form.has-errors .has-error,
form.has-errors .has-error + .tox-tinymce {
	border: 5px solid #dc3545!important;
}
form p.help-text,
.help-text {
	font-size: 1.4rem;
	color: #8e8e8e;
	margin: 5px 0 0;
}
form.has-errors p.error {
	color: #dc3545;
	background-color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
	text-shadow: none;
	margin: 5px 0 0;
	width: 100%;
}
form.form-inline.has-errors {
	margin-bottom: 50px;
}
form.form-inline.has-errors p.error {
	width: auto;
	position: absolute;
	padding: 5px;
}
.form-errors {
	background-color: rgba(220, 53, 69, 1);
	padding: 30px;
	margin: 30px auto;
}
.form-errors .heading {
	color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    font-size: 2.5rem;
	margin-bottom: .5rem;
	text-align: center;
}
.errors-list {
	margin: 0 0 10px;
    text-align: left;
    margin-bottom: 0;
}
.errors-list li {
	margin-bottom: 15px;
	color: #fff;
    font-weight: 600;
}
.errors-list li:last-of-type {
	margin-bottom: 0;
}
form .current-img {
	width: 100%;
	max-width: 300px;
	height: auto;
    margin: 30px 0;
    display: block;
}
form .current-img img {
	border: 2px solid #eee;
	-o-object-fit: cover;
	   object-fit: cover;
	height: 300px;
	width: 300px;
}
.dropdown__container > .container {
	max-width: -moz-fit-content;
	max-width: fit-content;
	position: absolute;
}

/*************
ALERTS & NOTIFICATIONS
*************/
.notification {
	max-width: 400px;
	padding: 30px;
	position: fixed;
    bottom: 0;
    right: 0;
}
.notification.show {
    z-index: 1000!important;
}
.notification .heading,
.notification p {
	color: #fff;
}
.notification .heading {
	font-size: 2rem;
    margin-bottom: .5rem;
    border-bottom: 2px solid #fff;
    padding-bottom: 6px;
}
.notification p:last-of-type {
	margin-bottom: 0;
}
.alert {
	border-radius: 0;
	border: 0;
	border-color: transparent;
	background-color: rgb(223,60,120);
}
.alert:not(:last-child) {
	margin-bottom: 0;
}
.alert-info {
	background-color: rgb(17, 160, 216)!important;
}
.alert-success {
	background-color: rgb(8, 204, 153)!important;
}
.alert-danger,
.alert-error {
	background-color: rgb(220, 53, 69)!important;
}
.alert.notification .btn-close {
	top: 5px;
	right: 5px;
}
.alert.notification .heading {
	font-size: 1.8rem;
}
.alert-danger .heading,
.alert-error .heading,
.alert-danger p,
.alert-error p {
	color: #fff;
}
.alert.notification p {
	font-size: 1.4rem;
}
.alert-success .btn-close:hover {
	border: 1px solid #fff;
    background-color: #fff;
    color: #00cc99;
}
.alert-danger .btn-close:hover {
	border: 1px solid #fff;
    background-color: #fff;
    color: #dc3545;
}
.alert-info .btn-close:hover {
	border: 1px solid #fff;
    background-color: #fff;
    color: #11a0d8;
}
    
.notification-label {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    height: 26px;
    line-height: 26px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    z-index: 1;
    top: 1.23809524rem;
    right: 1.23809524rem;
}
.notification-label.inline {
	position: relative;
    top: 0;
    right: 0;
}
/* bootstrap override  / stack override */
.notification {
	pointer-events: initial;
	margin: 0;
}
.notification .notification-close-cross {
	display: none;
}
/**************
SECTIONS
**************/
section .image-text-feature-pair .pre-heading-text {
	color: #11a0d8;
	border-bottom: 2px solid #cecece;
	text-transform: uppercase;
	font-size: 2.2rem;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-weight: 600;
}
/**************
HEADER
**************/
#header {
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	padding: 10px 30px;
	z-index: 100;
	max-height: 65px;
}
.admin #header {
	position: relative;
	top: auto;
	z-index: 1;
}
#header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .logo {
	font-size: 3.2rem;
	letter-spacing: 2px;
	font-weight: 600;
}
#header .logo:hover,
#header .logo:active {
	border-color: transparent;
}
#header .nav-links {
	display: flex;
	align-items: center;
}
#header .nav-links a {
	padding: 5px;
	margin-right: 25px;
	font-size: 1.8rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#header .nav-links .user-profile {
	color: #df3c78;
}
#header .nav-links a:last-of-type {

}
#header button.nav-toggle {
	background-color: #df3c78;
	border-radius: 50%;
	border: 2px solid transparent;
	color: #fff;
	padding: 0;
	letter-spacing: 0;
	cursor: pointer;
	margin-top: 0;
	height: 45px;
	width: 45px;
}
#header button.nav-toggle:hover {
	background-color: #ad0241;
	border-color: #df3c78;
}
button.nav-toggle span {
	font-size: 1.8rem;
}
/*************
PRIMARY NAV
*************/
#primary-nav {
	background-color: #252525;
	width: 100%;
	max-width: 350px;
	padding: 100px 30px;
	position: fixed;
	top: 0;
	right: -350px;
	bottom: 0;
	z-index: 10000!important;
	transition: all .35s ease-out;
}

#primary-nav .nav-links {
	text-align: right;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #fff;
}
#primary-nav .nav-links li {
	margin-bottom: 20px;
}
#primary-nav .nav-links li:last-of-type {
	margin-bottom: 0;
}
#primary-nav .nav-links a,
#primary-nav .nav-links .text-primary {
	font-size: 2rem;
	font-weight: 600;
}

#primary-nav .nav-links .text-primary {
	text-transform: none;
}
#primary-nav .nav-links a:hover,
#primary-nav .nav-links .text-primary:hover {
	color: #fff;
}
#primary-nav .social-links {
	justify-content: space-around;
	font-size: 1.5rem;
}
#primary-nav .social-links a:hover {
	color: #fff;
}
#primary-nav.show {
	right: 0;
	z-index: 10000!important; /* ensures that active notifications/tab content & destination data tab slider/nav are not above the primary nav when opened */
}
/* bootstrap override */
#primary-nav button[type="submit"]:not([class*='col-']) {
    width: auto;
}
/*************
BANNERS
**************/
.banner .content-block {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 992px;
	margin-top: 50px; /* allows for the fixed header */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#hero-banner,
.banner-newsletter {
	padding: 50px;
	height: 40vh;
	min-height: 350px;
}
#hero-banner,
.banner-newsletter {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	align-items: center;
}
#hero-banner.overlay,
.banner-newsletter.overlay {
	position: relative;
}
#hero-banner h1,
#hero-banner p,
#hero-banner .destination-parent,
.banner-newsletter h3,
.banner-newsletter p {
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
	margin: 0 0 15px;
}
#hero-banner .destination-parent {
	font-size: 2.5rem;
}
#hero-banner p,
#hero-banner .btn-cta {
	font-size: 1.8rem;
}
#hero-banner p {
	margin-bottom: 5px;
}
#hero-banner .btn-cta {
	padding: 15px;
	margin-top: 20px;
}
.banner-newsletter h3 {
	margin-bottom: 30px;
}
.banner-newsletter .form-errors {
	max-width: 600px;
}
.banner-newsletter input {
	height: 60px;
}
#hero-banner img.flag {
	max-width: 50px;
	max-height: 50px;
}
#article-banner h1,
#article-banner .article__title span.publish-date,
#article-banner .article__title span.categories,
#article-banner .article__author h6 {
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}
#article-banner .article__title span.publish-date,
#article-banner .article__title span.categories {
	font-size: 1.8rem;
	font-weight: 600;
}
#article-banner .article__title span.categories a {
	text-decoration: none;
	color: #df3c78;
}
#article-banner .draft-label {
    display: block;
    position: relative; 
    z-index: 3;
    top: auto; 
    right: auto; 
    max-width: 100px;
    margin: 20px auto;
}
/*************
ADS
*************/
.ad-header,
.ad-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
.ad-header {
	background-color: #252525;
}
.ad-footer {
	background-color: #df3c78;
}
.ad-header p,
.ad-footer p {
	color: #fff;
	margin: 0 25px;
	font-weight: bold;
}
.ad-header .btn,
.ad-footer .btn {
	font-size: 1.4rem;
}
.ad-header .btn-ghost.btn-primary,
.ad-footer .btn-ghost.btn-primary {
	color: #fff;
}
.grid-item.ad-grid {
	padding: 0;
	border: 5px solid #df3c78;
}
.ad-grid .overlay:before {
	background-color: rgba(0,0,0,.25);
}
.ad-grid .details-wrapper {
	opacity: 1!important; /* ensures the details do not fade out on hover */
	z-index: 10!important; /* ensures the details do not fade out on hover */
	border: none;
}
.ad-grid .notification-label {
	z-index: 10;
	left: 10px;
	right: auto;
}
.ad-grid .content-wrapper {
	text-align: center;
	padding: 10px;
}
.ad-grid p {
	font-size: 1.8rem;
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
	margin-bottom: 10px;
}

/************
SIGNUP CTA ALERT
************/
#alert-signup-cta {
    background-color: rgba(223,60,120,0.85);
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;    
    z-index: 100;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none; /* Initially hidden */
    opacity: 0; /* Ensure it starts hidden */
    transition: opacity 0.5s ease-in-out; /* Smooth fade-in */
}

#alert-signup-cta.show {
    display: flex;
    opacity: 1; /* Fade-in effect */
}

#alert-signup-cta p {
	margin-bottom: 0;
	color: #fff;
	font-size: 2.25rem;
}
#alert-signup-cta .btn {
	font-size: 1.8rem;
	margin-left: 25px;
}
/*************
FEEDBACK TRACKER
*************/
button#feedback-tracker-toggle {
	height: 75px;
	width: 75px;
	font-size: 4rem;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 10px;
}
button#feedback-tracker-toggle span.icon {
	display: block;
	font-size: 4rem;
}
#feedback-tracker {
	border: 2px solid #11a0d8;
	width: 100%;
	max-width: 350px;
	padding: 40px 20px 20px;
	position: fixed;
	opacity: 0;
	/*bottom: -650px;*/
	bottom: -900px;
	left: 0;
	background-color: #fff;
	z-index: 1000!important;
	transition: all 0.75s ease-out;
}
#feedback-tracker.show {
	opacity: 1;
	bottom: 0px;
}
#feedback-tracker .heading {
	font-size: 2rem;
}
#feedback-tracker p,
#feedback-tracker input,
#feedback-tracker textarea {
	font-size: 1.4rem;
}
#feedback-tracker input[type="submit"] {
	font-size: 1.8rem;
}
#feedback-tracker form {}
#feedback-tracker .input-group {}

#feedback-tracker form label,
#feedback-tracker form p.label {
	font-size: 1.8rem;
}
#feedback-tracker form p.label { /* overwrites BOOTSTRAP styles that target .label */
    display: block;
    font-weight: 600;
    letter-spacing: inherit;
    color: inherit;
    text-transform: initial;
    height: auto;
    min-width: auto;
    padding: 0;
    text-align: initial;
    border-radius: 50px;
    position: relative;
    z-index: auto;
    top: auto;
    right: auto;
    background-color: transparent;
    border-radius: 0;
}
#feedback-tracker .radio-group .icon-comments,
#feedback-tracker .radio-group .icon-bug {
	font-size: 2rem;
}
#feedback-tracker .btn-close {
	color: #252525;
}
#feedback-tracker .btn-close:hover {
	background-color: #252525;
	color: #fff;
}
/************
SCORES GRAPHS
*************/
.score .title {
	margin-bottom: 0;
    font-size: 1.4rem;
	display: flex;
    flex-direction: column;
    flex-basis: 50%;
}
.graph-bar {
	display: flex;
	flex-basis: 50%;
	margin-left: auto;
	background-color: rgba(0,0,0,0.15);
    border: 1px solid #8e8e8e;
    text-align: center;
}
.score p.value {
	margin: 0;
    font-size: 1.4rem;
    text-align: right;
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    font-weight: 600;
}
/*************
GRID DISPLAY
*************/
.grid-display {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 0!important;
	padding-right: 0!important;
	gap: 20px;
}
.grid-item {
	flex-basis: 18.5%;
    margin: 00;
    min-height: 200px;
    height: 250px;
    padding: 0 10px;
    background-color: #ccc;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.hover-element-initial,
.hover-element-reveal {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .35s ease-out;
}
.grid-item .details-wrapper {
	transition: opacity .35s ease-out;
}
.hover-element-initial,
.grid-item:hover .hover-element-reveal {
	opacity: 1;
	z-index: 1;
}
.grid-item:hover .details-wrapper,
.hover-element-reveal {
	opacity: 0;
	z-index: -1;
}

.grid-item .hover-element-reveal {
	display: flex;
	flex-direction: column;
}
.grid-item:hover .overlay::before {
    background-color: rgba(0,0,0,0.75);
    transition: all .35s ease-out;
}
.grid-item .details-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.grid-item .attributes-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.grid-item .attributes-wrapper .attribute {
	position: absolute;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}
.grid-item .attributes-wrapper .attributes-inner {
	padding: 10px;
	height: 100%;
}
.grid-item .attributes-wrapper .top-right,
.grid-item .attributes-wrapper .top-left {
	top: 10px;
}
.grid-item .attributes-wrapper .bottom-right,
.grid-item .attributes-wrapper .bottom-left {
	bottom: 10px;
}
.grid-item .attributes-wrapper .top-right,
.grid-item .attributes-wrapper .bottom-right {
	right: 10px;
}
.grid-item .attributes-wrapper .top-left,
.grid-item .attributes-wrapper .bottom-left {
	left: 10px;
}
.grid-item .title-wrapper {
	text-align: center;
	z-index: 1;
	padding: 10px;
}
.grid-item.eurotrip .title-wrapper {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.grid-item.eurotrip .subtitle {
	display: flex;
}
.grid-item.eurotrip.single-city .subtitle {
	
}
.grid-item.eurotrip .subtitle.separator {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 1rem;
	/*padding: 5px 0;*/
	margin: 10px 0;
}
.grid-item.eurotrip .start-city,
.grid-item.eurotrip .end-city {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.1rem;
}
.grid-item.eurotrip .start-city .country-name,
.grid-item.eurotrip .end-city .country-name {
	font-size: .75rem;
}
.grid-item.eurotrip .start-city .flag,
.grid-item.eurotrip .end-city .flag {
	font-size: .75rem;
	line-height: 100%;
	max-width: 20px;
	max-height: 20px;
}
.grid-item .title,
.grid-item .subtitle,
.grid-item .flag {
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}
.grid-item .title,
.grid-item .subtitle {
	margin-bottom: 5px;
}
.grid-item .title {
	font-size: 2.5rem;
}
.grid-item .subtitle {
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
img.flag {
	color: #252525;
    text-shadow: none;
    font-size: 10px;
    line-height: 100%;
	border-radius: 50%;
	width: 100%;
	max-width: 40px;
	height: auto;
	max-height: 40px;
	border: 2px solid #cecece;
}
.grid-item .vote-actions-wrapper {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	display: flex;
	justify-content: space-between;
	cursor: default;
}
.grid-item .vote-action {
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
	cursor: pointer;
	display: flex;
    flex-direction: row;
}
.grid-item .vote-upvote,
.grid-item .vote-downvote {
	display: flex;
	align-items: center;
}
.grid-item .vote-action .icon {
	font-size: 2rem;
}
.grid-item .vote-upvote .icon {
	margin-right: 5px;
}
.grid-item .vote-downvote .icon {
	margin-left: 5px;
}
.grid-item .vote-percent {
	font-size: 1.4rem;
	transition: all 0.35s ease-out;
}
.grid-item .vote-upvote:hover .vote-percent,
.grid-item .vote-upvote:active .vote-percent,
.grid-item .vote-downvote:active .vote-percent,
.grid-item .vote-downvote:hover .vote-percent {
	color: #df3c78;
}
.grid-item .scores-wrapper,
.grid-item .excerpt-wrapper {
    display: flex;
    position: absolute;
    top: 55px;
    left: 10px;
    right: 10px;
    bottom: 40px;
    border-bottom: 0;
}
.grid-item .scores {
	width: 100%;
}
.grid-item .scores .score {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.grid-item .scores .score:last-of-type {
	margin-bottom: 0;
}
.grid-item .scores .title,
.grid-item .scores .graph-bar,
.graph-inner .bar-bg {
	display: flex;
	align-items: center;
}
.grid-item .scores .graph-bar,
.graph-inner .bar-bg {
	height: 25px;
}
.grid-item .scores .title {
	font-size: 1.4rem;
	width: 45%;
	margin-bottom: 0;
	align-items: flex-start;
    height: auto;
}
.grid-item .scores .graph-bar {
	margin-left: auto;
	width: 53%;
	background-color: rgba(255,255,255,0.2);
	overflow: hidden;
}
.graph-inner {
	width: 100%;
	position: relative;
}
.graph-bar .bar-bg {
	background-color: #FFFF79;
}
.graph-bar .bar-label {
	color: #fff;
	padding: 0;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
	position: absolute;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
    padding-left: 5px;
    padding-right: 5px;
    top: -3px;
    left: 0;
    right: 0;
    bottom: 0;
}
.tabs-wrapper #content-scores .graph-bar .bar-bg {
	padding: 15px 5px;
}
.graph-bar .no-score .bar-bg {
	background-color: transparent;
}
.graph-bar .good-score .bar-label,
.graph-bar .bad-score .bar-label {
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}
.graph-bar .good-score .bar-bg {
	background-color: #00cc99;
}
.graph-bar .bad-score .bar-bg {
	background-color: #dc3545;
}

.grid-item .btn-cta {
	text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.4rem;
}
/* CATEGORY FILTERS */
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
	top: -4px;
}
.masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
	max-height: 2.5rem;
}
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active,
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
	color: #df3c78;
}
.masonry-filter-container > span {
	font-size: 1.8rem;
}

/*************
TRAVEL STORIES GRID ITEMS
**************/
.grid-item.travel-story .overlay:before {
	background-color: rgba(0,0,0,0.5);
}
.grid-item.travel-story .excerpt p {
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	text-shadow: 1px 1px 0 rgb(0 0 0), 1px 1px 1px rgb(0 0 0);
}

#page-travel-story .lead {
	text-align: center;
	margin-bottom: 50px;
}
/* INTERVIEWS */
.questions-wrapper ul {
	padding: 0;
}
.question-wrap {
	margin-bottom: 50px;
}
.question-wrap .question {
	/*font-size: 1.2rem;*/
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
}
.question-wrap .answer p {
	font-size: 1.8rem;
	color: #5e5e5e;
}
.question-wrap .answer ul,
.question-wrap .answer ol {
	padding-left: 20px;
    font-size: 1rem;
    color: #5e5e5e;
}
.question-wrap .answer ul {
	list-style-type: disc;
}
.question-wrap .answer ul li,
.question-wrap .answer ol li {
	font-size: 1.8rem;
}
.question-wrap .answer ul li:not(:last-child),
.question-wrap .answer ol li:not(:last-child) {
    margin-bottom: 1rem;
}
.feature span.number-heading {
	font-size: 4rem;
	display: block;
    margin-bottom: 3px;
    line-height: 100%;
}
/* PODCASTS */
.podcast-wrapper iframe {
	min-height: auto;
	border: 2px solid  #df3c78;
}
.editor-notes,
.admin form .editor-notes.show {
	margin: 10px 0; 
	background-color: #eee; 
	border: 2px solid #df3c78!important; 
	padding: 15px;
}
.admin form .editor-notes {
	height: 0;
    padding: 0;
    border: transparent!important;
    overflow: hidden;
    margin: 0;
    transition: all 0.35s ease-out;
}
form .editor-notes {
	height: auto;
}
.admin form .editor-notes.show {
	height: 225px;
}
form .input-group .editor-notes.show {
	margin-bottom: 30px;
}
form.has-errors .editor-notes +  p.error {
	margin-bottom: 20px;
}
div.editor-notes.has-error,
textarea.editor-notes.has-error {
	border: 2px solid #dc3545!important; 
}
/************
LOCATION (Country/City/Attraction) VIEW - ALL
************/
.responsive-table-wrapper {
	overflow-x: auto;
}
.responsive-table {
	width: 100%;
	overflow-x: scroll;
}
.destinations-table th {
	position: relative;
}
.destinations-table th .tool-tip-toggle {
	font-size: 1rem;
}
.destinations-table td {
	width: 1%;
	min-width: 100px;
}
.destinations-table td a {
	display: inline-block;
}
.destinations-table .destination img.feature-img {
	margin-right: 25px;
    width: auto; 
    max-width: 150px;
    height: auto;
    font-size: 10px;
    line-height: 100%;
}
.destinations-table .destination-info {
	text-align: left;
}
.destinations-table .destination-info .heading {
	margin-bottom: 5px;
	font-size: 1.5rem;
}
.destinations-table .destination-info p {
	margin-bottom: 0;
}
.destinations-table .destination-info .region,
.destinations-table .destination-info .continent {
	color: #8e8e8e;
	font-size: .75rem;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

.destinations-table .destination-info img.flag-img {
	margin-right: 5px;
	border: 1px solid #cecece;
}
.destinations-table .score .bar-bg {
	min-height: 40px;
}
.destinations-table td {
	font-size: 1.8rem;
	text-align: center;
}
/*.destinations-table .weather span.temperature,
.destinations-table .weather span.type {
	display: block;
}*/
.destinations-table .covid-restrictions > .btn,
.destinations-table .covid-cases > .btn {
	margin-top: 10px;
}
/**************
MODALS 
***************/
.modal,
.modal-content,
.restrictions-modal,
.cases-modal {
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-content: flex-start; /* this ensures the content within the modal is not cut oof if larger than the modal wrapper */
	text-align: left;
	border: 2px #df3c78 solid;
	width: 100%;
	max-width: 750px;
	padding: 20px;
	border-radius: 5px;
	background: #fff;
	z-index: -1;
	opacity: 0;
	margin: auto;
	position: fixed;
	top: 25%!important; 
	left: 0!important; 
	bottom: 25%; 
	right:0; 
	overflow-y: auto;
	transform: translate3d(0, 0, 0)!important;
	-webkit-transform: translate3d(0, 0, 0)!important;
}
.modal.show,
.modal-active .modal-content,
.restrictions-modal.show,
.cases-modal.show {
	z-index: 101;
	opacity: 1;
}
.modal-active .modal-content {
	top: auto;
}
.modal .modal-close,
.modal-active .modal-content .modal-close,
.restrictions-modal .btn-close,
.cases-modal .btn-close {
    background: #df3c78;
    color: #fff;
}
.modal .btn-close:hover,
.modal-active .modal-content .modal-close,
.restrictions-modal .btn-close:hover,
.cases-modal .btn-close:hover {
	background: #ad0241;
}
.modal-active .modal-content .modal-close {
	font-size: 2.5rem;
}
.modal .heading
.restrictions-modal .heading,
.cases-modal .heading,
.restrictions-modal p,
.cases-modal p {
	text-align: center;
}
.restrictions-modal ul,
.cases-modal ul {
	 max-width: 80%;
	 margin-left:
	 auto;
	 margin-right: auto;
}
.restrictions-modal li,
.cases-modal li {
	margin-bottom: 10px;
}
.restrictions-modal .btn,
.cases-modal .btn {
	white-space: pre-wrap;
}
.destinations-table .ad .btn {
	font-size: .85rem;
    padding: 10px;
}
.destinations-table .ad .notification-label {
	font-size: .6rem;
}
.destinations-table .ad p {
	font-size: 1rem;
}
.modal form button:not(.btn-block) {
	width: auto;
}

/************
LOCATION (Country/City/Attraction) VIEW - SINGLE
************/
.map-wrapper iframe {
    width: 100%;
    min-height: 500px;
}
/*************
ADVERTISE pages
*************/

#advertise #newsletter-signup,
#advertise #alert-signup-cta {
	display: none;
}

#advertise .price-guide {
	margin-bottom: 50px;
}
.price-guide .heading {
	font-size: 2.5rem;
    text-transform: uppercase;
    color: #252525;
    font-weight: normal;
    margin-bottom: 15px;
}
.price-guide .cost {
	font-size: 4rem;
    font-weight: 600;
    color: #252525;
    margin: 0 0 15px;
    line-height: 100%;
}
.price-guide .cost-savings {
	display: block;
	font-size: 50%;
	font-weight: normal;
}
.price-guide p:last-of-type {
	margin-bottom: 0;
}
.price-guide .btn {
	font-size: 2rem;
}
.pricing-benefits {
	padding: 0;
	margin: 0;
}
.pricing-benefits li {
	border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 600;
}
.pricing-benefits li:last-of-type {
	margin-bottom: 0;
	border-bottom: 0;
}
/*************
FORMS - SCORES UPDATES, COSTS UPDATES, DETAILS UPDATES
**************/
.destination-scores-update .checkbox-wrapper,
.destination-costs-update .checkbox-wrapper,
.destination-details-update .checkbox-wrapper {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    margin: 0 15px;

    flex-direction: row;
    width: auto;
    gap: 15px;
}
.destination-scores-update .checkbox-wrapper label,
.destination-costs-update .checkbox-wrapper label,
.destination-details-update .checkbox-wrapper label {
    /*font-size: 4rem;*/
    margin: 0;

    padding: 15px;
    line-height: 100%;
    height: auto;
    font-size: 3rem;
}
.destination-scores-update .checkbox-wrapper input,
.destination-costs-update .checkbox-wrapper input,
.destination-details-update .checkbox-wrapper input {
	margin: 0;
    width: 30px;
    height: 30px;
}
/*************
MEMBERSHIP SIGNUP FORM
*************/
.section-member-signup .signup-content-wrapper {
	display: flex;
}
.section-member-signup .member-benefits-content,
.section-member-signup .payment-options-content {
	width: 50%;
}
.section-member-signup .payment-options-content h5 {
	margin-bottom: 15px;
}
.section-member-signup .member-benefits-content {
	padding-right: 30px;
    border-right: 2px solid #cecece;
}
.section-member-signup .payment-options-content {
	padding-left: 30px;
}
.section-member-signup .new-signups-notice {
	margin-bottom: 20px;
}
.section-member-signup .new-signups-notice p {
	border: 2px solid #11a0d8;
    color: #252525;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25rem;
}
/*.signup-form .btn-cta {
        font-size: 1.25rem;
}*/
form .payment-plans {
	margin-bottom: 20px;
}
.payment-plans .short-term-notice {
	font-size: 1.25rem;
}
.payment-plans .tier {
    position: relative;
    border: 2px solid #ccc;
    border-style:  solid;
    /*color: #ccc;
    background-color: #ececec;*/
    text-align: center;
    padding: 15px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.25s ease-out;
    opacity: 0.75;
}
.payment-plans .tier.sub-inactive {
	opacity: 0.5;
	cursor: not-allowed;
}
.payment-plans div:first-of-type {
    border-top-width: 1px;
}
.payment-plans div:last-of-type {
    border-bottom-width: 1px;
}
.payment-plans .tier .pointer {
	display: none;
}
.payment-plans .tier:hover:not(.sub-inactive),
.payment-plans .tier:active:not(.sub-inactive),
.payment-plans .tier.active,
.payment-plans .tier:focus:not(.sub-inactive) {
	width: 105%;
    margin-left: -2.5%;
    color: #666;
    border: 2px #df3c78 solid;
    background: #fff;
    opacity:1;
}
.payment-plans .tier.active,
.payment-plans .tier.active {
    opacity:1;
    /*width: 105%;
    margin-left: -2.5%;
    color: #666;
    border: 2px #df3c78 solid;
    background: #fff;*/
}
.payment-plans .tier.active .pointer {
	display: inline-block;
}
.payment-plans span.tier-popular {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #ccc;
    font-size: .75rem;
    line-height: 150%;
}
.payment-plans .tier.tier-popular .icon {
    font-size: 2rem;
}
.payment-plans .tier.active.tier-popular {
    color: #666;
}
.payment-plans .tier.active.tier-popular .icon {
    color: #ffc107;
    margin-right: 5px;
}
.payment-plans .tier input {
	position: fixed;
	opacity: 0;
	pointer-events: none;
}
.section-member-signup .member-images {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}
.section-member-signup .member-img {
    float: left;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    border-radius: 50%;
    border: 2px solid #ad0241;
    margin: 0 -5px;
}
.section-member-signup ul.membership-benefits {
	padding-left: 0;
}
.section-member-signup .membership-benefits li {
	margin-bottom: 10px;
}
.payment-plans .tier .popular-tier-icon {
	display: none;
}
.payment-plans .tier.tier-popular .popular-tier-icon {
	display: flex;
	position: absolute;
	top: 0;
	right: 10px;
}
.payment-plans .tier p {
	margin-bottom: 0;
}
.signup-form {
	margin-top: 50px;
}
.payment-plans + .signup-email-wrapper {
	margin-top: 30px;
}
/*************
TRAVEL STORIES
*************/
#page-travel-story .guest-preinterview-wrapper {
	margin: 30px auto;
}
#page-travel-story .guest-preinterview-wrapper .guest-name {
	font-size: 2.5rem;
}
#page-travel-story .interview-profile-img {
	display: block;
	height: 300px;
	width: 100%;
	max-width: 300px;
	margin: auto;
	border-radius: 50%;
	margin-bottom: 20px;
	-o-object-fit: cover;
	   object-fit: cover;
}
#page-travel-story .questions-wrapper,
#page-travel-story .guest-postinterview-wrapper {
	max-width: 75%;
}
#page-travel-story .questions-wrapper {
	margin: 60px auto;	
}
#page-travel-story .question {
	margin-bottom: 1rem;
}
#page-travel-story .answer {}
#page-travel-story .guest-postinterview-wrapper {
	margin: 60px auto 0;
}
.guest-postinterview-wrapper .countries-list img.flag {
	width: 100%;
	max-width: 100px;
	height: auto;
	max-height: 100px;
	border: 1px solid #cecece;
}
.guest-postinterview-wrapper .countries-list .country-name {
	font-size: 1.8rem;
}
/*************
INTERVIEWS / INVITATIONS
**************/
.invitation-details-wrapper {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #cecece; 
	padding-bottom: 30px; 
	margin-bottom: 30px;
}
.invitation-details-wrapper p,
.invitation-details-wrapper form {
	margin: 0 auto;
}
.invitation-details-wrapper .interview-complete-icon,
.invitation-details-wrapper .interview-declined-icon {
	margin: 0 15px 0 0;
}
.invitation-details-wrapper .invitation-details {
	margin-left: 0;
}
.invitation-details-wrapper p:last-of-type {
	margin-right: 0;
}
.invitation-details-wrapper.is-complete .invitation-details,
.invitation-details-wrapper.is-declined .invitation-details {
	opacity: .5;
}
.invitation-details-wrapper.is-declined .invitation-details {
	text-decoration: line-through;
}
/*************
BLOG / ARTICLES
**************/
.ad-header + #page-content .article__author {
	margin-top: 0;
}

article .article__body p, 
article .article__body ul,
.tab-content-wrapper .tab-content ul {
    /*font-size: 1.8rem;  /* theme override */
    line-height: 150%; /* theme override */
    font-weight: normal; /* theme override */
    color: inherit; /* theme override */
}
article .article__body p:not(:last-child), 
article .article__body ul:not(:last-child),
.tab-content-wrapper .tab-content ul:not(:last-child) {
	margin-bottom: 20px;
}
article .article__body p {
	font-size: 1.8rem;
}
article .article__body ul,
.tab-content-wrapper .tab-content ul {
	font-size: 1.8rem;
	list-style-type: disc;
	padding-left: 40px;
}
article .article__body ul ul,
.tab-content-wrapper .tab-content ul ul {
	margin: 10px 0;
}
article .article__body li,
.tab-content-wrapper .tab-content ul li {
	margin-bottom: 10px;
}
article .article__body .section-heading {
	margin-top: 40px;
}
blockquote,
#blog-article-page article blockquote {
	font-size: 2.2rem;
    text-align: left!important;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif!important;
    font-style: normal;
    color: #df3c78;
    font-weight: bold;
    padding: 60px 30px;
    position: relative;
    padding-left: 4rem;
    overflow: hidden;
    border-top: 2px solid #df3c78;
    border-bottom: 2px solid #df3c78;
}
blockquote,
blockquote:not(:last-child) { /* bootstrap override */
	margin: 60px auto;
} 
blockquote p:first-child {
	margin-top: 0;
}
blockquote p:last-child,
blockquote p:last-of-type {
	margin-bottom: 0;
}
blockquote .quotes {
    display: inline-block;
    width: 65px;
    height: 65px;
    position: absolute;
    font-size: 9rem;
   	line-height: 100%;
}
#blog-article-page .article__author {
    margin-top: -100px;
    z-index: 1;
    position: relative;
}
#blog-article-page .article__author img {
    width: 100%;
    max-width: 125px;
    height: auto;
    max-height: 125px;
    border-radius: 50%;
    margin-bottom: 15px;
}
/*************
USER PROFILE PAGES
*************/
.profile-img-wrapper {
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
	border-radius: 50%;
	overflow: hidden;
}
.profile-img-wrapper img {
	border-radius: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: all 0.25s ease-out;
}
.profile-img-wrapper img:hover {
	transform: scale(1.25);
}
.user-destinations .destination,
#user-stats .stat,
#user-friends .friend {
	margin-bottom: 30px;
}
.user-destinations .destination .title,
.friend .title {
	font-size: 1.2rem;
	line-height: 135%;
	text-transform: uppercase;
	font-weight: bold;
	/*color: #cecece;*/
	opacity: 0.25;
}
.user-destinations .destination img,
.friend {
	opacity: 0.25;
	transition: all .35s ease-out;
}
.user-destinations .destination img {
	margin-bottom: 0;
}
.user-destinations .destination.visited img,
.friend.friended,
.user-destinations .destination:hover img,
.friend:hover,
.user-destinations .destination.visited .title,
.friend.friended .title,
.user-destinations .destination:hover .title,
.friend:hover .title {
	opacity: 1;
}


.user-destinations a,
.friend a {
	text-decoration: none;
	border: none;
	display: inline-block;
}
.user-destinations .destination {
	position: relative;
}
.user-destinations .destination .label-pill,
.friend .label-pill {
	font-size: 10px;
	max-width: 50px;
	min-width: auto;
	overflow: hidden;
}
.user-destinations .destination .label-pill {
	opacity: 0;
	transition: all .35s ease-out;
}
.user-destinations .destination:hover .label-pill {
	opacity: 1;
}
.user-destinations .destination .img-wrapper {
	width: 55px;
	height: 55px;
	/*width: auto; */
	display: inline-block; 
	position: relative;
}
.user-destinations .destination .img-wrapper img {
	border: 1px solid #cecece;
}
.user-destinations .destination .img-wrapper img.featured-img {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}
.user-destinations .destination .img-wrapper img.flag-img {
	position: absolute; 
	bottom: 0px; 
	right: 0;
}
.user-destinations .destination .top-right,
.user-destinations .destination .top-left,
.user-destinations .destination .bottom-right,
.user-destinations .destination .bottom-left {
	position: absolute;
}
.user-destinations .destination .top-right,
.user-destinations .destination .top-left {
	top: 0;
	bottom: auto;
}
.user-destinations .destination .bottom-right,
.user-destinations .destination .bottom-left {
	bottom: 0;
	top: auto;
}
.user-destinations .destination .top-right,
.user-destinations .destination .bottom-right {
	right: 0;
	left: auto;
}
.user-destinations .destination .top-left,
.user-destinations .destination .bottom-left {
	left: 0;
	right: auto;
}
.user-destinations .btn,
#user-friends .btn,
#user-activity .btn {
	float: right;
}
#user-activity .activity {
	border-bottom: 2px solid #cecece;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#user-activity .activity:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
}
#user-activity .activity .date {
	font-size: 1.4rem;
	color: #8e8e8e;
	text-transform: uppercase;
	font-weight: bold;
}
#user-activity .activity p,
#user-activity .activity a {
	font-size: 1.8rem;
}
#user-activity .activity h5 a {
	font-size: inherit;
}
#user-activity .activity a {
	display: inline-block;
}
#user-activity .activity .icon-col {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
#user-activity .activity .icon-circle {
	width: 5.5rem;
	height: 5.5rem;
}
#user-activity .activity .activity-excerpt {
	margin-bottom: 15px;
}
#user-activity .activity .read-more-link {
	text-transform: uppercase;
	color: #df3c78!important;
	font-weight: 600;
}
#user-activity .icon-circle .icon {
	font-size: 3rem;
    line-height: 1rem;
}
#user-settings #account-details p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#user-settings #account-details p:last-of-type {
	padding-bottom: 0;
	border: none;
}
#user-settings #account-details .cancel-membership-wrapper p {
	border: none;
	padding-bottom: 0;
}
#user-settings #account-details .trial-expiration-notice .trial-expiration-date {
	padding: 15px!important;
	background-color: rgba(17, 160, 216);
	display: inline-block;
	font-weight: 700;
	color: #fff;
}
#user-settings .settings-links-menu .menu-link {
	position: relative;
}

#user-settings .settings-links-menu .menu-link .label-pill {
	top: 0;
	right: auto;
	margin-left: 10px;
	min-width: auto;
}
/*************
TRAVEL PREFERENCES
*************/
#form-onboarding .checkbox-wrapper,
.travel-preferences .checkbox-wrapper {
	text-align: center;
}
#form-onboarding .checkbox-wrapper .checkbox-group,
.travel-preferences .checkbox-wrapper .checkbox-group {
	justify-content: space-between;
}
#form-onboarding .travel-preferences .radio-group,
#user-settings .travel-preferences .radio-group,
#form-onboarding .checkbox-wrapper .radio-group,
#user-settings .checkbox-wrapper .radio-group {
	margin-bottom: 25px;
	margin-bottom: 20px;
    gap: 30px;
	justify-content: space-between;
	transition: all .35s ease-out
}
#form-onboarding .travel-preferences .radio-group .separator,
#user-settings .travel-preferences .radio-group .separator {
	margin: 0 25px;
	font-size: 2rem;
	text-transform: uppercase;
}
#form-onboarding .checkbox-wrapper  .radio-group.init-hide,
#user-settings .travel-preferences .radio-group.init-hide {
	display: none;
	/*height: 0;*/
	opacity: 0;
	z-index: -999;
}
#form-onboarding .checkbox-wrapper  .radio-group.init-hide.show,
#user-settings .travel-preferences .radio-group.init-hide.show {
	display: flex;
	height: auto;
	opacity: 1;
	z-index: 1;
}
/************
FAQ
************/
.faq {}
.faq-group {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.faq-group:last-of-type {
	border-bottom: 0;
}
.faq .question {
	margin-bottom: 5px;
	font-weight: 600;
}
.faq .answer {
	margin-bottom: 0;
}

/*************
EUROTRIP / ITINERARY
*************/
#page-eurotrip .hero-text,
#page-eurotrip-day .hero-text {
	font-weight: 600;
	font-size: 2.5rem;
	text-transform: uppercase;
}
#eurotrip-days-display .tabs-container {
	width: 100%;
    text-align: center;
}
#eurotrip-days-display .list-view-container {
	margin-top: 50px;
}
.process-3:before,
.process-3 li .process__number{
    border-left: 2px solid #11a0d8;
}
.process-3:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    left: 0;
    top: 0;
}

.process-3 li .process__number {
	height: 6rem;
	width: 6rem;
}
.eurotrip.list-view {
	padding-bottom: 25px;
	padding-left: 0;
}
.eurotrip.list-view li.day {
	left: -30px;
}
.eurotrip.list-view li.day img {
	max-width: 250px;
	height: auto;
}
.eurotrip.list-view .accordion__title:before {
	display: none;
}
.eurotrip.list-view .day .accordion__title {
	opacity: 1;
	padding: 0;
	border-color: #11a0d8;
}
.eurotrip.list-view .day .day-title {
	border: none;
    background: none;
}
.eurotrip.list-view .day .day-title .flag {
	margin: -5px 0 0;
}
.eurotrip.list-view .day .accordion__title.day-title .accordion-icon {
    color: #df3c78;
    transition: all .25s ease-out;
    float: right;
}
.eurotrip.list-view .active .accordion__title.day-title .accordion-icon {
	transform: rotate(45deg);
}
.eurotrip.list-view .day-excerpt,
.eurotrip.list-view .day-details img {
	display: block!important;
}
.eurotrip.list-view .day-excerpt,
.eurotrip.list-view .day-budget {
	font-size: 1.8rem;
	margin-bottom: 20px;
	color: #8e8e8e;
}
.eurotrip.list-view .img-wrapper,
.accordion li.active .accordion__content > .img-wrapper {
	display: block;
	margin-bottom: 20px;
	border: none;
}
.eurotrip.list-view li .process__body {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}
.eurotrip.list-view .process__number span {
	font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin: 0;
    line-height: 100%;
}
.eurotrip.list-view span.day-number {
	font-size: 2rem;
    font-weight: bold;
    color: #11a0d8;
    position: relative;
    top: 12px;
}
.eurotrip.list-view .day.eurotrip-end {
	bottom: 0;
    position: absolute;
}
.eurotrip.list-view .day.eurotrip-end .process__number {
	background: #252525;
    /* color: #f00; */
    border-color:#df3c78;
}
.eurotrip.list-view .day.eurotrip-end .day-number {
	color:#df3c78;
    top: 20px;
    font-size: 1.75rem;
}
.eurotrip.accordion-1 li.active .accordion__title span {
	color: inherit;
}
.eurotrip.accordion-1 li.active .process__number span {
	color: #fff;
}
.daily-itinerary-stats .stat .heading {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 2px solid #cecece;
}
.daily-itinerary-stats .stat .stat-value {
	font-size: 2.5rem;
	font-weight: 600;
}
section.daily-itinerary .day-segment-wrapper {
	margin: 0;
}
section.daily-itinerary .day-segment-wrapper .title {
	background-color: transparent;
	border: 2px solid #11a0d8;
	border-radius: 0px;
	opacity: 1;
	padding: 20px 10px;
	margin-bottom: 0;
}
section.daily-itinerary .day-segment-wrapper .title:before {
	display: none;
}
section.daily-itinerary .title .heading {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 2.5rem;
}
section.daily-itinerary .day-segment-wrapper .day-segment-content {
	padding-top: 30px;
	padding-bottom: 30px;
}
section.daily-itinerary .day-segment-content:before {
	background-color: #11a0d8;
}
.process__item:after {
	border-color: #11a0d8;
}
section.daily-itinerary .day-segment-wrapper .segment-overview {
	font-size: 1.8rem;
}
section.daily-itinerary .day-segment-wrapper .day-cities {
	margin-bottom: 0;
}
section.daily-itinerary .day-segment-wrapper .day-cities .start-city, 
section.daily-itinerary .day-segment-wrapper .day-cities .end-city {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.daily-itinerary li.day-segment-wrapper {
	position: relative;
	margin-bottom: 30px;
}
.daily-itinerary li.day-segment-wrapper .accordion-toggle {
	display: block;
}
.daily-itinerary li.day-segment-wrapper .accordion-toggle .icon {
	color: #df3c78;
    font-size: 4rem;
    position: absolute;
    top: 18px;
	right: 30px;
	transition: all .35s ease-out;
}
.daily-itinerary li.day-segment-wrapper.active {
	margin-bottom: 0px;
}
.daily-itinerary li.day-segment-wrapper.active .accordion-toggle .icon {
	transform: rotate(45deg);
	color: #df3c78;
}
.accordion li.active .accordion__content .accordion-content-inner {
	display: block;
}
#edit-eurotrip-day .day-segment-details {
	opacity: 0;
	z-index: -999;
	height: 0;
	overflow: hidden;
}
#edit-eurotrip-day .day-segment-details.show {
	height: auto;
}
section.daily-itinerary .day-segment .activity-title,
section.daily-itinerary .day-segment .activity-city {
	text-transform: uppercase;
	letter-spacing: 2px;
}
section.daily-itinerary .day-segment .activity-title {
	font-size: 19px;
}
section.daily-itinerary .day-segment .activity-city,
section.daily-itinerary .day-segment .time {
    font-weight: 600;
    text-transform: uppercase;
    color: #8e8e8e;
}
section.daily-itinerary .day-segment .activity-city {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
section.daily-itinerary .day-segment .time {
	font-size: 1.2rem;
}
section.daily-itinerary .day-segment .activity-description {
	text-align: justify;
	font-size: 14px; 
	color: #8e8e8e;
}
.section-link-share .copy-link {
	font-weight: 600; 
	display: inline-block;"
}

.section-link-share .copy-link + .tooltip {
    visibility: hidden;
    background-color: #00cc99;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -100%);
    font-size: 12px;
    transition: all 0.3s ease-in-out;
    top: 20px;
    width: auto;
    height: auto;
    opacity: 0;
}
.section-link-share .copy-link + .tooltip.show {
    visibility: visible;
    opacity: 1;
    top: 10px;
}
/************
FORUM
************/
.forum-threads li {
	margin-bottom: 15px;
}

#forum-single .comments__list li.forum-post {
	border: 2px solid #df3c78;
}
li.forum-post .thread-link {
	display: inline-block;
	margin-top: 15px;
}
.thread-body {
	font-size: 1.8rem;
}

.comments__list li .comment__meta,
.comments__list li .comment__meta a {
	font-size: 1.4rem;
}
.comments__list li {
	position: relative;
}
.comments__list li.forum-reply {
	margin-left: 30px;
	border: 2px solid #8e8e8e;
}
.forum-reply:before {
	content: "";
    display: block;
    height: 100%;
    left: -30px;
    position: absolute;
    top: 0;
    width: 2px;
    background-color: #cecece;
}
.forum-reply .comment:before {
	content: "";
    display: block;
    height: 2px;
    left: -30px;
    position: absolute;
    top: 50%;
    width: 25px;
    background-color: #cecece;
}
.comments__list .comment {
	display: flex;
}
.comment .comment__avatar {
	align-items: center;
    width: auto;
    margin-right: 15px;
    flex-direction: column;
    min-width: 70px;
}
.comment .comment__avatar a {
	display: inline-block;
	border-bottom: none;
	text-decoration: none;
}
.comment .comment__avatar img {
	border-radius: 50%;
	border: 1px solid #8e8e8e;
	max-height: 7rem;
	margin-bottom: 10px;
}
.comment__avatar a,
.comment__avatar a:hover,
.comment__avatar a:active {
	border-bottom: none;
}
.comment .post-reply-count {
	font-size: 1.4rem;
}
.comment .comment__body {
    width: 100%;
    float: none;
}
.comments__list li.forum-post,
.comments__list li.forum-reply {
	padding: 20px 40px 20px 15px;
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.comments__list li .post-vote p {
	text-align: center;
	margin: 5px 0;
	font-size: 1.4rem;
}

.forum-reply .btn-delete {
	font-size: 1.2rem;
	border: 0!important;
	position: absolute;
	bottom: 0;
	right: 0;
}
#delete-forum-thread-modal,
#delete-forum-reply-modal {
	bottom: auto;
}
.forum-reply .modal p {
	font-size: 1.8rem;
}
/*************
FOOTER
*************/
footer {
	background-color: #252525;
	padding: 30px;
}
footer .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
footer p,
footer li {
	color: #fff;
	font-size: 1.4rem;
}
footer p:last-of-type {
	margin-bottom: 0;
}
footer .social-links a {
	font-size: 2rem;
}

footer:not(.bg--primary):not(.bg--dark) .social-links a {
	color: #df3c78;
}
footer:not(.bg--primary):not(.bg--dark) .social-links a:hover {
	color: #fff;
}
/***************
HOME PAGE
***************/
#home #page-content {
	padding-bottom: 0;
}
/*****************
MEDIA QUERIES
*****************/
@media(max-width: 1699px) {
	/*************
	TRAVEL STORIES
	*************/
	#page-travel-story .questions-wrapper,
	#page-travel-story .guest-postinterview-wrapper {	
		max-width: 80%;
	}
}

@media(max-width: 1499px) {

}
@media(max-width: 1349px) {
	/************
	CARDS
	************/
	.flex .card-sm {
	    flex-basis: 20%;
	}
	/*************
	TRAVEL STORIES
	*************/
	#page-travel-story .questions-wrapper,
	#page-travel-story .guest-postinterview-wrapper {	
		max-width: 100%;
	}
}
@media(max-width: 1199px) {
	/*************
	GRID DISPLAY
	*************/
	.grid-item {
		flex-basis: 30.5%;
	}
	/************
	CARDS
	************/
	.flex .card-sm {
	    flex-basis: 30.5%;
	}
	/**************
	DESTIANTION TAB CONTENT
	***************/
	.tab-content#content-photos .img-wrapper {
	    flex-basis: 30%;
	}
	.tab-content#content-photos .masonry-wrapper {
		-moz-columns: 3;
		     columns: 3;
	  	-moz-column-gap: 2%;
	  	     column-gap: 2%;
	}
	.tab-content#content-photos .masonry-block {
		margin-bottom: 20px;
	}
}
@media (max-width: 1024px) {

	/***********
	GENERAL
	***********/
	.lead,
	blockquote, 
	#blog-article-page article blockquote {
		font-size: 1.8rem;
	}
	blockquote .quote-start {
	    top: -15px;
	}
	blockquote .quote-end {
	    bottom: -7px;
	    right: -7px;
	}
	/**********
	FORMS
	**********/
	h6, label, p.label, th {
		font-size: 1.8rem;
	}
}
@media(max-width: 991px) {
	.lead p, 
	.lead ol, 
	.lead ul, 
	.lead li {
    	font-size: 2rem;
   	}
	/************
	LINKS & BUTTONS
	*************/
	@media (max-width: 990px) {
		button {
			margin-top: 0;
		}
	}
    /* margin-top: 60px;
	/************
	HEADER
	*************/
	#header .nav-links a {
	    margin-right: 10px;
	    font-size: 1.4rem;
	}
	/**************
	MODALS 
	***************/
	.modal-content,
	.restrictions-modal,
	.cases-modal {
		justify-content: flex-start;
	}
	/************
	CARDS
	************/
	.flex .card-sm {
	    flex-basis: 30%;
	}
	/*************
	FORMS - SCORES UPDATES, COSTS UPDATES, DETAILS UPDATES
	**************/
	.destination-scores-update .checkbox-wrapper label,
	.destination-costs-update .checkbox-wrapper label,
	.destination-details-update .checkbox-wrapper label {
	    font-size: 2rem;
	}
	.destination-scores-update .checkbox-wrapper input,
	.destination-costs-update .checkbox-wrapper input,
	.destination-details-update .checkbox-wrapper input {
		width: 15px;
	    height: 15px;
	}
	/*************
	MEMBERSHIP SIGNUP FORM
	*************/
	.section-member-signup .membership-benefits li {
		font-size: 1.5rem;
	}

	/**************
	DESTIANTION TAB CONTENT
	***************/
	.tab-content#content-photos .img-wrapper {
	    flex-basis: 25%;
	}
	.tab-content#content-photos .masonry-wrapper {
		-moz-columns: 2;
		     columns: 2;
	}
	.tab-content#content-photos .masonry-block {
		margin-bottom: 15px;
	}

	/**************
	FORUM
	**************/
	

}

@media(max-width: 767px) {
	/*************
	GENERAL STYLES
	*************/
	h1 {
		font-size: 4rem;
	}
	h2 {
		font-size: 3.5rem;
		margin-bottom: .7rem;
	} 
	h3 {
		font-size: 3rem;
	}

	h4 {
		font-size: 2.5rem;
		margin-bottom: .5rem;
	}
	h5 {
		font-size: 2rem;
		margin-bottom: .5rem;
	}
	h6,
	label,
	p.label,
	th {
		font-size: 1.5rem;
	}
	p, li, q {
		font-size: 1.8rem;
	}
	.container, .container-fluid {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#page-content section {
		padding: 30px 15px;
	}
	/* Flex Bais (fb) */
	.fb-mobile-25,
	.w-mobile-25 {
		width: 25%!important;
	}
	.fb-mobile-33,
	.w-mobile-33 {
		width: 33%!important;
	}
	.fb-mobile-40,
	.w-mobile-40 {
		width: 40%!important;
	}
	.fb-mobile-45,
	.w-mobile-45 {
		width: 45%!important;
	}
	.fb-mobile-50,
	.w-mobile-50 {
		width: 50%!important;
	}
	.fb-mobile-60,
	.w-mobile-60 {
		width: 60%!important;
	}
	.fb-mobile-75,
	.w-mobile-75 {
		width: 75%!important;
	}
	.fb-mobile-80,
	.w-mobile-80 {
		width: 80%!important;
	}
	.fb-mobile-100,
	.w-mobile-100 {
		width: 100%!important;
	}
	.imageblock .imageblock__content {
		min-height: 350px;
	}
	/**************
	LINKS & BUTTONS
	**************/
	.inline-buttons-wrapper .btn:not(:last-child) {
		margin-bottom: 0;
	}

	/************
	FORMS
	************/
	form.form-inline input[type="submit"] {
		max-width: 150px;
	}
	.form-errors .heading {
		font-size: 2rem;
	}
	.input-checkbox.input-checkbox--switch input + label {
		height: 2.25rem;
	    width: 4.45rem;
	    margin: 0;
	}
	.input-checkbox.input-checkbox--switch label:before {
	    width: 2rem;
	    height: 2rem;
	    border-radius: 50%;
	    top: 0;
	}
	.input-checkbox.input-checkbox--switch input:checked + label:before {
	    animation: none !important;
	    background: #df3c78;
	    transform: translateX(1.85714286em);
	    left: 5px;
	}
	/*************
	FORMS - SCORES UPDATES, COSTS UPDATES, DETAILS UPDATES
	**************/
	.destination-scores-update .checkbox-wrapper,
	.destination-costs-update .checkbox-wrapper,
	.destination-details-update .checkbox-wrapper {
	    display: block;
	    flex-direction: unset;
	    align-items: unset;
	    margin: 0 5px;
	    text-align: center;
	}
	.destination-scores-update .checkbox-wrapper label,
	.destination-costs-update .checkbox-wrapper label,
	.destination-details-update .checkbox-wrapper label {
	    
	}
	.destination-scores-update .checkbox-wrapper input,
	.destination-costs-update .checkbox-wrapper input,
	.destination-details-update .checkbox-wrapper input {
		width: 20px;
    	height: auto;
	}
	.destination-scores-update input[type="submit"],
	.destination-costs-update input[type="submit"],
	.destination-details-update input[type="submit"] {
	    max-width: 150px;
	    font-size: 1.25rem;
	    padding: 5px;
	   	line-height: 100%;


	    padding: 10px;
	    margin: 10px 0 0;
	    max-width: 75%;
	    font-size: 1.2rem;
	}
	form.destination-scores-update {
		flex-flow: row wrap;
	}
	.destination-scores-update input[type="submit"] {
		margin-left: auto;
		margin-right: auto;
	}
	/*************
	TABLES
	*************/

	/*************
	BUTTONS
	*************/
	a,
	.btn,
	button {
		white-space: normal;
	}
	/* SOCIAL SHARE BUTTONS */
	.social-share-buttons-wrapper .btn {
		padding: 15px;
		height: 60px;
		width: 60px;
		overflow: hidden;
		white-space: nowrap;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.social-share-buttons-wrapper .btn .btn-text {
		display: none;
	}
	.social-share-buttons-wrapper h6 {
	    padding: 10px 0;
	    writing-mode: vertical-lr;
	    text-orientation: upright;
	    text-align: center;
	    width: 60px;
	    font-size: 1.5rem;
	    display: block;
	    text-align: center;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}
	/************
	SECTIONS
	************/
	#page-content section.imageblock.feature-large {
		padding: 0;
	}
	#page-content section.imageblock.feature-large .btn {
	    padding: 10px 15px;
	    font-size: 1.4rem;
	}
	section.imageblock .image-text-feature-pair .btn:not(:last-child) {
    	margin-bottom: 0;
   	}
	/************
	HEADER
	*************/
	#header .nav-links a {
	    display: none;
	}

	/************
	BANNERS
	*************/

	/************
	ADS
	*************/
	.ad-header,
	.ad-footer {
		flex-direction: column;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ad-header .notification-label,
	.ad-footer .notification-label {
		margin-bottom: 15px;
	}
	.ad-header p,
	.ad-footer p {
		font-size: 1.5rem;
	}
	.ad-header .btn, 
	.ad-footer .btn {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	/************
	SIGNUP CTA ALERT
	************/
	#alert-signup-cta.show {
	    flex-direction: column;
	    text-align: center;
	    padding: 30px;
	}
	#alert-signup-cta .btn-close {
		top: 5px;
    	right: 5px;
	}
	#alert-signup-cta p {
		font-size: 1.8rem;
    	margin-bottom: 20px;
	}
	#alert-signup-cta .btn {
		font-size: 1.5rem;
	}
	/*************
	GRID DISPLAY
	*************/
	.grid-item {
		flex-basis: 45.5%;
	}
	/*************
	LOCATION (Country/City/Attraction) VIEW - ALL
	*************/
	.destinations-table .bar-label {
		font-size: 1rem;
	}
	.destinations-table .destination-info .heading {
		font-size: 1.2rem;
	}
	.restrictions-modal, 
	.cases-modal {
		max-width: 400px;
	}
	.restrictions-modal.show, 
	.cases-modal.show {
		left: 30px;
	    right: auto;
	    top: -10%;
	    max-width: 90vw;
	    height: 50vh;
	}
	/************
	CARDS
	************/
	.card .card-content {
		padding: 30px;
	}
	.card-sm .card-content {
		padding: 0;
	}
	.flex .card-sm {
	    flex-basis: 44%;
	}
	.card-sm .heading {
		font-size: 1.8rem;
	}
	.card .btn .icon {
		display: block;
	}
	/*************
	ADVERTISE pages
	*************/
	.price-guide .heading {
		font-size: 2rem;
	}
	.price-guide .cost {
		font-size: 3rem;
	}
	.price-guide .btn {
		font-size: 1.5rem;
	}
	/************
	NEWSLETTER SIGNUP
	*************/
	.banner-newsletter {
		overflow: hidden;
	}
	.banner-newsletter input {
		font-size: 1.4rem;
		height: 45px;
	}
	/***********
	MEMBERSHIP SIGNUP
	************/
	.section-member-signup .signup-content-wrapper {
		display: block;
	}
	.section-member-signup .member-benefits-content,
	.section-member-signup .payment-options-content {
		width: 100%;
		padding: 0;
	}
	.section-member-signup .member-benefits-content {
		border-right: 0;
		border-bottom: 2px solid #cecece;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	/**************
	DESTIANTION TAB CONTENT
	***************/
	.tab-content#content-photos .img-wrapper {
	    flex-basis: 40%;
	    margin: 10px;
	}
	.tab-content#content-photos .masonry__item:not(:empty),
	.tab-content#content-photos .masonry__block:not(:empty) {
		margin-bottom: 0;
	}
	.tabs-list-wrapper ul.tabs {
	    min-width: 1300px;
	}
	.tabs-list-wrapper .tabs .tab,
	.tabs-list-wrapper .tabs li:not(:last-child) {
		margin: 10px;
	}
	.tabs-list-wrapper .tabs .tab:first-of-type {
		margin-left: 0;
	}
	.tabs-list-wrapper .tabs .tab:last-of-type {
		margin-right: 0;
	}
	.tabs li,
	.tabs .tab{
	    display: inline-block!important;
	}
	/*************
	USER PROFILE PAGES
	*************/
	.user-destinations .destination.visited img.flag-img {
		max-height: 20px;
		bottom: 0;
	}
	/*************
	TRAVEL STORIES
	*************/
	#page-travel-story .interview-profile-img {
		height: 150px;
		max-width: 150px;
	}
	/***********
	FEATURE BOXES
	***********/
	.feature-3.boxed span.number-heading {
		font-size: 2.5rem;
		margin-bottom: 10px;
	}
	.feature-3.boxed h5 {
		font-size: 1.25rem;
	}
	/************
	FORUM
	************/
	.forum-nav-wrapper {
		flex-direction: column;
		justify-content: space-between;
	}
	#forum-single .forum-nav-wrapper {
		flex-direction: row;
	}
	.forum-nav-wrapper .btn,
	.forum-nav-wrapper .filter-menu {
		margin-bottom: 0;
	}
	.forum-nav-wrapper .login-post-btn-wrapper,
	.forum-nav-wrapper .login-post-btn-wrapper .btn {
		width: 100%;
	}
	.forum-nav-wrapper .login-post-btn-wrapper {
		margin-bottom: 20px;
	}
	.forum-nav-wrapper .forum-filters-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
		justify-content: center;
	}
	.forum-nav-wrapper .forum-filters-wrapper .btn {
		margin: 0;
	}
	.comments .comment__body {
		display: flex;
    	flex-direction: column;
	}
	.comments .comment__body .top-meta {
		flex-direction: column;
    	order: 2;
	}
	.comment .comment__meta a:not(:first-child) {
		margin: 0;
	}
	.comment .comment__meta {
		margin-bottom: 10px;
	}
	.comments .comment__body .post-title {
		order: 1;
	}
	.comments .comment__body .thread-body {
		order: 3;
	}
	.comments .comment__body a,
	.comments .comment__body .thread-link {
		order: 4;
	}
	
	/************
	FOOTER
	*************/
	footer .container {
	    display: block;
    	text-align: center;
	}
	footer .social-links {
		margin-top: 30px;
		justify-content: center;
	}
}

@media(max-width: 650px) {
	.xs-show {
		display: block;
	}
	.xs-hide {
		display: none;
	}
	.lead {
		margin-bottom: 0px;
	}
	/*************
	BANNERS
	*************/
	/* HERO BANNER */
	#hero-banner {
	    min-height: 200px;
	    height: auto;
	}
	/* EMAIL SIGNUP BANNER */
	#newsletter-signup form.form-inline input[type="submit"] {
		padding: 0 5px;
	}
	/* AD BANNER */
	.ad-header .btn, 
	.ad-footer .btn {
		padding: 5px;
	}
	/*************
	GRID DISPLAY
	*************/
	.grid-item {
		flex-basis: 44%;
		height: 200px;
	}
	.grid-item .title-wrapper {
		width: 100%;
    	padding: 10px;
	}
	.grid-item .title {
		font-size: 1.8rem;
    	width: 100%;
	}
	.grid-item .subtitle {
		font-size: 1rem;
	}
	.grid-item img.flag {
		max-width: 30px;
    	max-height: 30px;
	}
	.ad-grid .notification-label {
		left: 2px;
	    top: 2px;
	    padding: 0 5px;
	    min-width: 20px;
	}
	.ad-grid p {
		font-size: 1.5rem;
	}
	.grid-item .vote-action .icon {
	    font-size: 1.2rem;
	}
	.grid-item .vote-percent,
	.grid-item .scores .title,
	.graph-bar .bar-label {
	    font-size: 1rem;
	}
	.grid-item .btn-cta {
	    font-size: 1.2rem;
	    padding: 2px;
	}
	.grid-item .attributes-wrapper .attribute {
		font-size: 1rem;
	}
	/* TRAVEL STORIES */
	.grid-item.travel-story .title {
		font-size: 1.8rem;
	}
	.grid-item.travel-story.subtitle {
		font-size: 1rem;
	}
	.grid-item.travel-story .excerpt-wrapper {
		top: 35px;
		overflow: hidden;
	}
	.grid-item.travel-story .excerpt p {
		font-size: 1rem;
	}
	
	/**************
	LISTS
	**************/
	
	/* TABS */
	.tab-content#content-scores .scores .score,
	.tab-content#content-costs .scores .score,
	.tab-content#content-details .scores .score {
		flex-basis: 100%;
		padding-right: 0;
	    border-right: 0;
	}
	.tab-content#content-scores .score:nth-child(even),
	.tab-content#content-costs .score:nth-child(even),
	.tab-content#content-details .score:nth-child(even) {
	    padding-left: 0;
	}
	/************
	LINKS & BUTTONS
	************/
	/* SOCIAL SHARE BUTTONS */
	.social-share-buttons-wrapper .btn {
		padding: 10px;
		height: 40px;
		width: 40px;
	}
	.social-share-buttons-wrapper h6 {
	    padding: 10px 0;
	    writing-mode: vertical-lr;
	    text-orientation: upright;
	    text-align: center;
	    width: 40px;
	    font-size: 1.2rem;
	    display: block;
	    text-align: center;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}
	/************
	FORUM
	************/
	.comments__list li.forum-post, 
	.comments__list li.forum-reply {
		padding: 15px;
	}
	.forum-nav-wrapper .btn,
	.forum-nav-wrapper .filter-menu {
		font-size: 1.2rem;
		padding: 5px;
		letter-spacing: 1px;
	}
	.comments__list li,
	.comments__list .forum-post {
		padding: 20px;
	}
	.comments__list .comment,
	.comments__list .comment .comment__meta {
		flex-direction: column;
	}
	.comment .comment__meta {
		margin-bottom: 10px;
	}
	.comment .comment__avatar {
		width: auto;
		text-align: center;
	}
	.comment__body .post-title {
		font-size: 1.8rem;
	}
	.comments li .post-vote {
		margin-top: 75px;
	}
	.thread-body,
	.thread-link {
		font-size: 1.4rem
	}
	.forum-threads li .comment__meta, 
	.forum-threads li .comment__meta a,
	.comment .comment__avatar .post-reply-count {
		font-size: 1.2rem;
	}

	/***************
	USER PROFILE PAGES
	***************/
	#user-activity .activity .icon-circle {
		width: 4rem;
		height: 4rem;
	}
	#user-activity .icon-circle .icon {
		font-size: 1.5rem;
	    line-height: 1rem;
	}

}

@media(max-width: 500px) {
	/*************
	GENERAL STYLES
	*************/
	h1 {
		font-size: 2.75rem;
	}
	h2 {
		font-size: 2.5rem;
	} 
	h3 {
		font-size: 2.25rem;
	}

	h4 {
		font-size: 1.95rem;
	}
	h5 {
		font-size: 1.75rem;
	}
	h6,
	label,
	p.label,
	th {
		font-size: 1.5rem;
	}
	p, li, q {
		font-size: 1.8rem;
	}
	.text-disclaimer {
		font-size: 1rem;
	}
	/************
	LINKS & BUTTONS
	************/
	
	/*************
	GRID DISPLAY
	*************/
	.grid-item {
	    flex-basis: 44%;
	    /*height: 250px;*/
	    margin: 0 5px 10px;
	}
	.grid-item .scores-wrapper, 
	.grid-item .excerpt-wrapper {
		top: auto;
	}
	.grid-item .scores .graph-bar, 
	.graph-inner .bar-bg {
		height: 20px;
	}

	.grid-item.travel-story .title {
	    font-size: 1.4rem;
	}
	/**************
	MODALS 
	***************/
	.modal-active .modal-content .modal-close {
		top: 5px;
	    font-size: 1rem;
	    right: 5px;
	    width: 2.5rem;
    	height: 2.5rem;
	}
	.modal-container .modal-content .modal-close-cross:before {
		font-size: 2em;
    	line-height: 2rem;
	}
	/*************
	FEEDBACK TRACKER
	*************/
	button#feedback-tracker-toggle {
		height: 50px;
		width: 50px;
	}
	button#feedback-tracker-toggle,
	button#feedback-tracker-toggle span.icon {
		font-size: 2rem;
	}
	
	/*************
	ADVERTISE pages
	*************/
	.price-guide .heading {
		font-size: 1.5rem;
	}
	.price-guide .cost {
		font-size: 2rem;
	}
	.price-guide .btn {
		font-size: 1.25rem;
	}
	.tab-content#content-photos .img-wrapper {
	    flex-basis: 100%;
	    margin: 0 auto;
	}
	.tab-content#content-photos .img-wrapper .media-byline {
		font-size: 1rem;
	}
	/*************
	TRAVEL PREFERENCES
	*************/
	#form-onboarding .radio-group .separator,
	.travel-preferences .radio-group .separator {
		font-size: 1.2rem!important;
	}
	#form-onboarding .checkbox-wrapper .checkbox-group,
	.travel-preferences .checkbox-wrapper .checkbox-group {
		gap: 10px 20px;
	}
	#form-onboarding .checkbox-wrapper .input-radio--innerlabel label,
	#form-onboarding .checkbox-wrapper .input-checkbox label,
	.travel-preferences .checkbox-wrapper .input-radio--innerlabel label,
	.travel-preferences .checkbox-wrapper .input-checkbox label {
		font-size: 1.2rem!important;
	    width: 100px!important;
	}
}
@media (max-width: 400px) {
	/*************
	GRID DISPLAY
	*************/
	.grid-item {
	    flex-basis: 100%;
	    height: 250px;
	}
}
@media(max-height:800px) {
	/***************
	PRIMARY NAV
	***************/
	#primary-nav {
		overflow-y: scroll;
	}

	/************
	LOCATION (Country/City/Attraction) VIEW - ALL
	************/
	.restrictions-modal,
	.cases-modal {
		display: block;
	}
}