.venue-thumbnail{
    background: #efefef;
    padding: 20px;
    border-radius: 3px;
    margin:10px;
}

.venue-thumbnail h4, .venue-thumbnail h5, .venue-thumbnail h6{
    text-align: center;
    margin:15px 0;
}
.venue-thumbnail h5{
    font-size: 25px;
}

.venue-thumbnail .venue-featured-image{
    max-width: 100%;
}

.venue-thumbnail-image-holder{
    height: 200px;
    background-size: cover;
    background-position: center;
}

.venue-thumbnail .actions{
    text-align: center;
}

.venue-thumbnail .btn{
    width:100%;
}

.grid-item { width: 200px; }

.grid-item img {
    max-width: 100%;
}

body {
    background-image: url(http://subtlepatterns.com/patterns/scribble_light.png);
}

#wrapper {
    width: 100%;
    max-width: 1100px;
    min-width: 800px;
    margin: 50px auto;
}

#columns {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 15px;
    column-fill: auto;
}

.pin {
    display: inline-block;
    background: #FEFEFE;
    /* border: 2px solid #FAFAFA; */
    margin: 0 2px 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    /* padding: 15px; */
    padding-bottom: 5px;
    /* background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9); */
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.pin img {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.pin p {
    font: 12px/18px Arial, sans-serif;
    color: #333;
    margin: 0;
}

@media (min-width: 960px) {
    #columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 1100px) {
    #columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}

#columns:hover .pin:not(:hover) {
    opacity: 0.6;
}

#gallery a {
    text-decoration:none;
}
#gallery .item {
    width: 200px; height: 200px; overflow: hidden;
    float: left;
    border: 5px solid #333;
    margin: 5px;
}
#gallery .item a {
    overflow: hidden;
}
#gallery .item a img {
    height: 100%;
    align-self: center;
}
.lightbox {
    /** Hide the lightbox */
    opacity: 0;
    /** Apply basic lightbox styling */
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    color:#333333;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    background-color:rgba(0, 0, 0, 0.93)
}
.lightbox:target {
    /** Show lightbox when it is target */
    opacity: 1;
    outline: none;
    top: 0;
}
.lightbox .box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width:500px;
    margin: 2% auto;
    padding:10px 20px 10px 20px;
    background-color:#FFF;
    box-shadow: 0px 1px 26px -3px #777777;
}
.lightbox .title {
    margin:0;
    margin-bottom:50px;
    padding:0 0 10px 0px;
    border-bottom:1px #ccc solid;
    font-size:22px;
}
.lightbox .content {
    display:block;
    position:relative;
}
.lightbox .close {
    display:block;
    float:right;
    text-decoration:none;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:22px;
    color:#858585;
    z-index: 9999999;
}
.clear {
    display:block;
    clear:both;
}

.circle {
    border-radius: 50%;
    width: 350px;
    height: 350px; 
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);

    /* width and height can be anything, as long as they're equal */
}

.nav li a{
    color: #786c80;
    font-weight: lighter;
}

.well{
    background: #f7f9fa;
    border-radius: 0;
    box-shadow: none;
    border-radius: 2px;
}

.breadcrumbs a{
    color: #bbb;
}

.breadcrumbs a:hover{
    color: #fff;
    text-decoration: none;
}

.heart {
    position: relative;
    width: 100px;
    height: 90px;
}
.heart:before,
.heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: red;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin :100% 100%;
}


.fb-btn{
    border-radius: 3px;
    color: #fff;
    background-color: #3b5998;
}

.fb-btn i{
    font-size: 20px;
    padding-right: 5px;
}

.unavailable{
    background-color: #ffdfe0;
}

.fcday{
    height:50px;
}

.wedding-planning-tools-main{
    background:#fff;
}
#overlay {
    background:rgba(0,0,0,0.6);
    display:none;
    width:100%; height:100%;
    position:fixed; top:0; left:0; z-index:99998;
}

label{
    color: #000000;
}


#logo-container{
    width:20%;
}

#logo-container img{
    width:100%;
}

@media only screen and (max-width: 550px) {
    h1{font-size:28px; line-height: 35px; margin-bottom:30px;}
    h2{font-size:25px; line-height: 30px;}
    h3{font-size:20px; line-height: 25px;}
    #intro_div{ font-size: 12px; height:300px;}
    #homepage-banner{height:250px;}
    #intro_video,#intro_link{display:none;}

}

@media only screen and (max-width: 1300px) {
    h1{font-size:38px; line-height: 35px; margin-bottom:30px;}
}

@media only screen and (max-width: 900px) {
    h1{font-size:32px; line-height: 35px; margin-bottom:30px;}
}

@media only screen and (max-width: 700px) {
    h1{font-size:25px; line-height: 35px; margin-bottom:30px;}
    a.btn{font-size: 20px;}
    #homepage-banner{height:200px;}
}

@media only screen and (max-width: 1000px) {
    #logo-container{
        width:250px;
    }
}