@charset "UTF-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/fonts/slick.eot);
src: url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/fonts/slick.woff) format('woff'), url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/fonts/slick.ttf) format('truetype'), url(https://head-maia.ch/wp-content/themes/maia/assets/css/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
  @font-face {
font-family: "CircularXXWeb-Regular";
src: url(//head-maia.ch/Fonts/CircularXXWeb-Regular.woff) format("woff");
}
@font-face {
font-family: "CircularXXWeb-Regular";
src: url(//head-maia.ch/Fonts/CircularXXWeb-Regular.woff2) format("woff2");
} @font-face {
font-family: "CircularXXSub-RegularSubset";
src: url(//head-maia.ch/Fonts/CircularXXSub-RegularSubset.woff2) format("woff2");
}
@font-face {
font-family: "CircularXXSub-RegularSubset";
src: url(//head-maia.ch/Fonts/CircularXXSub-RegularSubset.woff) format("woff");
} @font-face {
font-family: "CircularXXWeb-Bold";
src: url(https://head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXWeb-Bold.woff) format("woff");
}
@font-face {
font-family: "CircularXXWeb-Bold";
src: url(https://head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXWeb-Bold.woff2) format("woff2");
} @font-face {
font-family: "CircularXXSub-Bold";
src: url(https://head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXSub-Bold.woff2) format("woff2");
}
@font-face {
font-family: "CircularXXSub-Bold";
src: url(https://head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXSub-Bold.woff) format("woff");
} html {
font-size: 16px;
margin: 0;
padding: 0;
background-color: #FEFEFE;
}
body {
overflow-x: hidden;
font-family: "CircularXXWeb-Regular"; font-variant-ligatures: none; }
.post, .page {
margin-bottom: 0;
}
h1 {
font-size: 1rem;
font-weight: bold;
}
h2 {
font-size: 1rem;
font-weight: bold;
padding-top: 20px;
}
a {
transition: all 0.5s;
color: #000;
}
a:hover {
color: #4d4d4d;
text-decoration: underline;
}
a:visited {
color: #000;
}
ul {
margin: 0;
padding: 0;
}
strong {
font-family: "CircularXXWeb-Bold", "AdobeBlank2" !important;
font-weight: normal !important;
}
.big-txt {
font-size: 2.1rem; line-height: 115%;
}
.color-green {
min-height: calc(100vh - 100px);
background-color: #00FF9F;
}
.color-red {
min-height: calc(100vh - 100px);
background-color: #FF4966;
}
.color-bg {
min-height: calc(100vh - 100px);
overflow: auto;
}
.note {
font-size: 1.6rem;
font-weight: 600;
line-height: 120%;
}
.default-card {
border-top: 10px #fefefe;
padding-top: 10px;
min-height: 100px;
} .grid-item-content {
height: 100px;
background: rgb(34, 221, 59);
border: 2px solid hsla(0, 0%, 0%, 0.5);
border-radius: 5px;
}
.grid-item-content--height2 {
height: 200px;
}
.content-item {
border-top: 20px solid #fefefe;
font-size: 0.9rem;
}
.content-item img {
transition: all 0.5s;
}
.content-item a {
color: black;
}
.content-item a:hover img {
opacity: 0.7;
}
.content-item .content-item-header .type {
padding-top: 5px;
display: inline-block;
margin-bottom: 3px;
font-size: 1rem;
}
.content-item .content-item-header .title {
font-weight: bold;
}
.content-item .content-item-header a {
color: black;
text-transform: uppercase;
text-decoration: none;
}
.content-item .content-item-header a:hover {
opacity: 0.7;
}
.content-item .content-item-body {
margin: 15px 0;
} .content_content-item {
opacity: 0;
transition: opacity 0.5s ease;
} .content_content-item.visible {
opacity: 1;
} .img-100h {
width: 100%;
height: calc(100vh - 100px);
}
.img-100h .row {
width: 87vw;
height: calc(100vh - 100px);
}
.img-100h .row .content-img {
background-color: green;
background-size: 100%;
background-attachment: fixed;
height: 100%;
background-size: cover;
}
a#top-bottom {
position: relative;
margin: auto;
display: block;
width: 100px;
border: 0px solid red;
transition: all 0.5s;
}
a#top-bottom i {
color: white;
transition: all 0.5s;
}
a#top-bottom:hover i {
color: #00FF9F;
}  :root {
--base: $green;
--bg-blend: multiply;
--blur: 0px;
--fg-blend: lighten;
--foreground: #000;
--opacity: 1;
--spacing: 1%;
}
.img-wrapper {
background-color: var(--base);
display: flex;
flex: 1 1 100%;
overflow: hidden;
position: relative;
}
.img-wrapper img {
filter: grayscale(100%) contrast(1) blur(var(--blur));
flex: 1 0 100%;
height: 100%;
max-width: 100%;
mix-blend-mode: var(--bg-blend);
object-fit: cover;
opacity: var(--opacity);
position: relative;
width: 100%;
}
.img-wrapper::before {
background-color: var(--foreground);
bottom: 0;
content: "";
height: 100%;
left: 0;
mix-blend-mode: var(--fg-blend);
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
} .hp-gallery {
height: calc(100vh - 100px) !important;
}
.hp-gallery .big-txt {
display: flex;
justify-content: center;
flex-direction: column;
height: 100% !important;
position: relative;
}
.hp-gallery .big-txt .cnt-slide,
.hp-gallery .big-txt .cnt-slide-footer {
color: #fff;
}
.hp-gallery .big-txt .cnt-slide-footer {
text-align: center;
position: absolute;
bottom: -10px;
margin: auto;
width: 100%;
font-size: 1rem;
padding: 0 20px;
} .coltxt h2 {
font-size: 1em;
text-decoration: underline;
font-weight: bold;
padding-bottom: 5px;
}
.caption-image {
font-size: 0.75em;
display: block;
line-height: 150%;
padding-top: 5px;
}
.introduccion .intro {
font-weight: bold;
padding-bottom: 20px;
}
.cover {
width: 100%;
float: right;
min-height: 100vh;
background-size: cover;
height: 100%;
border: 2px solid red;
}
.title-with-pdf {
font-size: 1rem;
}
.title-with-pdf i {
font-size: 1.6rem;
padding-right: 10px;
}
.title-with-pdf a {
color: #000;
}
.slider-homepage .img-wrapper {
height: calc(100vh - 100px);
}
#carouselHomepage img {
height: calc(100vh - 100px);
width: auto;
}
#carouselHomepage .carousel-item {
transition: transform .9s ease-in-out, opacity .9s ease-in-out !important;
}
.carousel-item.active img:hover,
.carousel-item.active video:hover {
cursor: url(https://head-maia.ch/wp-content/themes/maia/assets/img/pause_18.png), crosshair;
}
.bx-controls.bx-has-controls-direction {
display: none;
}
.slider img {
border: 0px solid;
}   #header {
position: fixed;
top: 320px;
left: -160px;
display: flex;
justify-content: start;
flex-direction: row;
align-items: end;
transform: rotate(90deg);
}
#header .direccion,
#header .lema {
font-size: 0.7rem;
}
#header .logo img {
width: 70px;
}
#header .social {
transform: rotate(-90deg);
padding-left: 20px;
}
#header .social a img {
width: 20px;
}
#header .social a:hover img {
opacity: 0.7;
}
#header div {
padding-right: 40px;
}
header {
height: 100px;
position: relative;
background-color: white;
}
header ul {
position: relative;
}
header ul li {
display: inline;
padding-right: 20px;
}
header ul li a {
text-transform: uppercase;
color: black;
text-decoration: none;
}
header ul li a:visited {
color: black;
}
header ul li.active a, header ul li.current_page_item a {
font-weight: bold;
}  .contesto {
width: 30px;
height: 30px;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999999;
}
.instagram-logo {
width: 20px;
height: 25px;
position: fixed;
bottom: 30px;
left: 30px;
transition: all 0.5s;
}
.instagram-logo:hover {
opacity: 0.7;
cursor: pointer;
}
#apply {
position: absolute;
top: 25px;
left: -150px;
text-transform: uppercase;
background-color: #00FF9F;
text-align: center;
padding: 0 8px;
transition: all 0.5s;
}
#apply a {
color: #000;
text-decoration: none;
}
#apply:hover {
background-color: #00e68f;
}
#apply:hover a {
text-decoration: none;
}
#logo {
position: absolute;
bottom: 20px;
top: 0px;
height: 93%;
display: flex;
align-items: flex-end;
}
#logo a {
display: block;
width: 80px;
height: auto;
color: white;
}
.credits {
font-size: 0.9rem;
font-style: italic;
}  .bg-fixed-gradient {
width: 100vw;
height: 100vh;
position: fixed;
z-index: 1;
}
.color-bg .container {
z-index: 2;
position: relative;
} .contesto {
background-color: yellowgreen;
}
#apply {
left: auto;
right: 110px;
} .texto-columnas {
column-count: 1;
column-fill: auto;
}
.hp-gallery .big-txt {
font-size: 1.4rem;
}
.cnt-slide,
.cnt-slide-footer {
margin-left: 30px;
margin-right: 30px;
}
#slider-homepage {
padding-right: 0px;
padding-left: 0px;
}
#logo {
right: 20px;
}
.addtxt-mobile-menu {
font-size: 0.6rem;
position: absolute;
bottom: 75px;
}
.logo-mobile {
position: absolute;
bottom: 20px;
}
body.sticky_projects header.sticky-top {
position: fixed;
width: 100%;
}
body.sticky_projects .color-bg {
margin-top: 100px;
} .hp-gallery .big-txt .cnt-slide-footer {
font-size: 0.8rem;
line-height: 140%;
} body.single-ai_projects .color-bg,
body.single-project .color-bg {
height: auto !important;
min-height: auto !important;
}
body.single-ai_projects .color-bg .img-100h,
body.single-project .color-bg .img-100h {
width: auto;
height: auto;
padding: 0;
}
body.single-ai_projects .color-bg .img-100h .row,
body.single-project .color-bg .img-100h .row {
position: relative !important;
}  #rmp-container-2805 {
background: linear-gradient(to bottom, #cfefe6 15%, #ffba70 80%) !important;
}
#rmp-menu-wrap-2805 .rmp-menu-item-link,
#rmp-menu-wrap-2805 .rmp-menu-item {
background-color: transparent !important;
}
#rmp-menu-wrap-2805 .rmp-menu-item-link {
font-size: 18px !important;
height: 50px !important;
}
#logo-anim {
width: 80px;
height: 80px;
position: absolute;
top: 10px;
right: 20px;
background-image: url(//head-maia.ch/wp-content/themes/maia/assets/img/2021-head.gif);
background-size: contain;
} .carousel-item {
height: 43vh;
width: 100vw;
}
.swiper-wrapper {
height: 43vh !important;
width: 100vw !important;
}
.swiper-wrapper img { width: auto !important;
height: 100% !important;  } #rmp-container-2805 .addtxt-mobile-menu a.instagram-logo-mobile {
text-decoration: none !important;
}
@media only screen and (min-width: 360px) {   .single-alumni .color-bg-abajo {
margin-top: calc( -57vh + 100px);
}
#carouselHomepage img {
width: auto;
height: 100%;
object-fit: cover;
object-position: top;
}
} @media only screen and (min-width: 576px) {
.contesto {
background-color: blue;
}
#apply {
left: 0px;
right: auto;
}
.swiper-wrapper {
height: 43vh !important;
width: 100vw !important;
}
.swiper-wrapper img {
width: 90% !important;
height: auto !important;
min-height: 43vh !important;
}
}
@media only screen and (min-width: 576px) and (orientation: portrait) {
#apply {
left: auto;
right: 110px;
}   .single-alumni .color-bg-abajo {
margin-top: calc( -57vh + 100px);
}
#carouselHomepage img {
width: auto;
height: 100%;
object-fit: cover;
object-position: top;
}
.swiper-wrapper {
height: 43vh !important;
width: 100vw !important;
}
.swiper-wrapper img {
width: 90% !important;
height: auto !important;
min-height: 43vh !important;
}
} @media only screen and (min-width: 768px) {
.contesto {
background-color: green;
}
#apply {
left: -80px;
right: auto;
}
#logo {
right: 50px;
} .texto-columnas {
column-count: 2;
column-fill: auto;
height: 330px;
}
.hp-gallery .big-txt {
font-size: 1.5rem;
}
.cnt-slide,
.cnt-slide-footer {
margin-left: 10px;
margin-right: 10px;
}
#slider-homepage {
padding-right: 30px;
padding-left: 30px;
}
.single-alumni .color-bg-abajo {
margin-top: auto;
overflow: hidden;
}
.swiper-wrapper {
height: 100% !important;
width: auto !important;
}
.swiper-wrapper img {
width: auto !important;
height: 100% !important;
min-height: 100% !important;
}
.swiper-wrapper {
height: 43vh !important;
width: 100vw !important;
}
.swiper-wrapper img {
width: 90% !important;
height: auto !important;
min-height: 43vh !important;
}
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
#apply {
left: 0px;
}
#logo {
right: 20px;
}
header ul {
text-align: center;
}
header ul li {
padding-right: 10px;
}
header ul li a {
font-size: 0.9rem;
}
#slider-homepage {
padding-right: 50px;
padding-left: 50px;
}
#slider-homepage .cnt-slide,
#slider-homepage .cnt-slide-footer {
margin-left: 20px;
margin-right: 20px;
}
.single-alumni .color-bg-abajo {
margin-top: auto;
overflow: hidden;
}
}
@media only screen and (max-width: 896px) and (orientation: landscape) {
.contesto {
background-color: red;
}
#logo {
right: 0;
}
#apply {
left: auto;
right: 6%;
top: 60px;
}
.big-txt .cnt-slide {
padding-left: 20px;
padding-right: 20px;
}
.hp-gallery .big-txt {
font-size: 1rem;
}
#header .direccion,
#header .lema {
visibility: hidden;
}
.single-alumni .color-bg-abajo {
margin-top: auto;
overflow: hidden;
}
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
.contesto {
background-color: #f90;
}
} @media only screen and (min-width: 992px) {
.contesto {
background-color: yellow;
}
#apply {
left: -150px;
right: auto;
}
#logo {
right: 50px;
}  body.single-ai_projects .color-bg,
body.single-project .color-bg {
height: 100% !important;
min-height: 100vh !important;
}
body.single-ai_projects .color-bg .img-100h,
body.single-project .color-bg .img-100h {
width: 100%;
height: calc(100vh - 100px);
} body.single-ai_projects .color-bg .img-100h .row #carouselHomepage img,
body.single-project .color-bg .img-100h .row #carouselHomepage img {
height: calc(100vh - 100px) !important;
max-height: calc(100vh - 100px) !important;
width: auto !important;
}
.carousel-item {
height: auto;
}
.single-alumni .color-bg {
height: 100vh;
min-height: calc(100vh - 100px);
}
#carouselHomepage img {
height: calc(100vh - 100px);
width: auto;
}
.swiper-wrapper {
height: 100% !important;
width: auto !important;
}
.swiper-wrapper img {
width: auto !important;
height: 100% !important;
min-height: 100% !important;
}
}
@media only screen and (min-width: 992px) and (orientation: portrait) {
#apply {
left: -130px;
}
#logo {
right: 20px;
}
} @media only screen and (min-width: 1200px) {
.contesto {
background-color: purple;
}
#logo {
right: 150px;
}
.hp-gallery .big-txt {
font-size: 2.1rem;
}
} @media only screen and (min-width: 1480px) {
.contesto {
background-color: #000123;
}
#apply {
left: -170px;
}
.col-xxxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxxl-0 {
margin-left: 0;
}
.ps-xxxl-5 {
padding-left: 3rem !important;
}
.ms-xxxl-5 {
margin-left: 3rem !important;
}
.col-xxxl-8 {
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xxxl-9 {
flex: 0 0 auto;
width: 75%;
}
}@font-face {
font-family: "CircularXXWeb-Regular";
src: url(//head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXWeb-Regular.woff) format("woff");
}
@font-face {
font-family: "CircularXXWeb-Regular";
src: url(//head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXWeb-Regular.woff2) format("woff2");
} @font-face {
font-family: "CircularXXSub-RegularSubset";
src: url(//head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXSub-RegularSubset.woff2) format("woff2");
}
@font-face {
font-family: "CircularXXSub-RegularSubset";
src: url(//head-maia.ch/wp-content/themes/maia/assets/scss/Fonts/CircularXXSub-RegularSubset.woff) format("woff");
}