* {
	box-sizing:border-box;
}

body {
	margin:0;
	font-family:Sofia Pro, Helvetica, Arial, sans-serif;
	font-size:100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:Noto Serif, "Times New Roman", serif;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.25em;
}
h3,
h4,
h5,
h6 {
	font-size:1em;
}

a {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration: underline #bdc3c4;
}

.container {
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}

.media-image {
	max-width:100%;
	vertical-align: middle;
	opacity: 0.7;
}

.media-image:hover {
	opacity: 1;
}
.media-figure {
    margin: 0;
}
.media-figure figcaption {
	padding:0.5em 0.2em;
	line-height: 1.2em;
	color: #606468;
}



.flex-parent {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.flex-child {
	flex:1 1 auto;
}
.flex-none {
	flex:none;
}


.hidden {
	display:none;
}

.toggle {
	font-size:2em;
	display: inline-block;
}
.toggle input+label {
	display:inline-block;
	width:2em;
	height:1em;
	border:0.1em solid #ccc;
	background-color:white;
	border-radius:1em;
	vertical-align: top;
}
.toggle input+label>span {
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background-color:#ddd;
	border-radius:1em;
	vertical-align: top;
	transition:all 0.3s;
}

.toggle input:checked+label>span {
	transform:translateX(1em);
}

.fav {
	color: grey;
}

.fav input:checked+label {
	color: red;
}

.cart-option label {
	border:1px solid black;
	padding:0.2em 0.5em;
	border-radius:1em;
	display:inline-block;
}
.cart-option input:checked+label :nth-child(1),
.cart-option label :nth-child(2) {
	display:none;
}
.cart-option input:checked+label :nth-child(2) {
	display:initial;
}

.card {
	background-color:white;
	border:1px solid #eee;
	padding:10px;
	border-radius:4px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);

	margin-top:1em;
	margin-bottom:1em;
}

.card:after {
	display:table;
	content:'';
	clear:both;
}

.card>:first-child {
	margin-top:0;
}
.card>:last-child {
	margin-bottom:0;
}

.view-window-50 {
	height:50vh;
	background-size:cover;
	background-position:center;
	position:relative;
}

.view-window-70 {
	height:70vh;
	background-size:cover;
	background-position:center;
	position:relative;
}

.view-window {
	height:100vh;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	position:relative;
}
.view-window>img {
	max-height:calc(100% - 20px);
	max-width:calc(100% - 20px);
} 

.centered-child {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.deflist dt {
	font-weight:bold;
	float:left;
	width:10em;
}
.deflist dd {
	float:left;
	margin-left:0;
	width:calc(100% - 10em);
}
.deflist dt:not(:first-of-type),
.deflist dd:not(:first-of-type) {
	border-top:1px solid #ddd;
	margin-top:0.5em;
	padding-top:0.5em;
}

.cardset {
	display:flex;
	margin-top:1em;
	margin-bottom:1em;
}
.cardset>.card {
	flex:1 1 auto;
	margin:0 0.5em;
	border-radius:0;
	padding:0;
}
.cardset>.card:first-child {
	margin-left:0;
}
.cardset>.card:last-child {
	margin-right:0;
}
.cardset>.card img {
	max-width:100%;
}
.cardset>.card figcaption {
	padding:10px;
}


.nav {}
.nav ul {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	list-style-type:none;
}
.nav li {

}
.nav a {
	display:block;
	padding:0.5em;
}
.nav a:hover {
	background-color:rgba(32,73,224,0.5);
	color:white;
	text-decoration: none;
}
.nav .active a {
	background-color:rgba(32,73,224,0.5);
	color:#f3e0d5;
}

li .active {
	background-color:rgba(32,73,224,0.5);
	color:#f3e0d5;
}

.li {
	background-color: #5473FF;
	color: #fff;
}


.nav-tabs li,
.nav-breadcrumb li,
.nav-pills li,
.nav-horizontal li {
	display:inline-block;
}
.nav-centered {
	text-align:center;
}
.nav-right {
	text-align:right;
}

.nav-right ul,
.nav-centered ul {
	display:inline-block;
}
.nav-links-center a {
	text-align:center;
}
.nav-links-right a {
	text-align:right;
}

.nav-pills a {
	border-radius:1em;
	padding:0.2em 1em;
}

.nav-flex ul {
	display:flex;
}
.nav-flex li {
	flex:1 1 auto;
}
.nav-flex a {
	text-align:center;
}


.nav-breadcrumb li:after {
	content:'/';
	margin:0 0.2em;
	color:inherit;
}
.nav-breadcrumb a {
	font-weight:normal;
	display:inline;
}
.nav-breadcrumb .active a,
.nav-breadcrumb a:hover {
	background-color:initial;
	color:inherit;
	text-decoration:underline;
} 


.nav-tabs {
	border-bottom:1px solid #bbb;
}
.nav-tabs a {
	border-radius:5px 5px 0 0;
	position:relative;
	bottom:-1px;
}
.nav-tabs .active a {
	background-color:initial;
	color:inherit;
	border:1px solid #bbb;
	border-bottom-color:white;
}

.nav-bc-ul {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	list-style-type:none;
}
.nav-bc-li {

}
.nav-bc-a {
	display:block;
	padding:0.5em;
}
.nav-bc-a:hover {
	background-color:rgba(0,0,0,0.3);
	color:white;
	text-decoration: none;
}


.table {
	width:100%;
	border-collapse:collapse;
}
.table th,
.table td {
	text-align: left;
	padding:0.2em 0.5em;
	vertical-align: top;
}


.table.striped tbody tr:nth-child(odd) {
	background-color:rgba(0,0,0,0.1);
}

.table.lined tbody tr,
.table.lined-horizontal tbody tr {
	border-top:1px solid black;
}
.table.lined td:not(:first-child),
.table.lined th:not(:first-child),
.table.lined-vertical td:not(:first-child),
.table.lined-vertical th:not(:first-child) {
	border-left:1px solid black;
}
.table.lined,
.table.lined-outline {
	border:1px solid black;
}


.table tr:hover th,
.table tr:hover td {
	background-color:rgba(0,0,255,0.1);
}

@media (max-width:1000px) {
	.container {
		padding-left:10px;
		padding-right:10px;
	}
}