/*
Theme Name: HTML5 Blank Child
Theme URI: http://html5blank.com
Template: html5blank-stable
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Description: HTML5 Blank WordPress Theme
Tags: Blank,HTML5,CSS3
Version: 1.4.4
Updated: 2023-01-30 22:00:00

*/
* {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body {
    background-color: #fdfdfd;
}

p {
    width:70%;
}
.wrapper {
    max-width: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
}
.logo {
    display:flex;
    gap:3%;
    flex-wrap: wrap;
    align-items: flex-start;
}
.logo #sponsors {
    display:flex;
    justify-content: flex-end;
    gap:3%;
    padding-top:1em;
    padding-bottom:1em;
}

.logo #sponsors a {
    max-width:27%;
    height:auto;
}

.logo #sponsors a img {
    width:100%;
    height:auto;
}

.logo-img {
    width:auto;
    height:100px;
}

header.header {
    position:fixed;
    background:#ffffff;
    width: 100%;
    z-index: 1000;
    margin: 0;
    padding: 2em;
    display:block;
}

#slidewrapper {
    position:relative;   
}
#slidewrapper .info {    
    position: absolute;
    top:35%;
    left:10%;
    /* height:32%; */
    width:80%;
    background:rgba(255, 255, 255, 0.7);    
    padding:2em;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:#000;
    border-radius: 16px;
    margin-bottom:-3em;
}

#slidewrapper .info ul {
    padding:0;
    margin:0;
    list-style-type: none;    
}

#slidewrapper .info ul li {
    font-size:1.8em;
    float:left;
    margin-right:1em;
}

#slidewrapper .info ul li a:link, #slidewrapper .info ul li a:visited {
    color:#333;
    font-weight: bold;
}

#slidewrapper .info ul li a:hover {
    text-decoration: underline;
}

#slidewrapper .info h1 {
    padding-top:3rem;
    padding-bottom:0;
    font-size:3em;
}
#slidewrapper .info p {
    margin-top:0;
    font-size:2em;
    line-height: 1.5em;
    width:100%;
}

.vkflogo {
    float:left;
    width:20%;
    height:auto;
    padding-right:2em;
}


.contentsection {
    max-width: 1400px;
    margin: 0 auto;    
    padding: 1em 2em 0;
}
    
h1,h2,h3,h4 {
    margin:0;
    padding:0;
}

h4 {
    margin-top:1em;
}
h2 {
    font-size:2.5em;
    margin-top:1em;
}

h3 {
    font-size:2.5em;
    padding-top:1em;
    margin-bottom:0.5em;
}

.item h3 {
    padding-top:0;
    font-size:2.5em;
   
}

.item select, .item input, .item textarea {
    font-size:3em;
    margin-bottom:1.5em;
}

.item h4 {
    font-weight: normal;
    margin:0;
    font-size:2.5em; 
}
.item textarea { 
    height:10em;
}

.item select, .item input, .item textarea {
    width:100%;
}


.item label input {
    width:auto;
}

.item .otherclub {
    display:none;
}

.item h3.tavlingsklass {
    padding-top:1em;
}

.item label {
    width:100%;
    display: block;
    float:left;
    padding-right: 3em;
    position: relative;
    font-size: 3em;
    line-height: 0.7em;   
    word-break: break-all;     
}

.item label:hover {
    text-decoration: underline;
}

h2.welcome {
    font-size:3em;
}
div.error-wrapper, pre {
    display:block;    
    font-size:1.5em;
    font-weight: bold;
    clear:both;
}
div.error {
    display:block;
    float:left;
    margin-right:1em;
    color:rgb(158, 34, 34);
}

.item label input[type="radio"] {
    float: left;
    line-height: 0.7em;
    margin: 0 0 0.3em;
}
.item label span {
    padding-left: 0.5em;
    line-height: 0.7em;
    margin: 0 0 0.3em;    
}

ul.traningstider {
    list-style-type: none;
    padding-left:0;
}

.regtable {
    background:rgb(196, 137, 28,0.3);
    display:table;
    width:100%;
    table-layout:fixed;   
}

.regtable th {
    padding:0.2em;    
    font-weight: bold;
    color:#333;
    font-size:1.4em;
}

.regtable th.topwide {
    text-align:left;
    padding:1em;
    background:rgb(77, 141, 77);
    color:#fff;
    font-weight: normal;
}

.skperiod-sleep p23,.skperiod-sleep p34, .skperiod-sleep p45 {
    font-size:1.5em;
}

.regtable td {
    padding:0.5em;
    text-align:center;
    font-weight:normal;
    color:#333;
    font-size:1.2em;
}
.skicka {
    padding: 1em;
    font-size: 2em;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 4em;
    font-weight: bold;
}

.elitsection {
    margin-top:0;
}




.flex-wrapper {
    display:flex;
    flex-wrap: wrap;
    justify-content: left;    
    align-items: stretch;
}

.flex-wrapper.toleft {
    justify-content: left;
}

.flex-wrapper .item {        
    position:relative;
    border:none;
    align-items: center;
    padding:0;
    margin-left:1%;
    margin-right:1%;
    flex-basis:18%;    
    margin-bottom:2%;
    align-content: stretch;       
    transition: box-shadow 0.7s ease-in-out;
    font-size:0.5em;
}



.flex-wrapper .item.wide {
    flex-basis:100%;
    margin-left:0;
}

a, a:link, a:visited, a:active {
    color:rgb(77, 141, 77) !important; 
}
a:hover {
    text-decoration: underline !important;
}

.flex-wrapper .item.wide ul {
    padding-bottom:2.5em;
}

.flex-wrapper .item.wide p, .flex-wrapper .item.wide ul li {
    font-size:3em;
}

.inneritem {
    background:rgba(80, 70, 70, 0.3);
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 3em;
    text-align: center;
    color: #ffffff;    
    padding:1em 0;    
    transform-origin: 0 0;
    transform: rotate(90deg);
}

.flex-wrapper .item .content {
    font-size:1em;
    padding:15em 3em 1em;    
}

.flex-wrapper .item .content p, .flex-wrapper .item .content ul li {
    font-size:1.5rem;
    margin-top:0;
}

.content {
    font-size:1.5em;
}

.flex-wrapper .item .content ul {
    padding-bottom:4em;
}

.flex-wrapper .item.pris .content {
    padding-bottom:9em;
}
.flex-wrapper .item.item.anmalningsavgift .content ul {
    padding-bottom:4em;
}

.flex-wrapper .item .content a.anmal {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:20px;    
    padding:1em 0 2em;
    font-size:2em !important;
    line-height:normal !important;
    text-align:center;
    font-weight:bold;
}
.flex-wrapper .item .content a.anmal:hover {
    outline:1px solid #000;
}

.norotate {
    left:0;
    transform:none;
}

.colorful {
    background:rgb(50, 73, 173);
}

.inspirationsdagar {
    background:rgb(77, 141, 77);
}

.packningstitel {
    background:rgb(54, 106, 54);
}

.packningstitel2 {
    background:rgb(113, 204, 113);
}

.colorful-elit {
    background:rgba(128, 91, 91,1);
}

.colorful.no-elite {
    background:rgb(196, 137, 28,0.3);
}

.colorful-coach {
    background:rgba(63,161,47,1);
    background: linear-gradient(90deg, rgba(63,161,47,1) 0%, rgba(113,183,101,1) 17%, rgba(161,204,153,1) 47%, rgba(255,255,255,1) 79%);
    text-align:left;
    padding-left:2em;
}

.header-elit {
    margin-top:2em;
    color:rgb(68, 143, 120);
}
.flex-wrapper .item .content a.selected-period {
    background:rgb(172, 212, 120);
    color:rgb(20, 20, 20) !important;
    text-decoration: none !important;
}

.flex-wrapper .item.pris.selected-period {
    background:bisque;
}

.skperiod-sleep {
    font-size:1.4em;
    display:none;
}

.skperiod-sleep.selected {
    display:block;
}
.flex-wrapper .item.pris {
    margin-left:0;
    margin-right:0;
    flex-basis:20%;
}

.flex-wrapper .item.anmalningsavgift {
    margin-left:0;
    margin-right:0;
    flex-basis:25%;
    flex-grow:1;
}

.flex-wrapper .item img {
    visibility: hidden; /* Here for not having to specify a specific height and make responsive a lot better */
}

.coachpresentation .flex-wrapper .item .content img {
    visibility: visible;
    float:left;
    width:50%;
    max-width:200px;
    height:auto;
    max-height:240px;
    padding-right:3em;
    border-radius:50%;
}

.coachpresentation .flex-wrapper .item img {
    border-radius:50%;
}

.coachpresentation .flex-wrapper .item .content p {
    margin-top:2em;
}

.pris {
    outline:1px solid #ccc !important;
}

.viktoria-helgesson {
    background:#ffffff url('/wp-content/uploads/2022/01/viktoria_helgesson.jpg') 0 0 no-repeat;
    background-size:cover;    
}

.ann-marie-lindqvist {
    background:#ffffff url('/wp-content/uploads/2024/01/ann_marie_lindqvist2.jpeg') 0 0 no-repeat;
    background-size:cover;    
}

.regina-jensen {
    background:#ffffff url('/wp-content/uploads/2022/01/regina_jensen.jpg') 0 0 no-repeat;
    background-size: cover;
}

.nicolina-lundgren {
    background:#ffffff url('/wp-content/uploads/2022/01/nicolina_lundgren.jpg') 0 0 no-repeat;
    background-size: cover;
}

.joshi-helgesson {
    background:#ffffff url('/wp-content/uploads/2022/01/joshi_helgesson.jpg') 0 0 no-repeat;
    background-size: cover;
}

.emma-kvant {
    background:#ffffff url('/wp-content/uploads/2022/01/emma_kvant.jpg') 0 0 no-repeat;
    background-size: cover;
}

.ellen-nyman {
    background:#ffffff url('/wp-content/uploads/2023/01/ellen_nyman2.jpg') 0 0 no-repeat;
    background-size:cover;    
}

.maja-polzer {
    background:#ffffff url('/wp-content/uploads/2023/01/maja_polzer2.jpeg') 0 0 no-repeat;
    background-size:cover;    
}

.cecilia-willberg {
    background:#ffffff url('/wp-content/uploads/2022/01/cecilia_willberg.jpg') 0 0 no-repeat;
    background-size: cover;
}

.camilla-dahlberg {
    background:#ffffff url('/wp-content/uploads/2022/01/camilla_dahlberg.jpg') 0 0 no-repeat;
    background-size: cover;
}

.sofhia-wigren {
    background:#ffffff url('/wp-content/uploads/2022/01/sofhia_wigren.jpg') 0 0 no-repeat;
    background-size: cover;
}

.hillevi-glantz {
    background:#ffffff url('/wp-content/uploads/2022/01/hillevi_glantz.jpg') 0 0 no-repeat;
    background-size: cover;
}

.kerstin-glantz {
    background:#ffffff url('/wp-content/uploads/2022/01/kerstin_glantz.jpg') 0 0 no-repeat;
    background-size: cover;
}

.matilda-rang {
    background:#ffffff url('/wp-content/uploads/2022/01/matilda_rang.jpg') 0 0 no-repeat;
    background-size: cover;
}

.sanna-noren {
    background:#ffffff url('/wp-content/uploads/2022/01/sanna_noren.jpg') 0 0 no-repeat;
    background-size: cover;
}

.girts-jekabs {
    background:#ffffff url('/wp-content/uploads/2022/01/girts_jekabsons.jpg') 0 0 no-repeat;
    background-size: cover;
}

.elina-andersson {
    background:#ffffff url('/wp-content/uploads/2022/01/elina_andersson.jpg') 0 0 no-repeat;
    background-size: cover;
}

.erika-svahn {
    background:#ffffff url('/wp-content/uploads/2022/01/erika_svahn.jpeg') 0 0 no-repeat;
    background-size: cover;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    font-size:1.4rem;
    float:left;
    display:block;
    margin-right:0.2em;  
    padding:0.5em;
}
nav ul li a {
    text-decoration: none;
}


nav ul li:hover {
    background:blanchedalmond;
    text-decoration: none;
}



.footer ul {
    list-style-type: none;
    background:rgb(65, 12, 12);
    padding:1em;
    font-size:1.5em;
}

.footer ul li a:link, .footer ul li a:visited, .footer ul li a:active, .footer ul li a:hover {
    color:#ffffff !important;
}

.contact {
    background:#ffffff url('/wp-content/uploads/2021/07/2021-04-25-08-02-20.jpeg') 0 0 no-repeat;
    background-size: cover;
}

.item:hover {
    -moz-box-shadow:    inset 0px 0px 30px #fff;
    -webkit-box-shadow: inset 0px 0px 30px #fff;
    box-shadow:         inset 0px 0px 30px #fff;      
}

.coachweeks {
    color:#333;
}

a.link {
    font-weight:bold;
}
a.link-skatingcamp-ready, a.link-priser {
    font-weight: bold;
}
#skatingcamp-ready {
    background:rgb(230, 230, 228);
    padding:4em;
}

#priser {
    background:rgb(230, 230, 228);
}

@media screen and (max-width: 1500px) {
    #slidewrapper .info p {
        font-size:1.5em;
    }



    #slidewrapper .info h1 {
        padding-top:1em;
        font-size:2.6em;
    }
}

@media screen and (max-width: 1400px) {
    #slidewrapper .info p, #slidewrapper .info ul li {
        font-size:1.5em;
    }
    #slidewrapper .info h1 {

        padding-top:1em;
    }
}


@media screen and (max-width: 1280px) {

    .item, .flex-wrapper .item.pris {
        flex-basis:25%;
    }

    .flex-wrapper .item .inneritem {
        left:0;
        transform:none;
    }

    #slidewrapper .info {
        margin-top:6em;
    }
    
    #slidewrapper .info h1 {        
        font-size:1.5em;
    }



  
}

@media screen and (max-width: 1024px) {

    header.header {
        position: relative;
    }
    .flex-wrapper .item.anmalningsavgift, .flex-wrapper.toleft .item, .flex-wrapper .item.pris {
        flex-basis:50%;
    }
    
    .flex-wrapper.coaches.images .item {
        flex-basis:30%;

    }

    #slidewrapper .info {
        padding-top:0;
        margin-top:2em;
        position: relative;
        width:100%;
        left:0;
    }
    
    .vkflogo {display:none;}


    #slidewrapper .info h1 {
        padding:0;
        font-size:2.2em;
    }

    #slidewrapper .info ul {
        padding:0;
    }
    #slidewrapper .info ul li {
        float: initial;
        margin-right: inherit;
    }    



}




@media screen and (max-width: 768px) {
  
    .flex-wrapper .item.anmalningsavgift, .flex-wrapper.toleft .item {
        flex-basis:55%;       
    }

    p {
        width:98%;
    }
}


@media screen and (max-width: 560px) {
    .flex-wrapper.coaches.images .item {
        flex-basis:30%;
    }
}


@media screen and (max-width: 540px) {
    .flex-wrapper .item.anmalningsavgift, .flex-wrapper .item.pris, .flex-wrapper.toleft .item {
        flex-basis:100%;
    }

    .flex-wrapper.coaches.images .item {
        flex-basis:48%;
    }


    .flex-wrapper .item .content {
        padding-top:14em;
    }



}