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

@import 'assets/css/print.css';
@import 'assets/css/base.css';
@import 'assets/css/colors.css';
@import 'assets/css/links.css';
@import 'assets/css/forms.css';
@import 'assets/css/typo.css';
@import 'assets/css/structure.css';
@import 'assets/css/spacing.css';
@import 'assets/css/slider.css';
@import 'assets/css/tabsntoggle.css';
@import 'assets/css/woocommerce.css';
@import 'assets/css/footer.css';
@import 'assets/css/menu.css';
@import 'assets/css/cookies.css';

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

::selection {background: var(--purple-d);color: var(--purple-l);text-shadow: none;}
::-webkit-selection {background: var(--purple-d);color:var(--purple-l);text-shadow: none;}
::-moz-selection {background: var(--purple-d);color:var(--purple-l);text-shadow: none;}

/*-------------- Not available (FI) --------------*/

.not-available{cursor: not-allowed;opacity: 0.3;}
.sidebar > ul > li.not-available{display:none;}
.not-available > a{pointer-events: none;position:relative;display:block;}
a.not-available{pointer-events:none;opacity:1;overflow:hidden;}
a.not-available > div{opacity:0.3;}
.prompt{
	z-index: 2; 
	position: absolute; 
	background:var(--white); 
	padding:5px 10px;
	font-size: 0.8rem;
	border-radius:20px;
    width: 180px;
    left: 50%;
    margin-left: -90px;
    top: 50px;
	border: 1px solid var(--grey-m);
}
.prompt i{margin-right:5px;color:var(--pink);}
.prompt img{
	margin-left:5px;
    width: 15px;
    height: 15px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(71,10,104,0.5);
    object-position: center center;
}

/*-------------- Popup --------------*/

.info-popup{background:rgba(71,10,104,0.99); position: fixed; bottom: 0; left: 0; right: 0; z-index: 4;}
.info-popup .content{
	padding:4vw;border-radius:20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.info-popup .content .btn{margin:5px;}
.info-popup .content #closethis > *{margin:4px;}
#closethis:hover{cursor:pointer;color:var(--purple-m);}
#flags img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(71,10,104,0.5);
    object-position: center center;
}

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

.error404 .main-content{position:relative;}
.main-content{width:100%;}

.main-content .rank-math-breadcrumb p{margin-bottom:0;line-height:1;}
.rank-math-breadcrumb{font-size:0.8rem;}
.bread{border-bottom:1px solid var(--grey-m);}
.header-scroll + .main-content > .bread{position:fixed;z-index:998;}
.bread .pad-xs{padding:15px 0;}
.header-scroll + .main-content > .bread .pad-xs{padding:10px 0;}

.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;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.bg-img.tone, .perfmatters-lazy.loaded.tone, .perfmatters-lazy>img.loaded.tone, .perfmatters-lazy[data-was-processed=true].tone, 
.perfmatters-lazy.pmloaded.tone, .perfmatters-lazy>img.pmloaded.tone, .perfmatters-lazy[data-ll-status=entered].tone, .perfmatters-lazy.pmloaded>img.tone{opacity: 0.65;}

.bg-img~div:not(.overlay),
.content,
.forcolrev {
	z-index: 3;
    position:relative;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.5;
}
.embed-container { 
    position: relative; 
    /*padding-bottom: 56.25%;*/
    overflow: hidden;
    max-width: 100%;
    height: auto;
    height: 100%;
    border-radius:10px;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.columns a.flex{position: relative; overflow:hidden;}
.puff{position:relative;}
.puff .content.none-bg, .columns div.content.none-bg{padding: 0;}
.puff.auto{flex-direction:column;}

#singlehead{flex:1;}
#singlehead.pad-s{max-width:1500px;}
#singlehead + .content{padding-left:0;}

.columns .forcolrev:not(.wrap-xl) > .col-f-1, .columns .forcolrev > .col-1-2, .columns .forcolrev > .col-1-3, .columns .forcolrev > .col-1-4, .columns .forcolrev > .col-2-3, .columns .forcolrev > .col-3-4, .flow > .col-1-5, .flow > .col-1-4, .flow > .col-1-3, .flow > .col-1-2{border-radius:10px;}
#post-404 svg{fill:var(--white);display:block;}
.topborder{border-top:1px solid var(--purple-l);}
.icon {max-height:50px;}

.flowwrap{border-bottom:1px solid var(--grey-m);}
.flow a.col-1-3, .flow a.col-1-4{color:initial;font-weight:300; font-family:'museo-sans';}
.flow a.flowcol:not(.flex){display:block;}
.flow a.flowcol.flex{flex-direction:column;position:relative;}
.flow a.flowcol:hover{color:var(--purple-md);}
.flow a .txtwrap{font-size:0.95rem;font-weight:300;font-family:'museo-sans';}
.flowpic{border-radius:10px;overflow:hidden;position:relative;display:block;}
.flowpic img{display:block;}
.flowpic .squareholder{visibility:hidden;}
.flowpic.svg img:not(.squareholder){position: absolute;padding:30px;max-height:100%;max-width:100%;}
.flow a.nothumb{border:0.5px solid var(--grey-d);border-radius:10px;}
.flow .postthumb{max-width:1000px; max-height: 500px;}

.sep{padding:0 10px;}
.docs .icon{padding-top:5px;}
.docs .icon + h2{display:inline-block;margin-left:-35px;padding-left:50px;margin-bottom:0;}

.answeredquestion img{border-radius:20px 0;align-self:flex-start;}
.answeredquestion .personcontent{margin-left:-120px; padding-left:160px;}

.fastcontact .btn + div{margin-left:8px;}
.personcontent .fastcontact i.icon-send{padding-left:5px;}

.related a.post {color:initial;font-weight:300; font-family:'museo-sans';}
.related img{border-radius:10px;}

.line-up{border-top:1px solid var(--grey-m);}
.line-down{border-bottom:1px solid var(--grey-m);}

.person img{border-radius: 20px 0;}
.person .content, .person.none-bg > .flex{flex-direction:column;}

.iframeoverlay{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);display:none;}
.iframeoverlay .flex{height:100%; width:100%;}
.iframeoverlay .icon-close{
	background:var(--purple-md);
	position: absolute;
    width: 40px;
    height: 40px;
    top: 4vh;
    border-radius: 100%;
}
.iframeoverlay .icon-close:hover{background:var(--cherry);cursor:pointer;}
.iframeoverlay .icon-close, footer iframe {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); 
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.infowrap i, .infowrap-main i{margin-right: 12px; font-size: 15px;}
.infowrap i{line-height:25px;}
.infowrap-main i{line-height:20px;}
.infowrap small{flex:1; max-width:400px;}
.infowrap-main small{flex:1;}

/*-------------- Pagination --------------*/

.page-numbers {
    border: 1px solid var(--grey-m);
    padding: 15px;
    font-size: 0.9rem;
	font-family:'museo-slab';
    font-weight:900;
    margin: 0 5px;
    background-color: var(--white);
	color:var(--grey-d);
}
.page-numbers.current {background: var(--grey-m); color: var(--cherry);}

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

@media only screen and (min-width: 1001px) {
	.main-content > section:first-of-type{padding-top: 132px;}
	.info-popup{top:132px;}
	.header-scroll + .main-content > .bread {top:113px;}

	.flow a.nothumb:hover{background:var(--grey-l);}
	.sidebar{border-right:1px solid var(--grey-m);}
	.sidebar ul li a{color:initial;font-weight:300; font-family:'museo-sans';}
	.sidebar > ul > li{border-bottom:1px solid var(--grey-m);}
	.sidebar > ul > li > a{display:block;}
	.sidebar ul li .sub-menu{display:none;}
	.sidebar ul li .sub-menu a {padding-bottom:15px;display:block;}
	.sidebar .expand-ul{height:54px; width:30px; position:absolute; right:0; top:0;z-index:3;color:var(--grey-d);}
	.sidebar .expand-ul:hover, .sidebar .expand-ul.active{color:var(--purple-md);cursor:pointer;}
	.sidebar li.current-menu-item > a, .sidebar > ul > li.current-menu-ancestor > a, .sidebar > ul > li.current-menu-parent > a {color:var(--purple-md); font-weight:700; font-family:'museo-sans';}
	.sidebar .current-menu-item.menu-item-has-children .sub-menu, .sidebar .current-menu-ancestor.menu-item-has-children .sub-menu, .sidebar .current-menu-parent.menu-item-has-children .sub-menu{display:block;}
	
}
@media only screen and (min-width: 801px) {
	.flow .person .content > .center, .flow .person.none-bg .center{text-align:left;}
}
@media only screen and (max-width: 1000px) {
	.main-content > section:first-of-type{padding-top: 116px;}
	.info-popup{top:116px;}
	.header-scroll + .main-content > .bread {top:116px;}

	.sidebar > ul{display:none;}
	.sidebartitle{text-align:center;}
	.col-f-1-3 #contacts .personcontent{margin-left:0;padding-left:0;margin-top:20px;}
}

@media only screen and (max-width: 800px) {
	#singlehead .content{padding-right:0;}
	#singlehead + .col-f-1-3.content{padding-right:0;}
	.col-f-1-3 #contacts .personcontent{margin-left: -120px;padding-left: 140px;margin-top:0;}
	.picwrap{min-height:300px;}
}

@media only screen and (max-width: 500px) {
	.flow > a.not-available{display:none;}
	.answeredquestion img{margin:0 auto 30px auto;}
	.answeredquestion .personcontent{margin-left:0; padding-left:0;}
}