/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/*------ CONTENT ------ 

FONTS
COLUMN STACKING
COLUMN SIZE AND MARGIN
CONTENT ALIGNMENT
TEXT BUTTON OVVERRIDES
HEADER MENU
BLOG LIST
BLOG POST
IMAGE GALLERY
CONTACT PERSON
NINJA FORMS STYILING 

------ CONTENT END ------*/



/**** FONTS *****/

/* Font-size 125%: 1rem = 20px */
/* Font-weight: 600 = Bold */
/* Font-weight: 500 = Medium */
/* Font-weight: 400 = Regular */

/* Font base */
html {
  font-size: 125%;
}

/* Font Family */
body, h1, h2, h3, h4, h5, h6 {font-family: gesta, sans-serif !important;}

/* Font weights */
h1 {
    font-weight: 500;
}

h2, h3, h4, h5, h6, .cta p, .quote p, .footer-heading p, .blog-grid h2, .blog-grid a {
    font-weight: 600;
}

body, p, a, li, .primary-button {
    font-weight: 400;
}

/* Font sizes */
.primary-button a {
    font-size: 1rem !important:
}

p.ingress {
    font-size: 1.25rem;
}

/* Bullet lists */

ul {
    margin-top: 10px;
}

li {
    padding-bottom: 0.2rem;
}

.borderbox-infotekst h3 {
    padding-top:20px;
}

/**** FONTS END ****/



/**** COLUMN STACKING ****/

/* Background images in empty columns */
@media all and (max-width: 980px) {
    .column-bg-image {
        display: block !important;
        min-height: 400px !important; /* edit globad height here */
        background-position: center center;
        }
}

@media all and (max-width: 472px) {
    .column-bg-image {
        display: block !important;
        min-height: 230px !important; /* edit globad height here */
        background-position: center center;
        }
}

/* Set on Row + Equal column heights */
@media all and (max-width: 980px) {
    .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;
    }
    
    /* Set on Columns */
    .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;
    }
}

/**** COLUMN STACKING END ****/



/*** COLUMN SIZE & MARGIN ****/

/* 3 Column blog view */
.et_pb_blog_grid .column.size-1of3 {
    width: 30% !important;
    margin-right: 3% !important;
}

/*** COLUMN SIZE & MARGIN END ****/



/**** CONTENT ALIGNMENT ****/

/* 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;
}

/**** CONTENT ALIGNMENT END ****/



/**** TEXT BUTTON OVERRIDES ****/
.footer-button:hover {
    padding: 0em 0em !important;
}

/**** TEXT BUTTON OVERRIDES END****/



/**** HEADER MENU ****/

@media all and (min-width: 980px) {
    .et_pb_menu__logo-wrap {
        margin-top: -20px;
    }
}

/**** HEADER MENU END ****/



/**** BLOG LIST ****/

a.more-link {
    margin-top: 20px;
    text-transform: uppercase;
}

/**** BLOG LIST END ****/



/**** BLOG POST ****/

/* Heading & Feature Image */
.theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
    margin-bottom: 50px;
}

@media all and (max-width: 980px) {
    .theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 472px) {
    .theme-builder-blog .et_pb_title_container, .theme-builder-blog .et_pb_title_featured_container {
        margin-bottom: 20px;
    }
}

/* First paragraph (Ingress) */
.theme-builder-blog .et_pb_post_content p:first-of-type {
    font-weight: 600;
}

/* Inline images */
.theme-builder-blog .wp-block-image {
    margin-top: 20px;
    margin-bottom: 20px;
}

/**** BLOG POST END ****/



/**** IMAGE GALLERY ****/

.three-column-gallery .et_pb_gallery_item {
    margin: 0 !important;
    padding: 10px !important;
    clear: none !important;
    width: 33.33% !important; /* Three columns on desktop */
}

@media all and (max-width: 980px) {
    .three-column-gallery .et_pb_gallery_item {
        width: 50% !important; /* Two columns on tablet */
    }
}

@media all and (max-width: 472px) {
    .three-column-gallery .et_pb_gallery_item {
        width: 100% !important; /* One column on mobile */
    }
}

/**** IMAGE GALLERY END ****/



/**** CONTACT PERSON ****/

.et_pb_team_member .et_pb_member_position {
    margin-bottom: 20px !important;
}

/**** CONTACT PERSON END ****/



/**** NINJA FORMS STYLING ****/

.nf-form-fields-required {
    display: none;
}

.nf-mp-header {
    margin-bottom: 8px;
}

.nf-progress-container {
    margin-bottom: 16px;
    height: 10px;
    background-color: #E5E5E5;
    border: none !important;
}

.nf-progress {
    height: 10px !important;
    min-width: 5% !important;
    background-color: #DD6A39 !important;
}

.nf-mp-header h3 {
    font-size: 1.4rem;
}

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

.nf-field-label {
    display: none;
}

.nf-field-label .nf-label-span, .nf-field-label label, .list-checkbox-wrap .nf-field-element li label {
    font-size: .85rem;
    line-height: 1rem;
    font-weight: 400 !important;
}

.nf-field-description {
    margin-bottom: 4px;
}

.nf-field-description p span, .list-radio-wrap .nf-field-element li {
    font-size: 0.85rem;
}

.list-radio-wrap .nf-field-element li input {
    margin-top: 0.35rem !important;
}

.nf-field-element input {
    padding: 8px 0 8px 8px;
    border: 1px solid #000000;
    font-weight: 600;
}

.label-right .nf-field-label {
    padding-left: 1% !important;
    width: 100% !important;
}

.nf-next-previous .nf-next-item .nf-next, .nf-next-previous .nf-previous-item .nf-previous, .field-wrap input[type=submit] {
    padding: 8px 16px 8px 16px !important;
    border: none !important;
    font-weight: 700;
    font-size: .7rem !important;
}

.nf-next-previous .nf-next-item .nf-next {
    color: #ffffff;
    background-color: #126F8C;
}

.nf-next-previous .nf-previous-item .nf-previous {
    color: #ffffff;
    background-color: #3A3A3C;
}

.field-wrap input[type=submit] {
    color: #ffffff;
    background-color: #DD6A39;
    float: right;
    margin-top: 45px;
    margin-bottom: -200px;
}

.nf-fu-fileinput-button {
    padding: 8px 16px 8px 16px !important;
    border: none !important;
    font-weight: 700;
    font-size: .85rem !important;
    color: #ffffff;
    background-color: #126F8C;
}

/**** NINJA FORMS STYLING END ****/