/*
 *  gallery.css v1 | http://zyrgon.com | (c) 2019
 */
.show-more {
	width: fit-content;
	border-radius: var(--button-border-radius-lg, 12px);
	background-color: #fd4700;
	color: #ffffff;
	font-weight: 700;
}

.location {
	margin: 0px;
	padding: 20px 0px 10px 0px;
  	font-family: 'Roboto', sans-serif;
  	font-size: 20px;
  	font-weight: 300;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.2;
  	letter-spacing: normal;
  	text-align: left;
  	color: #2c2f33;
}

.location span {
	font-weight: 700;
}

.gallery-margin {
 margin-bottom:30px;
}

.header-gallery{
	background-image:url("/icons/Photo_Header_PhotoGallery.png");	
	width:100%;
	height:197px;
	text-align:center;
	padding-top:50px;
}
.section-title{

	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: bold;

	line-height: 1.23;
	letter-spacing: normal;
	text-align: center;
	color: #2c2f33;
	margin-bottom:20px;

}

.card {
	max-width:256px;
}

.card-body {
	padding:10px;
}

.card-title {
	font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
	color: #2c2f33;
	height: 21px;
	margin-bottom: 20px;
	height: auto;
}
.card-text {
	font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #2c2f33;
}

.card-img-thumb-left{
	width:calc( 50% - 1px );
	float:left;
	height:100%;
}

.card-img-thumb-left > img{
	width:100%;
	height: 171px;
	object-fit:  cover;
	border-radius:4px 0 0 0;
}
.card-img-thumb-right{
	width:50%;	
	float:right;
}
.card-img-thumb-right-top{
	margin-bottom:1px;
}
.card-img-thumb-right-top > img{
	border-radius:0px 4px 0 0;
	width:100%;
	height: 85px;
	object-fit: cover;
	
}
.card-img-thumb-right-bottom > img{
	width:100%;
	height: 85px;
	object-fit: cover;
}

.gallery-button {
	border-radius: var(--button-border-radius, 10px);
	font-size: 11px;
	padding: 9px  13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: center;
	min-width: 90px;
	background-color:#455A64;
	color: #FFFFFF;
	border: 1px solid #455A64;  	
}

.gallery-button:hover {
  -webkit-box-shadow: inset 0px -5px 0px 40px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px -5px 0px 40px rgba(0,0,0,0.1);
  box-shadow: inset 0px -5px 0px 40px rgba(0,0,0,0.1);
  color: white;	
}

.modal-header {    
    padding: 0.3rem 0.5rem 0rem 0.5rem;
}

.default-image {
	height: 171px;
	display: flex;
	justify-content: center;
	background-color: #FD4700;
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
	object-fit: cover;
	overflow: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.card-alignment {
	padding-left: 0px;
}

.card-img-thumb-img {
	width: 100%; 
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.card-img-thumb-img:hover {
	cursor: pointer;
}

@media (max-width: 1200px) and (min-width: 992px) {
	.location {
		margin-left: 10px;
	}
}

@media (max-width: 992px) {

    .header-top{
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    }
	.location {
		padding-left: 15px;
		padding-bottom: 0px;
		margin-left: 0;
	}

    .show-more {
    	padding: 11px 0px;
    	width: 100%;
    	max-width: 220px;
    	font-size:15px;
    	font-weight: bold;
    	line-height: 1.2;
    }

    .gallery-margin {
    	margin-bottom: 20px;
    }

    .header-gallery {    
        padding-top: 25px;
        height: 137px;
    }

    .section-title {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .card-body {
		padding: 10px 10px 15px 10px;
	} 

    .card-alignment {
    	flex-wrap: nowrap;
    	overflow: scroll;
    }

	.card-alignment::-webkit-scrollbar {
	  	display: none;
	}

	.card-alignment {
	    -ms-overflow-style:none;
	    padding-left: 15px;
	}

	.modal-header {    
		margin-top: unset;
		padding: 1rem;
	}   

}

@media (max-width: 576px) {


    .card-margin {
    	margin-top: 0px;
    }

    .location {
    	padding-left: 15px;
    	padding-bottom: 10px;
    }

    .gallery-margin {
    	margin-bottom: 0px;
    }

    .footer {
    	margin-top: 30px;
    }

    .show-more {
    	padding: 11px 0px;
    	width: 100%;
    	max-width: 196px;
    	font-size:15px;
    	font-weight: bold;
    	line-height: 1.2;
    }

}