html  {overflow-y:scroll}
body {color:#000; font-size:1.3rem; }
a {color:#000}
img {display:block}
mark {background-color:#00ffff}
.t-site img {width:100%}
.t-module img {width:auto}
.t-module .o-rich img {width:50%}

/* font-sizes */
.u-text--xs { font-size: 1.3rem; }
.u-text--s { font-size: 1.4rem; }
.u-text--m { font-size: 1.6rem; }
.u-text--l {font-size:2.6rem}
.u-text--xl { font-size: 4.2rem; }
.u-text--xxl {font-size: 8.6rem; line-height:8rem;}
.t-font--prac.u-text--m {font-size:2rem}		/* for pages and exhibitions texts */
.t-font--prac.u-text--l {font-size:2.4rem}		/* for pages and exhibitions texts */
.o-rich h4 {font-size:2rem;font-weight:bold}

h3 {line-height:1.1}
.t-font--mamc a:after, a.t-font--mamc:after {content:" " /*   content:" "*/}
.t-font--mamc a:after, a.t-font--mamc:after {content:" " /* macos:alt+space*/}
.t-font--mamc a:after, a.t-font--mamc:after {content:" "; /*font-feature-settings:normal*//* cut+paste from old site!*/}
/* specific on home for Safari which has problem with width */
html.t-agent--safari .t-font--mamc a:after, html.t-agent--safari a.t-font--mamc:after,html.t-agent--safari .t-font--mamc i:after {content:" ";font-family: MamcoPosterLines2; font-style:normal}

.t-width {max-width:1280px;margin:0 auto;padding:0 2rem}
.t-lineheight--s {line-height:1}		/* used in list (expo), for title */
.u-text--color {color:#999}
/*#container {max-width:1320px;margin:0 auto; padding:0 0;position:relative}*/
#wrap {overflow:hidden}

#header, #title {padding:0;position:fixed;z-index:9;width:100%}
#header {line-height:30px;text-align:right;white-space:nowrap}
#title {top:30px;background:white;overflow:hidden /* to avoid hamb to go on languages*/}
#title .c-left-top {top:10px;left:50%;width:45%}
#header a {margin:0 2rem}
#header a:first-child {float:left;margin-left:0}
#header a.lang {margin-right:0;}
#header a.lang.is-active {color:#999;font-weight:normal}		/* if font-weight: 700, problem with apax-regualr not same vertical-align */
#nav {display:none;position:absolute;z-index:9;top:13.4rem;padding-top:0.8rem;background:white;width:100%}	/* top is set in js when clicking on a.hamb */
#nav .t-font--mamc li {padding-bottom:0.5rem;}		/* line-height is 8rem for all site, here we are in the first menu */
#nav .u-text--l a {padding: 0.4rem 0;display: block;}
#menu {padding-top:13.1rem}
#menu nav {overflow:hidden;background:#fff; white-space: nowrap /* added 201909 for chrome@mac*/}

#title nav {padding:0.7rem 0 1.3rem 0;border-bottom:1px solid rgb(210,210,210)}
#menu nav.t-font--mamc {padding:0.8rem 0 1.4rem 0;border-bottom:1px solid rgb(210,210,210)}
.home #menu nav.t-font--mamc {padding-top:0;/*margin-top:-0.2rem*/;padding-bottom:2rem}
#menu nav.t-font--apax {line-height:3.5rem}
#title a.c-hamb:after {content:"j";display:block;margin-top:-1px;font-family:MamcoIcon}		/* added family for Safari */
body.is-scrolled-down #title a.c-hamb:after {content:"i"}
html.t-agent--windows a.c-hamb {top:-5px}		/* problem with MamcoIcon on windows */
#title a.c-hamb.js-close:after {content:"k"}

#menu nav a {margin-right:1.6em; white-space:nowrap; color:#999; font-weight:normal }
#menu nav.t-font--mamc a {margin-right:33px;}
/* #menu nav.t-font--mamc a {margin-right:0.3em;  } CG */
#menu nav a.is-active{color:#000; }
#main.is-fade {opacity:0.5}
#partners {padding:2rem;text-align:center}
#partners figure {margin-top:1rem;width:200px; height:70px;background-size:cover; background-repeat:no-repeat;border:0px solid #ddd;display:inline-block}
#partners .logos {margin-top:1rem;width:200px; max-height:100px;display:inline-block}

#header a, #nav a, #title a, #menu a, nav a {text-transform: uppercase}

.c-document ul {padding-bottom: 16px;} /*CG*/

.c-newsletter {	padding-top: 0.5rem;}
/* custom covr for picture, exhibitions,... */
.c-covr {position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#fff}
.c-covr-opac {background:rgba(127,127,127,0.8);overflow:auto}
.c-covr-head {line-height:30px;white-space:nowrap;padding:0 12rem 0 1rem;overflow:hidden;text-overflow:ellipsis}
.c-covr-head:after {content:" " /*   content:" "*/}
.c-covr-prev {position:absolute;top:0;right:10rem;line-height:30px;padding:0 1rem;cursor:pointer !important}
.c-covr-next {position:absolute;top:0;right:7rem;line-height:30px;padding:0 1rem;cursor:pointer !important}
.c-covr-download {position:absolute;top:0;right:4rem;line-height:30px;padding:0 1rem;cursor:pointer !important}
.c-covr-close {position:absolute;top:0;right:1rem;line-height:30px;padding:0 1rem;cursor:pointer !important}
.c-covr-pict, .c-covr-html {position:absolute;top:30px;left:0;right:0;bottom:0;background-position:center;background-size:contain;background-repeat:no-repeat;}
.c-covr-html div {background-color:#fff}

/* themes */
.t-back--grey {background:#f8f8f8}

/* o-togl icons */
.o-togl-head::after {content:"d";font-family:"MamcoIcon";transform:translate(0,-50%) scale(0.6);top:50%;text-transform:none}
.o-togl.is-open .o-togl-head::after, .o-togl-head.is-open::after { transform:translate(0,-50%) scale(0.6) rotate(90deg); }


/* specific homepage */
html.home #header a.no-home {opacity:0}		/* remove a in header if homepage */
html.home #title nav {border-width:0;padding-bottom:0px}
html.home body.is-scrolled--step0 #title nav {border-width:1px;font-family: MamcoPosterLinesOnly;padding-bottom:1rem}
html.home #nav {top:221px;padding-top:1.5rem}
html.home #menu {padding-top:12rem}

.c-anim1 {overflow:hidden;display:inline-block;transition:all 1s ease;width:500px;/* transition-delay: 2s;*/}
html.home body.is-scrolled--step0 .c-anim1 {letter-spacing:-1em;}

/* scrl */
body.is-scrolled--stick-nav .js-stick-nav {position:fixed;background:white;z-index:2}
div.c-stick-div{padding:0px 0;max-width:1280px;margin:0 auto;background:#fff}
nav div.c-stick-div{border-bottom:1px solid rgb(210,210,210)}
/*nav div.c-stick-div {padding:10px 0}*/
div.o-page-menu div.c-stick-div {border:0}

.o-button, input.o-input {background-color:rgb(235,235,235); color:black; font-weight:normal;padding:0.5rem 1rem;font-size:1.3rem;border:0;line-height:initial;height:initial !important /*NO!*/}
.u-grid {padding:2rem 0;}
header .u-grid-6 {height:16rem}
header nav {position:absolute;width:100%;background:white;z-index:5}

table.c-mamco {width:auto}
table.c-mamco td{padding-right:1rem}

.t-text-ok {color:green}
.t-text-ko {color:red}

[class*='t-border']{ border-color:rgb(210,210,210);}

.u-grid-6 {vertical-align:top}

.o-tabl {display:table; width:100%}
.o-tabl-row {display:table-row;}
.o-tabl-cell {display:table-cell;vertical-align:middle}

input {border-color:rgb(210,210,210); -webkit-appearance: none;border-radius:0}
ul:empty {display:none}
.o-hint-item {background: white}		/* when sticked, need white color */
/*.o-hint-item:first-child {padding-top:1.5rem;}*/
.o-hint-item.is-hint .o-hint-head { transform: scale(1.0) translate(1rem, 135%);}
form .o-hint-item input {width: 100%;max-width: none;}
.o-page-list0 .o-tabl-cell {width: 50%;vertical-align:top;padding:2rem 0;}
.o-page-list0 .o-tabl-cell:first-child {padding-right: 2rem;}
.o-page-list0 .o-tabl-cell:first-child img {display:none}

@media screen and (max-width: 640px) {		/* special responsive for expo list (make 100%, use first image)*/
	.o-page-list0.o-tabl, .o-page-list0 .o-tabl-row, .o-page-list0 .o-tabl-cell {display:block;width:100%;padding:0 !important}
	.o-page-list0 .o-tabl-cell img {display:none;}
	.o-page-list0 .o-tabl-cell:first-child img {display:block;margin:2rem 0 1rem 0}
	.o-page-list0 .t-aero--3 {padding-right:0}
}

.o-page-menu { /* page of type normal (meun with children */}
.o-page-menu div.inner {max-width:710px;margin:0 auto;padding:1rem 0 2rem 0;min-height:10em}

.o-page-list1 { /* page of type list of events, 2/3 on the right */}
.o-page-list1 {padding-bottom:2rem}
.o-page-list1 .o-tabl-cell {padding:0.4rem 0}
.o-page-list1 .o-tabl-cell--0 {width:3em}
.o-page-list1 .o-tabl-cell--1 {width:2.5em}
.o-page-list1 .o-tabl-cell--2 {padding-right:2rem; height:42px;} /* CG  height:42px; to have same lineheight without text see septemmber 2 */
.o-page-list1 .o-togl-body {background:#f6f6f6;margin-top:-1px;padding:1.5rem 1.5rem 1.5rem 7.2em}
.o-covr-body .o-page-list1 .o-tabl-cell {padding:1rem 0}
.o-covr-body .o-page-list1 .o-togl-body {padding:1rem}
.o-covr-body .t-font--prac.u-text--m {font-size:1.5rem}
.o-page-list0 {padding-top:0rem}
/* linked to this list: the month names */
.o-page-list1 .c-agenda-month {text-align:center;padding:1.5rem 0}
.o-page-list1 .o-togl + .c-agenda-month {padding-top:3rem}		/* more space before a new month */


.o-page-list2 .o-tabl-cell {width: 33.3%;vertical-align:top;padding:2rem 0}
.o-page-list2 .o-tabl-cell + .o-tabl-cell {width: 66.7%;}

.t-aero--1 {padding-bottom:1rem}
.t-aero--2 {padding:2rem 0}
.t-aero--2.u-grid-6 {position:initial}		/* for shop-publication-caddie-dropdown overflow*/
.t-aero--3 {padding-top:0.91rem;padding-bottom:0.9rem;padding-right:20%}		/* list of exhibition, small text -> padding to avoid long lines and top-bottom to make 36px height */
.t-aero--4 {padding-bottom:1.3rem;}		/* list of exhibition, small text -> padding to avoid long lines and top-bottom to make 36px height */

.o-rich li {margin-left: 0rem;list-style: none;padding-left: 4.5rem;}
.o-rich li::before {content: "–";position: absolute;margin-left: -2rem;}
.o-rich figure {margin-bottom:2rem}
.o-rich table figure {margin-bottom:0rem}
.o-rich a {border-bottom: 1px solid rgb(210,210,210);}
.o-rich a.o-button {border:0}
.o-rich .c-rich-links a {border-bottom:0}
.o-rich p, .c-indent {text-indent:2.5rem}
.o-rich .c-no-indent {text-indent:0}
.c-no-indent p {text-indent:0}

.o-rich iframe { margin: 0 auto; display: block; max-width: 100%;}


.ds-dropdown.dropright {right:0em}

footer .u-grid-6 {padding-right:2rem}
.c-newsletter input, .c-newsletter a {font-size:1.3rem !important; line-height: 2.5rem !important;padding: 0.4rem 2.5rem !important; vertical-align:top; border-radius: 0}
.c-newsletter input {width:calc(100% - 14rem);margin-right:1rem}
.c-newsletter a {width:13rem}
a.c-social {font-size: 2.5rem}
.o-rich a.c-social {border-bottom: 0;}

/* search related */
#nav form {margin:0 0 1rem 0;}
input.search {text-transform:uppercase;font-family:Mamco;font-size: 8.1rem !important;height:1em !important;margin: 0 !important;padding: 0 8.1rem 0 0 !important;border:0;}
nav.search {text-transform:uppercase; padding-right: 8.1rem !important;word-break: break-all;}
input.search + i, nav.search + i {position:absolute;cursor:pointer;right:0px;top:-5%;font-size: 6rem;line-height: 8rem}
nav.search:empty:after {content:attr(title);color:#999}

input.search:focus::-webkit-input-placeholder { opacity:0.1; }
input.search:focus:-moz-placeholder { opacity:0.1; } 
input.search:focus::-moz-placeholder { opacity:0.1; } /* FF 19+ */
input.search:focus:-ms-input-placeholder { opacity:0.1; } /* IE 10+ */

.c-cycl-home {position:relative;padding-top:2rem}
.c-cycl-move {height:50vh;white-space: nowrap;}		/* height is changed with jsc */
.c-cycl-home .c-cycl-item {display:inline;width:auto;height:100%;transition: transform 0.4s ease;border-right:0px solid white}
.c-cycl-home img {display:inline;width:auto;height:100%;}

.c-cycl-object.data {margin-top:2rem;} /*CG*/
.c-cycl-object.data div.u-pointer {display:none;} /*CG*/
.c-cycl-object.data:hover div.u-pointer {display:block;} /*CG*/
.c-cycl-home div.u-pointer {display:none;} /*CG*/
.c-cycl-home:hover div.u-pointer {display:block;} /*CG*/
.o-cycl-prev, .o-cycl-next {color:#999;} /*CG*/

.c-title {display: block;width: calc(100% - 6rem);overflow: hidden;white-space:nowrap;text-overflow: ellipsis}

.c-rich-mamco {font-family:MamcoPosterLines; font-size:8rem;font-feature-settings:"ccmp" 1;text-align:center;border-bottom:1px solid rgb(210,210,210)}
.c-rich-links {text-align:right;font-size:1.3rem}
.c-rich-links a {display:inline-block;}
.c-rich-links a:after {content:"A";font-family:MamcoIcon;display:inline-block;padding:0 0 0 1rem ;font-size:125%}
.c-rich-links a[href$=".pdf"]:after {content:"A"}
.c-rich-links a[href^="http"]:after {content:"C"}
.c-rich-links a[href^="\/fr\/"]:after, .c-rich-links a[href^="\/en\/"]:after {content:"D"}

.c-rich-lists h4, .u-text--m.t-font--prac h4 {font-size:2.6rem;font-weight:normal;text-transform:uppercase;}
.c-rich-lists ul, .o-page-list1 ul {border-top: 1px solid rgb(210,210,210);} 
.c-rich-lists li, .o-page-list1 li {font-size: 1.3rem;padding: 1rem 20% 0.9rem 0;border-bottom: 1px solid rgb(210,210,210);color: #999; list-style:none; line-height:initial;position:relative;}
.c-rich-lists li::before, .o-page-list1 li::before {content: "";}
.c-rich-lists li a {text-decoration:none; border-bottom:0;}
.c-rich-lists li a.c-rich-mail {color: #999; position: absolute; top:0.9rem; right: 2px;border-bottom:0;}
.c-rich-lists li a[href$=".pdf"]:after {content:"A";font-family:MamcoIcon;display:inline-block;padding:0  0 0 1rem;font-size:100%; position: absolute; top:0.9rem; right: 2px;}

.c-document li a{display:block;padding:0.9rem 0;border-width:1px 0 1px 0;border-style:solid;margin-top:-1px}
.c-document li:hover {background:#f2f2f2}
.c-document .icon{float:right;margin:0 0 0 1rem}
.c-document li figure{width:120px;}


.o-covr-main {top: 3rem;transform: translate(-50%, 0); border-radius:0}
.o-covr-body {max-height:calc(100vh - 10rem)}


.t-site .c-memo-userform {overflow-x:hidden}
.t-site .c-memo-userform .o-form {background:white; padding:0 0 40px 0; margin:0;border:0}
.t-site .c-memo-userform .ds-form-head {font-size:2.6rem; font-weight: normal; text-transform: uppercase}
.t-site .c-memo-userform .o-form .ds-form-buttons {position:absolute;bottom:0;display:block;width:100%;float:none;padding:0;text-align:center}
.t-site .c-memo-userform .o-form label {padding-right:10px}
.t-site .c-memo-userform .ds-field-checkbox {font-size:80%;padding-top:1rem}
.t-site .c-memo-userform .ds-field-checkbox input {margin-right:1rem; height: 12px;width: 12px;margin-top: -5px;}
.t-site .c-memo-userform .ds-submit[disabled] {pointer-events: none; opacity: 0.5;}
.t-site .c-memo-userform hr {margin-top:1.5rem}
.t-site .c-memo-userform textarea {font-family: inherit; resize: vertical;}
.t-site .c-memo-userform .selectize-input {background-color: transparent; border-color: #d1d1d1; border-radius: 0; box-shadow: none; height: 2.8rem; padding: 0 1rem; line-height: 1.8rem; color: inherit; letter-spacing: normal; display: flex; align-items: center;}
.t-site .c-memo-userform .invalid .selectize-input.invalid {-webkit-appearance: none; box-shadow: 0 0 4px #f00;}
.t-site .c-memo-userform .selectize-input.input-active {background-color: transparent; border-color: #000; display: flex;}
.t-site .c-memo-userform .selectize-input::after {display: none;}
.t-site .c-memo-userform .selectize-input input {color: inherit;}
.t-site .c-memo-userform .selectize-dropdown {color: inherit; letter-spacing: normal;}
.t-site .c-memo-userform .selectize-dropdown .option {color: #666;}
.t-site .c-memo-userform .selectize-dropdown .active {color: inherit; background-color: #eee;}

.o-covr-body div.dataset {padding:0}

.o-covr-close {position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background-color: #fff;border-radius: 50%;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);}
.o-covr-close::after, .o-covr-close::before {background-color: #414141;content: "";position: absolute;left: 14px;height: 14px;top: 8px;width: 2px;transform: rotate(45deg);}
.o-covr-close::after {transform: rotate(-45deg);}

/* forms */
.t-form--plus input:not([type=checkbox]):not([type=radio]):not(.u-display--double), .t-form--plus textarea, .t-form--plus select{ height: 2.8rem; padding: 0.6rem 1rem; line-height: 1.8rem; }

/* maybe only for windows? */
.c-fix--pad {padding-left:1px !important}

@media screen and (max-width: 1024px) {
	#title .c-left-top {left:60%;}
}
@media screen and (max-width: 600px) {
	html {font-size:1.8vw}
	#header a {margin:0 1rem}
	#menu {padding-top:calc(30px + 13vw) !important}
	/*#title a.c-hamb {top:5px}*/
	.u-text--xl {font-size:3.8rem}
	.u-text--xxl, input.search {font-size:10vw !important;line-height:10vw}
	.t-font--prac.u-text--m {font-size:2rem}
	#title nav {padding-bottom:0.7rem}
	#title .c-left-top {left:55%;}
	#menu nav.t-font--mamc a {margin-right:2rem}
	#menu nav.t-font--mamc {padding-bottom:0.8rem}
	#header, #footer {font-size:1.4rem;}
	.c-title {width: calc(100% - 4rem);}
	.o-page-list1 .c-agenda-month {text-align:left}
	.o-page-list1 .o-togl-body {padding-left:1.5rem}
	.c-partners-width {width:75%;margin:0 auto}
}
@media screen and (max-width: 400px) {
	html {font-size:2.0vw}
	.t-font--prac.u-text--m {font-size:2.6rem}
}
@media screen and (max-width: 768px) {
	#menu nav {overflow-x:auto}
/*
	#menu nav::-webkit-scrollbar-track {background-color: #F5F5F5;} 
	#menu nav::-webkit-scrollbar {height: 6px;background-color: #F5F5F5;}
	#menu nav::-webkit-scrollbar-thumb {	background-color: #000000;}
*/
}

.o-cal {/* for all css linked to calendar -> /jsc/site.js */}

.t-site .ds-dropdown {border:0px;border-radius:0px;box-shadow: none;background-color:#f8f8f8;margin-top:0em}
.t-site .ds-dropdown:before {display:none}

.o-cycl-prev { left: 0; padding: 12% 22% 12% 2%;  }
.o-cycl-next { right: 0; padding: 12% 2% 12% 22%; }


.c-popup {position: fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(255,255,255,0.9)}
.c-popup div  {position: fixed; top:5%; left:5%; right:5%; bottom:5%; filter:drop-shadow(0 0 2px black)}
@media screen and (min-width: 1400px) { .c-popup div  {position: fixed; top:15%; left:15%; right:15%; bottom:15%; filter:drop-shadow(0 0 2px black)}}

@media all and (orientation:portrait ) { .u-hide-portrait {display: none !important} }
@media all and (orientation:landscape) { .u-hide-landscape  {display: none !important} }


.c-cta-title { position: absolute; top: calc(1rem + 2px); right: 11.5rem; z-index: 1; }
.c-cta-title-button { display: block; width: 8rem; }
.c-cta-title-button::after { display: none; }
.c-cta-title-button img { width: 100%; }
@media screen and (max-width: 768px) {
	.home .c-cta-title { display: none; }
}
.c-cta-footer { pointer-events: none; position: fixed; left:0; right: 0; bottom: 2rem; z-index: 99; display: flex; justify-content: flex-end; }
.c-cta-footer-button { pointer-events: auto; background-color: white; border-radius: 1rem; padding: 1rem; display: block; width: 28rem; margin-right: 2rem;}
.c-cta-footer-button img { width: 100%; }
.home .c-cta-footer { display: none; }
@media screen and (max-width: 768px) {
	.c-cta-footer-button { width: 16rem; }
	.home .c-cta-footer { display: flex; }
}


.c-collection-container { width: calc(100% + 2rem); margin-left:-1rem; padding: 2rem 0; position: relative; }
.c-collection-container:after { content: ""; display: block; width: calc(100% - 2rem); position: absolute; left: 1rem; bottom: 0; border-bottom: 1px solid rgb(210,210,210); }
.c-collection-tile, .c-collection-separator { display: inline-block; vertical-align: top; position: relative; border: 1rem solid transparent; border-top: 0px; border-bottom-width: 2rem; background-clip: padding-box; }
.c-collection-tile { width: 20%; }
@media screen and (max-width: 768px) {
	.c-collection-tile { width: 50%; }
}
.c-collection-separator { width: 100%; overflow: hidden; text-overflow: clip; text-transform: uppercase; font-variant-numeric: proportional-nums; }
.c-collection-separator:after { content: "                                                                                                                                "; font-family: MamcoPosterLines2; font-style: normal; }

.c-collection-image img { width: auto; max-width: 100%; height:auto; max-height: 33vh; margin: auto; }
.c-collection-image div { background-size: contain; background-position: center; background-repeat: no-repeat; }
.c-collection-label { float:left; width: calc(100% - 3em); overflow-wrap: break-word; }
.c-collection-expand, .c-collection-collapse { float: right; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align:center; cursor: pointer; border-radius: 100%; border: 1px solid; }
.c-collection-expand { background-color: #fff; color: #999; border-color: #999; }
.c-collection-expand:hover { background-color: #999; color: #fff; }
.c-collection-collapse { background-color: #999; color: #fff; border-color: #999; }
.c-collection-collapse:hover { background-color: #fff; color: #999; }

.c-collection-vote { display: inline-block; width: 5em; height: 5em; position: absolute; top: 1em; right: 1em; }
.c-collection-vote img { width: 100%; }
.c-collection-vote img:first { display: inline-block; }
.c-collection-vote img:last-child { display: none; }
.c-collection-vote:hover img:first-child { display: none; }
.c-collection-vote:hover img:last-child { display: inline-block; }

.c-collection-list[data-tab="az"] .c-collection-tile { border-top-width: 0; border-bottom-width: 0; }
.c-collection-list[data-tab="az"] .c-collection-tile { width: 100%; }
.c-collection-list[data-tab="az"] .c-collection-label { width: 100%; margin-bottom: 0; padding-bottom: 1rem; border-bottom: 1px solid rgb(210,210,210); white-space: nowrap; }

.c-collection-bar { line-height: 3.5rem; border-bottom: 1px solid rgb(210,210,210); background: #fff; }
.c-collection-bar span, .c-collection-bar a { margin-right: 1.6em; font-weight: normal; text-transform: uppercase; color: #999; }
.c-collection-bar span, .c-collection-bar a.is-active { color: #000; }

.c-collection-tab:after { font-family: MamcoIcon; text-transform: none !important; font-style: normal; letter-spacing: normal; }
.c-collection-tab.is-active[data-order="asc"]:after { content: "b"; }
.c-collection-tab.is-active[data-order="desc"]:after { content: "a";}

.c-collection-searchtab { float: right; margin-right: 1rem !important; }
.c-collection-searchtab span { position: relative; top: -0.5rem; left: -0.5rem; margin-right: 0; color: inherit; }
@media screen and (max-width: 600px) {
	.c-collection-searchtab { margin-right: 0 !important; }
}

.c-collection-searchbar { display: flex; }
.c-collection-search { flex: 1; padding-left: 1rem; }
.c-collection-search:first-child { padding-left: 0; }
.c-collection-search--fixed { flex: 0 0 12rem; }
.c-collection-search--reset .o-button { padding: 0.4em; border: 1px solid; width: 100%; border-color: rgb(235,235,235) !important; }
.c-collection-search--reset .o-button:hover { border-color: #606c76 !important; }

.c-collection-sheet { border-bottom: 1px solid rgb(210,210,210); }
.c-collection-sheet figure img { width: auto; max-width: 100%; height:auto; max-height: 66vh; margin: auto; }

.c-collection-tile, .c-collection-sheet { white-space: pre-line; }

.c-collection-loading { border-bottom: 1px solid rgb(210,210,210); }
.c-collection-loading .spinner { margin: 100px auto; width: 120px; height: 40px; text-align: center; }
.c-collection-loading .spinner div { background-color: #999; height: 100%; width: 20px; margin: 2px; display: inline-block; animation: spinner-stretchdelay 1.2s infinite ease-in-out; }
.c-collection-loading .spinner .rect2 { animation-delay: -1.1s; }
.c-collection-loading .spinner .rect3 { animation-delay: -1.0s; }
.c-collection-loading .spinner .rect4 { animation-delay: -0.9s; }
.c-collection-loading .spinner .rect5 { animation-delay: -0.8s; }
@keyframes spinner-stretchdelay {  0%, 40%, 100% {  transform: scaleY(0.4); } 20% { transform: scaleY(1.0); } }