/* 
	CSS Style Support for Font Familys,Font Sizes, Margins, Borders, Padding, Image Heights and Widths,
	Background colors, Font Colors, Positions and more! Naming conventions are self explaining.
	Created by Dean Stanley-Hunt 08/2018!
*/

/* All other styling starts */
input {
    border: 1px solid #ccc;
    padding: 0.2em;
    font-size: 1em;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.75);
    margin-bottom: 0.2em;
}
input:focus {
    border-color: #3964fc;
}
input[type="button"] {
    border-radius: 10px;
    border: 1px outset #666;
    cursor: pointer;
    padding: 0.8em 1em;
    background-color: #def;
}
input[type="button"]:hover {
    border-style: inset;
}
input[type="submit"] {
    border-radius: 10px;
    border: 1px outset #666;
    cursor: pointer;
    padding: 0.8em 1em;
    background-color: #def;
}
input[type="submit"]:hover {
    border-style: inset;
}
button[type="submit"] {
    border-radius: 10px;
    border: 1px outset #666;
    cursor: pointer;
	padding: 0.8em 1em;
	color: #DDCC06;
    background-color: #0056AD;
}
button[type="submit"]:hover {
    border-style: inset;
}

.mymargincenter {
    margin-left: auto;
    margin-right: auto;
}

.myheadertext{
	color:black;
	font-family: 'Courgette', cursive;
}

.mynav{
	background-color: #0056AD;
}

.myinnerview{
	background-color:white;
	margin-top: 80px;
	margin-bottom: 30px;
	padding:10px;
}

.mysilverbg{
	background-color:silver;
}

.myinfo {
	padding:10px;
	border:0px black solid;
}

.myh-80 {
	height: 80%;
}

.myinfoborder {
	padding:7px;
	border:1px grey solid;
}

.mypadding{
	padding-left:10px;
	padding-right:10px;
}

.myverticalmidbox{
	position:absolute;
	display: table;
	height:100%;
	width:100%;
}

.myverticalmid{
	display:table-cell;
	vertical-align:middle;
}

.myhide{
	display:none;
}

.myinfoimage{
	background-color:white;
	height:200px;
}

.myinfoimagestacked{
	background-color:white;
	height:200px;
}

.myinfotext{
	margin: auto;
	color:black;
	font-family: 'Roboto', cursive;
	max-width: 650px;
}

.myfooter {
	padding:1px;
	border:0px black solid;
}

.myborder {
	border:0px black solid;
}

.nopadding{
	padding:0px;
	padding-left:0px;
	padding-right:0px;
}

.myslide {
	background-color:white;
}

.myslideimage{
	height:500px;
}

.ahref{
	color: #007bff; 
}

.myyellow{
	color: #DDCC06; 
}

.myslidetext{
	color:red;
	font-family: 'Shrikhand', cursive;
}

.mycenter{
	text-align: center;
}

.mygallerylarge {
	background-color:white;
	height:550px;
}

.mygallerysmall {
	background-color:white;
	height:275px;
}

.nav-link{
	color:white !important;
}

.mygallerysmalltext {
	background-color:white;
    height:275px;
}

.mygallerytext {
	color: black;
	font-family: 'Courgette', cursive;
	font-size:x-small;
}

.mygalleryimages{
	width:100%;
	height:100%;
}

.mysocialmediaimages{
	background-color:white;
	width:50px;
	height:50px;
}

.myform {
    padding:10px;
	border:0px black solid;
	background-color:silver;
}

.myformtextbox {
    width:95%;
    max-width:180px;
}

.myscrollybox {
	height:300px;
	overflow-y: scroll;
}


.myshadow {
	box-shadow: 0px 0px 5px 0px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.mygooglemap{
	height:400px;
	margin:auto;
}

#map {
	height:100%;
    width:100%;
}