style.css

/*!
Theme Name: Delighted Calligraphy
Theme URI: http://delightedcalligraphy.com
Author: Colleen Geohagan
Author URI: http://cgeohagan.github.io
Description: Custom theme for Delighted Calligraphy
Version: 1.2
License: The MIT License (MIT)
License URI: http://opensource.org/licenses/MIT
Text Domain: delighted-calligraphy
*/fieldset,img{border:0}.access__toggle span:after,.access__toggle span:before,q:after,q:before{content:''}.access a,.js .loader__logo__text,h1,h2,h3,input[type=submit]{text-transform:uppercase}.info__list,.slider__list,ul{list-style:none}html{box-sizing:border-box;overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}div{position:relative}.assistive-text,.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important}.clear{clear:both}.textcenter{text-align:center}.alignleft{float:left}img.alignleft{margin-right:1em;margin-bottom:1.8em}img.alignright{margin-left:1em;margin-bottom:1.8em}.text-right{text-align:right}.access__list,.wp-caption,caption,h1,h2,h3,th{text-align:center}.half{width:45%}ul.unstyled{list-style-type:none}.hide{visibility:hidden;width:0!important;height:0!important;line-height:0!important;padding:0!important;margin:0!important}*,address,blockquote,body,caption,cite,code,dd,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,label,li,ol,p,pre,strong,td,th,ul,var{margin:0;padding:0;border:0;font-family:inherit}body,h1,input,textarea{font-family:Cormorant,serif}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}table{border-collapse:collapse;border-spacing:0}strong{font-weight:700}em{font-style:italic}a img{border:none}audio,canvas,video{display:inline-block;display:inline}audio:not([controls]){display:none}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}button,input{line-height:normal;overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}.assistive-text,.featured__figure,.item,.slider{overflow:hidden}.alert{background:red;color:#fff}body,input,textarea{color:#313131;font-size:16px}h1,h2,h3{font-weight:400}h1{font-size:30px}h2,h3,h4{font-size:18px}h2{font-family:Lato,sans-serif}h3,h4{font-family:Cormorant,serif}.access a,.js .loader__logo__text,.slider__header h1,input[type=submit]{font-family:Lato,sans-serif}ol,ul{margin:0}a,button{color:#af9269;text-decoration:none;cursor:pointer}a:active,a:focus,a:hover,button:active,button:focus,button:hover{color:#d5bdbb}button{outline:0}.assistive-text{height:1px;width:1px}img{-ms-interpolation-mode:bicubic;display:block;height:auto;max-width:100%;width:100%}.alignnone{margin:0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}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}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;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}.screen-reader-text{white-space:nowrap;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html{height:100%}body{min-height:100vh}.col,body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pad{padding-top:150px}.no-pad{padding-top:0}.header{padding:2% 2.5%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:fixed;top:0;z-index:90}.primary,.secondary{display:block}.secondary img{padding:0 .5em .5em}@media (min-width:850px){.two-col{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.primary,.secondary{width:50%}.primary{position:fixed;height:100vh}.secondary{margin-left:50%}.secondary img{padding:0 0 .2em}}.footer{margin-top:auto}.access__toggle{background:0 0;height:30px;margin-right:2.5%;position:relative;width:30px;z-index:999}.access__toggle span,.access__toggle span:after,.access__toggle span:before{width:100%;height:2px;right:0;position:absolute}.logo svg{width:95px;height:70px}@media (min-width:740px){.logo svg{width:110px;height:90px}}.access{width:100%;margin:0}.access__list{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;bottom:0;width:60%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:5em;margin:0 auto}.access li{position:relative;display:inline-block;vertical-align:middle}.access a{display:block;padding:10px 15px;margin:2px 0;color:#313131}.access a:active,.access a:hover{color:#f6f0e9}@media (min-width:850px){.access__list{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;width:100%;right:0}.access__list a:active,.access__list a:hover{color:#d5bdbb}}.loader{display:none}.js .loader{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;width:100vw;height:100vh;background-color:rgba(255,255,255,.9);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.featured__figure,.intro-text{-webkit-box-align:center;position:relative}.js .loader__logo{display:block;position:relative;width:300px;height:200px}.hero-image,.intro-text{display:-webkit-box;display:-ms-flexbox;min-height:100vh}.js .loader__logo__calligraphy{position:absolute;width:100%}.js .loader__logo__calligraphy svg{width:100%}.js .loader__logo__text{bottom:10px;right:40px;position:absolute}@media (min-width:1000px){.js .loader__logo{width:400px;height:200px}}.hero-image{background:url(assets/images/heroimage.jpg) center no-repeat;background-size:cover;display:flex;position:relative}.intro-text{-ms-flex-align:center;align-items:center;background-color:#f6f0e9;display:flex}.featured,.featured__figure{display:-webkit-box;display:-ms-flexbox}.intro-text p{font-size:26px;line-height:1.3em;margin:0 auto;padding:2em 0;text-align:left;width:75%}.copyright,.details p,.featured__title,.info{text-align:center}.intro-text p::first-letter{font-size:3.5em;float:left;padding-top:20px;padding-right:8px}@media (min-width:1000px){.intro-text p{font-size:36px}}.featured{display:flex;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5em 0}.featured__wrapper{padding:2em 2em 0}.featured__figure{-ms-flex-align:center;align-items:center;display:flex;padding-bottom:120%}.featured__title,.item__figure{display:-webkit-box;display:-ms-flexbox}.featured__figure img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.featured__title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#d5bdbb;color:#313131;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;margin:0 auto;position:absolute;top:0;width:100%}@media (min-width:850px){.featured{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.featured__wrapper{width:50%;padding-top:3em;padding-bottom:3em}.featured__wrapper:first-child{padding-left:3em;padding-right:1.5em}.featured__wrapper:last-child{padding-left:1.5em;padding-right:3em}}.item{border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.05);margin:30px auto;max-width:600px;position:relative}.item__figure{display:flex}.item h2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.9);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:25%;position:absolute;width:100%;z-index:3}.details h1:after,.slider__header:after{content:'';background-color:#313131}.item h2 a{color:#313131;display:block;width:75%;position:absolute;left:12.5%}.details,.details__border--double,.details__pagination,.info{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}@media (min-width:740px){.item h2 a{height:33%;top:33%}.item h2:after{width:20%;height:1px;left:40%;bottom:30%;background-color:#313131;content:'';position:absolute}}.details,.details__border--double,.details__pagination{display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details{height:100%;margin:120px 0 50px}.details__border--double{min-height:450px;width:90%;border-top:4px double #313131;border-bottom:4px double #313131;padding:1em 0}.details__pagination__links,.info{padding:.5em}.details__pagination{margin:8px auto}.details__pagination__links a{color:#313131;font-size:18px;padding:.5em}.details__pagination__links a:focus,.details__pagination__links a:hover{color:#fff}.details h1{font-weight:700;position:relative}.details h1:after{width:70%;height:2px;left:15%;bottom:-10px;position:absolute}.details h2{margin-bottom:2px}.details p{font-size:18px;margin:2em 1em 0;width:90%}@media (min-width:850px){.details{margin:0}.details__pagination{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%}}@media (min-width:1000px){.details__border--double{border-radius:100%;border:4px double #313131;height:475px;width:475px}.details p{margin:2em 2em 0}}.info{display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px}.info__list li,.slider__item__svg{display:-webkit-box;display:-ms-flexbox}.info--pad{padding:60px}.info--half{border-bottom:1px solid #313131}.info__list h3{margin-right:1em}.info__list li{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5em}.info__list p{max-width:100%}.info h2{text-decoration:underline;margin:1em 0}@media (min-width:740px){.info--row,.info__list--two{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.info{margin:30px 0;padding:20px}.info--half{margin-bottom:0;width:50%}.info--full{margin-top:0}.info--half:first-child{border-right:1px solid #313131}.info--row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 1em}.info__list--two{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.info__list--two li{width:50%}}.border{border:12px solid #fff}.border--inside{position:absolute;width:96%;height:96%;top:2%;left:2%}.border--margin{border:12px solid #f6f0e9;margin:1em}@media (min-width:740px){.border--margin{margin:2em}}.slider{position:relative;height:100vh}.slider__header{top:61vh;left:5vw;position:fixed;z-index:1000}.slider__header:after{position:absolute;width:100%;height:3px}.slider__header h1{font-size:18px}.slider__item{float:left;width:100vw;height:100vh;margin:0;padding:0;position:relative}.slider__item:nth-child(even){background-color:#f6f0e9}.slider__item:nth-child(odd){background-color:#d5bdbb}.slider__item__figure{width:95vw;position:absolute;right:2.5vw;top:95px}.slider__item__section{top:70vh;position:absolute;left:5vw}.slider__item__svg{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:2px}.about__section,.slider__buttons{display:-webkit-box;display:-ms-flexbox}.slider__item__svg svg{height:60px}.slider__item__description{font-size:14px;width:90vw}.slider__buttons{position:absolute;width:95vw;left:2.5vw;top:33vh;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.slider__buttons button{background:0 0;border:none}.slider__buttons svg{width:80px}.slider__buttons .arrow{display:none}.slider__buttons .chevron{height:40px}.slider__buttons .chevron path{fill:#fff;stroke:#313131}.slider__buttons .prev-button{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@media (min-width:740px){.slider__header{top:58vh}.slider__header h1{font-size:30px}.slider__item__figure{width:60vw;max-width:800px;right:5vw;top:12.5vh}.slider__item__section{top:66vh}.slider__item__description{font-size:16px;padding-top:2px;width:50vw}.slider__item__svg svg{height:75px}.slider__buttons{width:90vw;left:5vw;top:inherit;bottom:5vh}.slider__buttons svg{width:120px}.slider__buttons .arrow{display:block}.slider__buttons .chevron{display:none}}@media (min-width:850px){.slider__item__description{width:400px}.slider__item__figure{width:55vw}}.about__section{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:80px auto;width:90%}.footer,.social__wrapper{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}.about__section h2{color:#fff;font-size:24px;margin:1em 0}@media (min-width:850px){.about__section{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.about__section__figure{width:35%;max-width:600px}.about__section__text{width:60%}.about__section h2{margin:0 0 1em}}@media (min-width:1000px){.about__section__figure{width:47.5%}.about__section__text{width:47.5%;font-size:18px}.about__section h2{margin:1em 0}}.social{background-color:#fff}.social h3{font-size:30px;margin:120px 0 30px}.social__wrapper{display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;width:55%;margin:0 auto 120px}@media (min-width:740px){.social__wrapper{width:45%}}@media (min-width:850px){.social__wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%}.social__item{width:32%}}.footer{padding:30px 20px;width:100%;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.copyright{width:221px}@media (min-width:740px){.footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.copyright{text-align:left}}.social-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1em 0;width:120px}.js .is-loader-gone,.page-template-page-styles .footer{display:none}.social-footer svg{width:22px;height:22px}.social-footer svg path{fill:#313131;stroke:none}input[type=tel],input[type=text],input[type=url],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input[type=search],input[type=email],input[type=number],input[type=password],textarea{padding:4px 10px;margin:.5em 0;width:100%;-webkit-appearance:none}input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=search]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus{color:#313131;outline:#af9269 auto 5px}input[type=submit]{-webkit-transition:background-color .6s ease;transition:background-color .6s ease;background-color:#313131;border-radius:2px;color:#fff;float:right;padding:10px 30px}input[type=submit]:focus,input[type=submit]:hover{background-color:#d5bdbb}div.wpcf7-validation-errors{border-color:#af9269}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px #af9269 inset;-webkit-text-fill-color:#fff}.portfolio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:150px 1em 0}.portfolio-title{margin:0 0 1em}.page-template-page-portfolio{background-color:#f6f0e9}.single-portfolio{background-color:#e8dfda}.page-template-page-pricing{background-color:#d5bdbb}.page-template-page-pricing .footer a:focus,.page-template-page-pricing .footer a:hover{color:#f6f0e9}.page-template-page-about{background-color:#f6f0e9}.press{background-color:#d5bdbb}.press a{color:#313131;margin-right:.5em}.press a:focus,.press a:hover{color:#f6f0e9}.page-template-page-contact{background-color:#e8dfda}.contact__wrapper{margin:50px 2em;border-top:4px double #313131;border-bottom:4px double #313131;padding:2em 0}.contact__content,.contact__form{padding:1em 0}.error404{background-color:#d5bdbb}a{-webkit-transition:color .6s ease;transition:color .6s ease}.item h2,svg{-webkit-transition:-webkit-transform .6s ease}a:active,a:focus,a:hover{color:#d5bdbb}svg{transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}svg:active,svg:focus,svg:hover{color:#d5bdbb;-webkit-transform:scale(1.1);transform:scale(1.1)}.js .loader{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.js .is-loader-hidden{opacity:0}.access__toggle span,.access__toggle span:after,.access__toggle span:before{background-color:#313131;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:background-color .6s ease-out,-webkit-transform .6s ease-out;transition:background-color .6s ease-out,-webkit-transform .6s ease-out;transition:transform .6s ease-out,background-color .6s ease-out;transition:transform .6s ease-out,background-color .6s ease-out,-webkit-transform .6s ease-out}.header,.is-toggle-active span{background:0 0}.access__toggle span:before{top:10px}.access__toggle span:after{top:-10px}.is-toggle-active span:after,.is-toggle-active span:before{top:0}.is-toggle-active span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.is-toggle-active span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.access{opacity:1}.js .access{opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.js .is-access-active{opacity:1}.access__list{right:0}.js .access__list{background:0 0;right:-200%;-webkit-transition:right .6s ease-out,background .8s ease-out;transition:right .6s ease-out,background .8s ease-out}.js .is-access-list-active{background-color:#d5bdbb;box-shadow:0 10px 20px rgba(0,0,0,.1);right:0;z-index:999;overflow:auto}@media (min-width:850px){.contact__content,.contact__form{width:50%;padding:1em 2em}.contact__content{border-right:4px double #313131}.js .is-header-active{background:rgba(255,255,255,.8)}.js .is-access-list-active{background:0 0;box-shadow:none}}.featured__title{opacity:.75;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.item h2{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media (min-width:740px){.featured__title{opacity:0}.featured__title:active,.featured__title:focus,.featured__title:hover{opacity:.9}.item h2{-webkit-transform:translateY(100%);transform:translateY(100%)}.item:active h2,.item:focus h2,.item:hover h2{-webkit-transform:translateY(0);transform:translateY(0)}}.slider__list{-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}path{stroke:#313131;stroke-width:1;fill:none}.loader path,.logo path,.slider__item__svg path{-webkit-animation:dash 3s linear forwards;animation:dash 3s linear forwards}.logo path{stroke-dasharray:2000;stroke-dashoffset:2000}.loader path{stroke-dasharray:4300;stroke-dashoffset:4300}.slider__item__svg path{stroke-dasharray:2600;stroke-dashoffset:2600}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.col,body{display:block}.two-col{display:-webkit-box;display:-ms-flexbox;display:flex}.social{padding:1em}.loader path,.logo path,.slider__item__svg path{stroke-dashoffset:0}.details__border--double{height:450px}}@supports (-ms-accelerator:true){.col,body{display:block}.two-col{display:-webkit-box;display:-ms-flexbox;display:flex}.social{padding:1em}.loader path,.logo path,.slider__item__svg path{stroke-dashoffset:0}}
/*# sourceMappingURL=style.css.map */