/**
 * @file
 * Subtheme specific CSS.
 */

@import url('https://fonts.googleapis.com/css?family=Montserrat|Noto+Serif&display=swap');

body { background:#FFFFFF; color:#010C13; font:1.1em 'Montserrat', sans-serif; }

a, li a { color:#014AA2; text-decoration:underline; padding:2px; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
a:hover, li a:hover, .main-icons a:hover { color:#014AA2; text-decoration:none; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
ul { width:auto; list-style-type:square; margin:35px 0 25px 20px; padding:0; }
li { margin:10px 0 0 35px; padding:10px 0 10px 5px; }
p { margin: 25px 0; }
img { margin:10px; max-width:100%; height:auto; }
.breadcrumb { padding:2px; background-color:#F3F7FA; }

h1, h2, h3, h4, h5, h6 { margin:5px 0; padding:10px 0; font-weight:bold; line-height:1.5em; font-family:'Noto Serif', serif; color:#013D36; }

h1 { font-size: 1.85em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.03em; }
h6 { font-size: .85em; }

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width:100%; padding:0 15px; margin:0; }
.row { margin:0; }


#navbar-main { flex-flow:wrap; background:#055A8E; }
#navbar-top { background:#464D59; height:45px; font-size:.8em; }
#navbar-top a { color:#FFFFFF; text-decoration:none; font-size:.8em; }

#block-ec2021-account-menu .contextual a { color:#464D59; }
#block-ec2021-account-menu .contextual a:hover { text-decoration:underline; }

.navbar { padding:0; }
.navbar-brand { font-size:1.8em; text-decoration:none; font-weight:bold; }
.navbar-brand img { width:70px; height:auto; margin:0; }
.navbar-expand-md { justify-content:safe; }
.navbar-nav { margin:0; padding:0; }

.navbar-expand-md .navbar-collapse a:hover, .navbar-brand a:hover { background:#005994; text-decoration:underline;  }
.navbar-dark .navbar-nav .nav-link { color: #FFFFFF; text-decoration:none; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color:#FFFFFF; text-decoration:underline; }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-toggler { border-color: rgb(255, 255, 255); }

.navbar a { text-decoration:none; }
.navbar a:hover { text-decoration:underline; }

li.dropdown-item { margin:8px 0; padding:10px 15px; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color:#F3F7FA; }
.region-secondary-menu .clearfix.nav.flex-row { margin: -18px 0; }
.region-secondary-menu .nav-item { margin: -15px 0; }

.sidebar .block { padding:15px; width:auto; text-align:left; color:#000000; border-radius:10px; border-style:none; }

.btn { color:#FFFFFF; background-color: #014AA2; }
.btn:hover { color: #FFFFFF; background: #940019; }

#block-eriegovhome { margin:-32px 0 0 0; }
#block-eriegovhome img { width:37px; height:auto; }

#block-views-block-hero-featured-block-1, #views-bootstrap-hero-featured-block-1 { background: #01083D; margin:auto auto; }
.field-content.heropic { margin: auto auto; padding: 20px 0; }
.field-content.heropic img { width: 100%; height:280px; }
#views-bootstrap-hero-featured-block-1 .views-field-title { margin:-100px 0 0 0; position:absolute; z-index:1; opacity:.8; }
#views-bootstrap-hero-featured-block-1 .views-field-title a { font-size:1.5em; color:#FFFFFF; text-decoration:none; background:#01083D; }

.field--name-field-date { margin: 0 0 15px 0; font-size: .8em; color: #013D36; }
.field--name-changed { font-style: italic; font-size: .7em; float: right; }

.newsitem { padding: 15px 10px 25px 5px; }
.newsitem .views-field-title { font-weight:bold; font-size:1.3em; }
.newsitem .views-field.views-field-field-body { margin:20px 0 0 0; font-size:.9em; }


#block-views-block-featured-cards-block-1 { background: #013D36; padding:30px 0; margin:0 0 30px 0; }
.cardpic img { width: 100%; height: 300px; object-fit:cover; }

#block-views-block-featured-cards-block-1 .views-field-body, #block-views-block-featured-cards-block-1 .views-field-field-description, #block-views-block-featured-cards-block-1 .views-field-title, #block-views-block-featured-cards-block-1 .views-field-view-node { background:#FFFFFF; padding:10px; text-align:center; }
#block-views-block-featured-cards-block-1 .views-field-title { margin:-20px 0 0 0; }
#block-views-block-featured-cards-block-1 .views-field-title a { font-size:1.4em; color:#055A8E;  text-decoration:none; }
#block-views-block-featured-cards-block-1 .views-field-field-link, #block-views-block-featured-cards-block-1 .views-field-field-link-1 { text-align:center; background:#FFFFFF; padding:15px; margin:-25px 0 50px 0; }
#block-views-block-featured-cards-block-1 .views-field-field-link a, #block-views-block-featured-cards-block-1 .views-field-field-link-1 a { color: #014AA2; text-decoration:none; border: 2px solid #014AA2; padding: 5px 20px; font-size: 1.1em; background: #FFFFFF; }
#block-views-block-featured-cards-block-1 .views-field-field-link a:hover, #block-views-block-featured-cards-block-1 .views-field-field-link-1 a:hover { background: #014AA2; color: #FFFFFF; }
#block-views-block-featured-cards-block-1 .views-field-view-node { margin: 0 0 20px 0; }

#block-views-block-featured-cards-block-1 .field--name-field-media-oembed-video { text-align: center; }


.front-page-commish { margin:20px 50px; }
.front-page-commish-pic { background:#940019; text-align:center; margin:50px -30px 0 0; padding:10px; }
.front-page-commish-text { border:45px solid #055A8E; padding:100px; }
.front-page-commish-pic a { color: #FFFFFF; font-size: 1.2em; text-decoration: none; font-weight: bold; }
.front-page-commish-pic a:hover { color: #FFFFFF; text-decoration: underline; }
.front-page-commish-pic img { width:70%; height:auto; }
.field--name-field-commissioner-name { clear:left; }

.site-footer { font-size:1em; font-family:'Montserrat', sans-serif; }
.site-footer .content, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color:#FFFFFF; }
.site-footer .block { border:none; }
.site-footer li { margin:0; padding:0; }
.site-footer .content li a { border-bottom:none; }
.site-footer .fontawesome-icon-inline { font-size:1.5em; }
.site-footer .content a, .site-footer .content a.is-active { color:#FFFFFF; color:rgb(255,255,255); }
.form-control { width:auto; }
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { width:auto; }
.container-inline div, .container-inline label { display: -webkit-box; }
.custom-select { width:auto; }
a.tabledrag-handle .handle { width: 25px; height: 25px; }

table tr th, .table th, .table thead th { background:#01263D; }
.table-striped tbody tr:nth-of-type(odd){ background-color:rgba(248, 252, 250); }
.table-hover tbody tr:hover{ color:#010C13;background-color:rgba(249, 248, 252); }
.table > :not(caption) > * > * { background-color:none; }

label { font-size:1.25em; }

.empty-space { margin:30px 0; clear:both; }
.clear-both { clear:both; }
.clear-right { clear:right; }

.intro-text { text-align:center; font-size:1.45em; display:block; margin:50px; }
.accent-text { color:#940019; font-weight:bold; font-size:1.35em; }
.quote-text { color: #000000; margin: 45px 85px; background: #F3F7FA; padding: 50px; }
.image-left { float:left; margin:10px 10px 10px 5px; }
.image-right { float:right; margin:10px 5px 10px 10px; }
.front-page-large-text { font-size: 1.35em; }
.img-circle { border-radius: 50%; margin:10px; }
.rounded-button { text-align:center; display:flex; margin:10px 35px; position:relative; }
.rounded-button a { text-decoration: none; border: 2px solid #11237E; background:#11237E; color:#E6E6E6; border-radius:50px; padding:10px 15px; }
.rounded-button a:hover { background:#E6E6E6; color:#11237E; border: 2px solid #052DBD; }

/* .field--name-field-media-oembed-video { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } */
/* .media-oembed-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } */
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.gsc-control-searchbox-only.gsc-control-searchbox-only-en { width:100%; margin:-15px 0 0 55px; }
table.gsc-search-box td, .gsc-input-box { border: none !important; }
.gsc-input table { border-collapse:unset !important; }
#gs_tti50, .gsib_b { background:#FFFFFF !important; }
.gsc-input { font-size:12px; }

.form-required::after { display:inline-block; margin-right:0.15em; margin-left:0.15em; content:"*"; color:#dc2323; font-size: 1.1em; }

.js-form-item-feed-me { visibility: hidden; }

@media only screen and (max-width: 768px) {
.gsc-control-searchbox-only.gsc-control-searchbox-only-en { width:100%; margin:0; }
.navbar-brand { font-size:1em; }
.navbar-brand img { width:35px; }
.sidebar .block ul li { margin:0; }
.intro-text { font-size:1.1em; margin:5px; }
.front-page-commish { margin:0; }
.front-page-commish-pic { margin:0; }
.front-page-commish-pic a { font-size:1em; }
.front-page-commish-text { padding:10px; border:15px solid #055A8E; }
#block-views-block-featured-cards-block-1 .views-field-field-link a, #block-views-block-featured-cards-block-1 .views-field-field-link-1 a { padding:5px; }
#block-views-block-featured-cards-block-1 .views-field-title a { font-size:1.2em; }
}

