/*! 
!.Theme Name: Pakkala Webbdesign Blog Theme
Theme URI: https://pakkala.se
Autor: Philip Pakkala
Autor URI: https//pakkala.se/ommig
Description: This is a blog theme built by pakkala.se
License: GNU Gereral Public License v2 or later
License URL: https://pakkala.se/villkor
Text Domain: pakkalawebbdesign
*/*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;line-height:24px;font-family:"Open Sans",sans-serif;color:#322e25;background:#fafafa}h1,h2,h3,h4,h5{font-family:"Playfair Display",serif;font-weight:bold;padding:8px 0}p{padding:8px 0 0 0}a{text-decoration:none;font-family:"Playfair Display",serif}li{list-style:none}img{width:100%}input,button{-webkit-appearance:none}#header{width:100%;height:60px;position:fixed;z-index:1000;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding:0 20px}@media screen and (min-width: 768px){.header-grid{-ms-grid-columns:3fr 1fr 3fr;grid-template-columns:3fr 1fr 3fr}}@media (min-width: 1200px){.header-grid{max-width:1000px;margin:auto}}.header-logo{font-size:24px;line-height:60px;font-family:"Playfair Display",serif;font-weight:bold}.header-logo span{display:block;font-size:20px}.header-logo a{color:#322e25;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}.header-logo a:hover{color:#f8721d}.header-center-logo{margin:10px auto;display:none}.header-center-logo img{height:40px;width:auto}@media screen and (min-width: 768px){.header-center-logo{display:block}}.menu-wrapper{text-align:right}.toggler{position:absolute;width:30px;height:60px;opacity:0;right:20px;top:10px;z-index:200;cursor:pointer}.hamburger{width:30px;height:40px;position:absolute;right:20px;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hamburger-line{position:relative;width:100%;height:2px;background:#322e25;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.hamburger-line::before,.hamburger-line::after{content:"";position:absolute;top:-10px;width:100%;height:2px;background:inherit}.hamburger-line::after{top:10px}.toggler:checked+.hamburger>.hamburger-line{-webkit-transform:rotate(135deg);transform:rotate(135deg);background:#f8721d}.toggler:checked+.hamburger>.hamburger-line::before,.toggler:checked+.hamburger>.hamburger-line::after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;background:#f8721d}.main-menu{margin:60px 0 0 0;width:100%;position:absolute;top:0;right:0;visibility:hidden;display:block;border-radius:0 0 15px 15px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu-list{background:#fff;z-index:10;padding:20px 0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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;text-align:center}.menu-list ul{margin-top:-80px}.menu-list ul li{padding:15px 0}.menu-list .menu-item a{color:#322e25;font-size:2rem;font-weight:900}.menu-list .menu-item a:hover,.menu-list .current-menu-item a:hover{opacity:0.8}.menu-list .current-menu-item a{font-size:2rem;color:#f8721d;font-weight:900}.toggler:checked ~ .main-menu{visibility:visible}@media screen and (min-width: 768px){.hamburger,.toggler{display:none}.main-menu{visibility:visible;margin:0;padding:0;position:relative}.menu-list{background:none;padding:0;height:60px;display:block;text-align:right}.menu-list ul{margin-top:0}.menu-list ul li{display:inline;padding:0 15px;line-height:60px}.menu-list .menu-item a{font-size:1rem}.menu-list .current-menu-item a{font-size:1rem}}.main-btn{border:1px solid #322e25;color:#322e25;padding:10px 20px;display:inline-block;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;margin:16px 0 8px 0}.main-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border:1px solid #f8721d;color:#f8721d}.section-light{background:#fff;padding:100px 20px}.section-dark{background:#fff;padding:100px 20px}.content h1{font-size:40px;line-height:48px}.content h2{font-size:24px;line-height:32px}.content .big-img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin:8px 0}.content .small-img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin:8px 0}.citat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Playfair Display",serif}.citat span{color:#eee;font-size:196px;position:absolute;z-index:1;-webkit-transform:translate(-10px, -50px);transform:translate(-10px, -50px)}.citat p{font-size:32px;line-height:40px;z-index:10;padding:0 50px}.citat .citat-right{text-align:right}@media screen and (min-width: 1200px){.citat .citat span{-webkit-transform:translate(100px, -20px);transform:translate(100px, -20px)}.citat .citat p{padding:0 150px}}.grid-3-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:16px}.grid-3-2 span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-3-2 .sm-img-hide{display:none}@media screen and (min-width: 768px){.grid-3-2{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.grid-3-2 .sm-img-hide{display:block;height:100%;width:100%;-o-object-fit:fill;object-fit:fill}}.grid-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:16px}.grid-2 span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.grid-2{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}.grid-3{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:16px}@media screen and (min-width: 768px){.grid-3{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}}.blogg{padding:100px 20px 0 20px}.blogg .card{background:#ffffe0;margin:16px 0 0 0;text-align:center;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;cursor:pointer}.blogg .card a{color:#322e25;font-family:"Open Sans",sans-serif}.blogg .card a img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.blogg .card a span{padding:32px;display:block}.blogg .card a span h3{font-size:24px;line-height:32px}.blogg .card a span p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blogg .card a span .blog-read-more{font-size:14px}.blogg .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background:#fff}.blogg .card:hover .blog-read-more{color:#f8721d}.showcase{display:-ms-grid;display:grid;grid-gap:16px;padding:50px 0 0 0}.showcase div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.showcase div h1{font-size:56px;line-height:64px}.showcase div .signature{font-family:"Playfair Display",serif;font-weight:bold}.showcase img{max-height:auto;width:100%}@media screen and (min-width: 768px){.showcase{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);-webkit-animation:startAnimationShowcase 2s ease-in-out forwards;animation:startAnimationShowcase 2s ease-in-out forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.showcase div{grid-column:span 7;-webkit-animation:startAnimationText 2s ease-in-out forwards;animation:startAnimationText 2s ease-in-out forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.showcase img{grid-column:span 5;max-height:500px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-animation:startAnimation 2s ease-in-out forwards;animation:startAnimation 2s ease-in-out forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}}@media screen and (min-width: 768px){@-webkit-keyframes startAnimation{0%{-webkit-transform:translateX(-227px) translateY(100px) scale(1.5);transform:translateX(-227px) translateY(100px) scale(1.5)}50%{-webkit-transform:translateX(-227px) translateY(100px) scale(1.5);transform:translateX(-227px) translateY(100px) scale(1.5)}100%{-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}@keyframes startAnimation{0%{-webkit-transform:translateX(-227px) translateY(100px) scale(1.5);transform:translateX(-227px) translateY(100px) scale(1.5)}50%{-webkit-transform:translateX(-227px) translateY(100px) scale(1.5);transform:translateX(-227px) translateY(100px) scale(1.5)}100%{-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}}@media screen and (min-width: 1200px){@-webkit-keyframes startAnimation{0%{-webkit-transform:translateX(-295px) translateY(100px) scale(1.5);transform:translateX(-295px) translateY(100px) scale(1.5)}50%{-webkit-transform:translateX(-295px) translateY(100px) scale(1.5);transform:translateX(-295px) translateY(100px) scale(1.5)}100%{-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}@keyframes startAnimation{0%{-webkit-transform:translateX(-295px) translateY(100px) scale(1.5);transform:translateX(-295px) translateY(100px) scale(1.5)}50%{-webkit-transform:translateX(-295px) translateY(100px) scale(1.5);transform:translateX(-295px) translateY(100px) scale(1.5)}100%{-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}}@-webkit-keyframes startAnimationText{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes startAnimationText{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes startAnimationShowcase{0%{height:100vh}50%{height:100vh}100%{height:auto}}@keyframes startAnimationShowcase{0%{height:100vh}50%{height:100vh}100%{height:auto}}.under-showcase{height:500px;width:100%;background-size:cover;background-position:center;background-repeat:repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.contact-form{padding:50px;display:-ms-grid;display:grid;grid-gap:16px;-ms-grid-columns:1fr;grid-template-columns:1fr}@media screen and (min-width: 768px){.contact-form{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.contact-form span:nth-child(1),.contact-form span:nth-child(4){grid-column:span 2;display:block}.contact-form .form-submit-area{grid-column:span 2}}.contact-form label{font-family:"Playfair Display",serif}.contact-form input,.contact-form textarea{outline:none;border:none;border-bottom:1px solid #322e25;font-size:16px;padding:10px 0;display:block;width:100%;resize:none}.contact-form p{font-size:14px;color:#999}.contact-form .form-submit-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contact-form .form-submit-area button{display:block;width:100%;outline:none;margin:16px 0 0 0;border:1px solid #322e25;padding:20px;font-family:"Playfair Display",serif;background:none;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;cursor:pointer}.contact-form .form-submit-area button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-form .form-submit-area .gdpr{display:inline-block;width:auto;padding:0 8px 0 0;height:20px;width:20px;border:1px solid #322e25;outline:none;background:none;border-radius:50%;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;cursor:pointer}.contact-form .form-submit-area .gdpr:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-form .form-submit-area .gdpr:checked{background:green;border:1px solid green}.contact-form .form-submit-area .gdpr-label{font-family:"Open Sans",sans-serif}.contact-form .form-submit-area .gdpr-label a{color:#322e25}.contact-form .form-submit-area .gdpr-label a:hover{color:#f8721d}.message{width:100%;font-size:18px;padding:20px;background:#f8721d;color:#fff;position:fixed;z-index:1000;bottom:0;left:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-animation:sucess 6s ease;animation:sucess 6s ease}@media screen and (min-width: 768px){.message p{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;max-width:1000px;margin:0 auto}}@-webkit-keyframes sucess{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}10%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes sucess{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}10%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}.footer{background:#322e25;color:#fff;color:#fff;font-size:14px;font-family:"Playfair Display",serif}.footer .footer-mandala{width:100%;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;position:absolute;visibility:hidden;pointer-events:none}.footer .footer-mandala img{height:260px;width:auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.6}@media screen and (min-width: 1200px){.footer .footer-mandala{visibility:visible}}.footer .footer-content{padding:50px 20px;display:-ms-grid;display:grid;grid-gap:16px;-ms-grid-columns:1fr;grid-template-columns:1fr}.footer .footer-content h3{font-size:24px;line-height:32px}.footer .footer-content h3 a{font-size:24px;line-height:32px;color:#fff;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.footer .footer-content h3 a:hover{color:#f8721d}.footer .footer-content li{padding:5px 0}.footer .footer-content li a{color:#fff;font-size:14px;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.footer .footer-content li a:hover{color:#f8721d}@media screen and (min-width: 768px){.footer .footer-content{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;max-width:1000px;margin:0 auto}}@media (min-width: 1200px){.content{max-width:1000px;margin:auto}.content h2{font-size:40px;line-height:48px}.content h1{font-size:80px;line-height:88px}}
/*# sourceMappingURL=style.css.map */