/*
Theme Name: Mediahelp
Template: twentytwenty
Text Domain: mediahelp
Version: 1.0
Description: Mediahelp theme by Aidoo
Author: Aidoo
Author URI: https://aidoo.se/
Theme URI: https://aidoo.se/
*/

:root {
    --red: #D72627;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-Thin.eot');
	src: local('☺'), url('fonts/Blinker-Thin.woff') format('woff'), url('fonts/Blinker-Thin.ttf') format('truetype'), url('fonts/Blinker-Thin.svg') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-ExtraLight.eot');
	src: local('☺'), url('fonts/Blinker-ExtraLight.woff') format('woff'), url('fonts/Blinker-ExtraLight.ttf') format('truetype'), url('fonts/Blinker-ExtraLight.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-Light.eot');
	src: local('☺'), url('fonts/Blinker-Light.woff') format('woff'), url('fonts/Blinker-Light.ttf') format('truetype'), url('fonts/Blinker-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-Regular.eot');
	src: local('☺'), url('fonts/Blinker-Regular.woff') format('woff'), url('fonts/Blinker-Regular.ttf') format('truetype'), url('fonts/Blinker-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-SemiBold.eot');
	src: local('☺'), url('fonts/Blinker-SemiBold.woff') format('woff'), url('fonts/Blinker-SemiBold.ttf') format('truetype'), url('fonts/Blinker-SemiBold.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-Bold.eot');
	src: local('☺'), url('fonts/Blinker-Bold.woff') format('woff'), url('fonts/Blinker-Bold.ttf') format('truetype'), url('fonts/Blinker-Bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-ExtraBold.eot');
	src: local('☺'), url('fonts/Blinker-ExtraBold.woff') format('woff'), url('fonts/Blinker-ExtraBold.ttf') format('truetype'), url('fonts/Blinker-ExtraBold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Blinker';
	src: url('fonts/Blinker-Black.eot');
	src: local('☺'), url('fonts/Blinker-Black.woff') format('woff'), url('fonts/Blinker-Black.ttf') format('truetype'), url('fonts/Blinker-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'SucroseSlant';
	src: url('fonts/Yellow Design Studio - SucroseSlant-BoldTwo.eot');
	src: local('☺'), url('fonts/Yellow Design Studio - SucroseSlant-BoldTwo.woff') format('woff'), url('fonts/Yellow Design Studio - SucroseSlant-BoldTwo.ttf') format('truetype'), url('fonts/Yellow Design Studio - SucroseSlant-BoldTwo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media (min-width: 980px) and (max-width: 1920px) {
    html {
        font-size: calc(7px + (10 - 7) * ((100vw - 980px) / (1920 - 980)));
    }
}

html, body {
    overflow-x: hidden;
}

body {
    background: #fff;
    font-size: 2.8rem;
    line-height: 1.4;
    font-family: Blinker;
    background: url(https://mediahelp.se/wp-content/uploads/2020/10/gul_botten_mediahelp.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

@media (min-width: 1140px) {
    body.page-template-lediga-tjanster {
        background-size: cover;
    }
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1px;
}

h3 {
    font-weight: 600;
}

p {
    line-height: 1.4;
}

.singular .entry-header {background-color: rgb(255 255 255 / 0%);}

/* .site-footer {
    background-image: url(https://mediahelp.se/wp-content/uploads/2020/10/gul_botten_mediahelp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
} */
.footer-inner.section-inner {padding: 40px 0px;}
.footer-widgets-outer-wrapper {border-bottom: 0px;}

.footer-inner.section-inner a {
    text-decoration: none;
    color: #111111;
}
.footer-inner.section-inner,
.widget_text p {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}


#site-footer {display: none;}

.post-inner {
    padding-top: 0px;
}

.container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14rem;
    padding-right: 14rem;
}

@media (max-width: 980px) {
    .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .main-nav .navbar-toggle i {
        font-size: 2rem!important;
    }
}

#masthead .container {
    height: 70px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home #masthead {
    background: rgb(255 255 255 / 0%);
}

.home #splash {
    background: #fcdd37;
    position: relative;
}
#masthead,
#splash {
    background: rgb(255 255 255 / 0%);
    position: relative;
}

#masthead {
    z-index: 999;
}

#splash {
    margin-top: -70px;
    margin-bottom: 10rem;
}

#splash::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0rem;
    /* top: 11.4rem; */
    bottom: -1px;
    background: url(images/splash-bg.png) no-repeat center bottom/100% auto;
}

#splash .container {
    height: calc(122rem + 70px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media (max-width: 980px) {
    #splash .container {
        height: 90rem;
    }
}

@media (max-width: 768px) {
    #splash .container {
        height: 100vh;
    }
}

.blinking-lines {
    text-transform: uppercase;
    letter-spacing: -2px;
    text-align: center;
}

@media (max-width: 980px) {
    .blinking-lines {
        font-size: .8em;
    }
}

@media (max-width: 768px) {
    .blinking-lines {
        font-size: .6em;
    }
}

.blinking-lines .line1,
.blinking-lines .line2 {
    font-size: 3.3em;
    font-weight: 600;
    margin-bottom: 1em;
    letter-spacing: 1px;
}

.blinking-lines .line1 {
    color: #00e68b;
    animation: blinking--line1 4s infinite;
}

.blinking-lines .line2 {
    color: #ffa326;
    animation: blinking--line2 4s infinite;
}

.blinking-lines .line3 {
    font-size: 6em;
    font-weight: 800;
    animation: blinking--line3 4s infinite;
    font-family: 'SucroseSlant';
}

@keyframes blinking--line1 {
	0% {
        color: #00e68b
    }

    16% {
        color: #ffa326
    }

    32% {
        color: #000
    }

	48% {
        color: #9AEBC0
    }

    64% {
        color: #A9E1EC
    }

    80% {
        color: #EA33D5
    }

    100% {
        color: #EB2326
    }
}

@keyframes blinking--line2 {
	0% {
        color: #EB2326
    }

	16% {
        color: #00e68b
    }

    32% {
        color: #ffa326
    }

    48% {
        color: #000
    }

    64% {
        color: #9AEBC0
    }

    80% {
        color: #A9E1EC
    }

    100% {
        color: #EA33D5
    }
}

@keyframes blinking--line3 {
	0% {
        color: #EA33D5
    }

	16% {
        color: #EB2326
    }

    32% {
        color: #00e68b
    }

    48% {
        color: #ffa326
    }

    64% {
        color: #000
    }

    80% {
        color: #9AEBC0
    }

    100% {
        color: #A9E1EC
    }
}



#splash .cans {
    position: absolute;
    right: 0;
    font-size: .71em;
}

@media (max-width: 1279px) {
    #splash .cans {
        font-size: .5em;
    }
}

@media (max-width: 980px) {
    #splash .cans {
        font-size: .4em;
    }
}

.cans .can {
    background: url(images/can.png) no-repeat top left/auto 100%;
    position: absolute;
}

.cans .can1 {
    right: -17.35em;
    bottom: -46.75em;
    width: 42.5em;
    height: 31.85em;
}

.cans .can2 {
    right: -8.25em;
    bottom: -56em;
    width: 48em;
    height: 36em;
}

.cans .can3 {
    width: 65em;
    height: 52.5em;
    right: -22.7em;
    bottom: -78.5em;
}

.start-intro {
    margin-bottom: 3rem;
}

.start-intro h3 {
    color: #eb9acc;
    font-size: 2.5em;
    margin-top: .5em;
    font-weight: 600;
}

.start-intro .intro-wrapper {
    position: relative;
    padding: 1rem 10rem;
    color: #745668;
    width: 78%
}

@media (max-width: 1279px) {
    .start-intro {
        margin-bottom: 20rem;
    }

    .start-intro .intro-wrapper {
        width: 85%
    }
}

.start-intro .intro-wrapper::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 1rem solid #000;
    content: '';
}

.start-icons .icons-wrapper .icons,
.start-icons .icons-wrapper .icons > * {
    display: flex;
}

.start-icons .icons-wrapper {
    align-items: center;
}

.start-icons .icons-wrapper h3 {
    font-size: 3.8em;
}

@media (min-width: 1368px) {
    .start-icons .icons-wrapper {
        display: flex;
    }

    .start-icons .icons-wrapper h3 {
        margin: 0 1em 0 0;
        min-width: calc(48% - 1em);
        max-width: calc(48% - 1em);
    }
}

.start-icons .icons-wrapper .icons {
    margin: 0 -1rem;
    flex-wrap: wrap;
}

.start-icons .icons-wrapper .icons > * {
    width: calc(50% - 2rem);
    margin: 1rem;
    flex-direction: column;
    color: #fff;
    align-items: center;
    justify-content: center;
    min-height: 18.8rem;
    position: relative;
}

.start-icons .icons-wrapper .icon > .icon-img {
    line-height: 1em;
    font-size: 2em;
}

.start-icons .icons-wrapper .icon > .icon-img.type-material {
    line-height: .5;
    font-size: 2.7em;
}

.start-icons .icons-wrapper .icon > .icon-img.type-material .material-icons {
    font-size: inherit;
    line-height: inherit;
}

.start-icons .icons-wrapper .icon > .icon-shadow {
    position: absolute;
    top: .7rem;
    bottom: -.7rem;
    left: .7rem;
    right: -.7rem;
    z-index: -1;
}

.start-icons .icons-wrapper .icon > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	cursor: default;
}

.start-icons .icons-wrapper .icons .icon.icon-sokmotoroptimering a,
.start-icons .icons-wrapper .icons .icon.icon-google-ads a{cursor: pointer;}


.start-icons .icons-wrapper .icon-text {
    font-weight: 500;
    font-size: 1.1em;
    letter-spacing: 1px;
}

#site-content {
    position: relative;
    z-index: 1;
}

.snake-img {
    margin: 15rem 0;
}

.snake-img .container {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}


.start-special {
    color: #5a5a5a;
}

.start-special h3, 
.start-special h4 {
    text-transform: uppercase;
}

.start-special h3 {
    font-weight: 300;
    font-size: 1.6em;
    letter-spacing: .3rem
}

.special-items {
    max-width: 1200px;
    margin: auto;
}

.special-item {
    display: flex;
    margin: 0 -1em;
    flex-wrap: wrap;
}

.special-item > * {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
}

.special-item-text {
    line-height: 1.7;
}

.special-item-title {
    font-weight: 600;
    font-size: 1.5em;
}

@media (max-width: 980px) {
    .start-special .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}

@media (min-width: 481px) {
    .special-item:nth-child(even) .special-item-summary {
        order: -1;
    }
}


.start-slider {
    margin: 3em 0;
}

.slide-item {
    padding: 2rem 0 10rem;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slide-item-row,
.slide-item-row .item-images {
    display: flex;
    align-items: center;
}

.slide-item-row {
    height: 65rem
}

.slide-item-row .item-case {
    font-size: 3em;
    max-width: 40%;
    line-height: 1.2;
    word-break: normal;
}

.slide-item-row .item-case .case-lbl {
    font-family: 'SucroseSlant';
    font-size: 2em;
    line-height: .8;
}

.slide-item-row .item-case .case-lbl::after {
    content: '/';
    margin-left: .25em;
}

.slide-item-row .item-logo {
    position: relative;
    right: -7rem;
    z-index: 1;
    margin-left: 7rem;
    max-width: 250px;
}

.slide-item-row .item-images {
    margin-top: auto
}

.slide-item-row .item-image {
    width: 58.5rem;
    height: 47.7rem;
    position: relative;
}

.slide-item-row .item-image img {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.slide-item-row .item-image::after {
    content: '';
    position: absolute;
    top: -1rem;
    bottom: 1rem;
    left: 1rem;
    right: -1rem;
    background: rgba(0,0,0,.5);
    z-index: -1;
}


.slide-item-row .item-video > video {
    background: black;
    border: none;
}

.slide-item-row .item-video > video:focus {
    border: none;
}

.slide-item-row .item-video > * {
    width: 100% !important;
    height: 100% !important;
}



.slide-item-cover .cover-text {
    position: absolute;
    top: 0;
    left: 30%;
    color: #eb2326;
    font-size: 22em;
    font-weight: 600;
    line-height: .85;
    z-index: -2;
    white-space: nowrap;
    line-height: .6;
}

.start-slider .splide__pagination__page {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    padding: 0;
    border: .5rem solid #eb2326;
    margin-right: 2rem;
    background: #fff;
    outline: none;
}

.start-slider .splide__pagination__page.is-active {
    background: #eb2326;
}

.start-slider .splide__arrow {
    position: absolute;
    top: 90%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity .4s;
    background: rgb(235 35 38 / 0%);
    /* background: #eb2326 */
}

.start-slider .splide:hover .splide__arrow {
    opacity: 1;
}

.start-slider .splide__arrow.splide__arrow--prev {
    transform: translateY(-50%) rotate(-180deg);
    left: 0
}

.start-slider .splide__arrow.splide__arrow--next {
    right: 0
}

@media (max-width: 1540px) {
    .start-slider .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .slide-item-row .item-case {
        font-size: 2em;
    }

}

@media (max-width: 980px) {
    .slide-item-row {
        flex-direction: column;
        align-items: center;
    }

    .slide-item-row .item-case {
        max-width: none;
        margin-bottom: 1.2em;
    }

    .slide-item-cover .cover-text {
        display: none
    }

    .slide-item-row .item-image::after {
        content: none;
    }

    .slide-item-row .item-logo {
        margin-left: -7rem;
    }
}


.main-nav {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0
}

.main-nav::after {
    position: fixed;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s 0s;
}

.main-nav .navbar-toggle i {
    font-size: 4rem;
}

body.admin-bar .main-nav {
    top: 32px;
}

.main-nav .navbar-toggle,
.main-nav .navbar {
    background: #d72628;
}

.main-nav .navbar-toggle {
    margin: 0;
    vertical-align: top;
    width: 57px;
    height: 62px;
    position: relative;
    outline: none;
    padding: 0;
}

.main-nav .navbar-toggle::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: -8px;
    right: -8px;
    background: #46090a;
    z-index: -1;
}

.main-nav .navbar {
    color: #fff;
    transform: translateX(-100%);
    /* opacity: 0; */
    position: absolute;
    left: 0;
    width: 320px;
    bottom: 0;
    top: 62px;
    transition: transform .3s;
    padding: 1em;
}

.main-nav.navbar-open::after {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.main-nav.navbar-open .navbar {
    transform: translateX(0);
}

.main-nav .navbar a {
    color: #fff;
}

.main-nav .navbar .menu a {
    font-weight: 500;
    letter-spacing: 1px;
}


.main-nav .contact-icons,
.main-nav .social-icons {
    font-size: .9em;
}

.main-nav .contact-icons a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.main-nav .contact-icons a .fa {
    font-size: 1em;
    margin-right: .4em;
    min-width: 1em;
}

.main-nav .social-icons a {
    display: inline-block;
}

.header-right {
    margin-left: auto;
}

.header-right .menu {
    display: flex
}

.header-right .menu li {
    margin: 0
}

.header-right .menu a {
    background: #d72628;
    border-radius: 2em;
    padding: .3em 1.2em;
    font-size: 1em;
    line-height: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    border: .2em solid #d72628;
    text-decoration: none;
    color: #ffffff;
}

.home .header-right .menu a:hover {background: none;}
.home .header-right .menu li:last-child a:hover {background: #ffffff; color: #d72628;}
.header-right .menu a:hover {background: #ffffff; border: .2em solid #d72628; color: #d72628;}
.header-right .menu li:last-child a:hover {background: #d72628; color: #ffffff;}

.header-right .menu li:last-child a {
    background: none;
    color: #d72628;
}

.header-right .menu li:not(:last-child) a {
    margin-right: .5em;
}

@media (max-width: 980px) {
    .header-right .menu a {
        font-size: .7em;
    }
}





.start-countup {
    margin: 5em 0;
}

.start-countup > .container {
    padding: 0
}

.start-countup .countup-wrap {
    position: relative;
    max-width: 1300px;
    margin: auto;
}

.counter-wrap {
    position: absolute;
    top: 4em;
    color: #eb2326;
    font-family: 'SucroseSlant';
    font-size: .9em;
}

.counter-wrap .container {
    padding: 0;
    text-align: center;
}

.counter-wrap .counter {
    font-size: 6em;
    line-height: 1.2;
    white-space: nowrap;
}

.counter-wrap .container h3 {
    margin: 0;
    font-size: 1.3em;
    /* font-size: 1.5em; */
}

.numbercounter1.counter-wrap {left: 110px}
.numbercounter2.counter-wrap {left: 520px}
.numbercounter3.counter-wrap {left: 895px}

@media (min-width: 1300px) {
    .svg-smaller, .svg-small {
        display: none
    }

    .svg-larger {
        display: block;
    }
}

@media (max-width: 1299px) {
    .svg-larger, .svg-small {
        display: none
    }

    .svg-smaller {
        display: block;
    }

    .start-countup .countup-wrap {
        max-width: 800px;
    }

    .counter-wrap {
        top: 80px;
        font-size: 12px;
    }

    .numbercounter1.counter-wrap {left: 80px}
    .numbercounter2.counter-wrap {left: 330px}
    .numbercounter3.counter-wrap {left: 565px}
}

@media (max-width: 799px) {
    .svg-larger, .svg-smaller {
        display: none
    }

    .svg-small {
        display: block;
    }

    .start-countup .countup-wrap {
        max-width: 400px;
    }

    .counter-wrap {
        top: 50px;
        font-size: 5.5px;
    }

    .numbercounter1.counter-wrap {left: 40px}
    .numbercounter2.counter-wrap {left: 155px}
    .numbercounter3.counter-wrap {left: 266px}

    .counter-wrap .container h3 {
        font-size: 1.8em;
    }
}







/* .gform_body .gfield_label {display: none!important;} */

.gform_body input,
.gform_body textarea {
    border: 8px solid #000000 !important; 
    background-color: #ffffff;
    color: #111111;
    padding: 1rem !important
}

.gform_wrapper label.gfield_label {font-weight: 500!important;}


.gform_footer input.button {
    background-color: #000000; 
    border: 0px solid #000000; 
    color: #ffffff; 
    border-radius: 50px; 
    text-transform: uppercase; 
    padding: 13px 40px;
    float: right;
}






/*Special image frontpage 3d stuff*/
#image_1, #image_2, #image_3 {
    position: absolute;
    transform-style: preserve-3d;
}

#special_image {
    position: absolute;
    transform-style: preserve-3d;
    border: 0px solid red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#image_2 {
    transform: translateZ(20px);
}

#image_3 {
    transform: translateZ(50px);
}

.special_image_wrapper {
    position: relative;
    margin: 0 auto;
    transform-style: preserve-3d;
}

.special_image_wrapper .content-img {
    opacity: 0;
    position: relative;
    z-index: -1;
}




/* Updated Special items */
.special-item-img {
    position: relative;
}

.special-item-img .content-img {
    opacity: 0;
}

.special-item-img .layer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.special-item-img .layer-img {
    z-index: 1;
}





.entry-content {
    font-family: Blinker;
}



/*Kontaktsida styling*/
.kontaktsida-content {
    max-width: 1200px;
    margin: auto;
    width: 80%;
}
@media (min-width: 768px) {
    .kontaktsida-content .kontaktinformation,
    .kontaktsida-content .formular {
        width: 50%;
    }
    .kontaktsida-content { display: flex; }
}



/* header css styling */
@media (max-width: 980px) {
	.main-nav .navbar-toggle {
        width: 26px; 
        height: 30px;
    }

    .main-nav .navbar-toggle::after {
        top: 5px;
        left: 5px;
        bottom: -5px;
        right: -5px;
    }

	.main-nav .navbar {
        top: 30px;
    }
    .primary-logo {
        margin: auto;
    }
    .start-intro .intro-wrapper {
        padding: 1rem;
    }
    .start-intro h3,
    .start-icons .icons-wrapper h3 {font-size: 1.2em;}
    .start-special h3 {font-size: 17px; text-align: center;}
    .start-intro .intro-wrapper::before {content: none;}
    .special-item-title {font-size: 0.9em;}
    p {font-size: 16px;}
    .start-icons .icons-wrapper .icon-text {font-size: 0.65em;}
    .special-item-text {line-height: 2; font-size: 17px;}
    /* .slide-item-row .item-case .case-lbl {font-size: 4em;} */
    .textwidget hr {display: none;}


    .primary-logo {
        width: 100%;
        order: 1;
        margin-top: 1em;
    }

    body:not(.page-template-start) #masthead {
        margin-bottom: 1.5em;
    }

    .primary-logo img {
        margin: auto
    }

    .header-right {
        margin-top: .5em
    }

    body:not(.home) #masthead .container {
        height: auto;
    }
}

.widget .widget-title {font-family: 'SucroseSlant';}
.widget-content {
    font-size: 1em;
}

.site-footer .widget-title {
    font-size: 2.5em;
}

.site-footer .footer-socials-three a {
    font-size: 7rem;
    color: #000000;
    padding-right: 10px;
}

.site-footer .footer-socials-three a:hover {color: #eb2326;}

.site-footer .widget_custom_html {margin-top: 2rem;}



@media (max-width: 480px) {
    html {
        font-size: 8px
    }

    .blinking-lines {
        font-size: .5em;
    }

    #splash .cans {
        font-size: .3em;
    }

    .start-intro {
        margin-bottom: 10rem;
    }

    .start-intro .intro-wrapper {
        width: 100%;
        padding: 0;
    }

    .start-intro .intro-wrapper::before {
        border-width: .5rem
    }

    .special-item {
        margin: 0;
        position: relative;     
    }

    .special-item > * {
        margin: 0
    }

    .special-item > .special-item-img {
        position: absolute;
        width: 12em;
        left: -5.5em;
    }

    .special-item > .special-item-summary {
        width: 100%;
        padding-left: 6em;
        z-index: 1;
        position: relative;
    }
	.special-item.special-item1 > .special-item-summary {padding-left:5.5em}

	.special-item.special-item3 > .special-item-summary {padding-left:6.5em}

	.special-item-text {font-size: 14px;}
	
	.special-item.special-item3 > .special-item-summary .special-item-title {margin-top: 3em;}
	
    .special-item:nth-child(even) > .special-item-img {
        left: auto;
        right: -5.5em;
    }

    .special-item:nth-child(even) > .special-item-summary {
        padding-left: 0;
        padding-right: 5em;
    }



    .primary-logo img {
        max-width: 10em;
    }

    .header-right .menu a {
        font-size: .5em;
        padding-top: .2em;
        padding-bottom: .2em;
    }

    .cans .can1 {
        bottom: -75em;
    }

    .cans .can2,
    .cans .can3 {
        display: none;
    }

    .blinking-lines .line3 {
        font-size: 7em;
    }


    .start-icons .icons-wrapper .icons > * {
        min-height: 11rem;
    }

    .start-icons .icons-wrapper .icon > .icon-shadow {
        top: .4rem;
        bottom: -.4rem;
        left: .4rem;
        right: -.4rem;
    }

    .start-icons .icons-wrapper .icon > .icon-img {
        line-height: 1em;
        font-size: 1.2em;
    }

    .start-icons .icons-wrapper .icon > .icon-img.type-material {
        font-size: 1.5em;
    }

    .start-icons .icons-wrapper .icon-text {
        font-size: 0.5em;
    }
    
    .start-intro h3 {
        font-size: 2em;
    }

    .start-countup {
        margin: 3em 0;
    }

    .start-special h3 {
        font-size: .78em;
        letter-spacing: .2rem;
    }


    .slide-item-row {
        height: 45rem;
    }

    .slide-item-row .item-image {
        width: 31.5rem;
        height: 25.5rem;
    }

    .slide-item-row .item-logo {
        margin-left: -4rem;
        right: -4rem;
    }

    .slide-item-row .item-logo img {
        max-width: 15rem;
    }

    .site-footer .widget-title {
        font-size: 1.2em;
    }

    .gform_body input,
    .gform_body textarea {
        border-width: 4px !important
    }

    .gform_wrapper ul li.gfield.firstname,
    .gform_wrapper ul li.gfield.lastname,
    .gform_wrapper ul li.gfield.email,
    .gform_wrapper ul li.gfield.phone {
        display: inline-block;
    }

    .gform_wrapper ul li.gfield.firstname,
    .gform_wrapper ul li.gfield.phone {
        width: calc(40% - .5rem);
    }

    .gform_wrapper ul li.gfield.lastname,
    .gform_wrapper ul li.gfield.email {
        width: calc(60% - .5rem);
    }

    .gform_wrapper ul li.gfield.firstname,
    .gform_wrapper ul li.gfield.email {
        margin-right: .5rem !important;
    }

    .gform_wrapper ul li.gfield.lastname,
    .gform_wrapper ul li.gfield.phone {
        margin-left: .5rem !important;
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.4 !important;
    }

    .gform_body input, .gform_body textarea {
        padding: .2rem .4rem !important;
    }

    .site-footer .gform_wrapper .top_label div.ginput_container,
    .site-footer .gform_wrapper li.hidden_label input {
        margin-top: 0
    }


    .site-footer {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .site-footer > .container {
        position: relative;
    }

    .site-footer .widget_media_image {
        position: absolute;
        bottom: 15px;
    }

    .site-footer .widget_media_image {
        max-width: 18rem;
    }

    .site-footer .gform_footer [type=submit] {
        width: 8em !important;
        padding-top: .4em;
        padding-bottom: .4em;
        font-size: .8em !important;
        background: #eb2326;
        padding: .4em 1em;
    }
}


@media (min-width: 320px) and (max-width: 480px) {
    .blinking-lines {
        font-size: calc(8.7px + (11.2 - 8.7) * ((100vw - 320px) / (480 - 320)));
    }
}


/*
    Slider at bottom of start-page
*/

.case-links {
    padding-top: 2.5rem;
    display: flex;
    gap: 0.2rem;
    /* justify-content: space-between; */
}

.case-links > i {
    font-size: 50%;
    width: 20%;
    text-align: center;
}


@media (max-width: 770px) and (min-width: 480px) {
.blinking-lines .line3 {font-size: 4em;}
.blinking-lines .line1,
.blinking-lines .line2 {margin-bottom: 0.3em; line-height: 1em;}
}


#post-665 header.entry-header {
    padding-bottom: 5rem;
}

#post-665 h1 {
    letter-spacing: 0.1vw;
    font-size: 4.2vw;
    margin: 3.5rem 0;
    font-family: 'SucroseSlant';
 }

 #post-665 h2 {
    color: #eb9acc;
    margin-bottom: 2rem;
    font-size: 2.8vw;
    font-family: Blinker;
 }

 @media (max-width: 980px) {
    #post-665 header.entry-header {
        padding: 1rem 0!important;
    }
    #post-665 h1 {font-size: 9.2vw;}
    #post-665 h2 {font-size: 5.8vw;}
    #post-665 .post-inner p {font-size:18px;}
 }





 /* Tjänster */
 .page-template-tjanster #masthead {
    background: #fcdd37
}

@media (min-width: 981px) {
    .tjanster-wrap .flex-row {
        display: grid;
        grid-template-columns: 55% 1fr;
        column-gap: .5em
    }
}

.tjanster-wrap .flex-row .txt-col {
    align-self: center;
    padding: 2em 0;
}

.tjanster-wrap  h2 {
    font-weight: 400;
    font-size: 2.2em;
    margin-top: 0;
}

.tjanster-wrap  .btn {
    padding: .7em 1em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}

.tjanster-wrap  .btn.bg-yellow {
    background: #fcdd37;
}

.tjanster-wrap .row2 {
    background: rgba(169,225,236,.39);
    color: #599EAC;
    padding-bottom: 1em;
}

.tjanster-wrap .row2 h4 {
    font-weight: 400;
}

.tjanster-wrap .row2 h3 {
    font-size: 1.6em;
}

.tjanster-wrap .row2 p {
    font-size: .9em;
}

.tjanster-wrap .row3 .col1 {
    background: #9AEBC0 url(https://mediahelp.se/wp-content/uploads/2020/10/squiggly-3.png);
    display: flex;
    justify-content: center;
    padding: 3em;
}

.tjanster-wrap .row3 .col1 .text {
    background: #9AEBC0;
    padding: 2em;
    color: #fff;
}

.tjanster-wrap .row3 .col1 .text h3 {
    margin: 0;
    font-size: 2em;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .tjanster-wrap .row3 .col1 {
        padding: 1em;
    }

    .tjanster-wrap .row3 .col1 .text h3 {
        font-size: 1.8em;
    }

    .tjanster-wrap  h2 {
        font-size: 2em;
    }
}

.tjanster-wrap .row3 .col1 .text h3::before {
    content: '';
    border-bottom: .1em solid;
    border-right: .1em solid;
    width: .3em;
    transform: rotate(45deg);
    height: .5em;
    margin-right: .5em;
}

.tjanster-wrap .row1 .col2 {
    margin-bottom: -1em;
}

.tjanster-wrap .row3 .col1 {
    margin-top: -1em;
}

.tjanster-wrap .row3 .col2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9AEBC0
}

.tjanster-wrap .row3 .col2 .gform {
    width: 100%;
}

@media (min-width: 981px) {
    .tjanster-wrap .row3 .col2 .gform {
        padding: 2em;
    }
}

.tjanster-wrap .row3 .col2 .gform [type=text] {
    width: 100%;
    border-color: #9AEBC0 !important;
    outline: none;
    height: 3em;
}

.tjanster-wrap .row3 .col2 .gform .gform_title {
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: 1em;
}

.tjanster-wrap .row3 .col2 .gform .gform_footer {
    display: flex;
}

.tjanster-wrap .row3 .col2 .gform .gform_footer .gform_button[type=submit] {
    border-radius: 0;
    background: #9AEBC0;
    font-size: .8em;
    padding: 1.3em 3em;
}

.tjanster-wrap .img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* Video, foto, logotyp, grafik */
.grafik-start-wrap,
.grafik-start-wrap .grafik-pages-wrap,
.grafik-start-wrap .grafik-pages {
    position: relative;
}

.grafik-start-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .23;
}

.grafik-start-wrap .start-heading,
.grafik-start-wrap .start-subheading {
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.1;
    color: #fff;
    font-size: 5.4em;
}

.grafik-start-wrap .start-heading {
    padding-top: .5em;
}

.grafik-start-wrap .start-subheading {
    margin-top: 0;
}

.grafik-start-wrap .grafik-pages {
    z-index: 1;
    position: relative;
    min-height: 35em;
}

.grafik-start-wrap .page-bg {
    background-color: var(--red);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    right: 0;
    z-index: 1;
    transform-origin: right;
    transition: transform .3s;
}

.grafik-start-wrap .page-bg:not(.moved) {
    z-index: -1;
}

.grafik-start-wrap .grafik-pages .grafik-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    transition: opacity .3s;
}

.grafik-start-wrap .page-nav {
    position: absolute;
    right: 25%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4em;
    row-gap: 1.5em;
    bottom: 6em;
    z-index: 1;
    transform: translate(50%);
}

.grafik-start-wrap .page-nav .nav-item,
.grafik-start-wrap .grafik-page .subpage-nav .nav-item,
.grafik-start-wrap .grafik-page .subpage-nav1 .nav-item {
    color: #fff;
    position: relative;
    font-weight: 600;
    font-size: 2em;
    white-space: nowrap;
}

.grafik-start-wrap .page-nav .nav-item:not(.not-animate) {
    transition: transform .3s, color .3s;
}

.grafik-start-wrap .page-nav .nav-item,
.grafik-start-wrap .subpage-nav1 .nav-item,
.grafik-start-wrap .grafik-page .back-button {
    cursor: pointer;
}

.grafik-start-wrap .page-nav .nav-item::after,
.grafik-start-wrap .grafik-page .subpage-nav .nav-item::after,
.grafik-start-wrap .grafik-page .subpage-nav1 .nav-item::after {
    content: '';
    display: block;
    border-top: .13em solid;
}

.grafik-start-wrap .grafik-page .subpage-row {
    display: grid;
    grid-template-columns: 25% 75%;
    height: 100%;
    background: #fff;
}

.grafik-start-wrap .grafik-page .subpage-nav {
    background: var(--red);
    padding: 2em 3em;
}

.grafik-start-wrap .grafik-page .subpage-main {
    background: #fff;
    padding: 0 2em;
    display: flex;
    flex-direction: column;
}

.grafik-start-wrap .grafik-page .subpage-main .subpage-heading {
    margin-left: 0;
    margin-right: 0
}

.grafik-start-wrap .grafik-page .subpage-content {
    display: flex;
}

.grafik-start-wrap .grafik-page .subpage-content .grafik-slider {
    margin-right: 2em;
    margin-left: -8em;
    width: 60%;
}

.grafik-start-wrap .grafik-page .subpage-nav1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 4em;
    margin: auto auto 2em;
}

.grafik-start-wrap .grafik-page .subpage-nav1 .nav-item,
.grafik-start-wrap .page-nav .nav-item.moving-to-nav1 {
    color: inherit;
}


.grafik-start-wrap .grafik-page.current {
    z-index: 1;
}

.grafik-start-wrap .grafik-page.active {
    z-index: 2;
}

.grafik-start-wrap .grafik-page:not(.active):not(.current) {
    opacity: 0;
}

.grafik-start-wrap .grafik-page.current .subpage-nav {
    opacity: 0;
}

.grafik-start-wrap .hidden {
    visibility: hidden;
    position: absolute;
}


.grafik-start-wrap .grafik-page .back-button {
    margin-left: auto;
    margin-bottom: 1.5em;
}

.grafik-start-wrap .grafik-page .back-button .material-icons {
    font-size: 3em;
}

.container_start {
  display: flex;
}

.left-half_start {
	flex: 0 0 70%;
}

.right-half_start {
  flex: 0 0 30%;
}


.our-services {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin: 0 auto;
    padding: 0 10%;
    box-sizing: border-box;
  }

.our-services article {
    width: 100%;
    box-sizing: border-box;
}

.our-services article header.entry-header,
.our-services article .post-inner.thin,
.our-services article .post-inner.thin *
{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}


.our-services article .post-inner.thin{
display: flex;
  align-items: center;
  justify-content: center;
}

.our-services article .post-inner.thin *
{
    width: 90%!important;
    max-width: 90%!important;
    /*margin: 0;
    padding: 0;   */
    color: #745668;
    font-family: Blinker;
    padding-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
}


.our-services article .post-inner.thin figure{
    width: 100%;
}

.our-services h1{
    letter-spacing: 0.1vw;
    font-size: 4.2vw;
    margin: 3.5rem 0;
    font-family: 'SucroseSlant';
}

.our-services article .post-inner.thin h2
{
    color: #eb9acc;
    margin-bottom: 2rem;
    font-size: 2.8vw;
    font-family: Blinker;
}







.our-services article .post-inner.thin .size-full,
.our-services article .post-inner.thin .size-full * {
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    .our-services article .post-inner.thin * {
        width: 100% !important;
        max-width: none !important;
    }

    .our-services h1 {
        font-size: 1.2em;
    }

    .our-services article .post-inner.thin h2 {
        font-size: 1em;
    }

    .our-services ul {
        font-size: 16px;
    }

    .start-special {
        margin-bottom: 4em;
    }
}


@media (min-width: 1000px) {
.page-id-956 .entry-content > .alignwide:not(.wp-block-group.has-background) {
    margin-top: 0rem;
}
}