@charset "utf-8";
/* CSS Document */


.placelistcontainer {
display:grid;
gap:2rem;
grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
margin:4rem 0;
}

.card-place {
                        display:flex;
                        flex-direction: column;
                        background-color:#fff;
                       box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
                                        transition: all 1s;
                    }
					
					
.card-place .imgcon img {
					width:100%;
                    transform: scale(1,1);  
                    transition: all 1s;	
}

.card-place:hover .imgcon img {
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
}

.card-place:hover {
                    background-color:#efefef;
                    transition: all 1s;					
}
                    
                    
.card-place .imgcon {
                        width:100%;  
                     align-self: flex-start;
                     overflow:hidden;
                      object-fit:contain;
                    }
                    
                    /*
                    .placelistcontainer .imgcon img {
                    width:100%;
                    transform: scale(1,1);  
                    transition: all 1s;
                    }
                    
                    .placelistcontainer .imgcon img:hover {
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
                    }
					*/
					
					
					
.card-place .txtcon {
	                    display:flex;
                        flex-direction: column;
                        width:100%; 
						padding: 0.6rem; 
						background-color:none;
							flex-grow: 1;
							text-align:center;
                    }
                    	
						
.card-place .txtcon span {
	display:none;
}					
					
					
					
					
.card-place p.mainlabel {
                        width:100%;
                        /*padding:0.25rem;*/
                        text-align:center;
                        color: #000;
                        font-size:2.5rem;
                        font-weight:bold;
                       }					
					
                    
.card-place p {
                        width:100%;
                        padding:0.25rem;
                        text-align:center;
                        color: #000;
                        font-size:1.6rem;
                        font-weight:bold;
                       }

.card-place .button{
	shadow: none;
}




#placepage_mainpagecontent .sic {
display:flex;
flex-direction: row;
justify-content: space-between;
gap: 2rem;		
}




#placepage_mainpagecontent .sic .imgcon {
    display:flex;
    flex-direction:column;
    width:70%; 
    min-width: min(50%,60rem);
    text-align:left;
    
    //box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
}


#placepage_mainpagecontent .sic .txtcon {
    display:flex;
    flex-direction:column;
    width:30%; 
    min-width: min(50%,35rem);
    text-align:left;
	font-size: 2rem;
     //box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; 
}

#placepage_mainpagecontent .sic .txtcon .description {
padding:0 0 2rem 0;	
}



@media only screen and (max-width : 800px) {
    #placepage_mainpagecontent .sic {
        flex-direction:column;
        width:100%;
        gap:0;
    }

    #placepage_mainpagecontent .sic .imgcon {
        width:100%;
        padding:0 1rem 0 1rem;		
    }
	
    #placepage_mainpagecontent .sic .txtcon {

        width:100%;
        padding:0 1rem 0 1rem;

    }



}


























.placelistlabels {
font-family: var(--body-font-family);
font-size: 16px;
color: #ffffff;
text-align: left;
text-transform: none;
font-weight: bold;
}

.placelistdetails { 
font-family: var(--body-font-family);
font-size: 16px;
color: #ffffff;
text-transform:none;
text-align: left;
}

.placelistdetails a{
/*font-weight:bold;	*/
text-decoration:none;	
}

.placelistdetails a:link {color:#f58a74;} 
.placelistdetails a:visited {color:#f58a74;} 
.placelistdetails a:active {color:#f58a74;} 
.placelistdetails a:hover {color:#f05130;} 






.placethumbimagecontainer {
position:relative;
float:right;
width:100%;	
height:auto;
margin-top:20px;

/*
	-webkit-box-shadow: 0 8px 8px -5px black;
	   -moz-box-shadow: 0 8px 8px -5px black;
	        box-shadow: 0 8px 8px -5px black;
*/
}


.placethumbimagecontainer ul{
position:relative;
display:block;
clear:both;
list-style: none;
width:auto;
height:auto;
margin:0 auto;
padding:0;	
}


.placethumbimagecontainer li{
position:relative;
float:left;
width:14%;	
margin:1%;	
}

ul#thumbs img.active {
border-color:#000000;	
}

.placethumbimagecontainer img{
position:relative;
/*
float:left;
width:14%;	
*/
width:100%;
max-width:100%;

/*margin:0.75%;*/
/*
border-radius:5px;
*/
cursor:pointer;
cursor:hand;
border:1px solid #b5cddc;
border-radius:0;
/*
	-webkit-box-shadow: 0 8px 8px -5px black;
	   -moz-box-shadow: 0 8px 8px -5px black;
	        box-shadow: 0 8px 8px -5px black;
*/
}