:root {
    /* Colors: */
    --primary-white: #F5F5F5;
    --primary-black: #181E22;
    --primary-orange: #FBC34E;
    --primary-blue: #003b57;
    --secondary-blue: #00547a;
    --secondary-pink: #F8C3C6;
    --primary-pink: #fa989f;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../Static/Assets/Fonts//Poppins/Poppins-Medium.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-Black.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-Bold.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-ExtraBold.ttf') format('truetype'), url('.../../Static/Assets/Fonts//Poppins/Poppins-ExtraLight.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-Light.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-Regular.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-SemiBold.ttf') format('truetype'), url('../../Static/Assets/Fonts//Poppins/Poppins-Thin.ttf') format('truetype');
    font-display: swap;
    font-style: normal;
}

/* GENERAL STUFF --------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@media (max-width: 700px) {
    #epi-quickNavigator {
        top: unset !important;
        bottom: 0 !important;
    }
}


body {
    background-color: var(--primary-black);
    font-family: "Poppins", sans-serif;
    color: var(--primary-white);
}

.flex {
    display: flex;
    flex-flow: column;
}


@media (min-width: 768px) {
    .flex {
        flex-flow: row;
    }

        .flex .block {
            flex: 1;
        }
}

a {
    color: var(--secondary-pink);
    text-decoration: underline;
}

    a:focus,
    a:hover {
        text-decoration: underline;
        color: var(--secondary-pink);
    }

.news-content a {
    color: var(--secondary-blue);
}

.rightcontentarea .block {
    margin-bottom: 30px;
}

[disabled] {
    opacity: 0.7;
}

::-moz-selection {
    background: #b3d4fc;
    background: rgba(0, 0, 0, 0.2);
}

::selection {
    background: #b3d4fc;
    background: rgba(0, 0, 0, 0.2);
}

/* END  GENERAL STUFF --------------------------------- */


/* LEGIBLE --------------------------------- */

.legible * {
    line-height: 1.3em;
}

.legible div:not(lime-form *) {
    line-height: 0;
}

.legible p {
    font-size: 1.063em;
    line-height: 1.294em;
}

    .legible h1,
    .legible h2,
    .legible h3,
    .legible h4,
    .legible h5,
    .legible h6,
    .legible p:not(.news-date),
    .legible ul,
    .legible ol,
    .legible blockquote,
    .legible pre code {
        margin-top: 20px;
        word-break: break-word;
    }

        .legible h1 + p,
        .legible h2 + p,
        .legible h3 + p,
        .legible h4 + p,
        .legible h5 + p,
        .legible h6 + p,
        .legible h1 + div,
        .legible h2 + div,
        .legible h3 + div,
        .legible h4 + div,
        .legible h5 + div,
        .legible h6 + div,
        .legible h1 + ul,
        .legible h2 + ul,
        .legible h3 + ul,
        .legible h4 + ul,
        .legible h5 + ul,
        .legible h6 + ul,
        .legible h1 + ol,
        .legible h2 + ol,
        .legible h3 + ol,
        .legible h4 + ol,
        .legible h5 + ol,
        .legible h6 + ol,
        .legible h1 + blockquote,
        .legible h2 + blockquote,
        .legible h3 + blockquote,
        .legible h4 + blockquote,
        .legible h5 + blockquote,
        .legible h6 + blockquote,
        .legible h1:first-child,
        .legible h2:first-child,
        .legible h3:first-child,
        .legible h4:first-child,
        .legible h5:first-child,
        .legible h6:first-child,
        .legible div:first-child,
        .legible p:first-child,
        .legible ul:first-child,
        .legible ol:first-child,
        .legible blockquote:first-child,
        .legible pre:first-child code {
            margin-top: 0;
        }

.legible ul,
.legible ol {
    margin-left: 20px;
}

.legible ol {
    list-style: decimal;
}

.legible ul {
    list-style: disc;
}

.legible li {
    margin-top: 10px;
}

    .legible li:first-child {
        margin-top: 0;
    }

.legible h1,
.legible h2,
.legible h3,
.legible h4,
.legible h5,
.legible h6 {
    margin-bottom: 20px;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
}

h1 {
    font-size: 50px !important;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 60px;
}

h2 {
    font-size: 36px !important;
    line-height: 46px;
}

h3 {
    font-size: 33px !important;
    line-height: 43px;
}

h4 {
    font-size: 28px !important;
    line-height: 38px;
}

h5, .h5 {
    font-size: 20px !important;
    line-height: 30px;
}

h6 {
    font-size: 16px !important;
    line-height: 26px;
}

.legible h3 {
    font-size: 1.4em;
}

.legible h4 {
    font-size: 1.3em;
}

.legible h5 {
    font-size: 1.2em;
}

.legible h6 {
    font-size: 1em;
}

.legible b,
.legible strong {
    font-weight: bold;
}

.legible i,
.legible em {
    font-style: italic;
}

.legible blockquote {
    color: #777;
    font-style: italic;
}

.legible code {
    font-family: Courier, 'Courier New', monospace;
    background: #efefef;
}

.legible pre code {
    padding: 20px;
    display: block;
}

.legible img,
.legible video,
.legible param,
.legible object,
.legible embed,
.legible iframe {
    max-width: 100%;
}

.legible img {
    height: auto;
}

/* END LEGIBLE --------------------------------- */


/* VARIOUS PAGES AND BLOCKS --------------------------------- */
.sscarouselblock .container, .sscarouselblock .container .col-12, .heroblock__container {
    position: relative;
}

.sscarouselblock .carousel-item .container, .heroblock__container .container {
    padding: 0;
}

.sscarouselblock .carousel-item .container .row, .heroblock__container .container .row {
    height: 100%;
}
.ssheroblock {
    padding: 0;
}
.heroblock__container .heroblock__background {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.sscarouselblock .carousel-title, .heroblock__title {
    font-weight: 700;
    color: var(--primary-white);
    left: 15px;
    width: 53%;
    z-index: 5;
    margin: 0 auto;
    text-align: center;
}

.heroblock__container {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 1130px) {
    .heroblock__container {
        height: 212px;
    }
}

.carousel-image, .heroblock__container img {
    max-height: 300px;
    object-fit: cover;
}

.carousel .button, .heroblock__container .button {
    background: #var(--secondary-blue);
    color: white;
    margin-top: 15px;
}

.carousel h1 {
    line-height: 1.2em;
}

@media (max-width: 1130px) {
    .carousel-image {
        max-height: 200px;
    }

    .sscarouselblock .carousel-title {
        font-size: 3em !important;
        bottom: 40px;
        width: 80%;
    }
}

@media (max-width: 991px) {
}

@media (max-width: 768px) {
    .sscarouselblock .carousel-title, .heroblock__title {
        font-size: 1.8em !important;
        bottom: 30px;
    }

    .carousel-image {
        object-fit: cover;
    }
}

@media (max-width: 640px) {
    .sscarouselblock .carousel-title, .heroblock__title {
        width: 100%;
    }

    .carousel-image {
        min-height: 35vw;
    }
}



.ssteaserblock {
    margin-bottom: 20px;
}

@media (min-width: 768px) {

    .ssteaserblock {
        margin-bottom: 30px;
    }
}

.teaser-block {
    background: var(--primary-white);
}

.teaser-content {
    padding: 20px 20px 0;
    min-height: 280px;
    margin-bottom: 0;
    position: relative;
}

@media (max-width: 992px) {
    .teaser-content {
        height: auto;
    }
}

.teaser-header {
    color: var(--primary-black);
    text-decoration: none;
}

    .teaser-header:hover {
        text-decoration: underline;
    }

.teaser-content p, .teaser-content ul, .teaser-content li {
    color: var(--primary-black);
}

.teaser-block a {
    color: var(--primary-black);
    display: block;
}

.teaser-link {
    position: absolute;
    bottom: 20px;
}

@media screen and (max-width: 992px) {
    .teaser-link {
        position: relative;
        bottom: initial;
    }
}


.teaser-block .teaser-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.type-contributionyear .maincontentarea {
    margin-bottom: 20px;
}

.type-contributionyear .top-ten-list {
    margin-right: 15px;
}

.page-senaste-nytt .rightcontentarea {
    padding-left: 0;
}

.maincontentarea .xhtmlblock div.inner {
    color: var(--primary-white);
    padding: 20px 0;
}



.contributionlisttextarea .xhtmlblock div.inner {
    padding: 0px 0 20px 0;
}

.footer .row {
    align-content: center;
}



.footer div.inner {
    max-width: 480px;
    color: white;
    font-size: 0.95em;
    z-index: 10000;
}

.footer .xhtmlblock div.inner {
    padding: 0;
}


.footer .container .row .block,
.footer .container .row p {
    color: white;
    margin-bottom: 15px;
}

.footer .container .row .xhtmlblock p {
    text-align: center;
}

.footer .container .row .block img {
    width: 40px;
}

.footer .container .row .block img,
.footer .container .row .block .inner {
    margin: 0 auto;
}

.footer .container .row .xhtmlblock .inner {
    margin: 0 auto;
}

    .footer .container .row .xhtmlblock .inner p {
        line-height: 1.0em;
    }



@media (max-width: 991px) {

    .footer .container .row .block .inner {
        width: auto;
        margin: auto auto;
        text-align: center;
    }

    .footer .container .row .xhtmlblock .inner {
        float: none;
    }

    .footer .container .row .xhtmlblock p {
        text-align: center;
    }

    .footer .container .row .block {
        margin-bottom: 20px;
    }

        .footer .container .row .block:last-child {
            margin-bottom: 0px;
        }


    .type-contributionyear .top-ten-list {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.page-tavlingsregler .xhtmlblock div.inner,
.page-bedomningskriterier .xhtmlblock div.inner,
.page-lanktips .xhtmlblock div.inner {
    margin-bottom: 0;
}

.inner img, .object-text-wrapper {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .xhtmlblock div.inner {
        padding: 40px;
    }

    .footer .xhtmlblock div.inner {
        padding: 0;
    }
}

.page-hem .object-wrapper {
    margin-top: 20px;
}

.page-hem .maincontentarea .xhtmlblock div.inner {
    padding: 20px;
}

.type-standard .maincontentarea {
    background-color: var(--primary-black);
    color: var(--primary-white)
}

.page-hem .maincontentarea .block {
    margin-bottom: 20px;
}

.block > .block {
    margin-bottom: 0px;
}

.page-kontakt .legible.maincontentarea .block.imagemedia {
    background-color: white;
    padding-bottom: 20px;
}

@media (min-width: 768px) {

    .page-hem .maincontentarea .block {
        margin-bottom: 30px;
    }

    .maincontentarea .formcontainerblock {
        margin: 0 15px;
        max-width: calc(100% - 30px);
    }
}

.type-standard .legible.maincontentarea .block.imagemedia.displaymode-half img {
    padding: 20px;
    max-width: 100%;
}

@media (min-width: 992px) {
    .page-kontakt .legible.maincontentarea .block.imagemedia {
        background-color: transparent;
    }

    .type-standard .legible.maincontentarea .block.imagemedia.displaymode-half img {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1200px) {

    .type-standard .legible.maincontentarea .block.imagemedia.displaymode-half img {
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
}

.page-hem .maincontentarea {
    background-color: inherit;
}

/* END  VARIOUS PAGES AND BLOCKS --------------------------------- */


/* NEWSPAGE AND NEWSLIST --------------------------------- */

.type-newslist .read-more {
    color: var(--secondary-blue);
}

.type-newslist h2 a.read-more {
    color: var(--secondary-blue);
}

a.read-more:after {
    position: absolute;
    content: '\00BB';
    padding-left: 3px;
}

h2 a.read-more:after {
    position: initial;
    content: initial;
    padding-left: initial;
}


body.type-news .maincontentarea .news-content .news_header, .error-content {
    margin-bottom: 20px;
}

    body.type-news .maincontentarea .news-content .news_header .title {
        margin-bottom: 0;
        color: var(--primary-black);
        font-size: 1.75em;
        font-weight: bold;
    }

.errorpageheading {
    margin-top: 20px;
}

body.type-news .maincontentarea .news-content .news_header .news-date {
    margin-top: 0;
}

body.type-newslist .news-pagination ul li a {
    cursor: pointer;
}

body.type-newslist .news-pagination ul.simplemode_true {
    border-radius: 0;
    margin-top: 0px;
    padding-top: 16px;
    width: 100%;
    display: block;
    text-align: center;
}

    body.type-newslist .news-pagination ul.simplemode_true li.minus,
    body.type-newslist .news-pagination ul.simplemode_true li.plus,
    body.type-newslist .news-pagination ul.simplemode_true li.first,
    body.type-newslist .news-pagination ul.simplemode_true li.last {
        background: var(--secondary-pink);
        color: var(--secondary-blue);
        text-transform: uppercase;
    }

        body.type-newslist .news-pagination ul.simplemode_true li.first a, body.type-newslist .news-pagination ul.simplemode_true li.last a {
            background-color: inherit;
            border: none;
            color: white;
        }

.news-item {
    display: block;
    width: 100%;
    padding: 0;
    background: var(--primary-white);
}


.news-item-vertical > .news-item {
    flex-flow: column;
    align-items: flex-start;
}

.news-item-vertical .news-item-image {
    width: 100%;
}

    .news-item-vertical .news-item-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

.news-item-vertical .img-responsive {
    margin: 0;
}

.news-item-vertical .news-item-content {
    width: 100%;
    display: flex;
    flex-flow: column;
    height: 280px;
}

@media screen and (max-width: 992px) {
    .news-item-vertical .news-item-content {
        height: auto;
    }
}

.news-item {
    padding-bottom: 20px;
}

    .news-item a {
        display: block;
        color: black;
        text-decoration: none;
    }

    .news-item img {
        width: 100%;
        float: none;
        height: auto;
    }



.news-item-content {
    width: 100%;
    padding: 0 20px;
    margin-top: 0 !important;
    position: relative;
    background: white;
}

    .news-item-content .news-date {
        padding-top: 20px;
    }

    .news-item-content h2 {
        overflow-wrap: break-word;
        font-weight: bold;
    }


.news-item-vertical .read-more {
    position: absolute;
    bottom: 20px;
}

body.type-newslist .loadingarea {
    height: 100px;
    background-image: url("/Spanningssokarna/Static/Images/ajax-loader.gif");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

body.type-newslist .news-list-pagebreak {
    height: 1px;
    border-collapse: collapse;
}

.newslist .news-item .intro, .newslist .news-item .intro {
    display: none;
    line-height: 1.3em;
}


.news-content .intro,
.newslist .news-item .intro {
    font-size: 14px;
    margin: 5px 0;
    color: var(--primary-black);
    display: block;
}

.news-item-vertical .news-item-content .intro {
    margin-top: 0 !important;
}


body.type-newslist .news-list .maincontentarea .news-item {
    background-color: white;
    margin-top: 0;
}

body.type-newslist .news-list .maincontentarea {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    body.type-news .maincontentarea {
        margin-top: 21px;
    }
}

body.type-news .maincontentarea .news-content {
    padding: 20px;
    background-color: white;
}

body.type-news .maincontentarea .news-bottom {
    background-color: white;
    padding: 0 20px 20px 20px;
}

/*  END   NEWSPAGE AND NEWSLIST --------------------------------- */


/*  CONTACTPAGE --------------------------------- */

body.type-standard .maincontentarea .formcontainerblock {
    padding: 0 0px 20px 0px;
    background-color: var(--primary-black);
}

body.page-anmalan .maincontentarea .formcontainerblock {
    padding: 0 35px 20px 35px;
}


@media screen and (min-width: 992px) {
    body.type-standard .maincontentarea .formcontainerblock {
        padding: 10px 0px 40px 0px;
    }

    body.page-anmalan .maincontentarea .formcontainerblock {
        padding: 10px 50px 40px 20px;
    }
}

/* END  CONTACTPAGE --------------------------------- */


/* TOP TEN LIST --------------------------------- */

.type-contributionyear .toplistblock {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
}

.top-ten-list {
    background-color: white;
    padding: 20px;
    color: white;
}


.type-contributionyear .toplistblock {
    padding-right: initial;
}

}

body[class*="type-contributionyear"] .top-ten-list {
    background-color: var(--secondary-pink);
    padding: 20px;
    color: white;
    border-radius: .5em;
}

    body[class*="type-contributionyear"] .top-ten-list h2,
    body[class*="type-contributionyear"] .top-ten-list ul,
    body[class*="type-contributionyear"] .top-ten-list ul a {
        color: white;
    }

.top-ten-list ul,
.top-ten-list ul a {
    color: var(--secondary-pink);
}

.top-ten-list h2 {
    color: var(--secondary-blue);
}

body[class*="type-contributionyear"] .top-ten-list h2 {
    margin-bottom: 10px;
}

body[class*="type-contributionyear"] .top-ten-list {
    position: relative;
}

body[class*="type-contributionyear"] .top-ten-list {
    margin-top: 42px;
}

    body[class*="type-contributionyear"] .top-ten-list:before {
        content: '';
        position: absolute;
        top: -63px;
        width: 79px;
        height: 64px;
        background: url(/Spanningssokarna/Static/Images/robot_79x64.png) no-repeat;
        float: left;
        left: 0;
    }

.entry-single-container {
    padding: 0;
    padding-top: 20px;
    margin-top: -20px;
}


.contribution-list-votes {
    display: none;
}

.contribution-votes {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .contribution-votes h2 {
        border-bottom: 1px solid var(--secondary-blue);
        color: var(--secondary-blue);
        font-size: 0.9em;
    }

/* END  TOP TEN LIST --------------------------------- */


/* FORMS --------------------------------- */

label {
    display: block;
    color: var(--primary-white);
    margin-bottom: 5px;
    line-height: 1.8em;
    font-size: inherit;
}

input[type="text"],
input[type="email"],
textarea,
select {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--primary-white);
    border-radius: .5em;
    color: var(--primary-black);
    background: white;
    outline: none;
    cursor: pointer;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    textarea:focus,
    select:focus {
        border-color: var(--secondary-pink);
        border-width: 2px;
        box-shadow: none;
    }

select {
    height: 42px;
}

input[type="submit"],
button,
.button {
    display: inline-block;
    vertical-align: top;
    background: var(--secondary-pink);
    color: var(--secondary-blue);
    padding: 10px 20px;
    border-radius: 0.4em;
    border: 0;
    font-size: inherit;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

    input[type="submit"]:hover,
    input[type="submit"]:focus,
    button:hover,
    button:focus,
    .button:hover,
    .button:focus {
        text-decoration: none;
        background: var(--secondary-pink);
        color: var(--secondary-blue);
    }

    input[type=submit]:disabled,
    button:disabled {
        background-color: #a0a0a0;
    }

input.form_error,
textarea.form_error {
    background: white;
    border: 2px solid #EC4C00;
}

.my-form {
    max-width: 600px;
}

    .my-form,
    .form-item,
    .my-form .dds {
        margin-top: 20px;
    }

        input[type="hidden"] + .form-item,
        .form-item:first-child {
            margin-top: 0;
        }

.my-form-response.error {
    max-width: 600px;
    margin-top: 20px;
    padding: 20px;
    background: white;
    border: 2px solid #EC4C00;
    border-radius: .5em;
}

.form-item.terms {
    font-size: 0.75em;
    color: #777777;
}

.form-select-year {
    width: 100px;
    margin-bottom: 30px;
    border-radius: 2px;
    background-color: var(--primary-black);
    border: 1px solid var(--primary-white);
    color: var(--primary-white);
    font-weight: bold;
    display: inline-block;
    margin: 5px 5px 30px;
    padding: 0 8px;
    height: 35px;
    line-height: 1px;
}

    .form-select-year option {
        background: var(--primary-black);
    }

/* END  FORMS --------------------------------- */

/* FONTS --------------------------------- */

@font-face {
    font-family: 'spanningssokarna';
    src: url('/Spanningssokarna/Static/Assets/Fonts/spanningssokarna/spanningssokarna.eot?-ym8x26');
    src: url('/Spanningssokarna/Static/Assets/Fonts/spanningssokarna/spanningssokarna.eot?#iefix-ym8x26') format('embedded-opentype'), url('/Spanningssokarna/Static/Assets/Fonts/spanningssokarna/spanningssokarna.woff?-ym8x26') format('woff'), url('/Spanningssokarna/Static/Assets/Fonts/spanningssokarna/spanningssokarna.ttf?-ym8x26') format('truetype'), url('/Spanningssokarna/Static/Assets/Fonts/spanningssokarna/spanningssokarna.svg?-ym8x26#spanningssokarna') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.sub-menu-toggle:before,
.at300bs:before {
    font-family: 'spanningssokarna';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before,
.at15t_twitter:before {
    content: "\71";
}

.icon-facebook:before,
.at15t_facebook:before {
    content: "\77";
}

.icon-envelope:before,
.at15t_email:before {
    content: "\65";
}

.icon-angle-up:before,
.sub-menu-toggle:before {
    content: "\72";
}

.icon-angle-down:before,
.active .sub-menu-toggle:before {
    content: "\74";
}

.icon-instagram:before {
    content: "\79";
    margin-left: .1em;
}

@font-face {
    font-family: 'digital_dreamregular';
    src: url('/Spanningssokarna/Static/Assets/Fonts/digitaldream_regular/DIGITALDREAM-webfont.eot');
    src: url('/Spanningssokarna/Static/Assets/Fonts/digitaldream_regular/DIGITALDREAM-webfont.eot?#iefix') format('embedded-opentype'), url('/Spanningssokarna/Static/Assets/Fonts/digitaldream_regular/DIGITALDREAM-webfont.woff') format('woff'), url('/Spanningssokarna/Static/Assets/Fonts/digitaldream_regular/DIGITALDREAM-webfont.ttf') format('truetype'), url('/Spanningssokarna/Static/Assets/Fonts/digitaldream_regular/DIGITALDREAM-webfont.svg#digital_dreamregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'handwritten';
    src: url('/Spanningssokarna/Static/Assets/Fonts/handwritten/2A72B6_1_0.eot');
    src: url('/Spanningssokarna/Static/Assets/Fonts/handwritten/2A72B6_1_0.woff') format('woff'), url('/Spanningssokarna/Static/Assets/Fonts/handwritten/2A72B6_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.title {
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 1.6em;
}

.news-item .title {
    margin-bottom: 10px;
    color: var(--primary-black);
    font-weight: 700;
    text-decoration: none;
    display: block;
}

    .news-item .title:hover {
        text-decoration: underline;
    }


.title > a {
    color: var(--secondary-blue);
}

.caption {
    margin-top: 10px;
    font-size: 0.8em;
    font-style: italic;
    line-height: 1.3em;
    word-wrap: break-word;
    color: #7c7c7c;
}

/* END  FONTS --------------------------------- */


/* GRAPHIC ELEMENTS --------------------------------- */

.finalist,
.top-five,
.top-seven,
.top-ten,
.top-fifteen,
.top-second,
.top-third,
.top-fourth,
.winner {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 50;
    width: 130px;
    height: 56px;
    background: transparent url('/Spanningssokarna/Static/Images/finalist.png') center center no-repeat;
    background-size: contain;
}

.current-competition .finalist,
.current-competition .top-five,
.current-competition .top-seven,
.current-competition .top-ten,
.current-competition .top-fifteen,
.current-competition .top-second,
.current-competition .top-third,
.current-competition .top-fourth,
.current-competition .winner {
    -webkit-filter: drop-shadow(0 0 5px rgba(255,255,255,1));
    filter: drop-shadow(0 0 5px rgba(255,255,255,1));
}

.top-fifteen,
.top-ten,
.top-seven,
.top-five {
    background-image: none;
}

/*Visa fjärdeplats till finalister när tävlingen inte pågår.*/
.finalist {
    background-image: url('/Spanningssokarna/Static/Images/finalist.png');
}

.top-fourth {
    background-image: url('/Spanningssokarna/Static/Images/finalist_fourth.png');
}

.top-third {
    background-image: url('/Spanningssokarna/Static/Images/finalist_third.png');
}

.top-second {
    background-image: url('/Spanningssokarna/Static/Images/finalist_second.png');
}

.winner {
    background-image: url('/Spanningssokarna/Static/Images/vinnare.png');
}


.voting-stop .top-ten,
.voting-active .top-ten {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_topten_300x252.png');
}

.voting-stop .top-seven,
.voting-active .top-seven {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_second_300x252.png');
}

.voting-stop .top-five,
.voting-active .top-five {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_second_300x252.png');
}


.voting-ended .finalist {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_300x252.png');
}

.voting-ended .top-fourth {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_300x252.png');
}

.voting-ended .top-third {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_300x252.png');
}

.voting-ended .top-second {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_300x252.png');
}

.voting-ended .winner {
    background-image: url('/Spanningssokarna/Static/Images/lookingglas_finalist_300x252.png');
}


.start-entry-image,
.entry-image {
    position: relative;
}

.entires .hentry {
    margin-bottom: 15px;
}

.entiresContainer-row {
    overflow: hidden;
    padding: 0 15px;
}




.hentry {
    padding: 0 14px;
}

.entiresContainer {
    margin-left: -14px;
    padding: 0 15px;
    display: inline-flex;
    flex-wrap: wrap;
    max-width: calc(100% + 28px);
    width: calc(100% + 28px);
}

.entiresContainer-row {
    padding: 0;
}

}

/* END  GRAPHIC ELEMENTS --------------------------------- */


/* ADD THIS --------------------------------- */

.addthis_32x32_style .at300bs {
    font-size: 2em;
    text-align: center;
    background: none !important;
}

.at15t_email:before {
    font-size: 1.875em;
}

.addthis_32x32_style .at300bs:hover {
    opacity: 0.8;
}
/* END  ADD THIS --------------------------------- */


/* HEADER --------------------------------- */

.header {
    width: 100%;
    background: #000;
    padding: 20px 0 0 0;
}

.header-top {
    position: relative;
}

.logo {
    max-width: 250px;
}

@media (max-width: 767px) {
    .logo {
        margin-left: 0;
    }
}

/* END  HEADER --------------------------------- */


/* NAVIGATION --------------------------------- */

.navigation > ul > li,
.navigation > ul > li > a {
    display: inline-block;
    vertical-align: top;
}

.navigation > ul > li {
    margin-left: 20px;
}

    .navigation > ul > li:first-child {
        margin-left: 0;
    }

.navigation li a {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    color: #f5f5f5;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.3em;
    white-space: nowrap;
}

.navigation li.active a, .navigation li:hover a, .navigation li:focus a {
    color: var(--secondary-pink);
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: var(--secondary-pink);
    text-decoration: none;
    background-color: white;
}

.navigation li:hover > a,
.navigation li:hover > a,
.navigation > ul > .current > a,
.navigation .has-submenu.active > a {
    color: var(--secondary-pink);
    text-decoration: none;
    background: none;
}

/* Bootstrap override Navbar */

@media (min-width: 768px) {


    .navigation li:hover > ul {
        display: block;
    }

    .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (min-width: 851px) and (max-width: 991px) {
    .navbar-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .navigation {
        justify-content: center !important;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .navbar-nav > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .navigation {
        justify-content: center !important;
        width: 100%;
    }
}

.navbar, .navbar-default {
    background-color: #000;
    border-color: #000;
    border: none;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .navbar-center {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

        .navbar-center > ul {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
}

.navbar-header {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-header {
        margin-bottom: 0;
    }

    .navbar, .navbar-default {
        margin-bottom: 0;
    }
}

/*.navbar-default .navbar-nav > li > a {*/
/*    color: black;*/
/*}*/

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: var(--secondary-pink);
        text-decoration: none;
    }

.nav > li > a:hover,
.nav > li > a:focus {
    background: none;
}


.navbar-nav {
    padding: 0 15px;
}

    .navbar-nav > li > .dropdown-menu {
        background: var(--primary-white);
        padding-top: 0;
        padding-bottom: 0;
        border: none;
        border-radius: 0;
        min-width: initial;
        min-width: 100%;
    }

        .navbar-nav > li > .dropdown-menu > li a {
        }

            .navbar-nav > li > .dropdown-menu > li:hover,
            .navbar-nav > li > .dropdown-menu > li:active,
            .navbar-nav > li > .dropdown-menu > li.active {
                background-color: var(--primary-blue);
                color: var(--primary-white);
            }

            .navbar-nav > li > .dropdown-menu > li a {
                color: var(--primary-black);
                font-weight: 400;
                padding: 10px 15px;
            }

                .navbar-nav > li > .dropdown-menu > li:hover > a,
                .navbar-nav > li > .dropdown-menu > li:active > a,
                .navbar-nav > li > .dropdown-menu > li.active > a{
                    color: var(--primary-white);
                }


.hentry > a, .news-item > a {
    position: relative;
    display: block;
    border: none;
    background-color: white;
    overflow: hidden;
    text-decoration: none;
}
.hentry-information {
    padding: 13px 14px 9px !important;
    line-height: 1.3em;
    font-size: 0.875em;
    position: relative;
    z-index: 1;
    background: var(--secondary-pink);
    color: var(--secondary-blue);
}
.hentry-information .hentry-positionInList {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.hentry-information h2 {
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    margin: 13px 0 9px;
}

.hentry-information .school {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #818181;
}


/* Social links */

.social-links {
    top: 0.4em;
    float: right;
}

.social-links > a {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background: none;
    border-radius: 50%;
    font-size: 1.125em;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-right: 15px;
}

.social-links > a:last-of-type {
    margin-right: 0;
}

.social-links > a:before {
    line-height: 1.412em;
}

.social-links > a:hover {
    background: none;
    color: none;
}

.social-links > a > img {
    width: 24px;
    height: 24px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: 15px;
    }

    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;
    }



    @media (max-width: 767px) {
        .navbar-default .navbar-collapse {
            border-top: none;
            width: 100%;
        }

        .nav > li {
            position: relative;
            display: block;
            border-top: 1px solid #808080;
        }

            .nav > li:last-child {
                border-bottom: 1px solid #808080;
            }

            .nav > li > a:hover,
            .nav > li > a:focus {
                background-color: #eee;
            }

        .nav > .dropdown a .nav-pagelink:before {
            font-family: 'spanningssokarna';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            font-size: 1.2em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\72';
            position: relative;
            display: block;
            float: right;
            border-left: 1px solid #808080;
            width: 44px;
            height: 44px;
            text-align: center;
            padding-top: 11px;
            top: -10px;
            left: 15px;
            color: white;
        }

        .nav-pagelink {
            white-space: nowrap;
        }

        .nav > .dropdown.open a p.nav-pagelink:before {
            content: "\74";
            color: var(--secondary-blue);
        }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 2px 15px 2px 0px !important;
        }

        .navbar-nav > li > .dropdown-menu > li {
            border: none;
            background: var(--secondary-blue);
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: white;
        }

            .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
                background: var(--secondary-pink);
                color: white;
            }

        .navbar-collapse {
            margin-left: -15px;
            margin-right: -15px;
        }
    }


    /* END  NAVIGATION --------------------------------- */

    /* ENTRIES --------------------------------- */

    .hentry > a, .news-item > a {
        position: relative;
        display: block;
        border: none;
        background-color: white;
        overflow: hidden;
        text-decoration: none;
    }

        .hentry > a:hover, .news-item > a:hover {
            text-decoration: none;
            cursor: pointer;
        }

            .hentry > a:hover img, .news-item > a:hover img {
                transform: scale(1.15);
            }

            .hentry > a:hover h2, .news-item > a:hover h2 {
                text-decoration: underline;
                color: var(--secondary-blue);
            }

        .hentry > a img, .news-item > a img {
            transition: all .4s ease-in-out;
        }

        .hentry > a > img,
        .entry-image img,
        .news-item > a > img {
            display: block;
            width: 100%;
            height: auto;
        }

    .hentry-information {
        padding: 13px 14px 9px !important;
        background: #fff;
        color: #000;
        line-height: 1.3em;
        font-size: 0.875em;
        position: relative;
        z-index: 1;
    }

        .hentry-information .hentry-positionInList {
            font-family: "Poppins", sans-serif;
            font-weight: 700;
            font-size: 12px;
            line-height: 14px;
            text-transform: uppercase;
        }

        .hentry-information h2 {
            font-style: normal;
            font-weight: 700;
            line-height: 36px;
            text-align: center;
            margin: 13px 0 9px;
        }

        .hentry-information .school {
            font-family: "Poppins", sans-serif;
            font-weight: 700;
            font-size: 14px;
            line-height: 17px;
            text-align: right;
            color: #818181;
        }

    .popup {
        display: none;
        overflow: hidden;
        position: relative;
        z-index: 2;
        margin-bottom: 2em;
        padding-right: 0;
    }

    .entry_filter_dd_wrapper {
        display: block;
        margin-bottom: 15px;
        white-space: nowrap;
    }

        .entry_filter_dd_wrapper div {
            display: inline-block;
            margin-right: 10px;
            max-width: 50%;
        }

    .entry {
        background: white;
        padding: 10px;
    }

    .entry-copy > * {
        margin-top: 20px;
    }

        .entry-copy > *:first-child {
            margin-top: 0;
        }

    .entry-mid-area {
        display: table;
        background-color: none;
        color: var(--primary-white)
    }

    .entry-infobox {
        color: var(--primary-white)
    }

    .entry-top-area, .entry-image, .entry-infobox, .voting-area {
        background-color: none;
        color: var(--primary-white)
    }

    .entry-top-area, .entry-image, .entry-infobox {
        background-color: none;
        padding-top: 1em;
    }

        .entry-top-area .pull-md-right {
            padding-left: 15px;
        }

        .entry-top-area .pull-md-left {
            padding-right: 15px;
        }

    .entry-header {
        text-align: center;
    }

    .entry-image, .entry-infobox, .entry-text {
        padding-bottom: 1em;
    }

    .entry-top-area .entry-link {
        float: right;
        text-transform: lowercase;
    }

    .entry-school-meta {
        text-align: center;
        margin-top: 1rem;
    }

    .entry-pagination {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        margin-top: 40px;
        border-top: 2px solid #9c9c9c;
    }

        .entry-pagination a {
            color: var(--primary-white);
            font-weight: 600;
            text-decoration: none;
        }

    .entry-school-information img {
        width: 100%;
        margin-top: 1em;
    }


    @media screen and (max-width: 767px) {
        .popup {
            padding-right: 15px;
        }
    }

    @media screen and (min-width: 768px) {
        .popup {
            padding-right: 0;
        }
    }

    @media screen and (max-width: 768px) {
        .entry-school-information img {
            max-width: 300px;
        }
    }

    .entry-school-meta {
        font-size: 1rem;
        line-height: 1.3em;
        margin-top: 1em;
    }

    /* END  ENTRIES --------------------------------- */

    /* VOTE --------------------------------- */

    .vote-form-wrapper {
        position: relative;
        min-height: 290px;
        color: var(--secondary-pink);
    }

    #vote-form input[type="text"],
    .captcha-image {
        border: 2px solid var(--secondary-blue);
        width: 80%;
    }

    #vote-form input[type="text"] {
        border-radius: 0;
    }

    #vote-form .entry-link {
        background: var(--secondary-pink);
        padding: 10px 40px;
        margin-top: 20px;
        font-size: 1.875em;
        text-transform: uppercase;
    }

        #vote-form .entry-link:hover {
            background: #F59B00;
        }

    .entry-vote > * {
        margin-top: 20px;
    }

        .entry-vote > *:first-child {
            margin-top: 0;
        }

    .entry-vote .captcha-image,
    .entry-vote .captcha-image + input {
        width: 50%;
        display: block;
    }

    .refresh-captcha {
        display: inline-block;
        font-size: 0.9em;
        margin: 0 0 20px 0;
    }

    .captcha-image {
        display: block;
    }

    .entry-vote-response {
        padding: 15px 0 5px 0;
        color: #D00031;
        font-weight: bold;
    }

    /* Voting meter */

    .voting-meter {
        position: absolute;
        left: 10px;
        bottom: 0;
        width: 280px;
        height: 230px;
        background: transparent url('/Spanningssokarna/Static/Images/graf_bg.png') bottom center no-repeat;
        background-size: contain;
    }

        .voting-meter:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 5px;
            width: 12px;
            height: 12px;
            margin-left: -6px;
            background: transparent url('/Spanningssokarna/Static/Images/graf_pointer_circle.png') bottom center no-repeat;
            background-size: contain;
        }

    /* Hide in older browsers, like IE 8 */

    .lt-ie9 .voting-meter {
        display: none;
    }

    .voting-text {
        position: absolute;
        top: 0;
        right: 10px;
        width: 130px;
        font-size: 0.75em;
        font-family: 'handwritten';
        color: var(--secondary-blue);
        text-align: center;
        line-height: 1.2em;
    }

        .voting-text:after {
            content: '';
            position: absolute;
            top: 100%;
            left: -10px;
            width: 31px;
            height: 43px;
            background: transparent url('/Spanningssokarna/Static/Images/graf_arrow.png') bottom center no-repeat;
            background-size: contain;
        }

    .voting-arrow {
        height: 100px;
        width: 20px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -12px;
        background: transparent url('/Spanningssokarna/Static/Images/graf_pointer_arrow.png') bottom center no-repeat;
        background-size: contain;
        -ms-transform-origin: center bottom;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation: 1s linear 1s 1 forwards;
        -moz-animation: 1s linear 1s 1 forwards;
        -o-animation: 1s linear 1s 1 forwards;
        animation: 1s linear 1s 1 forwards;
    }

        .voting-arrow.vote-1 {
            -webkit-animation-name: voting_one;
            -moz-animation-name: voting_one;
            -o-animation-name: voting_one;
            animation-name: voting_one;
        }

        .voting-arrow.vote-2 {
            -webkit-animation-name: voting_two;
            -moz-animation-name: voting_two;
            -o-animation-name: voting_two;
            animation-name: voting_two;
        }

        .voting-arrow.vote-3 {
            -webkit-animation-name: voting_three;
            -moz-animation-name: voting_three;
            -o-animation-name: voting_three;
            animation-name: voting_three;
        }

        .voting-arrow.vote-4 {
            -webkit-animation-name: voting_four;
            -moz-animation-name: voting_four;
            -o-animation-name: voting_four;
            animation-name: voting_four;
        }

    /* Voting - 1 */
    @-webkit-keyframes voting_one {
        0% {
            -webkit-transform: rotate(0deg);
        }

        50% {
            -webkit-transform: rotate(80deg);
        }

        100% {
            -webkit-transform: rotate(65deg);
        }
    }

    @-moz-keyframes voting_one {
        0% {
            -moz-transform: rotate(0deg);
        }

        50% {
            -moz-transform: rotate(80deg);
        }

        100% {
            -moz-transform: rotate(65deg);
        }
    }

    @-o-keyframes voting_one {
        0% {
            -o-transform: rotate(0deg);
        }

        50% {
            -o-transform: rotate(80deg);
        }

        100% {
            -o-transform: rotate(65deg);
        }
    }

    @keyframes voting_one {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(80deg);
        }

        100% {
            transform: rotate(65deg);
        }
    }

    /* Voting - 2 */
    @-webkit-keyframes voting_two {
        0% {
            -webkit-transform: rotate(0deg);
        }

        50% {
            -webkit-transform: rotate(80deg);
        }

        100% {
            -webkit-transform: rotate(23deg);
        }
    }

    @-moz-keyframes voting_two {
        0% {
            -moz-transform: rotate(0deg);
        }

        50% {
            -moz-transform: rotate(80deg);
        }

        100% {
            -moz-transform: rotate(23deg);
        }
    }

    @-o-keyframes voting_two {
        0% {
            -o-transform: rotate(0deg);
        }

        50% {
            -o-transform: rotate(80deg);
        }

        100% {
            -o-transform: rotate(23deg);
        }
    }

    @keyframes voting_two {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(80deg);
        }

        100% {
            transform: rotate(23deg);
        }
    }

    /* Voting - 3 */
    @-webkit-keyframes voting_three {
        0% {
            -webkit-transform: rotate(0deg);
        }

        50% {
            -webkit-transform: rotate(-80deg);
        }

        100% {
            -webkit-transform: rotate(-23deg);
        }
    }

    @-moz-keyframes voting_three {
        0% {
            -moz-transform: rotate(0deg);
        }

        50% {
            -moz-transform: rotate(-80deg);
        }

        100% {
            -moz-transform: rotate(-23deg);
        }
    }

    @-o-keyframes voting_three {
        0% {
            -o-transform: rotate(0deg);
        }

        50% {
            -o-transform: rotate(-80deg);
        }

        100% {
            -o-transform: rotate(-23deg);
        }
    }

    @keyframes voting_three {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-80deg);
        }

        100% {
            transform: rotate(-23deg);
        }
    }

    /* Voting - 4 */
    @-webkit-keyframes voting_four {
        0% {
            -webkit-transform: rotate(0deg);
        }

        50% {
            -webkit-transform: rotate(-75deg);
        }

        100% {
            -webkit-transform: rotate(-65deg);
        }
    }

    @-moz-keyframes voting_four {
        0% {
            -moz-transform: rotate(0deg);
        }

        50% {
            -moz-transform: rotate(-75deg);
        }

        100% {
            -moz-transform: rotate(-65deg);
        }
    }

    @-o-keyframes voting_four {
        0% {
            -o-transform: rotate(0deg);
        }

        50% {
            -o-transform: rotate(-75deg);
        }

        100% {
            -o-transform: rotate(-65deg);
        }
    }

    @keyframes voting_four {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-75deg);
        }

        100% {
            transform: rotate(-65deg);
        }
    }

    .no-cssanimations .voting-arrow {
        left: 140px;
    }

        .no-cssanimations .voting-arrow.vote-1 {
            transform: rotate(65deg);
            -ms-transform: rotate(65deg);
        }

        .no-cssanimations .voting-arrow.vote-2 {
            transform: rotate(23deg);
            -ms-transform: rotate(23deg);
        }

        .no-cssanimations .voting-arrow.vote-3 {
            transform: rotate(-23deg);
            -ms-transform: rotate(-23deg);
        }

        .no-cssanimations .voting-arrow.vote-4 {
            transform: rotate(-65deg);
            -ms-transform: rotate(-65deg);
        }

    /* END  VOTE --------------------------------- */

    /* NEWS --------------------------------- */

    /*Youtube video*/
    .vid, .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        .vid iframe,
        .vid object,
        .vid embed, .video-container iframe,
        .video-container object,
        .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .scriptblock {
        margin-bottom: 30px;
    }


    @media screen and (min-width: 992px) {
        body.page-senaste-nytt .maincontentarea {
            margin-bottom: 30px;
        }
    }

    .newsItem-wrapper {
        margin-bottom: 40px;
    }

    .news-item,
    .news-tags > * {
        margin-top: 20px;
    }

        .news-item:first-child,
        .news-tags > *:first-child {
            margin-top: 0;
        }

        .news-item > *:not(.news-date) {
            margin-top: 20px;
        }

        .news-item > *:first-child {
            margin-top: 0;
        }

    .news-copy .read-more,
    .news-tag-list > a {
        color: var(--secondary-pink);
    }
}

.news-bottom .news-tag-list {
    float: left;
}

.news-bottom .share {
    float: right;
}


.news-pager {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid white;
}

    .news-pager a {
        color: #fff;
    }

.next {
    float: right;
}

.prev {
    float: left;
}

/* Tags */

.news-tags {
    font-size: 1.25em;
    text-align: center;
}

    .news-tags h3 {
        font-size: 1.875em;
        color: white;
    }

    .news-tags a {
        display: block;
        color: var(--secondary-pink);
    }

/* END  NEWS --------------------------------- */

/* FOOTER --------------------------------- */

.footer {
    background: #000;
    padding: 65px 0;
    margin-top: 40px;
}

    .footer .footer-text {
        display: inline-block;
        width: 100%;
        font-size: 0.75em;
        color: #f5f5f5;
        line-height: 1.6em;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 15px;
    }

@media screen and (max-width: 991px) {
    .footer .footer-text {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer .footer-logo-left {
    display: inline-block;
    width: 100%;
    max-width: 220px;
    margin-top: 14px;
    margin-left: 15px;
}

.footer .footer-logo-right {
    display: inline-block;
    width: 100%;
    max-width: 220px;
    float: right;
    margin-right: 15px;
}

@media screen and (max-width: 991px) {
    .footer .footer-logo-left {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-logo-right {
        margin-top: 15px;
        padding: 0;
        float: none;
    }
}


@media screen and (max-width: 991px) {
    .footer .footer-logos {
        text-align: center;
    }
}

/* END  FOOTER --------------------------------- */


/* BOOTSTRAP OVERRIDE GENERAL --------------------------------- */



.container {
    width: inherit;
    max-width: 738px;
    width: 100%;
}

.container-fluid {
    margin-bottom: 30px;
}

    .container-fluid img {
        width: 100%;
        height: auto;
        opacity: 0.8;
    }

    .container-fluid .displaymode-full {
        padding: 0 !important;
    }


@media (min-width: 768px ) {
    .container {
        width: inherit;
        max-width: 962px;
        width: 100%;
    }
}


@media (min-width: 992px) {
    .container {
        width: inherit;
        max-width: 1170px;
        width: 100%;
    }
}


@media (min-width: 1200px) {
    .container {
        width: inherit;
        max-width: 1230px;
        width: 100%;
    }
}




.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
    .nopadding-left-big {
        padding-left: 0 !important;
    }
}

.nopadding-right {
    padding-right: 0 !important;
}


.carousel-control.left.nogradient, .carousel-control.right.nogradient {
    background-image: none !important;
}

/* END  BOOTSTRAP OVERRIDE GENERAL --------------------------------- */

/*OVERRIDE EPISERVER FORMS*/
.EPiServerForms .Form__Status .Form__Success__Message {
    padding: 0;
    background-color: white;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    color: var(--primary-orange) !important;
}

.Form__MainBody {
}

aside.Form__Description {
}

div.Form__Element.FormSelection select option[selected] {
    background-color: var(--primary-white);
}

.lookingglass-toptext {
    text-align: center;
    padding: 20% 0% 0% 35%;
    font-size: 90%;
    font-weight: 700;
    line-height: 0.882em;
}

    .lookingglass-toptext span {
        color: var(--secondary-pink);
    }

aside.Form__Description {
}

div.Form__Element.FormSelection select option[selected] {
    color: #0d83ac;
    background-color: #f2f2f2;
}

.social-media-icons {
    text-align: center;
}

    .social-media-icons .icon {
        width: 20px;
        display: inline-flex;
        margin: 0 3px;
    }

.fb-share-button {
    background-image: url('/Spanningssokarna/Static/Images/facebook-icon.png');
    width: 20px;
    height: 20px;
    background-size: cover;
}

.snapchat-share-button img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.social-media-icons iframe, .social-media-icons span {
    opacity: 0;
    width: 20px !important;
}

.twitter.icon {
    background-image: url('/Spanningssokarna/Static/Images/logo-twitter-white.svg');
    width: 24px;
    height: 20px;
    background-size: cover;
}

.type-contribution .year {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1em;
    font-weight: 700;
}

.type-contribution .entry-top-area {
    text-transform: uppercase;
}

    .type-contribution .entry-top-area .button {
        background: var(--secondary-pink);
        color: var(--secondary-blue);
    }

.entry-top-area svg {
    vertical-align: top;
}

.type-contribution h2.entry-header {
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}



@media (min-width: 992px) {
    .type-contribution .entry-header {
        margin-top: 0px;
    }

    .type-contribution .container {
        padding-top: 40px;
    }

    .type-contribution .entry-top-area {
        margin-top: 30px;
    }

    .pull-md-right {
        float: right !important;
    }
}

@media (max-width: 991px) {
    .type-contribution .entry-top-area {
        margin-bottom: 5px;
    }
}

.read-more {
    background-color: var(--primary-white);
}

.news-tag-list .read-more {
    background-color: white;
}

.dropdown-toggle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

a.skip-main {
    position: absolute;
    top: -50%;
    left: 50%;
    z-index: 10;
}

    a.skip-main:focus, a.skip-main:active {
        width: auto !important;
        height: auto !important;
        clip: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        top: 0;
    }

#simpliform .btn-success {
    background: var(--secondary-pink) !important;
    color: var(--secondary-blue) !important;
    border-color: var(--secondary-pink);
}
#simpliform .btn-success:hover {
    border-color: var(--primary-pink);
}

@media (min-width: 768px) and (max-width: 991px) {
    .pull-sm-right {
        float: right !important;
    }
}

.quote-wrapper {
    max-width: 700px;
    margin: 0 auto;
}

    .quote-wrapper.no-image {
        max-width: 457px;
        margin: 0 auto;
    }


.quote {
    text-align: center;
    padding-top: 16px;
    position: relative;
    font-style: italic;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 22px;
    font-family: "Poppins", sans-serif;
}

.author {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 22px;
    position: relative;
    text-align: center;
}

.author-img {
    border-radius: 100%;
    margin: 18px auto 23px;
    display: block;
}


@media(max-width: 768px) {
    .quote-wrapper {
        margin-bottom: 40px;
    }

        .quote-wrapper .col {
            flex: none;
        }
}

@media(min-width: 769px) {
    .col-img {
        max-width: 200px;
    }



    .quote {
        padding-right: 49px;
        text-align: left;
    }

        .quote:after {
            content: "";
            width: 44px;
            height: 33px;
            position: absolute;
            top: 0;
            right: 0;
            background-image: url("/Spanningssokarna/Static/Assets/DesignIcons/quote.svg");
        }

    .author {
        padding-left: 30px;
        text-align: left;
    }

        .author:before {
            content: "";
            width: 20px;
            height: 1px;
            position: absolute;
            top: 8px;
            left: 0;
            background-image: url("/Spanningssokarna/Static/Assets/DesignIcons/Rectangle.svg");
        }

    .author-img {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .pull-sm-right {
        float: right !important;
    }
}

@media(min-width: 1200px) {
    .col-img-saml {
        max-width: 150px;
    }
}

.navbar {
    position: static;
}

@media(max-width: 768px) {
    .navbar {
        min-height: 0px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .navrow {
        overflow: hidden;
    }

    .navbar-nav {
        padding: 0;
    }

        .navbar-nav .dropdown-menu {
            margin-top: 0;
        }

    li.nav-item {
        border-top: 1px solid #808080;
    }

    .nav-link {
        padding: 10px 15px !important;
    }

    .dropdown-toggle {
        width: 100%;
        max-width: calc(100% - 44px);
        position: relative;
        display: inline-block !important;
    }

        .dropdown-toggle:after {
            border: none;
            top: 0;
            right: -44px;
            left: auto;
            font-family: 'spanningssokarna';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            font-size: 1.2em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\72';
            display: block;
            float: right;
            border-left: 1px solid #808080;
            width: 44px;
            height: 44px;
            text-align: center;
            padding-top: 11px;
            color: white;
            position: absolute;
        }

        .dropdown-toggle.show:after {
            background-color: white;
            color: var(--secondary-pink);
        }

    .nav > .dropdown a .nav-pagelink:before {
        display: none;
    }
}

.entry-image .carousel {
    margin-bottom: 92px;
}

    .entry-image .carousel.noThumbnails {
        margin-bottom: 16px;
    }

    .entry-image .carousel .carousel-indicators {
        bottom: -92px;
    }

        .entry-image .carousel .carousel-indicators button {
            background-color: white;
            margin-top: 0;
            margin-bottom: 0;
            height: 60px;
            width: 106px;
            border: none;
            border-radius: 0;
            position: relative;
        }

        .entry-image .carousel .carousel-indicators img {
            max-height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

    .entry-image .carousel .video-container {
        padding-top: 0;
    }

.carousel-control-prev, .carousel-control-next {
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
}

    .carousel-control-prev:hover, .carousel-control-prev:active, .carousel-control-prev:focus, .carousel-control-prev:visited,
    .carousel-control-next:hover, .carousel-control-next:active, .carousel-control-next:focus, .carousel-control-next:visited {
        background-color: transparent;
    }

@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
}

.type-contributionyear h1 {
    margin-top: 15px;
}

.topcontentarea .articleblock, .topcontentarea .xhtmlblock .inner {
    padding: 0 !important;
}

.topcontentarea .displaymode-full,
.topcontentarea .displaymode-half,
.topcontentarea .displaymode-one-third,
.topcontentarea .displaymode-two-thirds,
.topcontentarea .displaymode-one-quarter,
.topcontentarea .displaymode-three-quarter {
    margin-bottom: 20px;
}

.articleblock h2 {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.articleblock p {
    margin-top: 10px !important;
}

#EntryArea .filter {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-right: 18px;
    cursor: pointer;
}

.filter-wrapper {
    display: inline-block;
    margin-left: 18px;
}

@media(max-width: 768px) {
    .filter-wrapper {
        margin: 0 0 25px;
        display: block;
    }
}


/* Bootstrap override Hamburger button */

.navbar-default .navbar-toggler, .navbar-default .navbar-toggler:focus {
    padding: 10px 14px;
    margin: 0;
    background-color: var(--secondary-pink);
    border: 0px transparent;
    border-radius: 5px;
    float: right;
    color: transparent;
}

    .navbar-default .navbar-toggler:hover {
        background-color: var(--secondary-pink);
    }

    .navbar-default .navbar-toggler .icon-bar {
        background-color: var(--secondary-blue);
    }

.navbar-toggler .icon-bar {
    width: 40px;
    height: 4px;
    border-radius: 0;
    margin: 0 auto;
    display: block;
}


.navbar-toggler {
    height: 40px !important;
}

    .navbar-toggler .icon-bar:nth-of-type(2) {
    }

    .navbar-toggler .icon-bar {
        position: relative;
        transition: all 300ms ease-in-out;
    }

        .navbar-toggler .icon-bar:nth-of-type(1) {
            background-color: transparent;
            width: 1px;
        }

        .navbar-toggler .icon-bar:nth-of-type(2) {
            transform: rotate(45deg);
            margin-top: -4px;
        }


        .navbar-toggler .icon-bar:nth-of-type(3) {
            transform: rotate(-45deg);
            margin-top: -4px;
        }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
        background-color: var(--secondary-blue);
        width: 40px;
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
        transform: rotate(0);
        margin-top: 4px;
    }


    .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
        transform: rotate(0);
        margin-top: 4px;
    }

/* Bootstrap override mobile meny */

/* Header icons wrapper */
.ss-header-icons-wrapper {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 700px) {
    .ss-header-icons-wrapper {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ss-header-icons-wrapper .logo-secondary {
        max-width: 110px;
    }
}