/*
Theme Name: CASAMATA
Theme URI: https://gitlab.com/jungla-dev/casamata
Author: JUNGLA
Author URI: https://wordpress.org/
Description: Tema de wordpress hecho a la medida para CASAMATA
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casamata
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

@import url("https://use.typekit.net/jct3ljv.css");

html {
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	    max-width: 100vw;
    overflow-x: hidden;
}

body .wp-site-blocks{
	width: calc(100vw - (var(--wp--custom--spacing--outer) * 2));
    overflow-x: hidden;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}



a:active, a {
	text-decoration: none;
	opacity:1;
}


a:hover,
a:focus {
	text-decoration-style: dashed;
	opacity:.6;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body>.is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"]>.wp-block-group,
.is-root-container .wp-block[data-align="full"]>.wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-cover,
.wp-site-blocks>.wp-block-template-part>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-template-part>.wp-block-cover,
body>.is-root-container>.wp-block-cover,
body>.is-root-container>.wp-block-template-part>.wp-block-group.has-background,
body>.is-root-container>.wp-block-template-part>.wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"]>*:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}


body main {
	min-height: 100vh;
	padding-top: 100px;
}

/* header Menu */
.casamata-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100vw;
	background-color: #fff;
	padding: 0 calc(50vw - 650px);
	z-index: 9999;
}

.casamata-header,
.casamata-header .casamata-menu,
.casamata-header .wp-block-site-logo,
.casamata-header .wp-block-column {
	min-height: 80px;
}

.casamata-header .wp-block-site-logo {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

body header .casamata-header .wp-block-site-logo img{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

body.home header .casamata-header .wp-block-site-logo img{
	opacity: 0;
}

body.showLogo.home header .casamata-header .wp-block-site-logo img{
	opacity:1;
}

/* Language selector */



.casamata-header .wp-block-column .trp_language_switcher_shortcode,
.casamata-header .wp-block-column .wp-block-image {
	display: inline-block !important;
}

.casamata-header .casamata-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li a {
	color: var(--wp--preset--color--secondary);
	font-style: italic;
}

.casamata-header .casamata-menu .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul li.current-menu-item a {
	color: var(--wp--preset--color--primary);
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container .trp-ls-shortcode-language,
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
	display: inline-block !important;
	height: 36px;
	width: auto !important;
	overflow: visible;
	visibility: visible;
	z-index: 1;
	max-height: 250px;
	position: relative !important;

	padding: 0;
	border: 1px solid transparent;
}


.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container>div>a {
	display: block;
	padding: 2px;
	border-radius: 3px;
	color: var(--wp--preset--color--secondary);
	font-style: italic;

	text-decoration-thickness: 0;
	text-underline-offset: 0ch;
	text-decoration: none;
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container>div>a.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
	color: var(--wp--preset--color--primary);
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container>div>a {
	display: inline-block;
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container .trp-ls-shortcode-current-language {
	display: none;
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher>div {
	box-sizing: border-box;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 0;
	background-image: none;
	background-position: none;
	background-size: 0;
	/* background-repeat: no-repeat; */
	background-color: transparent !important;
}

.casamata-header .trp_language_switcher_shortcode .trp-language-switcher>div>a:hover {
	background: transparent !important;
}

.casamata-link-valores a {
	text-decoration: none;
	font-size: 1.2rem;

	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	color: var(--wp--preset--color--secondary);
	
}

.casamata-link-valores a:hover {
	opacity: .7;
}

/* Media queries  menu responsive*/


.menu-language {
	display: flex;
	justify-content: flex-end;
	flex-flow: row;
	align-items: center;

}

.menu-language .menu-logo-img {
	padding: 0 0.5rem;
	margin-block-start: -10px;
}



@media (max-width:1450px) {
	.casamata-header {
		padding: 0 2rem;
	}

	.casamata-valores .n2-ss-slider-controls .nextend-bar{
		right: 4rem!important;
	}

	.casamata-valores .n2-ss-slider-controls .nextend-arrow-next{
		right: 2rem!important;
	}
}

@media (max-width:1000px) {
	/* .casamata-valores .n2-ss-slider-controls .nextend-bar{
		right: 2rem!important;
	}

	.casamata-valores .n2-ss-slider-controls .nextend-arrow-next{
		right: 2rem!important;
	} */

	.casamata-dn-mobile {
		display: none;
	}

	.casamata-header {
		padding: 0 1rem;
	}

	.casamata-header .wp-block-columns {
		margin-bottom: 0;
		justify-content: space-between;
	}

	.casamata-menu {
		flex-wrap: inherit !important;
	}

	.menu-logo {
		padding: 0 0 0 1rem;
		flex-basis: 100% !important;
	}

	.menu-column {
		order: 3;
		max-width: 40px;
		padding: 0 1rem 0 0;
	}

	.menu-language {
		display: flex;
		justify-content: flex-end;
		flex-flow: row;
		align-items: center;
		padding: 0.5rem 0;
	}



	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		display: none;

	}
}

@media (max-width:700px){
	
	.casamata-valores .n2-ss-slider-controls {
		position: absolute;
		width: 100%;
		top: 0;
		right: calc(50% - 90px);
	}
	
}

/* Philosophi */

.casamata-philosofy-blocks .wp-block-column {
	padding: 2rem 0;
}

.casamata-philosofy-blocks .wp-block-column .wp-block-group {
	max-width: 450px;
}


/* Sliders */

.casamata-valores {
	position: relative;
}

.casamata-valores .n2-ss-slider-controls {
	position: absolute!important;
	width: 100%;
	top: 0!important;
}

.casamata-valores .n2-ss-slider-controls .nextend-arrow-next,
.casamata-valores .n2-ss-slider-controls .nextend-arrow-previous{
	position: absolute;
	right: calc(50vw - 700px);
	margin-bottom: 0;
	min-height: 50px;
	min-width: 30px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;

}

.casamata-valores .n2-ss-slider-controls .nextend-bar{
	right: calc((50vw - 700px) + 30px);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;

}

.casamata-valores .n2-ss-slider-controls .nextend-bar > *{
	background-color:transparent !important;
}

.casamata-valores .nextend-arrow-next:hover{
	
	right: calc((50vw - 700px) - 5px);
	
}



.casamata-valores .nextend-arrow-next img{
	display: none;
	opacity: 0;
}

.arrowNext,
.arrowPrev,
.arrowNextTeam,
.arrowPrevTeam{
	position:relative;
	margin-right:0;
	cursor:pointer;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.arrowNextTeam{
	position: relative;
}


.arrowNextTeam:hover{
	transform: translate(10px, 0);
}

.arrowPrevTeam:hover{
	transform: translate(-10px, 0);
}

.arrowNext{
	position: absolute;
	right: 0;	
}

.arrowPrev{
	position:absolute;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.arrowPrevTeam,
.arrowNextTeam,
.arrow-container-counter{
	position:relative;
	display: inline-block;
	min-width: 45px;
}

.arrowNext:hover{
	right:-5px;
}

.arrowPrev:hover{
	right: 5px;
}

.n2-ss-slider-controls .nextend-arrow.nextend-arrow-previous{
	position: absolute!important;
    right: 147px;
    top: 14px;
}

.nextend-arrow img{
	opacity:0;
}

.casamata-valores .nextend-arrow-next::after,
.nextend-arrow-previous::after,
.arrowNext:after,
.arrowPrev:after,
.arrowNextTeam:after,
.arrowPrevTeam:after{
	content: '';
	position: absolute;
    top: 20px;
    right: 0;
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 15px;
    height: 15px;
	
    border-right: 1.2px solid var(--wp--preset--color--secondary);
    border-top: 1.2px solid var(--wp--preset--color--secondary);
    transform: rotate(45deg);
    margin-right: 0.5em;
}

.nextend-arrow-previous::after{
	right: unset;
    left: 8px;
    top: 5px;
    border-left: 1.2px solid var(--wp--preset--color--secondary);
    border-bottom: 1.2px solid var(--wp--preset--color--secondary);
    border-right: 1.2px solid transparent;
    border-top: 1.2px solid transparent;
}

.arrowPrev:before{
	right: 84px!important
}

.arrowPrev:after,
.arrowPrevTeam:after{
	 right: 80px;
    top: 18.5px;
	border-right: 1.2px solid transparent;
    border-top: 1.2px solid transparent;
	border-bottom: 1.2px solid var(--wp--preset--color--secondary);
    border-left: 1.2px solid var(--wp--preset--color--secondary);
}


.arrowNextTeam:after{
	top: -16px;
}


.arrowPrevTeam:after{
	right: 4px;
    top: -16px;
}

.casamata-valores .nextend-arrow-next:before,
.nextend-arrow-previous::before,
.arrowPrevTeam:before,
	.arrowNext:before,
	.arrowPrev:before,
	.arrowNextTeam:before {
	content: '';
	right: 2px;
	top: 27px;
	position: absolute;
	height: 1px;
	width: 28px;
	border-top: 1.2px solid var(--wp--preset--color--secondary);

  }

.nextend-arrow-previous::before{
	right:unset;
	left: 2px;
	top: 13px;
}

.arrowNextTeam:before,
.arrowPrevTeam:before{
	top: -8px;
}

.arrowPrevTeam:before{
	right: unset;
	left:8px;
}

.arrowPrevTeam{
 position:relative;
}
  

/*footer */


footer p.footer-link a{
	text-decoration: none!important;
}

footer p.footer-link a:hover,
p.footer-link a:focus {
	text-decoration-style: none!important;
	text-decoration: none!important;
}
footer  p.footer-link a:active {
	text-decoration: none!important;
}


/*Projects*/

.casamata-projects-slide .listing-item,
.casamata-projects-slide-projectsPage .listing-item{
	position:relative;
}

.casamata-projects-slide-projectsPage .listing-item{
	margin-bottom:10vw;
}
.casamata-projects-slide .listing-item .image,
.casamata-projects-slide-projectsPage .listing-item .image{
	display: block;
    overflow: hidden;
    max-height: 60vh;
}



.casamata-projects-slide .listing-item .image img,
.casamata-projects-slide-projectsPage .listing-item .image img{
	width: 100%;
    display: inline-block;
    height: auto;
	 margin: -10vh 0 0 0;
}


@media(max-width:800px){
	.casamata-projects-slide .listing-item .image,
	.casamata-projects-slide-projectsPage .listing-item .image{
		max-height: auto;
	}
	
	.casamata-projects-slide .listing-item .image img,
	.casamata-projects-slide-projectsPage .listing-item .image img{
		 margin: 0 0 0 0;
	}
}

.casamata-projects-slide-projectsPage .arrowNext,
.casamata-projects-slide-projectsPage .arrowPrev{
	display:none;
}

.casamata-projects-slide .listing-item .title,
.casamata-projects-slide-projectsPage .listing-item .title{
	position: absolute;
    font-family: var(--wp--preset--font-family--laica-a-variable);
    z-index: 300;
    font-size: 8vw;
    top: -7vw;
    left: 0;
	width: 50%;
	color: var(--wp--preset--color--secondary);
}

.casamata-projects-slide-projectsPage .listing-item .title{
	width: 100%;
	text-align:center;
}

.casamata-projects-slide .listing-item  .project-info-col,
.casamata-projects-slide-projectsPage .listing-item .project-info-col{
	padding: 2rem;
}

.casamata-projects-slide .listing-item  .project-info-col figure,
.casamata-projects-slide-projectsPage  .project-info-col figure{
	height: 2.8rem;
	width:auto;
	padding: 0 0 2rem;
}

.casamata-projects-slide .listing-item  .project-info-col figure img,
.casamata-projects-slide-projectsPage  .listing-item  .project-info-col figure img{
	height: 2.8rem!important;
    width: auto!important;
}

.casamata-projects-slide .listing-item  .project-info-col p,
.casamata-projects-slide-projectsPage .listing-item  .project-info-col p{
	margin-block-start: .5rem!important;
}

.casamata-projects-slide .listing-item  .project-info-col p:first-of-type,
.casamata-projects-slide-projectsPage .listing-item  .project-info-col p:first-of-type{
	    margin-block-start: var( --wp--style--block-gap );
}

.casamata-projects-slide .listing-item .project-description-col,
.casamata-projects-slide-projectsPage .listing-item .project-description-col{
	padding: 8rem  2rem  2rem 2rem;
}

.text-highlight{
	margin-block-end: 1rem!important;
	display: inline-block;
	position:relative;
}

.text-highlight:before{
	content: '';
    background-color: var(--wp--preset--color--tertiary);
    position: absolute;
    bottom: 5px;
    left: -4px;
    right: 4px;
    height: 1.2rem;
	width: calc(100% + 8px);
    z-index: -1;
}

.casamata-projects-slide .listing-item{
	opacity:0;
	display: none;
	
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	
	animation-iteration-count: 1;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




.active-pujol .listing-item.pujol,
.active-cosme .listing-item.cosme,
.active-ticuchi .listing-item.ticuchi,
.active-damian .listing-item.damian,
.active-atla .listing-item.atla,
.active-criollo .listing-item.criollo,
.active-ditroit .listing-item.ditroit,
.active-eno .listing-item.eno,
.active-molino .listing-item.molino,
.active-manta .listing-item.manta,
.active-jeronimo .listing-item.jeronimo,
.active-carao .listing-item.carao{
	display:block;
	opacity:1;
}




 .casamata-projects-slide .listing-item:before{
	 position: absolute;
    font-family: var(--wp--preset--font-family--laica-a-variable);
    z-index: -1;
    font-size: 8vw;
    top: -7vw;
    width: 50%;
    left: 50%;
    text-align: right;
    color: var(--wp--preset--color--secondary);
    opacity: .4;
}

.casamata-projects-slide .listing-item.next-cosme:before{
	content: 'COSME'
}
.casamata-projects-slide .listing-item.next-ticuchi:before{
	content: 'TICUCHI'
}
.casamata-projects-slide .listing-item.next-pujol:before{
	content: 'PUJOL'
}
.casamata-projects-slide .listing-item.next-damian:before{
	content: 'DAMIAN'
}
.casamata-projects-slide .listing-item.next-atla:before{
	content: 'ATLA'
}

.casamata-projects-slide .listing-item.next-criollo:before{
	content: 'CRIOLLO'
}

.casamata-projects-slide .listing-item.next-ditroit:before{
	content: 'DITROIT'
}
.casamata-projects-slide .listing-item.next-eno:before{
	content: 'ENO'
}
.casamata-projects-slide .listing-item.next-molino:before{
	content: 'MOLINO'
}

.casamata-projects-slide .listing-item.next-manta:before{
	content: 'MANTA'
}

.casamata-projects-slide .listing-item.next-jeronimo:before{
	content: 'JERÓNIMO'
}

.casamata-projects-slide .listing-item.next-carao:before{
	content: 'CARAO'
}


/* projects component */

.casamata-projects-list ul{
	list-style-type: none;
    padding-inline-start: 0px;
	column-count: 3;
}

.casamata-projects-list ul li{
	color: var(--wp--preset--color--secondary);
	cursor:pointer;
}

.casamata-projects-list ul li.active{
	color: var(--wp--preset--color--primary);
	font-style: italic;
}

.casamata-projects-list ul li:hover{
	color: var(--wp--preset--color--primary);
}


/* team */

.casamata-team,
.casamata-team-slider{
	display: flex;
	  flex-wrap: wrap;
	  justify-content: space-around;
    width: 100%;
}

.casamata-team .listing-item{
	display: flex;
    width: calc(40% - 1.5rem);
	min-width: 450px;
    flex-flow: column;
	margin: 2rem 0;
	
}

@media (max-width:450px){
	.casamata-team .listing-item{
	display: flex;
    width: calc(40% - 1.5rem);
	min-width: calc(100% - 1rem);
    flex-flow: column;
	margin: 2rem 0;
	
}
}

.casamata-team-slider .listing-item{
	width: calc((100% - 2rem) / 3);
	flex-flow: column;
	display:none;
	position:relative;
	min-width: 340px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	
	animation-iteration-count: 1;
}

.casamata-team-slider .listing-item .image{
	position:relative;
	
}

.casamata-team-slider .listing-item .image:before{
	content:'';
	background-color: var(--wp--preset--color--tertiary);
    position: absolute;
    width: 100%;
	height: 100%;
	top: 0;
	bottom:0;
	opacity:0;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}



@media (max-width:1133px){
	.casamata-team-slider .listing-item{
		min-width: 500px;
	}
	
	#casamataTeamSlider{
		width:100vw;
		overflow:hidden;
		    display: inline;
	}
	
	#casamataTeamSlider > p, #casamataTeamSlider > h5{
	max-width: calc(100vw - 1.5rem);

	}
	
	#casamataTeamSlider .casamata-team-slider{
		width: calc((500px + 4rem) * 2);
		min-width: 100%;
		justify-content: space-around;
	}
}

@media (max-width:800px){
	.casamata-team-slider .listing-item{
		min-width: 450px;
	}
	
	#casamataTeamSlider{
		width:100vw;
		overflow:hidden;
		    display: inline;
	}
	
	
	#casamataTeamSlider .casamata-team-slider{
		width: calc((450px + 4rem) * 2);
		min-width: 100%;
		column-gap: 25px;
		justify-content: start;
	}
}


@media (max-width:500px){
	.casamata-team-slider .listing-item{
		min-width: 350px;
	}
	
	#casamataTeamSlider{
		width:100vw;
		overflow:hidden;
		    display: inline;
	}
	
	
	#casamataTeamSlider .casamata-team-slider{
		width: calc((350px + 4rem) * 2);
		min-width: 100%;
		column-gap: 25px;
		justify-content: start;
	}
}


.casamata-team-slider .listing-item.show{
	display:flex;
}

@media (max-width:399px){
	.casamata-team .listing-item{
		min-width: calc(100% - 1rem);
		max-width: calc(100% - 1.5rem);
		
	}
	
}

.casamata-team .listing-item .title,
.casamata-team-slider .listing-item .title{
	font-size: 1.5rem;
}

.casamata-team-slider .listing-item .title{
	color:var(--wp--preset--color--secondary);
}

.casamata-team .listing-item .image,
.casamata-team-slider .listing-item .image{
	    width: 100%;
}

.casamata-team .listing-item .image img,
.casamata-team-slider .listing-item .image img{
	width: 100%;
    height: auto;
}

.casamata-team .listing-item  .content p:first-of-type,
.casamata-team-slider .listing-item .content p:first-of-type{
	margin-block-start: var( --wp--style--block-gap );
	    margin-block-end: 0.5rem!important;
}

.casamata-team-slider .listing-item .content p.text-highlight:before{
	background-color:#fff!important;
}

.casamata-team-slider .listing-item .content p.description,
.casamata-team-slider .listing-item .content p.name,
.casamata-team-slider .listing-item .content p.city{
	display:none;
	
}

.casamata-team-slider .listing-item .content p.text-highlight{
	display: block;
    margin-block-start: 0!important;
    margin-block-end: 0!important;
	color:var(--wp--preset--color--secondary);
}
.casamata-team-slider .listing-item .content p.city{
	display:block;
	margin-block-start: 0!important;
    margin-block-end: 0!important;
	color:var(--wp--preset--color--secondary);
}



.casamata-team .listing-item  .content p,
.casamata-team-slider.listing-item  .content p{
	    margin-block-start: .6rem!important;
    margin-block-end: .5rem!important;
}

.casamata-team .listing-item  .content p.name, 
.casamata-team .listing-item .content p.city,
.casamata-team-slider .listing-item .content p.city{
	display:none!important;
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* card hover */

.casamata-team-slider .listing-item:hover .image:before{
	background-color: var(--wp--preset--color--tertiary);
	opacity:1;
	top: 0;
}

.casamata-team-slider .listing-item:hover .content{
	position: absolute;
    width: 100%;
    height: calc(100% - 4rem );
	padding: 2rem 0;
    display: flex;
	flex-flow: column;
    justify-content: flex-start;
}

.casamata-team-slider .listing-item:hover .content > *{
	display:block!important;
	padding:0 2rem;
	margin-block-start: 0;
    margin-block-end: 0;
	color: var(--wp--preset--color--foreground)!important;
}

.casamata-team-slider .listing-item:hover .title{
	display:none;
	
}

.casamata-team-slider .listing-item:hover .content p.description{
	order: 1;
	display:block;
	margin-bottom:1rem;
	
	font-size: 1rem;
    line-height: 1.5rem;
}

@media (max-width:500px){
	.casamata-team-slider .listing-item:hover .content p.description{
		 font-size: .95rem;
	}
	   
}


.casamata-team-slider .listing-item:hover .content p.name{
	order: 2;
	margin-bottom:2rem;
	font-size: 1.4rem;
	font-weight: 100;
}

.casamata-team-slider .listing-item:hover .content p.text-highlight{
	order: 3;
}

.casamata-team-slider .listing-item:hover .content p.city{
	order: 4;
	margin-top:2rem;
}

.arrow-container{
	position:relative;
	height:30px;
}

.arrow-container .arrow-container-counter{
	position:relative;
}

h1.newsFilterTitle.wp-block-query-title{
	font-size:0!important;
}

h1.newsFilterTitle.wp-block-query-title span{
	font-size:clamp(2.4rem, 6vw, 3.25rem);
	
}

ul.wp-block-categories{
	list-style-type: none;
}

.cm_post-news, .cm_post-news-all{
	position:relative;
	 padding: 0;
    list-style-type: none;
    padding-inline-start: 0;
}

.cm_post-news .wp-block-post, .cm_post-news-all .listing-item{
	width:calc(50% - 6px);
	float: left;
	display:flex;
	position: relative;
	margin: 0;
}

.cm_post-news .wp-block-post figure{
	margin-top: 0!Important;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-end: 0;
}



.cm_post-news-all .listing-item .image{
	position:relative;
	display: contents;
	opacity:1;
	
	-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news-all .listing-item .image img{
		-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
	
}

.cm_post-news-all .listing-item .title{
	position: absolute;
    top: 0;
    height: 50%;
    list-style-type: none;
    padding-inline-start: 0;
    justify-content: end;
    display: flex;
    flex-flow: column;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    text-align: center;
    width: calc(100% - 4rem);
    padding: 2rem 2rem 0;
    align-items: center;
    margin: auto;
	line-height: var(--wp--custom--typography--line-height--tiny);
		-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news-all .listing-item:hover a{
	opacity:1;
}

.cm_post-news-all .listing-item .author{
	position: absolute;
    top: calc(50% + 30px );
    height: 30px;
    color: #fff;
    padding: 0;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
	
	font-weight: 400;
    font-size: var(--wp--preset--font-size--small) !important;
		-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news-all .listing-item .date{
	position: absolute;
	top: calc(50% + 60px );
    height: 30px;
    color: #fff;
    padding: 0;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
	
	font-style: italic;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--small) !important;
	
		-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news-all .listing-item .image img{
	height:auto;
	width:100%;
	
	-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news .wp-block-post-date{
	margin-block-start: 0;
}

.cm_post-news .cm_post-news-info{
	position: absolute;
    top: 25%;
    bottom: 25%;
    right: 10%;
    left: 10%;
    height: 50%;
    width: 80%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
	z-index:9;
}

.cm_post-news .cm_post-news-info h2{
	color: #fff;
	font-size: 2rem;
}

.cm_post-news li a:hover, .cm_post-news li a:focus {
    opacity:1!important;
}

.cm_post-news li figure img{
	-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s  ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s  ease-out;
}

.cm_post-news li:hover figure img{
	 opacity:0;
}

.cm_post-news li:hover .cm_post-news-info h2 a,
.cm_post-news li:hover .cm_post-news-info .wp-block-post-date time a,
.cm_post-news li:hover .cm_post-news-info  .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__name{
	color: var(--wp--preset--color--primary)!important;
}

.casamata-news-category{
	margin-block-start: 0!important;
}

.cm_news-cols .cm_news-tags{
	padding-left:.5rem;
	-webkit-transition: all .1s ease-out;
  -moz-transition: all .1s  ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s  ease-out;
}

.cm_post-news-recents .listing-item{
	width: calc((100% / 3) - 5px);
	min-width: 350px;
    height: 300px;
	position: relative;
    margin: 0!important;
    overflow: hidden;
}


.cm_post-news-recents .listing-item .image img{
	width: 130%;
    margin: 0 -15% 0 0;
    height: auto;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.cm_post-news-recents .listing-item .title{
	position: absolute;
    top: 0;
    height: 40%;
    list-style-type: none;
    padding-inline-start: 0;
    justify-content: end;
    display: flex;
    flex-flow: column;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    text-align: center;
    width: calc(100% - 4rem);
    padding: 2rem 2rem 0;
    align-items: center;
    margin: auto;
    line-height: var(--wp--custom--typography--line-height--tiny);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.cm_post-news-recents .listing-item .author {
    position: absolute;
    top: calc(40% + 30px );
    height: 30px;
    color: #fff;
    padding: 0;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--small) !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.cm_post-news-recents .listing-item .date {
    position: absolute;
    top: calc(40% + 60px );
    height: 30px;
    color: #fff;
    padding: 0;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
    font-style: italic;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--small) !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.cm-search{
	    max-width: calc(100% - 2rem);
}

.cm-search.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid var(--wp--preset--color--secondary);
	background-color: #fff!important;
}

.cm-search .wp-block-search__button {
	background-color: transparent;
    color: var(--wp--preset--color--secondary);
   
}

@media (max-width: 400px){
	.cm-search .wp-block-search__button{
		color: transparent!important;
	}
}

.cm-search .wp-block-search__input {
	 filter: grayscale(100%);
	font-style: italic;
	background-color: #fff!important;
}

.cm-search .wp-block-search__input::placeholder {
    color: var(--wp--preset--color--secondary);
}

@media (max-width: 1175px){
	.cm_post-news-recents .listing-item{
		min-width: 280px;
		height: 220px;
		position: relative;
		margin: 0!important;
		overflow: hidden;
	}
	
	.cm_post-news-recents .listing-item .title{
		font-size: 1.5rem;
	}
}

@media (max-width: 935px){
	.cm_post-news-recents .listing-item{
		min-width: 250px;
		height: 200px;
		position: relative;
		margin: 0!important;
		overflow: hidden;
	}
}
@media (max-width: 835px){
	.cm_post-news-recents .listing-item{
		width: 100%;
		min-width: 100%;
		height: auto;
		position: relative;
		margin: 0 0 0 0!important;
		overflow: hidden;
	}
	
}

.cm_post-news-all .listing-item:hover .image img,
.cm_post-news-recents .listing-item:hover .image img{
	opacity:0;
}

.cm_post-news-all .listing-item:hover .title,
.cm_post-news-all .listing-item:hover .date,
.cm_post-news-all .listing-item:hover .author,
.cm_post-news-recents .listing-item:hover .title,
.cm_post-news-recents .listing-item:hover .date,
.cm_post-news-recents .listing-item:hover .author
{
	color: var(--wp--preset--color--primary)!important;
}

.cm-post-title{
	margin-bottom: 0rem!important;
}

.cm-tags-list{
	margin-block-start: .5rem!important;
	margin-bottom: 6rem!important;
}

.cm-post-content > :where(:not(.wp-block-image):not(.wp-block-gallery):not(.yarpp)){
	padding:0 10vw ;
}

.cm-post-content .wp-block-quote.has-text-align-right {
        border-left: none;
    border-right: 0.25em solid transparent;
    padding-right: 10vw;
    padding-left: 10vw;
	
}

.cm-post-content figure.wp-block-image {
    display: inline-block;
    width: 100%;
    text-align: center;

}


.cm-post-content  .wp-block-gallery{
	margin: 4rem 0;
}

.cm-post-content figure.wp-block-image{
	margin: 3rem 0 2.5rem;
}

.cm-post-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: transparent;
    bottom: -30px;
    color: var(--wp--preset--color--secondary)!important;
    font-size: 13px;
}

.cm-post-content .wp-block-image figcaption{
	 color: var(--wp--preset--color--secondary)!important;
}




.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails{
	width:100%;
	margin-top: 15rem;
}

.yarpp.yarpp-related h3 {
    font-size: 142%;
    font-weight: 100;
    margin: 6rem 0 0 0;
    padding: 0 0 2rem;
    text-transform: capitalize;
    color: var(--wp--preset--color--secondary)!important;
}

.yarpp-thumbnails-horizontal{
	display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	border: 1px solid transparent;
    vertical-align: top;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	width: calc((100% / 3) - 5px);
    min-width: 350px;
    height: 300px;
    position: relative;
    margin: 0!important;
    overflow: hidden;
}



.yarpp-thumbnails-horizontal .yarpp-thumbnail img{
	width: 150%;
    height: auto;
	opacity:1;
		-webkit-transition: all .5s ease-out;
	  -moz-transition: all .5s  ease-out;
	  -o-transition: all .5s ease-out;
	  transition: all .5s  ease-out;
 
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover img{
	opacity:0;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover{
	opacity:1;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    margin: 0;
    width: calc(100% - 4rem);
    height: 300px;
    max-height: initial;
    top: 0!important;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    position: absolute;
    font-size: 1.8rem;
    align-items: center;
    padding: 0 2rem;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover .yarpp-thumbnail-title{
	color: var(--wp--preset--color--primary)!important;
}

.cm_post-news-recents{
	display: flex;
    flex-flow: wrap;
    list-style-type: none;
    padding-inline-start: 0;
	justify-content:space-between;
}

.casamata-philosophy-values{
	margin: 5rem 0;
}

.casamata-philosophy-values .listing-item {
	text-align:center;
    margin: 0rem 0 5rem;

}

.casamata-philosophy-values .listing-item .title{
	font-size: 270%;
	margin:1rem;
	line-height: 150%;
}

@media (max-width: 800px){
	.casamata-philosophy-values .listing-item .title{
		font-size: 240%;
		margin: 1rem;
		line-height: 110%;
	}
}

.casamata-philosophy-values .listing-item .content{
	font-size: 131.25%;
	font-style: italic;
	color: var(--wp--preset--color--secondary);
	margin-top: -0.5rem;
}

@media (max-width: 1175px){
	.yarpp-thumbnails-horizontal .yarpp-thumbnail {
		min-width: 280px;
    	height: 220px;
	}
	
	.yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title{
		font-size: 1.5rem;
		height: 220px;
	}
}

@media (max-width: 940px){
	.yarpp-thumbnails-horizontal .yarpp-thumbnail {
		min-width: 200px;
    	height: 180px;
		
	}
	
	.yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title{
		font-size: 1.3rem;
		height: 180px;
		padding: 0 0.5rem;
    	width: calc(100% - 1rem);
	}
}

@media (max-width: 750px){
	.yarpp-thumbnails-horizontal .yarpp-thumbnail {
		width: calc(100% - 5px);
		min-width: 350px;
		height: 300px;
		position: relative;
		margin: 0!important;
		overflow: hidden;
	}
	
	.yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title{
		font-size: 1.9rem;
		height: 300px;
		width: calc(100% - 4rem);
	}
}

@media (max-width: 950px){
	.cm_post-news-all .listing-item .title, .cm_post-news .cm_post-news-info h2{
		font-size: 1.5rem!important;
	}
}

@media (max-width:850px){
	.cm_post-news .wp-block-post, .cm_post-news-all .listing-item{
		width:100%;
		
	}
	
	.cm_news-cols{
		gap: 0!important;
	}
	
	.cm_post-news-all .listing-item .title{
		height: 40%;
		font-size: 1.3rem!important;
		padding: 2rem 0.5rem 0;
		width: calc(100% - 1rem);
		line-height: 1.5rem;
	}
	
	.cm_post-news-all .listing-item .author{
		    top: calc(40% + 35px );
	}
	.cm_post-news-all .listing-item .date{
		    top: calc(40% + 55px );
	}
}

@media (max-width:550px){
	.cm_post-news-all .listing-item .title{
		height: 40%;
		font-size: 1.2rem!important;
		padding: 2rem 0.5rem 0;
		width: calc(100% - 1rem);
		line-height: 1.5rem;
	}
}

@media (max-width: 781px) {
	
	.casamata-hide-mobile{
		display:none;
	}
	
	.cm-force-right{
		text-align:left!important;
	}
	
	.cm_news-cols .cm_news-tags{
		flex-basis: 15%!important;
		min-width: 75px;
		font-size: .855rem;
	}
	.casamata-header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: initial !important;
	}
	
	.casamata-projects-slide .listing-item .project-description-col ,
	.casamata-projects-slide-projectsPage .listing-item .project-description-col{
		padding: 0rem 2rem 0 0!important;
	}
	
	.casamata-projects-slide .listing-item .project-info-col,
	.casamata-projects-slide-projectsPage .listing-item .project-info-col {
		padding: 1rem 2rem 0 0!important;
	}
	
	.casamata-projects-slide .listing-item .title,
	.casamata-projects-slide .listing-item:before{
		font-size: 9vw!important;
		top: -8vw!important;
	}
	
	.casamata-projects-slide-projectsPage .listing-item .title,
	.casamata-projects-slide-projectsPage .listing-item:before{
		font-size: 16vw!important;
		top: -15vw!important;
	}
	
	.height-responsive
	{
		height:20px!important;
	}
	.casamata-projects-slide-projectsPage .listing-item{
	margin-bottom:22vw!important;
}
	
	.casamata-projects-slide .listing-item .project-info-col figure img, .casamata-projects-slide-projectsPage .listing-item .project-info-col figure img {
    max-height: 1.4rem!important;
}
	
}


@media (max-width: 378px){
	.casamata-header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 25% !important;
	}
	
	.menu-column{
		padding: 0 0 0 0;
	}
	
	body header .casamata-header .wp-block-site-logo img{
		width: 106px;
    	height: auto;
	}
	
	.casamata-header .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container>div>a{
		font-size:.9rem;
	}
}

a.cm-underline{
	text-decoration: underline!important;
    text-decoration-thickness: 0.5px !important;
	
}

#cm-logo{
	max-width: 850px;
    margin: auto;
    display: block;
}


.taxonomy-category{
	color: var(--wp--preset--color--secondary);
}

.taxonomy-category a {
    font-style: italic;
    color: var(--wp--preset--color--secondary);
    font-size: 1.2rem;
}

.relpost-custom-block-single {
	position:relative;
	width: 100%!important;
    height: 300px!important;
}


.relpost-block-container .relpost-block-single {
    background-color: #ffffff!important;
    border-right: 1px solid #ffffff!important;
    border-left: 1px solid #ffffff!important;
    margin-right: -1px;
	width: calc(100% / 3)!important;
    height: 300px!important;
	min-width: 280px;
}




.relpost-block-container .relpost-block-single-text {
    position: absolute;
    width: 90%;
	left:5%;
    display: flex;
    height: 300px;
    top: 0;
    flex-flow: column;
    justify-content: center;
}

.relpost-block-container .relpost-block-single:hover {
    background-color: #ffffff!important;
    opacity: 1;
}

.relpost-block-container .relpost-block-single .relpost-block-single-image{
	opacity:1;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	width: 100%!important;
    height: 300px!Important;
}

.relpost-block-container .relpost-block-single:hover .relpost-block-single-image{
	opacity:0
	
}

.relpost-block-container .relpost-block-single .relpost-block-single-text{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.relpost-block-container .relpost-block-single:hover .relpost-block-single-text{
	color: var(--wp--preset--color--foreground)!important;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.cm_post-news-info h2 a{
    	font-size: 1.3rem!important;
		    line-height: 1.25rem;
	}
	  .has-text-align-center.wp-block-post-author {
    margin-block-start: 0.5rem;
}
}