:root {
    --green-light: #D6F6E9;
    --green-super-light: #E5F9F2; 
    --green-dark: #30D490;
    --purple-light: #EFEBFB;
    --purple-dark: #5630D4;
}

.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: 90% !important; 
} 


h1, h2, h3 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600; 
  font-style: normal;
}

h1{
    font-size: 60px; 
    line-height: 1.15; 
}

h2{
    font-size: 80px; 
    margin-bottom: 25px; 
    line-height: 1;
}

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

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

body {
  font-family: "Azeret Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; 
    font-size: 18px; 
    color: #0C0C0C; 
     background-image: url("https://loopoffshorenorge.kinsta.cloud/wp-content/uploads/Rectangle-26-scaled.png");
    background-attachment: fixed; 
    background-repeat: no-repeat;  
    background-size: cover; 
}

p, li, ul{
    line-height: 1.8; 
}

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


.primary-button a{
    background-color: var(--green-light); 
    font-weight: 500; 
    color: #0C0C0C; 
    text-decoration: none; 
    padding: 6px 20px 10px 25px; 
    display: inline-block; 
    border-radius: 50px; 
    border: 1px solid var(--green-dark); 
    margin-top: 40px; 
    transition: margin-left 0.5s ease;
    font-style: normal; 
}

.primary-button a i{
    color: var(--green-dark); 
    margin-top: 10px; 
    margin-left: 10px; 
    transition: all 0.5s ease;
}

.primary-button a:hover > i{
    margin-left: 20px; 
}

.primary-button a:hover{
    font-style: italic; 
}

.frontpage-title h1 em{
    color: #5630D4; 
    font-style: normal; 
}

.dark-section{
    color: #fff; 
}

.dark-section h2 em{
    color: var(--green-dark); 
    font-style: normal; 
}

.dark-section h2 strong{
    color: transparent;
  -webkit-text-stroke: 1px #fff;
}


.purple-text h2 em{
    color: var(--purple-dark); 
    font-style: normal; 
}

.surplus-sorted{
    padding: 30px; 
}

.surplus-sorted h3{
    color: var(--purple-dark); 
    margin-bottom: 90px; 
}

.broker-box{
    padding: 30px; 
    background-color: var(--green-super-light); 
}

.broker-box h3{
    margin-bottom: 90px; 
    margin-top: 0; 
}

.broker-box a, .broker-box a:visited{
    color: var(--purple-dark);  !important;  
}

/*Meny*/ 

.vce-basic-menu-container .vce-basic-menu ul .menu-item a{
    text-transform: none; 
    font-family: "Inter", sans-serif;
    font-size: 20px; 
    color: #0E231F; 
    font-weight: 500; 
}

.header-button.menu-item a{
    background-color: var(--green-light); 
    font-weight: 500; 
    color: #0C0C0C; 
    text-decoration: none; 
    padding: 6px 20px 10px 25px; 
    display: inline-block; 
    border-radius: 50px; 
    border: 1px solid var(--green-dark) !important; 
    transition: margin-left 0.5s ease;
    font-style: normal; 
    font-family: "Azeret Mono", monospace !important;
    font-weight: 400; 
    font-size: 18px !important; 
}

.header-button.menu-item a i{
    color: var(--green-dark); 
    margin-left: 10px; 
    transition: all 0.5s ease;
}

.header-button.menu-item a:hover{
    font-style: italic; 
    color: #0E231F !important; 
}

/*contact form*/ 


.contact-form h3{
    margin-bottom: 30px; 
}

.wpcf7-textarea{ 
	width: 100%; 
	height: 200px; 
    -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: 15px 20px 15px 20px; 
	border: 1px solid var(--purple-dark); 
	margin-bottom: 30px; 
    background-color: #FBF9FE; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; 
    font-weight: 500; 
}

::placeholder{
    color: var(--green); 
}

button.wpcf7-submit{
    background-color: var(--green-light); 
    color: var(--green); 
    text-decoration: none; 
    padding: 10px 25px 10px 25px; 
    display: inline-block; 
    margin-top: 10px; 
    border-radius: 50px; 
    border: 1px solid var(--green-dark); 
    z-index: 9999999; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500; 
} 

button.wpcf7-submit:hover{
    font-style: italic; 
}

button.wpcf7-submit i{
    margin-left: 10px; 
    transition: all 0.5s ease; 
    color: var(--green-dark)
}

button.wpcf7-submit:hover > i{
    margin-left: 20px; 
}

input[type="radio"]{
    border: 1px solid var(--purple-dark) !important; 
    -webkit-appearance: none;
    border-radius: 50px; 
    padding: 7px; 
    margin: 0 !important; 
}

.wpcf7-list-item {
    display: flex !important; 
    margin: 0 !important; 
}

span.wpcf7-list-item.first.last label{
    display: flex !important;    
    align-items: flex-start;
}

input[type="checkbox"]{
    border: 1px solid var(--purple-dark) !important; 
    border-radius: 2px !important; 
    padding: 10px !important; 
    margin: 5px 20px 0 0 !important; 
    -webkit-appearance: none;
    -moz-appearance: none;
}


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

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

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

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

/*Sections*/ 

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

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

.padded-section-bottom{
    padding: 0 0 250px 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; 
    }
}