.contentarea img {
	height: auto;
}

.gallery .pics {
	margin: 5px;
}
.blog #main article {
	clear: both;
}
.blog .alignleft img {
	max-width: 320px;
	height: auto;
}
.single .alignleft img {
	max-width: 450px;
}
.contact-page-info {
    margin-top: 50px;
}
@supports (object-fit: cover) {
	.gallery .pics img {
		width: 380px;
		height: 380px;
	}
}
/*EXAMPLE CODE
-----------------------------------------------*/
.example-right {
	position: -webkit-sticky;
	position: sticky;
	top: 0; /* Adjust this value as needed */
	height: 100vh; /* Adjust this value to fit your content */
	overflow-y: auto; /* Enable vertical scrolling if content exceeds the container */
}
  

/*SLICK SLIDER
-----------------------------------------------*/
.welcomePic{
    max-height:450px;
    max-width:341px;
}
.welcomePic img{
    max-height:450px;    
}
.welcomePic:hover{
    zoom:1.02;
    box-shadow:6px 6px 20px 2px #000;
}

button.slick-prev{
    visibility:hidden !important;
}
button.slick-next{
    visibility:hidden !important;
}
button.slick-prev:before{
    visibility:visible;
    content: url(<?=CHILD_DIR;?>/images/prevArrow.png);
    position: relative;
    right: 370px;
    bottom: 350px;
}
button.slick-next:after{
    visibility:visible;
    content: url(<?=CHILD_DIR;?>/images/nextArrow.png);
    position: relative;
    left: 370px;
    bottom: 350px;
}

/*LOCATION MAP
-----------------------------------------------*/
#leaflet-map, #google-map {
    height: 480px;
    width: 585px;
    margin-bottom: 40px;
}

#search-box {
    margin: 10px;
    max-width: 300px;
    width: 100%;
}

.map-holder {
    position: relative;
}

.search-wrap {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    max-width: 300px;
    max-height: 400px;
    top: 40px;
    left: 222px;
}

#results-list {
    margin: 10px;
    padding: 0;
    list-style: none;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

#results-list li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

#results-list li:hover {
    background-color: #f0f0f0;
}

/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (min-width: 980px) {
} 

@media (max-width: 1025px) {
}

@media only screen and (max-width: 979px) {
}

@media only screen and (max-width: 767px) {
} 

@media all and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
	.gallery .pics {
		margin: 0 0 10px;
	}
	
	@supports (object-fit: cover) {
		.gallery .pics img {
			width: 300px;
			height: 300px;
		}
	}
}