/*        CSS CREATED FOR SAFESPACE OF EAST TENNESSEE        */
/*     (C) 2014-2025 Daniel Siddall (dba mainLINEmedia)      */


/*	::-webkit-scrollbar {display: none; !important;}		 */
/*	.element { -ms-overflow-style: none; }					 */

/*	html {scrollbar-width: none; -ms-overflow-style: none; }  /* FIREFOX/IE WORKAROUND */
* {
	margin: 0;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; /* THIS PREVENTS PADDING FROM INCREASING WIDTH OF DIV */
}
html {
	overflow-y: scroll; 
	min-height: 100%;
}
body {
	margin: 0; padding: 0; 
	overflow-y: scroll;
	width: 100vw; /* THIS PREVENTS PAGE FROM SHIFTING WHEN SCROLLBAR APPEARS */
	font-family: "Vag", helvetica, sans-serif;

}
.bodyHIDE {		/* DIMS THE PAGE WHILE MOBILE MENU OPEN */
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.85);
	width: 100%; height: 100%;
	top: 0; left: 0;
	z-index: 99;
}
.borderBOTTOM {
	display: none;
	border-bottom: 8px solid darkred; 
}

/* -------------- custom scrollbar -------------- */
::-webkit-scrollbar {
  width: 20px;
 height: 100%;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

 hr {
	height: 3px; width: 100%;
	margin-left: auto; margin-right: auto;
	background-color: darkslategrey;
	border: none;
    }


*:focus {outline:none} /* NO BLUE BORDER ROUND LINKS */

a {text-decoration: none; color: inherit;}

a:hover {text-decoration: underline !important;}

.HERE {}
.HERE:hover {text-decoration: underline !important; color: red;}

input[type=image]{border:none}	/* THIS ELIMINATES A BORDER AROUND BUTTONS AND LINK IMAGES */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  margin-top: 5px;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.alerts {
	background: #eee;
	font-size: 28px;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 25px;
	width: 90%; height: 100%;
	overflow: hidden;
	padding: 15px; 
	border: 10px solid firebrick;
	border-radius: 60px;
	-webkit-border-radius: 60px
}

.button-div {}
.button1 {font-family: 'Vag'; font-size: 18px; background-color: white; color: black; border-radius: 15px; padding: 5px 15px;}
.button1:hover {background-color: yellow;}
.button2 {font-family: 'Vag'; font-size: 18px; background-color: white; color: black; border-radius: 15px; padding: 5px 15px;}
.button2:hover {background-color: yellow;}


.anchor{
   display:block;
   height: 185px; 
   margin-top: -185px;
   visibility:hidden;
}

.extraspacebottom5 {margin-bottom: 5px !important;}
.extraspacebottom10 {margin-bottom: 10px !important;}
.extraspacebottom25 {margin-bottom: 25px !important;}

.extraspacetop5 {margin-top: 5px !important;}
.extraspacetop10 {margin-top: 10px !important;}
.extraspacetop15 {margin-top: 15px !important;}
.extraspacetop20 {margin-top: 20px !important;}
.extraspacetop25 {margin-top: 25px !important;}

.hideme {
	position: fixed; top: 0; left: 0;
	z-index: 100 !important;
	width: 100%; height: 100%;
	background: url(../images/overlay2.png);
	background-repeat: repeat;
	text-align: center;
	display: none;
}
ul { list-style-type: square; list-style-position: outside; padding-left:60px;}

.slategrey { color: slategrey;}

.darkslategrey { color: darkslategrey;}

.center {text-align: center !important;}

.left {text-align: left !important;}

.right {text-align: right !important;}

.justify {text-align: justify;}

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

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

.bold {font-weight:800;}

.skinny {font-weight: 400;}

.italic {font-style: italic;}

.underline {text-decoration: underline;}

.ununderline {text-decoration: none;}

.align-left {float: left;}

.align-right {float: right;}

.align-center {display: block; margin-right: auto; margin-left: auto;}

.hidden {display: none;}

.square {list-style-type: square;}

.indent10 {text-indent: 10px;}
.indent20 {text-indent: 20px;}
.indent30 {text-indent: 30px;}
.indent40 {text-indent: 40px;}
.indent50 {text-indent: 50px;}

.list-left {list-style-type: square;}

.border {border: 1px solid slategrey; border-radius: 15px;}

.block {display: block;}
.inline-block {display: inline-block;}

.line-height10 {line-height: 10px;}
.line-height15 {line-height: 15px;}
.line-height20 {line-height: 20px;}
.line-height25 {line-height: 25px;}
.line-height30 {line-height: 30px;}
.line-height35 {line-height: 35px;}

.padleft5 {padding-left: 5px;}
.padleft10 {padding-left: 10px;}
.padleft15 {padding-left: 15px;}
.padleft20 {padding-left: 20px;}
.padleft25 {padding-left: 25px;}
.padleft80 {padding-left: 80px;}

.marginleft5 {margin-left: 5px;}
.marginleft10 {margin-left: 10px;}
.marginleft15 {margin-left: 15px;}
.marginleft20 {margin-left: 20px;}
.marginleft25 {margin-left: 25px;}
.marginleft40 {margin-left: 40px;}


.noselect {	/* DISALLOWS TEXT FROM BEING SELECTED - USED FOR BUTTON TEXT */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

/* ===================== HEADER + LOGO + TAGLINE ============================ */
.header {
    position: fixed; 
	background-color: rgba(255,235,235,1.0); 
    top: 0;
    width: 100%; height: 55px;
	text-align: center !important;
    z-index: 100;
	//border-bottom: 2px solid darkslategray !important;
	//box-shadow: 0px 8px 12px darkslategrey !important;
	//-webkit-transition: all 0.4s ease;
	//transition: all 0.4s ease;
	//-webkit-transition-delay: 0.25s;
	//transition-delay: 0.25s;
}

.logo {
	display: block;
	content: url(../images/logo/logo_fourth_a.png);
	border-radius: 20px;
	position: fixed !important;
    top: 15px; left: 10px;
	width: 120px; height: 120px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transition: 1200ms;
	z-index: 90;
}
.logo:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.logoSMALL {
	display: block;
	content: url(../images/logo/logo_fourth_a.png);
	border-radius: 10px;
	position: fixed !important;
    top: 15px; left: 10px;
	width: 60px; height: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transition: all 2400ms ease;
	z-index: 90;
}
.logoSMALL:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.tagline {	/* 24 Hour Crisis Line */
	position: fixed; top: 55px;
	text-align: center;
    width: 100%; height: 55px;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	padding-top: 16px;	/* SPACING ABOVE TEXT */
	color: black;
	background-color: rgba(200,200,200,1.0);
	/*border-top: 1px solid slategrey; */
	/*border-bottom: 1px solid slategrey; */
	box-shadow: 0px 4px 8px slategrey;
	z-index: 99;
}
/* =================== DONATE BUTTON ======================= */
.donate {
	margin: 0 auto;
	position: fixed;
	width: 85px; height: 30px;
	top: 10px; right: 45px;
	opacity: 0.7;
	vertical-align: top;
	//background: url(../images/paypal3.png);
	//background-size: 100% 100%;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	z-index: 88;
	transition: all .4s ease;
}
.donate:hover {
	opacity: 1.0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
/* =================== ESCAPE BUTTON ======================= */
.esc {
	text-align: center;
	position: fixed;
	top: 68px !important; right: 40px;
	width: 95px; height: 32px;
	background-color: firebrick;
	color: white;
	opacity: 0.5;
	font-size: 0.8em;
	border: 3px solid white;
	border-radius: 6px;
	font-weight: 800;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	transition: all .4s ease;
	z-index: 1;
}
.esc:hover {
	opacity: 1.0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.page_wrapper {	/* THE OUTER WRAPPER CONTAINING THE BACKGROUND IMAGE */
	margin: 0;
	padding: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	text-align: center;
	//border: 24px solid red;	/* FOR TESTING ONLY */
	background:url(../images/background-tall.jpg);
	background-size: cover !important;
}
.page_content { 
	margin: 0; 
	padding: 100px !important; 
	background-color: transparent;
	//border: 22px solid yellow; 
}
/* ===================== SLIDER ============================ */
.slider_section {
	width: 100% !important;
	margin-top: 80px !important;	/* SPACE ABOVE THE SLIDER */
	z-index: 98; 
	overflow: hidden !important;
	background-color: rgba(255,255,255,0.5);
	border: 8px solid slategrey; 
}
.flexslider {
	//margin-top: 20px !important;	/* SPACE ABOVE THE SLIDER */
	//overflow: hidden !important;
	//border: 18px solid blue;
}
.fancybox-container--ready .fancybox-bg {
    opacity: 1;
    background: #000 !important;
}

/* ============================ MOBILE DROPDOWN MENU ============================ */
.top-nav {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	justify-content: space-between;
	background-color: transparent;
	color: #000;
	height: 0; width: 100% !important;
	//border: 2px dashed red;
}

.menu {
	display: none;
	align-items: center; 
	justify-content: right;
	list-style-type: none;
	margin: 0; 	padding:0;
	background-color: rgba(255,235,235,1.0);
	//border: 2px dotted green;
	z-index: 9; 
	box-shadow: 0px 10px 0px 0px rgba(125,10,10,1); /* BORDER-BOTTOM ONLY VISIBLE AFTER MENU OPENS */
}

.menu li {
	display: flex;
	align-items: center; 
	justify-content: center;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 25px;
	color: darkslategray;
	background-color: lightgray; /* MENU BUTTON COLOR */
	transition: all 0.6s ease !important;
}
.menu li:hover {
	background-color: gray; /* MENU BUTTON HOVER COLOR */
	color: white;
}
.menu li a {
	width: 100%;
}
.menu-button-container {
	position: fixed;
	top: 5px; right: 5px;
	display: none;
	height: 44px; width: 54px;
	cursor: pointer;
	//flex-direction: column;
	//justify-content: center;
	//align-items: center;
	border: 4px solid darkslategray;	/* BUTTON BORDER */
	border-radius: 15px;
	background-color: rgba(255,255,255,0.8); /* BUTTON BACKGROUND */
	z-index: 9;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #000; /* HAMBURGER COLOR */
  position: fixed; top: 25px; right: 16px;  /* THREE LINES POSITION INSIDE BUTTON */
  height: 4px; width: 32px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg); color: black;
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

@media (max-width: 855px) {
  .menu-button-container {
    display: flex;
  }

  .menu {
	display: flex;
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
	}

  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    height: 60px;
	margin-bottom: 15px; /* BUTTON SETTINGS */
    padding: 10px;
	width: 50%;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.4);
  }

  .menu > li:not(:last-child) {
   border-bottom: 21px solid #444;
  }
}


.menu > .fakeNAV {	/* THIS IS A DUMMY BUTTON FOR THE **MOBILE** CURRENT PAGE */
	margin: 0;
	padding: 0;
	color: rgb(105,105,105);
	background-color: gray; /* MENU BUTTON COLOR */
	border: none;
}
.menu > .fakeNAV:hover {
	color: rgb(105,105,105);
}
.menu > .blank {
	background-color: transparent !important;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) !important;
}
.menu > .blank:hover {
	background-color: transparent !important;
	box-shadow: 0 0 0 rgba(0,0,0,0.0) !important;	
}

/* MAIN MENU */
.mainmenu {
	display:block; 
	position:fixed; 
	top: 12px; left: 140px;
	color: #202020;
	z-index: 10;
}
.mainmenu ul { 
	padding:0; 
	margin:0; 
}
.menuitem {
	color: darkslategray !important;
	background-color: rgba(255,205,205,1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	border-radius: 10px; 
	font-family: 'Vag'; 
	font-size: .8em; 
	transition: all .5s ease;
	text-transform: uppercase;
	padding: 6px 14px !important;
}
.menuitem:hover {
	background-color: indianred;
	color: white!important; 
	box-shadow: 3px 3px 10px rgba(0,0,0,0.7);
}
.menuitemFAKE {
	color: darkslategray !important;
	background-color: rgba(255,205,205,1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	border-radius: 10px; 
	font-family: 'Vag'; 
	font-size: .8em; 
	transition: all .5s ease;
	text-transform: uppercase;
	padding: 6px 14px !important;
}
.menuitemFAKE:hover {

}

.mainmenu ul li {
	display: inline;
}

/* PAGE */
.page-title {
	padding-top: 20px;
	font-family: 'Yesteryear'; 
	color: #E91F5D; 
	font-size: 44px; 
	margin: 0;
}


.page {	/* THE CONTAINER FOR THE ENTIRE "MIDDLE" CONTENT OF THE INDEX PAGE */
	//clear: both;
	margin-left: 30px; margin-right: 30px; 
	padding-left: 30px; padding-right: 30px;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-top: 40px;	/* THIS CREATES THE SPACE BELOW THE FLEXSLIDER/ABOVE THE MIDDLE SECTION */
	width: 50%; //height: 100%;
	text-align: center;
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.3);
	//border: 4px solid red;	/* FOR TESTING ONLY */
}


.title {
	margin: 0; padding: 0;
	margin-right: auto; margin-left: auto;
	width: 100%; height: 50px;
	font-size: 13px;
	font-weight: 800;
	color: darkslategrey;
	line-height: 30px;
	background:#CCC;
	border: 1px solid #666;
	padding-left: 10px;
}
.content {
	margin: 0; padding: 0;
	margin-right: auto; margin-left: auto;
	width: 100%;
	background: #fbfbfb;
	//border: 1px solid red;
	border-radius: 35px;
	padding: 25px !important; 
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	//color: #666;
	overflow: hidden;
	margin-bottom: 15px;
}

.container {
	flex-wrap: wrap;
	clear: both;
	margin: 0; padding: 0;
	width:80%; height: 100%;
	margin: 0 auto;
	margin-top: 0px; 
	z-index: 9;
}



/* FOOTER */
.footer {
	text-align: center; /* NEEDED FOR WHEN TEXT WRAPS AND BREAKS 'FLEX' */
	position: fixed;
	bottom: 0; left: 0;
	width: 100%; height: 60px;
	background: rgba(180,180,180,0.8);
	border-top: 4px solid black;
	z-index: 99;
}

/* unvisited link */
.tagline a:link {
  color: red;
}

/* visited link */
.tagline a:visited {
  color: red;
}

/* mouse over link */
.tagline a:hover {
  color: black;
}

/* selected link */
.tagline a:active {
  color: red;
}
.home span {
    display: none; /* HIDES THE WORD "HOME" */
}

.facebook {
	display: inline-block;
	position: fixed;
	width: 30px; height: 30px;
	right: 5px; top: 115px;
	text-decoration: none;
	line-height: 30px; /* CENTERS TEXT INSIDE BOX */
	text-shadow: 2px 2px 4px slategrey;
	opacity: 0.7;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}
.facebook:hover{
	opacity: 1.0;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.facebook {
    background: deepskyblue;
	font-weight: 800;
	font-size: 22px;
	color: white !important;
}
.telephone:before {
	content: "\e942";
	font-family: "icomoon";
	color: firebrick;
	font-size: 14px; 
	text-shadow: 2px 2px 4px slategrey;
	//line-height: 26px;
	font-weight: normal; 
	position: absolute; 
	margin-right: 220px;
	speak: none;
}
.home:before {
	content: "\e948";
	font-family: "icomoon";
	color: firebrick;
	font-size: 20px; 
	text-shadow: 2px 2px 4px slategrey;
	//line-height: 26px;
	font-weight: normal; 
	position: absolute; 
	margin-right: 220px !important;
	speak: none;
}


/* CURRENT PAGE MENU BUTTON STYLING */
.current {    
	background-color: rgb(211,169,169); 
	color: rgb(190,140,140) !important;
} 

/* VIDEO */
video {
	width: 100% !important;
	height: auto   !important;
	display: inline-block;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
    height: auto;
}
.video-container {
	text-align: center;
    position: relative;
    //padding-bottom: 56.25%;
    //padding-top: 30px; 
    height: auto; 
    overflow: hidden;
	//border: 3px solid slategrey;
	//border-radius: 25px;
	//border: 2px solid green; /* FOR TESTING ONLY */
}

/* ''FLEX TABLE''  65/35  RESPONSIVE: YES  */
/*  PINK/GRAY  */
.flexTable {	
	display: flex;
	font-weight: 800;
}
.flex-child {     /* RIGHT CELL */
	display: flex;
	padding: 20px;
	margin-bottom: 10px;
    background-color: pink;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 48%;
}
.flex-child:first-child {  /* LEFT CELL */  /* IF YOU ONLY DO ONE CELL, IT WILL BE THIS ONE */
	text-align: right;
    margin-right: 20px;
	padding-right: 20px;
    background-color: lightgray;
	width: 50%;
}

.flexTable5 {	/*  'FlexTable5' KEEPS THE TEXT BIG IN RESPONSIVE  */
	display: flex;
	font-weight: 800;
}
.flex-child5 {
	display: flex;
	padding: 20px;
	margin-bottom: 10px;
    background-color: lightgray;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100% !important;
}
.flex-child5:first-child {
	text-align: right;
    background-color: lightgray;
	width: 100%;
}
/* ''FAUX FLEX TABLE''  100% SINGLE CELL  RESPONSIVE: NO  */

.faux-flex-child {
	padding: 5px 25px 5px 5px;
	margin-bottom: 10px;
    background-color: lightgray;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100% !important;
}
.faux-flex-header {
	text-align: center; /* NEEDED FOR WHEN TEXT WRAPS AND BREAKS 'FLEX' */
    background-color: lightslategray;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100% !important;
	min-height: 48px;
	margin-bottom: 10px;
	font-size: 125%;
}

/* ''FLEX_LINK''  100% SINGLE CELL  RESPONSIVE: NO  */
/*  FOR HAVING THE ENTIRE CELL BE A LINK  */
.flex_LINK {	
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
.flex-childLINK {
	padding: 20px;
	margin-bottom: 10px;
    background-color: lavender;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	text-align: center !important;
	width: 100% !important;
}
.flex-childLINK:hover{
    background-color: LightGoldenRodYellow; color: red;
}

.flexTable-THIN {	
	display: flex;
	font-weight: 600;
}
.flex-child-THIN {
	display: flex;
	padding: 10px 20px; /* FIRST NUMBER AFFECTS HEIGHT of CELL */
	margin-bottom: 8px;
    background-color: pink;
	border-radius: 10px;
	min-height: 18px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100%;
	transition: all 0.9s ease;
}
.flex-child-THINwhite {
	font-family: 'Yesteryear'; 
	color: #E91F5D; 
	font-size: 42px; 
	margin: 0;
	margin: 0; padding: 0;
	margin-right: auto; margin-left: auto;
	width: 99%; height: 60px;
	background: #fbfbfb;
	border-radius: 20px;
	//padding: 25px !important; 
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	overflow: hidden;
	margin-bottom: 15px;
	transition: all 0.9s ease;
}
.flex-child-THIN:hover {
	background-color: darkgray !important; 
	color: white;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
}
.flex-child-THIN:first-child {
	text-align: right;
    background-color: lightgray;
	width: 100%;
}
.flex-header {
	display: flex;
	text-align: center; /* NEEDED FOR WHEN TEXT WRAPS AND BREAKS 'FLEX' */
    background-color: lightslategray;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100% !important;
	min-height: 48px;
	margin-bottom: 10px;
	font-size: 125%;
}
.flex-header:first-child {  /*  IT IS THE 'FIRST-CHILD' THAT IS WHAT IS USED ON A SINGLE LINE USAGE */
	display: flex;
	padding: 10px;
    background-color: lightslategray;
	border-radius: 10px;
	width: 100%;
}
.flex-header-THIN {
	display: flex;
	text-align: center; /* NEEDED FOR WHEN TEXT WRAPS AND BREAKS 'FLEX' */
	padding: 10px 20px; /* FIRST NUMBER AFFECTS HEIGHT of CELL */
	margin-bottom: 8px;
    background-color: pink;
	border-radius: 10px;
	min-height: 40px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100%;
}
.flex-header-THIN:first-child {  /*  IT IS THE 'FIRST-CHILD' THAT IS WHAT IS USED ON A SINGLE LINE USAGE */
	display: flex;
	padding: 5px;
    background-color: lightslategray;
	border-radius: 10px;
	width: 100%;
}

.vcenter {
	display: flex;
	align-items: center; 
}
.hcenter {
	display: flex;
	justify-content: center;
}
.pad_height {
	padding: 15px 0px 15px 0px;
}
.margin_bottom {
	margin-bottom: 5px;
}

.kern-wide {letter-spacing: 2px;}


.borderbox_squared {
	margin: 20px; 
	border: lightgray solid; 
	padding: 10px 40px 0px 10px;
}
.borderbox_rounded {
	margin-top: 20px; 
	border: lightgray solid; 
	border-radius: 20px;
	padding: 10px 40px 0px 10px;
}

/*  CONTACT  */
#subboxmap {	
	background-color: lightgray;
	display: inline-block; 
	border-radius: 25px;
	width: 95%;
	overflow: hidden;	
	vertical-align: top;
	text-align: center !important;
}

fieldset {border: none;}

.container2 {padding-bottom: 15px;}

#contact {text-align: left; width: 100% !important;}

input,textarea {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none
	-webkit-border-radius: 3px;
	border-radius: 23px;
	border: 1px solid #ddd;
}
input[type="text"],
input[type="phone"],
input[type="email"] {
	border: 1px solid #ddd;
	padding: 8px 12px 8px 12px;
	width: 90%;
	color: #555;
	background: #fff;
}
	input[type="text"]:focus,
	input[type="email"]:focus { padding-bottom: 8px; }
textarea {
	padding: 8px 12px 8px 12px;
	border: 1px solid #ddd;
	color: #555;
	resize: vertical;
	background: #fff;
	width: 90%;
}
select {
	width: 100%;
	padding: 8px 12px 8px 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
	font-size: 13px;
	color: #aaa;
}
form p { position: relative; }
div#contact input,
div#contact select,
div#contact textarea { background: #f9f9f9; }
div#contact input:focus,
div#contact select:focus,
div#contact textarea:focus { background: #fff; }
div#contact p { margin-bottom: 25px; }
div#contact div.row {
	overflow: hidden;
	clear: both;
	width: 715px;
}
div#contact div.row input,
div#contact div.row select { width: 315px; }
div#contact div.row p {
	width: 340px;
	float: left;
	margin-right: 15px;
}
div#contact div.row select { width: 340px; }
div#contact textarea { width: 96%; height: 200px; } 
div#contact .button { }
div#contact .error {
	border-color: #E01C46;
}
div#contact .validation,
div#contact .success {
	display: none;
	font-size: 12px;
	margin-bottom: 20px;
}
div#contact .validation p  { color: #e01c46; }
div#contact .success p	    { color: #65cf82; }
div#location {
	clear: both;
	overflow: hidden;
}
div#location div.map {
	clear: both;
	overflow: hidden;
	margin:10px; 
	padding: 10px;
	vertical-align: top;
	background: #f4f3ed;
	border-radius: 16px;
	-webkit-border-radius: 16px;
}	
div#location .icon {
	font-size: 13px;
	padding-right: 4px;
}
div#location div.one_fourth h4{
	margin-bottom: 15px;
}
div#location div.one_fourth p {
	margin-bottom: 15px;
}


/*  TYPOGRAPHY  */
.font12 {font-family: 'Vag'; font-size: 12px; margin: 0;}
.font14 {font-family: 'Vag'; font-size: 14px; margin: 0;}
.font16 {font-family: 'Vag'; font-size: 16px; margin: 0;}
.font18 {font-family: 'Vag'; font-size: 18px; margin: 0;}
.font20 {font-family: 'Vag'; font-size: 20px; margin: 0;}
.font22 {font-family: 'Vag'; font-size: 22px; margin: 0;}
.font24 {font-family: 'Vag'; font-size: 24px; margin: 0;}
.font26 {font-family: 'Vag'; font-size: 26px; margin: 0;}
.font28 {font-family: 'Vag'; font-size: 28px; margin: 0;}
.font30 {font-family: 'Vag'; font-size: 30px; margin: 0;}
.font32 {font-family: 'Vag'; font-size: 32px; margin: 0;}
.font34 {font-family: 'Vag'; font-size: 34px; margin: 0;}
.font36 {font-family: 'Vag'; font-size: 36px; margin: 0;}
.font38 {font-family: 'Vag'; font-size: 38px; margin: 0;}
.font42 {font-family: 'Vag'; font-size: 42px; margin: 0;}
.font46 {font-family: 'Vag'; font-size: 46px; margin: 0;}

.font_pinkscript14 {font-family: 'Yesteryear'; color: #E91F5D; font-size: 14px; margin: 0;}
.font_pinkscript24 {font-family: 'Yesteryear'; color: #E91F5D; font-size: 24px; margin: 0;}
.font_pinkscript34 {font-family: 'Yesteryear'; color: #E91F5D; font-size: 34px; margin: 0;}
.font_pinkscript44 {font-family: 'Yesteryear'; color: #E91F5D; font-size: 44px; margin: 0;}

.font-black {color: black;}
.font-white {color: white;}
.font-blue {color: blue;}
.font-darkgrey {color: darkslategrey;}
.font-red {color: red !important;}
.font-green {color: green;}
.font-orange {color: orange;}
.font-darkorange {color: darkorange;}
.font-gold {color: darkgolenrod;}

.font-big-125 {font-size: 125%;}
.font-big-150 {font-size: 150%;}
.font-big-175 {font-size: 175%;}
.font-big-200 {font-size: 200%;}

p {
	font: inherit;
}



.content ul {margin-left: -25px; margin-top: 10px; padding; 0;}
.content p {margin-left: 20px; margin-top: 10px; padding; 0;}

/*  CLEARFIX  */
.clear { clear: both; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
.row:after,
.clearfix:after {
	clear: both; }
.row,.clearfix {zoom: 1; }




/* RESPONSIVE */


@media only screen and (max-width:2560px) {
.alerts {font-size: 20px;}
}

@media only screen and (max-width:1920px) {
.page {width: 60%;}
}

@media only screen and (max-width:1400px) {
.alerts {font-size: 18px;}
.page {width: 75%;}
}	

@media only screen and (max-width:1200px) {
.page {width: 90%; }
.alerts {font-size: 16px;}
}

@media only screen and (max-width:1048px) {
.logo {width: 110px; height: 110px; border-radius: 10px; top: 10px;}
.page {width: 100%; background: rgba(255,255,255,0.2); }
}

@media only screen and (max-width:960px) {
.flex-child-THINwhite {font-size: 38px; }
}

@media only screen and (max-width:855px) {

/* THE FOLLOWING LINES HIDE THE MAIN MENU AND SHOW THE MOBILE MENU */
.mainmenu {display: none;}	/* HIDES THE MAIN MENU */
.esc {top: 50px; right: 10px;}
.donate {top: 10px !important; top: 5px; left: 50%; margin-left: -42px; z-index: 99;}
.footer {font-size: 80%;}
}

@media only screen and (max-width:736px) {
.alerts {	font-size: 12px;}
}

@media only screen and (max-width:675px) {
.logo {width: 90px; height: 90px; border-radius: 10px; top: 10px;}
.alerts {font-size: 10px;}
.page-title {font-size: 32px;}
.slider_section {border-radius: 35px;}
}

@media only screen and (max-width:550px) {
.flex-child-THINwhite {font-size: 28px; }
.tagline {font-size: 18px;}
.page_content {padding: 0;}
.page_content {padding-top: 1px;}
.flex_LINK {	width: 85%;}
video {width: 85%;}
.telephone:before {margin-right: 200px;}
.home:before {margin-right: 210px !important;}

}

@media screen and (max-width: 428px) {
.content {border-radius: 20px; }
.flex-child-THINwhite {font-size: 24px; }
.flexTable , .flexTable2, .flexTable3, .flexTable4 {font-size: 65%;}
.flexTableRight {font-size: 65%;}
.flex-child:first-child, .flex-child2:first-child ,
.flex-child3:first-child, .flex-child4:first-child {margin-right: 10px;	padding-right: 5px;}
.flex_LINK {	width: 90%;}
.padleft80 {padding-left: 50px;}

}

@media only screen and (max-width:394px) {
.content {border-radius: 20px; }
.flex-child-THINwhite {height: 35px;border-radius: 15px;}
.borderbox {font-size: x-small;}
.tagline {font-size: 12px; padding-left: 30px;}
.body {overflow: hidden; } /* NO SCROLLBARS ON SMALL SCREENS */

}

@media only screen and (max-width:290px) {
.footer {font-size: 75%;}
.esc {top: 38px !important; right: 50%; transform: translateX(50%); margin-right: -20px !important; }
.flex-child-THINwhite {font-size: 24px; height: 30px; width: 94%; border-radius: 10px;}
.tagline {padding-left: 65px;}
.donate {margin-left: -22px; }
.flex-child { font-size: 75%;}

}

/*  FONTS  */

@font-face {
  font-family: 'Vag';
  font-style: normal;
  font-weight: normal;
	src: url(../fonts/Vag_Rounded.ttf) format('truetype');
}
@font-face {
  font-family: 'American';
  font-style: normal;
  font-weight: normal;
	src: url(../fonts/american.ttf) format('truetype');
}
@font-face {
  font-family: 'Yesteryear';
  font-style: normal;
  font-weight: normal;
	src: url(../fonts/Yesteryear-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Suez';
  font-style: normal;
  font-weight: normal;
	src: url(../fonts/suez.ttf) format('truetype');
}
.icon { cursor: default; font-size: 18px; line-height: 1; color: #FEADFF; }
.icon.general { font-family: "icomoon"; color: white;}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fontvag200 {font-family: 'Vag'; font-weight: 200;letter-spacing: 0.5px;}
.fontvag400 {font-family: 'Vag'; font-weight: 400;letter-spacing: 1px;}
.fontvag600 {font-family: 'Vag'; font-weight: 600;letter-spacing: 2px;}
.fontvag800 {font-family: 'Vag'; font-weight: 800;letter-spacing: 3px;}