/* lovely blue-green gradient
#123361
#1eded7
*/

/* Override Semantic-UI / Fomantic-UI Font Selection */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

html {
	font-size: 16px; /* Increase base font size */
	overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Prevent horizontal overflow on mobile */
body {
	overflow-x: hidden;
	max-width: 100vw;
}
/*
* {
    box-sizing: border-box;
}
*/

.ui.action.input:not([class*="left action"]) > input,
.ui.action.input:not([class*="left action"]).input > input {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-right: 2px solid rgba(34,36,38,.15) !important;
}

body, body.pushable > .pusher {
	background-color: #fff;
	font-size: 1rem; /* Use relative font size */
}

body,
.ui.button,
.ui.text.container,
.ui.input>input,
.list>.item .header,
.ui.header .sub.header,
.ui.steps .step .title,
.ui.form input:not([type]), .ui.form input[type="color"], .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="month"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form input[type="week"],
.ui.form textarea,.ui.input textarea,
.ui.form:not(.inverted) .field > label:not(.button),
.ui.menu,
.ui.message .header,
.ui.card>.content>.header,
.ui.cards>.card>.content>.header,
.ui.checkbox label, .ui.checkbox + label,
.ui.items>.item>.content>.header,
.ui.statistic>.value,.ui.statistics .statistic>.value,
.ui.statistic>.label,.ui.statistics .statistic>.label,
.ui.accordion .title:not(.ui),
.ui.styled.accordion .active.title, .ui.styled.accordion[open] > .title,
.ui.modal>.header,
.ui.popup>.header,
.ui.search>.results .result .title,
.ui.search>.results>.message .header,
.ui.category.search>.results .category>.name {
	font-family: 'Plus Jakarta Sans', 'Libertinus Serif', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #00043C;
}

/* let input fields match .ui.dropdown height  */
.ui.form input:not([type]), .ui.form input[type="color"], .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="month"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form input[type="week"] {
	line-height: 1.476em;
}

h1,
h2,
h3,
h4,
h5,
.ui.header {
	font-family: 'Plus Jakarta Sans', 'Libertinus Serif', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #00043C;
}

a {
	color: inherit;
}
a:hover {
	color: #00043C;
}

@media only screen and (max-width:767px){
	.ui.tiny.modal{
		width:87%;
		margin:0;
	}
}

.ui.modal:not(.basic),
.ui.modal:not(.basic) > .content {
	background: #fff !important;
}

.ui.primary.button, ui.primary.buttons .button {
	color: #FFF;
	background: #00043C;
}
.ui.primary.button:focus, .ui.primary.buttons .button:focus {
	/*color: #050720;
	background: #FFCF43;*/
	color: #EEE;
	background: #333;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .button:active,
.ui.primary.button:active {
	 background-color: #00388C !important; 
}

.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
	font-family: 'Plus Jakarta Sans', 'Libertinus Serif', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 700 !important;
	font-size: 1.17rem !important;
	line-height: 2rem !important;
	padding-top:1.17rem !important;
}

.ui.cards > .card > .content {
	padding: 0 0.2rem 0.2rem 0.2rem !important;
}
@media only screen and (max-width:767px){
	.ui.cards > .card > .content {
		padding: 0 1rem 0.5rem 1rem !important;
	}
}


@media only screen and (max-width:767px){
	.ui.container.compact-on-mobile {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* Prevent mobile horizontal overflow 
	.ui.grid,
	.ui.grid > .row,
	.ui.grid > .column,
	.ui.menu,
	.ui.container {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}
	*/
	/* Ensure action inputs don't overflow 
	.ui.action.input {
		max-width: 100% !important;
	}
	*/
}

.centered.menu {
	left: 50%;
	transform: translateX(-50%);
}

.ui.tabular.menu .item {
	cursor: pointer;
}

.ui.categories.cards > .card > .content > .header,
.ui.categories.cards > .card > .content > .header:not(.ui) {
	font-size: 1.3rem;
	padding-top:0;
}
.ui.categories.cards > .card > .image > .ui.rounded.image, 
.ui.categories.cards > .card > .image > .ui.rounded.image > *, 
.ui.categories.cards > .card > .image > .ui.rounded.images .image, 
.ui.categories.cards > .card > .image > .ui.rounded.images .image > * {
	border-radius: .3125em !important;
}
.store-head {
	background: #EEE;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	/*	top: -2.7rem;*/
	position: relative;
}
@media only screen and (max-width: 767.98px) {
	.store-head.ui.grid > .stackable.stackable.stackable.row > .column, 
	.store-head.ui.stackable.grid > .column.grid > .column, 
	.store-head.ui.stackable.grid > .column.row > .column, 
	.store-head.ui.stackable.grid > .column:not(.row), 
	.store-head.ui.stackable.grid > .row > .column, 
	.store-head.ui.stackable.grid > .row > .wide.column, 
	.store-head.ui.stackable.grid > .wide.column {
		padding: 0.5rem 2rem 0.5rem 0.5rem !important;
	}
}
.store-head .row {
	padding-top: 0.5rem !important;
	padding-bottom: 0.35rem !important;
}
.store-head-whitespace {
	display: none;
}
/*.store-main-content {
	background: #fff;
}*/
.store-main-content .ui.card > .content,
.store-main-content .ui.cards > .card > .content {
	/*border-top: none;*/
	/*padding:  0.85em;*/
}

.basic.card,
.ui.basic.cards > .card {
	border: none !important;
	box-shadow: none;
}
.uppercase {
	text-transform: uppercase !important;
}


/* .ui.form .field:last-child, .ui.form .fields .fields, .ui.form .fields:last-child .field { margin-bottom: 1em !important; } */
.ui.tight.grid > .row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.ui.tight.table > tr,
.ui.tight.table > td {
	padding: 0 1em !important;
}
.ui.tight.table,
.ui.tight.table tr,
.ui.tight.table td,
.ui.tight.table td {
	border: none !important;
	/*padding: 0;*/
}
.ui.tight.table > thead > tr > th {
	border-bottom: none;
	padding-bottom: 0;
}
.ui.form .ui.tight.table .field .ui.input input, .ui.form .ui.tight.table .fields .field .ui.input input {
	width: inherit !important;
}
