/* main.css
/* used with bootstrap sites
*/

/* HEADER 
===============================================================*/
  .header {
            background-image: url('https://davistech.org/images/108.jpg'); 
            background-size: cover;
            background-position: center;
            height: 25vh;
            color: white;
            position: relative;
        }
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0); /* Overlay for better text visibility */
        }
/* NAVBAR 
===============================================================*/
.navbar { background: #fafafa; margin: 0 0 0 0; border: 0; }

/* Simple scalable breadcrumb by Veerle Pieters
===============================================================*/

#crumbs { height:2.0em;	border:0px solid #dedede;	}
#crumbs li { float:left;	line-height:1.0em;	color:#777;	padding-left:.2em;
	list-style-type: none; }
#crumbs li a {
	background:url(http://ocalamug.org/images/crumbs.gif) no-repeat right center;
	display:block;	padding:0 15px 0 0;	}
#crumbs li a:link,
#crumbs li a:visited {	color:#004893; text-decoration:none;	}
#crumbs a:link,
#crumbs li a:hover,
#crumbs li a:focus { color:#dd2c0d;	}

/* @group General
===============================================================*/
.jumbotron {height: 100; margin: 0 0 0px 0;}
.yellow {background-color: yellow;}
.black {background-color:black;}
.h-100 {height: 100px;}
.h-120 {height: 120px;}
.h-150 {height: 150px;}
.text-1 {color: #06FDEC}
.text-2 {color: #98EBEE;}
.card-body {text-align: left;}
.center {text-align: center;}
.fluid { padding-right: 0;	padding-left: 0; border-radius: 0; }
.fafafa {background-color: #fafafa;} 
.br {border-right: 1px solid black}


/* @group links
===============================================================*/
a:link    		{ 	color: #3679B8; text-decoration: none; }
a:visited 		{ 	color: #3679B8; text-decoration: none; }
a:active  		{ 	color: #3679B8; text-decoration: -moz-none: <##>;; }
a:hover   		{ 	color: maroon; text-decoration: underline; }

/* @group tables
===============================================================*/
table 			{ width: 100%; border: 1px solid #ddd; }
table			{ font-size: 90%;}
td 				{  vertical-align: top; }
td.55 			{ width: 55% }
th, td 			{  border-bottom: 1px solid #ddd;  padding: 5px; }
tr:nth-child(even) {background-color: #f2f2f2;}
tr:hover 		{background-color: #f5f5f5;}


/* feature section
===============================================================*/

.feature 				{ position: relative; }
.feature img 			{ width: 100%; }
.feature-text 			{ position: absolute; top: 0; bottom: 0; font-size: 0; }
.feature-text:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: bottom; 	}
.feature-text h1 		{ display: inline-block; text-align: left; vertical-align: bottom; width: 100%;background: rgba(74, 82, 95, 0.2); border-radius: 10px; color: white;font-size: 48px; padding: 3%; line-height: 80px; }

/* davistech.org; ztechzone.org
===============================================================*/

.fa         {background: #fafafa}
.fb         {background: #fbfbfb}
.c1         {background-color: #ECECEC;} 
.c2         {background-color: #EEEEED;}
.ee 		{background-color: #eeeeed;} 
.ex1        {border: 1px solid black; padding-right: 10%;}
.line-sm    {line-height: .8em;}
.small      {font-size: 90%;}
.text-3     {color: #3C7CBB;}
.active     {font-size: 120%;}