/* ========== FONTS ========== */
/* Open Sans */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i");

/* Louis George Cafe Font Family */
@font-face {
	font-family: 'Louis George Cafe';
	src: url('fonts/Louis_George_Cafe.ttf') format('truetype');
	font-style: normal;
}

@font-face {
	font-family: 'Louis George Cafe';
	src: url('fonts/Louis_George_Cafe_Bold.ttf') format('truetype');
	font-style: bold;
}

@font-face {
	font-family: 'Louis George Cafe';
	src: url('fonts/Louis_George_Cafe_Italic.ttf') format('truetype');
	font-style: italic;
}

/* ========== TEXT STYLE OVERRIDES ========== */
.ui.header, .header, h1, h2, h3, h4, h5, h6 {
	font-family: "Louis George Cafe", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #333333;
}

h1.ui.header, h1.header, h1 {
	font-size: 36pt;
	color: #67caad;
	line-height: 1.3em/52px;
}

h2.ui.header, h2.header, h2 {
	font-size: 28pt;
	line-height: 1.3em/39px;
}

h3.ui.header, h3.header, h3 {
	font-size: 20pt;
	line-height: 1.3em/26px;
}

h4.ui.header, h4.header, h4 {
	font-size: 17pt;
	line-height: 1.3em/22px;
}

h5.ui.header, h5.header, h5 {
	color: #DDDB9F;
	font-size: 15pt;
	line-height: 1.3em/20px;
}

h6.ui.header, h6.header, h6 {
	font-size: 12pt;
	line-height: 1.3em/17px;
	text-transform: uppercase;
}

p, p.normal, p.italic {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color: #F4F3F3;
}

p.normal {
	line-height: 1.3em/26px;
}

p.italic {
	font-style: italic;
}

@media only screen and (min-width: 768px) {
	h3.ui.header, h3.header, h3 {
		font-size: 24pt;
	}

	h4.ui.header, h4.header, h4 {
		font-size: 21pt;
	}

	h5.ui.header, h5.header, h5 {
		font-size: 18pt;
	}

	h6.ui.header, h6.header, h6 {
		font-size: 15pt;
	}
}

/* ========== GRID STYLE OVERRIDES ========== */
.row {
	padding: 8% !important;
}

.row.dark, .dark {
	background-image: linear-gradient(#0B1519, #0B202C);
}

.row.dark.reverse, .dark.reverse {
	background-image: linear-gradient(#0B202C, #0B1519);
}

.row.light, .light {
	background-image: linear-gradient(#134D63, #155B6F);
}

/* ========== BUTTON STYLE OVERRIDES ========== */
.ui.button,
.ui.button:hover,
.ui.button:focus,
.ui.modal .actions .button,
.ui.modal .actions .button:hover,
.ui.modal .actions .button:focus {
	background-color: #333333;
}

.ui.button,
.ui.modal .actions .button {
	color: #67caad;
}

.ui.button:hover,
.ui.button:focus,
.ui.modal .actions .button:hover,
.ui.modal .actions .button:focus {
	color: #989898;
}

/* ========== COMPONENT OVERRIDES ========== */
/* MENU */
.ui.menu {
	background-color: rgba(0,0,0,0);
}