@charset "utf-8";
/*
Theme Name: de Janosi designs
Theme URI: https://dejanosi.net/
Author: Rowland Holmes
Author URI: https://arturan.com/
Description: de Janosi designs 2022 theme.
Version: 1.0.0
*/
@font-face {
  font-family: 'FSHackneyWeb';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('fonts/FSHackney/FSHackneyWeb-Light.woff2') format('woff2'),
       url('fonts/FSHackney/FSHackneyWeb-Light.woff') format('woff');
}
@font-face {
  font-family: 'FSHackneyWeb';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/FSHackney/FSHackneyWeb-Bold.woff2') format('woff2'),
       url('fonts/FSHackney/FSHackneyWeb-Bold.woff') format('woff');
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;font-size: 1.01em;-webkit-text-size-adjust:100%;sroll-behavior:smooth;}
body{margin:0;font-family:"FSHackneyWeb",sans-serif;background:#DEE8ED;font-weight:200;color:#58595B;}
main{display:block;}
h1{font-size:2em;margin:.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;color:#D14A1F;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:600;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
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-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-45px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#D14A1F;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

/*
font-size:clamp(2rem, 5vw + 1rem, 5rem);width:fit-content;
*/

.wp-block-image.alignfull img, .wp-block-image.alignwide img{height:auto}
.has-brand-grey-color {color:#58595B;}
.has-brand-orange-color {color:#D14A1F;}
.has-brand-blue-color {color:#DEE8ED;}

.wp-block-separator {
    border-top: 3px solid;
    border-bottom: 3px solid;
}

h1,h2,h3,h4,h5{font-weight:200;color:#58595B;line-height:1;}
h2,h3{color:#000}
h3{margin-bottom:0;}

/*#main-menu{list-style:none;margin:0;padding:0;transform:translateX(100%);position:fixed;top:0;right:0;width:70%;transition:transform 250ms ease-in;z-index:20}
.is-active #main-menu{transform:translateX(0);overflow-y:scroll;bottom:0}
.menu-main-menu-container{background:#D14A1F;}*/
.menu-main-menu-container ul{list-style:none;margin:0;padding:0;/*text-align:right;*/}
/*.menu-main-menu-container li{border-bottom:1px solid #fff}
.menu-main-menu-container li:last-child{border-bottom:none}*/
.menu-main-menu-container a{/*display:block;color:#fff;*/text-decoration:none;font-weight:200;/*padding:1rem 1.6rem 1.2rem 1rem;font-size:1.4rem;*/}
.menu-main-menu-container .current_page_parent a,
.menu-main-menu-container .current-menu-item a{font-weight:600;}

/*#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:40px;cursor:pointer;pointer-events:auto}
#menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);width:40px;margin-left:5vw}
#menu-trigger .icon span{display:block;position:absolute;top:26px;left:0px;right:0px;height:3px;border-radius:500px;background:#D14A1F;transition:background 0s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:3px;border-radius:500px;background-color:#D14A1F;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s;width:40px}
#menu-trigger .icon span::before{top:-10px;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-10px;transition-property:bottom,transform}

.is-active #menu-trigger .icon span{background:0 0!important;}
.is-active #menu-trigger .icon span::before{top:0;transform:rotate(45deg);transition-delay:0s,.3s;}
.is-active #menu-trigger .icon span::after{bottom:0;transform:rotate(-45deg);transition-delay:0s,.3s;}*/

  #menu-trigger{display: none;}
  #main-menu{/*position:static;transform:none;transition:none;height:auto;width:auto;text-align:left;*/font-size:.7em;padding:32px 0 0 .5em;}
  /*.menu-main-menu-container{background:none;}
  #menu-main-menu{display:inline-block;}*/
  #menu-main-menu > li {display:inline-block;margin: 0 1em;}
  #menu-main-menu > li:last-child {/*margin-right: 0;*/}
  #main-menu li a {color:#000;
    display:inline-block;
    text-align:left;
    margin:0;
    padding:0;
    font-size:1.2em;}
  #main-menu .current_page_parent a,
  #main-menu .current-menu-item a{color:#D14A1F}

#page{
    background: #fff;
    width: 90vw;
    margin: 6vw auto;
    box-sizing: border-box;
}
#content{padding:0 5vw}
.alignfull{margin-left:-5vw;margin-right:-5vw}

.logo{padding:10vw 5vw}
.logo svg{width:60%}

/*#content a {		
  color: #D14A1F;
  display: inline-block;
  padding-right: 1em;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid #D14A1F;
}
#content a:after {
  content: ' ≥';
  display: inline-block;
  right: 0;
  position: absolute;
  top: 0;
  border-bottom: 1px solid white;
}*/
#content a {		
  color: #D14A1F;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #D14A1F;
}
#content .wp-block-image a{border-bottom:none}

.page-id-16 h2{margin-bottom: 0;}
.page-id-16 h3{margin-top: 0;}

footer{display: flex;padding: 5vw 5vw 2vw;align-items: flex-end;justify-content: space-between;}
.copyright{white-space: nowrap;}
.logomark{width: 10vw;}

.fade-move-set .fade-move-set-item,
.fade-move-grid .fade-move-grid-item,
.fade-move-img img,
.work-icons .wp-block-image {
    position: relative;
    top: 20px;
    transition: top 1s, opacity 1s;
    opacity: 0;
}
html.no-js .fade-move-set .fade-move-set-item,
html.no-js .fade-move-grid .fade-move-grid-item,
html.no-js .fade-move-img img,
html.no-js .work-icons .wp-block-image,
.fade-move-set .fade-move-set-item.state--moved,
.fade-move-grid .fade-move-grid-item.state--moved,
.fade-move-img img.state--moved,
.work-icons .wp-block-image.state--moved{
    top: 0 !important;
    opacity: 1;
}

@media (max-width: 599px){
  .work-icons .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 50%!important;}
  #content p.has-large-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
  }
}


@media (max-width: 782px){
  .mobile-hidden{display:none}
}

@media (min-width: 782px){
  .desktop-hidden{display:none}
  
  #page{width:80vw;margin:6vw auto 6vw 5vw;}
  .alignwide{margin-left:-5vw;margin-right:-5vw}
  .logo{padding:6vw 5vw 2vw}
  .logo svg{width:43%}
  
  /*#menu-trigger{display: none;}
  #main-menu{position:static;transform:none;transition:none;height:auto;width:auto;text-align:right;font-size:.7em;padding:32px 23px 0 0;}
  .menu-main-menu-container{background:none;}
  #menu-main-menu{display:inline-block;}
  #menu-main-menu > li {display:inline-block;margin: 0 4em;}
  #main-menu li a {color:#000;
    display:inline-block;
    text-align:left;
    margin:0;
    padding:0;
    font-size:1.5em;}
  #main-menu .current_page_parent a,
  #main-menu .current-menu-item a{color:#D14A1F}*/

  #main-menu{text-align:right;padding:32px 23px 0 0;}
  #menu-main-menu > li {margin: 0 4em;}
  #main-menu li a {font-size:1.5em;}

  #main-menu li a::after {
    content: '';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 0;
    background: #D14A1F;
    transition: width .25s ease;
  }
  #main-menu li a:hover::after {width: 100%;}
	
  .page-id-14 .wp-block-image a img{transition:transform .5s ease-in}
  .page-id-14 .wp-block-image a:hover img{transform:scale(1.1)}
  
}

.work-icons .wp-block-columns{overflow:hidden}