#index_body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#body-content {
    z-index: 0;
}

.index_image {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 80px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: scroll;  /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #141111;
	z-index: 1;
    margin-top: auto;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
	padding: 20px;
	border: 1px solid #888;
	width: 90%; /* change it in mobile views */
    border-radius: 20px;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.image {
    /* border-radius: 20px; */
    width: 100%;
}

#upload_photos {
    display: none;
}

#upload_youtube_link {
    display: none;
}

.photo_design {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.embed-youtube {
    margin-top: 30px;
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photos {
    width: 100%;
    object-fit: cover;
    height: 300px;
}

.google-maps {
  position: relative;
  padding-bottom: 75%; 
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.ajax-loader {
    display: none;
    text-align: center;
}
.ajax-loader img {
    width: 50px;
    vertical-align: middle;
}

/* gallery */
#gallery {
    line-height:0;
    -webkit-column-count:5; /* split it into 5 columns */
    -webkit-column-gap:5px; /* give it a 5px gap between columns */
    -moz-column-count:5;
    -moz-column-gap:5px;
    column-count:5;
    column-gap:0px;
}
#gallery img {
    width: 100% !important;
    height: auto !important;
}

.center {
    text-align: center;
}

.container {
	width: 100%;
	position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
.item {
    /* border-radius: 20px; */
	position: absolute;
	text-align: center;
	font-size: 2em;
	font-weight: white;
	color: white;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

#image_gallery {
    margin-bottom: -45px !important;
}

.dropdown-toggle:focus {
    color: white !important;
}

@media (max-width: 1200px) {
    #gallery {
        -moz-column-count:    4;
        -webkit-column-count: 4;
        column-count:         4;
    }
}
@media (max-width: 1000px) {
    #gallery {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 800px) {
    #gallery {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 400px) {
    #gallery {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}

/* special condition */
@media (min-width: 1px) and (max-width: 320px) {
    .content-wrap {
        padding-top: 15px;
    }
}

.logo {
    border-radius: 50%;
}