/*
Theme Name: Acierta (Twenty Seventeen Child)
Theme URL: http://encuentrainmueble.com/ci
Description: Twenty Seventeen Child Theme
Author: Daniel Rivera
Author URL: http://encuentrainmueble.com/ci
Template: twentyseventeen
Version: 1.0.0
Text Domain: acierta-child
*/

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.flex-item {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    border-color: #efefef;
    margin-bottom: 15px;
    padding: 18px 10px 18px 105px;
    width: 48%;
	min-height: 104px;
    font-size: 15px;
	font-size: 0.9rem;
    text-align: left;
}

.flex-item ul {
	margin: 0 0 0 1.2rem;
}

.rl-price {
	color: #0056b5;
	font-weight: bold;
	font-size: 18px;
}

.rl-estate-id {
	font-size: 2.2rem;
    font-weight: bold;
	text-align: right;
	background-color: #c0172c;
    padding: 5px 30px;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
	border-radius: 10px;
	border-color: #efefef;
}

.rl-available {
	background-color: #0056b5;
}

.rl-map, .rl-gallery {
	padding: 10px;
	width: 98%;
}

.rl-map iframe {
	width: 100%;
	height: 190px;
	margin: 0;
}

.rl-gallery {
	overflow: visible;
}

.rl-gallery ul {
	margin: 0;
}

.rl-guest, .rl-warning, .rl-contact {
	width: 98%;
}

.rl-typehouse, .rl-surface, .rl-features, .rl-levelone, .rl-leveltwo, .rl-levelthree, 
.rl-levelfour, .rl-levelflat, .rl-services, .rl-guest, .rl-warning, .rl-contact {
	background-position: 15px 12px;
	background-repeat: no-repeat;
	background-size: 80px 80px;
}

.rl-typehouse {
	background-image: url(assets/images/info-200.png);
}

.rl-surface {
	background-image: url(assets/images/tape-200.png);
}

.rl-features {
	background-image: url(assets/images/features-200.png);
}

.rl-levelone {
	background-image: url(assets/images/floorplan-first-200.png);
}

.rl-leveltwo {
	background-image: url(assets/images/floorplan-second-200.png);
}

.rl-levelthree {
	background-image: url(assets/images/floorplan-third-200.png);
}

.rl-levelfour {
	background-image: url(assets/images/floorplan-fourth-200.png);
}

.rl-levelflat {
	background-image: url(assets/images/floorplan-flat-200.png);
}

.rl-services {
	background-image: url(assets/images/services-200.png);
}

.rl-guest {
	background-image: url(assets/images/link-200.png);
}

.rl-warning {
	background-image: url(assets/images/warning-200.png);
}

.rl-contact {
	background-image: url(assets/images/contact-200.png);
}

.gallery-imagedesc {
	text-align: center;
	font-size: 15px;
	ont-size: 0.9rem;
	margin-top: 10px;
}

.entry-content .image-zoom {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.entry-content .image-zoom img {
	width: 100%;
	height: auto;
	box-shadow: 0 0 0 0 #000;
}

.gallery-item-container {
	position: relative;
}

.gallery-thumb {
	border-left-style: solid;
	border-left-color: #ffffff;
	border-left-width: 6px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-right-width: 6px;
}

.custom-gallery-container {
	margin-bottom: 0;
}

.custom-gallery-nav {
	display: none;
	margin-top: 12px;
	margin-bottom: 5px;
	overflow: hidden;
}

.entry-footer {
	border: none;
}

.display-only {
	/* nothing changes */
}

.print-only {
	display: none !important;
}


@media (max-width: 640px) and (orientation: portrait) {
	
	.flex-container {
		display: flex;
		flex-wrap: no-wrap;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.flex-item {
		width: 100%;
		padding: 80px 15px 15px 25px;
	}
	
	.rl-estate-id {
		font-size: 1.5rem;
	}
	
	.rl-typehouse, .rl-surface, .rl-features, .rl-levelone, .rl-leveltwo, .rl-levelthree, .rl-levelfour, .rl-levelflat, .rl-services, .rl-guest, .rl-warning, .rl-contact {
		background-position: 15px 3px, 0 0;
		background-size: 75px 75px, 100% 100%;
	}
	
	.rl-typehouse {
		background-image: url(assets/images/info-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}
	
	.rl-surface {
		background-image: url(assets/images/tape-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}
	
	.rl-features {
		background-image: url(assets/images/features-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-levelone {
		background-image: url(assets/images/floorplan-first-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-leveltwo {
		background-image: url(assets/images/floorplan-second-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-levelthree {
		background-image: url(assets/images/floorplan-third-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-levelfour {
		background-image: url(assets/images/floorplan-fourth-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-levelflat {
		background-image: url(assets/images/floorplan-flat-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-services {
		background-image: url(assets/images/services-200.png), linear-gradient(129deg, rgba(255,255,255,1) 60%, rgba(239,239,245,0.6) 95%, rgba(225,227,231,0.7) 100%);
	}

	.rl-map, .rl-gallery {
		padding: 10px;
		width: 100%;
	}
	
	.rl-map iframe {
		height: 290px;
	}
	
	.rl-guest, .rl-warning, .rl-contact {
		width: 100%;
	}
	
	.custom-gallery-nav {
		margin-bottom: 30px;
	}
	
}

@media print {
	.display-only {
		display: none !important;
	}

	.print-only {
		display: initial !important;
	}
	
	.custom-header {
		margin-bottom: 10px !important;
	}

	.site-content {
		padding: 1em 0 0;
	}
	
	.flex-item {
		padding: 12px 10px 12px 70px;
		min-height: 70px;		
	}
	
	.rl-typehouse, .rl-surface, .rl-features, .rl-levelone, .rl-leveltwo, .rl-levelthree, 
	.rl-levelfour, .rl-levelflat, .rl-services, .rl-guest, .rl-warning, .rl-contact {
		background-position: 12px 7px;
		background-size: 50px 50px;
	}
	
	.rl-map, .rl-gallery {
		padding: 10px;
	}
}