/*
Theme Name: BBDO x Malmö Leasing
Theme URI: knutagard.se
Description: An Alexander Knutagård theme for BBDO / Malmö Leasing
Author: Alexander Knutagård
Author URI: alexanderknutagard.com
Version: 3.0
*/


/* BBDO x Malmö Leasing
--------- 
*/


html{font-size:10px;}
body {ine-height:1;font-family: myriad-pro, sans-serif;margin:0;padding:0;color:#000;
	-webkit-font-smoothing: antialiased;background:white;
-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
font-style: normal;}
body, select, input, textarea, a, .single h3, srong, b{color: #000;}

a {text-decoration:none;margin:0;padding:0;}
a:link {-webkit-tap-highlight-color: #9a9a9a;display:inline-block;}
h1 a, h2 a, h3 a, .block a{color:black;}
article a:hover{color:#3b3b3b;}

ins {background-color: #fcd400; color: #fff; text-decoration: none;}
mark {background-color: #fcd400; color: #fff; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:gray;}
textarea:-moz-placeholder { color:gray;}

::selection {
background-color: #4e9583;
color: #f1f1f1;
}

img, #site .wp-block-image{width:100%;max-width:100%;height:auto;margin-bottom:0;}
img{margin-bottom:2.6rem;}
.wp-block-column:only-child img{margin-bottom:1.2rem;}
#site .wp-block-image.is-style-circle-mask img, #site .wp-block-image.is-style-rounded img, .attachment-post-thumbnail{border-radius:1.2rem;}

.wp-block-cover, .wp-block-cover-image{z-index:500;position:relative;background:transparent;margin-bottom:calc(8vw + .5em);}
#site .wp-block-cover{min-height:50vh;padding:3.5vw;}
#site .wp-block-cover h1, #site .wp-block-cover p{color:black;}

header{position:absolute;}
.bar{height:11.2rem;width:100%;position:fixed;z-index:540;opacity:0;transition:all .3s}

nav{overflow:auto!important;}

p a{text-decoration:underline;outline:none;}
#site .wp-block-button__link, input, textarea{font-size:1.451vw;padding:.7em 1.25em .7em;border-radius:6.4rem;text-decoration:none;outline:none;}
.wp-block-button__link{display:inline-block;margin-right:.5em;width:100%;margin-bottom:.75em;transition:background .3s}
.wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:.75em;}
input, textarea{border:0;border-radius:2rem;font-family:inherit;font-size:2rem;margin-bottom:.65em;margin-top:.5em;padding:.8em 1em .7em}
.white input, .white textarea{border:1px solid #1d1d1b;}
.wpcf7-submit{border-radius:10vw;font-size:1.375vw;margin-bottom:1.25em;margin-top:-.5em;padding:.8em 2em .7em;border:0;}
#site .wp-block-button__link:active, #site .wp-block-button__link:focus, #site .wp-block-button__link:hover, #site .wp-block-button__link:visited{color:black;}

.white, .white .bar{background:#fafafa}
.white .wp-block-button__link, .grey .odd .wp-block-button__link{background:#d3d8da;color:black;}
.white .wp-block-button__link:hover, .grey .odd .wp-block-button__link:hover{background:#c2e8f1;color:black;}
.white nav, .white .odd{background:#d3d8da;}
.white #navtrigger, .white .less{background-color:#d3d8da}

.grey, .grey .bar{background:#d3d8da}
.grey .wp-block-button__link, .white .odd .wp-block-button__link{background:rgba(0,0,0,0.15);color:black;}
.grey .wp-block-button__link:hover, .white .odd .wp-block-button__link:hover{background:#c2e8f1;color:black;}
.grey nav{background:#b3b8ba;} 
.grey .odd{background:#fafafa}
.grey #navtrigger, .grey .less{background-color:rgba(0,0,0,0.15);}
.grey .active .less{background-color:#b3b8ba}

.wp-block-cover__video-background{object-fit:cover;}
.wp-block-cover{visibility:hidden;}
#navtrigger, #logo, .less{position:fixed;z-index:550;transition:top .3s}
#navtrigger, .less{cursor:pointer;background-image:url(images/plus.png);background-position:center right 2rem;background-repeat:no-repeat;background-size:1.6rem auto;top:3.2rem;right:6.4rem;font-size:2.4rem;padding:1rem 4.4rem 1.1rem 2.8rem;border-radius:6.4rem;}
.less{background-image:url(images/close.png);left:-100vh;width:0;}
nav{position:fixed;z-index:560;width:100vw;height:auto;opacity:0;left:-100vw;transition:opacity .3s, padding .3s;padding:14.2rem 6.4rem 6.4rem;-webkit-overflow-scrolling: touch;
    overflow: scroll;font-size:0;border-radius:0 0 3.2rem 3.2rem}
nav li{display:inline-block;width:20%;font-size:1.451vw;vertical-align:top;margin-bottom:.25em}
nav li a{text-decoration:underline;}
nav .sub-menu li{width:100%;font-weight:400;}
nav .sub-menu li a{text-decoration:none;}
.sub-menu{margin-top:.25em}
.active {left:0;}
.active .less{left:auto;width:auto;}
.white nav.active{box-shadow:0px 100px 1000px rgba(0,0,0,0.3)}
#logo{top:3.8rem;left:6.4rem;height:74px;z-index:570;font-weight:600;font-size:3.2rem;
}
.smaller .bar{z-index:540;opacity:1;height:11.2rem;}
.screen-reader-text{position:absolute;left:-1000px;}
article{
    list-style:none;
	display:inline-block;
	overflow:hidden;
	position:relative;}
#site{padding:11.2rem 3.2rem 0}
.wp-block-column, .block{padding:0 3.2rem 6.4rem;visibility:hidden;
	vertical-align:top;position:relative;display:inline-block;z-index:444;}
#site .wp-block-columns{margin-bottom:0vw;}
#site .odd{width:calc(100% + 6.4rem);margin-left:-3.2rem;padding:7.2rem 3.2rem 0;margin-bottom:8.2rem;}

.bottom .block{vertical-align:bottom;}
#site .middle{align-items: center;}
#site .bottom{align-items: baseline;}

.postnav{width:100%;}
.postnav a{display:inline}
.postnav span{display:inline-block;width:50%;float:left;}
.postnav span.newer{float:right;text-align:right;}

/* Typografi */
p{color:#10101b;font-size:1.562vw;margin-bottom:1em;line-height:1.3;vertical-align:baseline;}
p strong, h2 strong{font-weight:600;}
h3 strong{color:rgba(0,0,0,0.25);font-weight:400;}
h1, h2, h3, h4, h5{margin-bottom:1em;vertical-align:baseline;padding-right:1vw;color:#000;}
h3{font-size:2.121vw;margin-bottom:.75em;}
.wp-block-image figcaption{font-size:1.5rem;}
.lang a{margin-right:1em;}
.login{text-transform:none;}
h1, h2, h4, h5{line-height:1.125}

#site .wp-block-latest-posts__list li{line-height:1.3;font-size:1.562vw;list-style:none;background:none;padding-left:0;margin-top:1.5em;}
#site .wp-block-latest-posts__list li a{font-weight:600;}
#site .wp-block-latest-posts__list li time{font-weight:300;font-size:1.562vw;margin-bottom:.65em;}

h2, h1, blockquote p{font-size:2.679vw;margin-bottom:.65em;
;}
ol, ul{margin-bottom:1em}
#site ul li{font-size:1.562vw;font-weight:400;padding-left:1em;background:url(images/black.png);background-size:5px auto;background-repeat:no-repeat;background-position:0 .65em;}
li{margin-bottom:.65em;}

hr{border-color:#10101b;margin-bottom:3em;margin-top:1.75em;}

.block video, video, .wp-video{width:100%!important;max-width:100%;height:auto;object-fit: cover;pointer-events: auto;}

footer p{font-size:2rem;}

.less-padding-bottom{padding-bottom:0;}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Gutenberg specific changes */ 

#site .wp-block-column:not(:first-child){margin-left:0;}
#site .wp-block-column{flex-basis:50%;flex-wrap:wrap!important;}


.wp-block-column .wp-block-columns .wp-block-column{padding-bottom:0;}

#site .fluentform .ff-el-input--label label, #site .fluentform .ff-el-form-check label.ff-el-form-check-label{font-size:20px;}
#site .fluentform .ff-el-progress-status{font-size:16px;margin-bottom:15px;}
#site table.ff_repeater_table .ff-el-input--label label{font-size:16px;margin-top:10px;}
#site .fluentform .ff-el-progress-bar span{font-size:0;}
#site .fluentform .ff-el-form-check-label .ff-el-form-check-input{top:-1px;}
#site .fluentform .ff-btn-secondary, #site .fluentform .ff_upload_btn.ff-btn, #site .ff-btn-submit{font-size:18px;font-family:inherit;padding:1rem 2.8rem;border-radius:6.4rem;border:0px;margin-top:5px;}
#site .ff-btn-submit{background:#c2e8f1;color:black}
#site .fluentform .ff-el-is-error .text-danger{font-size:16px;margin-top:7px;}
#site .ff-el-section-break .ff-el-section-title{font-size:32px;margin-bottom:10px;}
#site .fluentform .ff-el-progress-bar{background-color:#c2e8f1}
#site .ff-section_break_desk p{font-size:18px;}
#site .ff-message-success p{font-size:20px;}
#site .ff-message-success{padding:0;border:0;box-shadow:none;}


/* Print styles
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries
-------------------------------------------------------------------------------*/

@media only screen and (max-width:1420px){
    h3{font-size:1.75vw}
    h1, blockquote p, h2{font-size:3vw;}
    h1, blockquote p{font-size:4.5vw;}
}
@media only screen and (max-width:1260px){
    h3{font-size:2.1vw}
    h1, blockquote p, h2{font-size:3.5vw;}
    p, #site .wp-block-button__link, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:1.8vw;}
}
@media only screen and (max-width:1080px){
    #site{padding: 11.2rem 2.2rem 0}
    #site .odd{padding:5.2rem 2.2rem 1.6rem;margin-left:-2.2rem;width:calc(100% + 4.4rem);margin-bottom:6.4rem;}
    .wp-block-column{padding:0 1.6rem 3.2rem}
    .wp-block-button__link{margin-bottom:1.6rem}
    .wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.6rem}
    .wp-block-cover p, h3{font-size:2.6vw}
    h1, blockquote p, h2{font-size:4vw;}
    p, #site .wp-block-button__link, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:2.2vw;}
    nav li{width:33.333%}
    input, textarea{width:100%;}
    .wpcf7-submit{width:auto;}
    #logo{left:3.8rem;}
    #navtrigger, .less{right:3.8rem;}
    nav{padding:12.8rem 3.8rem 3.2rem}
}
@media only screen and (max-width:920px){
    #site .wp-block-column, #site .wp-block-columns{flex-basis:100%!important;min-width:100%;display:inline-block}
    #site .wp-block-column:empty{display:none;}
    nav li{width:50%;}
    .sub-menu{margin-bottom:2em;}
    h3{font-size:3rem;margin-bottom:.5em}
    h1, blockquote p, h2{font-size:3.4rem;margin-top:-.4rem;}
    p, #site .wp-block-button__link, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:2.2rem;}
    .hideonmobile{display:none!important;}
    .wp-block-button__link{margin-bottom:1.8rem;}
    .wp-block-column{padding:0 1.6rem 2.4rem;}
    .wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.8rem;}
    h3 strong{position:absolute;margin-top:-1.2rem}
    #site{padding: 10.2rem 1.6rem 0}
    #site .odd{padding:4.4rem 1.6rem 1.2rem;margin-bottom:3.8rem;width:calc(100% + 3.2rem);margin-left:-1.6rem;}
    #logo{top:3.4rem;font-size:3rem;height:auto;left:3.2rem;}
    
    .bar{height:10.8rem}
    .smaller .bar{height:10.2rem;}
    #navtrigger, .less{padding:1rem 4.6rem 1.1rem 2.4rem;font-size:2.2rem;top:2.8rem;right:3.2rem;}
    nav{padding:10.2rem 3.8rem 3.2rem}
    #site nav li, .sub-menu li{font-size:2.2rem;}
    
}

@media only screen and (max-width:820px){
    h1, blockquote p, h2{font-size:3rem;}
    p, #site .wp-block-button__link, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:2rem;}
    
    nav li{width:100%;}
    .sub-menu{border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:1em;margin-bottom:1em}
    nav .sub-menu li{margin-bottom:.5em;}
    nav li, .sub-menu li{font-size:2.2rem;}
    #site table.ff_repeater_table td{font-size:18px}
#site .ff-el-section-break .ff-el-section-title{font-size:3rem;}
}

@media only screen and (max-width:620px){
    #logo{left:2rem;font-size:2.8rem;}
    #navtrigger, .less{right:2rem;font-size:2rem;}
    nav{padding:10.2rem 2.6rem 3.2rem}
    #site{padding: 10.2rem 0.4rem 0}
    #site .odd{padding:4.4rem .8rem 1.2rem;width:calc(100% + 1.2rem);margin-left:-0.8rem;}
}