@charset "UTF-8";
/* CSS Document */

/* purple: b2c516
dk purple: 76830f
dk grey: 445662
med grey: 7e8183
lt grey: cac6c0
very lt beige: f6f6f1
lt beige: f6f6f1
med beige: e2e2da
lt green: 92a996

text: 7e8183

    font-family: whitman-display, serif;
    font-family: 'Montserrat', sans-serif;
 
Whitman Display Light
font-family: whitman-display, serif;
font-weight: 300;
font-style: normal;

Whitman Display Light Italic
font-family: whitman-display, serif;
font-weight: 300;
font-style: italic;

Whitman Display Regular
font-family: whitman-display, serif;
font-weight: 400;
font-style: normal;

Whitman Display Italic
font-family: whitman-display, serif;
font-weight: 400;
font-style: italic;

Whitman Display Compressed Regular
font-family: whitman-display-compressed, serif;
font-weight: 400;
font-style: normal;

Whitman Display Compressed Extra Bold

font-family: whitman-display-compressed, serif;
font-weight: 700;
font-style: normal;

Whitman Display Condensed Light
font-family: whitman-display-condensed, serif;
font-weight: 300;
font-style: normal;

Whitman Display Condensed Regular
font-family: whitman-display-condensed, serif;
font-weight: 400;
font-style: normal;

Whitman Display Condensed Extra Bold
font-family: whitman-display-condensed, serif;
font-weight: 700;
font-style: normal;


*/


html,body { width: 100%; height: 100%; color: #7e8183; font-family: 'Montserrat', sans-serif; font-size: 1rem; line-height: 1.75rem; }
body, p, .card-text{font-weight:300 !important;}
body { padding-top: 0; }

body.home { padding-top: 50px !important; }

/****** type ******/
h1, h2, h3, h4, h5 { font-family: whitman-display, serif; font-weight: 300; color: #445662; }


h1 { display: block; font-size: 31px; margin-top: 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #2e3a43; margin-bottom: 0px; line-height: 1.0; text-shadow: 1px 1px 2px rgba(0,0,0,.25); margin-top: 40px; }

h1:after { content: ''; display: block; height: 1px; width: 200px; border-bottom: #cac6c0 solid 1px; margin: 20px auto 30px auto; }

h1 i { display: block; position: absolute; top: -45px; left: 50%; margin-left: -10px; width: 20px; height: 36px; background-image: url(../images/lamp-post.svg); background-size: cover; background-position: top; fill: #92a996; margin-top: 40px; }

h1 i:before, h1 i:after { content: ''; position: absolute; top: 5px; left: 50%; display: block; height: 1px; width: 80px; border-bottom: #cac6c0 solid 1px; margin: 20px 0 20px -100px; }

h1 i:after { right: 50%; left: auto; margin-right: -100px; }

/******** nav ********/
.navbar:before { content: ''; position: absolute; top: 0;z-index: -1; display: block; width:100%; height: 50px; background-color: rgba(178,197,22,.7); box-shadow: 0px 0px 10px -5px rgba(21,23,26,0.57); }
.navbar { background-color: transparent; padding: 0; justify-content: center; align-content: center; align-items: center; box-shadow: none; }

.navbar-brand {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
    margin-right: auto !important;
	margin-left: auto !important; 
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
	width: 200px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px -5px rgba(21,23,26,0.7);
}

.navbar-brand img {
    width: 100%;
    height: auto;
    margin-left: 0;
}

.page-title h1 { text-align: center; margin-top: 70px; }
.page-title h1:after { margin-bottom: 15px; }
.breadcrumb { margin: 0; }
.breadcrumb li a { color: #76830f; }

/******** form ********/


.control-label {
    position: absolute;
    top: -8px;
    display: block;
    transition: 0.2s;
    font-size: .6rem;
    line-height: 1.0;
    color: #76830f;
}

.form-control { border-radius: 0 !important; border-bottom-left-radius:0 !important; border-bottom-right-radius: 0 !important; }
.form-control:focus {
    padding-bottom: 6px;
    font-weight: 700;
    
	border-bottom-color: #76830f;
    /*border-image: linear-gradient(to right, #76830f, #76830f);
    border-image-slice: 1;*/
    box-shadow: none;
}
.form-control:focus ~ .control-label { color: #76830f; font-weight: 600; }

.form-control:focus ~ .control-label, .custom-select:focus ~ .control-label { color: #76830f; }

/*.form-control:placeholder-shown ~ .control-label { font-size: .9rem; cursor: text; top: 10px; }*/

.contact-form { padding-bottom: 60px; }

.form-control, .custom-select { border-bottom: 1px solid #76830f !important; }

.formResults { background-color: #f6f6f1; padding: 30px; }

.form-group { margin-bottom: 1.5rem; }

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
    box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #76830f;
    background-color: #76830f;
    box-shadow: none;
}





/*********** buttons *************/

/*! CSS Used from: https://www.marketcommonmb.com/wp-content/themes/marketcommon/css/bootstrap.min.css?ver=1.1548080111 ; media=all */

a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

a{color:#b2c516;}
a:hover{color:#76830f;}
a:hover{text-decoration:none;box-shadow:none!important;}
a:focus{outline:0!important;box-shadow:none!important;}
.btn{border-radius:0;font-size:.75rem;font-weight:300;text-transform:uppercase;padding:.675rem 1.5rem;letter-spacing:.15rem;}
.btn:focus{box-shadow:0 0 0 .2rem rgba(123,123,123,.25);}

/*
.btn-outline{background-color:transparent;border:#b2c516 solid 1px;color:#b2c516;}
.btn-outline:hover{color:#fff!important;background-color:#b2c516;border-color:#b2c516;}
.btn-outline:focus{box-shadow:0 0 0 .2rem rgba(123,123,123,.5);}
.btn-outline:disabled{color:#fff;background-color:#b2c516;border-color:#b2c516;}
.btn-outline:focus{box-shadow:0 0 0 .2rem rgba(123,123,123,.5);}
*/

.btn-primary{background-color:#b2c516;border:#b2c516 solid 1px;color:#ffffff;}
.btn-primary:hover{color:#b2c516!important;background-color:#f6f6f1;border-color:#b2c516;}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(123,123,123,.5);}
.btn-primary:disabled{color:#fff;background-color:#b2c516;border-color:#b2c516;}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(123,123,123,.5);}

.btn-danger { background-color: #A81416 !important; }

.btn-success {
    color: #fff;
    background-color: #3B972B;
    border-color: #3B972B;
    box-shadow: none;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #3B972B;
    border-color: #3B972B;
    box-shadow: none;
}

.waiver-btn { position: relative; border: none; height: 40px; }
.waiver-btn:before { content: '\f071'; font-family: 'Font Awesome 5 Pro', FontAwesome; color: #b2c516; font-size: 20px; line-height: 40px; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; height: 100%; background-color: #f6f6f1; font-weight: 700;  }
            
.waiver-btn.btn-success:before { content: '\f00c'; color: #3B972B; }

/************* cards **************/

.card { border: none; }
.card a:hover { }


/***** card rollover *****/
.card.rollover { overflow: hidden; }

.card.rollover a:after { content: '\f055'; font-family: 'Font Awesome 5 Pro', FontAwesome; display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; color: #ffffff; z-index: 100; font-size: 30px; line-height: 30px; transform: translate(-50%,-50%); pointer-events: all; }

.card.rollover a:after:hover { color: rgba(178,197,22,.7); }

.card.rollover .card-body { position: absolute; background-color: rgba(165,95,132,.9); color: #fff; 
right: 0; top: 0; bottom: 0; left: 0; 
text-align: center; display: flex; align-content: center;  align-items: center; 

width: 100%; height: 100%; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.card-img-overlay { top: auto; background-color: rgba(178,197,22,.9); color: #ffffff; }
.card-img-overlay .card-title { color: #ffffff; margin: 0; padding: 0; }


/************* footer **************/
footer { background-color: #f6f6f1; }
.footer-logo { max-width: 170px; }

.credit-row { background-color: #445662; }

/************* video ***************/

.video-graphic { position: absolute; width: 300px; max-width: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; }

.video-graphic img { width: 100%; }

.overlay { background-color: rgba(57,57,57,.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; }

@media (min-width: 576px) { 
	.video-graphic { width: 600px; max-width: 600px; }
}

@media (min-width: 768px) { 
	.video-graphic { width: 400px; max-width: 400px; }
}

@media (min-width: 992px) { 
	.video-graphic {  width: 500px; max-width: 500px; }
	body.home { padding-top: 0 !important; }
}

@media (min-width: 1200px) { 
	.video-graphic {  width: 600px; max-width: 600px; }
	.control-label { top: -8px; }
}