/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.bg-brown {
    background-color: #312422;
}
.row {
    margin-right: 0;
    margin-left:0;
}
body {
    /*background: linear-gradient( to top, rgb(0 148 195 / 10%), rgb(255 255 255 / 90%)) !important;
    background-attachment: fixed !important;*/
}

@media only screen and (max-width: 380px) {
    .navbar-brand {
        margin-right: 0;
    }
}
.fs-375 {
    font-size:1rem;
}
@media only screen and (max-width: 375px) {
    .fs-375 {
        font-size: .9rem;
    }
}
form label.required:after {
    color: red;
    content: "*";
}
/*----Added by ryan*/
.logo-width {    
    width:100px;
}
@media only screen and (max-width: 400px) {
    .logo-width {
        width:80px;
    }
}

.pk-navbar {
    background: linear-gradient( to bottom, #e6ad7cde, rgb(255 255 255));
}
.pl-body {
 /*   background: linear-gradient( to top, rgb(0 148 195 / 10%), rgb(255 255 255 / 90%));
    background-attachment: fixed;    */
    
}
.pl-pos-absolute {
/*    width: 100%; height:100%;
    position:absolute;   */ 
}
.pl-containier {
    /*background: linear-gradient( to bottom, rgb(0 148 195 / 30%), rgb(255 255 255 / 70%));
    background-attachment: fixed;
    margin-top: 8rem;
    margin-bottom: 2rem;
    padding: 1rem;
    box-shadow: 6px 6px 20px rgba(122,122,122,0.2);
    border-radius: .25rem;*/
}
.pl-main {
    /*background: linear-gradient( to top, rgb(255 255 255 / 90%),rgb(122,122,122,0.1) );*/
    /*background: linear-gradient( to top, rgb(255 255 255 / 90%), rgb(0 148 195 / 10%) );*/
    background: linear-gradient( to bottom, rgb(0 148 195 / 10%), rgb(255 255 255 / 90%));
    background-attachment: fixed;
    margin-top: 8rem;
    margin-bottom: 2rem;
    /*background: #FFF;*/
    /*padding: 1rem;*/

    /*padding-top: 1rem;*/
    padding-bottom: 1rem;
    box-shadow: 6px 6px 20px rgba(122,122,122,0.2);
    border-radius: .25rem;
}
.pl-stack {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.footer {
    background-color: #312422;
}
.banner {
    background-image: url('../images/Sunset Park.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    align-content: center;
    text-shadow: 0 0 2px #000;
    horizontal-offset vertical-offset 'blur' colour -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    /*box-shadow: 7px 16px 11px 0px rgb(122 122 122);*/
    text-shadow: -1px 0 #212529, 0 1px #212529, 1px 0 #212529, 0 -1px #212529;
    /*color: #212529db;*/
    font-family: Arial Black;
}

.jumbotron {
    padding: 1rem;       
}
.margin-bottom-0 {
    margin-bottom: 0rem;
}
.k-card-body {
    background: #f3e7d4;
}
.glass {
    /*background: white;*/
    background: linear-gradient( to left top, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));
    backdrop-filter: blur(2rem);
    box-shadow: 6px 6px 20px rgba(122,122,122,0.2);    
}
.glass-header {
    padding: .75rem 1.25rem;
    /*background: linear-gradient( to bottom, rgb(0 148 195), rgb(255 255 255));*/
    background-color: #312422!important;
    outline: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.txt-header-style {
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    color: whitesmoke;    
    font-family: Arial Black;
    text-decoration: none;
}
.txt-shadow {
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    font-family: Arial Black;
    text-decoration: none;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}
.glass-header a {
    color: white;
    /*color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    font-family: Arial Black;
    text-decoration: none;

}
.glass-SubHeader {
    /*background: linear-gradient( to top, rgb(255 255 255), rgb(0 148 195), rgb(255 255 255));*/
    background: #312422;
    
    outline: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding-top: 5px;
    box-shadow: 6px 6px 20px rgba(122,122,122,0.2);
    color: #ffffff !important;
}
.glass-footer {
    /*background: linear-gradient( to top, 0, rgb(255 255 255));*/
    background: #312422;
    outline: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding-top: 5px;
    box-shadow: 6px 6px 20px rgba(122,122,122,0.2);
}
.btn-color {
    display: block;    
    
}


a.btn-color {
    width: calc(100% - 20px);
}

/*.glass:hover {
    -webkit-transform: scale(1.1);
}*/
.feature-hover {    
    transition: 0.3s;
}
.feature-hover:hover {
    -webkit-transform: scale(1.1);
    transition: 0.3s;
}
.body-hover:hover {
/*    background-color: #337ab7;
    transition: 0.5s;
    color:white;*/
}
/* Make the image fully responsive */
    width: 100%;
    height: 100%;
}
.h-5rem {
    height: 5rem;
}
.w-75px {
    width: 75px;
}
.m-01em {
    margin: .1em;
}
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.k-card {
    /*width: 20%;*/
    margin: 1%;
}
.items-collection label.btn-default.active {
    /*background-color: #dae0e5 !important;*/
    /*background-color: rgb(0 123 167 / 60%);*/
    /*background-color: rgb(255 195 126 / 80%);*/
    background-color: rgba(39,174,96,1);
    box-shadow: 5px 6px 5px 0px rgb(122 122 122 / 30%);
}
.validationMsg{
    color:red;    
}
/*.items-collection {
    margin: 20px 0 0 0;
    background-color: yellow;
}*/

@media only screen and (max-width: 1200px) {
    .col-md-custom {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media only screen and (max-width: 900px) {
    .col-md-custom {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.pl-carousel-size {
    height: 400px;
}
@media only screen and (max-width: 580px) {
    .pl-carousel-size {
        height:300px;
    }
}
.lblRefine {
    cursor: pointer;

}


.items-collection label.btn-default {
    width: 100%;
    border-bottom: 1px solid #305891;
    margin: 5px;
    border-radius: 3px;
    color: #305891;
    cursor: pointer;
}

.items-collection label .itemcontent {
    width: 100%;
}
@media only screen and (max-width: 1200px) {
    .embed-Map {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .CarousellParkImage {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border: 20px double;
        width: 100%;
       
    }
}
/*@media only screen and (min-width: 1200px) {
    .CarousellParkImage {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border: solid;
        width: 100%;
    }
}*/
.findByPark {
    /*width: 88%;  */
    -ms-flex: 0 0 87%;
    flex: 0 0 87%;
    max-width: 87%;
}

/*@media only screen and (max-width: 1200px) {
    . {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
}*/
@media only screen and (max-width: 1000px) {
    .findByPark {
        -ms-flex: 0 0 79%;
        flex: 0 0 79%;
        max-width: 79%;
    }
}
@media only screen and (max-width: 760px) {
    .findByPark {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
}
/*--end by Ryan*/
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background: #0093c1;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}


body {
    /*padding: 50px;*/
    background: #0093c1;
}

.wrapper {
    width: 70%;
}

@media(max-width:992px) {
    .wrapper {
        width: 100%;
    }
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.list-group-item-secondary {
    background-color: rgb(178,222,236);
}
/*.list-group-item-light {
    background-color: #dbd4f3;
}*/
.btn-viewpark {
    background-color: rgba(39,174,96,1) !important;
    color: white;
}