﻿/* Custom CSS for 'FDOT Cell Webpages' Themed by Bootstrap v3.1.0 (http://getbootstrap.com)
Author: Marlon Dunn
Date: 4.18.2019
Copyright 2019-20xx
*/


/* Global Styles */
/*============================*/

/*** navbar styling ***/
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
}
nav li {
   /* float: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 25%;*/    
}
nav li ul li {
    float: none;
    width: 100%;
    top: 10px;
}
nav li ul {
	float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav a {
    color: #fff;
    display: block;
    padding: 0 25px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
nav li:hover a {
	white-space: nowrap;
	color:#fff;
	background-color: #1F4283; 
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box;
}
nav li ul a:hover {
    background-color: #D72E2A; 
}
.navbarheading {
   font-size: 27px;
   margin-bottom: 10px; 
}

/*** navbar sub-menu styling ***/
nav ul li:hover > ul{display:block; top:auto;}
nav ul li ul li a{white-space: nowrap; line-height:25px;}
nav ul li ul li ul{position:absolute; top:0px; left:100px; display: none; background-color: #e9e9e9; width:280px;}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: middle;
    width: 0;
}

/*** body margin spacing from top navbar menu ***/
.margintopspacing {
	margin-top: 80px;
}
nav .cwpmenudropdown:after {
    /*content: ' ▶';*/
}
nav .cwpmenudropdown:hover:after{
	/*content:'\25bc'*/
}

/* sub-category indenting */
.indentsubcategory {
    margin-left: 14px;
}

/*** table styling ***/
table {
    /* center aligns table */
	display: block;
    margin-right: auto;
    margin-left: auto;
}

table td {
    /* table data styling */
	float:none;
	width: 20%;
	height: 24px;
	padding: 5px;
	padding-left: 10px;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #e8eced; 
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
}
table td:hover {
   /* table data hover styling */
	color: #fff;
	background-color: #33CCCC;
}

/* small font container */
.container-small {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	font-size: small;  
}

.structContainer {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}

/* lower the positioning of the footer */
.lowerfooter {
	margin-top: 200px;
}