/* 
Theme Name:		 Twenty Seventeen Child Theme
Theme URI:		 http://www.websitebundles.com/
Description:	 Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
Author:			 WebsiteBundles
Author URI:		 http://childthemegenerator.com/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 
#ub_admin_bar_wrap .ub_admin_bar_image {max-width: 100%;max-height: 28px;padding: 2px 0;}

/* =Theme customization starts here
------------------------------------------------------- */
body {font-size: 16px;font-family: "Circular Pro", "Circular Std", Circular, Helvetica, Arial, sans-serif;color: #707070;line-height: 1.5;-webkit-font-smoothing: antialiased;}
.wrap {max-width: 1180px !important;}
#masthead .site-branding .wrap {border-bottom: 1px solid #ead7e4;}

/* =Header
------------------------------------------------------- */
.site-branding {padding: 1em 0 0;background: #fff;}
.custom-logo-link img {max-width: 269px;}
.navigation-top {border-top: none;}
.menu-item a, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {color: #983579;}

/* =Typsnitt
------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 0;}
* + h1, * + h2, * + h3, * + .agenda-item__heading, * + h4 {margin-top: 1.4286em;}
h1 + *, h2 + *, h3 + *, .agenda-item__heading + *, h4 + * {margin-top: 1em;}
h1, h2, h3, .agenda-item__heading, h4 {color: #242424;margin: 0;line-height: 1.1;}
h1 {font-size: 33px;font-weight: 600;letter-spacing: -1.5px;}
h2 {font-size: 26px;font-weight: 600;letter-spacing: -1px;margin-bottom: 0.75em;}
h2.widget-title {font-size: 28px !important;}
#colophon h2.widget-title {font-size: 16px !important;background-color: #FAF5F8;color: #242424;margin-top: 40px;}
h3 {font-weight: normal;}
h4 {font-size: 18px;font-weight: 600;padding-top: 0;}

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;transition: none;transition: none;transition:none;color: #983579;text-decoration: none;}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{-webkit-box-shadow: none;box-shadow: none;color: #983579;text-decoration: underline;}
.entry-content h1 a:after, .entry-content h2 a:after, .entry-content h3 a:after, .entry-content .blue-heading a:after {content: '';background-image: url(../twentyseventeenchildtheme/img/arrow.png);background-position: right center;background-size: 7px;padding-left: 0.9em;background-repeat: no-repeat;transition: left 0.3s cubic-bezier(0.2, 1, 0.3, 1);display: inline;position: relative;left: 0;}
.entry-content h1 a:after, .entry-content h2 a:after, .entry-content h3 a:after, .entry-content .blue-heading a:after {display: inline-block;margin-left: 10px;border-radius: 50%;border: 2px solid #983579;height: 30px;width: 30px;padding-left: 0;vertical-align: middle;background-position: center;transition: background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), left 0.3s cubic-bezier(0.2, 1, 0.3, 1);}
.entry-content h1 a:hover:after, .entry-content h2 a:hover:after, .entry-content h3 a:hover:after, .entry-content .blue-heading a:hover:after {background-color: #F0E1EB;}
.entry-content h1 a:hover:after, .entry-content h2 a:hover:after, .entry-content h3 a:hover:after, .entry-content .blue-heading a:hover:after {left: 3px;}
.entry-content h1 a, .entry-content h2 a, .entry-content h3 a, .entry-content .blue-heading a {text-decoration: none;color: #424242;transition: color 0.3s cubic-bezier(0.2, 1, 0.3, 1);}
.entry-content h1 a:hover, .entry-content h2 a:hover, .entry-content h3 a:hover, .entry-content .blue-heading a:hover {color: #983579;}

.entry-content h4 + ul {margin-top: 16px;}

.intro {font-size: 18px;color: #555;}

.section__text blockquote {font-size: 28px;color: #242424;position: relative;padding-left: 60px;margin: 40px 0;line-height: 1.14286;font-style: normal;}
.section__text blockquote:before {content: '”';font-size: 112px;font-weight: 600;line-height: .8;position: absolute;left: 0;letter-spacing: -4.8px;}
.section__text blockquote cite {display: block;margin-top: 1em;font-size: 16px;font-style: normal;font-weight: 100;color: #555;}


h2.blue-hero-heading {font-size: 46px;letter-spacing: -2px;color: #000;}
.entry-content .blue-background-content h2 {margin: 0;padding: 0}
.entry-content .blue-sub-heading {font-size: 18px;margin-top: 0;}
.entry-content .blue-heading a:after {margin-bottom: 6px;margin-right: -30px;}

p.sidfotstext {font-size: 12px;    line-height: 14px;}

#colophon {font-size: 16px;background-color: #FAF5F8;color: #242424;margin-top: 40px;}

/* =Listor
------------------------------------------------------- */
.entry-content ul, ol {list-style: none;margin: 0;padding: 0;margin-top: 40px;margin-bottom: 40px;list-style: none;color: #242424;}
.entry-content ul li {position: relative;padding-left: 25px;}
.entry-content ul:not(.dlm-downloads) li:before {position: absolute;width: 9px;height: 9px;background-color: #4AC9FF;border-radius: 50%;vertical-align: baseline;left: 0;top: 8px;content: '';}
.entry-content ul.dlm-downloads li:before {content: ' ';background-repeat: no-repeat;background-image: url(../twentyseventeenchildtheme/img/doc.png);background-size: 100%;width: 33px;height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;}
.entry-content ul.dlm-downloads li {text-decoration: none;margin: 20px 0;padding-left: 50px;}
.entry-content li + li {margin-top: 15px;}
.entry-content ol li {position: relative;padding-left: 2.6em;}

.entry-content ul.bullet-list--links li:before {background-color: #F0E1EB;}
.bullet-list--links .bullet-list__item:before {background-color: rgba(152, 53, 121, 0.3);}
.bullet-list--links a:after {content: '';background-image: url(../twentyseventeenchildtheme/img/link-arrow.svg);background-position: right center;padding-left: 0.9em;background-repeat: no-repeat;transition: left 0.3s cubic-bezier(0.2, 1, 0.3, 1);display: inline;position: relative;left: 0;}
.bullet-list--links a:hover:after {left: 3px;}


/* =Block
------------------------------------------------------- */
.entry-content .grey-background {background-color: #f6f6f6;color: #242424;padding: 30px 3em;width: 100vw;margin-left: calc(-1 * ((100vw - 100%) / 2));margin-bottom: 20px;}

.entry-content .blue-background {background-color: #D2F2FF;color: #242424;padding: 30px 3em;width: 100vw;margin-left: calc(-1 * ((100vw - 100%) / 2));margin-bottom: 20px;}
.entry-content .blue-background-content {padding-left: 115px;    position: relative;    max-width: 1100px;margin: auto;}
.entry-content .blue-background-hero-content {position: relative;max-width: 1100px;margin: auto;overflow: hidden;}

.info-box--gray {background-color: #f6f6f6;padding: 30px;}
.info-box {margin: 3.5em 0;}

.white-background {padding: 50px 0;margin: 50px 0;/*border-top: dotted 4px lightgrey;*/clear: both;}

.hero--article .hero__text {margin-bottom: 40px;}

/* =Page
------------------------------------------------------- */
.panel-content .wrap {padding-top: 0;}
.section {margin: 40px auto;}
.section__sidebar {margin-top: 40px;}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {float: none;width: 100%;}

.entry-content .divider {max-width: 1180px;height: 3px;margin: 40px auto;display: block;border: 0;}
.section__text .divider--section:before {content: '';display: block;height: 100%;background: url(../twentyseventeenchildtheme/img/divider--section.svg) repeat-x;}
.divider--section {border: 0;padding: 0 20px;}
.section__sidebar .divider--section {max-width: 1180px;height: 3px;margin: 40px auto;display: block;border: 0;border-bottom: 1px solid #E0E0E0;}
.divider {max-width: 1180px;height: 3px;margin: 40px auto;display: block;border: 0;border-bottom: 1px solid #E0E0E0;}
.divider--menu {border: 0;border-bottom: 1px solid rgba(152, 53, 121, 0.2);height: 0;width: 70px;margin: 20px 0 19px;}
.entry-content hr, hr.divider--footer, hr.divider--menu {height: 0;background-color: transparent;}

.article__tags-label, .article__updated-label {font-weight: 600;color: #242424;}

.entry-content .agenda-item__content {margin: 40px auto;}
.entry-content .list-nr-liten {font-size: 24px;color: #242424;width: 1.4em;text-align: right;line-height: 1;position: absolute;left: 0;top: -1px;}
.entry-content .list-nr-stor {font-size: 80px;line-height: .75;position: absolute;left: 0px;}

.text-left {width: 50%;float: left;}
.text-right {width: 40%;float: right;margin-bottom: 50px;}
.text-one-third, .text-second-third, .text-third-third {width: 33%;float: left;margin-top: 0;}
select {text-align: left;background-color: #F6FCFD;border: 1px solid #767676;border-radius: 2px;padding: 14px 68px 14px 18px;-webkit-appearance: none;margin-bottom: 20px;font-family: inherit;height: 52px;background-image: url(https://elektronisktexpertstod.se/wp-content/uploads/2017/10/if_arrow-down-01_186411.png);background-repeat: no-repeat;background-position: right 23px top 19px;background-size: 12px;}

span.anchor {display: block;height: 80px;margin-top: -80px;visibility: hidden;}


.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {-webkit-box-shadow: none;box-shadow: none;}


/* =COOKIE CONSENT
------------------------------------------------------- */
body .pea_cook_wrapper {width: 100%;border-radius:0; padding: 15px 40px; margin: 0px;left: 0;}
body .pea_cook_wrapper.pea_cook_topleft {top: 0;left: 0;margin-right: 0;}
body .pea_cook_wrapper a#fom {text-decoration: underline;color: #983579 !important;}
body a#fom, body a#pea_close {border-bottom: none;}
body .pea_cook_wrapper p {font-size: 16px;font-weight:normal;font-family: "Circular Pro", "Circular Std", Circular, Helvetica, Arial, sans-serif;}
body .pea_cook_wrapper button#pea_cook_btn {font-size: 16px;background: #fff;color: #242424;text-shadow: none;font-weight: 400;line-height: 1.6;-moz-appearance: none;-webkit-appearance: none;border: 2px solid #767676;border-radius: 30px;padding: 13px 26px;letter-spacing: normal;text-decoration: none;vertical-align: middle;transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);}
.avia_codeblock .pea_cook_control {width: 100%;padding: 20px;}
.avia_codeblock .pea_cook_control #eu_revoke_cookies {font-size: 13px !important;font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;padding: 3px 10px;margin-top: 15px;border: none;border-radius: 40px;}
/**** slut cookie consent ****/


/* =Footer
------------------------------------------------------- */
.site-footer {font-size: 16px;background-color: #FAF5F8;}
h2.widget-title {text-transform: none;font-size: inherit;font-weight: inherit;letter-spacing: inherit;margin-bottom: 0.75em;}
.widget {padding-bottom: 0;}
#custom_html-2 {width: 20%;margin-top: 10px;}
#custom_html-2 .custom-html-widget .divider--menu {background-color: #ead7e4;}
.widget ul li, .widget ol li {border-top: none;border-bottom: none;}
.divider--footer {border-color: rgba(152, 53, 121, 0.2);margin: 30px 0;}
.site-footer .widget-area {clear: both;}
/**** slut Footer ****/


/* =Knapp
------------------------------------------------------- */
a.button {cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;line-height: 1.6;-moz-appearance: none;-webkit-appearance: none;border: 2px solid #983579;border-radius: 30px;background: #fff;color: #983579;padding: 13px 26px;letter-spacing: normal;text-decoration: none;vertical-align: middle;transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);}
.button--small {border-radius: 30px;background: #fff;border: 2px solid #983575;color: #983579;font-weight: inherit;padding: 7px 20px;}
.button--small:hover {background: #F0E1EB;}
a.button--primary {background-color: #983579;color: #fff;}
a.hero__button {margin: 30px 20px 30px 0;}
a.button:hover, a.button:focus {background-color: #F0E1EB;text-decoration: none;}
a.button--primary:hover, a.button--primary:focus {background-color: #7E1F60;border-color: #7E1F60;color: #fff;}
.button:after {content: '';background-image: url(../twentyseventeenchildtheme/img/link-arrow.svg);background-repeat: no-repeat;display: inline;padding-left: 0.9em;background-position: right center;transition: left 0.3s cubic-bezier(0.2, 1, 0.3, 1);position: relative;left: 0;}
.button--primary:after {background-image: url(../twentyseventeenchildtheme/img/link-arrow--white.svg);}
.button:hover:after, .button:focus:after {left: 3px;}
/**** slut knapp ****/


@media (min-width: 630px){
    /*body:not(.home) .entry-content {float: left !important;width: 66.66667% !important;padding-right: 50px;}*/
    .section__text {float: left;width: 66.66667%;padding-right: 50px;}
    .section__sidebar {float: left;width: 33.33333%;padding-left: 50px;margin-top: 0;}
    .site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2, .site-footer .widget-column.footer-widget-3 {width: 31%;float: left;margin-right: 2%;padding-right: 50px;/*width: 50%;float: left;*/}
    .site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2 {text-align: left;}
    .site-footer .widget-column.footer-widget-3 {text-align: right;}
    .site-footer .widget-column.footer-widget-1 img, .site-footer .widget-column.footer-widget-2 img, .site-footer .widget-column.footer-widget-3 img{max-width: 300px !important;}

    h1 {font-size: 62px;letter-spacing: -3px;}
    h2 {font-size: 46px;letter-spacing: -2px;}
    h3, .agenda-item__heading {font-size: 28px;}
    .divider--section {padding: 0 40px;margin: 60px auto;}
    .info-box--gray, .info-box--blue {padding: 30px 40px 40px;}
    .section--small-margin {margin: 45px auto;}
    body .pea_cook_wrapper p {margin-right: 171px;}
    body .pea_cook_wrapper button#pea_cook_btn {width: auto;position: fixed;right: 40px;top: 15px;}
    .blue-hero-image, .hero__figure.anim__transition-in.anim__transition-in--1{float: right;width: 33.33333%;min-height: 1px;margin-top: 8px;margin-bottom: 0;}
    .blue-hero-text, .hero__text {float: left;width: 66.66667%;padding-right: 50px;}
}

@media (max-width:631px){
    body .pea_cook_wrapper button#pea_cook_btn {width: 90%;margin: 5%;}
    body .pea_cook_wrapper.pea_cook_topleft {width: 100%;margin: 0;padding: 10px 5%;}
}
