body {
}

table {
	table-layout: fixed;
	width: 100%;
	font-size:25px;
	padding: 15px;
}

td {
	min-width: 300px;
}

td, tr{
	font-size:25px;
}

td button {
	font-size:20px;
}

label {
	display: block; 
}

div.master{
  position: relative;
  padding-right: 15%;
  padding-left: 15%;
  padding-top: 10px;  
  padding-bottom: 30px;
}
div.middle {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  position: relative;
  font-size: 20px; 
  margin-bottom: 20px; 
  /*This overflow as a big issue for safari on small screens for some reason*
   For some reason the "Internet Church" label goes into the <div class="middle" when this is commented out
   * /
  /*overflow: auto;*/ 
}

div.login {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  position: relative;
  font-size: 20px;
  margin-bottom: 21px;
  overflow: auto;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 21px;
  padding-bottom:21px;
}

.inblock {
	position: relative; 
	padding-left: 10px; 
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;	
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  """background-color: #2383;"""
}


li {
  float: right;
}

li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  font-size:17px;
  font-weight:bold;
}

li a:hover {
  background-color: #111;
  color: white;
}

.small_screen {
    display:none;
}
.large_screen {
    display:block;
}


.heading{
  float:left; 
  color: black;
  text-align: center;
  padding: 13px 16px;
  text-decoration: none;
  font-size:18px;
  font-weight:1000;
}

.logo_main {
	width:205px;
	top: 0;
	left:0;
}


.urls {
	font-size:23px;
}


.status_block_bold {
	display:inline-block;
	font-size:0.54em;
	width: 270px;
	font-weight:bold;
}

.status_block {
	display:inline-block;
	font-size:0.54em;
	width: 75px;
}


ul.about {
  list-style-type: circle;
}


li.about {
  text-align:left; 
  float:none; 
}


.form-row {
  display: flex; /* Arranges form groups in a line */
  gap: 20px; /* Adds space between form groups */
  padding-bottom:10px; 
}

.form-group {
  display: flex; /* Arranges label and input vertically */
  flex-direction: column;
}

.form-group label {
  margin-bottom: 5px; /* Adds space between label and input */

}

.form-group input[type="select"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}


.search_bar {
	display:inline;
	font-size:25px;
	width:337px;
	padding-right:20px;

}

select {
	font-size: 25px;
}
select option {
	font-size: 25px;
}

@media screen and (max-width: 900px) {
	   div.master {
	        padding:0px;
	    }
	    .grid-container{
               grid-template-columns: auto;
	    }
	    div.login{
		width:95%;
	    }
	    table, thead, tbody, th, td, tr {
    		display: block;
	    }
	    .logo_main {
		width:200px;
		height:65px;
	    }
	    .heading {
		    text-align:left;
		    width:100%;
		    padding: 17px 7px;
	    }
	    li {
		  float: left;
		  width: 190px;
	    }

	    li a {
		  display: block;
		  color: black;
		  text-align: center;
		  padding: 10px 6px;
		  text-decoration: none;
		  font-size:16px;
		  font-weight:bold;
		}
	    .small_screen {
		    display:block;
	    }
	    .large_screen {
		    display:none;
	    }
	 #sermon_video { 
		 width: auto;
	 	height: auto;
	 }
}


.feed_div { 
	padding:10px;
	position:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.contact_textarea{
	background-color:white;
	width:70%;
	height:59%;
	font-size:23px;
}

.contact_table {
	padding-top:10px;
	padding-left:10px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Hamburger menu*/
.menuItem {
  display: block;
  margin: 2rem 2rem;
  font-size: 18px;
  color: white;
  text-decoration: none;
}

.menuItem:hover {
  background-color:white;
  color:black;
}

.hamburger {
  position: relative;
  z-index: 100;
  top: 0rem;
  right: -6px;
  bottom: 2px;
  padding: 4px;
  border: black solid 1px;
  background: white;
  cursor: pointer;
  margin-bottom:5px;
  margin-left:5px; 
}

.closeIcon {
  display: none;
}

.menu {
  position: fixed;
  transform: translateY(-100%);
  transition: transform 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: black;
  color: white;
  list-style: none;
  padding-top: 9rem;
  padding-bottom:2rem;
}

.showMenu {
  transform: translateY(0);
}

.inputs {
	font-size: 18px;
}

.summary { 
	border-style: none;
	border-color: Transparent;
	overflow: auto;
	font-size: 18px;
	width: 90%; 
}

.summary_create { 
        border-color: black;
        overflow: auto;
        font-size: 18px;
        width: 90%;

}

.search_button { 
	display:inline;
	font-size:25px;
	background-color:white;
}




/*End of Hamburger Menu*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/





/*
@font-face {
  font-family: 'gabriele';
  src: url('fonts/odin-rounded/Odin-Regular.otf') format('truetype');
}

* {
	font-family:gabriele;
	font-size:28px;
	font-weight: 900;
}
*/