:root {
    --dark-blue: #34364C;
    --medium-blue: #54577B; 
    --pale-yellow: #F7FFEA;
    --bright-yellow: #D2FB95;
}

.vce {
    margin-bottom: 0 !important;
}

.dtx-wrap, 
.vcv-content--boxed .entry-content>[data-vce-boxed-width=true], 
.vcv-content--boxed .vcv-layouts-html>[data-vce-boxed-width=true], 
.vcv-editor-theme-hf .vcv-layouts-html>[data-vce-boxed-width=true], 
.vcv-footer>[data-vce-boxed-width=true], .vcv-header>[data-vce-boxed-width=true], 
.vcv-header>.vce-row-container>.vce-row[data-vce-full-width=true]:not(
[data-vce-stretch-content=true])>.vce-row-content, 
div.vcv-content--boxed .entry-content > [data-vce-boxed-width="true"], 
    div.vcv-content--boxed .entry-content [data-vce-boxed-width="true"], 
.vcv-footer>.vce-row-container>.vce-row[data-vce-full-width=true]:not([data-vce-stretch-content=true])>.vce-row-content{
    max-width: 85% !important; 
} 

body{
    background-color: var(--pale-yellow); 
    font-size: 1.55em; 
    color: var(--dark-blue); 
    font-family: "Roboto", sans-serif; 
    text-wrap: balance;
}

p:last-of-type{
    margin-bottom: 0; 
}


h1, h2, h3 {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600; 
  font-style: normal;
    text-transform: uppercase; 
    letter-spacing: -2px; 
    line-height: 1; 
    text-wrap: balance;
    
}

h1{
    font-size: 100px; 
}

h2{
    font-size: 70px; 
    margin-bottom: 30px; 
}

h3{
    font-size: 50px; 
    margin-bottom: 20px
}

h2:first-of-type{
    margin-top: 0; 
}

a{
    color: var(--dark-blue); 
}

header {
    z-index: 9;
    position: relative;
}

ul{
    margin-left: 1em; 
    margin-bottom: 1.6em !important; 
    list-style: circle; 
}

.page-id-279 .bghyd-logo svg path, 
.single-kraner .bghyd-logo svg path, 
.page-id-468 .bghyd-logo svg path, 
.single-post .bghyd-logo svg path, 
.page-id-536 .bghyd-logo svg path, 
.page-id-180 .bghyd-logo svg path, 
.postid-727 .bghyd-logo svg path{
    fill: var(--dark-blue) !important; 
}

.page-id-279 .open_sidemenu a,
.single-kraner .open_sidemenu a, 
.page-id-468 .open_sidemenu a, 
.single-post .open_sidemenu a, 
.page-id-536 .open_sidemenu a, 
.page-id-180 .open_sidemenu a, 
.postid-727 .open_sidemenu a{
    color: var(--dark-blue); 
}

.light-text, .light-text a{
    color: var(--pale-yellow); 
}

@media (max-width: 1600px) {
    body{
    font-size: 1.35em; 
}
    h1{
    font-size: 90px; 
}

    h2{
    font-size: 60px; 
}
}

@media (max-width: 1200px) {
    body{
    font-size: 1.25em; 
}
    h1{
    font-size: 70px; 
}

    h2{
    font-size: 50px; 
}
}

@media (max-width: 1080px) {
    body{
    font-size: 1.15em; 
}
    h1{
    font-size: 60px; 
}

    h2{
    font-size: 40px; 
}
}

/*Footer*/ 

.bghyd-footer{
    color: var(--pale-yellow); 
    background-color: #242533; 
    padding: 300px 0 70px 0 !important; 
    font-size: 20px; 
}

.footer-menu .vce-text-block-wrapper.vce{
    display: flex; 
    justify-content: space-between;
    margin-top: 50px; 
}

.footer-menu .vce-text-block-wrapper.vce a{
    color: var(--pale-yellow); 
}

.footer-menu .vce-text-block-wrapper.vce p{
    line-height: 1.8; 
    margin-bottom: 0; 
}
@media (max-width: 1081px) {

.footer-menu .vce-text-block-wrapper.vce {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
}
    .bghyd-footer{
    padding: 100px 0 70px 0 !important; 
}
}

/*Front page*/ 

.frontpage-title h1{
    font-size: 100px; 
    line-height: 0.9 !important; 
    letter-spacing: -2px; 
}

.frontpage-title h1 em{
    font-style: normal; 
      /*  color: transparent;
    -webkit-text-stroke: 2px var(--pale-yellow);
    paint-order: stroke fill;*/
}

.frontpage-big-section h2{
    font-size: 100px; 
    margin-left: -8px; 
}

.frontpage-big-section p, .frontpage-medium-section p{
    text-wrap: auto; 
}


.scroll-pagination, 
.scroll-pagination-dark{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scroll-pagination-bullets{
    height: 245px; 
    margin-top: -245px; 
}

.scroll-pagination-radio, .scroll-pagination-radio-filled{
    width: 20px; 
    height: 20px; 
    border: 1px solid var(--dark-blue);
    border-radius: 500px; 
    margin-top: 15px; 
}

.scroll-pagination-radio-filled{
    background-color: var(--dark-blue); 
} 

.scroll-pagination-dark .scroll-pagination-radio,.scroll-pagination-dark .scroll-pagination-radio-filled{
    width: 20px; 
    height: 20px; 
    border: 1px solid var(--pale-yellow);
    border-radius: 500px; 
    margin-top: 15px; 
}

.scroll-pagination-dark .scroll-pagination-radio-filled{
    background-color: var(--pale-yellow); 
} 

.first-section-image{
    z-index: 99999; 
    position: relative;
}

.frontpage-medium-section h2 em{
    font-size: 25px; 
    vertical-align: top; 
    font-style: normal; 
    font-family: "Roboto", sans-serif; 
    font-weight: 400; 
    margin-right: 15px; 
}

/*
.frontpage-big-section a:after, 
.frontpage-medium-section a:after{
    content: "\e000"; 
    font-size: 1.4em; 
    line-height: 1; 
    margin-left: 20px; 
    font-family: "Font Awesome 7 Pro" !important;
    font-weight: 100; 
    margin-top: 5px; 
}
*/

.frontpage-big-section a svg, 
.frontpage-medium-section a svg{
    font-size: 1.6em;  
    margin-left: 20px; 
}

.frontpage-big-section a, 
.frontpage-medium-section a{
    display: flex; 
}

.frontpage-big-section a, 
.frontpage-medium-section a{
    text-decoration: none; 
}

@media (max-width: 1601px) {
    .frontpage-big-section h2{
    font-size: 80px; 
}
}

@media (max-width: 1081px) {
    .frontpage-big-section h2{
    font-size: 50px; 
}
    .frontpage-title h1 {
        font-size: 70px;
        margin-bottom: 20px; 
}
}

/*Subpages*/ 

.image-subpage-top{
    padding: 40vh 0 7.5vw 0 !important; 
    color: var(--pale-yellow); 
    margin-top: -160px; 
}

.image-subpage-top p{
    text-align: right; 
    float: right; 
    margin-bottom: 0; 
    text-wrap: balance;
}

.kjerneverdier p{
    color: var(--pale-yellow); 
    text-align: center; 
    max-width: 700px; 
    margin: 0 auto; 
}

.kjerneverdier-number{
    display: flex; 
    max-width: 1000px; 
    margin: 80px auto 0 auto;
}

.kjerneverdier-number p{
    font-family: "Mohave", sans-serif;
    font-weight: 500; 
    text-transform: uppercase; 
    letter-spacing: -1px; 
    font-size: 60px; 
    display: flex; 
    line-height: 1; 
}

.kjerneverdier-number p em{
    color: var(--bright-yellow); 
    font-family: "Roboto", sans-serif; 
    font-style: normal; 
    font-size: 20px; 
    margin: 0 15px 0 0; 
    font-weight: 400; 
}

.ettermarked-number{
    display: flex; 
    max-width: none;  
    margin: 80px auto 80px auto;
}

.ettermarked-number p{
    font-family: "Mohave", sans-serif;
    font-weight: 500; 
    text-transform: uppercase; 
    letter-spacing: -3px; 
    font-size: 60px; 
    display: flex; 
    line-height: 1; 
    color: var(--dark-blue); 
}

.ettermarked-number p em{
    color: var(--dark-blue); 
    font-family: "Roboto", sans-serif; 
    font-style: normal; 
    font-size: 20px; 
    margin: 0 15px 0 0; 
    font-weight: 400; 
    letter-spacing: 0; 
}

.hydsys p{
    color: var(--pale-yellow); 
    max-width: 700px; 
    margin: 0 auto; 
}

.page-id-714 .hydsys p, 
.single-hydraulikk.postid-729 .hydsys p{
    color: var(--dark-blue); 
}

.hydsys-number{
    display: flex; 
    margin: 80px auto 80px auto;
}

.hydsys-number p{
    font-family: "Mohave", sans-serif;
    font-weight: 500; 
    text-transform: uppercase; 
    letter-spacing: -1px; 
    font-size: 60px; 
    display: flex; 
    line-height: 1; 
}

.hydsys-number p em{
    color: var(--bright-yellow); 
    font-family: "Roboto", sans-serif; 
    font-style: normal; 
    font-size: 20px; 
    margin: 0 15px 0 0; 
    font-weight: 400; 
}

.page-id-714 .hydsys-number p em, 
.single-hydraulikk.postid-729 p em{
    color: var(--dark-blue); 
}

.page.page-id-111 .kjerneverdier-number{
    max-width: none; 
    margin: 60px 0 60px 0;
}

.scroll-button a{
    color: var(--dark-blue); 
    background-color: var(--bright-yellow); 
    height: 5vw; 
    width: 5vw; 
    display: flex; 
    align-items: center;
    justify-content: center; 
    margin-top: -5vw; 
    float: right; 
    opacity: 1; 
    transition: all 0.5s ease;
}
.scroll-button a:hover{
    opacity: 0.9; 
}

.number-list p{
    display: flex; 
    max-width: 480px; 
    margin-bottom: 20px; 
    text-wrap: balance;
}

.number-list p:last-of-type{
    margin-bottom: 0; 
}

.number-list{
    margin: 30px 0; 
}

.number-list strong{
    margin-right: 20px; 
}

.light-text .number-list strong{
    color: var(--bright-yellow); 
}

.light-text .number-list p{
    max-width: none; 
}

a.kontakt-support{
    background-color: var(--bright-yellow); 
    text-decoration: none; 
    color: var(--dark-blue); 
    padding: 0 0 0 40px;
    border-radius: 30px 0 0 0; 
    font-weight: 500; 
    transform: rotate(-90deg);
    transform-origin: bottom right;
    display: inline-flex; 
    align-items: center;
    float: right; 
    position: fixed; 
    top: 100px; 
    right: 0; 
    z-index: 999; 
}

a.kontakt-support svg{
    background-color: var(--dark-blue); 
    padding: 39px 20px; 
    color: var(--bright-yellow); 
    margin-left: 30px; 
}

.support-box{
    background-color: var(--dark-blue); 
    color: var(--pale-yellow); 
    padding: 7.5vw; 
    margin-top: 30px; 
}

.contact-info{
    font-size: 40px; 
    font-family: "Mohave", sans-serif; 
    text-transform: uppercase; 
    font-weight: 500; 
    margin-top: 30px; 
}

.contact-info svg{
    color: var(--bright-yellow); 
    font-size: 15px; 
    margin-bottom: 15px; 
    margin-right: 10px; 
}

.ansatt-name{
    margin-bottom: 50px; 
    font-size: 20px; 
}

.ansatt-name p{
    margin-bottom: 12px; 
}

.vakktelefon{
    background-color: var(--bright-yellow); 
    padding: 3.5vw; 
}

.vakktelefon p{
    padding-top: 0; 
}

.vakttelefon strong{
    font-size: 40px; 
    font-family: "Mohave", sans-serif; 
    text-transform: uppercase; 
    font-weight: 500; 
}

.keywords p{
    background-color: #5B5E6C; 
    color: var(--pale-yellow); 
    display: inline-block; 
    border-radius: 50px; 
    padding: 5px 20px; 
    margin: 10px 10px 0 0; 
}

.keywords{
    margin-top: 30px; 
}

@media (max-width: 1081px) {
    .image-subpage-top{
    padding: 200px 0 80px 0 !important; 
    margin-top: -160px; 
}

    .scroll-button a{
    height: 50px; 
    width: 50px; 
    margin-top: -50px; 
}

    .contact-info{
    font-size: 25px; 
}
    .contact-info svg {
    margin-bottom: 7px;
}
    .hydsys-number, .ettermarked-number{
    display: inline-block; 
    margin: 80px auto 80px auto;
}
    .hydsys p{
    margin-bottom: 40px; 
}
}

@media (max-width: 781px) {
        .image-subpage-top p{
    text-align: left; 
}

        .contact-info{
            font-size: 18px; 
}
    .contact-info svg {
    margin-bottom: 5px;
}
}

/*Call to action*/ 

.c2a-box{
    background-color: var(--bright-yellow); 
    padding: 7.5vw !important; 
}

.c2a-box p{
    max-width: 790px; 
    text-wrap: balance;
}

.page.page-id-228 .c2a-box p{
    max-width: none; 
    text-wrap: normal; 
}

.c2a-box a{
    background-color: var(--dark-blue); 
    color: var(--bright-yellow); 
    text-decoration: none; 
    padding: 7px 7px 7px 40px; 
    display: inline-flex; 
    border-radius: 50px; 
    align-items: center;
}

.c2a-box a svg{
    background-color: var(--bright-yellow); 
    color: var(--dark-blue); 
    padding: 15px 12px;
    border-radius: 50px; 
    justify-content: space-between;
    align-items: center; 
    margin-left: 20px; 
    transition: all 0.5s ease;
}

.c2a-box a:hover svg{
    margin-left: 30px; 
}

.c2a-box .support a{
    background-color: transparent !important; 
    color: var(--dark-blue) !important; 
    text-decoration: none; 
    padding: 0 40px 0 0; 
    display: inline-flex; 
    border-radius: 50px; 
    align-items: center;
}

.support .c2a-box a svg{
    background-color: transparent; 
    color: var(--dark-blue); 
    padding: 15px 12px;
    border-radius: 50px; 
    justify-content: space-between;
    align-items: center; 
    margin-left: 20px; 
    transition: all 0.5s ease;
}


@media (max-width: 1080px) {
    .c2a-box{ 
    padding: 80px 7.5vw !important; 
}
}

/*Produkter*/ 

.single-kraner .dtx-content-right-sidebar .dtx-sidebar, 
.single-kraner .dtx-content__title, 
.single-hydraulikk .dtx-content-right-sidebar .dtx-sidebar, 
.single-hydraulikk .dtx-content__title{
    display: none; 
}

.single-kraner .dtx-content-right-sidebar .dtx-main, 
.single-hydraulikk .dtx-content-right-sidebar .dtx-main{
    width: 100%; 
}

.single-kraner h1{
    margin-bottom: 20px; 
}

.product-button a{
    background-color: var(--bright-yellow); 
    color: var(--dark-blue); 
    text-decoration: none; 
    padding: 7px 7px 7px 30px; 
    display: inline-flex; 
    border-radius: 50px; 
    align-items: center;
    font-weight: 400; 
    margin-top: 20px; 
    transition: all 0.5s ease;
    margin-right: 10px; 
    float: left; 
}

.product-button a svg{
    background-color: var(--dark-blue); 
    color: var(--bright-yellow); 
    padding: 15px 12px; 
    border-radius: 50px; 
    justify-content: space-between;
    align-items: center; 
    margin-left: 15px; 
    transition: all 0.5s ease;
}

.teknisk-dok a{
    background-color: var(--dark-blue); 
    color: var(--bright-yellow); 
    text-decoration: none; 
    padding: 7px 7px 7px 30px; 
    display: inline-flex; 
    border-radius: 50px; 
    align-items: center;
    font-weight: 400; 
    margin-top: 20px; 
    transition: all 0.5s ease;
    margin-right: 10px; 
}

.teknisk-dok a svg{
    background-color: var(--bright-yellow); 
    color: var(--dark-blue); 
    padding: 15px 12px; 
    border-radius: 50px; 
    justify-content: space-between;
    align-items: center; 
    margin-left: 15px; 
    transition: all 0.5s ease;
}

/*Kraner*/ 

.kapasitet em{
    font-family: "Mohave", sans-serif; 
    text-transform: uppercase; 
    font-size: 50px; 
    font-style: normal; 
    font-weight: 600; 
    line-height: 1.2; 
}

.kapasitet p{
    margin-bottom: 15px; 
    line-height: 1.3; 
}

.kapasitet{
    margin-bottom: 40px; 
}

.subpage-links a{
    text-decoration: none; 
    padding: 20px 0; 
    border-bottom: 2px solid; 
    display: inline-block; 
    width: 100%; 
    transition: all 0.5s ease;
}

.subpage-links a:hover{
    padding: 20px 10px; 
}

.subpage-links a:after, .child-post-list a:after{
    display: none; 
    content: "\e000"; 
    float: right; 
    font-size: 1.6em; 
    line-height: 1; 
    font-family: "Font Awesome Kit"; 
    font-weight: 300; 
}

.subpage-links .svg-inline--fa, 
.child-post-list .svg-inline--fa{
    float: right; 
    font-size: 1.6em; 
}

.child-post-list{
    list-style-type: none; 
    margin-left: 0; 
    column-count: 3;
    column-gap: 35px; 
    border-top: 4px solid var(--dark-blue);
}

.child-post-list a{
    text-decoration: none; 
    border-bottom: 2px solid; 
    display: flex; 
    justify-content: space-between;
    width: 100%; 
    padding: 20px 0 15px 0;
    transition: all 0.5s ease;
}

.child-post-list a:hover{
    padding: 20px 10px 15px 10px;
}



@media  (max-width: 781px){
    .kapasitet em{
    font-size: 30px; 
}
}

/*Table*/ 

.tabeller p{
    max-width: 800px; 
    text-wrap: auto;
}

table{
    width: 100%; 
    margin-bottom: 50px; 
}

th, td{
    padding: 15px 0; 
    border-bottom: 1px solid #BDC3BB; 
}

@media (max-width: 650px) {

.mtr-table tr{
	margin-bottom: 30px; 
}

.mtr-table.mtr-tr-th tr td:first-child{
	font-weight: bold; 
}
    table{
    margin-bottom: 0; 
}
}

/*Meny*/ 

.sidemenu section {
    margin: 0 0; 
    padding: 0 0; 
}

.menu-button{
    text-align: right; 
}

.open_sidemenu a{
    color: var(--pale-yellow); 
    text-decoration: none; 
    font-family: "Mohave", sans-serif; 
    text-transform: uppercase; 
    font-size: 31px; 
    font-style: normal; 
    font-weight: 500; 
    line-height: 1; 
}

.dashicons, .dashicons-before:before {
    font-size: 1.1em;
    margin-right: 20px;
    margin-top: -1px;
    font-family: "Font Awesome 7 Pro" !important;
    font-weight: 300;
}

.dashicons-menu-alt:before {
    content: "\f0c9";
    font-family: "Font Awesome 7 Pro" !important;
    display: none; 
    font-weight: 300;
}

.dashicons-no-alt:before {
    content: "\f00d";
    font-family: "Font Awesome 7 Pro" !important; 
    display: none; 
    font-weight: 300;
}

.sidemenu .submenu-toggle {
    margin-top: -8px;
}

.dashicons-arrow-right-alt2:before {
    content: "\f078" !important;
    font-size: 0.7em;
    font-weight: 300;
}

.sidemenu section a{
	color: var(--pale-yellow); 
    	text-decoration: none;
}

.sidemenu {
    background-color: var(--pale-yellow);
}

.sidemenu section a:hover{
    color: #ccc; 
}




.submenu-links-sec{
    float: left; 
}

.hovedomrader a{
    display: none; 
}

li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315{
    background-color: var(--dark-blue); 
    padding: 7.5vw 7.5vw 3vw 7.5vw; 
    
}

li.submenu-links.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
    width: 450px; 
    float: left; 
    margin-top: 4vw; 
    color: var(--dark-blue); 
    margin-left: 7.5vw; 
}

li.submenu-links-sec.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children,
li.submenu-links-sec-fi.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{  
    width: 350px; 
    float: left; 
    margin-top: 4vw; 
    color: var(--dark-blue); 
}

li.submenu-links-sec-fi.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
    display: flow-root; 
    clear: left; 
}


.sidemenu section ul{
    margin-left: 0; 
    font-size: 25px; 
}

.submenu-links a, .submenu-links-sec-fi a, .submenu-links-sec a{
    font-weight: 600; 
    pointer-events: none;
    color: var(--dark-blue) !important; 
    font-size: 25px; 
}

ul.sub-menu a{
    font-weight: 400; 
    pointer-events: auto;
    color: var(--dark-blue); 
    font-size: 25px; 
    display: inline-block; 
    width: 100%; 
}

ul.sub-menu a svg{
    float: right; 
    font-size: 1.5em; 
    margin-top: 5px; 
    
}

li.submenu-links ul.sub-menu li{
    border-bottom: 2px solid var(--dark-blue) !important; 
    padding: 15px 0 !important; 
}

li.submenu-links ul.sub-menu li:first-of-type{
    border-top: 2px solid var(--dark-blue) !important; 
    margin-top: 15px; 
}


.sidemenu_open .sidemenu{
    width: 100%; 
}

.main-link{
    font-size: 60px; 
    line-height: 1.2; 
    font-family: "Mohave", sans-serif;
    text-transform: uppercase; 
    letter-spacing: -2px; 
    font-weight: 500; 
}

.main-link:before {
    font-weight: 300;
    margin-right: 30px;
    font-family: "Font Awesome 5 Pro" !important; 
}

ul#menu-meny.menu{
    counter-reset: ikon;
}

.main-link:before {
    counter-increment: ikon;
    content: counter(ikon, decimal-leading-zero);
    color: var(--bright-yellow); 
    font-size: 20px; 
    margin-top: 2px;  
    font-family: "Roboto", sans-serif !important; 
    letter-spacing: 0; 
    font-weight: 400; 
}

.main-link svg{
    display: none; 
}

li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315 
ul.sub-menu a{
    color: var(--pale-yellow); 
    font-size: 60px; 
    line-height: 1; 
    font-family: "Mohave", sans-serif;
    text-transform: uppercase; 
    letter-spacing: -2px; 
    font-weight: 500;  
}

li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315 
ul.sub-menu li{
    display: flex !important; 
    padding: 7px 0; 
}

li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315 
ul.sub-menu{
        column-count: 2;
    column-gap: 7.5vw;
        max-width: 1050px;
}

.sidemenu section:nth-child(2) {
    margin-top: 0;
}

.sidemenu .close_sidemenu{
    color: var(--bright-yellow); 
}



@media  (max-width: 1081px){
    li.submenu-links.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
    width: 100%;
    padding-right: 70px;
}
    
    .header-links a {
    margin: 8px 0px 8px 22px;
}

.header-links {
    justify-content: flex-end;
    flex-wrap: wrap;
    font-size: 17px;
}
    
    .page.page-id-13 #dtx-header {
    padding: 1.7em 0.7em 0.5em 0.7em !important;
}

    .main-link{
    font-size: 30px; 
    line-height: 1.5; 
}

    .sidemenu section ul{
    margin-left: 0; 
    font-size: 15px; 
}

    li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315 
ul.sub-menu{
    display: inline-block;
    width: auto;  
    column-count: 1;
    column-gap: 0;
}
    li#menu-item-315.hovedomrader.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-315 
ul.sub-menu a{ 
    font-size: 30px;  
}

    .main-link:before {
    font-size: 12px; 
    margin-top: 0px;  
        margin-right: 20px;
}

    .submenu-links a, .submenu-links-sec-fi a, .submenu-links-sec a{
    font-size: 20px; 
}

ul.sub-menu a{
    font-size: 20px; 
}

}

/*Contact form*/ 

.contact-form{
    margin-top: 90px; 
}

.wpcf7-textarea{ 
	width: 100%; 
	height: 150px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7-text, select{
    width: 100%;
	margin-bottom: 10px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input#name, input#email, textarea, .wpcf7-text, select, input[type="number"], 
.wpcf7 input[type="file"]{
	padding: 7px 0 7px 0; 
	border: 1px solid var(--pale-yellow); 
    border-bottom: 1px solid var(--pale-yellow); 
	margin-bottom: 60px; 
    background-color: transparent; 
    color: var(--pale-yellow) !important; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    width: 100%; 
    border-top: none; 
    border-left: none; 
    border-right: none; 
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--bright-yellow);
    color: var(--bright-yellow);
}

::placeholder{
    color: var(--pale-yellow); 
    font-weight: 400; 
}

button.wpcf7-submit{
    background-color: var(--bright-yellow); 
    color: var(--dark-blue); 
    text-decoration: none; 
    padding: 7px 7px 7px 40px; 
    display: inline-flex; 
    border-radius: 50px; 
    align-items: center;
    font-weight: 500; 
    transition: all 0.5s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} 

button.wpcf7-submit svg{
    background-color: var(--dark-blue); 
    color: var(--bright-yellow); 
    padding: 15px 12px; 
    border-radius: 50px; 
    justify-content: space-between;
    align-items: center; 
    margin-left: 20px; 
    transition: all 0.5s ease;
}

.field-one, .field-two{
    width: 45%; 
    float: left;  
}

.field-two{
    width: 50%; 
    float: left; 
}

.field-one{
    margin-right: 5%; 
} 

@media (max-width: 1081px) {
    .contact-form{
    margin-top: 50px; 
}

    input#name, input#email, textarea, .wpcf7-text, select, input[type="number"], 
.wpcf7 input[type="file"]{
	margin-bottom: 30px; 
}
}

@media (max-width: 768px) {
    .field-one, .field-two{
        width: 100%; 
    }
    .field-one{
        margin-right: 0; 
    }
}

/*Popup*/ 

.sgpb-main-html-content-wrapper {
    padding: 7.5vw;
    display: flex;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
}

img.sgpb-popup-close-button-1 {
    right: 80px !important;
    top: 50px;
}

.send-foresporsel {
    color: var(--pale-yellow);
    display: flex; 
}

.send-foresporsel a{
    color: var(--pale-yellow);
}

.foresp-first-column{
    max-width: 60%;
    padding-right: 7.5vw;
    border-right: 1px solid var(--pale-yellow); 
}

.foresp-sec-column{
    padding-left: 7.5vw;
}

.foresp-sec-column p{
    margin-bottom: 0; 
}

@media (max-width: 1081px) {
.send-foresporsel {
    display: inline-block; 
}
    .foresp-first-column{
    max-width: none;
    padding-right: 0;
    border-right: none; 
        padding-top: 100px; 
        border-bottom: 1px solid var(--pale-yellow); 
        padding-bottom: 50px; 
        margin-bottom: 50px; 
}
    .foresp-sec-column{
    padding-left: 0; 
}
    img.sgpb-popup-close-button-1 {
    right: 30px !important;
    top: 30px;
}
}


/*Blogg*/ 

.single-post h1{
     font-size: 80px; 
    margin: 3.25vw 0 20px 0; 
}

.single-post .dtx-wrap{
    padding-bottom: 7.5vw; 
}

.post-meta__author, .post-meta__category{
    display: none; 
}

.post-meta__date{
    font-size: 18px; 
    margin-bottom: 30px; 
    display: inline-block; 
    background-color: var(--bright-yellow); 
    padding: 0 10px; 
}

.dtx-shortcode__posts{
    column-count: 3;
    column-gap: 35px; 
}

.dtx-shortcode__post__image{
    height: 320px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    margin-bottom: 40px; 
}

.dtx-shortcode__post__image img {
    object-fit: cover;
    max-width: none;
    height: auto;
    width: 100%;
    min-height: 330px;
}

.dtx-shortcode__post__date{
    background-color: var(--bright-yellow); 
    display: inline-block; 
    padding: 0 10px; 
    margin-bottom: 40px; 
}

.dtx-shortcode__post__title a h2{
    font-size: 50px; 
}

.dtx-shortcode__post__title a{
    text-decoration: none; 
}

.dtx-shortcode__post__read_more a{
    margin-top: 50px; 
    display: flex; 
    text-decoration: none; 
    transition: all 0.5s ease;
}

.dtx-shortcode__post__read_more a:after{
    display: none; 
    content: "\e000"; 
    float: right; 
    font-size: 1.6em; 
    line-height: 1; 
    font-family: "Font Awesome Kit"; 
    font-weight: 300; 
    transition: all 0.5s ease;
}

.dtx-shortcode__post__read_more a .svg-inline--fa{
    font-size: 1.6em; 
    margin-left: 20px;
    transition: all 0.5s ease;
}

.dtx-shortcode__post__read_more a:hover .svg-inline--fa{
    margin-left: 30px;
}

.dtx-shortcode__post--post{
        margin-bottom: 50px; 
    }

@media (max-width: 1081px){
    .single-post h1{
     font-size: 50px; 
    margin: 3.25vw 0 20px 0; 
}
    .dtx-content-right-sidebar .dtx-main, 
    .dtx-content-right-sidebar .dtx-sidebar{
    width: 100%;
}
    .dtx-content-right-sidebar .dtx-sidebar{
        margin-top: 40px; 
        padding-top: 40px; 
        border-top: 1px solid var(--dark-blue); 
    }
    .dtx-shortcode__posts{
    column-count: 1;
    column-gap: 0px; 
}

}



/*Sections*/ 

.padded-section{
    padding: 7.5vw 0 !important; 
}

.padded-section-top{
    padding: 7.5vw 0 0 0 !important; 
}

.padded-section-bottom{
    padding: 0 0 7.5vw 0 !important; 
}

.padded-section-medium{
    padding: 150px 0 !important; 
}

.padded-section-medium-top{
    padding: 150px 0 0 0 !important; 
}

.padded-section-medium-bottom{
    padding: 0 0 150px 0 !important; 
}

.padded-section-big{
    padding: 220px 0 !Important; 
}

.padded-section-big-top{
    padding: 220px 0 0 0 !Important; 
}

.padded-section-big-bottom{
    padding: 0 0 220px 0 !Important; 
}

.padded-section-extrabig{
    padding: 300px 0 !Important; 
}

.padded-section-extrabig-top{
    padding: 300px 0 0 0 !Important; 
}

.padded-section-extrabig-bottom{
    padding: 0 0 300px 0 !Important; 
}

.padded-section-small{
    padding: 80px 0 !important; 
}

.padded-section-small-top{
    padding: 80px 0 0 0 !important; 
}

.padded-section-small-bottom{
    padding: 0 0 80px 0 !important; 
}

.padded-section-big{
    padding: 200px 0 !important; 
}


@media  (max-width: 1080px){
    .padded-section-big{
        padding: 80px 0 !important; 
    }

    .padded-section-big-top{
        padding: 80px 0 0 0 !important; 
    }
    
    .padded-section-big-bottom{
        padding: 0 0 80px 0 !important; 
    }


    .padded-section{
        padding: 60px 0 !important; 
    }

    .padded-section-bottom{
        padding: 0 0 60px 0 !important; 
    }

    .padded-section-top{
        padding: 60px 0 0 0 !important; 
    }

    .padded-section-full-width{
        padding: 45px 60px; 
    }

    .padded-section-small{
        padding: 35px 0; 
    }
    
    .padded-section-medium{
        padding: 80px 0 !important; 
    }

    .padded-section-medium-top{
        padding: 80px 0 0 0 !important; 
    }

    .padded-section-medium-bottom{
        padding: 0 0 80px 0 !important; 
    }
}
/*Back button*/ 

.back-button a{
    text-decoration: none; 
    margin-bottom: 60px; 
    border-bottom: 2px solid; 
    padding-bottom: 0px; 
    line-height: 1.6; 
    display: inline-block; 
}

.back-button a:before{
    display: none; 
    line-height: 1; 
    content: "\e001";
    font-size: 1.6em; 
    font-family: "Font Awesome Kit"; 
    font-weight: 300; 
}

.back-button .svg-inline--fa{
    float: left; 
    font-size: 1.6em; 
    display: flex;
    margin-right: 20px; 
}