/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         FÆRD
 Author URI:     https://xn--frd-yla.no/
 Template:       Divi
 Version:        1.0.0
*/

/*-------------------------------FONTS---------------------------*/

h1, h2, h3, h4, h5 {
  font-family: 'HurmeGeometricSans1';
}

.font-light h1, .font-light h2, .font-light h3, .font-light h4, .font-light h5, .font-light h6, .font-light p {
	font-family: 'HurmeGeometricSans1'
}
.font-reg h1, .font-reg h2, .font-reg h3, .font-reg h4, .font-reg h5, .font-reg h6, .font-reg p {
  font-family: 'HurmeGeometricSans1'
}

h1, p strong {
	font-family: HurmeGeometricSans1-Bold;
}

h2, h3, h4, h5 {
	font-family: HurmeGeometricSans1-SemiBold;
}

p, li {
    font-family: HurmeGeometricSans1-Regular;
}

/*-------------------------------WPML LANG OVERRIDES---------------------------*/

/*German submenus*/
html:lang(de) .sub-menu li a {
    font-size: 16px !important;
    color: #f88d2a !important;
}

/*German submenus*/
html:lang(de) .et-menu li li a {
    padding: 6px 14px;
}

/*German Impressum in footer. Not visible on English*/
html:lang(en) .impressum {
    display: none;  
}



/* Hero section span class for first paragraph */
.ingress {
    font-size: 22px;
    line-height: 1.6em;
}

/* Line under section headings */
.h2-underline h2:after, .h2-underline h3:after, .ingress:after {
    content: ""; 
    display: block;
    width: 90px;
    padding-top: 24px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f88d2a;
}

/* Line under centered section headings */
.h2-underline-center h2:after, .h2-underline-center h3:after {
    content: ""; 
    display: block;
    width: 90px;
    margin: 0px auto;
    padding-top: 24px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f88d2a;
}

/* Line under only h2 in ex. whitepapers section headings */
.h2-only-underline h2:after {
    content: ""; 
    display: block;
    width: 90px;
    padding-top: 24px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f88d2a;
}

/*** Front page font override ***/
/*.front_page h1 {
    font-size: 80px;
}

.front_page h3 {
    font-family: HurmeGeometricSans1-Bold;
    font-size: 45px;
}*/


/*** Teaser heading override ***/
.article_text h2 {
    font-family: HurmeGeometricSans1-Regular;
    font-size: 45px;
}

/*** Teaser background color ***/
.et_pb_blog_grid .et_pb_post {
    background-color: transparent!important;
}


/*-------------------------------MENU---------------------------*/

/* Primary menu */
.et_pb_menu_1_tb_header.et_pb_menu ul li a {
    font-family: HurmeGeometricSans1-Bold;
}

/* Secondary Menu */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-family: HurmeGeometricSans1-Regular;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
    text-decoration: none;
    position: relative;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover:after, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-width: 0 0 1px;
    border-style: solid;
}

/* Dropdown menu links */
.sub-menu li a {
    font-family: HurmeGeometricSans1-SemiBold !important;
    font-size: 17px !important;
}

/*-------------------------------BUTTONS AND LINKS---------------------------*/

/*** Text button ***/
.et_pb_button {
    font-family: HurmeGeometricSans1-SemiBold;
    padding-right: 1.3em !important;
}

.primary_btn_dark.et_pb_button, .primary_btn_dark.et_pb_button:hover {
    border-color: #00303c !important;
}

.et_pb_button:hover {
    padding-right: 1.9em !important;
    letter-spacing: 0.01em !important;
}
.et_pb_button, .et_pb_button:hover {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-color: #f88d2a !important;
}

.hero_btn_trans {
    border: 1px solid #ffffff !important;
}

.hero_btn_trans:hover {
    border: 1px solid #f88d2a !important;
}

.hero_btn_trans_dark {
    border: 1px solid #f88d2a !important;
}

.hero_btn_trans_dark:hover {
    border: 1px solid #00303c !important;
}
    
.et_pb_button:after {
    font-weight: bolder;
}
.et_pb_button:hover:after {
    padding-left: 3px;
}

/*** Blog More link ***/
.more-link {
    font-family: HurmeGeometricSans1-SemiBold;
    border-bottom: 2px solid;
    max-width: 132px;
    padding-right: 1.3em !important;
}

.et_pb_post:hover > a.more-link {
    color: #000000;
}

.post-content-inner p {
    margin-bottom: 8px;
}

.more-link:after {
    font-family: ETmodules !important;
    content: "\24";
    font-weight: bolder;
    position: absolute;
    margin-top: 4px;
    padding-left: 3px;
    margin-left: .3em;
    transition: all 300ms ease 0ms;
}

/*--------------------------LATEST NEWS & ARTICLES PAGE ----------------------*/

.latest_news .et_pb_post {
    padding-bottom: 64px !important;
}

/*--------------------------JOBS PAGE----------------------*/

.jobs .et_pb_post {
    padding-bottom: 36px !important;
}


/*--------------------------GET IN TOUCH – CONTACT FIELD----------------------*/

/*.et_pb_contact {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact_big .et_pb_contact .et_pb_contact_field_half {
    width: 100%;
}*/

.et_pb_contact_form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*--------------------------COLUMN HOVER----------------------*/

/* Read more arrow 
.column_hover:hover > .primary_btn {
    padding: .3em 2em .3em .7em !important;
    transition: all 0.2s ease-in-out;
} */

/*--------------------------NINJA FORMS----------------------*/

.nf-field-container {
    margin-bottom: 16px !important;
}

.nf-form-content .label-above .nf-field-label {
    margin-bottom: 0px !important;
}

.nf-form-content input.ninja-forms-field {
    height: 40px !important;
}

.nf-error.field-wrap .nf-field-element:after, .nf-pass.field-wrap .nf-field-element:after {
    height: 38px !important;
    line-height: 40px !important;
}


.nf-form-cont, .ninja-forms-form-wrap * {
    background-color: transparent !important;
}

.ninja-forms-field {
    background-color: #ffffff !important;
}

.nf-form-content input[type=button] {
    background-color: #f88d2a !important;
    color: #ffffff !important;
}

.nf-fu-fileinput-button {
    background-color: #f88d2a !important;
    color: #ffffff !important;
}

/*--------------------------MAILCHIMP NEWSLETTER SIGNUP----------------------*/
#mc_embed_signup form {
    padding: 0 !important;
}

#mc_embed_signup {
    background: transparent !important;
    font: 20px 'HurmeGeometricSans1-Regular' !important;
}

#mc_embed_signup input {
    border: 1px solid #000000 !important;
}

#mc_embed_signup .mc-field-group input {
    padding: 14px 4%!important;
    font-size: 16px;
    line-height: 1.4em;
    text-align: center;
}

#mc_embed_signup .button {
    background-color: #f88d2a !important;
    border: none !important;
    border-radius: 34px !important;
    font: 18px 'HurmeGeometricSans1-Regular' !important;
    font-weight: 600 !important;
    height: 56px !important;
    line-height: 0 !important;
    padding: 16px 48px 16px 48px !important;
}


/*--------------------------HUBSPOT NEWSLETTER SIGNUP----------------------*/

/* Aligns form content to center */
form#hsForm_bdf234ba-d111-41c9-88ea-18fd0d8c5a86 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Hides the field label */
label#label-email-bdf234ba-d111-41c9-88ea-18fd0d8c5a86 {
    display: none;
}

/* Size and spacing for field */
    input#email-bdf234ba-d111-41c9-88ea-18fd0d8c5a86 {
        float: left;
        width: 600px;
        height: 64px;
        text-align: center;
        font-size: 25px;
        border-color: #00303c;
    }

/*@media all and (max-width: 479px) {
    input#email-bdf234ba-d111-41c9-88ea-18fd0d8c5a86 {
        float: left;
        width: 90vw !important;
        height: 64px;
        text-align: center;
        font-size: 16px;
        border-color: #00303c;
    }
}*/

/* Button styling */
input.hs-button.primary.large {
    font-family: HurmeGeometricSans1-SemiBold;
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 45px;
    font-size: 25px;
    background-color: #00303c;
    padding-top: 20px!important;
    padding-right: 60px!important;
    padding-bottom: 20px!important;
    padding-left: 60px!important;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/* Button styling hover */
input.hs-button.primary.large:hover {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-color: #f88d2a !important;
    letter-spacing: 0.01em !important;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/* Information text */
.hs-richtext {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
}

/* Error message */
.hs-error-msgs {
    clear: both;
}

/*--------------------------NEWS PAGE----------------------*/

/* Hide excerpt in the list view */
#news-list .post-content-inner {
    display: none !important;
}

.news-falling-list .more-link {
    margin-bottom: -20px;
    font-family: HurmeGeometricSans1-SemiBold;
    border-bottom: 2px solid;
    max-width: 132px;
    padding-right: 1.3em !important;
}

.more-link:after {
    font-family: ETmodules !important;
    content: "\24";
    font-weight: bolder;
    position: absolute;
    margin-top: 4px;
    padding-left: 3px;
    margin-left: .3em;
    transition: all 300ms ease 0ms;
}

.news_grid .entry-title, .news_grid .post-content {
    margin-left: -20px;
    margin-right: -20px;
}

/*--------------------------TABLES----------------------*/

.tech_specs_tables table {
    border-collapse: collapse !important;
    border: 0 !important;
}

.tech_specs_tables table th {
    font-family: HurmeGeometricSans1-SemiBold;
    color: #00303c;
    font-size: 24px;
    line-height: 1.3em;
    padding-left: 0px;
}

.tech_specs_tables tr td {
    border: 0;
    color: #00303c;
}

.tech_specs_tables tr:nth-child(even) {
    background: rgba(0,48,60,0.05);
}

/*--------------------------THEME BUILDER POST TWEAKS----------------------*/

/* Make first paragraph bigger */
.article_content p:first-of-type {
    font-size: 22px !important;
    line-height: 1.6em;
    padding-bottom: 0.5em;
    font-family: HurmeGeometricSans1-Regular;   
}

@media all and (max-width: 479px) {
    .article_content p:first-of-type {
        font-size: 22px !important;
}
}

@media all and (max-width: 479px) {
    .artikkel_tekst p:first-of-type {
        font-size: 20px !important;
        margin-top: 8px;
}
}

.article_content p {
    padding-bottom: 1em;
}
.article_content h2 {
    padding-top: 1em;
    padding-bottom: 0.4em;
}

.article_content li {
    padding-bottom: 0.4em;
}

.article_content li:last-of-type {
    padding-bottom: 0.1em;
}

.post-content * {
    padding-bottom: 0.4em;
}


/*--------------------------MODULE CLICKABLE----------------------*/

/** MAKE WHOLE BLOG MODULE CLICKABLE **/

/* Necessary for function to work */
.et_pb_post {
    position: relative;
    
}

/* Title link cover module */
.et_pb_post .entry-title a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* Show Pointer cursor*/
.et_pb_post:hover {
    cursor: pointer;
}

/**-- MAKE WHOLE BLOG MODULE CLICKABLE END --**/

/*--------------------------VERTICAL LINES ON SUBSITES----------------------*/

@media (max-width: 1271px) {
    .vertical_line_subsites {
        display:none;
    }
}



/*--------------------------LANDING PAGES----------------------*/

/* Countdown timer - Hide 0 in days */
.et_pb_countdown_timer .section.days p.value:first-letter {    
font-size: 0px;   
vertical-align: top 
}



/*--------------------------BASIC DIVI STUFF----------------------*/

/*** Hide Sidebar ***/
#sidebar {display:none;}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 980px) {
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}


/*** EMPTY COLUMN WITH BACKGROUND IMAGE HEIGHT FIX – !!! USE CLASS bg_image ON COLUMN !!! ***/
/* MOBILE */
@media all and (max-width: 767px) {
    .bg_image.et_pb_column.et_pb_column_empty {
        display: block !important;
        min-height: 250px !important; /* Adjust this to fit design */
        background-position: center center;
    }
}
/* TABLET */
@media all and (min-width: 768px) and (max-width: 980px) {
    .bg_image.et_pb_column.et_pb_column_empty {
        display: block !important;
        min-height: 480px !important; /* Adjust this to fit design */
        background-position: center center;
    }
}

/* Make the single image fill the column's height and automatically crop with object-fit: cover

N.B.: Equalize Column Heights MUST BE enabled for this to work, assuming the desired effect is to have the columns be equal height.

Apply .img-cover-column to COLUMNs
------------------------------ */

.img-cover-column, .img-cover-column .et_pb_image, .img-cover-column .et_pb_image_wrap, .img-cover-column img
{
    display: flex !important;
}

.img-cover-column img
{
    object-fit: cover !important;

    /* It's var( --current-year ) and we're still writing fixes for Safari. Incredible!
     *
     * Even more incredible is the fact that this fix breaks Chrome and Firefox */

    /* align-self: start; */
}

/** COLUMNS STACKING ORDER. Row=custom_row & column=first/second/third/fourth-on-mobile **/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
    -webkit-order: 1 !important;
    order: 1 !important;
}

.second-on-mobile {
    -webkit-order: 2 !important;
    order: 2 !important;
}

.third-on-mobile {
    -webkit-order: 3;
    order: 3;
}

.fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
}

/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
}
}

/*** VERTICAL ALIGNMENT OF COLUMN CONTENT IN ROWS – ADD TO ROW, EQUAL COLUMN HEIGHT MUST BE ACTIVE ***/
/* Top */
.vertical_top {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
/* Center */
.vertical_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* Bottom */
.vertical_bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/*** TOP BAR LOGO PLACEMENT ***/
@media all and (max-width: 980px) {
    .et_pb_image_0_tb_header {
        margin-left: 0px !important;

    }
}

/* Disable iPhone Safari auto phone number parsing */
.not_phone {
    pointer-events: none;
}

/* Remove space below footer which appears on some browsers */
#main-footer {
    display: none!important;
}

/*-------------------------------HIDE/REVEAL---------------------------*/

body:not(.et-fb) .rv_element { display: none; }
.et_pb_button.rv_button_opened:after { content:"\32"; }
.et_pb_button.rv_button_closed:after { content:"\33"; }

/*-------------------------------NEWS & KNOWLEDGE TABS---------------------------*/

ul.et_pb_tabs_controls {
    background-color: transparent;
}


/* Equalise the Tabs */
.equal-tabs-6 .et_pb_tabs_controls li {
    width: 15.8%;
    margin-right: 1%;
    text-align: center;
    padding: auto 0px auto 0px;
}

.equal-tabs-5 .et_pb_tabs_controls li {
    width: 19%;
    margin-right: 1%;
    text-align: center;
    padding: auto 0px auto 0px;
}

.equal-tabs-6 .et_pb_tabs_controls li:last-of-type, .equal-tabs-7 .et_pb_tabs_controls li:last-of-type {
    margin-right: 0%;
}

.et_pb_tabs li a {
    padding: .8em 0px .8em 0px;
    border-radius: 24px;
    border: 1px solid #00303C;
    font-weight: 600;
}

.et_pb_tab_active a {
    background-color: #F98D2A !important;
    border: 1px solid #F98D2A !important;   
}

/* Hides border under tabs */
ul.et_pb_tabs_controls:after {
    border-top: 0px;
}

.et_pb_tab {
    padding: 0;
    margin-top: 20px;
}

@media screen and (max-width: 768px) { /*change device breakpoint here depending on the number of tabs you have*/
    .equal-tabs-6 .et_pb_tabs_controls li, .equal-tabs-5 .et_pb_tabs_controls li {
        width: 100%;
        border: 2px solid #ffffff !important;
        margin-right: 0%;
    }

    .et_pb_tabs li {
        margin-bottom: 6px;
    }

    .et_pb_tabs li a {
        padding: .8em 20px .8em 20px;
    }
    
}