@charset "utf-8";
/*
Theme Name: Design Chicago Magazine
Theme URI: http://designchicagomag.com/
Author: Arturan
Author URI: http://arturan.com/
Description: Design Chicago Magazine
Version: 1.0.0
*/

  
  @font-face{font-family:Butler;font-style:normal;font-weight:400;src:url(fonts/butler/Butler_Regular.woff2) format("woff2"),url(fonts/butler/Butler_Regular.woff) format("woff");}
  @font-face{font-family:Butler;font-style:normal;font-weight:800;src:url(fonts/butler/Butler_Bold.woff2) format("woff2"),url(fonts/butler/Butler_Bold.woff) format("woff");}
  @font-face{font-family:HKGrotesk;font-style:normal;font-weight:400;src:url(fonts/hkgrotesk/HKGrotesk-Regular.woff2) format("woff2"),url(fonts/hkgrotesk/HKGrotesk-Regular.woff) format("woff");}
  @font-face{font-family:HKGrotesk;font-style:normal;font-weight:800;src:url(fonts/hkgrotesk/HKGrotesk-Bold.woff2) format("woff2"),url(fonts/hkgrotesk/HKGrotesk-Bold.woff) format("woff");}
  
  html{-webkit-text-size-adjust:100%;font-family:HKGrotesk,sans-serif;font-size:1em;line-height:1.4;}body{margin:0;color:#222;background:#fff;}main{display:block;}h1{font-family:Butler,serif;font-weight: 400;font-size:2em;margin:0}hr{box-sizing:content-box;overflow:visible;display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}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:-.25em}sup{top:-.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:.35em .75em .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,[hidden]{display:none}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}

.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px auto 20px}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
  
.hidden{display:none!important}.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}
  
#skiptocontent a{padding:6px;position:absolute;top:-40px;left:0;color:#FBFAF9;border-right:1px solid #FBFAF9;border-bottom:1px solid #FBFAF9;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:#BF1722;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}
  
/*
#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:56px;position:absolute;cursor:pointer}
#menu-trigger{top:3px;right:5%;min-width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;color:#fff;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
#menu-trigger .label{display:none}
#menu-trigger .icon{top:0;right:0;overflow:hidden;width:100%;font-size:0;text-indent:-9999px}
#menu-trigger .icon span{display:block;position:absolute;top:26px;left:0px;right:0px;height:5px;background:#041E42;color:#fff;-webkit-transition:background .3s .3s;transition:background .3s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:5px;background-color:#041E42;color:#fff;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;width:100%}
#menu-trigger .icon span::before{top:-12px;-webkit-transition-property:all,-webkit-transform;transition-property:all,transform}
#menu-trigger .icon span::after{bottom:-12px;-webkit-transition-property:all,-webkit-transform;transition-property:all,transform}
.is-active #menu-trigger .icon span{background:0 0;height:5px}
.is-active #menu-trigger .icon span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:5px}
.is-active #menu-trigger .icon span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.is-active #menu-trigger .icon span::after,.is-active #menu-trigger .icon span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s;background-color:#041E42}
#menu-trigger{border:1px dotted transparent}
#menu-trigger:focus{border:1px dotted transparent;outline:0}
*/

.serif{font-family:Butler,serif;}
.large{font-size:1.3em}
.small{font-size:.8em}

header,main,.alert-container{max-width:90%;margin:0 auto;}
header{padding:2em 0}
main{padding-bottom: 2em;}
header .logo{display:block;width:80%;padding-bottom:30%;background:url(img/designchicagomag.svg) no-repeat left top;background-size:contain;}
main img{max-width:100%;}

main a{color:#222;text-decoration:none;}
main a:hover{text-decoration:underline;}

.intro{font-size:.9em}
.intro p{margin-top:0;}

.page-bkg{background:#939598;font-size:.9em;padding:.5em 1.5em 1em}
.button a{font-size:1.2em;color:#fff;white-space:nowrap;font-weight:800;text-transform:uppercase;text-decoration:underline;}

.highlight,
.highlight a{color:#fff}

.image{display:none}
.mobile-img img{width:25%}

@media only screen and (min-width:800px) {
  header,main,.alert-container{max-width:80%;}
  header .logo{width:20%;padding-bottom:8%;}
  main{display:flex;}
  .text{width:50%;box-sizing: border-box;}
  .intro{padding-right:10%;font-size:1em}
  .image{display:block;width:40%;/*background:#939598*/}
  .mobile-img{display:none}
}


@media print{*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}