/*
	Theme Name: seodr
	Description: SEO Doktorn WordPress Theme
	Version: 3.0
	Author: SEO Doktorn i Sverige AB
	Author URI: https://www.seo-doktorn.se
*/

/*-------------- Normalize version 8.0.1 --------------*/

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} body{margin:0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;} pre{font-family:monospace,monospace;font-size:1em;} a{background-color:transparent;} 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:-0.25em;} sup{top:-0.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;cursor:pointer;} 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:0.35em 0.75em 0.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;} details{display:block;} summary{display:list-item;} template{display:none;} [hidden]{display:none;}

/*-------------- Reset --------------*/

*,*:after,*:before {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; text-rendering:optimizeLegibility;} 
* {margin:0; padding:0; outline:0; border:0; font-size:100%;} 
a:focus, a:hover, a:active, input:focus {outline:0;} 
a[href^="tel"]{color:inherit;text-decoration:none;}
img {max-width:100%; height:auto; vertical-align:bottom;}

:root {
	--dark: #3D4342;
	--bright: #FCFDFD;
	--white: #FFFFFF;
	--mid: #80A7A5;
	--primary: #00574F;
	--secondary: #D7EAE9;
	--sec-opacity: /*#f1f7f7*/ rgba(215,234,233,0.3);
}

html {font-size:16px;width:100vw;background:var(--bright);}
body {font: 300 16px/1.7 'canada-type-gibson',Helvetica,Arial,sans-serif; color:var(--dark); height:100%; min-height:100vh; width:100vw; overflow-x:hidden; flex-direction:column;}

::selection {background: var(--mid);color: var(--dark);text-shadow: none;}
::-webkit-selection {background: var(--mid);color: var(--dark);text-shadow: none;}
::-moz-selection {background: var(--mid);color: var(--dark);text-shadow: none;}

/*-------------- Structure --------------*/

.main-content{width:100%;position:relative;flex:1;overflow-x:hidden;}

.clear:before,.clear:after{content:' ';display:table;} 
.clear:after {clear:both;} 
.clear {*zoom:1;} 
.flex {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} 
.flex-space {-ms-justify-content:space-between; justify-content:space-between;} 
.flexcol{flex-direction:column;}
.flex-end {-ms-justify-content: flex-end; justify-content: flex-end;} 
.flex-start {-ms-justify-content: flex-start; justify-content: flex-start;} 
.vert-center {-ms-align-items: center; align-items: center;}
.horiz-center {-ms-justify-content: center; justify-content: center;} 
.row-reverse {flex-direction: row-reverse;} 
.center {text-align: center;} 
.wrap-xl {width: 100%; margin: 0 auto; position: relative;} 
.wrap-l {width: 90%; margin: 0 auto; position: relative;} 
.wrap {max-width: 1280px; width: 90%; margin: 0 auto; position: relative;} 
.wrap-m {max-width: 1000px; width: 90%; margin: 0 auto; position: relative;} 
.wrap-s {max-width: 800px; width: 90%; margin: 0 auto; position: relative;} 
.wrap-xs {max-width: 600px; width: 90%; margin: 0 auto; position: relative;}
.all-trans{-ms-transition: all .5s ease; transition: all .5s ease;}

.col-1-2 {width: 48%; } 
.col-f-1, .col-1{width: 100%; }
.col-f-1-2 {width: 50%; }
.col-1-4 {width:24%;}
.col-3-4 {width:74%;}
.col-f-1-4 {width:25%;}
.col-f-3-4 {width:75%;}

/*-------------- Color Scheme --------------*/

.white-bg, .has-white-background-color {background-color: var(--white); color:var(--dark);}
.bright-bg, .has-bright-background-color {background-color: var(--bright); color:var(--dark);}
.dark-bg {background-color:var(--dark); color:var(--bright);}
.gradient-bg{background: linear-gradient(90deg, rgba(0,35,71,1) 0%, var(--primary) 35%, rgba(0,112,106,1) 61%, rgba(48,164,150,1) 85%, rgba(98,220,196,1) 100%);}
.primary-bg, .has-primary-background-color {background-color: var(--primary); color: var(--bright);}
.mid-bg {background-color: var(--mid); color: var(--bright);}
.secondary-bg, .has-secondary-background-color {background-color: var(--secondary); color:var(--dark);}
.sec-opacity, .has-sec-opacity-background-color {background-color: var(--sec-opacity); color:var(--dark);}
.white-txt, .primary-bg > .content, .dark-bg > .content {color: var(--bright);}
.primary-txt, .primary-txt > a {color: var(--primary);}
.secondary-txt {color: var(--secondary);}
.wp-block-column.has-white-background-color{box-shadow:0px 0px 25px rgba(0, 87, 79, 0.05);}

/*-------------- Links & Buttons --------------*/

a, button.btn, a.btn, .btn, .wp-block-button__link{
	color: inherit;
	text-decoration: none;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}
.main-content p a:not(.btn):not(.wp-element-button), .readmore{text-decoration: underline solid 1px var(--mid); text-underline-offset: 0.35em;}
a:hover, .main-content a:hover {color: var(--primary);}
button.btn, a.btn, .btn, .wp-block-button__link, .wp-block-button.is-style-outline>.wp-block-button__link{
	padding: 15px 25px;
	font-size:0.88rem;
	letter-spacing:1px;
	text-transform:uppercase;
	border: 1px solid var(--secondary);
	border-radius: 25px;
	line-height: 1;
	display: inline-block;
	background: var(--white);
	color: var(--primary);
	font-weight:600;
}
a.primary, .primary, .btn.primary, .wp-block-button.is-style-fill>.wp-block-button__link {background: var(--primary); color: var(--bright); border: 1px solid var(--primary);}
a.primary:hover, .primary:hover, .btn:hover, .wp-block-button.is-style-outline>.wp-block-button__link:hover, .wp-block-button.is-style-fill>.wp-block-button__link:hover {background: var(--mid); color: var(--bright); border: 1px solid var(--mid);}
.btn.primary:not(.current-menu-item) > a, .btn:hover > a{color: var(--bright);}
.wp-block-buttons.is-layout-flex .wp-block-button:not(:last-child){margin-right:15px;}
.readmore{display:inline-block;}
.main-content .taglist > *{
	margin:2px 10px 2px 0;
	text-decoration:none;
	padding: 5px 10px;
	background: var(--primary);
	color: var(--secondary);
	border-radius: 15px; 
	font-size: 0.7rem; 
	font-weight:600;
	letter-spacing: 1.5px;
    line-height: 13px;
    text-transform: uppercase;
}
.main-content .taglist > a:hover{background:var(--mid);color:var(--bright);}

/*-------------- Typography --------------*/

h1, h2, h3, h4 { margin:20px 0; display: block; font-family:'canada-type-gibson'; font-weight:600; line-height:1.1;}
strong, .strong {font-weight:600;}
.main-content .toggles h3{font-size:1.2rem; color: var(--primary); margin-bottom:15px;}
.main-content p {margin-bottom: 25px;}
.main-content p:last-child {margin-bottom: 0;}
.main-content ul, .main-content ol {margin-bottom: 25px;list-style-type:none;}
.main-content ul li, .main-content ol li{padding-left:1.3em;position:relative;}
.main-content ul li:not(:last-child), .main-content ol li:not(:last-child){margin-bottom:5px;}
.main-content ul li:before, .main-content ol li:before{content:'✘'; position:absolute; left:0; color:var(--mid);}
.pre, h1#tit.pre, .readmore{font-size:0.88rem; text-transform:uppercase; letter-spacing:2px; font-weight:600;}
.pre{font-size:0.75rem;}
h1#tit.pre{font-family:monospace;}
h1#tit.pre:before{content: ''; width: 15px; display: inline-block; border-bottom: 1px solid var(--primary); margin-right: 3px;}
.hyph{
	word-break: break-word;
	-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
	-webkit-hyphenate-limit-before: 4;
	-webkit-hyphenate-limit-after: 4;
	-ms-hyphenate-limit-chars: 10 4 4;
	hyphenate-limit-chars: 10 4 4;
}
.has-ingress-font-size{font-size:1.2rem;}

/*-------------- Header / Menu --------------*/

.header {position: fixed; width: 100vw; top: 0; left: 0; z-index: 999;}
.header a{color:var(--primary);}
.header.header-scroll{background:#f1f7f7; -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1); -moz-box-shadow: 0 0 40px rgba(0,0,0,.1); box-shadow: 0 0 40px rgba(0,0,0,.1);}
.header .centerlogo .nav {right:0;padding:14px 0;}
.header .centerlogo.flex-space .span{flex-grow:1;}
.logo {position:absolute;left:50%;margin-left:-25px;height:100%; z-index:99;}
.logo a img{
	height: 50px;
    width: 50px;
    padding: 4px;
    margin: 10px 0;
    border-radius: 100%;
    filter: 0;
    background: var(--bright);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-ms-animation: rotatesvg 8s infinite ease-in-out;
	animation: rotatesvg 8s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform-box: fill-box;
	transform-box: fill-box;
}
@-webkit-keyframes rotatesvg {
  0% {transform: rotate(0deg);}
  20% {transform: rotate(720deg);}
  100% {transform: rotate(720deg);}
}
.header .nav {position:relative;}
.header > ul {height:100%;}
.header .nav > ul{margin:4px 0;}
.header .nav > ul > li, .main-header .nav > ul > li a {display: inline-block; line-height: 1; position: relative;}
.header .nav > ul > li.left{margin-right:10px;}
.header .nav > ul > li.right{margin-left:10px;}
.header .nav > ul > li.btn{padding:0; font-size:0.85rem; letter-spacing:0.02em; text-transform:none; box-shadow:0 0 0 4px rgba(215,234,233,0.25); border:none;}
.header .nav > ul > li.btn > a{
	display:-ms-flexbox; display:flex; 
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	-ms-align-items: center; align-items: center;
	padding:9px 16px;
}
.header .nav > ul > li.btn > a > img{width:16px; margin-right:6px;}
.header .sub-menu{display: none;}
.header .sub-menu li {width:100%;display:block;}
.current-menu-item, .current-menu-ancestor, .current-menu-parent {background: var(--secondary);}
.header .nav > ul > li.btn.primary.current-menu-item > a{color:var(--secondary);}

/*-------------- Search form --------------*/

.search-input{
	background:var(--white);
	color:var(--dark);
	padding:13px 20px;
	border-radius:20px;
    box-shadow: 0 0 25px rgba(0,0,0,.05);
}

/*-------------- Pages --------------*/

/* General */
.wp-block-columns {max-width: 1000px; width: 100%; margin: 0 auto; position: relative;} 
#imgwrap{z-index:-1; position:absolute; overflow:hidden;}
body.home #imgwrap{width:100%; top:0; left:0;}
body:not(.home) #imgwrap{width: 55vw; height: 50vw; top:-20vw; right: -5%;}
#imgwrap svg{z-index:2; position:relative; height: 100%; width: 100%;}
#imgwrap svg path{fill:var(--bright);}
.bg-img{
	object-fit: cover;
	height: 100%;
	width: auto;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left:0;
	z-index: 1;
}
.content{z-index:2;}
.error404 #post-404 svg{display:block; fill:var(--bright); border-radius:15px 15px 0 0;}
.error404 #post-404 .content{border-radius:0 0 15px 15px;}
.looper{box-shadow: 0 0 25px rgba(0,0,0,.05);}
.screen{position:relative;box-shadow: inset 0 0 0 1.5px #c8cacb; padding: 2.5% 2.5% 4% 2.5%; border-radius: 3% 3% 0.75% 0.75%; margin:0 auto; aspect-ratio:16/10;}
figure.macbook{aspect-ratio:16/10; overflow-y:auto; position:relative; margin:0; border-radius:1% 1% 0 0;}
figure.macbook > img{min-width:100%;}
.screen + .device{width: 115%; position: relative; margin-left: -7.5%;}
.screen + .device img{width:100%;}
.beforeafters{border-top:1px solid #c5c7c7;}
.beforeafter-toggles .beforeafters{border-top:none;}
.beforeafters .col-1-2, .looper .col-1-2:first-child, .looper .col-1-4:first-child{padding:0 4%;}
.beforeafter-toggles{display:none;}
pre.wp-block-code{
	margin-top:10px;
	border-radius:25px;
	padding:20px;
	border:0.5px solid var(--primary);
}
pre.wp-block-code.line-numbers{padding:20px 20px 20px 60px;}
pre.wp-block-code .prism-titlename{
	margin: -20px -20px -20px -20px;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'canada-type-gibson';
    background-color: var(--white);
	color:var(--primary);
	left:-20px;
	position:sticky;
}
pre.wp-block-code.line-numbers .prism-titlename{margin: -20px -20px -20px -60px;left:-60px;}
pre.wp-block-code .prism-titlename + code{display:none; margin:40px 0 10px 0;}
.prism-titlename .expander .pre{color:var(--mid);}
.wp-block-image img{border-radius:15px;}
.expand-ul {
	margin-left: 5px;
    font-size: 1.4rem;
    font-style: normal;
	font-weight: bolder;
    line-height: 16px;
    width: 16px;
	height:16px;
    margin-top: -3px;
    font-family: monospace;
    text-align: center;
	color:var(--primary);
}
.expand-ul:before{content:'+';}
.expand-ul.minus:before{content:'-';}
.author > *{margin-right:10px;}
.looper .toggles pre.wp-block-code{width:100%;}
.looper .tags>.taglist>*{
	text-decoration:none!important;
	background:var(--secondary);
	color:var(--primary);
}
.pagination{gap:10px;}
.pagination>*{
	width:50px;
	height:50px;
	line-height:28px;
	text-align:center;
	border:1px solid var(--mid);
	padding:10px;
	border-radius:5px;
}
ul.tabs {padding: 0;gap:5px;}
li.tab-item {
	padding: 10px!important;
	border: 1px solid white;
	margin-bottom: 0!important;
	border-radius: 10px;
	cursor: pointer;
}
li.tab-item:before{display:none;margin:0;}
li.tab-item.current{background:white; box-shadow:0 0 25px rgba(0,0,0,.05); color:var(--mid);}
li.tab-item:hover{color:var(--primary);}
.tab-content {display: none; border-radius: 0 0 20px 20px;}
.tab-content.current {display: block; box-shadow:0 0 25px rgba(0,0,0,.05);}
.tab-content .beforeafters{border-top:none;}
.pagination a:hover{background:var(--sec-opacity);}
.pagination .page-numbers.current{font-weight:bold;color:var(--mid);}
.pagination .prev.page-numbers, .pagination .next.page-numbers{overflow:hidden;font-size:1.3rem;line-height:45px;padding:0 10px;}
.pagination .next.page-numbers{display:inline-flex;flex-direction:column-reverse;padding:0 10px 3px 10px;}

/*-------------- Footer --------------*/

.copyright {font-size:0.8rem;padding:10px;}

/*-------------- Responsive --------------*/

@media only screen and (min-width: 1001px) {
	
	/*-- Typography --*/

	h1, .main-content h1 {font-size: 4.5rem;}
	h1.smaller, h1.has-smaller-font-size, h2 {font-size: 2.7rem;}
	h2.smaller, h2.has-smaller-font-size, h3 {font-size: 1.8rem;}
	h3.smaller, h3.has-smaller-font-size, h4 {font-size:1.2rem;}

	/*-- Space --*/

	.pad-xl {padding: 120px 0;}
	.pad-b-xl {padding-bottom: 120px;}
	.pad-l {padding: 100px 0;}
	.pad-b-l {padding-bottom: 100px;}
	.pad {padding: 80px 0;}
	.pad-b {padding-bottom: 80px;}
	.pad-m {padding: 60px 0;}
	.pad-b-m {padding-bottom: 60px;}
	.pad-s {padding: 40px 0;}
	.pad-b-s {padding-bottom: 40px;}
	.pad-xs {padding: 20px 0;}
	.pad-b-xs {padding-bottom: 20px;}
	.marg-b-l {margin-bottom: 100px;}
	.marg-b {margin-bottom: 80px;}
	.marg-b-m {margin-bottom: 60px;}
	.marg-b-s {margin-bottom: 40px;}
	.marg-b-xs {margin-bottom: 20px;}
	.marg-t-l {margin-top: 100px;}
	.marg-t {margin-top: 80px;}
	.marg-t-m {margin-top: 60px;}
	.marg-t-s {margin-top: 40px;}
	.marg-t-xs {margin-top: 20px;}

	/*-- Header / Menu --*/

	.logo a:hover img {filter:hue-rotate(40deg) saturate(1.1);}
	
	/*-- Pages --*/
	body.home #imgwrap{width:100%;height:200px; top:0; left:0;}
	.wp-block-columns.has-background, .wp-block-column.has-background, .looper {padding: 50px; border-radius:15px;}
	.wp-block-column.is-layout-flow:not(:last-child){margin-right:50px;}
}

@media only screen and (max-width: 1000px) {

	/*-- Typography --*/

	h1 {font-size: 2.4rem;}
	h1.smaller, h1.has-smaller-font-size, h2 {font-size: 2rem;}
	h2.smaller, h2.has-smaller-font-size, h3 {font-size: 1.5rem;}
	h3.smaller, h3.has-smaller-font-size, h4 {font-size: 1.2rem;}
	
	/*-- Cols --*/
	.col-1-4, .col-3-4{width: 47%;}
	.col-f-1-4, .col-f-3-4{width: 50%;}

	/*-- Space --*/
	.pad-xl, .pad-l, .pad {padding: 60px 0;}
	.pad-b-xl, .pad-b-l, .pad-b {padding-bottom: 60px;}
	.pad-m {padding: 40px 0;}
	.pad-b-m {padding-bottom: 40px;}
	.pad-s, .pad-xs {padding: 20px 0;}
	.pad-b-s, .pad-b-xs{padding-bottom: 20px;}
	.marg-b, .marg-b-l {margin-bottom: 60px;}
	.marg-b-m {margin-bottom: 40px;}
	.marg-b-s, .marg-b-xs {margin-bottom: 20px;}
	.marg-t, .marg-t-l {margin-top: 60px;}
	.marg-t-m {margin-top: 40px;}
	.marg-t-s, .marg-t-xs {margin-top: 20px;}

	/* Header / Menu */
	.header .nav{width:95%;}
	
	/* Pages */
	body.home #imgwrap{width:100%;height:150px; top:0; left:0;}
	.wp-block-columns.has-background, .wp-block-column.has-background, .looper {padding: 25px; border-radius:5px;}
	.wp-block-column.is-layout-flow:not(:last-child){margin-right:25px;}
	body:not(.home) #imgwrap{width:75vw;}
}

@media only screen and (max-width: 781px) {
	
	/*-- Typography --*/
	h1, h2, h3, h4{
		-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
		-webkit-hyphenate-limit-before: 4;
		-webkit-hyphenate-limit-after: 4;
		-ms-hyphenate-limit-chars: 10 4 4;
		hyphenate-limit-chars: 10 4 4;
	}
	
	/*-- Cols --*/
	.col-1-2, .col-f-1-2, .col-1-4, .col-f-1-4, .col-3-4, .col-f-3-4{width: 100%;}
	
	/* Header / Menu */
	.header .centerlogo .nav{top:65px;width:100%;}
	.header.header-scroll .logo{display:none;}
	.header.header-scroll .centerlogo .nav{top:0;}
	.header .centerlogo .nav > ul{-ms-justify-content: center; justify-content: center; margin:0;}
	.header .centerlogo.flex-space .span{display:none;}
	.header .nav > ul > li.left, .header .nav > ul > li.right{margin:0 10px 0 0;}
	.header .nav > ul > li.right:last-child{margin:0;}
	.header .nav > ul > li.btn > a{padding:12px;}
	.header .nav > ul > li.btn > a > img{margin:0; width:20px;}
	.header .nav > ul > li.btn > a > span {display:none;}
	
	/* Pages */
	.wp-block-column.is-layout-flow:not(:last-child){margin:0 0 25px 0;}
	body.home #imgwrap{height:105px;}
	body.home #imgwrap svg{height:50px;}
	body:not(.home) #imgwrap{width:110vw; height:170px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}

@supports (-ms-ime-align:auto) {}

/*-------------- WordPress core --------------*/

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float: right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
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 20px 20px 0;}
.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 .wp-caption-text,.gallery-caption {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

/*-------------- Print css --------------*/

@media print {
  * {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) ")";}
  .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
  pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p,h2,h3 {orphans: 3;widows: 3;}
  h2,h3 {page-break-after: avoid;}
}