/* Set some defaults */

body
{
	background:rgb(232,232,232);
	font-family:verdana, sans-serif;
	color:rgb(0,0,0);
}

a
{
	color:orangered;
}

a:hover, a:active
{
	color:red;
}

/* Main Structure */

body > .su-default-theme
{
	box-sizing:border-box;
	background:rgb(255,255,255);
	width:100%;
	max-width:760px;
	margin:0 auto;
	border:solid 2px rgb(192,192,192);
	border-radius:1rem;
	padding:0.5em;
}

body > .su-default-theme.su-default-theme-with-extra
{
	max-width:960px;
}

body > .su-default-theme > .header
{
	display:flex;
	align-items:center;
	justify-content:center;
	background: rgb(213,138,38);
	background: linear-gradient(0deg, rgba(213,138,38,1) 0%, rgba(255,179,0,1) 100%);
	border:solid 3px rgb(212,212,212);
	border-radius:1rem;
	padding:1rem;
	margin-bottom:1rem;
	color:white;
}

body > .su-default-theme > .header > .left
{
	flex:1;
}

body > .su-default-theme > .header > .left > .site-title
{
	font-size:2rem;
	font-weight:bold;
	text-align:center;
}

body > .su-default-theme > .header > .left > .site-slogan
{
	font-size:1.5rem;
	text-align:center;
	font-style:italic;
	color:lightblue;
}

body > .su-default-theme > .header > .spacer
{
	width:1rem;
}

body > .su-default-theme > .header > .right.theme-switcher-d
{
	background:transparent;
	margin-left:1rem;
}

body > .su-default-theme > .header > .right.theme-swithcer-d.off
{
	display:none;
}

body > .su-default-theme > .menu-m
{
	background:transparent;
}

body > .su-default-theme > .menu-m.off
{
	display:none;
}

body > .su-default-theme > .menu-m > .toggle-btn
{
	margin-bottom:1rem;
	text-align:center;
}

body > .su-default-theme > .menu-m > .toggle-btn input
{
	box-sizing:border-box;
	border:0;
	width:2rem;
	height:2rem;
	background-image:url("burger.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	background-size:100%;
	color:transparent;	
	text-decoration:none;
	cursor:pointer;
}

body > .su-default-theme > .menu-m > .actual
{
	text-align:center;
}

body > .su-default-theme > .menu-m > .actual.off
{
	display:none;
}

body > .su-default-theme > .menu-m > .actual > .theme-switcher-m
{
	margin-bottom:1rem;
}

body > .su-default-theme > .menu-m > .actual > .theme-switcher-m.off
{
	display:none;
}

body > .su-default-theme > .menu-m > .actual > .main-menu-m
{
	background:transparent;
}

body > .su-default-theme > .menu-m > .actual > .main-menu-m ul
{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

body > .su-default-theme > .menu-m > .actual > .main-menu-m li
{
	display:block;
	margin-left:0.5rem;
	margin-right:0.5rem;
	margin-top:0.75rem;
	margin-bottom:0.75rem;
}

body > .su-default-theme > .menu-m > .actual > .main-menu-m a
{
	display:block;
	border:solid 3px rgb(212,212,212);
	padding:0.25rem;
	border-radius:0.5rem;
	text-align:center;
	text-decoration:none;
}

body > .su-default-theme > .menu-m > .actual > .close-btn
{
	padding-top:1rem;
	text-align:center;
}

body > .su-default-theme > .menu-m > .actual > .close-btn input
{
	cursor:pointer;
}

body > .su-default-theme > .menu-m > .extra-m
{
	background:transparent;
	text-align:center;
}

body > .su-default-theme > .menu-m > .extra-m.off
{
	display:none;
}

body > .su-default-theme > .menu-m > .extra-m > .actual ul, body > .su-default-theme > .menu-m > .actual > .extra-m li
{
	list-style-type:none;
}

body > .su-default-theme > .menu-d
{
	background:transparent;
}

body > .su-default-theme > .menu-d.off
{
	display:none;
}

body > .su-default-theme > .menu-d > .main-menu-d
{
	
}

body > .su-default-theme > .menu-d > .main-menu-d ul
{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

body > .su-default-theme > .menu-d > .main-menu-d li
{
	display:inline-block;
	margin-left:0rem;
	margin-right:1rem;
	margin-top:0.75rem;
	margin-bottom:0.75rem;
}

body > .su-default-theme > .menu-d > .main-menu-d a
{
	border:solid 3px rgb(212,212,212);
	padding:0.25rem;
	border-radius:0.5rem;
	text-align:center;
	text-decoration:none;
}


body > .su-default-theme > .main
{
	padding:1rem;
	display:flex;
}

body > .su-default-theme > .main > .left-col
{
	flex:1;
	min-width:0;
}

body > .su-default-theme > .main > .left-col > .breadcrumb
{
	margin-bottom:1rem;
}

body > .su-default-theme > .main > .spacer-col
{
	width:1rem;
}

body > .su-default-theme > .main > .spacer-col.off
{
	display:none;
}

body > .su-default-theme > .main > .right-col
{
	width:250px;
	padding:1rem;
}

body > .su-default-theme > .main > .right-col.off
{
	display:none;
}

body > .su-default-theme > .footer
{
	box-sizing:border-box;
	background:rgb(240,240,240);
	padding:0.5rem;
	text-align:center;
	font-size:0.9rem;
}

body > .su-default-theme > .footer *:first-child
{
	margin-top:0;
}

body > .su-default-theme > .footer *:last-child
{
	margin-bottom:0;
}

body > .su-default-theme > .footer *
{
	box-sizing:border-box;
}

/* Adjust main structure if side content detected */

body > .su-default-theme.with-sidebar
{
	max-width:960px;
}

body > .su-default-theme.with-sidebar > .main
{
	display:flex;
}

body > .su-default-theme.with-sidebar > .main > .left-col
{
	background:green;
	flex:1;
	min-width:0;
}

body > .su-default-theme.with-sidebar > .main > .spacer-col
{
	display:block;
	background:blue;
	width:1rem;
	overflow-x:hidden;
}

body > .su-default-theme.with-sidebar > .main > .right-col
{
	display:block;
	background:red;
	width:250px;
}