.list       { margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }
.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }
.beforelist { margin-bottom: 0.3rem; }
.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }
strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; } .notstrong { font-weight: normal; }
.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }
.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face {
font-family: 'suisse';
src: url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntl-Regular-WebXL.eot);
src: url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntl-Regular-WebXL.ttf) format('truetype'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntl-Regular-WebXL.svg#Font) format('svg'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntl-Regular-WebXL.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'suisse-mono';
src: url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.eot);
src: url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.eot?#iefix) format('embedded-opentype'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.woff2) format('woff2'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.woff) format('woff'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.ttf) format('truetype'),
url(//mariecuennet.ch/wp-content/themes/mc_theme/fonts/SuisseIntlMono-Regular-WebS.svg#Font) format('svg');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
html {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: none
}
*, *:before, *:after {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html, body {
height: 100%;
overflow: hidden;
}
body {
padding: 0;
margin: 0;
font: normal 23px/24px 'suisse', Helvetica, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
color: #000;
text-align: left;
-webkit-text-size-adjust: none;
text-size-adjust: none;
background-color: #fff;
-webkit-transition: background-color .25s ease;
-moz-transition: background-color .25s ease;
-ms-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease;
}
a,
a:hover {
color: #0000ff;
text-decoration: none;
}
p, h1, h2, h3, h4 {
font-size: inherit;
font-weight: normal;
margin-top: 0;
}
h1 {
margin: 0;
} #page {
height: inherit;
}
#content-wrapper {
height: 100%;
min-height: 500px;
padding: 58px 0 0 0;
margin-top: -58px;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
-ms-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.content {
height: inherit;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .content-out #header { }
.content-out #projects,
.content-in #projects { }
.content-in #content-wrapper {
}
.img-list-item, .content { }
content-in .img-list-item { }
.content-in .img-list-content img { opacity: 0;
}
.content-in .content { opacity: 0;
} #header {
background-color: #fff;
height: 58px;
border-bottom: 2px solid #000;
position: relative;
font-size: 34px;
z-index: 9999;
}
#logo {
width: 50%;
height: inherit;
line-height: 58px;
float: left;
padding: 0 6px;
}
#nav {
width: 50%;
margin-left: 50%;
padding: 0 6px 0 0;
}
#nav ul {
list-style: none;
padding: 0;
margin: 0;
height: 58px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
#nav li,
#nav li a,
#logo a {
color: #000;
}
#nav li {
list-style: none;
}
#nav li a:after {
content: ",\00a0";	
}
#nav li:last-child a:after {
content: "";	
}
#nav li a,
#header h1 a {
text-decoration: none;
-webkit-align-self: center;
align-self: center;
padding-top: 2px;
-webkit-transition: color .25s ease;
-moz-transition: color .25s ease;
-ms-transition: color .25s ease;
-o-transition: color .25s ease;
transition: color .25s ease;
}
#nav li a:hover,
#nav li.active a,
#header h1 a:hover,
#header h1.active a{
color: #0000ff;
}
#mobile {
display: none;
} .content-text, #projects {
padding: 0 0 6px 0;
}
#projects {
padding: 0 13px 10px 0;
padding: 0;
}
.content-text {
padding-bottom: 0;
height: 100%;
}
.content-text-inner {
height: inherit;
}
.content-text-inner h3 {
padding-top: 12px; }
.content-left,
.content-right {
width: 50%;
padding-top: 10px;
}
.content-left {
position: fixed;
padding-left: 6px;
}
.content-right {
margin-left: 50%;
padding-right: 15px;
padding-bottom: 3px;
}
#projects, .img-list-content a { }
.scroll-container {
position: relative;
height: inherit;
height: 100%;
}
.img-list-item {
float: left;
width: 33.3333%;
position: relative;
}
.img-list-item:after {
content: "";
float: left;
display: block;
padding-top: 75%;
}
.img-list-item h3 {
height: 30px;
margin: 0;
text-align: center;
background-color: #f2f2f2;
background-color: #fff;
border-bottom: 2px solid #000;
padding: 6px 10px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.img-list-item h3,
.project-content, .project-list {
font-size: 16px;
line-height: 18px;
}
.img-list-item h3 a {
text-decoration: none;
color: #000;
}
.img-mobile-list,
.img-mobile-item {
display: none;
}
.img-list-content {
background-color: #efefef;
position: absolute; left: 0;
right: 0;
bottom: 0;
top: 30px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.img-list-content a {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.img-list-content img {
position: relative;
top: 0;
left: 50%;
width: auto;
height: 100%;
opacity: 1;
-webkit-transition: opacity .5s ease-in-out, transform .5s ease;
-moz-transition: opacity .5s ease-in-out, transform .5s ease;
-ms-transition: opacity .5s ease-in-out, transform .5s ease;
-o-transition: opacity .5s ease-in-out, transform .5s ease;
transition: opacity .5s ease-in-out, transform .5s ease;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.img-list-item:hover .img-list-content { }
.img-list-item:hover h3 a {
color: #7e00ff;
color: #0000ff;
} .slider-container {
padding-bottom: 40px;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.project-open .slider-container {
}
.is-touch .slider-container {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.slider-box-wrapper {
height: inherit;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.trans .slider-box-wrapper {
-webkit-transition: -webkit-transform .7s cubic-bezier(0.25, 0, 0.5, 1);
-moz-transition: -moz-transform .7s cubic-bezier(0.25, 0, 0.5, 1);
-ms-transition: -ms-transform .7s cubic-bezier(0.25, 0, 0.5, 1);
-o-transition: -o-transform .7s cubic-bezier(0.25, 0, 0.5, 1);
transition: transform .7s cubic-bezier(0.25, 0, 0.5, 1);
}
.is-touch .slider-box-wrapper{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slider-item img {
cursor: pointer;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
-ms-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.slider-item.slider-single img {
cursor: initial;
}
.slider-item {
margin: 0 3px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
height: 100%;
overflow: hidden;
}
.slider-active { }
.slider-active .slider-thumb,
.slider-img,
.is-touch .slider-thumb {
display: none;
}
.slider-active .slider-img,
.is-touch .slider-img {
display: block;
height: inherit;
}
.slider-img img {
opacity: 0;
}
.isloaded .slider-img img {
opacity: 1;
}
.slider-active.isloading,
.is-touch .isloading {
position: relative;
background: rgba(255,255,255,1) url(//mariecuennet.ch/wp-content/themes/mc_theme/img/pattern.png) 0 0;
background-size: 96px 96px;
}
.slider-active:after{
opacity: 0;
}
.slider-active.isloading:after,
.is-touch .isloading:after {
content: '';
display: block;
width: 30px;
height: 30px;
background-color: #0000ff;
margin: -20px 0 0;
position: absolute;
top: 30%;
left: -30px;
z-index: 9999;
border-radius: 50%;
opacity: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
body:not(.is-touch) .slider-active.isloading:after {
-webkit-animation: updown 1s 0.6s ease-in infinite alternate, leftright 3s 0.5s linear infinite alternate;
-moz-animation: updown 1s 0.6s ease-in infinite alternate, leftright 3s 0.5s linear infinite alternate;
-o-animation: updown 1s 0.6s ease-in infinite alternate, leftright 3s 0.5s linear infinite alternate;
animation: updown 1s 0.6s ease-in infinite alternate, leftright 3s 0.5s linear infinite alternate; 
}
@-webkit-keyframes updown {
0% {
-webkit-transform: scale(1,1);
top: 30%;
}
85% {
-webkit-transform: scale(0.98,1.02);
top: 80%;
}
100% {
-webkit-transform: scale(1.1, 0.92);
top:100%;
}
}
@-moz-keyframes updown {
0% {
-moz-transform: scale(1,1);
top: 30%;
}
85% {
-moz-transform: scale(0.98,1.02);
top: 80%;
}
100% {
-moz-transform: scale(1.1, 0.92);
top:100%;
}
}
@-o-keyframes updown {
0% {
-o-transform: scale(1,1);
top: 30%;
}
85% {
-o-transform: scale(0.98,1.02);
top: 80%;
}
100% {
-o-transform: scale(1.1, 0.92);
top:100%;
}
}
@keyframes updown {
0% {
transform: scale(1,1);
top: 30%;
}
85% {
transform: scale(0.98,1.02);
top: 80%;
}
100% {
transform: scale(1.1, 0.92);
top:100%;
}
}
@-webkit-keyframes leftright {
0% {
-webkit-transform: translateX(0);
left: 0%;
}
100% {
-webkit-transform: translateX(-30px);
left:100%;
}
}
@-moz-keyframes leftright {
0% {
-moz-transform: translateX(0);
left: 0%;
}
100% {
-moz-transform: translateX(-30px);
left:100%;
}
}
@-o-keyframes leftright {
0% {
-o-transform: translateX(0);
left: 0%;
}
100% {
-o-transform: translateX(-30px);
left:100%;
}
}
@keyframes leftright {
0% {
transform: translateX(0);
left: 0%;
}
100% {
transform: translateX(-30px);
left:100%;
}
}
.slider-thumb img {
max-width: 80px;
max-height: 80px;
max-width: 100px;
max-height: 100px;
height: auto;
width: auto;
}
.slider-active .slider-img img { }
.slider-img img {
max-width: 740px;
height: auto;
width: auto;
}
.project-info {
min-height: 38px;
max-height: 38px;
background-color: #fff;
border-bottom: 2px solid #000;
position: relative;
z-index: 9999;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
overflow: hidden;
-webkit-transition: max-height 0.5s ease 0s;
-moz-transition: max-height 0.5s ease 0s;
-ms-transition: max-height 0.5s ease 0s;
-o-transition: max-height 0.5s ease 0s;
transition: max-height 0.5s ease 0s;
}
.project-info:not(.no-detail) .project-title-wrapper {
cursor: pointer;
}
.project-info:after {
content: '';
display: block;
clear: both;
}
.project-open .project-info {
max-height: 200px;
}
.project-inner {
position: relative;
}
.project-title-wrapper {
border-bottom: 2px solid #000;
margin-bottom: 5px;
padding-top: 6px;
}
.no-detail .project-title-wrapper {
border-bottom: 0;
}
.project-title-wrapper:after {
content: '';
display: block;
clear: both;
}
.project-inner h2 {
padding: 0 10px 0 6px;
margin: 0;
width: 50%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.project-info-link {
float: right;
width: 50%;
padding: 0 6px 0 2px;
} .project-info-link a {
border: 2px solid #000;
width: 40px;
height: 40px; display: block;
text-align: center;
color: #000;
margin-top: -8px;
padding-top: 6px;
font-family: 'suisse-mono';
margin-bottom: -2px;
}
.project-open .project-info-link a, 
.project-title-wrapper:hover .project-info-link a { color: #0000ff;
}
.project-content, .project-list {
width: 50%;
opacity: 0;
-webkit-transition: opacity .15s ease 0s;
-moz-transition: opacity .15s ease 0s;
-ms-transition: opacity .15s ease 0s;
-o-transition: opacity .15s ease 0s;
transition: opacity .15s ease 0s;
}
.project-open .project-content,
.project-open .project-list {
opacity: 1;
-webkit-transition: opacity .25s ease .25s;
-moz-transition: opacity .25s ease .25s;
-ms-transition: opacity .25s ease .25s;
-o-transition: opacity .25s ease .25s;
transition: opacity .25s ease .25s;
}
.project-content {
padding: 0 6px 5px;
margin-top: 0;
}
.project-content p:last-child {
margin-bottom: 0;
}
.project-list {
padding: 0 6px 5px 0;
float: right;
}
.project-list ul {
margin: 0;
padding: 0;
}
.content-text-inner ul {
margin-left: 0;
margin-top: 12px;
padding: 0;
}
.project-list li,
.content-text-inner li {
list-style: none;
padding-left: 20px;
}
.content-text-inner li {
padding-left: 30px;
}
.project-list li:before,
.content-text-inner li:before {
content: "\25CF";
display: inline-block;
margin-left: -20px;
width: 20px;
position: relative;
top: -1px;
}
.content-text-inner li:before {
margin-left: -30px;
width: 30px;
top: -2px;
}
.slider-nav {
display: none;
} .ps {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
display: block;
background-color: rgba(0, 0, 0, 0.1);
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
background-color: #999;
height: 11px;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
width: 3px;
}
.ps > .ps__scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
bottom: 0px; height: 15px;
}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
position: absolute; background-color: #aaa;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
bottom: 2px; height: 6px;
}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
height: 11px;
}
.ps > .ps__scrollbar-y-rail {
display: none;
position: absolute; opacity: 1;
margin-top: 30px;
right: 3px; width: 3px;
z-index: 99999;
}
.content-text .ps > .ps__scrollbar-y-rail {
margin-top: 13px;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
position: absolute; background-color: #0000ff;
cursor: pointer;
right: 0; width: 3px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
width: 3px;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
background-color: #999;
height: 6px;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
width: 3px;
}
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
opacity: 1;
}
.ps:hover > .ps__scrollbar-x-rail:hover {
opacity: 1;
}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
background-color: #0000ff;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
opacity: 1;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
background-color: #0000ff;
}
@media only screen and (min-width:1280px){
.slider-img img {
max-width: 940px;
}
.img-list-item {
width: 25%;
}
}
@media only screen and (min-width:1440px){
.slider-thumb img {
max-width: 120px;
max-height: 120px;
}
.slider-img img {
max-width: 1140px;
}
}
@media only screen and (min-width:1600px){
.slider-img img {
max-width: 1280px;
}
.img-list-item {
width: 20%;
}
}
@media only screen and (max-width:800px){
#nav ul {
float: right;
}
.is-touch .slider-box-wrapper {
padding-right: 20px;
}
.slider-item {
margin: 0 5px;
}
.is-touch .slider-item {
margin: 0;
padding-right: 10px;
}
.slider-img img {
max-width: 100%;
}
.img-list-item {
width: 33.33333%;
}
#content-wrapper {
min-height: initial;
}
.slider-container {
padding-bottom: 20px;
padding-right: 20px;
}
.project-title-wrapper {
margin-bottom: 0px
}
.project-content, .project-list {
padding-left: 6px;
float: none;
}
.project-list {
padding-top: 8px;
}
.project-content, 
.project-list {
width: 100%;
}
.project-inner h2 {
width: 85%;
}
.project-info-link {
width: 15%;
}
.project-info-link a {
float: right;
}
.project-open .project-info {
max-height: 50%;
}
.content-left, .content-right {
width: 100%;
padding-left: 6px;
padding-right: 15px;
}
.content-left {
position: static
}
.content-right {
margin-left: 0;
padding-bottom: 6px;
}
}
@media only screen and (max-width:680px){
body {
font-size: 21px;
line-height: 22px;
}
.menu-item-home {
display: none;
}
#page {
height: 100%;
}
#header {
font-size: 21px;
background-color: #0000ff;
}
#nav li a,
#nav li a:hover,
#nav li.active a,
#header h1 a,
#header h1 a:hover,
#header h1.active a {
color: #fff;
}
#header,
#nav ul {
height: 48px;
}
#logo {
line-height: 48px;
}
.ps > .ps__scrollbar-y-rail {
margin-top: 48px;
}
#content-wrapper { padding: 0;
margin: 0;
}
.trans .slider-box-wrapper {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.img-list-item {
width: 100%;
float: none;
height: 75vh;
position: relative;
}
.img-list-content,
.img-list-item h3 {
display: none;
}
.img-mobile-item {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-top: 2px solid #000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.img-list-item:first-child .img-mobile-item {
border-top: 0;
}
.img-list-item:after {
content: none;
}
.img-list-item .slider-container { }
.mobLightbox {
position: absolute;
}
.project-open .project-info {
max-height: 100vh;
}
.project-title-wrapper:hover .project-info-link a {
border: 2px solid #000;
}
.project-open .project-title-wrapper:hover .project-info-link a { color: #0000ff;
}
.project-inner h2 { padding-top: 2px;
}
.project-info-link a {
padding-top: 8px;
}
}
@media only screen and (max-width:479px){
.img-list-content a {
padding: 0 6px;
}
#projects {
padding: 0 0 10px 0;
}
}
@media only screen and (max-width:320px){
body {
}
#logo {
width: auto;
}
#nav {
width: auto;
margin-left: 0;
float: right;
}
}