style.css

/*!
Theme Name: Birthday
Theme URI: http://birthdayposterseries.goodbyeoffice.com/
Author: Randall Bruder
Author URI: http://www.rb.gd
Description: Happy Birthday!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: birthday
Tags:
*/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{width:100%;zoom:1}body:after,body:before{content:"";display:table}body:after{clear:both}*{box-sizing:border-box}html{font-size:62.5%}@font-face{font-family:gordita;src:url(webfonts/gordita-medium.eot);src:url(webfonts/gordita-medium.eot?#iefix) format('embedded-opentype'),url(webfonts/gordita-medium.woff2) format('woff2'),url(webfonts/gordita-medium.woff) format('woff'),url(webfonts/gordita-medium.ttf) format('truetype'),url(webfonts/gordita-medium.svg#gorditamedium) format('svg');font-weight:500;font-style:normal}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}body{font-family:gordita,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:24px;font-size:2.4rem;line-height:1.55;color:#262262;background:#f0effa;padding:40px}@media (max-width:800px){body{padding:15px}}h1{font-size:108px;font-size:10.8rem;line-height:1.1}h2,h3{font-size:36px;font-size:3.6rem}a{color:inherit;text-decoration:none}a:visited{color:inherit}.mobile{display:none}@media (max-width:1200px){h1{font-size:54px;font-size:5.4rem}h2,h3{font-size:28.8px;font-size:2.88rem}body{font-size:19.2px;font-size:1.92rem}}@media (max-width:800px){.mobile{display:inherit}.desktop{display:none}h1,h2,h3{font-size:21.6px;font-size:2.16rem}body{font-size:14.4px;font-size:1.44rem}}header{zoom:1}header:after,header:before{content:"";display:table}header:after{clear:both}header .site-title{margin-right:40px;float:left}@media (max-width:800px){header .site-title{float:none;font-size:21.6px;font-size:2.16rem;margin-right:30px}}header .site-description{float:right;margin-top:13px}@media (max-width:800px){header .site-description{float:none;margin-top:0}}header .site-description a{display:inline-block;position:relative;-webkit-transition:color .1s;transition:color .1s}header .site-description a::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:3px solid;margin-top:5px}@media (max-width:800px){header .site-description a{display:inline-block;position:relative}header .site-description a::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:3px solid;margin-top:3px}}header .site-description a:hover{color:#39ff14}#sidebar{float:left;width:382px}@media (max-width:1200px){#sidebar{width:202px}}@media (max-width:800px){#sidebar{width:100%}}#primary{padding-top:20px;width:calc(100% - 382px);margin-left:382px;zoom:1}@media (max-width:1200px){#primary{padding-top:14px;width:calc(100% - 202px);margin-left:202px}}@media (max-width:800px){#primary{margin-top:30px;padding-top:0;width:100%;margin-left:0}}#primary:after,#primary:before{content:"";display:table}#primary:after{clear:both}#primary .category{margin-bottom:20px}@media (max-width:1200px){#primary .category{margin-bottom:16px}}@media (max-width:800px){#primary .category{margin-bottom:7.5px}}#primary .poster-thumbs{font-size:0}#primary article{display:inline-block;margin-right:40px;margin-bottom:40px;width:calc((100% - (40px * 2))/ 3)}#primary article:nth-of-type(3n){margin-right:0}@media (max-width:800px){#primary article{margin-right:0;margin-bottom:30px}}@media (max-width:800px){#primary article{width:100%}}#primary article img.poster-thumb{width:100%;-webkit-transition:box-shadow .2s ease;transition:box-shadow .2s ease}#primary article img.poster-thumb:hover{box-shadow:5px 5px 0 0 #262262}#primary article img.poster-thumb.clicked{-webkit-transition:all .38s ease;transition:all .38s ease;z-index:2000;position:fixed;box-shadow:none!important;left:calc(40px + 382px)!important;top:178px!important;width:calc(100% - (382px + (40px * 2)))!important}@media (max-width:1200px){#primary article img.poster-thumb.clicked{left:calc(40px + 202px)!important;top:113px!important;width:calc(100% - (202px + (40px * 2)))!important}}@media (max-width:800px){#primary article img.poster-thumb.clicked{left:inherit!important;top:inherit!important;width:inherit!important}}#primary article .entry-caption{margin-top:10px;font-size:12px;font-size:1.2rem}#pages.tablet{display:none}@media (max-width:1200px){#pages.tablet{display:block}#pages.desktop{display:none}}#pages .page{margin-top:40px;width:calc(100% - 40px)}@media (max-width:1200px){#pages .page{width:100%}}@media (max-width:800px){#pages .page{margin-top:37.5px;width:100%}}#pages .page h2{margin-bottom:20px;font-size:24px;font-size:2.4rem;display:inline-block;position:relative}#pages .page h2::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:3px solid;margin-top:6px}@media (max-width:800px){#pages .page h2{margin-bottom:7.5px;font-size:21.6px;font-size:2.16rem;display:inline-block;position:relative}#pages .page h2::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:2px solid;margin-top:4px}}#pages .page p{white-space:pre-line;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#poster{padding-top:20px;width:calc(100% - 382px);margin-left:382px;zoom:1}@media (max-width:1200px){#poster{padding-top:14px;width:calc(100% - 202px);margin-left:202px}}@media (max-width:800px){#poster{margin-top:15px;padding-top:0;width:100%;margin-left:0}}#poster:after,#poster:before{content:"";display:table}#poster:after{clear:both}#poster .poster{z-index:2000;float:left;display:inline-block;position:relative;width:100%;margin-bottom:40px}@media (max-width:800px){#poster .poster{width:100%;float:none;margin-bottom:15px}}#poster .poster #padding{margin-top:131.5789473684%}#poster .poster #layers{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff}#poster .poster .poster-layer{position:absolute;width:100%;height:auto}#poster .poster .poster-layer#poster-layer1{z-index:300}#poster .poster .poster-layer#poster-layer2{z-index:200}#poster .poster .poster-layer#poster-layer3{z-index:100}#sidebar .poster-info{margin-top:40px;width:calc(382px - 40px)}@media (max-width:1200px){#sidebar .poster-info{width:calc(202px - 40px)}}@media (max-width:800px){#sidebar .poster-info{margin-top:0;margin-bottom:15px;float:none;width:100%}}#sidebar .poster-info h2{margin-top:60px;margin-bottom:20px;font-size:24px;font-size:2.4rem;display:inline-block;position:relative}#sidebar .poster-info h2::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:3px solid;margin-top:6px}@media (max-width:800px){#sidebar .poster-info h2{margin-top:22.5px;margin-bottom:7.5px;font-size:14.4px;font-size:1.44rem;display:inline-block;position:relative}#sidebar .poster-info h2::after{content:'';position:absolute;left:.08em;display:inline-block;height:1em;width:calc(100% - .16em);border-bottom:2px solid;margin-top:4px}}#sidebar .poster-info button{outline:0;border:none;display:block;cursor:pointer;padding:.57em .6em .34em;margin-bottom:11px;font-size:24px;font-size:2.4rem;font-family:gordita,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:400;border-radius:4px;color:#f0effa;background:#262262}@media (max-width:800px){#sidebar .poster-info button{display:inline-block;margin-left:6px;padding:.8em .8em .6em;font-size:14.4px;font-size:1.44rem}}#sidebar .poster-info button:before{content:'\2713';display:inline-block;width:23px;margin-right:10px;position:relative;top:-1px}@media (max-width:800px){#sidebar .poster-info button:before{width:12px}}#sidebar .poster-info button.active{color:#262262;background:0 0;box-shadow:inset 0 0 0 3px #262262}@media (max-width:800px){#sidebar .poster-info button.active{box-shadow:inset 0 0 0 2px #262262}}#sidebar .poster-info button.active:before{content:'\00d7';font-size:30px;top:1px;line-height:0}@media (max-width:800px){#sidebar .poster-info button.active:before{font-size:19px;left:1.5px}}#sidebar .poster-info #the-rules p{white-space:pre-line;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}button#back{outline:0;border:none;display:block;cursor:pointer;padding:.57em .6em .34em;margin-bottom:11px;font-size:24px;font-size:2.4rem;font-family:gordita,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:400;border-radius:4px;color:#262262;background:0 0;box-shadow:inset 0 0 0 3px #262262;-webkit-transition:all .1s;transition:all .1s}@media (max-width:800px){button#back{margin-left:0;display:inline-block;margin-top:45px;padding:.8em .8em .6em;font-size:14.4px;font-size:1.44rem}}@media (max-width:800px){button#back{box-shadow:inset 0 0 0 2px #262262}}button#back:hover{box-shadow:none;color:#f0effa;background:#262262}footer{margin-top:160px;border-top:4px #262262 solid;padding-top:20px}@media (max-width:800px){footer{margin-top:60px}}#whiteout{-webkit-transition:opacity .38s;transition:opacity .38s;opacity:0;background-color:#f0effa;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-40px;z-index:1000;pointer-events:none}@media (max-width:800px){#whiteout{top:-15px;bottom:-15px;left:-15px;right:-15px}}#pages,.poster-info{-webkit-transition:opacity .38s;transition:opacity .38s;opacity:1}.slide-out #pages,.slide-out .poster-info{opacity:0}