/*======================================
Theme Name: eWebs Länsförsäkringar
Theme URI: https://ewebs.se/
Description: Ett tema för för Länsförsäkringar till eWebs
Version: 1.0.3
Author: Rocking Digital
Author URI: https://ewebs.se
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@font-face {
    font-family: LFRubrik;
    src: url(assets/fonts/lf-rubrik.woff2) format("woff2"), url(assets/fonts/lf-rubrik.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-kerning: normal
}

@font-face {
    font-family: IntroCond;
    src: url(assets/fonts/intro-cond-regular.woff2) format("woff2"), url(assets/fonts/intro-cond-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IntroCond;
    src: url(assets/fonts/intro-cond-regular-italic.woff2) format("woff2"), url(assets/fonts/intro-cond-regular-italic.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: IntroCond;
    src: url(assets/fonts/intro-cond-bold.woff2) format("woff2"), url(assets/fonts/intro-cond-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: IntroCond;
    src: url(assets/fonts/intro-cond-bold-italic.woff2) format("woff2"), url(assets/fonts/intro-cond-bold-italic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

html, body, main {
    height: 100%;
}

body {
    font-family:'IntroCond', Helvetica, serif;
    color:#1f5da6;
    font-size: 16px;
    font-weight:300;
    /* background-color: #ffffff; */
    background-color: #d4e9f7;
}

h1, h2, h3, h4, h5, h6 {
    color:#1f5da6;
}

h1, h2 {
    font-family: "LFRubrik", Helvetica, serif;
}

h3, h4, h5, h6 {
    font-family:'IntroCond', Helvetica, serif;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 24px;
    font-weight: 300;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

h4 {
    font-size: 16px;
    font-weight: bold;
}

a {
    color:#1f5da6;
	text-decoration: underline;
}

.menu-item a {
    font-size: 22px;
    color: #1f5da6;
}

.event-info .et_pb_row {
    background-color: rgba(250, 250, 250, 0.8);
}

.hero p {
    font-size: 32px;
}

/* Forms */
.form-group .form-control,
.form-group .custom-select {
    border:none;
    border-radius:0;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, .15);
    transition:.2s ease-in;
    background-color:#fafafa;
}

.form-group .form-control:focus,
.form-group .form-control:active {
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, .25);
}

.form-button {
    /* background-color:#98bee7; */
    background-color: #0069d9;
    min-width: 100px;
    text-align: center;
    font-weight: bold;
	color: #ffffff;
	border: 1px solid #98bee7;

}
.form-button:hover {
    background-color: #98bee7;
}



.input-group-text {
    border-radius:0;
    border:none;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, .15);
    background-color:rgba(0, 0, 0, .12);
}

.custom-select, .formfield {
    border-radius: 0px;
    border: 2px solid #1f5da6; ;
	min-height: 45px;
	margin-bottom: 10px;
	font-size: 16px;
	width: 100%;
}

.custom-select {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDA1YWEwIiB2aWV3Qm94PSIwIDAgMTggMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS40MDU3ODEsIDUuMzA5NjQxKSBzY2FsZSgtMSwgLTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTkuNDA1NzgxLCAtNS4zMDk2NDEpICIgcG9pbnRzPSI1Ljg3MDE0MDc2IC0zLjE3NjE0MDU1IDQuNDU2MTQwNzYgLTEuNzYyMTQwNTUgMTEuNTI3NDIyMSA1LjMwOTE0MDgyIDQuNDU3MTQwNzYgMTIuMzgxNDIyMiA1Ljg3MTE0MDc2IDEzLjc5NTQyMjIgMTIuOTQyNDIyMSA2LjcyNDE0MDgyIDE0LjM1NTQyMjEgNS4zMDkxNDA4MiAxMi45NDI0MjIxIDMuODk2MTQwODIiPjwvcG9seWdvbj48L3N2Zz4=);
    background-repeat: no-repeat;
	
	background-size: 10px;
	background-position: 98% center;
	appearance: none;
	
	padding-left: 10px;
	padding-right: 10px;
}

.formfield-short {
	width: 120px!important;
}

input {
	font-size: 16px;
	line-height: 2em;
}


.formfield label.inline.rmv {
  padding-left: 142px;
}

.formfield {
    padding-left: 5px;
    background-color: #ffffff;
}

.formfield h3 {
  margin-top: 0px;
}

.formfield label.inside {
    font-size: 0.8em;
    display: inline;
    color: #98bee7;
    line-height: 14px;
    margin-top: 0px;
}
.formfield label.inside-highlight  {
    font-size: 0.8em;
    display: inline;
    color: #005aa0;
    line-height: 14px;
    margin-top: 0px;
}

.formfield .form-control {
    width: 300px;
    display: inline;
    border: none;
}

.formrow {
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
	padding-bottom: 10px;
}


.hidden {
	display: none;
}

.formfield tr td, .formfield table {
	border: none!important;
}