/*
SETTINGS
*/

.entry-title {
	display: none
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
}
button{
	outline: none !important;
}
a:focus {
    outline: thin dotted;
    outline-color:white !important;
    outline-style: auto;
    outline-width: 5px;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
li {
    padding-bottom: 5px;
}
.portfolj li {
    padding-bottom: 22px;
}

span.formLabel {
    display: inline-block;
    padding-bottom: 14px;
    font-size: larger;
}

.imgAbout {
    margin-bottom: 0px;
}

.imgTextAbout {
    padding-bottom: 40px;
}

.wpb_text_column.wpb_content_element.information_text.blueBox strong {
    color: #fff;
}

.wpb_text_column.wpb_content_element.information_text.blueBox p {
    color: #fff;
}

.vc_btn3.vc_btn3-color-inverse, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat {
    color: #FFF;
    background-color: #295884 !important;
}

.vc_btn3.vc_btn3-color-inverse.active, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat.active, .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-inverse:hover {
    color: #FFF !important;
    background-color: #346a9c !important;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/milasdesign/css/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}


:root {
	--link-color: #295884;
	--link-hover-color: #346a9c;
  --h-hero-color: #fff;
	--h-color: #454545;
	--font-family: 'Montserrat';
	--font-main-s: 16px;
}

figcaption.vc_figure-caption {
    padding-top: 5px;
    font-size: 17px !important;
    font-family: var(--font-family);
    font-weight: 600;
    color: #0f2133;
    text-align: left;
}

.vc_separator.wpb_content_element.vc_separator_align_center.vc_sep_width_100.vc_sep_pos_align_center.vc_separator_no_text.wpb_content_element.wpb_content_element {
    margin-bottom: 0;
}


.aio-icon{
	color: var(--link-color);
	padding: 21px;
  display: table-cell;
}
.aio-icon a:hover{
	color: var(--link-hover-color);
}
.aio-icon a{
	text-decoration: none;
	display: inline-flex;
}
.aio-icon i{
	font-size: 32px;
}

.site-content {
margin: 0em auto 0;
}

.warp {
margin: 0 auto;
padding: 0 0rem;
	}

.headimg {
	position: relative;
	background: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	top: -5px;
	z-index: 2;
	min-height: 50%;
	min-width: 50%;
	max-width: 100%;
	display: block;
}

h1 {font-size: 50px;
	line-height: 60px}
h2 {font-size: 35px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

.info_list li::marker {
    font-weight: bold;
}


.warp {max-width: 1400px;}

.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    color: #fff;
}
.ubermenu.ubermenu-transition-slide .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega {
    max-width: 600px;
    left: 23% !important;
}
.ubermenu-item-level-2 {
    left: 10px;
    color: #fff !important;
    background: transparent;
}

.wpb_text_column.wpb_content_element.information_text p {
    margin-block-start: 0px;
}

.wpb_text_column.wpb_content_element.information_text {
    margin-bottom: 0px;
}

.wpb_text_column.wpb_content_element.information_text h2
{
    margin-bottom: 0px;
}

.information_img
{
    margin-bottom: 0px;
}

@media(max-width: 1274px){
h1 {font-size: 45px;
	line-height: 50px}
h2 {font-size: 35px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
.warp {max-width: 70%;}
.headimg {
	top: 10px;
	z-index: 2;
	min-height: 50%;
	min-width: 50%;
	max-width: 80%;
}
.wpcf7-submit, label, header, a, p, li, span {
	font-family: var(--font-family);
	font-size: var(--font-main-s);
	font-weight: 400 !important;
}
strong {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 700 !important;
}
a {
	color: var(--link-color);
}
}

@media(max-width: 1240px) and (min-width: 960px){
.headimg {
display: none;
}
.wpcf7-submit, label, header, a, p, li, span {
	font-family: var(--font-family);
	font-size: var(--font-main-s);
	font-weight: 400 !important;
}
strong {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 700 !important;
}
a {
	color: var(--link-color);
}
}

@media(max-width: 959px){
h1 {font-size: 35px;
	line-height: 40px}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}
h6 {font-size: 18px;}
.warp {max-width: 70%;}
.headimg {
	top: -9px;
	z-index: 2;
	min-height: 50%;
	min-width: 50%;
	max-width: 83%;
}
.wpcf7-submit, label, header, a, p, li, span {
	font-family: var(--font-family);
	font-size: var(--font-main-s);
	font-weight: 400 !important;
}
strong {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 600 !important;
}
a {
	color: var(--link-color);
}
}

@media(max-width: 480px){
h1 {font-size: 30px;
	line-height: 35px}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}
h6 {font-size: 18px;}
.warp {max-width: 90%;}
.headimg {
	top: -15px;
	z-index: 2;
	min-height: 50%;
	min-width: 50%;
	max-width: 77%;
}
.wpcf7-submit, label, header, a, p, li, span {
	font-family: var(--font-family);
	font-size: var(--font-main-s);
	font-weight: 400 !important;
}
strong {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 600 !important;
}
a {
	color: var(--link-color);
}
}


h1 {
	color: var(--h-hero-color);
	font-family: var(--font-family);
	font-weight: 800 !important;
	margin-block-start: 0em;
}
h2 {
	color: var(--h-hero-color);
	font-family: var(--font-family);
	font-weight: 600 !important;
	margin-block-start: 0em;
}
h3 {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 600 !important;
	margin-bottom: 10px !important;
}
h4 {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 600 !important;
	margin-block-start: 0em;
	margin-block-end: 0px;
}
h5 {
	color: var(--h-color);
	font-family: var(--font-family);
	margin-block-start: 0em;
}
h6 {
	color: var(--h-color);
	font-family: var(--font-family);
	margin-block-start: 0em;
}
@media(min-width: 1274px){
.wpcf7-submit, label, header, a, p, li, span {
	font-family: var(--font-family);
	font-size: var(--font-main-s);
	font-weight: 400 !important;
}
strong {
	color: var(--h-color);
	font-family: var(--font-family);
	font-weight: 700 !important;
}
a {
	color: #1e73be;
}
}

/* Information text in pages */
.information_text {
 font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.5px;
}
.information_text h1 {
	color: var(--h-color);
}
.information_text h2 {
	color: var(--h-color);
	line-height: 45px;
}

.information_text_ingress {
	line-height: 43px;
	letter-spacing: 0.5px;
}
/* Edit of visual composer ultimate addon btn for bigger text */
.vc_btn3 {
	font-weight: 900;
	font-size: 16px !important;
	
}



/*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.label-primary {
    background-color: #337ab7;
}
.label-warning, .badge-warning {
    background-color: #f89406;
}
.label-success, .badge-success {
    background-color: #468847;
}
.label, .badge {
    display: inline-block;
    padding: .3em .6em .4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;

}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* contact form 7 -- Settings */

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}
.wpcf7-form label {
	display: block;
	padding-bottom: 5px;
    padding-top: 5px;
}
.wpcf7 {
	text-align: left;
  width: 90%;
}
.wpcf7-text, .wpcf7-textarea {
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

.wpcf7-text {
	height: 50px;
  padding-left: 10px;
}
.wpcf7-text:focus, .wpcf7-textarea:focus {border-color: #129FEA;}

/*Label Font*/
.wpcf7-form p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

/*Submit button Font*/
.wpcf7-submit {
    width: 25%;
    font-size: 15px;
    background: #4a97c2;
    color: #fff;
    padding: 20px;
}

/*Submit button Hover*/
.wpcf7-submit:hover {
    background: #3b86b0;
}

/*Response messages - Error & Success*/
.wpcf7-response-output {
    margin-bottom: 30px;
}

/*Form border*/
.wpcf7 {
    padding: 0px;
    padding-bottom: 0px;
}

/*Input Field borders*/
.wpcf7-text:focus, .wpcf7-textarea:focus {
    border-color: #8F8F8F;
}

/*Submit button Background*/
.wpcf7-submit {
    background: #7E7E7E;
    color: #fff;
}

/*Submit button Hover*/
.wpcf7-submit:hover {
    background: #5F5F5F;
}

/***********colors************/

/*Submit button background & border*/
.wpcf7-submit {
    background-color: #1d2731;
    border: 2px solid #5A5050;
    color: #5A5050;
    font-weight: bold;
}

/*Submit button Hover styles*/
.wpcf7-submit:hover {
    background-color: rgba(29, 39, 49, 0.66);    
    border-color: #4CAF50;
    color: #4CAF50;
}

/*Label Text color*/
.wpcf7-form p {
    color: #000;
}

/*Input Field Text color*/
.wpcf7-text, .wpcf7-textarea {
	color: #777;
}

/*Form background*/
.wpcf7 {
    background-color: rgba(255, 255, 255, 0.2);
    background-position: center;
    background-size: cover;
}


/*Submit button background & border*/
.wpcf7-submit {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

/*Submit button Hover styles*/
.wpcf7-submit:hover {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

/*Input Field border*/
.wpcf7-text:focus, .wpcf7-textarea:focus {
    border-color: #5A3D3D;
}
.wpcf7 {
    text-align: left;
    width: 100%;
}

@media(max-width: 959px){
.col_half {
		position: relative;
		display: block;
    width: 100%;
		padding-left: 10px;
		padding-right: 10px;
}
.wpcf7 {
    padding: 0px 0px;
    padding-bottom: 0px;
}
}
@media(max-width: 480px){
.wpcf7 {
    padding: 0px 0px;
    padding-bottom: 0px;
}
.wpcf7-submit {
    width: 100%;
}
}
@media(min-width: 959px){
.col_half {
		position: relative;
		display: block;
    width: 46%;
		padding-left: 10px;
		padding-right: 10px;
}
.col_half_g {
		position: relative;
		display: block;
    width: 44%;
		padding-left: 10px;
		padding-right: 10px;
}
}
@media(max-width: 958px){
.col_half_g {
		position: relative;
		display: block;
    width: 100%;
		padding-left: 10px;
		padding-right: 10px;
}
}

.col_full {
    width: 100%;
		padding-left: 10px;
		padding-right: 10px;
}
.col_full_center {
		margin-bottom: 20px;
		margin-top: 20px;
		display: block;
    width: 100%;
		text-align:center;
		padding-left: 10px;
		padding-right: 10px;
}
.row{
display: flex;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
}



/* ubermenu and logo -- Settings */
@media(max-width: 959px){
ul li a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
    color: #1e73be !important;
		font-family: var(--font-family) !important;
		font-weight: 700 !important;
}
}


.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
    background: #fff;
    color: #000;
    font-size: 41px;
    text-transform: uppercase;
    font-weight: bold;
}
.ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover {
    background: #fff;
    color: #000;
}
.ubermenu-skin-black-white-2 {
    border: 1px solid #fff;
}

@media (max-width: 959px){
  .ubermenu,
  .ubermenu .ubermenu-column,
  .ubermenu .ubermenu-divider,
  .ubermenu .ubermenu-icon,
  .ubermenu .ubermenu-image,
  .ubermenu .ubermenu-item,
  .ubermenu .ubermenu-nav,
  .ubermenu .ubermenu-retractor,
  .ubermenu .ubermenu-row,
  .ubermenu .ubermenu-search,
  .ubermenu .ubermenu-search-input,
  .ubermenu .ubermenu-search-submit,
  .ubermenu .ubermenu-submenu,
  .ubermenu .ubermenu-submenu-footer,
  .ubermenu .ubermenu-tabs,
  .ubermenu .ubermenu-tabs-panels,
  .ubermenu .ubermenu-target,
  .ubermenu-responsive-toggle {
    background-color: #fff !important;
  }

  .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    background: #fff !important;
  }

  ul#ubermenu-nav-main-23 {
    background: #fff !important;
  }

  #header {
    display: block;
    position: fixed;
    width: 100%;
    background: #fff;
    height: 95px;
    z-index: 60;
    top: 0;
    border-bottom: 1px solid #dddddd !important;
  }

  /* ge plats för headern i stället för att flytta hela html/body */
  body {
    padding-top: 95px;
  }

  #branding {
    height: 0;
    z-index: 15;
    display: block;
  }

  .logo {
    padding-top: 6px;
    display: table;
    position: fixed;
    float: left;
    left: 46%;
    z-index: 25;
    top: 5px;
  }

  /* 👇 FIX: wrapper ska INTE vara fixed – annars låser sig sidan */
  #wrapper {
    position: relative;
    display: block;
    z-index: 10;
    top: 0;
    width: 100%;
    background-color: #f8f8f8 !important;
  }

  .ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
    background: #fff;
  }

  button.ubermenu-responsive-toggle-align-full {
    width: inherit;
  }

  div#wrapper {
    background: #f8f8f8 !important;
  }

  .ubermenu-skin-black-white-2 {
    border: 0 solid #fff;
  }

  .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover {
    background: #fff;
    color: #000;
  }
}

@media (max-width: 480px){
.logo {
    display: table !important;
    position: fixed !important;
    float: left !important;
    left: 35% !important;
    z-index: 25 !important;
    top: 15px !important;
}
}
@media screen and (max-width: 960px){
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
    box-shadow: none;
    border-bottom: solid !important;
    border-width: 1px !important;
    border-color: #ececec !important;
    font-size: 21px;
}
}
@media screen and (min-width: 959px){
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
background: #fff !important
}
ul#ubermenu-nav-main-23 {
    background: #fff !important;
}
#header {
    display: block;
    position: fixed;
    width: 100%;
    background: #fff;
	height: 120px;
	z-index: 60;
	top: 0;
	border-bottom: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #dddddd  !important;
}
#branding {
    height: 0px !important;
}
.logo {
    display: block !important;
    position: fixed !important;
    float: left !important;
    left: 5% !important;
    top: 10px !important;
	z-index: 61;
}
.ubermenu-responsive-default.ubermenu {
    display: block!important;
    top: 35px;
}

/* ⬇️ NYTT: ge plats för högre header på desktop */
body {
    padding-top: 120px;
}
}

/* FOOTER START HERE */
#footer {
	background-color: #d2d2d2;
}
.pure-g {
    display: flex;
	  margin: 0 auto;
    padding: 0 0rem;
	  max-width: 80%;
}
@media(max-width: 959px){
	.pure-g {
		flex-flow: wrap;
		padding-top: 25px
	}
}
@media(min-width: 960px){
	.pure-g {flex-flow: row;}
}
.pure-u-1 {
    flex-grow: 4;
		padding-bottom: 25px;
}
@media(max-width: 959px){
	.pure-u-1 {
		flex-flow: column wrap;
		align-self: left;
	}
}
@media(min-width: 960px){
	.pure-u-1 {
	flex-flow: row;
	padding-top:25px;
	padding-left:25px;
	}
}
/* FOOTER END HERE */


/* LANG */
.lang {
		padding-top: 10px;
    display: block;
    z-index: 9999;
    position: fixed;
}
@media (max-width: 480px){
	.lang {
		display: block;
    top: 13px;
    right: 24px;
}
}
@media(max-width: 959px){
.lang {
		display: block;
    top: 13px;
    right: 24px;
}
}
@media(min-width: 960px){
.lang {
    top: 30px;
    right: 74px;
}
}


/* GDPR */ 
.cli-privacy-overview{
		font-family: var(--font-family) !important;
}

.wt-cli-cookie-description {
	font-family: var(--font-family) !important;
}

/* CONTACT FORM */

.wpcf7-response-output {
		font-family: var(--font-family) !important;
}


/* ========= SNYGGARE MOBILMENY ========= */

@media (max-width: 959px){

  /* Hamburgerknappen */
  .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
      background: #ffffff;
      color: #295884;
      border: solid #ececec !important;
      border-width: 0px 0px 1px 0px !important;
      box-shadow: none;
      font-size: 28px;
      font-weight: 700;
      padding: 16px 18px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
  }

  .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i {
      font-size: 24px;
  }

  /* Hela menyblocket under headern */
  #ubermenu-main-23 {
      border-top: none;
	  
  }

  /* Raderna i mobilmenyn (nivå 0) */
  #ubermenu-nav-main-23 > li > a.ubermenu-target {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 20px;
      font-family: var(--font-family);
      font-size: 17px;
      font-weight: 600;
      color: #1e2731 !important;
      background-color: #ffffff !important;
      border: solid #ececec !important;
      border-width: 0px 0px 1px 0px !important;
      text-transform: none;
  }

  #ubermenu-nav-main-23 > li > a.ubermenu-target:hover,
  #ubermenu-nav-main-23 > li.ubermenu-current-menu-item > a.ubermenu-target {
      background-color: #f5f7fa !important;
      color: var(--link-color) !important;
  }

  /* Lilla pilen till höger för dropdowns */
  #ubermenu-nav-main-23 .ubermenu-sub-indicator {
      margin-left: 8px;
      color: #9aa4b2;
      font-size: 16px;
  }

  /* Undermenyer (kundcase-listan etc) */
  #ubermenu-nav-main-23 .ubermenu-submenu-drop {
      background-color: #f9fafb !important;
      border-top: 1px solid #ececec;
  }

  #ubermenu-nav-main-23 .ubermenu-submenu-drop .ubermenu-item-header > a.ubermenu-target {
      padding: 10px 24px;
      font-size: 15px;
      font-weight: 500;
      color: #434343 !important;
      border-bottom: 1px solid #ececec;
      background: transparent !important;
  }

  #ubermenu-nav-main-23 .ubermenu-submenu-drop .ubermenu-item-header > a.ubermenu-target:hover {
      background-color: #eef2f7 !important;
      color: var(--link-color) !important;
  }

  /* Ta bort den “brutala” kantlinjen vi satte tidigare via Ubermenu */
  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
      box-shadow: none;
      border: 0 !important;
  }

  /* Länkar i mobilmenyn generellt (säkerställ färg/typsnitt) */
  ul li a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
      color: #1e2731 !important;
      font-family: var(--font-family) !important;
      font-weight: 600 !important;
  }
	
	button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-black-white-2.ubermenu-loc-.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-close-icon-times {
    height: 96px;
}
	
i.fas.fa-bars {
    color: black;
}	
	
}