/* @group General */

html, body {
	padding: 0;
	margin: 0;
	min-height: 100%;
	height: 100%;
}

iframe {
    width: 100vw; 
    height: auto; /* 100/56.25 = 560/315 = 1.778 */
	aspect-ratio: 16 / 9;
    background:#541513;  
	display: block;
	margin: 0 auto;
}

.iframe-wrapper {
    position: relative;
    padding-bottom: 56.10%;
    height: 0;
    overflow: hidden;
}
 
.iframe-wrapper iframe,
.iframe-wrapper object,
.iframe-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}iframe-wrapper {
    position: relative;
    padding-bottom: 56.10%;
    height: 0;
    overflow: hidden;
}
 
iframe-wrapper iframe,
iframe-wrapper object,
iframe-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



a:link, a:visited {
    color: #143741;
    background-color: #FDF5D8;
}

a:hover, a:active {
	color: #FDF5D8;
    background-color: #53969A;
}



/* @end */

/* @group FreeStyle and ExtraContent Functionality */

/* Hide FreeStyle and ExtraContent containers, unless they are in their designated placeholders */
#contentWrapper #fs,
#sidebar #fs,
#contentWrapper div[id*='myExtraContent'],
#sidebar div[id*='myExtraContent'] {
	display: none;
}

/* @end */

/* @group Main Wrappers, Padding and Clearers */

#pageWrapper {
	min-height: 100%;
	height: 100%;
}

#wrapperOuter {
	min-height: 100%;
}

#main {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.width {
	margin: 0 auto;
}

.clearer {
	clear: both;
}

.padding {
	margin-left: 10px;
	margin-right: 10px;
}

.spacer {
	height: 50px;
	display: block;
	position: relative;
}

.smallSpacer {
	height: 25px;
	display: block;
	position: relative;
}

/* @end */

/* @group Social Widget */

#socialWidget {
	background: #666666;
	z-index: 100;
}

#socialWidget.test {
	display: block;
	position: fixed;
	top: 100px;
	left: 0;
}

#socialWidget a,
#socialWidget [class^="icon-"] {
	text-decoration: none;
	-webkit-transition: color .30s linear;
	-moz-transition: color .30s linear;
	-o-transition: color .30s linear;
	transition: color .30s linear;
}

#socialWidget a:hover,
#socialWidget a:hover [class^="icon-"] {
	text-decoration: none;
	-webkit-transition: color .30s linear;
	-moz-transition: color .30s linear;
	-o-transition: color .30s linear;
	transition: color .30s linear;
}

#extraContainer1 {
	display: block;
	padding: 15px;
	margin: 0;
	position: relative;
	text-align: center;
}

/* @end */

/* @group FreeStyle and ExtraContent Functionality */

/* Hide FreeStyle and ExtraContent containers, unless they are in their designated placeholders */
#contentWrapper #fs,
#sidebarContent #fs,
#contentWrapper div[id*='myExtraContent'],
#sidebarContent div[id*='myExtraContent'] {
	display: none;
}

/* @end */

/* @group FreeStyle Banner */

#freeStyle img {
	max-width: 100%;
	height: auto;
}

/* @end */

/* @group Content */

#contentContainer {
	display: block;
	position: relative;
}

#contentContainer #content {
	padding: 0;
	margin: 0;
	position: relative;
}

#contentWrapper {
	display: block;
	position: relative;
	overflow: hidden;
}


/* @end */