body {
    font-family: 'Open Sans', sans-serif;
}


/*
.container  {
    max-width: 1920px !important;
    width: 100% !important;
} */


.boxton-container {


}

p {
    line-height: 1.7em;
    /*font-size: 1.4em;*/
    font-size: calc(0.7em + 1vmin);
}

h1 {
    font-size: calc(1.5em + 1vmin);
    font-weight: 600;
    padding-bottom: 15px;
    line-height: 1.4em;
    margin: 0 0;
}

h2 {
    font-size: calc(1.3em + 1vmin);
    font-weight: 600;
    padding-bottom: 15px;
    line-height: 1.4em;
    margin: 0 0;
}

h3 {
    /*font-size: calc(0.7em + 1vmin);*/
    font-size: 1.2em !important;
    font-weight: 700;
    padding-bottom: 15px;
    line-height: 1.4em;
    margin: 0 0;
    text-transform: uppercase;
}

h4 {
    font-size: calc(0.8em + 1vmin);
    font-weight: 600;
    padding-bottom: 15px;
    line-height: 1.4em;
    margin: 0 0;
}

li {
    padding-bottom: 12px;
}

.updated-symbol {
    font-size: 1.5em;
    font-weight: bold;
    color: #586469;
}


.sharethis-inline-share-buttons {
    padding-bottom: 10px;
}


#page-wrapper {
 /*   padding-top: 70px; */
}

#content {
    margin-top: 60px;
}

.msf-full-width {
	min-width: 100%;

}


/* goes in template files */
.msf-content {
 /*   background: #B7B7B7; */
	margin-top: 46px;
}





#header_wrapper {
	border-bottom: 1px solid #CCCCDD;
}

.not-front #header_wrapper {
    border-bottom: 1px solid #CCCCDD;
}

.page-title {
	font-size: xx-large;
	
}

/*
#main-menu {
	font-size: larger;
	font-weight: bolder;
	padding-top: 15px;
}

#main-menu li a.active{
	background: #FFFFFF;

}

#main-menu li:hover >a {
  color: #EE0000;
}


.small-top-menu-wrapper {

}

.small-top-menu {
	 text-align: right;

}
  */
#breadcrumbs {
	margin-top: -12px;
}

.msf-breadcrumbs {
    /*font-size: calc(0.7em + 1vmin);*/
    color:  #FFFFFF;
    padding-bottom: 4px;
}

.msf-breadcrumbs a {
    color:  #CCFFFF;
}

/*
@media screen and (max-width: 640px) {
	#main-menu li a.active {
		color: #000000;
		font-weight: bolder;
	}	

	.msf-footer tbody tr td {
		font-size: xx-small;
	}

}


@media screen and (max-width: 800px) {
	#logo {
		position: relative;
		float: left;
		padding-left: 12px;
	}
}

*/
a {
	color: #EE0000;
}

.msf-footer {

    bottom: auto;    
    display: block;
    font-size: calc(0.1em + 0.5vmin);
    font-size: xx-small;

    background-color: #FFFFFF;
    padding: 8px;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    margin-left: -10px;
}

/*
.msf-quote {
    font-size: large;
    font-weight: bolder;
    display:inline;
    background-color: #000000;
    color: #FFFFFF;
    padding: 6px;
    margin: 60px 60px 60px;
    width: auto;
}

.msf-quote-author {
    font-size: small;
    font-weight: bold;
    display:inline;
    padding: 6px;
    margin: 60px 60px 60px;
    width: auto;
} */

.msf-quote:before {
    border: 1px solid #A9A9A9;
    background-color: #996600;
    padding: 12px;

}

.msf-quote {
    font-size: x-large;
    font-weight: bolder;
    display: inline;
    background-color: #000000;
    color: #FFFFFF;
    /*padding: 8px;*/
   /* margin: 60px 60px 60px; */
    width: auto;
}


.msf-quote-author {
    font-size: small;
    font-weight: bold;
    display: block;
    padding: 6px;
   /* margin: 60px 60px 60px; */
    width: auto;
}

img[style="float:right"] {
	width: 350px;
	max-width: 100%;
    padding-left: 5px;
}

@media only screen and (max-width: 320px) {
	img[style="float:right"] {
		padding: 0;
		float: none !important;	
	}
}

/*
.msf-footer tbody tr td {
  background: #EE0000;
  color: #FFFFFF;
  border: 0px;

}

#footer {
	display: none;
  background: #EE0000;
  border-width: 1px 0;
  border-color: #D5D9E1;
  border-style: solid;
}
  */

.msf-background-image {

}



figure {
    display: table;
 }

figcaption {
    /*display: table-caption; */
    caption-side: bottom;
    background-color: #E9E9E9;
    text-align: left;
    padding: 3px;
    margin-top: -6px;
     }


.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;

}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* Frontpage panel stuff */

#msf-main-story-wrapper {
    background-color: #FF7575;
    margin-left: -300px;



}


.msf-story-video-container {
    position: relative;
    width: 98%;
    height: 0;
    padding-bottom: 56.25%;
}

.msf-story-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}