/*
#EEFCFB white
#ABBDEE lilac
#5CE0D8 teal
#00043C lilac2
#00043C bakos brothers navy blue
#FFCF43 yellow
#050720 black
*/


#body-content {
  margin-top:-5px;
  min-height: 50%;
  background:#FFF !important;
}


.primary-bg {
	background: #00043C !important;
}
.secondary-bg {
	background: #F1F1F1 !important;
}
.ui.top.menu:not(.attached) a {
	color: #fff;
}
.ui.top.menu:not(.attached) {
	color: #fff;
	background-color: #00043C;
	border-radius: 0 !important;
	/*box-shadow: 2px 2px 2px 0px #555;*/
}
.mobile-top .ui.button {
	background-color:#00043C;
	color: #050720;
	font-weight: bold;
	font-size:1.6em;
}
#slider-home {
	/*box-shadow: 2px 2px 2px 0px #555;*/
}
.ui.top.menu a,
.ui.top.menu .item {
	color:#050720;
}
.ui.top.menu a:hover,
.ui.top.menu a.active,
.ui.top.menu .item:hover {
	color:#FFE;
}

#mobile-menu-modal .ui.list a.item {
	color:#EEFCFB;
}
#mobile-menu-modal .ui.list a.item:hover {
	color:#fff;
}
#mobile-menu-modal .ui.list a i {
	margin-top: 1px;
}

.highlight {
	background: lightyellow;
	padding: 0.5rem;
}

#footer {
	/*background-color: #00590c;*/
	/*background:#00043C url('/images/footer-pixel-art-game-background.png') repeat-x !important;*/
	background:#00043C;
	padding-top:1em;
	padding-bottom:1.2em;
	color: #FFF !important;
}
#footer .ui.list .list > .item > .content, 
#footer .ui.list > .item > .content {
	color: #FFF !important;
}
#footer input {
	background: #EEFCFB;
}
.primary-bg a,
#footer h3,
#footer a {
	color: #FFF;
}
#footer a:hover:not(.circular) {
	color: #EEE;
	border-bottom: 1px solid;
}

/* patch for .ui.page.grid inside container ui.page.grid
in Admin Panel due to our dark layout */
.ui.page.grid > .column > .segment > .ui.padded.page.grid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ui.breadcrumb a {
	/*font-family: quicksandbook,'Helvetica Neue',Arial,Helvetica,sans-serif;*/
	color:#000;
}
.ui.menu {
	/*font-family: quicksandbook,'Helvetica Neue',Arial,Helvetica,sans-serif; */
}

/* mobile friendly responsive tables */

@media only screen and (max-width: 767px) {
	/* Force table to not be like tables anymore */
	.ui.table, 
	.ui.table thead, 
	.ui.table tbody, 
	.ui.table tr, 
	.ui.table td, 
	.ui.table th { 
		display: block; 
	}

	/* Hide table headers */
	.ui.table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.ui.table tr {
		border: 1px solid #ddd;
		margin-bottom: 1em;
		border-radius: 0.3em;
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	}

	.ui.table td { 
		/* Make like a "row" */
		position: relative;
		/* padding-left: 40% !important;*/
		text-align: center !important;
		min-height: 35px;
		border: none !important;
		border-bottom: 1px solid #eee !important;
	}

	.ui.table td:last-child {
		border-bottom: none !important;
	}

	.ui.table td:before { 
		/* Label the data */
		content: attr(data-label);
		position: absolute;
		top: 50%;
		left: 1em;
		transform: translateY(-50%);
		width: 35%;
		white-space: nowrap;
		font-weight: bold;
		text-align: left;
		display: none;
	}

	.ui.table td .ui.action.input {
		width: 100%;
	}

	.ui.table td .ui.action.input input {
		width: 100% !important;
	}
}


.dimmable.image img.image {
	height: 250px !important;
}

.ui.card, .ui.cards > .card {
	/*background: transparent !important;*/
	box-shadow: none;
	border:none;
	padding: none;
	margin:none; 
}
.ui.card > .content, .ui.cards > .card > .content {
	border-top:none !important;
	border:none;
	padding: none;
	margin:none;
}
.ui.card .image,
.ui.card .image img {
	border-radius: 0 !important;
	object-fit: cover;
}

.ui.card .image {
	position: relative;
}

.ui.card .image .corner.label {
	z-index: 1; /* Ensure this is below the controls */
}

.ui.card .image-controls {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: flex;
	gap: 4px;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 2; /* Ensure controls are above other elements */
}

.ui.card:hover .image-controls {
	opacity: 1;
}

.ui.card .image-controls .button {
	padding: 8px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ui.card .image-controls .button:hover {
	background: white !important;
}

.ui.card .image-controls .delete-file {
	color: #DB2828 !important;
}

.ui.card .image-controls .set-primary-image {
	color: #00043C !important;
}
.ui.fluid.card > .content:not(.extra), .ui.fluid.cards > .card > .content:not(.extra) {
	min-height: 5rem;
}
.ui.card > .content > .header, .ui.cards > .card > .content > .header {
	font-size: 1rem !important;
	font-weight: normal !important;
	padding-top: 0 !important;
	/*line-height: 1rem !important;*/
}

.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
	color: #333 !important;
}

.ui.red.button, .ui.red.buttons .button {
	background-color: #FF0000;
	color: #FFF;
}
.ui.grid > .blue.column, .ui.grid > .blue.row,
.ui.grid > .row > .blue.column {
	color:black !important;
}
.ui.blue.button, .ui.blue.buttons .button {
	background-color: #17375E;
	/*color: #FFF;*/
}
.productTitle {
	font-size: 1.4em;
	color:black;
	font-weight: bold;
	text-decoration: underline;
}
.ui.blue.icon, .blue.icon {
	color: #17375E !important;
}

h1.ui.header {
	font-size: 2.2em;
}

.ui.white.header,
.ui.white.header .sub.header {
	color: #FFF !important;
}
.ui.grid > .white.row,
.ui.grid > .row > .white.column {
	background-color: #ffffff !important;
	color: rgba(0, 0, 0, 0.8);
}

.ui.grid > .blue.row,
.ui.grid > .row > .blue.column {
	background-color: inherit !important;
	/*color: rgba(0, 0, 0, 0.8);*/
}

h1.circle-header {
	display:inline-block; 
	padding:0.5em 1.75em;
}

/*
 * ensure dropdown menus hover over layerslider
 */
.ui.menu .dropdown.item .menu {
	z-index: 99;
}

/*
 * Semantic-UI Homepage Pattern
 */

.hidden.menu {
	display: none;
}
.static.menu {
	border-radius: 0;
	margin:0;
}

.masthead.segment {
	min-height: 700px;
	padding: 1em 0em;
}
.masthead .logo.item img {
	margin-right: 1em;
}
.masthead .ui.menu .ui.button {
	margin-left: 0.5em;
}
.masthead h1.ui.header {
	margin-top: 3em;
	margin-bottom: 0em;
	font-size: 4em;
	font-weight: normal;
}
.masthead h2 {
	font-size: 1.7em;
	font-weight: normal;
}

.ui.vertical.stripe {
	padding: 6em 0em;
}
.ui.vertical.stripe h3 {
	font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
	margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
	clear: both;
}
.ui.vertical.stripe p {
	font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
	margin: 3em 0em;
}

.quote.stripe.segment {
	padding: 0em;
}
.quote.stripe.segment .grid .column {
	padding-top: 5em;
	padding-bottom: 5em;
}

.footer.segment {
	padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
	display: none;
}

@media only screen and (max-width: 700px) {
	.ui.fixed.menu {
		display: none !important;
	}
	.secondary.pointing.menu .item,
	.secondary.pointing.menu .menu {
		display: none;
	}
	.secondary.pointing.menu .toc.item {
		display: block;
	}
	.masthead.segment {
		min-height: 350px;
	}
	.masthead h1.ui.header {
		font-size: 2em;
		margin-top: 1.5em;
	}
	.masthead h2 {
		margin-top: 0.5em;
		font-size: 1.5em;
	}
}

/*
 * End Semantic-UI Homepage Pattern
 */


/* Fixed Template Semantic-UI pattern
.ui.menu .item img.logo {
	margin-right: 1.5em;
}
.main.container {
	margin-top: 7em;
}
.wireframe {
	margin-top: 2em;
}
.ui.footer.segment {
	margin: 5em 0em 0em;
	padding: 5em 0em;
}
*/
/* Responsive alignment */

.left-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.left-on-mobile {
		text-align: left !important;
	}
}
.center-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.center-on-mobile {
		text-align: center !important;
	}
}
.right-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.right-on-mobile {
		text-align: right !important;
	}
}
.left-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.left-on-tablet {
		text-align: left !important;
	}
}
.center-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.center-on-tablet {
		text-align: center !important;
	}
}
.right-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.right-on-tablet {
		text-align: right !important;
	}
}
.left-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.left-on-desktop {
		text-align: left !important;
	}
}
.right-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.right-on-desktop {
		text-align: right !important;
	}
}
.center-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.center-on-desktop {
		text-align: center !important;
	}
}
/* table cells need this to display properly when not hidden */
th.hide-on-mobile,
td.hide-on-mobile,
th.hide-on-tablet,
td.hide-on-tablet,
th.hide-on-desktop,
td.hide-on-desktop {
	display: table-cell;
}
/* Visibility */
@media only screen and (min-width: 767px) {
	.hide-on-mobile { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile {
		display: table-cell !important;
	}
	.hide-on-desktop { display: none !important; }
}
@media only screen and (min-width: 1058px) {
	.hide-on-mobile { display: inline-block !important; }
	.hide-on-tablet { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile,
	th.hide-on-tablet,
	td.hide-on-tablet {
		display: table-cell !important;
	}
	th.hide-on-desktop,
	td.hide-on-desktop,
	.hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 1058px) {
	.hide-on-mobile { display: inline-block !important; }
	th.hide-on-tablet,
	td.hide-on-tablet {
		display: none !important;
	}
	.hide-on-tablet { display: none !important; }
	.hide-on-desktop { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile,
	th.hide-on-desktop,
	td.hide-on-desktop {
		display: table-cell !important;
	}
}
@media only screen and (max-width: 767px) {
	th.hide-on-mobile,
	td.hide-on-mobile,
	.hide-on-mobile { display: none !important; }
	.hide-on-tablet { display: none !important; }
	.hide-on-desktop { display: inline-block !important; }
	th.hide-on-desktop,
	td.hide-on-desktop, {
		display: table-cell !important;
	}
}

/* BLOCK Visibility */
@media only screen and (min-width: 767px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (min-width: 1058px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-tablet-block { display: block !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 1058px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-tablet-block { display: none !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 767px) {
	.hide-on-mobile-block { display: none !important; }
	.hide-on-tablet-block { display: none !important; }
	.hide-on-desktop-block { display: block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (min-width: 1058px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-tablet-block { display: none !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 1058px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-tablet-block { display: block !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 767px) {
	.show-on-mobile-block { display: block !important; }
	.show-on-tablet-block { display: block !important; }
	.show-on-desktop-block { display: none !important; }
}

/* Visibility */
@media only screen and (min-width: 767px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (min-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: inline-block !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 1058px) {
    .hide-on-mobile { display: inline-block !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-on-mobile { display: none !important; }
    .hide-on-tablet { display: none !important; }
    .hide-on-desktop { display: inline-block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
    .show-on-mobile { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (min-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: none !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 1058px) {
    .show-on-mobile { display: none !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: inline-block !important; }
}
@media only screen and (max-width: 767px) {
    .show-on-mobile { display: inline-block !important; }
    .show-on-tablet { display: inline-block !important; }
    .show-on-desktop { display: none !important; }
}


.event-item {
	clear: both;
	margin-top: 10px;
}
.event-item .primary.button {
	margin: 1em auto;
}
.event-item .date-and-button {
	float: left;
	padding-top: 4px;
	width: 100px;
}
.event-item .date-box {
	background: transparent url("/images/u/events/date-box.png") no-repeat scroll 0 0 / 100px 125px;
	color: #08284f;
	min-width: 100px;
	padding-bottom: 12px;
	text-align: center;
}
.event-item .date-box .day-number {
	font-size: 46px;
	line-height: 42px;
	margin-bottom: 7px;
	margin-top: 8px;
}
.event-item .date-box .month-year {
	font-size: 10px;
	line-height: 9px;
	margin-bottom: 7px;
	margin-top: 4px;
}
.event-item .date-box .day-name {
	color: #7C0C0F;
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 7px;
}
.event-item .date-box .time {
	font-size: 15px;
	line-height: 15px;
}
.event-item .data-box {
	float: left;
	margin-left: 0;
}
.event-item .data-box table {
	margin-bottom: 0;
}
.event-item .text-box {
	float: left;
	margin-left: 10px;
	width: 359px;
}
.event-item .title-box {
}
.event-item .title-box .flag {
	margin-top: -5px;
	width: 48px;
}
.event-item .title-box .book-now {
	margin-top: -4px;
	width: 48px;
}
.event-item .title-box .title-text {
	color: #002964;
	float: left;
	font-size: 13px;
	line-height: 14px;
	margin-left: 5px;
}
.event-item .title-box .event-type {
	color: #009;
}
.event-item .title-box .download-title {
}
.date-and-city {
	font-weight: bold;
}
.event-item .date-and-city a {
	clear: both;
	color: #002964;
	font-size: 13px;
	margin-bottom: 5px;
}
.event-item .snippet {
	color: #002964;
}
.event-item .icon-box {
	float: left;
	height: 100%;
	width: 31px;
}
.event-item .info-item {
	clear: both;
}
.event-item .info-item .label {
	float: left;
	width: 70px;
}
.event-item .info-item .data {
	color: #002964;
	float: left;
	width: 280px;
}





.logos img {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
.logos img:hover {
	-webkit-filter: grayscale(0);
	filter: none;
}


/*--------------------
	  Placeholder
---------------------*/

/* browsers require these rules separate */

.ui.form ::-webkit-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}

.ui.form :-ms-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}

.ui.form ::-moz-placeholder {
	color: rgba(10, 10, 10, 0.37);
}

.ui.form :focus::-webkit-input-placeholder {
	color: rgba(10, 10, 10 0.37);
}

.ui.form :focus:-ms-input-placeholder {
	color: rgba(10, 10, 10 0.37);
}

.ui.form :focus::-moz-placeholder {
	color: rgba(10, 10, 10 0.37);
}

/* browsers require these rules separate */

.ui.input input::-webkit-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}
.ui.field input::-webkit-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}

.ui.input input::-moz-placeholder {
	color: rgba(10, 10, 10, 0.37);
}
.ui.field input::-moz-placeholder {
	color: rgba(10, 10, 10, 0.37);
}

.ui.input input:-ms-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}
.ui.field input:-ms-input-placeholder {
	color: rgba(10, 10, 10, 0.37);
}
/* Square image container for product listings */
.square-image {
	position: relative;
	padding-bottom: 100% !important; /* Creates a square aspect ratio */
	overflow: hidden;
}

.square-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}