@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
list-style-type: none; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}

html, body {-webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


/*--------JW Icon PLAYBACK accessibility ------------- */

.jw-hidden-accessibility .jw-time-update{
 background-color: #000 !important;
 color: #fff;
}
.jw-hidden-accessibility .jw-volume-update{
 background-color: #000 !important;
  color: #fff;
}

/* ***** global focus ****** */
 a:focus-visible,  
button:focus-visible,  
input:focus-visible {
  outline: 2px solid #FFD400;
  outline-offset: 5px;
}


 /*JW Icon PLAYBACK */
.jw-state-idle .jw-controls, .jw-background-color{
background-color:rgba(255,255,255,0) !important;
}

.jw-state-idle .jw-svg-icon-play path {
	display: none;
}

/*This is for a custom icon play button*/
.jw-state-idle .jw-svg-icon-play {
	background-image: url("../images/video-player/fgh-play-button.svg");
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

.jw-state-idle .jw-display-icon-container:hover .jw-svg-icon-play {
background-image: url("../images/video-player/fgh-hover-button.svg");
-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

.jw-state-idle .jw-controls{
background-color: transparent !important;
}
.jw-controls-backdrop{
background: none !important;
}
.jw-state-complete .jw-controls{
background-color: transparent !important;
}



body {
	font-family: rustica, sans-serif;
	font-weight: 200;
	font-style: normal;
}

a, li, button, div.bullets {
font-family: rustica, sans-serif;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: rustica, serif;
	font-style: normal;
}

p { 
	font-weight: 300;
	font-size: 15px;
	line-height: 23px;
	margin: 0px 0px 10px 0px;
	color: #1C1C1C;	
}
p a:focus-visible {
outline: 1px solid #de6a00!important;
outline-offset: 2px;
padding: 1px 1px 0px 1px!important;
margin: 0px 0px 0px 0px!important;
}
p.intro { 
	font-weight: 100;
	font-size: 17px;
	line-height: 30px;
}
p.columns { 
	padding: 15px 20px 15px 0;
}
p.aside { 
	font-size: 14px;
	line-height: 20px;
}
.bold { 
	font-weight: 600!important;
}
.light {
	font-weight: 500!important;
}
.uppercase {
	text-transform: uppercase;
}
p.copywrite, p span.light{
	font-weight: 300 !important;
	font-size:11px !important;
	line-height:20px;
	color:#d1d1d1 !important;
	padding-top: 25px;
}

h2 {
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 15px;
	letter-spacing: 1px;
	color: #333;
	text-transform: uppercase;
}
h3, h3 a:link, h3 a:active, h3 a:visited {
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}
h3 a:focus-visible {
outline: 1px solid #ff6600!important;
outline-offset: 5px;
	transition: all 0s;
	padding: 3px!important;
	margin-bottom: 0px!important;
}

h3.title, h3.title a:link, h3.title a:active, h3.title a:visited {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}
h3.title a:focus-visible {
outline: 1px solid #ff6600!important;
outline-offset: 5px;
	transition: all 0s;
padding: 3px!important;
margin-bottom: 0px!important;
}

h3.title.home {
	margin: 10px 0 10px 0;
}

h3.title.box {
 	font-size: 22px;
	text-decoration: none;
	height: 50px;
	line-height: 23px!important;
		margin-bottom: 15px;
}


h3.sub-title {
	font-size: 20px;
	line-height: 30px;
	color: #ff6600;
	margin-bottom: 8px;
	letter-spacing: .5px;
}
.upcoming h3.title {
 padding-left: 5px;
}

h4, h4 a:link, h4 a:active, h4 a:visited {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
	text-decoration: none;
}
h4.aside {
	margin: 30px 0 10px 0;
	text-align: center;
}

h2.year, h2.year a:link, h2.year a:active, h2.year a:visited {
	font-size: 17px;
	line-height: 23px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
}


h5, h5 a:link, h5 a:active, h5 a:visited {
	font-size: 17px;
	line-height: 23px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
}
h6.aside {
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
	text-transform: uppercase;
}
/*--------- Links---------------------*/

a {
  outline: none;
  text-decoration: underline;
	color: #1C1C1C!important;
}
a:link, a:active, a:visited {
  color: #1C1C1C!important;
}
a:hover, a:focus {
	cursor: pointer;
	color: #de6a00!important;
	text-decoration: none;
}

footer a:link, footer a:active,footer a:visited {
	color: #d1d1d1!important;
	text-decoration: none!important;
}
footer a:hover, footer a:focus {
	cursor: pointer;
	color: #de6a00!important;
}
a.phone{
text-decoration: none;
cursor: default;
color:#d1d1d1;
}
a.phone:hover{
color:#de6a00 !important;
cursor: default !important;
}

/*--------- COLORS---------------------*/
.bg-white { background-color: #fff!important;}
.bg-orange { background-color: #ff9c00!important;}
.bg-lightergray {	background-color: #f3f3f3!important;}
.bg-lightkhaki {background-color: #f5f1e8!important;}
.bg-khaki {background-color: #eee8dc /*#e6dece*/!important;}
.bg-khaki-light {background-color: #f9f5ee!important;}
.bg-darkgray { background-color: #303033!important;}
.bg-darkergray { background-color: #232326!important;}
.bg-red {background-color: #c12917!important;}
.bg-nightblue {background-color: #1d2744!important;}

.txt-purewhite { color: #fff!important;}
.txt-white { color: #E9E9E9!important;}
.txt-lightgray { color: #ccc!important;}
.txt-black { color: #191919!important;}
.txt-gray { color:#3b3429!important;}
.txt-orange {color: #ff6600!important;}
.txt-yellow {color: #FF9C00!important;}


a.txt-lightgray{
text-decoration: none;
cursor: default;
color:#A8A8A8;
}

/**** hover svg social media icons  ******/
.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: cover;
		margin: 5px 0px 0 10px;
}

.icon-facebook, .icon-linkedin, .icon-instagram, .icon-youtube {
filter: invert(59%) sepia(1%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(84%);
}

.icon-facebook:hover, .icon-facebook:focus, 
.icon-linkedin:hover, .icon-linkedin:focus,
.icon-instagram:hover, .icon-instagram:focus,
.icon-youtube:hover, .icon-youtube:focus {
filter: invert(47%) sepia(41%) saturate(4484%) hue-rotate(360deg) brightness(101%) contrast(108%);
}
/**********/



.border-btm-dash {
	border-bottom: thin dashed #fff;
}

.breadcrumb-wrap {
	background-color: #c15800;
}
.breadcrumb {
	position: relative;
	padding: 10px 0px;
	margin-left: 30px;
}
.breadcrumb > li {
	display: inline-block;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 3px;
	color: #fff;
  font-weight: 300;
  font-style: normal;
	text-transform: uppercase;
}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
	text-decoration: none;
	color: #FFF!important;
}
.breadcrumb a:hover, .breadcrumb a:focus{
	color: #303033!important;
}

.breadcrumb a:focus-visible {
outline: 1px solid #303033!important;
outline-offset: 3px;
padding: 2px!important;
}

.breadcrumb .icons-yellow {
	color: #fff;
	font-size: 14px;
	margin: 3px;
}
.logo-sarahsinn {
		width: 200px;
		padding: 10px 30px 10px 20px;
}
.logo-fmsc {
	display: block;
	height: 100%;
}
.logo-roo {
width: 120px;
padding: 10px 0 10px 0;
}
.logo-humanesociety {
width: 250px;
padding: 0 0 10px 0;
}
.border {
	border: solid #e6e2db 1px;
}

.fugers {
		width: 400px;
		float: right;
		margin: 0 0 0 30px;
		 height: auto;
	display: block;
}

.rmhc-fugers {
		width: 405px;
		float: left;
		margin: 0px 30px 20px 0px;
		 height: auto;
	display: block;
}
.paracord {
		float: left;
		width: 35%;
		margin: 0 3% 0 0;
		 height: auto;
	display: block;
}
.jay-paracord {
	float: left;
	width: 35%;
	margin: 1% 3% 3% 0;
		 height: auto;
	display: block;
}
/*--------- BUTTONS-----------------------------------*/
.btn-cont {
margin-top: auto;
align-self: center;
margin-bottom: 20px;
}

.btn {
	font-family: Soleto, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 8px 15px 8px 15px;
  border: none;
  cursor: pointer;
	transition: all 0.5s;
	border-radius: 13px; 
	display: inline-block;
}
.btn-sm {
	font-family: Soleto, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 8px 15px 8px 15px;
  border: none;
  cursor: pointer;
	transition: all 0.5s;
	border-radius: 6px; 
	display: inline-block;
	text-shadow: 0 0 1px #863601;
}
.red-btn {
	background-color: #C60202;
	color: #fff;
}
.red-btn:after {
  position:relative;
	margin-left: 5px;
	color: #fff;
	font-size: 22px;
}
.red-btn:hover {
	background-color: #414657;
	color: #fff;
}

.red-btn:focus-visible {
outline: 1px solid #ff6600!important;
outline-offset: 3px;
}

.orange-btn {
	background-color: #bf4f04;
	color: #fff;
}
.orange-btn:after {
  position:relative;
	margin-left: 5px;
	color: #fff;
	font-size: 22px;
}
.orange-btn:hover {
	background-color: #414657;
	color: #fff;
}
.orange-btn:focus-visible {
outline: 1px solid #ff6600!important;
outline-offset: 3px;
	transition: all 0s;
}

.gray-btn {
	background-color: #414657;
	color: #fff;
}
.gray-btn:after {
	content: "";
	/*content: url("../images/heart-solid.svg");*/
  position:relative;
	margin-left: 5px;
	color: #fff;
	font-size: 22px;
}
.gray-btn:hover {
	background-color: #ED2B38;
	color: #fff;
}
.gray-btn:focus-visible {
outline: 1px solid #ff6600!important;
outline-offset: 3px;
}


#topBtn {
	font-family: arial, sans-serif;
  display: none; 
  position: fixed; 
  bottom: 40px;
  right: 20px;
  z-index: 99; /* Make sure it does not overlap */
  background-color: rgba(242, 159, 3, 0.5); 
  cursor: pointer;
  padding-top: 6px; 
	width: 40px;
  height: 40px;
  border-radius: 50%; 
	border: none;
  outline: none;
	  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#topBtn:before {
	content: "\2303";
  position:relative;
	color: #fff;
	font-size: 28px;
	
}
#topBtn:hover {
  background-color: #ED2B38;
}

/*--------- Sidenav layout ---------------------*/
aside {
	display:flex;
   flex-direction:row;
   align-items:flex-start;
   height:100%;
   width:100%;
}
aside .content {
  display:flex;
  flex-direction:column;
	width:100%;
	padding: 0px;
}
.content-main {
  flex:1;
	margin: 30px 0 40px 30px;	
	background-color: #fff;
	border: solid #e6e2db 1px;
}
.sidebar {
	height:100%;
	width: 35%;
	margin-left: 0px;
}
.side-content {
	margin-top: 0px;
	padding: 30px 20px 30px 20px;
}
/*--------- end aside layout ---------------------*/

/*--------- FLEXBOX layout ---------------------*/

.flex-wraps {
	display: flex;
	box-sizing: border-box;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
}
.flex-wraps.left {
	justify-content: left;
}
.flex-wraps > div.col1,
.flex-wraps > div.col2,
.flex-wraps > div.col3 ,
.flex-wraps > div.col4,
.flex-wraps > div.one, 
.flex-wraps > div.two,
.flex-wraps > div.three,
.flex-wraps > div.four,
.flex-wraps > div.five,
.flex-wraps > div.two-third,
.flex-wraps > div.full {
	position: relative;
	display: flex;
	flex-direction: column;
}
.flex-wraps > div.col1{
	width:100%;
}
.flex-wraps > div.one.sidebar{
	width:100%;
	margin: 0;
	border: solid #e6e2db 1px;
}
.flex-wraps > div.one.sidebar.noborder{
	border: none;
}
.flex-wraps > div.col2{
	width:50%;
	padding: 0px 40px 0px 0px;
}

.flex-wraps > div.col3 {
	width:33%;
	margin: 0;
} 
.boxes {
	padding-top: 30px;
}
.boxes.aside {
	padding-top: 0px;
}
.boxes .flex-wraps > div.three {
	width: 30%;
	margin: 12px!important;
}
.flex-wraps > div.col2.culinary-angela{
	width:50%;
	padding: 0px 0px 0px 0px;
}

.flex-wraps > div.col3.culinary {
	padding: 0 35px 0 0;
} 

.flex-wraps > div.col2.video-culinary{
	padding: 0 30px 30px 0;
} 
.flex-wraps > div.col3.video-culinary{
	padding: 0 30px 30px 0;
} 
.flex-wraps > div.col3.intro {
	margin: 30px 0 0 0;
} 
.flex-wraps > div.col3.one {
	width:33%;
} 
.flex-wraps > div.col3.two {
	width:33%;
	padding-left: 30px;
} 
 .flex-wraps > div.col3.three {
	width:33%;
	padding-left: 30px;
}
.flex-wraps > div.four {
	width:25%;
} 
.flex-wraps > div.two {
	width:48%;
	margin-right: 2%;
} 
.flex-wraps > div.two.col {
	width:46%;
	margin: 0% 1% 1% 1%;
} 
.flex-wraps > div.three {
	width:33%;
} 
.flex-wraps > div.three.culinary {
	width:43%;
} 
.flex-wraps > div.col4{
	width:25%;
}
.flex-wraps > div.two-third{
	width:66%;
}
.flex-wraps > div.two-third.big{
	width:85%;
}
.flex-wraps > div.two-third.culinary{
	width:56%;
	padding: 0 30px 0 0;
}
.flex-wraps > div.two-third.intro{
	width:66%;
	padding: 40px 70px 30px 0;
}
.flex-wraps > div.two-third.pr30{
	width:60%;
	padding: 0 0 0 0 ;
	margin: 0% 1% 1% 1%!important;
}
.recent .flex-wraps > div.two-third{
	width:66%;
	padding: 0 0 20px 30px;
}
.past .flex-wraps > div.two-third{
	width:66%;
	padding: 0 0 20px 30px;
}
.flex-wraps > div.two-third.leftmargin{
	width:66%;
	padding: 0 0 20px 30px;
}
.flex-wraps > div.full{
	width:90%;
}
.past .flex-wraps > div.full{
	width:100%;
	margin-bottom: 30px;
}
.recent .flex-wraps > div.full{
	width:100%;
	margin-bottom: 30px;
}
.flex-container{
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	width: 100%;
}
.flex-container > div.full, 
.flex-container > div.one,
.flex-container > div.two-third,
.flex-container > div.two,
.flex-container > div.three,
.flex-container > div.four,
.flex-container > div.five {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.flex-container > div.full{
	width:100%;
}
.flex-container > div.full.culinary{
	position: relative;
}
.flex-container > div.one{
	width:90%;
}
.flex-container > div.two-third{
	width:70%;
}

.flex-container > div.two-third.intro{
	width:75%;
	padding: 40px 0 30px 0;
}

.flex-container > div.two{
	width:50%;
}

.flex-container > div.three{
	width:34%;
	margin-right: 20px;
}
.flex-container > div.three.jumpers{
	width: 30%;
	margin-right: 0px;
}
.flex-container > div.three.culinary{
	width: 40%;
	margin: 40px 0 0 0;
}
.photo-row .flex-container > div.three{
	width:34%;
	margin: 0px;
}
.flex-container > div.four{
	width:25%;
}

.flex-container > div.five{
	width:20%;
}

.flex-start{
	display: flex;
	justify-content: flex-start;
}
.flex-end{
	display: flex;
	justify-content: flex-end;
}

/*--------- common styes ---------------------*/
.float-left {
	float: left;
	width: 50%;
	margin: 0 30px 30px 0;
}
img.float-left {
	float: left;
	width: 50%;
	margin: 0 30px 0 0;
}
img.float-left.small {
	float: left;
	width: 45%;
	margin: 0 30px 5px 0;
}
img.float-right {
	float: right;
	width: 50%;
	padding: 5px 0 0 0;
	margin: 0px 0px 20px 30px;
}
img.pepper-float {
	float: right;
	width: 40%;
	margin: 0px 0px 20px 30px;
}

.clear {
	clear: both;
}
.display-none {
	display: none;
}

.container {
    max-width: 1400px;
    margin: auto;
}
.cta{
  max-width: 1000px;
  margin: auto;
	text-align: center;
	padding: 0 30px 0 30px;
}
.mission-wrap {
  max-width: 1400px;
  margin: auto;
	padding: 30px 220px 20px 40px;
	text-align: left;
}
.mission-wrap p  {
	font-size: 17px;
	line-height: 26px;
	color: #333;
}
.content {
	padding: 0 40px 0 40px;
}
.content.sm {
	padding: 0 30px 0 30px;
}
.content.intro {
	padding: 0 35px 0 35px;
}

.boxes .txtwrap {	padding: 30px 30px 10px 30px;}
.boxes .txtwrap1 {	padding: 30px 30px 30px 30px;}
.boxes .txtwrap2 { padding: 45px 40px 40px 40px;}

.txt-wrap {	padding: 0px 35px 0px 35px;}
.txt-wrap.intro {	padding: 30px 35px 35px 35px;}
.txt-wrap1 {	padding: 20px 35px 20px 35px;}
.txt-wrap2 {	padding: 30px 20px 30px 20px;}

.photo-row.culinary {
	margin-top: 30px;
}
.center-txt {	text-align: center;}
.right-txt {	text-align: right;}
.left-txt {	text-align: left;}

.divider {	padding: 30px 0 30px 0;}
.divider1 {	padding: 10px 0 10px 0;}
.divider2 {	padding: 20px 0 20px 0;}
.divider4 {	padding: 40px 0 40px 0;}
.divider4a {padding: 40px 0 20px 0;}

.divider2.nifb {	padding: 0 0 20px 0!important;}
.divider4.culinary {	
	margin-top: 20px;
	padding: 0 0 0 0;
}
.recent .divider4 {	padding: 35px 0 35px 0;}

.divider5 {	padding: 50px 0 50px 0;}
.divider6 {	padding: 60px 0 60px 0;}
.divider7 {	padding: 70px 0 70px 0;}

.spacer10 {	padding: 10px 0;}
.spacer20 {	padding: 20px 0;}
.spacer30 {	padding: 30px 0;}
.spacer40 {	padding: 40px 0;}

/* For sticky Header */
#navbar{
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 100;
}  
.shadow {
		-webkit-box-shadow: 0px 11px 29px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 11px 29px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 11px 29px 0px rgba(0,0,0,0.1);
}

.shadow-svg {
        -webkit-filter: drop-shadow( 2px 2px 3px rgba(0, 0, 0, .2));
        filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .2));
      }

.jump-container {
	position: relative;
}

.jump {
	display: block;
	position: absolute;
	max-width: 16%;
	margin-left: 10%;
	margin-top: -9%;
}

.angela {
	display: block;
	width: 65%;
	margin-left: 35%;
	margin-top: 5%;
}
.rmh-logo {
	max-width: 40%;
	margin-bottom: 0px;
}
.rmh-logo24 {
	width: 330px;
  display: block;
  object-fit: contain;
  margin: 20px auto 20px auto;
}
.redshoe-logo {
	max-width:73%;
	text-align: center;
	margin: 19px;
}
.pads-red-rmhc-logos {
	max-width:65%;
	text-align: center;
	display: block;
	margin: auto;
}

.home-box-eventlogo {
/*	max-width:100%;*/
	text-align: center;
	margin: 45px;
}
.center {
	display: block;
	text-align: center;
}
.responsive {
  width: 100%;
  height: auto;
	display: block;
}
.nifb {
	 padding: 10px 30px 0px 35px!important;
  height: auto;
	 margin: 0px 0px 0px 0px!important;
}
.brand {
	padding: 20px 0 20px 0px;
	color: #d1d1d1;
	font-size: 15px;
	line-height: 22px;
}
 .copyright {
	padding: 10px 0 10px 30px;
	color: #d1d1d1;
	font-size: 11px;
	letter-spacing: 0.5px;
}
.bg-header {
	background: url("../images/bg-orange-header.jpg") no-repeat center ;
	background-color: #d17127;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 250px;
	position: relative;
	text-align: center;
	margin-left: auto;
  margin-right: auto;
}
.bg-header.tier2 {
	background: url("../images/bg-orange-header.jpg") no-repeat center ;
	background-color: #d17127;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 180px;
	position: relative;
	text-align: center;
	margin-left: auto;
  margin-right: auto;
}
.bg-footer {
	background: url("../images/bg-orange-footer.jpg") no-repeat center ;
	background-color: #d17127;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	position: relative;
	text-align: center;
	margin-left: auto;
  margin-right: auto;
}
footer .logo {
	display: block;
	height: 80px;
	text-align: center;
	margin-left: auto;
  margin-right: auto;
}
footer .logo  a:focus-visible {
outline: 1px solid #fff!important;
outline-offset: 2px;
padding: 1px 1px 0px 1px!important;
}

.bg-pattern1 {
	background: url("../images/cream-texture-1.jpg");
		background-repeat: repeat;
}
.bg-pattern2 {
	background: url("../images/cream-texture-2.jpg");
		background-repeat: repeat;
}
.bg-gray {
	background: url("../images/gray-bg.gif");
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.logo-wrap {
	margin: auto;
	width: 760px;
	padding: 30px 0 30px 0;
	position: absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.logo-wrap.tier2{
	margin: auto;
	width: 550px;
	padding: 30px 0 30px 0;
	position: absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-wrap {
	position: relative;
	text-align: center;
	max-width: 1400px;
    margin: auto;
	background-color: #de6a00;
}
.tagline-wrap {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tagline {
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 28px;
	line-height: 36px;
	font-weight: 700;
	color: #302a22;
	display: inline-block;
	padding: 15px 30px 10px 30px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
/******** Definition lists **********/
.simple-dl dl {
}
.simple-dl dt {
	font-weight: 400;
	line-height: 20px;
	padding: 0 0 0.3em 0;
}
.simple-dl dd {
	  line-height: 20px;
    margin: 0;
    padding: 0 0 0.5em 0;
}
/**************/
.p-0 {padding: 0px !important}

.pt-15 {padding-top: 15px !important} 
.pt-30 {padding-top: 30px !important} 
.pt-50 {padding-top: 50px !important} 

.p-3 {padding: 3px 3px 0 0 !important}
.pr-5 {padding-right: 5px !important}
.pr-30 {padding-right: 30px !important}
.pr-50 {padding-right: 50px !important}

.pb-0 {padding-bottom: 0px !important} 
.pb-10 {padding-bottom: 10px !important} 
.pb-15 {padding-bottom: 15px !important} 
.pb-30 {padding-bottom: 30px !important} 
.pb-50 {padding-bottom: 50px !important} 

.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-50 {padding: 50px !important}

.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}

.mr-5 {margin-right: 5px !important}

.mb-0 {margin-bottom: 0px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-25 {margin-bottom: 25px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}



 ul.list li{
	margin: 10px 0 12px 8px;
	padding-top: 0px;
	position: relative;
	width: 100%;
	list-style-position: outside;
 	text-indent: -1px;
 	padding-left: 10px;
	font-size: 15px;
	line-height: 24px;
}

ul.list li a {
	text-decoration: none;
	transition: all 30ms ease-in;
  color: #000;
}
ul.list li a:hover, ul.list li a:focus {
	text-decoration: none;
	transition: all 30ms ease-in;
	color: #ED2B38;
}

.bullet-list ul li {
  list-style: none;
  position: relative; 
	list-style-position: inside;
 	text-indent: -1px;
 	padding-left: 10px;
	padding-bottom: 10px;
	padding: 0 0 10px 8px;
	line-height: 17px;
	border-bottom: dashed 1px #dbd6cc;
}
.bullet-list ul li:before {
  content: "\FFED";
  position: absolute;
  left: -5px;
  display: inline-block;
  background-size: contain;
	color: #ff6600;
	margin: 0px 0px 0px 0px;
}
.bullet-list ul li a {
	margin: 0px 0px 0px 0px;
	font-style: normal;
	text-decoration: none;
}


@media (min-width: 1800px) { 
.jump {
	display: block;
	position: absolute;
	max-width: 16%;
	margin-left: 6%;
	margin-top: -7%;
}

}
@media (max-width: 1300px) { 
.flex-container > div.three.culinary{
	width: 50%;
}
.jump {
	display: block;
	position: absolute;
	max-width: 20%;
	margin-left: 6%;
	margin-top: -10%;
}


.fugers {
		width: 350px;
		margin: 0 0 10px 30px;
}

}

@media (max-width: 1100px) { 
.fugers {
		width: 300px;
}
}



@media (max-width: 967px) { 

.fugers {
		width: 320px;
}


	.flex-wraps > div.two-third.big{
	width:100%;
}
/*------- Sidenav layout --------*/

aside {
   flex-direction:column;
}
.content-main {
  flex:1;
	margin: 0 0 0 0;	
	border: none;
}	
.sidebar {
	width: 100%;
	margin-left: 0;
}
.flex-wraps > div.one.sidebar{
	width: 45%;
	margin: 0 30px 30px 0;
}
.txt-wrap.intro {
	padding: 30px 30px 30px 30px;
}
/*-------end Sidenav layout --------*/
	
.jump {
	display: block;
	position: absolute;
	max-width: 26%;
	margin-left: 5%;
	margin-top: -15%;
}
.logo-wrap {
	width: 580px;
	padding: 0 20px 0 20px;
}
.logo-wrap.tier2{
	margin: auto;
	width: 550px;
	padding: 30px 0 30px 0;
	position: absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bg-header {
	background: url("../images/bg-orange-header-m.jpg") no-repeat center ;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
}	
h2 {
	font-size: 30px;
	line-height: 36px;
}
.mission-wrap {
	padding: 20px 50px 20px 50px;
}

.mission-wrap p  {
	font-size: 15px;
	line-height: 24px;
}
.flex-wraps > div.col1{
	width:100%;
}
.flex-wraps > div.col2{
	width:50%;
}
.flex-wraps > div.col3{
	width:47%;
	margin-right: 10px;
}
.flex-wraps > div.col3.last  {
	width:97%;
	margin-right: 0px;
}
.flex-wraps > div.col4{
	width:50%;
}
.flex-wraps > div.two-third{
	width:95%;
}
.flex-wraps > div.two-third.intro{
	width:60%;
	padding: 20px 70px 30px 0;
}	
.flex-wraps > div.col3.intro {
	width:40%;
	margin: 20px 0 0 0;
} 
 .flex-wraps > div.col3.one {
	width:100%;
	margin-bottom: 0px;
} 
.flex-wraps > div.col3.two {
	width:49%;
	padding-left: 0px!important;
} 
.flex-wraps > div.col3.three {
	width:48%;
	padding-left: 30px;
}
.flex-wraps > div.four {
	width:50%;
} 

.past .flex-wraps > div.full{
	margin-bottom: 20px;
}
.past .flex-wraps > div.col3.video {
	width:100%;
} 
.past	.flex-wraps > div.two-third{
	width:100%;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
}	
	
.recent .flex-wraps > div.full{
	margin-bottom: 20px;
}
.recent .flex-wraps > div.col3.video {
	width:100%;
} 
.recent	.flex-wraps > div.two-third{
	width:100%;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
}
.upcoming h3.title {
 padding-left: 0px;
}
.flex-wraps > div.col3.video-culinary{
	padding: 0 30px 20px 30px;
	margin: 0;
	width: 100%;
} 

.flex-container > div.two-third.intro{
	width:100%;
	padding: 20px 0 20px 0;
}	
.boxes {
	padding-top: 20px;
}
.boxes .flex-wraps > div.three {
	width: 45%;
	margin: 12px;
}	
	
.flex-container > div.three.culinary{
	width: 50%;
	margin: 20px 0 0 0 ;
}
p.intro { 
	font-weight: 100;
	font-size: 16px;
	line-height: 28px;
}



}

@media (max-width: 745px) { 
.flex-container > div.three.culinary{
	width: 65%;
}	
.flex-wraps > div.one.sidebar{
	width: 100%;
	margin: 0 0 30px 0;
}

.flex-wraps > div.col3.two {
	width:48%;
} 
.mission-wrap {
	padding: 20px 35px 20px 35px;
}
.flex-wraps > div.two-third.intro{
	width:100%;
	padding: 20px 0px 0 0;
}	
.flex-wraps > div.col3.intro {
	width:100%;
	margin-bottom: 0px;
} 
.jump {
	max-width: 30%;
	margin-left: 10%;
	margin-top: -10%;
}
.rmhc-fugers {
		width: 100%;
		float: none;
		margin: 0px 0px 20px 0px;
}
.fugers {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
}
}

@media (max-width: 600px) { 
.paracord {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
}
.jay-paracord {
	float: none;
	width: 100%;
	margin: 3% 0 3% 0;
}

	.nifb {
	 padding: 0px 0px 20px 0!important;
  height: auto;
	 margin: 0px 0px 0px 0px!important;
}
.flex-container > div.three.culinary{
	width:100%;
	margin: 0 0 0 0;
}	
.flex-container > div.three.jumpers{
	width:0%;
	display: none;
}	
.flex-container > div.two-third.pr30{
	width:100%!important;
	padding: 0 0 0 0!important ;
}
.angela {
	display: none;
}	
.float-left {
	float: none;
	width: 100%;
	margin-right: 0px;
}
.float-right {
	float: none;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

.flex-wraps > div.two-third.leftmargin{
	width:100%;
	padding: 0 30px 20px 30px;
}
.logo-wrap {
	width: 100px;
	padding: 0 0 0 0;
}	
.logo-wrap.tier2{
	width: 100px;
	margin-top: 10px;
	padding: 0 0 0 0;
}	
	
h3.title {
	font-size: 20px;
	line-height: 26px;
}
h3.title.culinary {
	padding-left: 0px;
}
.flex-wraps > div.col2{
	padding: 0px 25px 0px 0px;
}
.flex-wraps{
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	min-height: 0 !important;
}	
.flex-wraps > div.full,
.flex-wraps > div.two-third,
.flex-wraps > div.col1,
.flex-wraps > div.col2,
.flex-wraps > div.col3,
.flex-wraps > div.col4,
.flex-wraps > div.four	{
	width:100%;
}	
.flex-wraps > div.col3.last  {
	width:100%;
}
.flex-wraps > div.three {
	width: 100%!important;
} 
.flex-wraps > div.two-third.pr30{
	width:100%;
	padding: 0 0 0 25px!important ;
	margin: 0%!important;
}

.boxes .flex-wraps > div.three {
	width: 90%;
	margin: 10px auto 10px auto!important;
}	

.flex-wraps > div.two.col {
	width:100%;
	margin: 0% !important;
	padding: 0 30px 0 30px;
} 

.tagline {
	font-size: 26px;
	line-height: 34px;
	padding: 10px 20px 10px 20px;
}

footer .flex-container{
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	min-height: 0 !important;
}		
	
footer .flex-container > div.two-third{
	width:100%;
}

footer .flex-container > div.three{
	width:100%;
	text-align: left!important;
}
.past .content {
	padding: 0 30px 0 30px;
}
.recent .content {
	padding: 0 30px 0 30px;
}
 .flex-wraps > div.col3.two {
	width:100%;
} 
 .flex-wraps > div.col3.three {
	width:100%;
	padding-left: 0px;
}
.flex-wraps > div.four {
	width:100%;
} 
.flex-wraps > div.col3.culinary {
	padding: 0 0 0 0;
} 
.jump {
	display: block;
	position: absolute;
	max-width: 60%;
	margin-left: 15%;
	margin-top: -10%;
}

.rmh-logo {
	max-width: 50%;
	margin-bottom: 30px;
}
	.flex-wraps > div.col2.video-culinary{
	padding: 0 20px 0 20px;
} 
img.float-left {
	float: none;
	width: 100%;
	margin: 0px 0px 20px 0px;
}	
img.float-left.small {
	float: none;
	width: 100%;
	margin: 0 0px 20px 0;
}
img.float-right {
	float: none;
	width: 100%;
	margin: 0px 0px 20px 0px;
}	

.logo-sarahsinn {
		padding: 10px 20px 10px 30px;
}
p.columns { 
	padding: 10px 0px 0px 0;
}
}


@media (max-width: 470px) { 

.rmh-logo {
	max-width: 100%;
	margin-bottom: 30px;
}
.rmh-logo24 {
	width: 100%;
 margin: auto;
}

img.pepper-float {
	float: none;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

.flex-wraps > div.col2{
	width:100%;
	padding: 0px;
}

h3 {
	font-size: 26px;
	line-height: 30px;
}

.flex-container{
	display: flex;
	flex-direction: column;;
	align-items: flex-start !important;
	min-height: 0 !important;
}
.flex-container > div.full,
.flex-container > div.one,
.flex-container > div.two-third,
.flex-container > div.two,
.flex-container > div.three,
.flex-container > div.four,
.flex-container > div.five	{
	width:100%;
}	
.photo-row .flex-container > div.three{
	width:100%;
	margin: 0px;
}
	
.photo-row .flex-container > div.three.hide{
	display: none;
}
	
footer .logo {
	height: 70px;
}
.bg-footer {
	background: url("../images/bg-orange-footer.jpg") no-repeat center ;
	background-color: #d17127;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 150px;
}
}