@charset "utf-8";

body {padding: 0 1em; font-family: 'Gill Sans MT', 'Gill Sans',  Arial, sans-serif;background-color: rgba(200,200,200,.15)}


.align-right {text-align: right;}
.small80 {font-size: 80%;}
.center {text-align:center;}
.smaller {font-size:smaller;}
.larger {font-size:120%;}
.float-left {float:left;}
.float-right {float:right;}
.clear-float {clear: both;}
.italic {font-style:italic;}
.more	{font-size: .8em;font-style:italic;}
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile, .hide_tablet {display: none;}
.bold {font-weight: bold;}
.green {color: #006633;}
.red {color: #900;}
.white {color: #fff;}
.caption {font-size: 1.2rem; text-align: center; margin-top: 30px;}
.caption:first-of-type {margin-top: 0;}

header p {margin-bottom: 0;}
header h1 {font-size: 100%;}
header #logo {height: 100px;}
header #tagline {font-family: Garamond, 'Lucida Bright', Georgia, serif;font-style:italic;}

p.related {margin-top:1em;}

.btn-related {margin: .2rem;}

footer {
	width: 100%;
    padding: 15px 25px 25px 25px;
	color: #000;
	font-size:.95em;
	margin-top: 5px;
}
footer address {font-style:normal;}
footer #credit {margin-left: auto;padding-top: 10px;text-align:right;font-size: .9em;}

.carousel {text-align: center;}
.carousel-control-prev-icon, .carousel-control-next-icon {background-color: rgba(0,0,0,.5); border-radius: 1em;}
.carousel-caption {bottom: 0; background-color: rgba(0,0,0,.2); border-radius: 9px;}
.carousel-caption.carousel-caption-under {position: unset;color: black;background-color: unset;}
.carousel-caption-under h3 {font-size: 1.2rem;}
.carousel-caption-under p {text-align: left;}

/*  small  */
 @media only screen and (min-width: 481px) {
	.hide_tablet {display:none;}
     #page-wrapper {margin: 0 auto ;padding: 1em 1em; background-color: #fff;}
} 

/* medium */
@media only screen and (min-width: 769px) {
	.zeroMargin_desktop {margin-left: 0;}
	.hide_desktop {display: none;}
	.hide_mobile, .hide_tablet {display:block;}
    #page-wrapper {padding: 1em 50px;max-width: 1300px;}
}

.modal-body img {padding: 0 1em;}

/* When you want to span all columns with an image and content */
.banner-card {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.banner-card img.full-width {display: block;margin: 0 auto;}
.banner-card .btn {margin: 0 .75em;}

/* bootstrap overide */
.card {margin: 5px 0;}

blockquote.land-use-statement {border-left: 5px solid #eee; margin-left: 50px; padding-left: 15px;}