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

/* NAVBAR 
------------------------------------------------------------------*/
.navbar { background: #fafafa; margin: 0 0 0 0; border: 0; }

/* 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;}

/* 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: 80%;}
.text-3     {color: #3C7CBB;}
.active     {font-size: 120%;}



/* 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; }