/*
	Theme Name: Hari Acupuntura
	Theme URI: 
	Description: 
	Version: 1.0.
	1
	Author: Ramon Crusellas
	Author URI: http://ramoncrusellas.com
	Tags: Blank, HTML5, CSS3
*/

body { }
main { }

.btn-more-info {
	border: 1px solid #fff;
    padding: 0.5rem 3rem 0.5rem 0.5rem;
    color: #fff;
    font-size: 16px;
    margin-bottom: 2.5rem;
    display: inline-block;
	position: relative;
}
.btn-more-info:hover {
	background-color: #99454f;
	color: #fff;
	opacity: 0.65;
}
.btn-more-info:after {
	content: "";
    background-image: url(/wp-content/themes/hari/img/plus.svg);
    background-size: 20px 20px;
    position: absolute;
    right: 0.56rem;
    top: 10px;
    height: 20px;
    width: 20px;
}
.btn-more-info.rotate:after {
	transform: rotate(45deg);
}
#text-more-info {
	opacity: 0;
	display: none
}
#text-more-info.open {
	opacity: 1;
	display: block;
}
#contact .intro {
	margin-bottom: 2rem;
}
.on-som .info-contact {
	margin-bottom: 2rem;
}
.on-som .direction {
	top: 250px !important;	
	left: 60% !important;
	/*position: relative !important;
	top: inherit !important;
	left: inherit !important;
	bottom: inherit !important;
	margin: auto;
	margin-top: 2rem;*/
	/*position: absolute !important;
	top: inherit !important;	
	bottom: -35px;
	margin: auto;*/
}

@media (max-width: 767px) {
	
	.on-som .direction {
		margin-top: 20px;		
		top: inherit !important;	
		left: inherit !important;
	}
	
}

@media (min-width: 768px) and (max-width: 990px) {
	
	.on-som {
		position: relative;
	}
	
}