/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

/*    latest revision 7/5/2020   */

/******************************************************/
/*                                                    */
/*        Import all of the old CSS                   */
/*        from davis_site.css                         */
/*        5/4/2020                                    */
/*        taken out 6/5/2020                          */
/*                                                    */
/******************************************************/
/*@import "davis_site.css";*/

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

.tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 9px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 3;
}

/*
.w3-container {
  padding:0.01em 16px;
  }
  
.w3-tooltip,.w3-display-container {
  position:relative;
  }
.w3-tooltip,.w3-text {
  display:none;
  }
.w3-tooltip:hover,.w3-text {
  display:inline-block;
  }
  
.w3-badge,.w3-tag {
  background-color:#000;
  color:#fff;
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  text-align:center;
  }
.w3-badge {
  border-radius:50%;
  }
*/

* {box-sizing: border-box;}

.pic_container {
  position: relative;
  width: 50%;
  max-width: 450px;
}

.Pic_image {
  display: block;
  width: 100%;
  height: auto;
  border-radius:30px;
}

.pic_overlay {
  position: absolute; 
  height: this.80%;
  top:inherit;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 80%;
  left: 10%;
  transition: .45s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.pic_container:hover .pic_overlay {
  opacity: 1;
}

.Random_body {
  background-image:url('spring.png');
  }
  
.random_sub_title {
  border: 2px solid;
  width:40%;
  color:#66cc33;
  margin:auto;
  text-align:center;
  }
  
.random_menu {
  position:fixed;
  border: 2px solid;
  width:30%;
  height:auto;
  right:15px;
  top:190px;
  font-size:20px;
  background-color:#eeffc8;
  }
  
.random_menu ul li a {
  color: black;
  background-color:#eeffc8;
  }
  
.random_menu a:hover {
  color:red;
  }
  
.news_paper_notice { 
  position: relative; 
  font-family: courier, arial, helvetica; 
  font-size: 12pt; 
  font-weight: normal; 
  font-style: normal; 
  text-align: justify; 
  color: #000000; 
  background-color: #ffffff; 
  border-left: 1px solid #606060; 
  border-right: 1px solid #606060; 
  padding: 7px;  
  width:500px;
  left:10%;
  }
  
.news_paper_notice a {
  font-family:'times new roman';
  color:blue;
  }

/******************************************************/
/*                                                    */
/*        MENUS ITEMS                                 */
/*        added 27/1/2020                             */
/*                                                    */
/******************************************************/
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #111;
  overflow: hidden;
  width: 100%;
  background-color: #ada;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #ddd;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
/*          END MENU ITEMS                     */

/******************************************************/
/*                                                    */
/*        Greg ITEMS                                 */
/*        added 27/1/2020                             */
/*                                                    */
/******************************************************/

.greg-photo {
  position: relative;
  width: 60%;
  left: 20%;
  height: auto;
  /* opacity: 0.6; */
 }
 
 .gp {
  border-radius: 25%;
 }
 
.greg-header {
  color: black;
  font-size:xx-large;
}

.greg-anounce {
  color: black;
  font-size:large;
}

.new-family
   { 
   background-image:url('light-grey-terrazzo.png');
   background-color: #c8f0b0;
   color: #666666; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   padding: .5em; 
   text-align: center; 
   text-decoration: none; 
   }

.pict_text
   { 
   background-image:url('country-quilt.png');
   background-color: #c8f0b0;
   color: #666666; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   padding: .5em; 
   /* text-align: center; */ 
   text-decoration: none; 
   }

.sharon
   { 
   background-image:url('sls1.jpg');
   background-color: #c8f0b0;
   color: #666666; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   padding: .5em; 
   text-align: center; 
   text-decoration: none; 
   }

/******************************************************/
/*                                                    */
/*        following added 28/3/2020                             */
/*                                                    */
/******************************************************/

#wrapper { clear: both; }
div#contentw { float: right; width: 720px; }
.contentz { 
   position: static;
   width: 75%;
   margin-left: 15%; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   font-size:large;
   padding: .5em; 
   }
#mainpage #header h1 { padding-bottom: 0; }
div#container { margin: 0 auto; width: 1000px; } /* was 900 */
#menubar { clear: both; padding-bottom: 1px; }
#headerw { float: left; width: 300px; }
#header { height: 95px; overflow: hidden; padding: 1px 0 1px 0; }
div#subtitle { font-size: small; margin: 0; padding: 0 0 0 2px; }
#subtitle { font-size: medium; font-weight: normal; padding-bottom: 10px; }
.stretch { clear: both; }
ul.menubar { float: left; margin: 0; padding: 0; text-align: left; }
ul.menubar li { float: left; }
ul.menubar li a { background-color: #ffffff; color: #cc0000 !important; display: block; float: left; font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif !important; font-style: normal !important; font-weight: normal !important; padding: 3px 6px; margin-right: 2px; text-decoration: none !important; }
ul.menubar li a:hover { background-color: #ffffff; color: #cc0000 !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; }
ul.menubar li.inactive a { background-color: #ffffff; color: #666666 !important; font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; }
ul.menubar li.inactive a:hover { background-color: #ffffff; color: #666666 !important; text-decoration: none !important; }


/*          END Greg ITEMS                     */

/******************************************************/
/*                                                    */
/*        following grid and container items          */
/*          added 1/4/2020                            */
/*                                                    */
/******************************************************/

.davis-grid-container {
  display: grid;
  /*  grid-template-columns: auto auto; */
  background-color: #219613;
  padding: 1px;
}
.davis-grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  font-size: 20px;
  text-align: center;
}

.stat_body {
  width: 80%;
  background-color: #D3E3D3;
 }

.stat_start {
  width: 600px;
  /* height: 600px; */
  background-color: #FFF4DF;
  clear: both;
  position: absolute;
  top: 100px;
  left: 200px;
  padding-left: 5%;
}

.stat_start input {
  width: 50%;
  clear: both;
}

/******************************************************/
/*                                                    */
/*      image items added 17/4/2020                   */
/*                                                    */
/******************************************************/

div.images {
  width: 80%;
  left: 10%;
}

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 280px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

/******************************************************/

.awsn-personal-info{display:block}

.awsm-personal-info span{
text-transform:uppercase;
font-size:.815em;
line-height:1.4;
display:block}

.awsm-personal-info{padding-top:20px}

.awsm-personal-info{
display:inline-block;
width:calc(100% - 1px);
vertical-align:middle;
font-size:16px}

.awsm-personal-info{
position:relative;
margin-bottom:15px}

.awsm-personal-info span{
font-size:14px}

.awsm-personal-info h3{
font-size:18px;
margin:0 0 5px;
line-height:1.1}

.awsm-grid-card{
float:left;
width:25%;
padding:0 15px;
margin:0 0 30px;
clear:none}

.awsm-grid-card{
width:33.33%}

.awsm-grid-card{
padding:0;
float:none;
display:inline-block;
margin-bottom:0;
vertical-align:top}

.awsm-grid-card>a{
position:relative;
display:block;
outline:0;
color:#111;
font-size:16px}

.awsm-grid-card a:hover figcaption{
transform:scale(1);
display: block;
-webkit-transform:scale(1);
-moz-transform:scale(1);
opacity:1}