body {color: #424242; font-size: 15px; padding-top: 7.3rem;}
body#page-home #sitenav {border-bottom: none;}

#sitenav {border-bottom: 1px solid #ccc;}

h1 {color: #033f63;}
h2 {color: #40a3b7;}
h4 {color: #ec751f;}
a {color: #B0B0B0;}
a:hover {color: #909090;}
a.linkNotice {color: #ec751f;}
a.linkNotice:hover {color: #ec751f;}

.lh-condensed {line-height: 1.25;}

.good {background-color: #2d994c; color: white;}
.bad {background-color: #b6182b; color: white;}

.jumbotron h1 {color: #033f63;}
.jumbotron p {color: #555;}
.jumbotron {background-image: linear-gradient(60deg, #7395ae 0%, #b1a296 70%);} /* 088OverSun.png */

.lot { opacity: .3; position: relative; top: -32px; height: 300px; background: #5d5c61 url(https://www.hernandosun.com/sites/default/files/IMG_20191122_202059_1%20%281%29_0.jpg) no-repeat center -700px; background-size: 130%; background-blend-mode: luminosity;}

.form-control {border-color: #7395ae;}
.btn {color: black;}
.btn-primary {background-color: #557a95; border-color: #7395ae; color: #ffffff !important;}
.btn-primary:hover {background-color: #003b5c; }
.btn-outline-primary {background-color: white; border-color: #7395ae; color: #000000 !important;}
.btn-outline-primary:hover {background-color: #557a95; border-color: #7395ae; color: #ffffff !important;}
.btn-default {color: #30617f; border-color: #bacad4;}

.card {min-width: 250px;}
.card:hover {background-color: #eeeeee;}
.card.placeholder {border: 0;}
.card.placeholder:hover {background-color: transparent;}

/* navigation bar */
.nav>li>a {padding-top: 80px; padding-bottom: 0px; margin: 0;}
.navbar-nav>li>a {line-height: 40px;}
.navbar-default .navbar-nav>li>a:hover {color: #ec751f; transition: .3s ease-in-out;}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {background-color: #ffffff; color: #2F345C; font-size: 17px;}
.navbar-default {background-color: #ffffff; color: #2F345C;}

.navbar-dark .navbar-nav .nav-link {color: white; opacity: 1;}


/* catalog */
#page-catalog header h2 {margin-bottom: 0; font-weight: bold;}
#page-catalog header p {margin-top: 0; font-size: 24px; line-height: 26px; color: #033f63;}
#page-catalog .row>div>a {color: black; display: block; padding: 15px; margin-bottom: 30px;}
#page-catalog .row>div>a:hover {background-color: #f1f1f1; text-decoration: none;}


/* dashboard */
.center div {text-align: center;}
.datagrid {width: 100%;border: 1px solid #797b80; border-width: 1px 0 0 1px;}
.datagrid th {background-color: #797b80; color: white;}
.datagrid th, .datagrid td {padding: 15px; border: 1px solid #797b80; border-width: 0 1px 1px 0; text-align: center;}
.disabled {background-color: #ddd;}
.datagrid .left {text-align: left;}
.main-data-col {font-weight: bold; color: #033f63;} 

/* big video example */
.bg-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; overflow: hidden;}
.bg-video video {width: auto; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0);}		
.cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: -1; color: white;}


.filterForm {padding: 20px 20px 0 20px; background-color: #eeeeee;}


form.cms .formError {position: relative; color: red;}
form.cms input.formAlert {border: 2px solid red; background-color: yellow; box-shadow: none !important;}


input[type=submit] {padding: 6px 12px; border-radius: 3px; border: 1px solid gray; font-size: 16px;}

.display td, .display th{padding: 5px 10px;}

.odd {background-color: #eee;}
.even {background-color: #f9f9f9;}

.page-item.active .page-link {background-color: #40a3b7; border-color: #40a3b7;}
.page-link {border-color: #40a3b7; color: #40a3b7;}
.page-link:hover {color: #40a3b7;}

#notification {padding: 30px; margin-bottom: 20px; font-size: 21px; line-height: 24px; color: white;}
#notification.error {background-color: red;}
#notification.confirm {background-color: green;}


#adminnav .nav-link {padding: 0 10px; z-index: 2000;}
#contentnav .nav-link {padding: 0 10px;}
.dropdown-menu {z-index: 1001;}

dl.cur dt {margin-left: 30px; display: block; font-size: 20px; margin-bottom: 10px;}
dl.cur dd {margin-left: 60px; display: block; font-size: 18px;}


.developer {color: red;}


/* Mobile */
@media all and (max-width: 1199px) {
}

@media all and (max-width: 999px) {
}

@media all and (max-width: 767px) {
}

@media all and (max-width: 400px) {
.display-2 {font-size: 52px;}
.jumbotron {padding-top: 60px;}
}