/*
Theme Name:   Centum Child
Theme URI:
Description:  Centum Child theme
Author:
Author URI:
Template:     Centum
Version:      1.0.0
License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  Centum
*/

@import url("/wp-content/themes/Centum/style.css");

.teammedlem .text {
    width: 100%;
   padding: 40px 200px 50px 40px;
   height: 240px;

    display: inline-block;
    color: #fff;
    position: relative;
    box-sizing: border-box
}



.teammedlem-kontakt .text {
    color: black;
        padding: 20px 200px 0px 0px;
    height: 180px;
}


.text .afdeling {
    font-size: 18px;
    color: rgb(08,84,78);
    font-weight: 700;

}

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

    .teammedlem .text {
        padding: 20px;
        height: auto;
    }



}
.teammedlem quote {
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
}



.teammedlem .text h3 {
    color: #fff;
}


.teammedlem {
    margin-right: -10px !important;
    margin-left: 0px !important;
    position: relative
}

.teamimage {
    max-height: 240px;
    position: absolute;
    right: 0;
    top: 0;
}
.smaller {
    max-height: 180px;
}

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

    .teamimage {position: relative}
    .to-the-right .teamimage {float:right;}
}


.opslag .text {
    padding: 40px;
    color:#fff;
}
.opslag .text h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
margin-bottom: 20px;
}

.opslag .text h2 .light {
    font-weight: 300;

}

.opslag .text ul {
    list-style: circle;
}
.opslag .text ul li {
    margin: 10px 16px;
}


.circle {
  border-radius: 50%;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
}

@media screen and (max-width:768px) {
    .circle {
        height: 150px;
        width: 150px;
        padding: 0;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
.circle-content {
  font-weight: 700;
  color: #fff;
  float: left;
  line-height: 1;
  margin-top: -0.5em;
  padding-top: 50%;
  text-align: center;
  width: 100%;
}

@media screen and (min-width:768px) {
    .vaerdier .row {
        display: flex;
    }

    .vaerdier .inner {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .text-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .teammedlem.to-the-left .text {

     padding: 40px 40px 50px 200px;

}
.teammedlem.to-the-left .teamimage {
    right: auto;
    left: 0;
}
}

.lgreen {
    background: #309661;
}
.dgreen {
    background: #08544e;
}

.lblue {
    background: #1e3a56;
}
.text a {
    font-weight: 700;
    color: #fff;
}

.white-text {
    color:#fff;
}
.white-text h1 {
    color:#fff;
    line-height:normal
}

.quote {
    padding: 100px 20px;
    text-align: center;
    color: #fff;

}

.quote blockquote {
    color: #fff;
    border:none;
    font-size: 24px;
    line-height: 36px;
    padding: 0;
}
.quote blockquote p {
    line-height: 26px;
    position: relative
}
.quote blockquote p::before {
    content: "“";

}
.quote blockquote p::after {
    content:"”";

}


.udtalelse {

    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background: rgb(0,84,78);
    color: #fff;
    min-height: 270px !important;
    position: relative
}

.udtalelse .inner {
    width:70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.udtalelse p:first-child {
   font-style: italic;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 21px;
}

.slick-dots li {
    margin: 0 !important;
}

.mob-menu-container {
    display: none;
}


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

    #logo {
        margin-top: 80px !important;
    }

    .mob-toggle {
/*        display: none;*/
        border-radius: 8px;
        width: 60px;
        height: 60px;
        /*    border: 2px solid #01524c;*/
        background: #e9e9e9;
        left: 10px;
        top: 10px;
        position: absolute;
            z-index: 123894;

    }

    .mob-toggle span {
        background: #01524c;

        top: 29px;
        left: 15px;
        position: absolute;
        width: 30px;
        height: 2px;
        border-radius: 0px;
        transform-origin: center;
        opacity: 1;
        transition: all .25s ease-in-out;
    }
    .mob-toggle span:last-child {
        top: auto;
        bottom: 19px;
    }
    .mob-toggle span:first-child {
        bottom: auto;
        top: 19px;
    }


    .mob-toggle.open span:first-child {
        transform: translateY(10px) rotate(45deg);
        transition: all .25s ease-in-out;
    }
    .mob-toggle.open span:nth-child(2) {
        opacity: 0;
        transition: all .25s ease-in-out;
    }
    .mob-toggle.open span:last-child {
        transform: translateY(-10px) rotate(-45deg);
        transition: all .25s ease-in-out;
    }

    .mob-menu-container {

        display: block;
        position: absolute;
        left: -100vw;
        top: 0;
        width: 100%;
        height: 100%;
        background: #3c3c3c;
        z-index: 99999;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: auto;
        transition: left .25s ease-out;

    }

    .mob-menu-container .menu-item-has-children {
        position: relative;
    }
    .mob-menu-container .menu-item-has-children::after {
        position: absolute;
        top: 0px;
        right: 15px;

        content: " +";
        color: #696969;
    }
    .mob-menu-container .menu-item-has-children.open::after {
        content: " -";
        right: 15px;
        top: 0px;
        color: #696969;
    }

    .menu-item-has-children li::after{
        display: none;
    }

    .mob-menu-container.open {
        left: 0px;
    }

    .mob-menu-container .menu-menu-container {
        width: 100%;
    }
    .mob-menu-container li a {
        color: white;

    }
    .mob-menu-container li a:active, .mob-menu-container  li a:focus {
        outline: none;
        outline: 0;
        border: none;
        -moz-outline-style: none;
    }
    .mob-menu-container li:active, .mob-menu-container  li:focus {
        outline: none;
        outline: 0;
        border: none;
        -moz-outline-style: none;
    }

    .mob-menu-container li  {
        font-size: 24px;
        font-weight: 700;
        line-height: 38px;
        cursor: pointer;

    }
    .mob-menu-container ul.sub-menu {

        max-height: 0;
        overflow: hidden;
        margin: 0;
    }
    .mob-menu-container ul.sub-menu.open {
        max-height: 1000px;
    }
    .mob-menu-container ul.sub-menu li {
        font-weight: 400;
    }
    .mob-menu-container ul.sub-menu li:first-child {
        margin-top: 10px;
    }
    .mob-menu-container ul.sub-menu li:last-child {
        margin-bottom: 20px;
    }

    .download {

        background: #fff;
        padding: 20px 36px;
        display: inline-block;
        color: #309661;
        transition: all .25s;


    }
    .download:hover {
        color:#08544e;
        background:rgba(#fff, .5);
        transition: all .4s;
    }

}


@media only screen and (max-width: 767px) {
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns,
.container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.columns {
    margin-top: 20px;
	}
}

#cookie {
    text-align: center;
    color: #FFF;
    font-size: 13px;
}

#cookie a {
    color: #FFF;
}