/* from Web REALSTONE.pdf:
1: text cookie: p, button: a.c-border (110%?)
2: popup cookie: .u-text-s (90%)
3: menu: to see
4: Stratégie & Vision: H1, button: a.c-border
5: STRATEGIE: H2, "Realstone SA: une..." H4
6: NOS VALEURS: H1, Précision: H3 (blue)
7: ORGAN: H1, others: p (+p:empty?)
9: LES FONDS H1, RSP: REAL...: H3 (blue), LES IMMEUBLES: H3 (blue)
10: text disclaimer: .u-text-s
15: ACTU: date: h4, title: H3 (blue)
  H1=xxl, H2=xl, H3=l, H4=m, P=regular, H5=s, H6=xs

  colors: base: #666, black: black, blue: #135194, brun:, #7E7C7D
*/

* {box-sizing:border-box;padding:0;margin:0}
html { font-size: 10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html { height: 100%;background: linear-gradient(#ffffff, #cccccc);}
html,body {font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "sans-serif"; font-weight:normal; font-style:normal; }
body{ font-size: 1.6rem; min-height:100vh }
body {background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}

.u-bold, strong, b { font-weight: bold }
.u-italic, em, i { font-style: italic; }

/* text sizes */
h1, .u-text-xxl { font-size:4.8rem; font-family: "Gotham SSm A", "Gotham SSm B"}     /*  */
h2, .u-text-xl { font-size: 2.5rem; font-family: "Gotham SSm A", "Gotham SSm B"; font-weight:bold; padding:0.5rem 0 1rem 0}     /*  */
h3, .u-text-l { font-size: 2.5rem; font-weight:normal}     /*  */
h4, .u-text-m { font-size: 1.6rem; font-weight: normal; line-height:1.7 }     /*  */
p, .u-text-r, td {font-size:1.6rem; line-height:1.7}                                    /*  */
h5, .u-text-s { font-size: 1.3rem}
h6, .u-text-xs { font-size: 1rem}
.o-title {position:relative;transition:all 0.4s ease;opacity:1}
.o-title:hover {opacity:0.6}
.o-title:hover:before {content:attr(more);position:absolute;font-size:9rem;color:white;pointer-events:none;left:50%;top:50%;transform:translate(-50%, -50%)}
a.c-more, a.c-button, span.c-button {font-size:1.9rem;display:inline-block;white-space:nowrap;padding:1rem 6%;margin:0 auto;border:1px solid #ddd; text-decoration: none}
a.c-more, a.c-button {cursor:pointer;}
a.c-more.c-private {border-color:#135194;color:#135194}
a.c-more.c-private:hover {background-color:#135194;border-color:#135194}
a.c-more {margin:5rem auto;} 
td a.c-more, td a.c-button {margin:0 auto}
.c-agenda a.c-more {margin:2rem auto}
.c-fund-detail h3:first-child {font-size:4rem;font-weight:normal;padding-top:3rem}
.c-fund-detail h3 {padding:2rem 0 1rem 0;}
.c-fund-detail h3 + div {padding-top:2rem;}
.c-fund-detail td + td {font-weight:bold}
.c-fund-list.u-padding-rel {padding-top:3rem}
.c-fund-list h3 {border:1px solid #135194;margin:2rem 0;color:black;font-size:2rem}
.c-fund-list .o-grid-cell-4 {min-width:270px}   /* for iPad vert */
.c-fund-list-features {line-height:1.5;min-height:17rem}
.c-agenda div.c-date, .c-agenda div.c-blue {font-size:1.8rem; color: black}
.c-rich-disclaimer p, .c-rich-cookies p {font-size: 1.2rem; padding-bottom:0.5rem; line-height:1.5}
.c-rich-disclaimer h4, .c-rich-cookies h4 {font-size: 1.2rem; }

.c-rich-disclaimer table {color:white;margin:2rem auto;width:100%}
.c-rich-disclaimer table td {text-align:center}


/* text colors */
body {color: #666}
header nav {color: black}
h3, section a, .c-rich a, .c-agenda div.c-blue {color: #135194}
h4 {color: black}
.c-rich-cookies h4 {color: #666 }
a.c-more, a.c-button {color: #666;border-color:#7E7C7D}
a.c-more:hover, a.c-button:hover {background-color:#7E7C7D; color: white}
.t-brown, .t-brown .o-covr-main {background:#7E7C7D; color:white}
.t-brown a.c-button {color: white;border-color:white}
.t-brown h4 {color:white}

h1:after {content:"";display:block;border-top:1px solid #999;width:15rem;margin:3rem auto}
section a {text-decoration: underline}

.c-team-img img {width:50%;margin:3rem auto 0 auto}     /* the organisation team, create with jsc for mobile */

/* forms */
.c-rich input, .c-rich textarea {border:0 !important;background-color:#EFECEB;width:100%;max-width:none;padding:0.5rem !important}
.c-rich textarea {min-height:22rem}
.c-rich input[type=checkbox] {width:auto;margin:0.5rem 1rem}
.c-rich .c-rich-hascheckbox {	text-indent: -4rem;	padding-left: 4rem;}

.u-text-upper {text-transform: uppercase;}
.u-text-center {text-align: center;}

.u-clear:after {content:"";display:table;clear:both}

input, textarea, select { font-family:inherit; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ul, li {list-style:none}
a {text-decoration: none;color:inherit;outline:none}
a:hover {color:inherit}
a.is-active, li.is-active {color:#135194;}
li.is-active {font-weight:bold}


header {position:-webkit-sticky;position:sticky;top:0px;z-index:2;width:100%;background:white;padding:2rem 0 5rem}
header nav, main nav.u-hide-mobile {display:table;width:100%}
header nav ul, main nav.u-hide-mobile > ul {display:table-row;height:48px}
header nav ul li, main nav.u-hide-mobile > ul > li {display:table-cell;padding:0 1rem;text-align:right}
html[lang=de] header nav ul li, main nav.u-hide-mobile > ul > li {padding:0 0.5rem;}
header nav ul li {vertical-align:bottom}
header nav ul li:nth-child(1) {text-align:left;padding-left:0}
header nav ul li:nth-child(2) {text-align:center;width:10%}
header nav ul li:last-child {padding-right:0}
header nav img {width:auto}
header nav ul ul {display:none}

main nav {position: absolute;z-index: 2;background: white;width: calc(100% - 4rem) !important;padding:6rem;font-size:2.2rem;border:1px solid black}
main nav.u-hide-desktop {padding:3rem;}
main nav > ul > li {text-align:left !important} 
main nav ul ul {padding-top:1rem; font-size:1.6rem} 
main nav.u-hide-desktop ul ul {padding-top:0; padding-bottom:0.5rem} 
main nav ul ul ul {padding-top:0rem;padding-bottom:1rem} 
main nav li a {color:black;display:inline-block;padding-bottom:1rem} 
main nav li li a {color:#135194;} 
main nav li li li a {color:grey;} 
/*header nav ul li.c-width {width:50%}*/
main h4 + input {margin-bottom:0.55rem}
header a.is-active {color:#135194;font-weight:bold}
header nav {margin-top:3rem}

/*main {margin-top:8rem;padding-bottom:8rem}*/
main section {background:white;text-align:center; padding-bottom:8rem}
main table, .rich table {width:100%}
main td, .rich td {vertical-align:top;padding:2rem}

main div.c-home-back {background: linear-gradient(#ffffff, #cccccc); position:relative;height:calc(100vh - 148px)}
main div.c-home-back img {position: absolute;top: 45%;transform: translate(-50% , -50%);left: 50%;width: 89%;}
main section.c-home {background:transparent;height:100vh}
main section.c-section-sep {margin-top:8rem;padding:0}

footer {position:-webkit-sticky;position:sticky;bottom:0;display:none}
/* Set to footer to static if window's height is to small (avoid footer to come "over" the header because of linear gradient with transparence) */
@media screen and (max-height: 800px) {footer {position:static}}

.c-cookieconsent {position:fixed;display:table;bottom:0;left:0;width:100%;background:white;padding:2rem;text-align:center}
.c-cookieconsent > div {display:table-cell;padding-right:1rem;vertical-align: middle}
.c-cookieconsent a.c-more, a.c-button, span.c-button {white-space: normal;}


.c-agenda > div + img, .c-agenda > img + div {margin-top:3rem}

.t-width {max-width:160rem;padding:0rem 2rem;margin:0 auto; /*background:#ddd*/}

.t-font-gotham { font-family: "Gotham SSm A", "Gotham SSm B";}
.t-font-whitney, .trumbowyg-modal { font-family:"Whitney SSm A", "Whitney SSm B" }

img {display:block;width:100%;}


.o-grid {display:block;width:100%}
.o-grid-gutter { margin-left:-1rem; width: calc(100% + 2rem)}
.o-grid-gutter > [class*='o-grid-cell'] {padding: 0 1rem;}

[class*='o-grid-cell'] {  display: inline-block; vertical-align: top; position: relative; }
.o-grid-cell-0 { display: none }
.o-grid-cell-1 { width: 8.3333% }
.o-grid-cell-2 { width: 16.6666% }
.o-grid-cell-3 { width: 25% }
.o-grid-cell-4 { width: 33.3333%; }
.o-grid-cell-5 { width: 41.6666% }
.o-grid-cell-6 { width: 50% }
.o-grid-cell-7 { width: 58.333% }
.o-grid-cell-8 { width: 66.6666% }
.o-grid-cell-9 {  width: 75% }
.o-grid-cell-10 { width: 83.3333% }
.o-grid-cell-11 { width: 91.6666% }
.o-grid-cell-12 { display: block; width: 100% }
.o-grid-cell-10-wide { width: 83.3333%; margin-left: 8.3333%;margin-right: 8.3333%}

.u-padding {padding:2rem}
.u-padding-rel {padding:8rem 8% 0 8%}
.u-padding-h {padding:0 2rem}
.u-padding-t-s {padding-top:1rem}
.u-padding-t {padding-top:2rem}
.u-padding-t-l {padding-top:3rem}
.u-padding-t-xl {padding-top:8rem}
.u-padding-b-s {padding-bottom:1rem}
.u-padding-b {padding-bottom:2rem}
.u-padding-b-l {padding-bottom:3rem}
.u-padding-b-xl {padding-bottom:8rem}

.c-padding-grid {padding:3rem calc(8.3333% + 2rem)}
.c-padding-grid + .c-padding-grid {padding-top:0}
.u-block {display:block}
.u-none {display:none}
.u-rel {position:relative}
.u-abs {position:absolute;top:0;left:0}
.u-back-white {background-color: white}
.u-float-right {float:right}
.u-text-right {text-align:right}
.u-text-left {text-align:left}
.u-pointer {cursor:pointer}
.u-lineheight-1 {line-height:0.9}

@media screen and (min-width: 851px) {.u-hide-desktop {display:none !important} .u-mask-desktop {display:none}}   /* u-mask- allow jquery toggle to work */
@media screen and (max-width: 850px) {.u-hide-mobile {display:none !important} .u-mask-mobile {display:none}}
/*@media screen and (max-width: 1400px) { html { font-size: 8px;} }*/

@media screen and (max-width: 1200px) {
  header nav ul li:nth-child(n+3) {display:none}
}
@media screen and (max-width: 850px) { /* Mobile */
  html { font-size: 2.25vw;}
  h1, .u-text-xxl { font-size:4rem;}
  .u-padding-rel {padding: 8rem 4% 4rem 4%;}
  [class*='o-grid-cell']:not(.no-responsive) {display:block;width:100% !important;}
  /*.o-grid:not(.no-responsive) [class*='o-grid-cell'] {display:block;width:100% !important;}*/
  .o-rich-table td {display:block; width: 100% !important}
  header {padding:0 0 2rem 0}
  header nav ul li:nth-child(2) {width:auto}
  header nav img {max-width:100%}
  a.c-more, a.c-button, span.c-button {padding:1rem 2rem}
  .c-cookieconsent > div {display:block;margin-top:1rem}
  .c-covr-full h2 {font-size:2rem; top:1rem  }
}
@media screen and (min-width: 851px) and (max-width: 768px) {   /* for iPad vertical... */
  html { font-size: 1.2vw;} 
}
.u-hide-desktop > div {padding: 2rem 0;}    /* when table are transform in div, add space */
.u-hide-desktop .c-mobile-space { padding: 1rem 0; border-top:1px solid #999}    /* when table are transform in div, add space */

@media print {
  html { font-size: 6px;}
  body {width:900px}
  .u-hide-print {display:none !important}
}

.no-transition-onload {transition-duration: 0s !important}
.no-decoration {text-decoration:none}

.o-covr {	/* mini-lightbox */ }
.o-covr-back { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.3) }
.o-covr-main { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; padding: 2rem; border-radius: 0.5rem; }
.o-covr-main { max-width: 640px; }
.o-covr-wide .o-covr-main {max-width:80vw;width:80vw}
.o-covr-body { min-height: 5rem; max-height: 80vh; overflow: auto; }
.o-covr-foot { margin-top: 2rem; text-align: right }
.o-covr-foot:empty { margin-top: 0 }
.o-covr-foot .o-button {display:inline-block;border:1px solid #ddd;padding:0.5rem 2rem;margin-left:1rem}

.c-covr-full .o-covr-main {max-width:156rem;border-radius:0;border:2px solid black;padding:4rem}
.c-covr-full.t-brown .o-covr-main {border-width:2px;border-color:white}
.c-covr-full .o-covr-main {padding-top:8rem;position:relative;}
.c-covr-full .o-covr-body {padding:2rem}
.c-covr-full .o-covr-foot {position: absolute;right: 2rem;top: -0.5rem;font-size: 3rem;display: block;border: 1px solid #999;width: 4rem;height: 4rem;line-height: 4rem;text-align: center;}
.o-covr-back.t-brown {background: rgba(0, 0, 0, 0.3)}
.c-covr-full .o-covr-close {position: absolute;top: 1rem;right: 1rem;font-size: 3rem; z-index:2}
.c-covr-full .o-covr-foot {display:none;}

.c-covr-full h2 {position:absolute;width:100%;text-align:center;top:2rem;left:0;padding:2rem; color:black;font-weight:normal  }
.c-covr-full.t-brown h2 {color:white }
.c-fund-report {background:#7E7C7D; color:white}

.c-rich-disclaimer, .c-rich-cookies {text-align: justify}
@media screen and (min-width: 1200px) {.c-rich-disclaimer, .c-rich-cookies { column-count: 2; column-gap: 6rem }}

.nGY2 .toolbar .ngbt {font-size:2.5rem !important}


.c-fund-detail {text-align:left}
.c-fund-detail td {padding:0.1rem}
/* memo */
.o-memo {font-family:'Barlow Semi Condensed', sans-serif;font-size:2rem}
.o-memo .c-form-enter {width: 300px;margin: 0 auto;}
.o-memo.c-memo-page {	font-size: 1.8rem;letter-spacing:0.5px}
.o-memo .o-button { padding: 0.2rem 1rem; background: #f4f4f4; border-radius: 5px; box-shadow: 0px 0px 2px #999;}
.o-memo .o-button:hover { background: #f9f9f9; }
ul.ds-memo-tree li span {opacity:0.5}
ul[data-dropdown] {display:none}
.ds-form-fields .grid {	line-height: 1.3;}


.trumbowyg-modal input[type=file] {padding:0;margin-top:-1px}
.trumbowyg-editor img {width:50%;box-shadow:0 0 2px #d7e0e2}
.trumbowyg-editor img {width:50%}
.trumbowyg-editor td img {width:100%}

.trumbowyg-editor > *::before {content: "*";color:black;opacity:0.3;position: absolute;left: 0px;width: 1.5rem;text-align: center;font-family: arial;font-size: 9px;box-shadow: 1px 1px 2px gray;line-height: 21px;}
.trumbowyg-editor > *:hover::before {opacity:0.8}
.trumbowyg-editor > p::before {content: "p"}
.trumbowyg-editor > h1::before {content: "h1"}
.trumbowyg-editor > h2::before {content: "h2"}
.trumbowyg-editor > h3::before {content: "h3"}
.trumbowyg-editor > h4::before {content: "h4"}
.trumbowyg-editor > h5::before {content: "h5"}
.trumbowyg-editor > ul::before {content: "ul"}
.trumbowyg-editor > p::before {content: "p"}
.trumbowyg-editor > table::before {content: "T"}

form .c-trumb-form-table {padding:0 1rem 1rem}
form .c-trumb-form-table table {width:100%;text-align:left}
form .c-trumb-form-table td {padding-bottom:0.5rem}
form .c-trumb-form-table label {position:relative;width:100%;border:2px dashed #ccc;margin:0;padding:2rem;height:auto;text-align:center;cursor:pointer;}
form .c-trumb-form-table span {margin-right:1rem;}
form .c-trumb-form-table input[type=file] {opacity:0.01;position:absolute;top:0;left:0;width:100%;max-width:none;height:100%;cursor:pointer}
form .c-trumb-form-table input[type=text] {max-width:none;width:100%}
form .c-trumb-form-table input[type=checkbox] {margin-right:0.5rem;vertical-align:top}

.c-fund-filter {padding: 0rem 10%;border: 1px solid #ddd;margin-top:3rem;font-size:larger}
.c-fund-filter strong {display:block;padding-bottom:0.5rem}

a.c-home-scroll {position: absolute;	bottom: 0;	left: 50%;	font-size: 8vw;	transform: translate(-50% , 0);}
ul.c-cms-mailing  {padding-top:2px}
ul.c-cms-mailing li {font-size:14px;padding:0.2rem}
ul.c-cms-mailing a {color:#135194;text-decoration:underline}