/*
Theme Name:   Jungstiftelsen
Description:  Blankslate Child Theme
Author:       Siaeva
Author URI:   http://www.siaeva.com
Template:     blankslate
Version:      1.0.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  jungstiftelsen
*/
/*STRUCTURE*/
*,html, body {margin: 0; padding: 0; scroll-behavior: smooth;}
::-webkit-scrollbar {-webkit-appearance: none;}
::-webkit-scrollbar {width: 14px;}
::-webkit-scrollbar-track {background: #FFF; outline: 1px solid #efefef;}
::-webkit-scrollbar-thumb {background: #C1BFBC; height:100px; border-radius:7px; border: 3px solid #F9F7F3;}
body {display:flex; flex-direction:column; min-height:100vh; background-color: #F9F7F3; font-family: baskerville-urw, serif; }
input, select, textarea {font-family: baskerville-urw, serif; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
div#content-container {flex:1;}
.wrapper {max-width: 1240px; margin: 0 auto; padding: 0 50px;} 
.article-image {width: calc(50% - 30px); height: auto;}
/*Narrow pages*/
.narrow {max-width: 900px;}
/*COLUMNS*/
.wrapper .col:last-child {margin-right: 0;}
.col {width: calc(35% - 60px); margin-right: 60px;}
.col.item {width: calc(33.3% - 40px);}
.col-half {width: calc(50% - 30px) !important;}
.col-quarter {width: calc(25% - 45px);}
.col-two-wide {width: calc(70% - 70px); min-width: 700px;}
.col-narrow {width: calc(30% - 60px);}
.wide-col {width: 65%;}
.col-left, .item {float: left;}
.col-right {float: right;}
.article-image {float: right; margin: 0 0 60px 60px}
.cols {overflow: hidden;}
.item:nth-child(3n+3), .edition:nth-child(4n+4), .page-template-template-videoarkiv .col.vid.col-left:nth-child(3n+3) {float: right !important; margin-right: 0 !important;}
.shadow {box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);}
/*MOBILE MENU*/
.mobile-class{position: relative; overflow: hidden; height: 400px;}
/* HAMBURGER MENU */
.overlay {position: fixed; /* Sit on top of the page content */ display: none;  /*Hidden by default */ width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); /* Black background with opacity */z-index: 10; /* Specify a stack order in case you're using a different order for other elements */}
#sidebarMenu {height: 100%; position: fixed; left: 0; width: 420px; transform: translateX(-464px); transition: transform 464ms ease-in-out; background: #FFF; z-index: 11;}
#sidebarMenu .main-menu {padding: 50px;}
#sidebarMenu .main-menu li {list-style: none; margin-bottom: 8px;}
#sidebarMenu a {color: #000; text-decoration: none;}
#sidebarMenu .sub-menu {left: 0;}
#sidebarMenu .main-menu li {overflow: hidden; padding: 7px 0;}
#sidebarMenu .main-menu .sub-menu {overflow: hidden; transition: max-height 0.7s; max-height: 0;}
#sidebarMenu .main-menu .sub-menu li {overflow: hidden; padding-left: 20px;}
#sidebarMenu .main-menu .sub-menu a {color: #000; position: relative;}
#sidebarMenu .main-menu .menu-item-has-children:target .sub-menu {max-height: 30em; margin-top: 15px; margin-bottom: 2px;}
#sidebarMenu .main-menu .menu-item-has-children a::after {border: solid #EE5D3D; border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: transform 0.1s linear; margin: 0 0 1px 8px;}
#sidebarMenu .main-menu .menu-item-has-children .sub-menu a::after {content: none;}
#sidebarMenu .main-menu .menu-item-has-children .sub-menu li:last-child {margin-bottom: 0;}
#sidebarMenu .main-menu .menu-item-has-children:target a {border-bottom: 1.5px solid #EE5D3D;}
#sidebarMenu .main-menu .menu-item-has-children:target .sub-menu a {border-bottom: none;}
#sidebarMenu .main-menu .menu-item-has-children:target a::after {transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: transform 0.1s linear; margin: 0 0 2px 8px;}
input.openSidebarMenu:checked ~ #sidebarMenu {transform: translateX(0);}
input.openSidebarMenu:checked ~ .overlay {display: block;}
input.openSidebarMenu {transition: all 0.3s; -webkit-transition: all 0.3s; /* Safari */ box-sizing: border-box; display: none;}
.sidebarIconToggle {display: none; transition: all 0.3s; box-sizing: border-box; cursor: pointer; position: absolute; width: 21px; height: 18px; z-index: 11; background-image: url(images/hamburger.png); background-image: url(images/hamburger.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: cover; left: 50px; top: 104px;}
.sidebarIconToggle:after {position: relative; margin-left: 40px; top: -3px;}
.sidebarIconToggle:lang(sv):after {content: 'Meny';}
.sidebarIconToggle:lang(en):after {content: 'Menu'}
.hamburger-scroll {top: 22px;}
.sidebarIconToggle:hover span.words {box-shadow: inset 0 0px 0 white, inset 0 -5px 0 rgba(210, 223, 197, .5); padding-bottom: 3px;}
input.openSidebarMenu:checked ~ .sidebarIconToggle {/*transition: opacity 0.5s;*/ position: fixed; left: 358px; top: 30px; width: 27px; height: 27px; background-image: url(images/close.png); background-image: url(images/close.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: cover; text-indent: -9999px; overflow: hidden; z-index: 100; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;
}
@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; }
}
/*TYPOGRAPHY*/
h1, h2, h3, h4, h5, p, li, input {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400;}
header#header #menu .main-menu li, header#header .search-area input, section#content .search-form input.search-field, p.button a, footer#footer .newsletter-text-field, .person-details h5, h4.location-category, .event-details h5, .item .link a, .goto-link a, .goto-menu a, footer#footer form input.text-field, .sidebarIconToggle:after, #sidebarMenu .main-menu li, form label, input.wpcf7-submit, .wpcf7 form .wpcf7-response-output, .languages li {font-family: termina, sans-serif; font-weight: 500; font-style: normal; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
.wpcf7-list-item-label {line-height: 21px;}
section#intro .quote p.ingress {font-size: 48px; line-height: 54px;}
h1, .single-coniunctio .headline h3, .home h2 {font-size: 40px; line-height: 44px;}
h2 {font-size: 33px; line-height: 39px;}
h3, .search-results article h2 {font-size: 26px; line-height: 33px;}
h4, p.ingress, section#quicklinks li, .ingress-para p {font-size: 26px; line-height: 33px;}
section#quicklinks li {line-height: 34px;}
p, footer#footer li, .link-group li, article li, h5, .edition h4, .page-template-template-generell section#content li, .author, input.wpcf7-text, textarea.wpcf7-textarea {font-size: 23px; line-height: 30px;}
#referenser p {font-size: 18px; line-height: 25px; margin-top: 50px;}
.people .person h3, .event h3 span.date, .skrift h3, .author, p.referenser, .subline, .edition-content h5, .edition-text p.pris, section#intro .quote p.ingress, h1 span.category-location, h3 .recipient-name, .vidare span.title, .wp-caption .wp-caption-text, .page-template-template-generell section#content h3, .page-template-template-aldre .intro h3, .redaktor span.redaktor-name {font-style: italic;}
p {margin: 30px 0;}
article h2, article h3 {margin-top: 50px;}
article .bio h2 {margin-top: 0;}
h2.subline, p.ingress {margin-bottom: 40px;}
h4.location-category a {background-color: #EFE9DF; color: #000; padding: 3px 10px; text-decoration: none;}
h4.location-category a:hover {background-color: #EBE4D7;}
h1 span.dot {font-size: 18px; position: relative; top: -6px;}
/*COOKIE NOTICE*/
.cky-notice-des *, .cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * {font-size: 16px !important; line-height: 22px !important;}
.cky-btn {font-size: 16px !important;}
.cky-notice-btn-wrapper {margin-top: 20px !important;}
/*GENERAL LIST STYLE*/
article ul, .page-template-template-generell section#content ul {margin: 30px 0 40px 8px;}
article li, .page-template-template-generell section#content li {margin-bottom: 10px; margin-left: 12px; list-style-position: outside; }
.page-template-template-generell section#content ul.no-bullet li {list-style: none; margin-left: 0; text-indent: 0; padding-left: 0;}
/*HEADLINE*/
.headline {border-bottom: 1px solid #000; padding-bottom: 40px; margin-bottom: 50px; overflow: hidden; position: relative; z-index: 0;}
.go-to {display: block; position: absolute; right: 0; bottom: 40px;}
.headline h1, .headline h2, .headline h3, .headline h4, .headline .head-text {float: left; max-width: calc(100% - 200px);}
.headline .head-text {max-width: calc(100% - 200px);}
.headline .head-text h1, .headline .head-text h2, .headline .head-text h3, .headline .head-text h4 {float: none; max-width: 100%;}
ul.goto-menu {margin-top: 15px;}
ul.goto-menu li {margin-left: 20px; padding-left: 20px; padding-bottom: 6px; border-left: 1px solid #000; list-style: none; float: left;}
ul.goto-menu li:first-of-type {border-left: none;}
/*CONTACT FORMS*/
.grecaptcha-badge { visibility: hidden; }
input.wpcf7-text, textarea.wpcf7-textarea {width: 100%; border: none; padding: 5px 10px;}
input.wpcf7-text:focus, textarea.wpcf7-textarea:focus {outline: none;}
.wpcf7-submit {float: right; margin-top: -80px; cursor: pointer;}
.form-intro {margin: 10px 0 40px 0;}
form p:last-of-type {margin-bottom: 70px;}
.wpcf7 form .wpcf7-response-output {margin: -20px 0 70px 0; text-align: center;}
.wpcf7-list-item {width: calc(100% - 250px); margin: -5px 0 0 0;}
.wpcf7-list-item label {position: relative; left: 0; top: 0;}
.wpcf7-list-item-label {position: relative; left: 40px; top: 0; display: block;}
.wpcf7 form .wpcf7-response-output {font-weight: normal; padding: 0.6em 1em 0.5em 1em;}
.wpcf7-list-item input[type=checkbox] {/* Large Checkboxes */-ms-transform: scale(1.5); /* IE */-moz-transform: scale(1.5); /* FF */-webkit-transform: scale(1.5); /* Safari and Chrome */-o-transform: scale(1.5); /* Opera */transform: scale(1.5); -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -webkit-box-shadow: 0px 0px 0px 1px rgba(238, 93, 61, 1); -moz-box-shadow: 0px 0px 0px 1px rgba(238, 93, 61, 1); box-shadow: 0px 0px 0px 1px rgba(238, 93, 61, 1); padding: 6px; position: absolute; left: 6px; top: 2px; cursor: hand;}
.wpcf7-list-item input[type=checkbox]:checked {background-image: url(images/checkbox.png); background-image: url(images/checkbox.svg), linear-gradient(transparent, transparent); background-color: #EE5D3D; background-size: contain;}
.wpcf7-spinner {display: none;}
/*INTROAREA*/
.introarea {padding-bottom: 70px;}
.introarea p.ingress {margin-top: 0;}
.introarea p.button {margin: 45px 0 0 0;}
/*BUTTONS & LINK STYLES*/
p a, ul.goto-menu li a {color: #000; text-decoration: none; border-bottom: 2px solid #EE5D3D; box-sizing:border-box;}
.item .link a {color: #EE5D3D; text-decoration: none; border: none;}
p.button a, section#content .search-form input.search-submit, input.wpcf7-submit {text-decoration: none; display: inline-block; padding: 12px 40px 10px 40px; border: 2px solid #EE5D3D; color: #EE5D3D; text-align: center; border: 2px solid #EE5D3D;}
p.filled a, section#content .search-form input.search-submit, input.wpcf7-submit {background-color: #EE5D3D; color: #fff;}
p.outlined a {color: #EE5D3D;}
p.button a:hover, input.wpcf7-submit:hover {background-color: #F06D50; border-color: #F06D50; color: #fff;}
.item p.button a {padding-left: 30px; padding-right: 30px;}
.item p.link a {padding: 14px 0 12px 0; display: inline-block;}
header#header #menu .main-menu a, .page-template-template-lankar section.link-group .link-list li a, .article-excerpt p.link a, section#quicklinks li a, .edition-text a, .vidare span.link a, .page-template-template-aldre .intro .link a, .search-results article a, section#newsarea .col-right p a, .vidare li a {color: #000; text-decoration: none; -webkit-transition: .1s all ease-out; -moz-transition: .1s all ease-out; transition: .1s all ease-out; border: none;}
header#header #menu .main-menu a:hover, .page-template-template-lankar section.link-group .link-list li a:hover, .article-excerpt p.link a:hover, section#quicklinks li a:hover, .edition-text a:hover, .vidare span.link a:hover, .page-template-template-aldre .intro .link a:hover, .search-results article a:hover, section#newsarea .col-right p a:hover, .vidare li a:hover {border-bottom: 2px solid #EE5D3D !important;}
p.goto-link {margin: 10px 0 0 0;}
.event.date-passed p.button a, p.button.passed a {pointer-events: none; opacity: 0.3; z-index: 3;} 
.event.date-passed p.button.more a {pointer-events: auto;}
/*ARROW STYLES*/
.page-template-template-lankar section.link-group .link-list li, .article-excerpt p.link, .vidare span.link, .vidare li, .page-template-template-aldre .intro .link, .search-results article, section#newsarea .col-right p {background-image: url(images/circle_arrow.png); background-image: url(images/circle_arrow.svg), linear-gradient(transparent, transparent); background-size: 34px 34px; background-repeat: no-repeat; background-position: left center; padding-left: 50px; list-style: none; min-height: 34px; margin-bottom: 20px;}
.search-results article {background-position: left top 2px;}
/*SOCIAL MENU*/
.social-menu li a {width: 27px; height: 27px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-size: contain;}
.social-menu li a:hover {opacity: 0.9;}
.social-menu li {float: left; width: 27px; margin-right: 20px; list-style: none; margin-top: 4px;}
.social-menu li:last-child {margin-right: 0;}
/*LOGOS*/
header#header #branding #site-title, header#header #branding #site-title h1, header#header #branding #site-title span, header#header #branding #site-title a, footer#footer h1 {background-repeat: no-repeat; width: 250px; height: 34px; background-size: contain; text-indent: -9999px; overflow: hidden;}
/*HEADER*/
header#header #branding, header#header #menu {height: 76px;}
header#header #branding {background-color: #EFE9DF;}
header#header #branding .wrapper {padding-top: 21px; padding-bottom: 21px; overflow: hidden;}
header#header #branding #site-title {float: left;}
header#header #branding #site-title a {background-image: url(images/logo_header.png); background-image: url(images/logo_header.svg), linear-gradient(transparent, transparent); display: block;}
header#header #branding .search-area {float: right; width: calc(100% - 400px); margin-top: -4px;}
header#header #menu .search-area {margin-top: 13px;}
header#header .search-area {padding: 10px 0;}
header#header .search-area input {border: none; padding: 0;}
header#header .search-area input.search-field, header#header .search-area input.search-field::placeholder {color: #000;}
header#header .search-area input.search-field {width: calc(100% - 26px); float: left;}
header#header #branding .search-area input.search-field {text-align: right;}
header#header .search-area input.search-field, header#header .search-area input.search-field:focus {outline: none;}
header#header #branding .search-area input.search-field, header#header #branding .search-area input.search-field:focus, header#header #branding .search-area input.search-submit {background-color: #EFE9DF;}
header#header #menu .search-area input.search-field, header#header #menu .search-area input.search-field:focus, header#header #menu .search-area input.search-submit {background-color: #FFF;}
header#header .search-area input.search-submit {width: 16px; height: 16px; background-image: url(images/search.png); background-image: url(images/search.svg), linear-gradient(transparent, transparent); background-size: contain; text-indent: -9999px; overflow: hidden; display: block; float: right; cursor: pointer;}
/* removes placeholder text when clicking into input field */
header#header .search-area input:focus::-webkit-input-placeholder { color:transparent; }
header#header .search-area input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
header#header .search-area input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
header#header .search-area input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/* clears the ‘X’ from Internet Explorer */
header#header .search-area input[type=search]::-ms-clear, section#content .search-form input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
header#header .search-area input[type=search]::-ms-reveal, section#content .search-form input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
header#header .search-area input[type="search"]::-webkit-search-decoration, section#content .search-form input[type="search"]::-webkit-search-decoration,
header#header .search-area input[type="search"]::-webkit-search-cancel-button, section#content .search-form input[type="search"]::-webkit-search-cancel-button,
header#header .search-area input[type="search"]::-webkit-search-results-button, section#content .search-form input[type="search"]::-webkit-search-results-button,
header#header .search-area input[type="search"]::-webkit-search-results-decoration, section#content .search-form input[type="search"]::-webkit-search-results-decoration { display: none; }
header#header #menu .wrapper {padding-top: 19px; padding-bottom: 17px;}
header#header #menu .search-area {display: none; float: left; width: calc(100% - 175px); margin-left: 20px; padding-right: 20px; border-right: 1px solid #000;}
header#header #menu {background-color: #FFF;}
header#header #menu .main-menu {float: left; width: calc(100% - 150px); position: relative; left: 0; top: 0; z-index: 3;}
header#header #menu .social-menu {float: right; width: 130px; margin-left: 20px; margin-right: -13px;}
header#header #menu .social-menu li:first-child a {background-image: url(images/youtube_header.png); background-image: url(images/youtube_header.svg), linear-gradient(transparent, transparent);}
header#header #menu .social-menu li:nth-child(2) a {background-image: url(images/facebook_header.png); background-image: url(images/facebook_header.svg), linear-gradient(transparent, transparent);}
header#header #menu .social-menu li:nth-child(3) a {background-image: url(images/instagram_header.png); background-image: url(images/instagram_header.svg), linear-gradient(transparent, transparent);}
header#header #menu li {list-style: none;}
header#header #menu .main-menu ul li {float: left; margin-right: 28px; padding: 10px 0; position: relative; left: 0; top: 0;}
header#header #menu .main-menu ul li:last-child {margin-right: 0;}
/* Dropdown menus */
header#header #menu .main-menu ul ul {display: none; padding: 30px 0 10px 0; position: absolute; left: -20px; top: 31px; background-color: #fff; list-style: none; /* the height of the main nav */}
header#header #menu .main-menu ul li:hover > ul {display:inherit; /* Display Dropdowns on Hover */}
header#header #menu .main-menu ul ul li {padding: 10px 20px; white-space: nowrap; width: 100%;}
header#header #menu .main-menu li > a:after { content: ''; padding-right: 15px; width: 15px; height: 5px; background-image: url(images/arrow.png); background-image: url(images/arrow.svg), linear-gradient(transparent, transparent); text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 3px 5px;}
header#header #menu .main-menu li > a:only-child:after { background-image: none; padding-right: 0; width: 0; }
/* LANGUAGE MENU */
.languages {position: relative; z-index: 10; display: inline-block; height: 148px; float: right; margin-left: 30px; display: none;}
.languages li {display: block; line-height: 12px; padding-left: 20px; overflow: hidden; border-left: 1px solid #000;}
.languages li a {text-decoration: none;}
.languages li a span {position: relative; top: -4px;}
.languages ul.sub-menu li{border-left: none; line-height: 20px;}
.languages li img {width: 20px !important; height: 20px !important; border-radius: 20px; margin-right: 5px; text-indent: -9999px; overflow: hidden;}
li.pll-parent-menu-item a { background-image: url(images/arrow.png); background-image: url(images/arrow.svg), linear-gradient(transparent, transparent); background-repeat: no-repeat; padding-right: 17px !important; background-position: right 0 top 14px;}
.languages ul.sub-menu {display: none; padding: 5px 0; margin-top: 0; background: #fff; -webkit-box-shadow: 0 0 15px 0 #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow:    0 0 15px 0 #ddd;  /* Firefox 3.5 - 3.6 */ box-shadow:         0 0 15px 0 #ddd;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
li.pll-parent-menu-item:hover > ul.sub-menu, li.pll-parent-menu-item:focus > ul.sub-menu {display:block; position: absolute; right: -7px; top: 30px;}
.languages ul.sub-menu li a, li.pll-parent-menu-item a {padding: 5px 5px; display: block;}
.languages ul.sub-menu::before {content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute;
right: 5px; top: -5px;}
.languages ul.sub-menu li {padding: 0 5px 0 10px;}
.languages ul.sub-menu li img {margin-top: 4px;}
.languages ul.sub-menu li a {background-image: none; color: #000;}
.languages ul.sub-menu li a span {border-bottom: none; padding-bottom: 2px; position: relative; top: -5px;}
.languages ul.sub-menu li a:hover span {box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #EE5D3D;}
.languages li:last-child {border-right: none;}
.languages a {color: #000;}
/*FOOTER*/
footer#footer {background-color: #2C3047; color: #FFF; padding: 63px 0;}
footer#footer .social-menu li:first-child a {background-image: url(images/youtube_footer.png); background-image: url(images/youtube_footer.svg), linear-gradient(transparent, transparent);}
footer#footer .social-menu li:nth-child(2) a {background-image: url(images/facebook_footer.png); background-image: url(images/facebook_footer.svg), linear-gradient(transparent, transparent);}
footer#footer .social-menu li:nth-child(3) a {background-image: url(images/instagram_footer.png); background-image: url(images/instagram_footer.svg), linear-gradient(transparent, transparent);}
footer#footer h1 {background-image: url(images/logo_footer.png); background-image: url(images/logo_footer.svg), linear-gradient(transparent, transparent);}
footer#footer .mc-field-group {overflow: hidden; border-bottom: 1px solid #fff; margin-top: 20px;}
footer#footer .mc-field-group .text-field {width: calc(100% - 54px); border: none; padding: 25px 0; background-color: #2C3047; color: #fff; float: left;}
footer#footer .mc-field-group .text-field:focus {outline: none;}
footer#footer .mc-field-group .text-field::placeholder {color: #9597A3;}
footer#footer .mc-field-group .submit {background-image: url(images/footer_submit.png); background-image: url(images/footer_submit.svg), linear-gradient(transparent, transparent); background-size: 34px 34px; background-repeat: no-repeat; width: 34px; height: 34px; text-indent: -9999px; overflow: hidden; background-color: transparent; border: none; float: right; margin-top: 13px; position: relative; z-index: 9999; cursor: pointer;}
footer#footer #mc_embed_signup div.mce_inline_error {background-color: #2C3047; clear: both; padding: 0;}
footer#footer .response {padding-top: 20px;}
footer#footer .footer-menu {margin: 53px 0;}
footer#footer .footer-menu li {list-style: none; line-height: 40px; width: 50%; float: left;}
footer#footer .footer-menu li a {color: #fff; text-decoration: none;}
footer#footer .cols:last-child {margin-top: 50px;}
footer#footer div#copyright {margin-top: 10px;}
/*SEARCH RESULTS*/
.search-results a.post-edit-link {display: none;}
.search-results article:first-of-type {margin-top: -10px;}
.search-results article:last-of-type {border-bottom: none; padding-bottom: 0;}
.search-results article .entry-summary p {margin-top: 15px;}
.search-results article {border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 40px;}
section#content .search-form form {position: relative; left: 0; top: 0;}
section#content .search-form input {height: 40px; position: relative; left: 0; top: 0; border: 2px solid #fff;}
section#content .search-form input.search-field, section#content .search-form input.search-field:focus {border: none; line-height: 40px; padding-left: 15px; padding-right: 15px; width: 60%; outline: none;}
section#content .search-form input.search-submit {padding: 0; top: 2px; width: 40px; background-image: url(images/search_button.png); background-image: url(images/search_button.svg), linear-gradient(transparent, transparent); background-size: 18px 18px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; overflow: hidden; cursor: pointer;}
/*GENERAL*/
section#content {padding: 70px 0; overflow: hidden;}
.vidare {border-left: 2px solid #EE5D3D; padding-left: 20px; margin-top: 40px;}
.vidare span.title {display: block; padding-bottom: 7px;}
.vidare .link {min-height: 34px; display: block;}
.page-template-template-generell img, .page-template-template-generell .wp-caption {width: 50%; max-width: 50%;}
.page-template-template-generell .wp-caption img {width: 100%; max-width: 100%;}
.page-template-template-generell section#content p.button {margin: 45px 0 70px 0;}
.alignleft, img.alignright {max-width: 50%;}
.alignleft {float: left; margin: 10px 60px 30px 0;}
.alignright {float: right; margin: 10px 0 30px 60px;}
.wp-caption.alignleft, .wp-caption.alignright {margin-bottom: 0;}
.wp-caption .wp-caption-text {margin-top: 10px;}
/*ITEMS - HÄNDELSER + STIPENDIER PAGES*/
.item .image {width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden;}
.item .image img {position: absolute; width: 100%; height: 100%; object-fit:cover; margin: 0; left: 0; right: 0; top: 0; bottom: 0;}
.item {background-color: #fff; margin-bottom: 60px; position: relative; left: 0; top: 0;}
.item .item-content {padding: 28px; overflow: hidden;}
.item .image img {z-index: 1;}
.event h3, .stipendium h3 {background-image: url(images/circle_arrow.png); background-image: url(images/circle_arrow.svg), linear-gradient(transparent, transparent); background-size: 34px 34px; background-repeat: no-repeat; background-position: left top; padding-left: 50px; height: 60px;}
.vid h3 {margin-bottom: 5px;}
.item p.link, .item p.button {margin-bottom: 0;}
.item p.link {float: left; padding-left: 50px;}
.item p.button {float: right;}
.item p.button.more {float: none;}
.item p.button.more a {width: calc(100% - 100px); margin-left: 50px;}
.item .image .overlay {background-color: #F9F7F3; width: 100%; height: 100%; opacity: 0.7; display: none; position: absolute; left: 0; top: 0; z-index: 2;}
/*INTRO - ÄLDRE UTGÅVOR + TIDNINGEN CONIUNCTIO PAGES */
.intro {border-bottom: 1px solid #000; margin-bottom: 70px; overflow: hidden; padding: 0 0 70px 0;}
/*HOME*/
section#intro {height: 644px; background-color: #7180ad; display: flex; justify-content: center; background-image: url(images/intro_bg.jpg); background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-animation: myfirst 5s ; /* Chrome, Safari, Opera */ animation: myfirst 5s ;}
/* Chrome, Safari, Opera */ @-webkit-keyframes myfirst {from {opacity: 0.2;} to {opacity: 1;}}
/* Standard syntax */ @keyframes myfirst {from {opacity: 0.2;} to {opacity: 1;}}
section#intro .wrapper {align-self: center;}
section#intro .quote {width: 400px; text-align: center; margin: 0 auto; display: none;}
section#intro .quote p.ingress {margin-bottom: 25px;}
section#intro p.button {margin-top: 45px;}
section#quicklinks {background-color: #fff; padding: 30px 0 32px 0;}
section#quicklinks ul {overflow: hidden;}
section#quicklinks li {list-style: none; width: calc(34% - 50px); float: left; background-image: url(images/circle_arrow_filled.png); background-image: url(images/circle_arrow_filled.svg), linear-gradient(transparent, transparent); background-size: 34px 34px; background-repeat: no-repeat; background-position: left center; padding-left: 50px;}
section#quicklinks li:last-child {width: auto; float: right;}
section#newsarea h2 {margin: 20px 0 40px 0;}
section#newsarea {background-color: #F9F7F3; padding: 70px 0;}
section#newsarea .cols {display: flex;}
section#newsarea .col {flex-direction: column}
section#newsarea .col-two-wide {min-width: 0;}
section#newsarea .col-left img {width: calc(50% - 20px); float: left; margin-right: 50px; margin-top: 25px;}
section#newsarea .col-left {padding-right: 50px; width: calc(67% - 51px); margin-right: 0; float: none;}
section#newsarea .col-left .text-content {float: left; width: calc(50% - 30px);}
section#newsarea .col-right {width: calc(33% - 50px); border-left: 1px solid #000; padding-left: 50px; float: none;}
section#newsarea .col-right p {border-top: 1px solid #000; padding-top: 30px; padding-bottom: 35px; margin: 0; background-position: left 28px;}
section#newsarea .col-right p:first-of-type {padding-top: 0; border-top: none; background-position: left top;}
section#newsarea .col-right p:last-child {padding-bottom: 4px;}
section#newsarea .col-right h2 {margin-bottom: 40px;}
section#newsarea p.button {margin-top: 40px;}
section#video {background-color: #EFE9DF; padding: 70px 0 30px 0;}
/*STOCKHOLM - PAGE*/
.wp-image-523 {margin: 10px 0 0 0;}
/*ANALYTIKER + PRESS + KONTAKT*/
.headline.location-headline {margin-bottom: 40px; padding-top: 70px;}
.headline.location-headline p {text-align: right;}
.page-template-template-analytiker .headline h1 {max-width: 100%;}
section.text {border-top: 1px solid #000; padding-top: 70px;}
.page-template-template-press section.message {border-bottom: 1px solid #000; margin-bottom: 40px;}
section.department h2, section.text h2 {margin-top: -5px;}
section.text p:first-of-type {margin-top: 0;}
section.department {border-bottom: 1px solid #000; padding-top: 70px;}
section.department:first-of-type {padding-top: 30px !important;}
section.department:last-of-type {border-bottom: none;}
.people .person {border-bottom: 1px solid #000; padding-bottom: 70px; margin-bottom: 70px; overflow: hidden;}
.people .person:last-child {border-bottom: none; padding-bottom: 0;}
.people .person .image {border: 15px solid #fff; width: calc(50% - 40px); padding-top: calc(50% - 40px); float: left; margin-bottom: 10px; margin-right: 40px; position: relative;}
.people .person .image img {position: absolute; width: 100%; height: 100%; object-fit:cover; margin: 0; left: 0; right: 0; top: 0; bottom: 0;}
.people .person .person-details {width: calc(50% - 40px); float: left;}
.people .person p.details-paragraph {margin: -5px 0 20px 0;}
.person-details li {list-style: none; background-repeat: no-repeat; padding-left: 30px; margin-bottom: 15px;}
.person-details li p {margin: 0;}
.people .person h3 {margin-bottom: 20px;}
.person-details li.phone {background-image: url(images/telephone.svg), linear-gradient(transparent, transparent); background-position: left 5px;}
.person-details li.email {background-image: url(images/email.svg), linear-gradient(transparent, transparent); background-position: left 10px;}
.person-details li.website {background-image: url(images/website.svg), linear-gradient(transparent, transparent); background-position: left 3px;}
.person-details li.address {background-image: url(images/address.svg), linear-gradient(transparent, transparent); background-position: left 3px;}
/*LÄNKAR*/
.page-template-template-lankar section.link-group {margin-bottom: 50px;}
.page-template-template-lankar section.link-group:last-of-type {margin-bottom: 0;}
.page-template-template-lankar section.link-group h3 {font-style: italic;}
.page-template-template-lankar section.link-group .link-list {margin-top: 5px;}
/*HÄNDELSER - PAGE*/
.event span.date:first-word {display: none;}
.event.date-passed .image .overlay {display: block;}
.event h4.location-category {position: absolute; left: 29px; top: 22px; z-index: 3;}
.event h3 {height: 140px;}
/*HÄNDELSER - POST*/
.single-handelser section#content p.ingress {margin-top: 20px;}
.single-handelser h4.location-category {margin-bottom: 5px;}
.single-handelser section#content .article-image {float: right; margin-left: 60px; margin-bottom: 60px;}
.event-details {border-left: 2px solid #EE5D3D; padding-left: 20px; margin-bottom: 50px;}
.event-details p.button {margin-left: 30px; margin-top: 30px;}
.event-details li {list-style: none; background-repeat: no-repeat; background-position: left top; padding-left: 30px; margin-bottom: 15px;}
.event-details li p {margin: 0;}
.event-details li.date {background-image: url(images/date.svg), linear-gradient(transparent, transparent); background-position: left 5px;}
.event-details li.time {background-image: url(images/time.svg), linear-gradient(transparent, transparent); background-position: left 5px;}
.event-details li.place {background-image: url(images/address.svg), linear-gradient(transparent, transparent); background-position: left 3px;}
.event-details li.apply {background-image: url(images/apply.svg), linear-gradient(transparent, transparent); background-position: 0 4px;}
.event-details li.cost {background-image: url(images/cost.svg), linear-gradient(transparent, transparent); background-position: 0 2px;}
/*SKRIFTER*/
.skrifter {margin-left: 3px;}
.skrifter, .skrift {position: relative; left: 0; top: 0;}
.skrifter:before {content: ''; width: 15px; height: 15px; background: #F9F7F3; position: absolute; left: -5px; top: 0; z-index: 2; }
.skrift {border-left: 2px solid #EE5D3D; padding-left: 30px}
.skrift:before {content: '•'; position: absolute; left:-14px; top: 0; font-size: 40px; line-height: 32px; color: #EE5D3D; z-index: 3;}
.skrift p {margin-top: 10px; margin-bottom: 0; padding-bottom: 30px;}
.skrift:last-of-type p {padding-bottom: 0;}
.page-template-template-skrifter h2 {border-top: 1px solid #000; padding: 40px 0 50px 0; margin-top: 70px;}
/*VÄNFÖRENINGAR - PAGE*/
.page-template-template-vanforeningar .vidare ul {margin: -20px 0 0 0;}
.page-template-template-vanforeningar .vidare li {margin: 0 0 10px 0;}
.page-template-template-vanforeningar .vidare li:last-child {margin-bottom: 0;}
/*TIDSKRIFTER CONIUNCTIO - PAGE*/
.page-template-template-coniunctio .intro .wp-caption.alignright {margin: 15px 0 70px 60px; max-width: calc(50% - 30px);}
.page-template-template-coniunctio .intro .button {max-width: 50%; float: left;}
.page-template-template-coniunctio .intro .redaktor {max-width: 50%; float: right; text-align: right;}
.page-template-template-coniunctio .intro p.button {margin-bottom: 0; margin-top: 20px;}
.page-template-template-coniunctio .intro .redaktor p {margin-top: 10px; margin-bottom: 0;}
.ingress-para p {margin-top: 0;}
div.article-excerpt {border-bottom: 1px solid #000; padding-bottom: 70px; margin-bottom: 70px;}
div.article-excerpt .image {float: right; margin-left: 60px;}
div.article-excerpt .image img {width: 100%; height: auto;} 
div.article-excerpt:nth-of-type(2n+1) .article-content {float: right;}
div.article-excerpt:nth-of-type(2n+1) .image {float: left; margin-right: 60px; margin-left: 0;}
div.article-excerpt:last-of-type {border-bottom: none; padding-bottom:0; margin-bottom: 40px;}
h4.author {margin-top: 10px;}
div.article-excerpt p.link {margin-bottom: 0;}
/*TIDSKRIFTER CONIUNCTIO - POST*/
.single-coniunctio section#content .image {float: right; margin: 0 0 50px 60px;}
.bio {border: 2px solid #EE5D3D; margin-top: 70px; padding: 40px 50px 30px 50px;}
.single-coniunctio section#content .author {margin: 15px 0 0 0;}
.bio img {float: right; margin: 10px 0 30px 60px;}
.bio img {width: 250px; margin-top: 40px;}
article .bio .person-details ul li {margin-left: 0 !important; text-indent: 0 !important;}
/*ÄLDRE UTGÅVOR - PAGE */
.page-template-template-aldre .intro h2 {margin-bottom: 50px;}
.page-template-template-aldre .intro img {float: left; margin: 0 60px 0 0;}
.page-template-template-aldre .intro div {float: left;}
.page-template-template-aldre .intro .button {margin: 30px 0 40px 0;}
.edition .image {overflow: hidden; position: relative; left: 0; top:0; padding-bottom: 140%;}
.edition .image img {min-height: 0 !important; width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.edition-text {margin-top: 20px; height: 170px;}
.edition-text p.pris {margin-top: 10px;}
/*ÄLDRE UTGÅVOR - POST*/
.edition-content {margin-top: 30px;}
.edition-content h5 {margin-bottom: 0;}
.edition-content p {margin-top: 0;}
/*VIDEOARKIV*/
.video-container, .video {width: 100%;}
.video {height: 209px;}
.video-description {background: #fff; display: block; padding: 28px; overflow: hidden; min-height: 250px;}
.video-description h3 {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.video-description a {width: 34px; height: 34px; background-color: #EE5D3D; border-radius: 50%; display: block; text-indent: -9999px; overflow: hidden; float: left; background-image: url(images/play.png); background-image: url(images/play.svg), linear-gradient(transparent, transparent);}
.video-description a:hover {background-image: url(images/play_hover.png); background-image: url(images/play_hover.svg), linear-gradient(transparent, transparent);}
.video-description h3 {float: right; width: calc(100% - 50px);}
.video {position:relative; overflow: hidden;}
.video img {width: 100%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
div.pp_default .pp_close {background-image: url(images/close.png); background-image: url(images/close.svg), linear-gradient(transparent, transparent); background-size: contain; background-position: top left; width: 27px; height: 27px; top: 3px; right: 3px;}
div.pp_default .pp_close:hover {background-image: url(images/close_hover.png); background-image: url(images/close_hover.svg), linear-gradient(transparent, transparent); opacity: 1;}
.pp_bottom {top: -1px;}
/*ANALYTISK PSYKOLOGI ARTICLE*/
.page-id-577 .headline h1 {max-width: 100%;}
@media only screen and (max-width:1310px){
/*SMALL DESKTOP - HAMBURGER MENU*/	
.sidebarIconToggle {display: block;}
header#header .main-menu {display: none;}
/*SMALL DESKTOP - ITEMS - HÄNDELSER + STIPENDIER PAGES */
.item p.link {padding-left: 0;}
}
@media only screen and (max-width:1234px){
/*SMALLER DESKTOP - HOME*/	
section#quicklinks li:last-child {width: calc(34% - 110px);}
/*SMALLEST DESKTOP - ITEMS - HÄNDELSER + STIPENDIER PAGES*/	
.event h3 {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
}
@media only screen and (max-width:1160px){
/*SMALLEST DESKTOP - ITEMS - HÄNDELSER + STIPENDIER PAGES*/	
.item p.button.more a {width: 100%; margin-left: 0;}
}
@media only screen and (max-width:912px){
/*TABLET - LOGOS*/
header#header #branding #site-title, header#header #branding #site-title h1, header#header #branding #site-title span, header#header #branding #site-title a, footer#footer h1 {width: 220px; height: 30px;}
/*TABLET - HEADER*/
header#header #branding, header#header #menu {height: 66px;}
header#header #branding .wrapper {padding-top: 19px; padding-bottom: 13px;}
header#header #menu .wrapper {padding-top: 14px; padding-bottom: 12px;}
.sidebarIconToggle {top: 90px;}
/*TABLET - TYPOGRAPHY*/	
header#header #menu .main-menu li, header#header .search-area input, section#content .search-form input.search-field, p.button a, footer#footer .newsletter-text-field, .person-details h5, h4.location-category, .event-details h5, .item .link a, .goto-link a, footer#footer form input.text-field, .sidebarIconToggle:after, #sidebarMenu .main-menu li, .wpcf7 form .wpcf7-response-output, .languages li {font-size: 11px;}
section#intro .quote p.ingress {font-size: 40px; line-height: 46px;}
h1, .single-coniunctio .headline h3, .home h2 {font-size: 32px; line-height: 38px;}
h2 {font-size: 26px; line-height: 31px;}
h3, .search-results article h2, h4, p.ingress, .ingress-para p {font-size: 22px; line-height: 28px;}
section#quicklinks li {line-height: 26px;}
p, footer#footer li, .link-group li, article li, h5, .edition h4, .page-template-template-generell section#content li, .author, input.wpcf7-text, textarea.wpcf7-textarea {font-size: 20px; line-height: 25px;}
#referenser p {font-size: 15px; line-height: 22px;}
p {margin: 20px 0;}
article h2, article h3 {margin-top: 40px;}
h2.subline, p.ingress {margin-bottom: 30px;}
section#quicklinks li {font-size: 20px; line-height: 26px;}
/*TABLET - GENERAL*/
section#content {padding: 50px 0;}
.alignleft {margin: 10px 40px 20px 0;}
.alignright {margin: 10px 0 20px 40px;}
.page-template-template-handelser section#content, .page-template-template-stipendier section#content, .page-template-template-videoarkiv section#content {padding-bottom: 20px;}
/*TABLET - GENERAL LIST STYLE*/
article ul, .page-template-template-generell section#content ul {margin: 20px 0 30px 8px;}
/*TABLET - HEADLINE*/
.headline {padding-bottom: 30px;}
ul.goto-menu {margin-top: 10px;}
.go-to {bottom: 30px;}
/*TABLET - ARROW STYLES*/
.page-template-template-lankar section.link-group .link-list li, .article-excerpt p.link, .vidare span.link, .vidare li, .page-template-template-aldre .intro .link, .search-results article, .vidare li {background-size: 26px 26px; background-position: left top; padding-left: 37px; min-height: 26px; }
/*TABLET - COLUMNS*/
.col {width: calc(35% - 50px); margin-right: 50px;}
.col-half {width: calc(50% - 25px) !important;}
.col-two-wide {width: 80%; min-width: 500px;}
.edition:nth-child(4n+4) {float: left !important; margin-right: 50px !important;}
.edition:nth-child(3n+3) {float: right !important; margin-right: 0 !important;}
/*TABLET - FOOTER*/
footer#footer {padding: 55px 0;}
footer#footer .col, footer#footer .col-right {width: 100%; margin-right: 0; float: none;}
footer#footer h4 {margin-top: 40px;}
footer#footer #copyright {text-align: right;}
/*TABLET - HOME*/
.home section#intro .quote {width: 340px;}
section#quicklinks li:last-child {width: 20%;}
.home section#video div.col:nth-of-type(3){display: none;}
.home section#newsarea h2 {margin-bottom: 30px; margin-top: 50px;}
.home section#newsarea .col-two-wide h2 {margin-top: 0;}
section#newsarea .cols {display: block;}
section#newsarea .col {flex-direction: column}
.home section#newsarea .col-two-wide, .home section#newsarea .col-right {width: 100%; border: none; margin: 0; overflow: hidden;}
.home section#newsarea .col-right {padding-left: 0;}
.home section#newsarea .col-two-wide {margin-bottom: 0px;}
.home section#newsarea .col-right p {padding-bottom: 25px;}
.home section#newsarea .col-right p:last-child {padding-bottom: 0;}
section#newsarea .col-left img {margin-top: 0;}
/*TABLET - TIDSKRIFTER CONIUNCTIO - PAGE*/
div.article-excerpt, .intro {padding-bottom: 50px; margin-bottom: 50px;}
div.article-excerpt .image {margin-left: 50px;}
div.article-excerpt:nth-of-type(2n+1) .image {margin-right: 50px;}
/*TIDSKRIFTER CONIUNCTIO - POST*/
.bio {margin-top: 50px; padding: 30px 40px 20px 40px;}
/*TABLET - ITEMS - HÄNDELSER + STIPENDIER PAGES */
.col.item {width: calc(50% - 25px); margin-right: 0 !important; margin-bottom: 50px;}
.col.item.col-left, .item:nth-child(3n+3) {float: none;}
.col.item:nth-child(2n) {float: right !important;}
.item:nth-child(3n+3), .edition:nth-child(4n+4), .page-template-template-videoarkiv .col.vid.col-left:nth-child(3n+3) , .col.item:nth-child(2n+1) {float: left !important;}
.item p.button {width: calc(100% - 110px); margin-top: 30px;}
.item p.button.more {width: 100%;}
.item p.button a {width: 100%;}
/*TABLET - ÄLDRE UTGÅVOR - PAGE */
.page-template-template-aldre section#content {padding-bottom: 0;}
.edition {width: calc(33.3% - 33.3px);}
.page-template-template-aldre .intro h2 {margin-bottom: 40px;}
/*TABLET - ANALYTIKER + KONTAKT */
.page-template-template-analytiker .col.col-left, .page-template-template-kontakt .col.col-left, .page-template-template-press .col.col-left, .people.wide-col.col-right,  .page-template-template-kontakt .wide-col.col-right, .page-template-template-press .wide-col.col-right  {float: none; width: 100%;}
h2.col.col-left {margin-bottom: 30px;}
.people .person:last-child {border-bottom: none; padding-bottom: 0;}
section.department:last-child .people .person:last-child {margin-bottom: 30px;}
.page-template-template-press section.department:last-child .people .person:last-child {margin-bottom: 70px;}
/*TABLET - HÄNDELSER - PAGE */
.event h3 {height: 150px;}
.event.item p.link {padding-left: 0; margin-top: 30px;}
/*TABLET - HÄNDELSER - POST */
.event-details {margin-bottom: 30px;}
.event-details li.date {background-position: left 3px;}
.event-details li.time {background-position: left 3px;}
.event-details li.place {background-position: left 1px;}
.event-details li.apply {background-position: 0 2px;}
.event-details li.cost {background-position: 0 0;}
/*TABLET - VIDEOARKIV*/
.video-description {min-height: 150px;}
.video-description h3 {-webkit-line-clamp: 5;}
div.ppt {margin: 0; width: 100% !important;}
.pp_pic_holder.pp_default {width: calc(100% - 5px) !important; margin-left: 5px !important;}
div.pp_overlay {width: 100% !important;}
.pp_content	{width: calc(100% - 20px) !important;}
.pp_pic_holder.pp_default iframe {width: 100%;}
div.pp_default .pp_content_container .pp_right {padding-right: 0;}
div.pp_default .pp_close {right: 23px !important;}
}
@media only screen and (max-width:768px){
/*TABLET - IPAD MINI - VIDEOARKIV*/
div.ppt {margin: 0; width: 100% !important;}
.pp_pic_holder.pp_default {width: calc(100% - 5px) !important; margin-left: 5px !important; padding-left: 0;}
.pp_content_container .pp_details {width: 100% !important;}
div.pp_default .pp_close {right: 0 !important;}
/*TABLET - IPAD MINI - HOME*/
section#quicklinks {padding: 10px 0;}
section#quicklinks li, section#quicklinks li:last-child {line-height: 34px; float: none; width: 100%; border-bottom: 1px solid #000; padding-top: 13px; padding-bottom: 13px; background-size: 30px 30px; padding-left: 43px;} 
section#quicklinks li:last-child {border-bottom: none;}
}
@media only screen and (max-width:480px){
/*MOBILE - HEADER*/
header#header #menu .search-area {display: block;}
header#header #branding .search-area {display: none;}
#sidebarMenu .main-menu {padding: 30px;}
header#header #branding #site-title, header#header #branding #site-title h1, header#header #branding #site-title span, header#header #branding #site-title a, footer#footer h1 {width: 190px; height: 26px;}
header#header #branding .wrapper {padding-top: 19px; padding-bottom: 9px;}
header#header #branding, header#header #menu {height: 62px;}
header#header #branding #site-title {margin-left: 35px;}
.sidebarIconToggle {top: 20px; left: 20px;}
input.openSidebarMenu:checked ~ .sidebarIconToggle {left: auto; right: 20px; top: 20px;}
.sidebarIconToggle:after {display: none;}
header#header #menu .social-menu {width: auto !important; margin: 0 0 0 2px;}
.social-menu li {width: 22px; margin-right: 13px;}
.social-menu li a {width: 22px; height: 22px;}
/*MOBILE - LANGUAGES MENU*/
.languages {margin-left: 0px; top: -3px;}
.languages li {border-left: none; padding-left: 0;}
.languages ul.sub-menu li {min-width: 73px;}
/*MOBILE - COOKIE NOTICE*/
.cky-notice-btn-wrapper {margin-top: 10px !important;}
/*MOBILE - STRUCTURE*/
.wrapper {padding: 0 20px;} 
.article-image {width: 100%;}
/*MOBILE - COLUMNS*/
.col-two-wide, .wide-col, .col {width: 100%; min-width: 0;}
.article-image {float:none; margin: 0 0 20px 0;}
img.alignright {max-width: 100%;}
/*MOBILE - GENERAL*/
section#content {padding: 30px 0;}
.page-template-template-generell img, .page-template-template-generell .wp-caption {width: 100%; max-width: 100%;}
.wp-caption.alignleft, .wp-caption.alignright {margin-bottom: 20px;} 
/*ARROW STYLES*/
.page-template-template-lankar section.link-group .link-list li, .article-excerpt p.link, .vidare span.link, .page-template-template-aldre .intro .link, .search-results article, section#newsarea .col-right p, .vidare li {background-size: 30px 30px; padding-left: 42px; min-height: 30px;}
/*MOBILE - TYPOGRAPHY*/
h1, .single-coniunctio .headline h3, .home h2 {font-size: 30px; line-height: 34px;}
section#intro .quote p.ingress {font-size: 36px; line-height: 42px;}
h2.subline, p.ingress {margin-bottom: 20px;}
article h2, article h3 {margin-top: 30px;}
/*MOBILE - HEADLINE*/
.headline h1, .headline h2, .headline h3, .headline h4, .headline .head-text {float: none; max-width: 100%;}
.headline {padding-bottom: 20px; margin-bottom: 30px;}
.go-to {display: none;}
/*MOBILE - HÄNDELSER*/
.single-handelser section#content .article-image {margin-left: 20px; margin-bottom: 20px;}
/*MOBILE - ITEMS - HÄNDELSER + STIPENDIER PAGES */
.event h3, .stipendium h3 {height: auto; margin-bottom: 20px;}
.stipendium h3 {margin-bottom: 0;}
.stipendium.item p.link a {padding: 0;}
.col.item {width: 100%; margin-bottom: 20px;}
.col.item:nth-child(2n) {float: none !important;}
.item:nth-child(3n+3), .page-template-template-videoarkiv .col.vid.col-left:nth-child(3n+3) , .col.item:nth-child(2n+1) {float: none !important;}
/*MOBILE - FOOTER*/
footer#footer {padding: 30px 0;}
footer#footer .footer-menu li {float: none; width: 100%;}
footer#footer .cols:last-child {margin-top: 0;}
footer#footer .social-menu {margin-top: 8px;}
/*MOBILE - SEARCH RESULTS*/
.search-results article:first-of-type {margin-top: 0;}
.search-results article {margin-bottom: 10px; padding-bottom: 10px;} 
section#content .search-form input.search-field, section#content .search-form input.search-field:focus {width: calc(100% - 45px);}
/*MOBILE - HOME*/
section#intro {max-height: calc(100vh - 124px);}
section#intro .wrapper .quote {width: auto; padding: 0 15px;}
section#newsarea .col-right p {background-position: left 20px;}
.home section#newsarea {padding: 40px 0;}
.home section#newsarea .col-left .text-content {width: 100%;}
.home section#newsarea .col-left img {width: 100%; margin: 0 0 30px 0;}
.home section#newsarea h2 {margin-bottom: 20px;}
.home section#newsarea .col-right p {padding-top: 20px;}
.home section#newsarea .col-right p:first-of-type {padding-top: 0;}
section#video {background-color: #EFE9DF; padding: 30px 0;}
.home .go-to {display: block; bottom: 20px;}
/*MOBILE - ANALYTIKER + PRESS + KONTAKT*/
.headline.location-headline {margin-bottom: 10px; padding-top: 20px;}
section.department {padding-top: 30px;}
.people .person {padding-bottom: 30px; margin-bottom: 30px;}
.people .person .image {border-width: 10px; width: calc(100% - 20px); padding-top: calc(100% - 20px); margin-bottom: 30px;}
.person-details, .people .person .person-details {width: 100%; float: none;}
.person-details li.email, .person-details li.phone {background-position: left 2px;}
.person-details li.address, .person-details li.website {background-position: left 1px;}
h2.col.col-left {margin-bottom: 30px;}
.wpcf7-list-item {width: 100%;}
.wpcf7-list-item-label {width: calc(100% - 40px);}
.wpcf7-submit {float: none; margin-top: 10px;}
form p:last-of-type, .wpcf7-response-output, .page-template-template-press section.department:last-child .people .person:last-child {margin-bottom: 40px;}
.page-template-template-press section.message {margin-bottom: 0;}
section.text {padding-top: 40px;}
/*MOBILE - VIDEOARKIV*/
.video-description {min-height: 0px;}
.video-description h3 {-webkit-line-clamp: 100;}
.page-template-template-videoarkiv .introarea p.button {margin-top: 35px;}
.page-template-template-videoarkiv .introarea {padding-bottom: 50px;}
.pp_pic_holder.pp_default {width: calc(100% - 8px) !important;}
.pp_details {padding-top: 35px;}
.pp_content {width: 100% !important;}
div.pp_default .pp_close {right: 33px !important;}
/*MOBILE - PAGE*/
.page-template-template-vanforeningar .vidare ul {margin: -10px 0 0 0;}
/*MOBILE - LÄNKAR*/
.page-template-template-lankar section.link-group, .page-template-template-lankar section.link-group h3 {margin-bottom: 20px;}
/*MOBILE - TIDSKRIFTER CONIUNCTIO - PAGE*/
.page-template-template-coniunctio .intro .wp-caption.alignright, .page-template-template-coniunctio .intro .wp-caption.alignleft {margin: 15px 0; max-width: 100%;}
.page-template-template-coniunctio .intro .button, .page-template-template-coniunctio .intro .redaktor {float: none; max-width: 100%;}
.page-template-template-coniunctio .intro p.button {margin: 40px 0 30px 0;}
.page-template-template-coniunctio .intro .redaktor {text-align: left;}
div.article-excerpt .image {margin-left: 0; margin-bottom: 20px;}
div.article-excerpt, .intro {padding-bottom: 40px; margin-bottom: 30px;}
div.article-excerpt:last-of-type {margin-bottom: 20px;}
.col-half {width: 100% !important;}
/*MOBILE - TIDSKRIFTER CONIUNCTIO - POST*/
.coniunctio-template-default img.alignleft, .coniunctio-template-default img.alignright {float: none; min-width: 100%; margin: 20px 0;}
.coniunctio-template-default .article-image {margin: 0;}
.bio {padding: 20px 30px 10px 30px;}
.bio img {width: 100%; margin-top: 25px;}
#referenser p {margin-top: 30px;}
/*MOBILE - ÄLDRE UTGÅVOR - PAGE*/
.page-template-template-aldre .intro img {margin: 0 0 20px 0;}
.edition.col {width: calc(50% - 10px); margin-right: 20px !important;}
.edition.col:nth-child(2n+2), .edition.col:nth-child(4n+4) {float: right !important; margin-right: 0 !important;}
.edition.col:nth-child(3n+3) {float: left !important;}
.edition-text {height: 140px; margin-top: 15px;}
/*MOBILE - ÄLDRE UTGÅVOR - POST*/
.aldre-template-default .article-image {margin: 0;}
.edition-content {margin-top: 20px;}
h1 span.dot {display: none;}
}