/* reset*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	border:0;
}
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
video {
	width: 90%;
	height: auto;
}
* {
  box-sizing: border-box;
}

body {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 100%;
    color: #000;
    background-color: #fff;
   
}
h1, h2, h3 {
    font-family: "EB Garamond", serif;
    font-weight: 700;
    font-style: normal;
    color: #941200;
}
h1 {
    font-size: 180%;
    margin-bottom: 2%; 
  position: relative;
}
h1::after {
  content: ""; /* Required for pseudo-elements to render */
  display: block; /* Makes the pseudo-element a block-level element */
  width: 100%; /* Or a specific width, like 200px */
  height: 1px; /* The thickness of your dotted line */
  border-bottom: 2px dotted #941200; /* The dotted line style */
  /* Adjust positioning if needed, e.g., to place it directly below the h1 */
  position: absolute; 
  bottom: -10px; /* Adjust this value to control spacing below h1 */
  left: 0;
}
h2 {
    font-size: 150%;
    margin-bottom: 2%; 
  position: relative;
}
h2::after {
  content: ""; /* Required for pseudo-elements to render */
  display: block; /* Makes the pseudo-element a block-level element */
  width: 100%; /* Or a specific width, like 200px */
  height: 1px; /* The thickness of your dotted line */
  border-bottom: 2px dotted #941200; /* The dotted line style */
  /* Adjust positioning if needed, e.g., to place it directly below the h1 */
  position: absolute; 
  bottom: -10px; /* Adjust this value to control spacing below h1 */
  left: 0;
}
.container {
    width: 100%;
     min-height: 100vh;
   min-height: 100dvh;
  display: flex;
  flex-direction: column; 
}
header {
    background-color: #2E1F34;
    border-bottom: 8px solid #A63E33;
    padding: 1% 0 1% 0;
}
.inner-container {
    width: 60%;
    margin: 0 auto;

}
footer {
    background-color: #822D2A;
    color: #fff;
    margin-top: auto;
}
p {
    color: #26194E;
    line-height: 1.5;
    padding: 2%;
}
.footer-text {
    color: #fff;
    text-align: center;
    padding: 1%;
    font-size: 87.50%;
}
a:link {
    color: #3C1961;
    text-decoration: none;
}
a:visited {
    color: #3C1961;
}
a:hover {
    color: #fff;
}
.header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 2% auto;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  
}
.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2;
}
/** Keep the image from stretching in flex column**/
.nostretch {
	align-self: center;
}
.header-info {
    color: #fff;
    text-align: right;
}
.header-info a {
    color: #fff;
    text-decoration: none;
}
.fancy-border {
    border: 10px solid #fff;
    border-radius: 10px;
}
ul.regular {
    list-style-position: inside;
    list-style-type: disc;
    padding: 0;
    margin: 0 0 4% 0;
}
.regular li {
    color: #26194E;
    padding: 1% 2%;
}
ul.blank {
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.blank li {
    color: #26194E;
    padding: 1% 2%;
}
.centerit {
    text-align: center;
    margin: 1% auto;
}
.rf-info {
    font-weight: normal;
    font-size: 120%;
    margin: 0 0 5px 0;
}
hr {
    margin: 2% 0;
}