﻿/* Stylesheet for bubbaCore.com
*	Last update: 2017-02-09
*/

/* custom font */
@font-face {
	font-family: widelatin;
	src: url(fonts/LATINWD.TTF);
}

/* main */
body {
	/*background:#1b1b1b url(art/nbubbaCorelog.png) no-repeat scroll left top;*/
	background-color: #1b1b1b;
	color: #CD5214;
	font-weight: bold;
}
.header-logo {
	display: inline;
	vertical-align: middle;
}
.header {
	font-size: 30px;
	font-family: widelatin;
}
.header h1,
.header .h1 {
	font-size: 3.6rem;
	display: inline;
}
.linkz {
	height: 20px; 
	width: 57px; 
	border: 0; 
	padding: 0 1px 0 1px;
}
#lowHr {
	width: 80%; 
}
p.footer {
	text-align: center;
}
a, a:link, a:visited	{
	text-decoration: none;
	color: #E38100;
}
a:hover {
	color: orangered;
}
a:active {
	color: red;
}


/* news:  used for the mainpage (quick info and form) */
.welcome {
	margin-top: 20px;
	margin-left: 15%; 
	text-indent: 0; 
	margin-right: 15%;
	/*
	background-color: #5A5855;
	text-shadow: 0px 2px 2px rgba(226, 226, 226, 1);
	*/
	padding: 30px;
	background-color: #bcbcbc;
	/*border-radius: 2px;*/
}
h2,
h3 {
	font-variant: small-caps;
}


/* homepage (currently not used on the bubbaCore active site)*/
div.main {
	color: green;
	border: thin black inset;
	padding: 5px 8px 5px 8px;
	margin-left: 5%;
	width: 100px;
}
a.main {
	color: #5A5855;
	font-family: Eurostile;
	font-size: large;
	text-decoration: none;
}
div.main:hover a {
	color: red;
}


/* feedback */
/* TODO: https://stackoverflow.com/a/44977676/3003133 */
#feedbackform:focus,
#feedbackform input:focus,
#feedbackform select:focus,
#feedbackform textarea:focus {
	border-color: yellow;
	outline-color: yellow;
}

#feedbackform label {
	display: block;
	margin-bottom: 10px;
}

#feedbackform h4 {
	margin-top: 10px;
}

#feedbackform input[type="submit"] {
	margin-bottom: 1rem;
}

/* repsonsive */

@media (max-width: 700px) {
	.header {
		font-size: 16px;
	}
}

@media (min-width: 701px) and (max-width: 919px) {
	.header h1 {
		margin-left: 15%;
	}
}
