/* XenForo 2 Script Pages Alterations BEGIN */
.p-body-inner {
    padding: 0;
}
.p-breadcrumbs {
	padding: 10px;
	margin: 0 !important;
}
.p-body-header, .p-title { /* hides XenForo page header/title and h1 on custom pages */
    display: none;
}
.p-body-sidebarCol, .p-body-sidebar { /* hides XenForo sidebar on home page */
	display: none;
}
/* XenForo 2 Script Pages Alterations END */
.admin-links, .staff-links {
	position: absolute;
	top: 0;
	right: 40px;
}
body {
	font-family: Tahoma,Verdana,Geneva,sans-serif;
	font-size: 14px;
}
.border1 {
	border: 1px solid #000000;
}
.box-container, .box-footer, .box-info, .box-warning, .box-weather {
    border-radius: 5px;
    margin: 10px auto;
    width: 1000px;
    max-width: 98%;
    text-align: center;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
}
.box-footer-head, .box-info-head, .box-weather-head, .box-warning-head {
    font-size: 18px;
    font-weight: bold;
}
.box-container, .box-footer, .box-weather {
    background-color: #FFFFFF;
    border: 2px solid #000000;
    padding: 10px;
}
.box-container {
    border-width: 1px;
    border-radius: unset;
}
.box-info, .box-warning {
    background-position: 5px center;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 10px 20px 10px 40px;
}
.box-info p, .box-warning p {
    color: #000000;
}
.box-info {
    background-color: #BDE5F8;
    background-image: url('https://www.cruisingearth.com/images/icons/info.webp');
    border: 1px solid #00529B;
    color: #00529B;
}
.box-warning {
    background-color: #FEEFB3;
    background-image: url('https://www.cruisingearth.com/images/icons/attention.webp');
    border: 1px solid #9F6000;
    color: #9F6000;
}
.box-weather {
    background-image: url('https://www.cruisingearth.com/images/weather/weather-links-bg.webp');
}
.box-weather a {
    margin-bottom: 10px;
}
.button-blue, .button-green, input[type=button] {
	border-radius: 17px;
	border: 1px solid;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial, serif;
	font-size: 15px;
	font-style: normal;
	margin: 10px 5px;
	padding: 6px 13px 5px 13px;
	text-decoration: none;
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 1.0);
}
.button-blue {
	background: #2e466e linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	border-color: #1f2f47;
}
.button-green {
	background: #2e7e2e linear-gradient(to bottom, #2e7e2e 5%, #3f9b3f 100%);
	border-color: #1f5a1f;
}
.button-lg {
    font-size: 18px;
}
.button-sm {
    font-size: 12px;
    margin: 5px;
    padding: 4px 10px 2px 8px;
}
.button-blue i svg, .button-green i svg {
	vertical-align: -.2em !important;
	margin-right: 5px;
}
.button-sm i svg {
    font-size: larger;
}
.button-blue:hover, .button-green:hover {
	color: #ffffff !important;
}
.button-blue:hover, .button-blue ~ .button-selected {
	background: #415989 linear-gradient(to bottom, #415989 5%, #2e466e 100%);
}
.button-green:hover, .button-green ~ .button-selected {
	background: #3f9b3f linear-gradient(to bottom, #3f9b3f 5%, #2e7e2e 100%);
}
.button-blue:active, .button-green:active {
    box-shadow: none;
	position: relative;
	top: 1px;
}
.button-selected, .button-selected:hover, .button-selected:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 1px 0 2px rgba(0, 0, 0, 0.2), inset -1px 0 2px rgba(0, 0, 0, 0.2) !important;
    color: #00ff00 !important;
}
.button-blue:disabled, .button-green:disabled {
	text-decoration: line-through;
	opacity: .5;
	cursor: default;
}
.button-radio {
    cursor: pointer;
}
#button-convert {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 3px;
	padding: .1em .5em .2em .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	box-shadow: 0 4px 4px -2px #777;
	color: #e9e9e9;
	border: 1px solid #555;
	border-bottom: 2px solid #555;
	background: linear-gradient(to bottom, #2e466e, #415989);
}
#button-convert.button-convert-no-shadow {
	box-shadow: none;
}
#button-convert:hover {
	text-decoration: none;
	background: linear-gradient(to bottom, #415989, #2e466e);
}
#button-convert:active, #button-convert2:hover {
	position: relative;
	top: 1px;
	color: #afafaf;
	background: linear-gradient(to bottom, #415989, #2e466e);
}
#button-convert:enabled {
	border: 1px solid #000000;
	cursor: pointer;
}
.cruise-terms-header {
	font-size: 16px;
}
.cruise-terms {
	text-align: left;
	max-width: 1100px;
	margin: 0 auto;
}
.cruise-terms-section {
	margin: 3px 0;
	padding: 3px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: rgb(102, 102, 102);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(102, 102, 102);
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgb(102, 102, 102);
	font-family: 'Droid Serif', sans-serif;
	position: relative;
}
.cruise-terms dl, .cruise-terms-top {
	margin: 0 0 12px 12px;
	font-size: 12px;
	line-height: 1.5em;
}
.cruise-terms dt {
	font-weight: bold;
	font-size: 12px;
}
.cruise-terms dd {
	margin: 0 0 1em 0.8em;
	font-size: 12px;
}
.cruising {
    font-weight: bold;
    color: #005EB8;
}
.earth {
    font-weight: bold;
    color: #007900;
}
.cruising-table {
	border: 1px solid #000000;
	background: #f2f3ff;
    padding: 10px;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}
.cruising-b, .cruising-bc, .cruising-bcr, .cruising-bcu, .cruising-bcx, .cruising-br, .cruising-bru, .cruising-bu {
	font-weight: bold;
}
.center, .cruising-bc, .cruising-bcr, .cruising-bcu, .cruising-bcx, .cruising-c, .cruising-ci, .cruising-cr {
    text-align: center;
}
.cruising-bcr, .cruising-br, .cruising-bru, .cruising-cr, .cruising-ir, .cruising-r {
    color: #FF0000;
}
.cruising-u, .cruising-bcu, .cruising-bu, .cruising-bru {
	text-decoration: underline;
}
.cruising-ci, .cruising-i, .cruising-ir, .cruising-is {
	font-style: italic;
}
.cruising-is {
	font-size: smaller;
}
.cruising-style01, .cruising-style02, .cruising-style03, .cruising-style04 {
    font-family: Tahoma,Verdana,Geneva,sans-serif;
}
.cruising-style01, .cruising-style02, .cruising-style03, .cruising-style04 {
	font-weight: bold;
}
.cruising-style01, .cruising-style02, .cruising-style03 {
	text-align: center;
    color: #000000;
}
.cruising-style01 {
	font-size: 26px;
	margin: 10px;
}
.cruising-style02 {
	font-size: 22px;
}
.cruising-style03, .cruising-style04 {
	font-size: 18px;
}
/* H1, Headings & Button-Link Responsive Font Size BEGIN */
@media (max-width: 430px) {
    .cruising-style01 {
	    font-size: 24px;
    }
    .cruising-style02 {
	    font-size: 21px;
    }
    .cruising-style03, .cruising-style04 {
	    font-size: 17px;
    }
}
@media (max-width: 380px) {
    .button-link span {
        font-size: 14px;
    }
    .button-link i {
	    font-size: 20px;
    }
    .cruising-style01 {
	    font-size: 22px;
    }
    .cruising-style02 {
	    font-size: 18px;
    }
    .cruising-style03, .cruising-style04 {
	    font-size: 16px;
    }
}
@media (max-width: 360px) {
    .button-link span {
        font-size: 13px;
    }
    .button-link i {
	    font-size: 18px;
    }
    .cruising-style01 {
	    font-size: 20px;
    }
    .cruising-style02 {
	    font-size: 17px;
    }
    .cruising-style03, .cruising-style04 {
	    font-size: 16px;
    }
}
/* H1, Headings & Button-Link Responsive Font Size END */
.error-statement {
	margin: 10px 40px;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
}
.error-image {
    max-width: 90%;
	height: auto;
	border: 2px solid #000000;
    border-radius: 8px;
	margin: 10px;
}
.error-container {
    padding: 5px;
	margin: 0 auto;
	max-width: 900px;
}
.error-container h1 {
	margin: 0;
}
.error-box {
	max-width: 600px;
	margin: 0 auto;
}
.error-head {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    background: #6484A4;
    padding: 4px 10px;
    border: 1px solid #5A7F97;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.error-content {
    text-align: left;
    min-height: 250px;
    padding: 10px;
	border-left: 2px solid #5A7F97;
    border-right: 2px solid #5A7F97;
    border-bottom: 2px solid #5A7F97;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}
.fade-out {
    opacity: 0;
    transition: opacity 0.75s;
}
.fade-in {
    opacity: 1;
    transition: opacity 0.75s;
}
.footer-note {
	text-align: center;
	font-size: 1.1em;
}
.home-options-search {
	max-width: 420px;
	margin: 10px 5px;
	padding: 0 10px 10px 10px;
	border: 1px solid #000000;
	background-color: #ddeefa;
	display: inline-block;
	vertical-align: top;
}
.home-options-top10 {
	margin: 10px 5px;
	border: 1px solid #000000;
	background-color: #ddeefa;
	display: inline-block;
	vertical-align: top;
}
.home-options-search i svg, .home-options-top10 i svg {
	vertical-align: -.2em !important;
}
.home-options-search-description {
	margin: 5px 10px;
}
.home-options-search-header, .home-options-top10-header {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 10px 10px 5px 10px;
}
.home-options-search-header i, .home-options-top10-header i {
	margin-right: 5px;
}
.home-options-top10-list {
	text-align: left;
	margin-top: 5px;
	padding-right: 10px;
}
.img-hover-expand {
    transition: all 0.3s ease;
}
.img-hover-expand:hover {
    transform: scale(2); 
}
.info-checklist-thumbnail {
	margin: 10px 20px;
	border: 1px solid #000000;
}
.info-container {
	display: block;
}
.info-image-container {
	text-align: center;
}
.info-image {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
	border: 2px solid #000000;
	border-radius: 8px;
}
.info-main {
	margin: 10px;
}
.info-main-head {
	text-align: center;
	margin: 0 5%;
}
.info-main-head img {
	width: 250px;
	max-width: 98%;
	border: 2px solid #000000;
	border-radius: 8px;
}
.image-container {
	position: relative;
	display: inline;
}
.image-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.image-view {
	max-width: 100%;
	height: auto;
	border: 2px solid #000000;
}
.info-content-container {
	margin: 20px auto;
	text-align: center;
	width: 1200px;
	max-width: 100%;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	padding: 0 5px 10px 5px;
}
.info-list-container {
	margin: 20px auto;
	max-width: 700px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 0 5px 10px 5px;
}
.info-list-list {
	text-align: left;
	padding-left: 20px;
	columns: 200px 3;
}
.info-list-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.info-menu {
	text-align: center;
}
.info-section-container {
	margin: 30px auto;
	width: 1200px;
	max-width: 100%;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	padding: 0 20px 20px 20px;
}
.info-section-title {
	font-size: 22px;
	color: #215FBB;
}
.info-options ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.info-options li {
	text-align: center;
	padding: 10px;
	background: #dceaff;
	border: 1px solid #000000;
	break-inside: avoid-column;
	display: inline-block;
	vertical-align: top;
	width: 225px;
	margin: 10px 5px;
    /*box-sizing: border-box;*/
}
.info-options li img, .info-options-line-recipes-section img, .info-content-head img {
	width: 250px;
	height: auto;
	border: 1px solid #2577b1;
	border-radius: 8px;
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 1.0);
	margin: 5px 0;
}
.info-options ul li:hover a img, .info-options ul li a img:hover {
    transform: scale(1.02);
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.5);
}
.info-options-flag-small {
	all: unset !important;
	border: 1px solid #000000 !important;
	width: 60px !important;
	height: auto !important;
	box-shadow: 0 2px 4px -2px black !important;
}
.info-content-head img {
	margin-top: 10px;
	margin-right: 10px;
}
.info-options a:active img {
	box-shadow: none;
	border: 2px solid #333333;
	margin-bottom: 4px;
}
.info-options-button-container {
	min-width: 280px;
	margin: 10px 5px 10px 10px;
	border: 1px solid #000000;
	background-color: #dceaff;
	display: inline-block;
	vertical-align: top;
}
.info-options-button-list {
	padding: 0 5px 15px 5px;
}
.info-options-button-list .button-blue {
	font-size: 13px;
	padding: 6px 10px 5px 10px;
}
.info-options-line-recipes-section {
	display: inline-block;
	width: 320px;
	background: #dceaff;
	border: 2px solid #000000;
	margin: 10px;
}
@media all and (max-width: 380px) {
	.info-options-line-recipes-section {
		width: 90%;
	}
	.info-options-line-recipes-section img {
		width: 80%;
	}
}
.info-options-line-recipes-section img {
	margin: 10px;
}
.info-popular-content-downloads {
	margin-top: 20px;
}
.info-popular-content-downloads-widget .block .block-container .block-header { /* suppress widget block header linked to resources listed by upload date */
	display: none;
}
.inline-block {
    display: inline-block;
}
.last-updated {
	padding-bottom: 10px;
	text-align: center;
}
.left {
    text-align: left;
}
.line-break {
	background-color: #465c73;
	height: 3px;
	margin: 15px auto;
	width: 800px;
	max-width: 95%;
}
.map-info-bubble {
	text-align: left;
    color: #000000;
    font-weight: bold;
}
.map-info-bubble a {
	font-size: 16px;
	text-decoration: underline;
}
.menu-icons {
	margin-left: 4px;
	margin-bottom: -5px;
	height: 20px;
	display: inline-block;
}
.menu-icon-coming-soon {
    width: 40px;
    background-image: url('https://www.cruisingearth.com/images/icons/coming-soon.webp');
}
.menu-icon-hurricane {
    width: 20px;
    background-image: url('https://www.cruisingearth.com/images/icons/hurricane.webp');
}
.menu-icon-maintenance {
    width: 22px;
    background-image: url('https://www.cruisingearth.com/images/icons/maintenance.webp');
}
.menu-icon-new {
    width: 33px;
    background-image: url('https://www.cruisingearth.com/images/icons/new.webp');
}
.menu-icon-video {
	width: 36px;
	background-image: url('https://www.cruisingearth.com/images/icons/video.webp');
}
.music-playlist {
	max-width: 1100px;
	margin: auto;
}
.music-playlist header {
	padding: 8px;
	background-color: #ddeefa;
	border: 1px solid #000000;
}
.music-playlist-song {
	font-weight: bold;
}
.music-playlist ol {
	display: inline-block;
	margin: 0 auto;
	padding-top: 5px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 100%;
}
.music-playlist ol li {
	padding-right: 10px;
}
.m0 {
	margin: 0 auto;
}
.m10 {
	margin: 10px;
}
.numbercircle {
	margin: 0 auto;
	border: 0.1em solid grey;
	border-radius: 100%;
	height: 2em;
	width: 2.4em;
	text-align: center;
}
.numbercircle p {
	margin-top: -0.10em;
	font-size: 1.5em;
	font-weight: bold;
	font-family: sans-serif;
	color: grey;
}
.non-members-map-message {
    margin: 0 auto;
    max-width: 95%;
    padding: 6px 10px;
    border-width: 1px;
    border-style: solid;
    border-top-color: #e0e0e0;
    border-left: 3px solid #f2930d;
    border-bottom-color: #ccc;
    border-right-color: #d6d6d6;
    border-radius: 4px;
    color: #915808;
    background: #fef4e7;
}
.nowrap {
    white-space: nowrap;
}
.products-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.products-container li {
	display: inline-block;
	text-align: center;
	max-width: 260px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ff9900;
	vertical-align: top;
	background-color: #edf6fd;
}
.product-link a:hover {
	text-decoration: none;
}
.product-link a:hover .product-title {
	text-decoration: underline;
}
.product-link a:hover .product-image {
	border: 1px solid #2577b1;
}
.product-image-container {
	position: relative;
}
.product-image {
	text-align: center;
	object-fit: contain;
	padding: 5px;
	height: 200px;
	width: 240px;
	max-width: 96%;
	background-color: #ffffff;
	border: 1px solid #adcee594;
	border-radius: 4px;
}
.product-image:hover {
	border: 1px solid #2577b1;
}
.product-note {
	margin: 5px;
}
.product-note i {
	color: #007900;
	margin-right: 5px;
}
.product-price {
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 28px;
	color: #0f1111;
}
.product-price-symbol, .product-price-cents {
	position: absolute;
	top: .25em;
	font-size: 13px;
}
.product-price-symbol {
	left: -8px;
}
.product-title {
	margin: 5px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-title:hover {
	text-decoration: underline;
}
.product-watermark {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.px500 {
	width: 500px;
	max-width: 95%;
}
.px650 {
	width: 650px;
	max-width: 95%;
}
.search-title {
    margin: 10px 10px 5px 10px;
}
.search-label-container {
    text-align: center;
    margin: 5px 10px;
}
.search-options {
	width: 400px;
	max-width: 95%;
	padding: 5px 10px 12px 10px;
	border: 1px solid #000000;
    border-radius: 10px;
	background-color: #ddeefa;
	display: inline-block;
	vertical-align: top;
}
input#search, input#ship-tracker-search, input#port-tracker-search, input#ship-webcams-search, input#port-webcams-search, input#recipes-search, input#themed-cruise-sailings-search, input#themed-cruise-sailings-past-search {
    appearance: none;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    height: 30px;
	width: 100%;
	max-width: 400px;
}
input#search[placeholder], input#ship-tracker-search[placeholder], input#port-tracker-search[placeholder], input#ship-webcams-search[placeholder], input#port-webcams-search[placeholder], input#recipes-search[placeholder], input#themed-cruise-sailings-search[placeholder], input#themed-cruise-sailings-past-search[placeholder] {
	margin-top: 5px;
	padding-left: 5px;
    text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
	input#search, input#ship-tracker-search, input#port-tracker-search, input#ship-webcams-search, input#port-webcams-search, input#recipes-search, input#themed-cruise-sailings-search, input#themed-cruise-sailings-past-search {
		font-size: 16px;
	}
}
.search-results, .ship-tracker-search-results, .port-tracker-search-results, .ship-webcams-search-results, .port-webcams-search-results, .recipes-search-results, .themed-cruise-sailings-search-results, .themed-cruise-sailings-past-search-results{
	margin: 5px auto;
	display: none;
	text-align: left;
	font-size: 14px;
	max-width: 400px;
	max-height: 150px;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.search-results a, .search-results-none, .ship-tracker-search-results a, .port-tracker-search-results a, .ship-webcams-search-results a, .port-webcams-search-results a, .recipes-search-results a, .themed-cruise-sailings-search-results a, .themed-cruise-sailings-past-search-results a {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.search-results a:focus, .ship-tracker-search-results a:focus, .port-tracker-search-results a:focus, .ship-webcams-search-results a:focus, .port-webcams-search-results a:focus, .recipes-search-results a:focus, .themed-cruise-sailings-search-results a:focus, .themed-cruise-sailings-past-search-results a:focus {
	border: 2px solid rgb(221, 221, 221);
    outline: auto;
    text-decoration: underline;
}
select {
	border-radius: 3px;
}
select:disabled, input[type="text"]:disabled, textarea:disabled, button:disabled {
	color: #838383;
	font-style: italic;
}
.ship-brief {
	text-align: left;
	margin: 10px 20px;
}
.ship-brief h3 {
	margin-top: 24px;
	margin-bottom: -10px;
}
.ship-brief h4 {
	margin-bottom: -10px;
}
.social-share-container {
    text-align: center;
    margin: 10px auto;
}
.social-share-group {
	text-align: center;
}
.social-share-group button {
	border: 1px solid rgb(0,0,0,0.35);
	border-radius: .5em;
	box-shadow: 0 8px 8px -8px black;
	color: #ffffff;
	font-family: Roboto, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin: 5px;
	cursor: pointer;
}
.social-share-group button:hover {
	box-shadow: inset 10px 10px 10px 10px rgba(255,255,255,0.1),0 8px 8px -8px black;
	border: 1px solid rgb(0,0,0,1.0);
}
.social-share-group button:active {
	box-shadow: inset 10px 10px 10px 10px rgba(0,0,0,0.2);
	border: 1px solid rgb(0,0,0,1.0);
}
.social-share-label {
	font-weight: bold;
}
.social-share.email {
	background-color: #1da1f2;
}
.social-share.facebook {
	background-color: #3b5998;
}
.social-share.pinterest {
	background-color: #bd081c;
}
.social-share.reddit {
	background-color: #ff4500;
}
.social-share.x {
	background-color: #3b4856;
}
.social-share i svg {
	margin: .2em .3em;
	vertical-align: -.45em;
	height: 1.25em;
	width: auto;
	font-size: 1.1em;
}
.table-of-contents {
	max-width: 650px;
	margin: 0 auto;
	border: 1px solid #000000;
	background-color: #DDEEFA;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 10px;
}
.table-of-contents-list {
	font-weight: bold;
	font-size: 1.2em;
	max-width: 450px;
	min-height: 180px;
	margin: 0 auto;
}
.table-of-contents-note {
	margin: 20px auto;
	background-color: #EDF6FD;
	border: 1px solid #000000;
	border-radius: 8px;
	padding: 0 5px;
}
.tooltip-flyout {
	position: relative;
	padding: 12px 0;
	transition: all .3s ease;
}
.tooltip-flyout.nowrap {
	white-space: nowrap;
}
.tooltip-flyout:before {
	content: "";
	position: absolute;
	opacity: 0;
	pointer-events: none;
	left: 50%;
	transform: translate3d(-50%,0%,0);
	transition: all .3s ease;
	transition-delay: .5s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #282828 transparent transparent transparent;
}
.tooltip-flyout:after {
	text-transform: none;
	content: attr(data-tooltip);
	font-size: 12px;
	position: absolute;
	color: #fff;
	background: #282828;
	padding: 8px 12px;
	opacity: 0;
	pointer-events: none;
	left: 50%;
	top: 0;
	border-radius: 4px;
	transform: translate3d(-50%,0%,0);
	transition: all .3s ease;
	transition-delay: .5s;
}
.tooltip-flyout:hover:before, .tooltip-flyout:hover:after {
	opacity: 1;
}
.tooltip-flyout:hover:before {
	transform: translate3d(-50%,calc(-100% - 2px),0);
}
.tooltip-flyout:hover:after {
	transform: translate3d(-50%,calc(-100% - 0px),0);
}
.tooltip-container {
	opacity: 0;
	position: absolute;
	background: #FFFFFF;
	padding: 0;
	z-index: 10;
	min-height: 0;
	min-width: 0;
	color: #336699;
}
.tooltip-main {
	position: absolute;
	color: #FFFFFF;
	box-shadow: 0 1px 2px #303030;
	border-radius: 8px;
	background-image: linear-gradient(#0060A5, #007ED8);
	background-color: #0060A5;
}
.tooltip-container-large {
	left: calc(50% - 150px);
}
.tooltip-large {
	width: 300px;
	min-height: 100px;
}
.tooltip-background{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1;
}
.tooltip-contents {
	padding: 10px;
}
.tooltip-title {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.tooltip-text {
	font-size: 12px;
	margin-top: 5px;
}
.tooltip-icon, .tooltip-close-x {
	cursor: pointer;
}
.tooltip-close-x {
	position: absolute;
	top: 5px;
	right: 5px;
}
.widget a img {
    border: 1px solid #2577b1;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 1.0);
    margin-bottom: 5px;
}
.widget a img:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 8px -8px rgba(0, 0, 0, 0.5);
}
.widget a:active img {
    box-shadow: none;
    border: 2px solid #333333;
    margin-bottom: 4px;
}
/* World's Info Pages START */
.worlds-options li {
	width: 280px;
}
.worlds-options li a {
	margin-bottom: 10px;
}
.worlds-options-ship-statistics {
	margin: 20px 10px 10px;
}
.worlds-options li .button-blue {
	font-size: 13px;
	padding: 6px 10px 5px 10px;
}
.worlds-options-head {
	margin-top: 10px;
	margin-bottom: -15px;
}
@media (max-width: 768px) {
    .worlds-options ul {
        justify-content: space-between;
    }
    .worlds-options li {
        flex: 1 1 calc(95% / 2 - 10px);
        min-width: 0;
        max-width: calc(95% - 10px);
        margin: 10px 5px;
    }
    .worlds-options li img {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .worlds-options ul {
        justify-content: center;
    }
    .worlds-options li {
        flex: 1 1 calc(95% - 10px);
        max-width: calc(95% - 10px);
        margin: 10px auto;
    }
}
/* World's Info Pages END */
@media (max-width: 650px) {
	.social-share > .button-label {
		display: none;
	}
}
@media (max-width: 768px) {
	#image-select { /* change select box font size on mobile devices to prevent zoom */
		font-size: 16px;
	}
	.info-section-container ul, .info-section-container ol {
		padding-inline-start: 10px;
	}
}
@media (min-width: 651px) {
	.social-share > .button-label {
		padding-right: 5px;
	}
}
@media (min-width: 769px) {
	.music-playlist ol {
		column-count: 2;
		column-gap: 20px;
	}
}