@charset "UTF-8";
/* CSS Document */


html,body { font-size:0; color:#4594b0; font-weight:400; font-family:'Karla', sans-serif; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none;}
body,div,img,ul,li,h1,h2,p,img,input,button,select,textarea,video { padding:0; margin:0; border:0; outline:0;}
input,button,textarea { font-family:'Karla', sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none;}
a { text-decoration:none; cursor:pointer; color:inherit;}
h1,h2,h3,h4,h5,h6 { font-weight:inherit;} ul { list-style:none;}
.ytouch, .ypad { display:none !important;}
.tra { transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.noselect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.tra-slow {transition:all .4s ease-out; -webkit-transition:all .4s ease-out; -o-transition:all .4s ease-out; -moz-transition:all .4s ease-out;}
.relative { position:relative;}
.inline { display:inline-block; vertical-align:top;}
::selection { background:#dfe0e2;} ::-moz-selection { background:#dfe0e2;}
.capitalize { text-transform:capitalize !important;} .uppercase { text-transform:uppercase;} .lowercase { text-transform:lowercase;} .underline { text-decoration:underline;} .italic { font-style: italic;}
.pointer_none { pointer-events:none;} .pointer { cursor:pointer;}
.overflow { overflow:hidden;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;}
.valign * { vertical-align:middle !important;}
.mm { vertical-align:middle; margin-left:6px; margin-top:-2px; width:22px; height:19px;}

/* MAIN */
/* MAIN */

.blackout { position:fixed; width:100%; height:100%; top:0; left:0; z-index:900;
	transition:all 1.3s; 
	-webkit-transition:all 1.3s; 
	-o-transition:all 1.3s; 
	-moz-transition:all 1.3s;}
.black_out { opacity:0; pointer-events:none;}

.blackhome { position:fixed; width:100%; height:100%; top:0; left:0; z-index:900;
	transition:height 1.2s 1.5s cubic-bezier(0.85, 0, 0.15, 1),top .8s cubic-bezier(0.85, 0, 0.15, 1),opacity .9s .2s; 
	-webkit-transition:height 1.2s 1.5s cubic-bezier(0.85, 0, 0.15, 1),top .8s cubic-bezier(0.85, 0, 0.15, 1),opacity .9s .2s; 
	-o-,transition:height 1.2s 1.5s cubic-bezier(0.85, 0, 0.15, 1),top .8s cubic-bezier(0.85, 0, 0.15, 1),opacity .9s .2s; 
	-moz-transition:height 1.2s 1.5s cubic-bezier(0.85, 0, 0.15, 1),top .8s cubic-bezier(0.85, 0, 0.15, 1),opacity .9s .2s;}
.blackhome_out { height:0; overflow:hidden; pointer-events:none;}

.contain { position:relative; box-sizing:border-box; margin-left:auto; margin-right:auto;}
.contain-big { position:relative; box-sizing:border-box; max-width:1300px; margin-left:auto; margin-right:auto;}
.contain-small { position:relative; box-sizing:border-box; max-width:950px; margin-left:auto; margin-right:auto;}
.contain-blog { position:relative; box-sizing:border-box; max-width:800px; margin-left:auto; margin-right:auto;}
.contain-pad { padding-left:20px; padding-right:20px;}
.contain-pad-left { padding-left:20px;}
.contain-pad-right { padding-right:20px;}

.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.fifty { display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;} 
.onefourth { display:inline-block; width:25%; vertical-align:top; box-sizing:border-box;}
.threefourth { display:inline-block; width:75%; vertical-align:top; box-sizing:border-box;}
.onethird { display:inline-block; width:33.3%; vertical-align:top; box-sizing:border-box;}
.twothird { display:inline-block; width:66%; vertical-align:top; box-sizing:border-box;}

.z1 { z-index:10;}
.z2 { z-index:20;}
.z3 { z-index:25;}
.z4 { z-index:35;}

.mar { margin-top:50px; margin-bottom:50px;}
.mar-top { margin-top:50px;}
.mar-btm { margin-bottom:50px;}
.pad { padding-top:50px; padding-bottom:50px;}
.pad-top { padding-top:50px;}  .pad-btm { padding-bottom:50px;}
.pad-mini { padding-top:20px; padding-bottom:20px;}
.pad-left { padding-left:50px; box-sizing: border-box;}
.pad-right { padding-right:50px;  box-sizing: border-box;}

/* TEXT COLOURS */
/* TEXT COLOURS */

.title-bigger { font-size:80px; line-height:65px;}
.title-big { font-size:60px; line-height:55px;}
.title { font-size:48px; line-height:56px;}
.title-mini { font-size:40px; line-height:42px;}
.text-big { font-size:30px; line-height:42px;}
.text-medium { font-size:23px; line-height:30px;}
.text { font-size:17px; line-height:22px;}
.text-meno { font-size:15px; line-height:28px;}
.text-mini { font-size:12px; line-height:16px;}

.hamilton { font-family: 'Hamilton', sans-serif;}
.bold { font-weight:400;}
.bolder { font-weight:500;}
 
.bg-dark { background:#222; color:#fff;}
.bg-grey { background:#888;}
.bg-white { background:#fff;}
.bg-lightless { background:#cfcfcf;}
.bg-light { background:#e9e9e9;}
.bg-blue { background:#4594b0; color:white !important;}
.bg-bluer { background:#53768c; color:white !important;}
.c-white { color:#fff;}
.c-blue { color:#4594b0;}
.c-black { color:#000;}
.c-grey { color:#888;}
.c-light { color:#e9e9e9;}

.b-white { border:1px solid #fff;}

nav { z-index:100; padding-top:30px; padding-bottom:30px;}
.navlogo, .logo-footer { max-width:230px;}

.navlink { display:inline-block; padding-left:20px; font-size:17px; font-weight:500;}
.navlink:hover { text-decoration:underline;}
.navlink_on { text-decoration:underline;}

.langlink { display:inline-block; overflow:hidden; margin-left:20px; box-sizing:border-box; padding:5px 10px; border:1px solid #4594b0; height:32px;}
.langlinks { font-size:14px; font-weight:500;}
.langlink:hover .langlinks { margin-top:-33px;}

nav.nav-home { position:absolute; left:0; top:0; width:100%;}
nav.nav-home a { color:#fff;}
nav.nav-home .langlink, nav.nav-contact .langlink { border-color:#fff;}

footer { padding:80px 0 40px 0; overflow:hidden; font-weight:400;}
.footer-link { font-size:18px; line-height:28px; font-weight:500;}

.footer-line { margin-top:30px; padding-top:30px; border-top:1px solid #4594b0;}
.bg-blue .footer-line {border-color:rgba(255,255,255,0.4);}
.bg-light .footer-line {border-color:#888;}


/* HOMEPAGE */
/* HOMEPAGE */

.pre-video { overflow:hidden;}
.home-video { width:100vw; height:100vh; object-fit:contain;}
.veil { position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.1);}

.home-title_en { font-size:7.5vw; letter-spacing:-0.3vw; font-weight:500; z-index:950;}
.home-title_fr { font-size:9.5vw; letter-spacing:-0.3vw; font-weight:500; z-index:950;}
.home-fixed { position:fixed; left:0; top:44%; width:100%; mix-blend-mode:hard-light; opacity:0;  transform:scale(0.95);
  transition:all 1s cubic-bezier(0.65, 0, 0.35, 1);
-webkit-transition:all 1s cubic-bezier(0.65, 0, 0.35, 1);
   	 -o-transition:all 1s cubic-bezier(0.65, 0, 0.35, 1);
   -moz-transition:all 1s cubic-bezier(0.65, 0, 0.35, 1);}
.home-fixed_in { opacity:1; transform:scale(1);}

/* .cta { display:inline-block; padding:15px 20px; box-sizing:border-box; font-size:18px; font-weight:400;}
.cta:hover { background:#156480; border-color:#156480;} */

.home-img:nth-child(1) { vertical-align:top; width:45%; margin-top:6vw;}
.home-img:nth-child(2) { vertical-align:top; margin-left:5%; width:40%; margin-top:14vw;}

.home-img:nth-child(3) {  vertical-align:top; width:30%; margin-top:14vw; transform:translateX(90px);}
.home-img:nth-child(4) { vertical-align:top; width:70%; margin-top:6vw; margin-bottom:6vw;}

/* BIO */
/* BIO */

.scroll-text { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); white-space:nowrap; -moz-animation: my-animation 50s linear infinite; -webkit-animation: my-animation 50s linear infinite; animation: my-animation 50s linear infinite;}
@keyframes my-animation {
  from { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}
  to {-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}}

.image1 { display:inline-block; width:270px; height:150px; margin:20px 50px 0 0; vertical-align:top;}
.image2 { display:inline-block; width:270px; height:160px; margin:50px 50px 0 0; vertical-align:top;}
.image3 { display:inline-block; width:270px; height:150px; margin-right:50px; vertical-align:top;}
.image3 { display:inline-block; width:270px; height:150px; margin-right:50px; vertical-align:top;}


/* EXHIBITIONS */
/* EXHIBITIONS */

.ex-box { width:24%; margin:0 1% 30px 0; box-sizing:border-box; min-height:170px; padding:0 5% 30px 0; border-bottom:1px solid #4594b0;}

/* COLLECTION */
/* COLLECTION */

.shop-thumb { position:relative; margin-bottom:50px; display:inline-block; box-sizing:border-box; border-right:5px solid #fff;}
.shop-thumb:hover { opacity:.7;}
.sold { display:inline-block; position:absolute; z-index:2; width:70px; text-align:center; padding:5px; border-radius:50px; background:#eee; right:15px; top:15px; color:#000;}
.sold-nofloat { display:inline-block; width:70px; text-align:center; padding:5px; border-radius:50px; background:#eee; color:#000;}

.shop-img { width:100%; margin:0 auto 20px auto; box-sizing:border-box; position:relative; z-index:1;}
.shop-desc { white-space:pre-wrap;}

.divider { width:100%; height:1px; margin:40px 0;}
.divider-nom { width:100%; height:1px;}

/* NEWS */
/* NEWS */

.news-thumb { display:inline-block; width:33.33%; box-sizing:border-box; margin-bottom:40px; vertical-align:text-top;}
.news-thumb:nth-child(3n+1) { padding-right:10px;}
.news-thumb:nth-child(3n+2) { padding:0 10px;}
.news-thumb:nth-child(3n+3) { padding-left:10px;}

.news-img { width:100%; height:300px; margin-bottom:20px;}
.news-thumb:hover .news-img { background-position:center; -webkit-filter:grayscale(100%); filter:grayscale(100%);}

.news-thumb .text-medium { display:-webkit-inline-box; -webkit-line-clamp:2; height:65px; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; padding-right:10px;}
.news-thumb .text { display:-webkit-inline-box; -webkit-line-clamp:3; height:75px; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; padding-top:10px; padding-right:10px; opacity:.7;}

.news-container { box-sizing:border-box; padding:50px 40px;}
.news-img-big { margin:45px 0; padding:15% 0; -webkit-filter:grayscale(0%); filter:grayscale(0%);
transform:translateX(-10%); -webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); width:120%;
}

.news-text h2 { margin:20px 0 30px 0; font-family: 'Karla',serif !important; font-size:30px; line-height:35px;}
.news-text h3 { margin:20px 0 30px 0; font-family: 'Karla',serif !important; font-size:26px; line-height:30px;}
.news-text p { margin:20px 0;}
.news-text li { margin:20px 0; list-style-position:inside; vertical-align:top;}
.news-text ul, .news-text ol { box-sizing:border-box; padding-left:20px !important;}
.news-text ul p { display:inline-block; width:95%; vertical-align:top; margin:0;}
.news-text ol p { display:inline-block; width:95%; vertical-align:top; margin:0; box-sizing:border-box; padding-left:12px;}
.news-text img { width:100% !important; height:auto !important; margin:20px auto;}
.news-text a[target=_blank]:hover { padding:0 !important;}

.news-text blockquote { margin:40px 0 40px 30px; box-sizing:border-box; padding:1px 50px 1px 30px; border-left:3px solid #4594b0; color:#4594b0;}
.news-text blockquote p { font-size:22px; line-height:28px;}

.news-text a { color:#4594b0; font-weight:500; text-decoration:underline;}

.social { display:inline-block; width:30px; height:30px; margin-left:8px;}
.social:hover { opacity:.6;}
.fb { background:url("../img/social-fb_c.svg") center / 30px 30px no-repeat;}
.mail { background:url("../img/social-mail_c.svg") center / 30px 30px no-repeat;}


/* CONTACT */
/* CONTACT */

.farfalle { min-height:480px; background:url(../img/farfalle-monica-foglia-gold.png) 70% 15% / 400px 480px no-repeat;}


/* IF iPAD SPECIAL */
/* IF iPAD SPECIAL */
@media only screen and (max-width:1190px) {
	.ypad-special { display:inherit !important;}
	.npad-special { display:none !important;}
}


/* IF iPAD */
/* IF iPAD */
@media only screen and (max-width:1080px) {
	
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
	.yspecial { display:none;}

	.onefourth { width:50%;}
	.onethird { width:50%;}
	
	.ex-box { width:32%;}
	.news-thumb { width:50%;}
	.related .news-thumb:nth-child(3) { display:none;}
	
	.news-thumb { padding:0 !important;}
	.news-thumb:nth-child(2n+1) { padding-right:10px !important;}
	.news-thumb:nth-child(2n+2) { padding-right:10px !important;}
	
}

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {
	
	.ytouch { display:inherit !important;}
	.ntouch { display:none !important;}
	.yspecial { display:inherit !important;}
	
	.home-video { width:inherit; margin-left:-50vh; height:100vh; object-fit:none;}
	
	.contain-pad { padding-left:20px; padding-right:20px;}
	.contain-pad-left { padding-left:20px;}
	.contain-pad-right { padding-right:20px;}
	.tcenter { text-align:center;}
	.tleft { text-align:left;}
	.tright { text-align:right;}
		
	.mar { margin-top:30px; margin-bottom:30px;}
	.mar-top { margin-top:30px;}
	.mar-btm { margin-bottom:30px;}
	.pad { padding-top:30px; padding-bottom:30px;}
	.pad-top { padding-top:30px;}  .pad-btm { padding-bottom:30px;}
	.pad-left { padding-left:0;}
	.pad-right { padding-right:0;}

	.title-bigger { font-size:60px; line-height:45px;}

	.title-big { font-size:40px; line-height:35px;}
	.title-mini { font-size:30px; line-height:35px;}
	.text-big { font-size:25px; line-height:30px;}
	.text-medium { font-size:20px; line-height:25px;}
	.text { font-size:16px; line-height:24px;}
	.text-meno { font-size:14px; line-height:26px;}

	.fifty,.fifty-less,.fifty-more { width:100%;}
	.onefifth,.twofifth,.yfifty { width:50%;}
	.twothird,.onethird { width:100%;}
	
	.mobile-push { padding-top:120px;}
	
	.header { position:fixed; top:0; left:0; width:100%; height:95px; z-index:110; 
        transition:background-color .2s; -webkit-transition:background-color .2s; -o-transition:background-color .2s; -moz-transition:background-color .2s;
		background:url(../img/monica-foglia-logo_c2024.svg) 20px 20px /220px 55px no-repeat;}
	.header.nav-home { background-image:url(../img/monica-foglia-logo_w2024.svg);}

	.header_on { background-color:#fff; background-image:url(../img/monica-foglia-logo_c2024.svg) !important; background-size:220px 55px !important;}
	.headerlogo_on { background-image:url(../img/monica-foglia-logo_c2024.svg) !important; background-size:220px 55px !important;}
	
	.ham { position:fixed; right:0; top:0; z-index:200; padding:45px 20px;} 
		
	nav { position:fixed !important; z-index:100; margin:0; left:0; top:-100px !important; width:100%; height:100%; opacity:0; background:#fff; pointer-events:none;
		box-sizing:border-box; padding-top:30vh; transform:scale(1);
		transition:all .7s cubic-bezier(0.85, 0, 0.15, 1); 
		-webkit-transition:all .7s cubic-bezier(0.85, 0, 0.15, 1);
		-o-transition:all .7s cubic-bezier(0.85, 0, 0.15, 1); 
		-moz-transition:all .7s cubic-bezier(0.85, 0, 0.15, 1);}
	.nav_on { top:0 !important; transform:scale(1); opacity:1; pointer-events:inherit;}
	.navlink { display:block; font-size:30px; padding:5px 0px; color:#4594b0 !important;}
	
	
	.langlink { display:inline-block; border-color:#4594b0 !important; color:#4594b0 !important; margin:20px 0 0 0;}
	.langlink:hover .langlinks { margin-top:0 !important;}
	
	footer { padding:30px 0; font-size:12px !important;}
	.logo-footer { max-width:220px;}
	
	/* HOME */
	.home-title_en { font-size:15vw; line-height:11.5vw;}
	.home-title_fr { font-size:17vw; line-height:13vw;}
	.home-fixed {  top:42%;}
	
	.home-img:nth-child(1) { width:60%; margin-top:10vw;}
	.home-img:nth-child(2) { margin-left:-5%; width:45%; margin-top:16vw;}
	.home-img:nth-child(3) { width:40%; margin-top:16vw; transform:translateX(0);}
	.home-img:nth-child(4) { width:70%; margin-top:10vw; margin-left:-10%; margin-bottom:6vw;}
	.scroll-fix { transform:translateX(50px);}
	/* BIO */
	.bio-video { display:block; width:100% !important; max-width:auto !important; height:auto; margin:5px auto !important;}
	.detail { width:200px;}
	.cta-mobile { display:block; text-align:center;}
	.image1 { width:190px; height:110px;}
	.image2 { width:190px; height:120px;}
	.image3 {width:190px; height:110px;}
	.image3 { width:190px; height:120px;}
	.scroll-text { -moz-animation-duration:30s; -webkit-animatio-duration:30s; animation-duration:30s;}
	/* COLLECTION - EXHIBITIONS */
	.shop-thumb:nth-child(odd) { border-right:none;}
	.ex-box { width:49%;}
	/* NEWS */
	.news-thumb { width:100%; padding:0px !important;}
	.news-img-big { transform:translateX(0%); -webkit-transform:translateX(0%); -ms-transform:translateX(0); width:100%;}
	
	.news-thumb .text-medium { height:55px;}
	.news-thumb .text { height:70px; padding-top:5px;}

	/* CONTACT */
	.farfalle { min-height:660px; background-position:right top; background-size:130px;}

}


/* IF NOHEIGHT */
/* IF NOHEIGHT */
@media only screen and (max-height:730px) {
	
}

/* HAMBURGER */
/* HAMBURGER */

.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger-box { width:35px; height:8px; margin:-2px 8px 0 0; display:inline-block; position:relative;}
.hamburger-box { width:35px; height:8px; margin:-2px 8px 0 0; display:inline-block; position:relative;}
.hamburger-inner { display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:100%; height:2px; background-color:#4594b0; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}
.hamburger-inner::before, .hamburger-inner::after { content:""; display:block;}
.hamburger-inner::before { top:-8px;}
.hamburger-inner::after { bottom:-8px; width:100%;}
.is-active .hamburger-inner,.is-active .hamburger-inner::after,.is-active .hamburger-inner::before{background-color:#4594b0 !important;}.hamburger--spin .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1)}

.nav-home .hamburger-inner, .nav-home .hamburger-inner::before, .nav-home .hamburger-inner::after { background:#fff;}
.ham_on .hamburger-inner, .ham_on .hamburger-inner::before, .ham_on .hamburger-inner::after { background-color:#4594b0 !important;}