/*
010828 rgb(1,8,40) - super dark blue
0E3142 rgb(14,49,66)  - dark slate blue
3B7E74 rgb(59,126,116) - earthy green
D6CD80 rgb(214,205,128) - medium yellow
F0B246 rgb(240,178,70) - orangish red

EA581C - orangish red

ec9c12 - girl cat yellow adjusted


0606F7	blue
32D87B 	green
EAD71B 	yellow
F5920E	orange
D93730	red

32D87B	rgb(50, 216, 123)	green
DFC793 	rgb(223, 199, 147)	beige
AD9657 	rgb(173, 150, 87)	medium brown
287B85	rgb(40, 123, 133)	dark cyan
2E32D3 	rgb(46, 50, 211)	medium blue

192930	rgb(25, 41, 48)		super dark green
A8B23E	rgb(168, 178, 62)	baby barf green
EE994E 	rgb(238, 153, 78)	terra cotta
CF2B0E	rgb(207, 43, 14)	orangish red
B01111	rgb(176, 17, 17)	dark red

1141B0	rgb(17, 65, 176)	dark blue

GOOD DARK BLUE - rgb(3, 7, 181);


LOGO		font-family: 'Corben', cursive;  - DEFINED INLINE ON THE .svg FILE
Headings 	font-family: 'Fira Sans', sans-serif;
BODY COPY 	font-family: 'Metrophobic', sans-serif;


Dark Medium blue	#3e77b2 	rgba(62, 119, 178, 1.0);
Light Medium Blue 	#1ea1ff		rgb(30, 161, 255);


21267D 	rgb(33, 38, 125)	dark bright blue
46C3D3	rgb(70, 195, 211)	light greenish blue
45827D	rgb(69, 130, 125)	dark sea green
1EA1FF	rgb(30, 161, 255)	Light Medium Blue
211E3E	rgb(33, 30, 62)		purple


rgb(128, 131, 185)
*/


BODY, HTML {
	font-family: 'Metrophobic', sans-serif;
	font-size: 16px;
	color: rgba(60,60,90,1);
	background-color: rgb(25, 41, 48);
}



H1, H2, H3, H4 {
	font-family: 'Fira Sans', sans-serif;
	font-style: italic;
}

H1 { font-size: 2.0rem; font-style: normal; }
H2 { font-size: 1.8rem; }
H3 { font-size: 1.6rem; }
H4 { font-size: 1.4rem; }


HEADER {
	background-color: rgb(25, 41, 48);
	/*
	background-color: rgb(238, 153, 78);
	background-color: rgb(207, 43, 14);
	background-color: rgb(176, 17, 17);
	*/
	/* border: rgba(0,0,0,1) solid 1px; */
	color: rgba(255,255,255,1.0);
}

HEADER .row {
	margin-bottom: 0;
	padding: 4px 0;
}

#logo {
	max-width: 250px;
}

.tagline {
	font-size: 0.8rem;
}

.subsite-tagline {
	color: rgb(25, 41, 48);
}

HEADER.subsite-tagline-container {
	/* background-color: rgb(168, 178, 62); */
	background-color: rgb(30, 161, 255);
	/* box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.2), 0px 1px 3px 3px rgba(0,0,0,0.1) inset; */
	margin-bottom: 0;
	padding-bottom: 3px;
}

.main-content-section {
	background-color: rgba(255, 255, 255, 1.0);
	padding-bottom: 15px;
}

.main-content-section > .container > .row {
	margin-bottom: 0;
}

MAIN {
	margin-bottom: 20px;
}

FOOTER {
	background-color: rgb(25, 41, 48);
	border: rgba(0,0,0,1) solid 1px;
	min-height: 3rem;
	/* color: rgb(168, 178, 62); */
	color: rgb(30, 161, 255);
	padding-top: 15px;
}


BUTTON, 
BUTTON:focus {
	margin: 20px 0;
	background-color: rgb(30, 161, 255);
	border-radius: 8px;
	border: 0px;
	padding: 6px 10px;
	cursor: pointer;
}


.col.sidebar-container {
	padding: 40px 10px 10px 10px;

}

.display_none {
	display: none;
}

.warning {
	color: rgb(200, 0, 0);
}

.required_warning {
	background-color: rgb(250, 250, 175);
	color: rgb(200, 0, 0);
}

.custom_hr {
	border-bottom: rgb(30, 161, 255) solid 1px;
	height: 1px;
	width: 100%;
	margin: 20px 0;
}

.list_table TH,
.list_table TD {
	padding: 5px;
}

.list-row-dark {
	background-color: rgb(250, 250, 250);
}


.hidden {
	display: none;
}

.add_new_section {
	border-bottom: rgb(30, 161, 255) solid 1px;
	width: 100%;
	margin: 20px 0;
}


/*
21267D 	rgb(33, 38, 125)	dark bright blue
46C3D3	rgb(70, 195, 211)	light greenish blue
45827D	rgb(69, 130, 125)	dark sea green
1EA1FF	rgb(30, 161, 255)	Light Medium Blue
211E3E	rgb(33, 30, 62)		purple

F6EFEC 	rgb(246, 239, 236)	off white
*/

.bio-description {
	padding: 6px;
	background-color: rgba(30, 161, 255, 0.1);
	border: rgba(33, 38, 125, 0.2) solid 1px;
	margin: 20px 0;
	border-radius: 8px;
}

.bio-description H4 {
	padding-top: 0;
	margin-top: 0;
	font-size: 1.0rem;
	font-weight: 700;
}


/*--- OVERRIDING MATERIALIZE ---*/
	INPUT[type=text]:not(.browser-default), 
	INPUT[type=email]:not(.browser-default), 
	INPUT[type=password]:not(.browser-default) {
		height: auto;
	}

	input:not([type]):focus:not([readonly]), 
	input[type=text]:not(.browser-default):focus:not([readonly]), 
	input[type=password]:not(.browser-default):focus:not([readonly]), 
	input[type=email]:not(.browser-default):focus:not([readonly]), 
	input[type=url]:not(.browser-default):focus:not([readonly]), 
	input[type=time]:not(.browser-default):focus:not([readonly]), 
	input[type=date]:not(.browser-default):focus:not([readonly]), 
	input[type=datetime]:not(.browser-default):focus:not([readonly]), 
	input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
	input[type=tel]:not(.browser-default):focus:not([readonly]), 
	input[type=number]:not(.browser-default):focus:not([readonly]), 
	input[type=search]:not(.browser-default):focus:not([readonly]), 
	textarea.materialize-textarea:focus:not([readonly]) {
		border-bottom: 1px solid rgb(158, 158, 158);
		-webkit-box-shadow: 0 1px 0 0 rgb(30, 161, 255);
		box-shadow: 0 1px 0 0 rgb(30, 161, 255);
	}

	LABEL {
	    font-size: 1.0rem;
	    color: rgb(100, 100, 100);
	}

	SELECT {
		display: block;
	}

	input[type=text]#name_for_uri:not(.browser-default) {
		width: unset;
	}

/*---^^^ OVERRIDING MATERIALIZE ^^^---*/



.forgot_password_link {
	margin-left: 20px;
}


.admin_nav DIV {
	display: inline-block;
	margin: 0 1em;
}

.admin_nav {
	padding: 6px;
	background-color: rgb(33, 30, 62);
	text-align: center;
	border-radius: 0 0 10px 10px;
}

.admin_nav A,
.admin_nav A:link,
.admin_nav A:active,
.admin_nav A:visited,
.admin_nav A:hover {
	color: rgb(70, 195, 211);
}

.admin_nav_title {
	color: rgb(246, 239, 236);
}


TEXTAREA {
	width: 100%;
	min-height: 20vh;
}

.admin_textarea_large {
	min-height: 75vh;
}

.admin-label-note {
    line-height: 1.0;
    font-size: 0.8em;
    font-style: italic;
}


.admin-answers-intro-note {

}

#answers-list LI {
	border: rgb(30, 161, 255) solid 1px;
	border-radius: 8px;
	padding: 4px;
	margin: 4px 0;
	cursor: grab;
}

#answers-list LI:active {
	background-color: rgba(255, 255, 255, 1.0);
}


.admin-answer-lp-modal-save-btn,
.admin-answer-lp-modal-cancel-btn,
.admin-answer-modal-save-btn,
.admin-answer-modal-cancel-btn,
.admin-answer-li-edit-btn,
.admin-answer-li-lp-btn,
.admin-answer-li-delete-btn {
	border-radius: 8px;
	background-color: rgb(30, 161, 255);
	color: rgba(255,255,255,1.0);
	font-size: 0.8em;
	padding: 4px 8px;
	box-shadow: 1px 2px 0 1px rgba(0,0,0,0.1);
	border: rgba(0,0,0,0.1) solid 1px;
	cursor: pointer;
}

/*
21267D 	rgb(33, 38, 125)	dark bright blue
46C3D3	rgb(70, 195, 211)	light greenish blue
45827D	rgb(69, 130, 125)	dark sea green
1EA1FF	rgb(30, 161, 255)	Light Medium Blue
211E3E	rgb(33, 30, 62)		purple

F6EFEC 	rgb(246, 239, 236)	off white
*/


/*
FROM MATERIALIZE:;
Mobile Devices <= 600px	
Tablet Devices > 600px	
Desktop Devices > 992px	
Large Desktop Devices > 1200px
*/

/* this really isn't used??? need to test */
@media screen (min-height: 992px) {
	HEADER {
		min-height: 4rem;
	}	
}


/*
@media screen and (min-width: 600px) {
	DIV.div-table, 
	DIV.div-table-with-padding {
		display: table;
	}

	DIV.div-row {
		display: table-row;
	}

	DIV.div-cell {
		display: table-cell;
	}
}
*/