/*
    Theme Name: RELATHIA
    Theme URI: 
    Description: 
    Version: 1.0.
    1
    Author: Dadà Comunica
    Author URI: https://www.dadacomunica.com
    Tags: Blank, HTML5, CSS3
*/

body { }
main { }

.grecaptcha-badge {
	display: none;
}

article .categories li, article .date .cat {
    text-transform: uppercase;
}

article, figure {
    background-position: center;
}

.pr-5 {
    padding-right: 2.5rem;
}

.pl-5 {
    padding-left: 2.5rem;
}

/* ######### MODIFICAR DEL CSS PARE ############ */

.item img {
    width: 180px;
}

#agora.even .title.diagonal-content {
    -webkit-clip-path: polygon(0 0%,100% 15%,100% 50%,0 60%);
    clip-path: polygon(0 0%,100% 15%,100% 50%,0 60%);
}

#text-intro .circle {
    padding: 65px;
    float: left;
    margin-right: 150px;
    margin-bottom: 25px;
}

#text-intro.lema .circle p {
    font-size: 14px;
    line-height: 20px;
}

#text-intro h3.small-title {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: 0.7rem;
}

.under_cercle {
    /*margin-top: 5rem;*/
}

#text-intro ul {
    list-style: disc;
    padding-left: 2rem;
}

#text-intro li {
    font-family: "Inter",sans-serif;
    color: #5f5f5f;
    font-size: 1rem;
    line-height: 1.625rem;
}

#text-intro .circle h3 span {
    text-transform: uppercase;
}

iframe {
    width: 100%;
    height: 450px;
}

.item h4 {
    font-weight: 600;
    font-size: 18px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    border: none;
    padding: 0;
    margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item {
	display: flex;
    justify-content: flex-start;
}

.wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
	width: 13px;
    margin-right: 1rem;
}

#error-404 {
	min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#text-intro.large .circle.user-circle {
    width: 250px !important;
    height: 250px !important;
	margin-top: -250px !important;
	margin-left: 0px !important;
}
.wpcf7-checkbox .wpcf7-list-item {
    justify-content: center !important;	 	
}

.fb, .ig, .tw, .wh {
    overflow: hidden;
    padding: 0;
    margin: 0;
}



@media (min-width: 768px) and (max-width: 979px) { 

	.search-content .searchform input[type=text] {
		width: 65vw !important;
	}
	
}


@media(max-width:767px) { 
	
	#intro h1 {
		font-size: 30px !important;
		line-height: 40px !important;	
	    text-align: center !important;		
	}
	#text-intro.large .circle {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: -180px !important;
		width: 250px !important;
		height: 250px !important;
		float: none !important;
	}
	.relathia-page #text-intro.large .circle h3 {
		font-size: 24px;
		line-height: 34px;
	}
	
	.search-content .searchform {
	    flex-direction: column;	
	}
	.search-content .searchform input[type=text] {
		width: 90vw !important;
	}
	.search-content .searchform input[type=submit] {
		width: 90vw !important;
	}	

}



/* ######### FI MODIFICAR DEL CSS PARE ############ */

#search-results .row.result {
    margin-bottom: 100px;
}

.sqs-image-shape-container-element {
    padding-bottom: 15px !important;
}
       

.last-news {
    padding: 4rem 0 0rem;
}
.last-news h2 {
    font-size: 2.5rem;
    line-height: 2.875rem;
	margin-bottom: 1.5rem;
}

.last-news .article .date {
    font-size: .75rem;
    margin-top: 0.75rem;
}
     
.last-news .article h4 {
    font-family: "HT Regular",serif;
    font-size: 1.75rem;
    line-height: 2rem;
    margin-top: 1rem;
}
.last-news .article .date {
    font-size: .75rem;
}

.last-news .article .date .cat {
    text-transform: uppercase;	
    margin-left: 0.5rem;
}

.content-button {
	display: flex;
	justify-content: flex-end;
}
.btn-more-info {
    background-color: #000;
    padding: 0.5rem 1.5rem;
    height: 37px;
    border-radius: 120px;
    color: #fff;
    font-size: 14px;
}
.btn-more-info:hover {
	background-color: #43fec8;
	color: #fff;
}


/**/

@media(max-width:767px) {
	
	.last-news .article {
		margin-bottom: 3rem;
	}
	.title h2, .last-news h2 {
		font-size: 28px !important;
	    line-height: 32px !important;	
	} 
	#retos .title {				
	    min-height: 550px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.last-news .article h4 {
		font-size: 1.375rem!important;
		line-height: 1.5rem!important;
	}
	h2 {
		font-size: 28px !important;
	    line-height: 32px !important;	
	}   
	.title h2, .last-news h2 {
		font-size: 28px !important;
	    line-height: 32px !important;	
	} 
	#retos .title {				
	    min-height: 550px !important;
	}

}

@media (min-width: 768px) and (max-width: 1399px) { 
	
	
}

@media (min-width: 980px) and (max-width: 1399px) { 
	
	.title h2 {
		font-size: 40px !important;
		line-height: 46px !important;
	}
	
	h2 {
		font-size: 40px!important;
		line-height: 50px !important;
	}
	.last-news h2 {
		font-size: 2.5rem !important;
		line-height: 2.875rem !important;
		margin-bottom: 1.5rem !important;
	}
	article h2 {
		font-size: 1.75rem !important;
		line-height: 2rem !important;
		margin-top: 0;
	}
	#retos .title {				
	    min-height: 650px !important;
	}
}

@media (min-width: 980px) and (max-width: 1199px) { 	
	
	article h2 {
		font-size: 28px !important;
		line-height: 32px !important;
	}

	article.two-columns h2 {
		font-size: 28px !important;
		line-height: 32px !important;
	}
	
}

@media (min-width: 768px) and (max-width: 979px) { 
	
	article h2 {
		font-size: 24px !important;
		line-height: 28px !important;
	}

	article.two-columns h2 {
		font-size: 24px !important;
		line-height: 28px !important;
	}

}