@import url('bootstrap.css');
@import url('bootstrap-datetimepicker.css');
@import url('typeahead.css');
@import url('lightbox.css');


/***** Miscellaneous *****/

body{background:#eee;}

a {color:#08c;}

p {font-size:100%; line-height:1.6em;}

.checkbox .checkbox{margin-left:20px;}

/* .caret {display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #eee; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "";}

.right-caret {display:inline-block; width:0; height:0; vertical-align:top; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:4px solid #eee } */

.biline{font-style: italic;}

#content .main p, #content .main ul, #content .main ol, #content .main .carousel-indicators li{padding-top:0;}
tr.warning td{color:#333;}


/***** Callouts *****/

.bs-callout {margin:20px 0; padding:15px 30px 15px 15px; border-left:5px solid #eee; }

.bs-callout h4 {margin-top:0;}

.bs-callout p:last-child {margin-bottom:0; border-color:#f0ad4e;}

.bs-callout code, .bs-callout .highlight {background-color:#fff;}

.bs-callout-danger {background-color:#fcf2f2; border-color:#d9534f;}

.bs-callout-default {background-color:#fcfcfc; border-color:#eee;}

.bs-callout-info {background-color:#f0f7fd; border-color:#5bc0de;}

.bs-callout-warning {background-color:#fefbed; border-color:#f0ad4e;}

.bs-callout-primary {background-color:#cce5ff; border-color:#b8daff;}

.bs-callout-success {background-color:#c4ffa9; border-color:#37ad00;}

.bs-callout-light {background-color:#f0f1f3; border-color:#d6d8db;}

.bs-callout-dark {background-color:#B7FAF5; border-color:#71EAE1;}

.bs-callout-yellow {background-color:#FDFF61; border-color:#f0ad4e;}


/***** Font Awesome (Modifications) *****/

a.fa{text-decoration:none;}


/***** Carousel Captions *****/

.carousel-caption {left:25px; right:auto; bottom:50px;}

.carousel-caption.left {left:25px; right:auto;}

.carousel-caption.right {right:25px; left:auto;}

.carousel-caption h3 {display: inline-block; padding:5px; background:#2c3e50; font-size:24px;}

.carousel-caption h3.orange{background:#ed6f00;}

.carousel-caption h3.red{background:#8c2c20;}

.carousel-caption h3 a{color:#fff; text-decoration:none;}

@media (min-width:700px){

    .carousel-caption h3 {font-size:38px;}

}


/***** General Structure *****/

.inner{width:100%; margin:0 auto;}

#content {margin:0 auto; background:#fff; padding:10px;}

#footer{width:100%; height:200px; color:#ddd;}

@media (min-width:700px){

    .inner{width:100%;}

}

@media (min-width:980px){

    .inner{width:960px;}

    #content #news .article h2{margin-top:15px;}

    #content #news .article.main h2{margin-top:0;}

    #content #news .article{margin:10px 0;}

}

@media (min-width:1080px){

    .inner{width:1040px;}

}


@media (min-width:1180px){

    .inner{width:1080px;}

}

@media (min-width:1480px){

    .inner{width:1140px;}

}

/***** Header *****/

#header{position:relative; width:100%; margin:0 auto; background:#1e3932;} /* or #2c3e50 */

#header .inner{position:relative;}

#header #heading{position:relative; width:100%; height:130px;}

#header .byline{display:none;}

#header #translate{display:none;}

#header #heading h1.title{position:absolute; top:15px; left:0; margin:0; text-indent:-9999px;}

#header #heading h1.title a{display:block; width:350px; height:100px; background:url('../img/logo-v2.png') no-repeat; background-size:100%; }

@media (min-width:700px){

    #header {height:220px;}

    #header #translate {display:block; position:absolute; top:50%; right:10px; margin-top:-15px; color:#eee; font-weight:normal; }

    #header #translate a{line-height:30px; padding:5px 0 5px 32px; color:#fff; background:url('https://www.bgky.org/img/original/30/8rzoUEDS.png') no-repeat left center}

}

@media (min-width:980px) {

    #header {height:175px;}

    #header .byline span.extra{display:inline;}

}


/***** Social Media Icons *****/

#header #social-media{display:none;}

@media (min-width:950px) {

    #header #social-media{display:block; position:absolute; top:50%; margin-top:-15px; right:150px;}

    #header #social-media li{display:inline-block;}

    #header #social-media a.icon{display:block; width:30px; height:30px; text-indent:-9999px; background:url('../img/social-media-icons.png');}

    #header #social-media a.twitter{background-position:0 0;}

    #header #social-media a.facebook{background-position:-30px 0;}

    #header #social-media a.youtube{background-position:-60px 0;}

    #header #social-media a.wordpress{background-position:-90px 0;}

    #header #social-media a.sms{background-position:-120px 0;}

    #header #social-media a.email{background-position:-150px 0;}

    #header #social-media a.instagram{background-position:-180px 0;}

    #header #social-media a.translate{background-position:-210px 0;}

}


/***** Main Navigation *****/

#header .nav-toggle{position:absolute; top:50%; right:20px; margin-top:-12px; width:24px; height:24px; text-indent:-9999px; background: url('../img/menu.png'); cursor:pointer;}

#header #main-nav{background:#eee; border-bottom:1px solid #aaa; display:none;}

#header #main-nav ul.nav{display:block; width:100%; margin:0;}

#header #main-nav ul.nav li {border-bottom:1px solid #e3e3e3; margin:0; border-left:1px solid #f1f1f1; border-right:1px solid #e3e3e3;}

#header #main-nav ul.nav li a{font-size:14px; line-height:150%; padding:20px 15px; color:#333;}

#header #main-nav ul li.menu-dropdown{position:relative; z-index:3;}


#header #main-nav ul li.menu-dropdown ul{display:none;}

#header #main-nav #search-box{line-height:68px; margin:0 auto; padding:20px 15px;}

#header #main-nav #search-box input{vertical-align: middle;}

#header #main-nav #search-box button{vertical-align: middle;}

#header #main-nav #search-box span.twitter-typeahead{width:auto;}

#header #main-nav #search-box input{display:inline-block; width:auto;}

#header #main-nav #search-box .search-btn{display:inline-block;}

@media (max-width:780px){

    #header #main-nav ul li.menu-dropdown a .caret{display:none;}

}


@media (min-width:400px){

    #header #main-nav #search-box{text-align:center}

}

@media (min-width:700px){

    #header .nav-toggle{display:none;}

    #header #main-nav{display:block; height:90px;}

    #header #main-nav ul.nav{display:table; width:100%; height:43px;}

    #header #main-nav ul.nav li{display:table-cell;}

    #header #main-nav ul.nav li a{line-height:44px; text-align:center; padding:0 8px;}

    #header #main-nav ul.nav li:hover a{background:#f8f8f9;}

    #header #main-nav ul.nav li.menu-dropdown:hover a{background:#f8f8f9;}

    #header #main-nav ul.nav li.menu-dropdown ul{position:absolute; top:45px; left:-1px; min-width:250px; max-width:500px; z-index:10; margin:0; padding:5px 0 0 0; display:none; background:#f8f8f9; border:1px solid #ddd; border-top:none;}

    #header #main-nav ul.nav li.menu-dropdown:hover ul li{display:block; line-height:32px; border-bottom:1px dotted #e5e5e5; background:#f8f8f9;}

    #header #main-nav ul.nav li.menu-dropdown:hover ul li a{display:block; height:32px; line-height:32px; text-decoration:none; color:#444; background:#f8f8f9;}

    #header #main-nav ul.nav li.menu-dropdown:hover ul li a:hover{text-decoration:underline;}

    #header #main-nav #search-box{width:450px; line-height:43px; padding:0 8px; }

    #header #main-nav #search-box .search-btn span.text{display:inline;}

}

@media (min-width:980px) {

    #header #main-nav{position:relative; height:45px;}

    #header #main-nav ul.nav{position:absolute; width:70%;}

    #header #main-nav ul.nav li{display:inline-block; border-bottom:none;}

    #header #main-nav ul.nav li a{text-align:left;}

    #header #main-nav #search-box{position:absolute; top:0; right:5px; display:inline-block; width:30%; overflow:hidden;}


}

@media (min-width:1080px) {

    #header #main-nav ul.nav li a{text-align:left; padding:0 10px;}

    #header #main-nav #search-box{width:300px; padding:0 10px;}

}


/***** Featured *****/

#featured {margin:0 auto; background:#1e3932; display:none;} /* or #2c3e50 */

#banners{position:relative; width:100%; height:280px; margin:0 auto; padding:0;}

#banners div.img-1, #banners div.img-2, #banners div.img-3, #banners div.img-4, #banners div.img-5, #banners div.img-6, #banners div.img-7{position:absolute; width:20%; height:50%; padding:0; margin:0; overflow:hidden; border-bottom:1px solid #aaa; border-right:1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#banners div.img-1 img, #banners div.img-2 img, #banners div.img-3 img, #banners div.img-4 img, #banners div.img-5 img, #banners div.img-6 img, #banners div.img-7 img{position:absolute; width:100%; height:100%; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}

#banners div img.transparent{opacity:0;}

#banners div.img-1{left:0; border-left:1px solid #aaa;}

#banners div.img-2{top:50%; left:0; border-left:1px solid #aaa;}

#banners div.img-3{left:20%; width:40%; height:100%;}

#banners div.img-4{top:0; left:60%;}

#banners div.img-5{top:50%; left:60%;}

#banners div.img-6{left:80%;}

#banners div.img-7{top:50%; left:80%;}

@media screen and (min-width:700px){

    #banners{height:280px;}

}

@media screen and (min-width:800px){

    #banners{height:320px;}

}

@media screen and (min-width:980px){

    #banners{width:960px; height:372px;}

    #banners .bottom-border-curved{position:absolute; bottom:0; left:0; width:100%; height:30px; background:url('../img/bottom-border-curved.png'); background-size:100%;}
}

@media screen and (min-width:1080px){

    #banners{width:1040px; height:412px;}

}

@media screen and (min-width:1180px){

    #banners{width:1080px; height:432px;}

}

@media screen and (min-width:1480px){

    #banners{width:1140px; height:455px;}

}


/***** Home Page (City Services)) *****/
#my-services-311 {margin:10px 0; padding:0 0 10px 0; border:1px solid #ccc; background:#eee;}

#my-services-311 h3{text-align:center; color:#333; font-weight:bold;}

#my-services-311 ul{margin:10px 0; padding:0;}

#my-services-311 ul li{list-style-type:none; margin:10px 0; padding:0;}

#my-services-311 ul li a{position:relative; display:block; width:85%; margin:0 auto; padding:20px 15px; font-size:115%; line-height:20px; text-decoration:none; color:#f1f1f1; background:#333 url('../img/right-arrow-white.png') no-repeat 95% center;}

#my-services-311 ul li a:hover{color:#fff200;}

#my-services-311 ul li a .right-caret {position:absolute; top:50%; margin-top:-5px; right:25px; border-bottom:5px solid transparent; border-top:5px solid transparent; border-left:5px solid #f1f1f1; display:none;}

#my-services-311 ul li a:hover .right-caret {border-left:5px solid #fff200; }

#my-services-311 ul li a > span > .right-caret {display:none;}


/***** Home Page (Latest Video) *****/

.latest-video {margin:10px 0; padding:10px; border:1px solid #ccc; overflow:hidden;}

.latest-video img {width:100%}

.latest-video a.video{display:block; position:relative;}

.latest-video a.video div.overlay {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; width:60px; height:60px; background:url('../img/play-video.png') no-repeat center center;}


/***** Home Page (Tabbable Content) *****/

@media (max-width:700px){

    div.tabbable .nav-tabs{display:none;}

    div.tabbable .tab-content .tab-pane{display:block; margin:20px 0;}

}


/***** Home Page (Tabbable Content - Featured / Events / Forms / Department List) *****/

div.tabbable #features {margin-top:10px;}

div.tabbable #features .featured-items .media {clear:both; padding:10px 0;}

div.tabbable #features .featured-items .media img{border:1px solid #ccc;}

div.tabbable #features .featured-links ol{padding-left:20px;}

div.tabbable #features .featured-links li{line-height:28px;}

div.tabbable #events .media{padding:10px 0; margin:10px 0; border-bottom:1px solid #eee;}

div.tabbable #events .media.last{border:none;}

div.tabbable #events .media .media-object.date a{display:block; width:100%; height:100%; text-align:center; font:24px/72px Arial, sans-serif; text-decoration:none;}

div.tabbable #events .media h5.location span.title{color:#999;}

div.tabbable #forms {margin-top:10px;}

div.tabbable #departments {margin-top:10px;}


/***** Footer *****/



#footer .footer-links ul{padding:10px 0 0 10px; list-style:none;}

#footer .footer-links ul li{line-height:36px;}

#footer .footer-links ul li.title{font-weight:bold; color:#333;}

#footer .footer-links ul li a{color:#333;}

#footer .rights-and-privacy-notice{margin:0 10px; padding:10px 0; clear:both;}

#footer .rights-and-privacy-notice p{color:#333;}

#footer .city-hall-drawing img{width:100%;}



/***** Breadcrumbs *****/

.breadcrumb{background-color:transparent; display:none;}

#content .main ol.breadcrumb{padding:5px 0;}

@media (min-width:768px){

    .breadcrumb{display:block;}

}


/***** Department Header *****/

/*h4.department-header{padding-top:50px; padding-left:10px; background:url('../img/department-header-logo.png') no-repeat; border-left:3px solid #444;} */

h4.department-header{color:#666; padding-left:10px; border-left:3px solid #999;}


/***** Sidebar Navigation *****/

.sidebar a.sidenav-toggle{display:block; padding:12px 14px 12px 15%; font-size:115%; cursor:pointer; color:#666; border:1px solid #e5e5e5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#f8f8f9 url(../img/menu-dark.png) no-repeat 5% 50%; text-decoration:none;}

.sidebar .sidenav{background-color:#f8f8f9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.065); -moz-box-shadow:0 1px 4px rgba(0,0,0,.065); box-shadow:0 1px 4px rgba(0,0,0,.065); margin:30px 0 0; padding:0;}

.sidebar .sidenav > li > a{display:block; border:1px solid #e5e5e5; margin:0 0 -1px; padding:8px 14px; color:#666; cursor:pointer;}

.sidebar .sidenav > li:first-child > a{-webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0}

.sidebar .sidenav > li:last-child > a{-webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px}

.sidebar .sidenav > li.active > a{position:relative; z-index:2; border-left:none; border-right:none; text-shadow:0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); padding:9px 15px}

.sidebar .sidenav > li > a .caret{float:right; margin-top:8px; border-top:4px solid #666;}

.sidebar .sidenav > li > a:hover{background-color:#f5f5f5}

.sidebar .sidenav > li.dropdown > ul{padding:0 0 0 10px; list-style:none; display:none; background:#fdfdfd; overflow:hidden; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.sidebar .sidenav > li.dropdown.active > ul{display:block;}

.sidebar .sidenav > li.dropdown.active > ul.contact-information {padding:10px 0 0 25px; background:#fdfdfd; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.sidebar .sidenav > li.dropdown.active > ul.contact-information strong{color:#666;}

.sidebar .sidenav > li.dropdown > ul > li a{display:block; width:100%; color:#666; margin:0 0 -1px; padding:8px 14px; border:none;}

.sidebar .sidenav a:hover .icon-chevron-right{opacity:.5}

.sidebar .sidenav .active .icon-chevron-right,.sidenav .active a:hover .icon-chevron-right{background-image:url(../img/glyphicons-halflings-white.png); opacity:1}

.sidebar .sidenav.affix{top:40px}

.sidebar .sidenav.affix-bottom{position:absolute; top:auto; bottom:270px}

@media (max-width:767px){

    .sidebar .sidenav{display:none; margin:10px 0 0;}

    .sidebar .sidenav li a{font-size:115%; padding:12px 14px;}

}

@media (min-width:768px){

    .sidebar a.sidenav-toggle{display:none;}

    .sidebar .sidenav{display:block;}

}


/***** Main Content Section *****/

#content .main p, #content .main ul, #content .main ol, #content .main li{padding-top:5px; padding-bottom:5px;}

#content .main img{width:100%; padding:10px 0;}

#content .main .thumbnail img{padding:inherit}


/***** Media Styles (Default) *****/

#content .main .media.default{border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin:10px 0;}

#content .main .media.default .pull-left{margin-right:10px;}

#content .main .media.default .pull-left img {padding:0;}


/***** Services Lookup *****/

h4.instructions{padding-top:15px;}


/***** Community Resources *****/

.resource span{display:block;}

.resource span.title{font-weight:bold;}

.resource span.title a{font-weight:bold;}

.resource span.denomination{color:#666;}

.resource-category{padding:10px 0;}

.resource-category h4{padding:0; margin-bottom:5px; text-decoration:underline;}

.resource-category .resource:first-child{padding-top:0; margin-top:0;}


/***** Announcements *****/

.announcement{border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px; margin:10px 0;}

.announcement .title{display:block; color:#999;}

#content .main .announcement img{width:auto; padding:0}

dl.announcement-info{padding:15px 0 0 0;}

dl.announcement-info dt{width:125px; text-align:left; color:#999;}

dl.announcement-info dd{margin-left:0; margin-bottom:5px;}

h4.summary{line-height:28px; color:#555; padding:25px 0;}


/***** Calendar (Grid Layout) *****/

.calendar ul{list-style:none; padding:0; margin:0; clear:both; width:100%;}

.calendar h2.month-browser {margin:20px 0; text-align:center; /*text-transform:uppercase;*/ }

.calendar h2.month-browser a{text-decoration:none;}

.calendar div.calendar-selection {max-width:300px; margin:20px auto;}

.calendar .weekdays{display:none;}

.calendar li{display:block; box-sizing:border-box; width:100%; padding:10px; margin-bottom:-1px;}

.calendar li.calendar-day {border:1px solid #ededed;}

.calendar li.calendar-day .header {text-align:center; margin-bottom:10px;}

.calendar li.calendar-day .alert{font-size:85%;}

.calendar li.out-of-range {display:none;}


@media (max-width:768px) {

    .calendar li{height: auto!important;}

    .calendar li.calendar-day {border:1px solid #ccc;}

}


@media (min-width:768px) {

    .calendar .weekdays{display:block; text-align:center;}

    .calendar li{float:left; width:14.2857142857%; padding:5px; margin-right:-1px; margin-bottom:-1px; border:1px solid #ccc;}

    .calendar li.calendar-day .header {text-align:right; margin-bottom:5px}

    .calendar li.calendar-day .month, .calendar li.calendar-day .day{display:none;}

    .calendar li.out-of-range {display:block; background-color:#f5f5f5; color:#666;}
}


/***** Calendar (Event Info) *****/

.event-info{padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px;}

.event-info span.time, .event-info span.address{display:block;}

.event-info strong{color:#555}


@media (min-width:768px) {

    .event-info span.time, .event-info span.address{display:none;}

}


/* Main Calendar (Gray) */
.calendar-1.event-info{background-color:#e2e3e5; border-color:#d6d8db;}
.calendar-1.event-info a{color:#383d41;}

/* Parks & Recreation (Orange) */
.calendar-4.event-info{background-color:#d9edf7; border-color:#bce8f1;}
.calendar-4.event-info a{color:#31708f;}

/* Public Works (Red) */
.calendar-7.event-info{background-color:#f8d7da; border-color:#f5c6cb;}
.calendar-7.event-info a{color:#721c24;}

/* Downtown Parks (Light Gray) */
.calendar-8.event-info{background-color:#fefefe; border-color:#fdfdfe;}
.calendar-8.event-info a{color:#818182;}

/* Golf Outings & Events (Green) */
.calendar-9.event-info{background-color:#d4edda; border-color:#c3e6cb;}
.calendar-9.event-info a{color:#155724;}

/* Contractor's Licensing Board (Yellow) */
.calendar-10.event-info{background-color:#fff3cd; border-color:#ffeeba;}
.calendar-10.event-info a{color:#856404;}

/* Board of Commissioners (Blue) */
.calendar-11.event-info{background-color:#cce5ff; border-color:#b8daff;}
.calendar-11.event-info a{color:#004085;}

/* Stormwater (Blue) */
.calendar-18.event-info{background-color:#cce5ff; border-color:#b8daff;}
.calendar-18.event-info a{color:#004085;}

/* Riverview (Yellow) */
.calendar-19.event-info{background-color:#fff3cd; border-color:#ffeeba;}
.calendar-19.event-info a{color:#856404;}

/* Russell Sims Aquatic Center */
.calendar-35.event-info{background-color:#d1ecf1; border-color:#bee5eb;}
.calendar-35.event-info a{color:#0c5460;}

/* Neighborhood Events (Purple) */
.calendar-37.event-info{background-color:#e7e4f8; border-color:#c1bae2;}
.calendar-37.event-info a{color:#7163b8;}

/* Community Events */
.calendar-39.event-info{background-color:#dff0d8; border-color:#d6e9c6;}
.calendar-39.event-info a{color:#3c763d;}

/* FREE Convention Center */
.calendar-6.event-info{background-color:#f2dede; border-color:#ebccd1;}
.calendar-6.event-info a{color:#a94442;}

/* Athletics (Orange) */
.calendar-40.event-info{background-color:#d9edf7; border-color:#bce8f1;}
.calendar-40.event-info a{color:#31708f;}

/* Cemetery (Dark Gray) */
.calendar-41.event-info{background-color:#d6d8d9; border-color:#c6c8ca;}
.calendar-41.event-info a{color:#1b1e21;}

/* BGPR - Fitness (Red) */
.calendar-42.event-info{background-color:#f8d7da; border-color:#f5c6cb;}
.calendar-42.event-info a{color:#721c24;}

/* F.O. Moxley Community Center (Yellow) */
.calendar-43.event-info{background-color:#fff3cd; border-color:#ffeeba;}
.calendar-43.event-info a{color:#856404;}

/* Park Bennett Community Center (Purple) */
.calendar-44.event-info{background-color:#e7e4f8; border-color:#c1bae2;}
.calendar-44.event-info a{color:#7163b8;}

/* BGPR - Lancscape (Green) */
.calendar-45.event-info{background-color:#d4edda; border-color:#c3e6cb;}
.calendar-45.event-info a{color:#155724;}

/* Special Populations (Light Gray) */
.calendar-46.event-info{background-color:#fefefe; border-color:#fdfdfe;}
.calendar-46.event-info a{color:#818182;}

/***** Events (Event Details) *****/

h3.meta{font-size:115%; margin:15px 0;}

h3.meta span.title{color:#666; font-weight:bold;}


/***** Contact Us *****/

#contact-us-form{padding-top:10px;}

#contact-us-form h3, #contact-us-form h4{font-weight:bold;}

#contact-us-form .form-group{margin:20px 0;}

#contact-us-form .form-group label{font-weight:normal;}


/***** Problem Report *****/

#problem-report a.link{display:block; padding:10px 0; margin:10px 0;}

#problem-report .form{display:none;}


/***** Notices *****/

.notices{margin-top:20px;}

.warning{color:#f00;}


/***** 404 *****/

.notices{margin-top:20px;}


/***** Forms *****/

#content .main .forms.panel .bs-callout{margin:15px;}

#content .main .forms.panel ul{padding:5px 10px; list-style:none}

#content .main .forms.panel ul li{padding:10px 5px;}


/***** Citizens Resource Guide *****/

h4.citizen-resource-guide-title{padding-top:15px;}


/***** Videos *****/

#video-player {background:#1b1b1b;}

#video-stream {padding:10px;}

#video-info {padding:10px; background:#1b1b1b;}

#video-info h1{margin-bottom:15px; font-size:140%; color:#fafafa; width:90%;}

#video-player  p{font-size:100%; margin-bottom:15px; color:#fafafa; width:90%;}

#video-player  a{text-decoration:none; color:#fafafa;}

#content .video-library {margin-top:10px;}

#content .video-library .video-item{height:250px; overflow:hidden; color:#666}

#content .video-library .video-item a{text-decoration:none; color:#666}


/***** Feedback Button *****/

#feedback-btn{display:none;}

@media (min-width:768px){

    #feedback-btn{display:block; position:fixed; width:50px; height:200px; top:40%; right:0; z-index:999; background:url('../img/feedback-btn.jpg') no-repeat;}

    #feedback-btn:hover{background-position:-50px 0;}

    #feedback-btn a{display:block; width:100%; height:100%; text-indent:-9999px;}

    #feedback-btn:hover a{color:#000;}

}


/***** Language Access Portal *****/

ul.language-bubbles{margin:0; padding:0;}

.language-bubbles li{display:block; float:left; list-style:none; margin:0; padding:0;}

.language-bubbles li a{display:block; width:200px; height:200px; margin-right:10px; text-indent:-9999px;}

.language-bubbles li a.arabic{background:url('https://www.bgky.org/img/sq/200/ef5YqRxc.png');}

.language-bubbles li a.bembe{background:url('https://www.bgky.org/img/sq/200/HLdpfxmq.png');}

.language-bubbles li a.bosnian{background:url('https://www.bgky.org/img/sq/200/cIxLk65E.png');}

.language-bubbles li a.burmese{background:url('https://www.bgky.org/img/sq/200/9lG1lu5k.png');}

.language-bubbles li a.dari{background:url('https://www.bgky.org/img/sq/200/PHXmpbRi.png');}

.language-bubbles li a.french{background:url('https://www.bgky.org/img/sq/200/jV9zLHuL.png');}

.language-bubbles li a.hakha{background:url('https://www.bgky.org/img/sq/200/2xob1Kqp.png');}

.language-bubbles li a.karen{background:url('https://www.bgky.org/img/sq/200/LE5La1MD.png');}

.language-bubbles li a.karenni{background:url('https://www.bgky.org/img/sq/200/1P3WMZKK.png');}

.language-bubbles li a.kinyarwanda{background:url('https://www.bgky.org/img/sq/200/0tdPRjxu.png');}

.language-bubbles li a.nepali{background:url('https://www.bgky.org/img/sq/200/roY7GY5d.png');}

.language-bubbles li a.pashto{background:url('https://www.bgky.org/img/sq/200/h3POrRbo.png');}

.language-bubbles li a.somali{background:url('https://www.bgky.org/img/sq/200/DxfwzxsD.png');}

.language-bubbles li a.spanish{background:url('https://www.bgky.org/img/sq/200/XdJidnJL.png');}

.language-bubbles li a.swahili{background:url('https://www.bgky.org/img/sq/200/7Xz2UMMx.png');}

.language-bubbles li a.vietnamese{background:url('https://www.bgky.org/img/sq/200/hod1n5HY.png');}

.language-bubbles li a.zomi{background:url('https://www.bgky.org/img/sq/200/R1vVjwuT.png');}


/***** Photo Gallery *****/

.photo{min-height:230px;}

/***** Top Bar (Alert)  *****/
#alert{background:#ffeb3b; padding: 20px 10px; margin-bottom: 0;}

#alert .inner p {margin:0;}

/***** Payoff Date Form *****/

#payoff-date a.link {display:block; padding:10px 0; margin:10px 0;}

#payoff-date .form {display:none;}

/***** Riverview *****/

.riverview-events {
     margin: 2em;
}

.riverview-event-date {
     float: right;
     text-align: center;
     font-weight: bold;

     margin-left: 1em;
     background: url(../img/calendar.png) no-repeat;
     padding-top: 17px;
     height: 60px;
     width: 60px;
}


/***** Center Text *****/

.center {text-align:center}

/***** Font Size Tags *****/

fs14 {font-size: 14px;}
fs12 {font-size: 12px;}

/***** Golf Table Rows Background colors *****/

tr.red.center th,
.red {
    background-color: #FE5050;
    color: #f8f8f8;
    text-align: center;
}
tr.red2.center th,
.red2 {
    background-color: #FF9595;
    text-align: center;
}
tr.green.center th,
.green {
    background-color: #99CC66;
    text-align: center;
} 
tr.gold.center th,
.gold {
    background-color: #F0E964;
    text-align: center;
}
tr.black.center th,
.black {
    background-color: #616161;
    color: #f8f8f8;
    text-align: center;
}
tr.dkgreen.center th,
.dkgreen {
    background-color: #016334;
    color: #f8f8f8;
    text-align: center;
}
tr.par.center th,
.par {
    background-color: #BCBCBC;
    text-align: center;
}

/* mouse over link */
#content a:hover {
    text-decoration: underline;
    text-decoration-style: thick;
  }


/***** Service Buttons *****/

.service-btn { 
    border:1px solid #ccc;
    margin:10px;
    height: 80px;
}

@media (min-width:700px){
    .service-btn { 
        width: calc(50% - 10px);
        margin:5px;
        float:left;
    }
}
.service-btn .wrap{
    display:flex;
    width:100%;
    height:100%;
    overflow:hidden;
    align-items:center;

}

#content .service-btn a:hover{
    text-decoration:none;
}

.service-btn .icon {
    display:flex;
    width:25%;
    max-width:75px;
}

.service-btn .icon i{
    font-size:2.75em;
    color:rgb(0, 61, 104); 
    margin:auto;
}

.service-btn .content {
    display:flex;
    flex-direction:column;
    align-self:center;
    width:75%;
}

.service-btn .content .title{
    font-weight:bold;
    color:rgb(0, 61, 104);    
}

.service-btn .content .contact{
    color:#08c;
}

/*****RSA Service Buttons *****/

#contactrsa .service-btn{
    width: calc(100% - 10px);
    margin:5px 5px;
    float:left;
}

#pictureframe .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: -1px solid transparent;
    /* border-radius: 26px; */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}


#pictureframe .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    /* border-top-left-radius: 34px; */
    /* border-radius: 125px; */
    /* border-top-right-radius: 3px; */
  }


/* #pictureframe .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: inherit;
    text-align: center;
  } */

#content .main #pictureframe img {
    border: 0;
    /* border-radius: 35px; */
    /* width: 300px; */
    /* height: 250px; */
    border: 7px outset #d6e9c6;
    background: #eee;
    margin: 5px;
    /* padding: 15px 10px; */
    padding:0;
  }