/* FONTS */

@font-face {
  font-family: Antenna-Light;
  src: url(../fonts/Antenna-Light.woff) format('woff'),
  url(../fonts/Antenna-Light.woff2) format('woff2');
  font-weight:300;
  font-style:normal;
}

@font-face {
  font-family: Antenna-Regular;
  src: url(../fonts/Antenna-Regular.woff) format('woff'),
  url(../fonts/Antenna-Regular.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
}

@font-face {
  font-family: Antenna-Bold;
  src: url(../fonts/Antenna-Bold.woff) format('woff'),
  url(../fonts/Antenna-Bold.woff2) format('woff2');
  font-weight: bold;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6, p, span, blockquote, a, li {
  font-family: Antenna-Regular, Arial !important;
}

bold, b, strong {
  font-family: Antenna-Bold, Arial !important;
}

.ingress {
  font-weight: bold !important;
}

/* HEADER */

.miginfo-header .menu-top-nav-mm .menu-item-has-children a {
  color: red !important;
}

.miginfo-header .top-nav-row .top-nav-menu-wrapper #menu-top-nav-mm .menu-item-has-children>a::after {
  border-style: solid;
	border-width: 0.1em 0.1em 0 0;
	content: '';
	display: inline-block;
	height: 0.7em;
	left: 0.5em;
	position: relative;
	top: 0;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.7em;
  margin-top: -1px;
}

.miginfo-header .top-nav-row .top-nav-menu-wrapper #menu-top-nav-mm .menu-item-has-children>a>i {
  display: none !important;
}

  @media only screen and (max-width: 480px) {
    a.brand {
      width: 100% !important;
      height: 60px !important;
    }

    .top-search-wrapper {
      width: 100% !important;
      z-index: 1 !important;
    }

    .miginfo-header .brand-wrapper {
      padding-bottom: 20px !important;
    }
  }

  @media only screen and (min-width: 480px) {
    .miginfo-header .brand-wrapper {
      padding-bottom: 35px !important;
      padding-top: 35px !important;
    }
  }

  @media only screen and (max-width: 1200px) {
    #menu-top-sec-menu {
      display: flex !important;
      margin-left: 15px !important;
    }
  }

  /* Search form */
  .miginfo-header .brand-wrapper .container .columns:nth-child(2) {
    height: 72px !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form {
    display: flex !important;
    background: #ffffff !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    border-radius: 40px !important;
    border-color: #000000 !important;
  }

  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form button[type="submit"] {
    margin-left: 10px;
  }

  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form button[type="submit"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 18.5px;
    width: 20px;
    background-image: url('https://svgshare.com/i/ogS.svg');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form button[type="submit"] i {
    display: none !important;
  }

  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form #search {
    padding: 0 !important;
    color: #000000 !important;
  }
  .miginfo-header .brand-wrapper .container .columns:nth-child(2) .top-search-wrapper .container .search-form #search::placeholder {
    color: #000000 !important;
  }

@media (min-width: 1200px) {

  /* Migrationsinfo logo */
  .miginfo-header .brand-wrapper .container .columns:nth-child(1) .brand  {
    height: 72px !important;
  }

  /* Header links */
  .miginfo-header .top-nav-row {
    background: #ffffff !important;
    padding-bottom: 11px !important;
    padding-top: 11px !important;
  }

  .miginfo-header .top-nav-row .top-nav-menu-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }

  .miginfo-header .top-nav-row .top-nav-menu-wrapper #menu-top-nav-mm {
    display: flex !important;
    gap: 60px;
  }

  .miginfo-header .top-nav-row .top-nav-menu-wrapper ul li a {
    background-color: transparent !important;
    color: #000000 !important;
    padding: 10px 0 !important;
  }

  .miginfo-header .top-nav-row .top-sec-menu-wrapper {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
  }

  .miginfo-header .top-nav-row .top-sec-menu-wrapper #menu-top-sec-menu {
    display: flex;
    gap: 20px;
  }

  /* Dropdown */

  .miginfo-header .sub-menu {
    background: #ffffff !important;
    padding-bottom: 40px !important;
    padding-top: 10px !important;
  }

  .miginfo-header .sub-menu .sub-menu-inner {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
  }

  .miginfo-header .sub-menu .sub-menu-inner::before {
    position: absolute;
    top: 10px;
    left: 0px;
    content: '';
    border-bottom: 1px solid #00A55D;
    width: 1160px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .miginfo-header .sub-menu .sub-menu-inner::after {
    position: absolute;
    bottom: 60px;
    left: 0px;
    content: '';
    border-bottom: 1px solid #00A55D;
    width: 1160px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .miginfo-header .sub-menu .sub-menu-inner .sub-menu-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .miginfo-header .sub-menu .sub-menu-inner .sub-menu-col .list-header {
    color: #00A55D !important;
  }
  
}

/* News Hero */

.page-template-front-page .content {
  margin-top: 0px !important;
}

.page-template-front-page .miginfo-hero img {
  border-radius: 20px !important;
}

.page-template-front-page .miginfo-hero {
  background: #7E6DA9 !important;
  padding-top: 140px !important;
  padding-bottom: 90px !important;
}

.page-template-front-page .miginfo-hero h1,
.page-template-front-page .miginfo-hero p,
.page-template-front-page .miginfo-hero a {
  color: #ffffff !important;
}

.page-template-front-page .miginfo-hero h1 {
  font-size: 30px !important;
}

@media (min-width: 900px) {
  .page-template-front-page .miginfo-hero h1 {
    font-size: 50px !important;
  }
  
}

.page-template-front-page .miginfo-hero p {
  font-family: Antenna-Light, Arial !important;
}

.page-template-front-page .miginfo-hero p::before {
  content: 'NYHET ';
  font-family: Antenna-Regular, Arial !important;
}

.page-template-front-page .miginfo-hero a { 
  text-decoration: none;
}

.page-template-front-page .miginfo-hero a:hover { 
  text-decoration: underline;
}

.page-template-front-page .miginfo-hero .wrap-row {
  margin-left: 0px !important;
}

.page-template-front-page .miginfo-hero .wrap-row ul {
  padding-left: 0px !important;
}


.page-template-front-page .miginfo-hero>.container {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column-reverse !important;
}

.miginfo-hero > div > div.row.wrap-row > div {
  height: 100% !important;
  width: 100% !important;
}

.miginfo-hero > div > div.row.wrap-row > div > img {
  height: 250px;
  object-fit: cover;
  width: 100% !important;
}


@media (min-width: 670px) {
  .miginfo-hero > div > div.row.wrap-row > div > img {
    height: 300px !important;
  }
}

@media (min-width: 900px) {

  .page-template-front-page .miginfo-hero>.container {
    display: grid !important;
    gap: 25px !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .miginfo-hero > div > div.row.wrap-row > div > img {
    height: 100% !important;
  }
}


/* Text Boxes */

.page-template-front-page .bg-lilac-2 {
  background-color: #ffffff !important;
  padding: 90px 0 !important;
}

.page-template-front-page .bg-lilac-2 .container .row {
  display: flex !important;
  gap: 25px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

@media (min-width: 770px) {
  .page-template-front-page .bg-lilac-2 .container .row {
    flex-direction: row !important;
    gap: 0px !important;
  }
}

.page-template-front-page .bg-lilac-2 .container .row .columns {
  margin: 0 !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper {
  box-shadow: unset !important;
  margin: 0 !important;
  border: 1px solid #353535 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  height: 100% !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont h3 {
  font-size: 20px !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul {
  list-style-type: none !important;
  list-style-position: inside !important;
  padding-left: 10px !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li {
  display: flex;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li::before{
  content: '\2022';
  display: flex;
  padding-right: 7.5px;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li a {
  color: #000000 !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li a:hover,
.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li a span:hover {
  text-decoration: underline !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li a i {
  display: none !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont ul li a span {
  padding: 0 !important;
}

.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont h2,
.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont h3,
.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont p,
.page-template-front-page .bg-lilac-2 .container .row .columns .puff-wrapper .puff-cont a {
  color: #000000 !important;
}

/* Testimonials */

.page-template-front-page .bg-green-1 {
  background: #ffffff !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.page-template-front-page .bg-green-1 .testimonials {
  border: 1px solid #353535 !important;
  border-radius: 20px !important;
  margin-bottom: 90px !important;
  padding-top: 30px !important;
}

.page-template-front-page .bg-green-1 .testimonials .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  height: 15px !important;
  width: 15px !important;
  border-radius: 100% !important;
}

.page-template-front-page .bg-green-1 .testimonials .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:not(.active) {
  background-color: #7E6DA9 !important;
}

.page-template-front-page .bg-green-1 .testimonials .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  border: 1px solid #7E6DA9 !important;
}

.testimonial-wrapper p {
  font-weight: bold !important;
  color: #000000 !important;
}

/* FOOTER */

footer {
  background: #ffffff !important;
  color: #000000 !important;
}

footer li, 
footer a,
footer span {
  font-size: 16px !important;
}

footer .row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 30px !important;
  padding-top: 35px;
}

@media (min-width: 700px) {
  footer .row {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}

footer .row .columns {
  width: 100% !important;
}

footer ul li,
footer ul li a {
  color: #000000 !important;
}

footer ul li a span {
  padding-left: 0px !important;
}

footer ul li a:hover,
footer ul li a span:hover {
  text-decoration: underline !important;
}

footer a:hover {
  text-decoration: underline !important;
}

footer .container .row {
  border-top: 1px solid #00A55D !important;
}


footer ul.social {
  text-align: left !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

footer ul.vert li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

footer ul.social {
  margin-top: 0 !important;
}

footer ul.social li {
  margin: 0 !important;
}

#menu-bot-sec-menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#menu-bot-sec-menu li {
  margin: 0 !important;
}

/* Sub page info/content box */

 .four .bot-border {
  background-color: #7E6DA9 !important;
  border-radius: 20px !important;
}

 .four .bot-border .puff-cont {
  padding: 30px !important;
}

 .four .bot-border .puff-cont h3, 
 .four .bot-border .puff-cont ul li {
  color: #ffffff !important;
} 

 .four .bot-border .puff-cont ul li::before,
 .four .bg-lilac-1 .puff-cont ul li::before {
  content: '\2022';
} 

 .four .bot-border .puff-cont ul li,
 .four .bg-lilac-1 .puff-cont ul li {
  display: flex !important;
} 

 .four .bot-border .puff-cont ul li span,
 .four .bg-lilac-1 .puff-cont ul li span {
  padding-left: 7.5px !important;
}

 .four .bot-border .puff-cont ul li i,
 .four .bg-lilac-1 .puff-cont ul li i {
  display: none !important;
} 

 .four .bg-lilac-1 {
  background-color: #ffffff !important;
}

 .four .bg-lilac-1 .puff-cont:not(.home .four .bg-lilac-1 .puff-cont) {
  background-color: #ffffff !important;
  border: 1px solid #353535 !important;
  border-radius: 20px !important;
  padding: 30px !important;
}

 .four .bg-lilac-1 .puff-cont ul li a {
  color: #000000 !important;
}

 .four .bg-lilac-1 .puff-cont .bottom-link {
  color: #000000 !important;
}

 .columns .puff-wrapper {
  margin-left: 0 !important;
}

.footnotes {
  background-color: #ffffff !important;
  border: 1px solid #353535 !important;
  padding: 30px !important;
}

.footnotes .footnotedivider::after {
  font-family: Antenna-Bold,Arial,sans-serif !important;
  font-size: 18px !important;
}

.footnotes ol,
.footnotes ul {
  list-style-type: none !important;
  padding-left: 0 !important;
}

.footnotes ol li a,
.footnotes ul li a {
  color: #000000 !important;
}

 .content-wrapper h1, 
 .content-wrapper h2, 
 .content-wrapper h3, 
 .content-wrapper h4, 
 .content-wrapper h5, 
 .content-wrapper h6,
 .content-wrapper p,
 .content-wrapper a, 
 .content-wrapper li {
  color: #000000 !important;
} 

.breadcrumbs li a {
  color: #000000 !important;
}