/*
Theme Name: Hue Child
Theme URI: http://hue.mikado-themes.com/
Description: A child theme of Hue Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Template: hue
*/
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700&display=swap);

.wpb_text_column.no-line h1:after {
	display: none;
}

.lz-block-availability-button .text-wrapper .title-block,
.title-with-outlines .wpb_text_column h2,
.lz-availabilities .title {
	color: #3d3a31;
    font-family: Playfair Display,Times New Roman,serif;
    font-size: 38px;
    letter-spacing: 0;
    text-align: center;
}

.title-with-outlines .mkd-section-inner:before,
.title-with-outlines .mkd-section-inner:after {
	width: 100%;
	height: 1px;
	background-color: #BFBCB7;
	position: absolute;
	content: "";
}

.title-with-outlines .wpb_text_column h2:after {
	display: none;
}

.title-with-outlines .mkd-section-inner .mkd-section-inner-margin {
	padding: 4rem 0;
}


.lz-availabilities .content {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	-webkit-justify-content: center;
	        justify-content: center;

	padding: 4rem 0;
}


.lz-availabilities .content .item-wrapper {
	width: 32%;
	margin-left: 1%;
}


.lz-availabilities .content .item-wrapper:first-child {
	margin-right: 1%;
	margin-left: 0;
}



.lz-availabilities .content .item-wrapper .item {
	padding: 1rem;
	background: #F6F6F6;
}

.lz-availabilities .content .item-wrapper .item ul li {
	list-style: none;
	color: #000;
    font-weight: 600;
    display: inline-block;
    padding-right: 2rem;
    position: relative;
}


.lz-availabilities .content .item-wrapper .item h3 {
	font-weight: 700;
	font-family: Montserrat,Arial,sans-serif;
}


.lz-availabilities .content .item-wrapper .item h3 span {
	font-weight: 400;
    font-size: 1.2rem;
    font-family: 'Roboto';
}

.lz-availabilities .content .item-wrapper .item .top {
	background: #BFBCB7;
	padding-bottom: 87%;
    position: relative;
}


.lz-availabilities .content .item-wrapper .item .top img {
	position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.lz-availabilities .content .item-wrapper .item .bottom .features p {
	color:#000;
	margin: 0;
	line-height: 1.2;
	font-family: Montserrat,Arial,sans-serif;
}

.lz-availabilities .content .item-wrapper .item .bottom ul li:after {
	content: "";
	width: 1px; 
	height: 1rem;
	background-color: #BFBCB7;
	position: absolute;
	top: .3rem;
	right: 1rem;
}

.lz-availabilities .content .item-wrapper .item .bottom ul li:last-child:after {
	content: none;
	display: none;
}

.lz-availabilities .content .item-wrapper .item .bottom .available {
	font-weight: 700;
    color: #000;
    margin-bottom: 2rem;
}

.lz-availabilities .content .item-wrapper .item .bottom a {
	width: 100%;
}


.lz-block-availability-button {
	display: flex;
}


.lz-block-availability-button .image-wrapper {
	margin-right: 1rem;
	width: 100px;
}

.lz-block-availability-button .text-wrapper {
	    width: calc(100% - 100px);
}

.lz-block-availability-button .text-wrapper .subtitle-block,
.lz-block-availability-button .text-wrapper .title-block,
.lz-block-availability-button .text-wrapper .link-block {
	text-transform: uppercase;
}

.lz-block-availability-button .text-wrapper .subtitle-block {
	color: #000;
	font-family: Montserrat,Arial,sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 0.9rem;
}

.lz-block-availability-button .text-wrapper .title-block {
	font-size: 1.8rem;
    text-align: left;
    line-height: 1.1;
    text-transform: uppercase;
}

.lz-block-availability-button .text-wrapper .link-block {
	text-decoration: underline;
    font-family: Montserrat,Arial,sans-serif!important;
    font-size: 11px!important;
    font-weight: 600!important;
    letter-spacing: 1px!important;
    text-transform: uppercase;
    color: #997000;
}



@media only screen and (max-width: 767px) {
	
	.hide-on-mobile {
		display: none;	
	}

    .lz-availabilities .content .item-wrapper {
	    width: 100%;
	    margin: 2% 0;
	}

	.lz-block-availability-button .text-wrapper .title-block, 
	.title-with-outlines .wpb_text_column h2, 
	.lz-availabilities .title {
	    font-size: 2.1rem;
	    line-height: 2rem;
	}

	.lz-availabilities .content {
	    padding: 4rem 0 0;
	}

	.title-with-outlines .mkd-section-inner:before, 
	.title-with-outlines .mkd-section-inner:after {
    	width: 40%;
    }

    .lz-block-availability-button {
	    display: flex;
	    flex-direction: column;
	    margin-top: 40px;
	}

	.lz-block-availability-button .text-wrapper,
	.lz-block-availability-button .image-wrapper img,
	.lz-block-availability-button .image-wrapper {
	    width: 100%;
	}
}