@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';

body{ font-family: 'Open Sans', sans-serif; color: #000; }

ul { list-style: none; margin: 0; }
li { display: inline-block; }
li.is-active { font-weight: 600; }
a:hover, a:focus { text-decoration: none; color: #000000; }

.ccm__list ul { list-style: disc !important}
.ccm__list li { display: block; list-style: disc  !important;}

a { color: #000000; }

.energi_container a  {
  color:#3F77BC;
}
button {
	padding: 0;
	border: 0;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
  cursor: pointer;
}

button:focus { outline: none; }

.show { display: block; }
.hide { display: none; }

// Hide short text by default (resolution > 1200px)
.shorttext { display: none !important; }

// When resolution <= 1200px, hide full text and show short text
@media (max-width: 1200px) {
   // .shorttext { display: inline-block; }
    .fulltext { display: none; }
}



#header-wrapper {
  background-color: rgba(255,255,255,0.9);
  max-height: 130px;
  position: fixed;
  width: 100%;
  z-index: 9998;
  transition: all .2s ease;
}
#header-wrapper #topbar {
  height: 130px;
  background-color: #fff;
  padding: 15px 15px 0 15px;
}
.row.container,
.page-container {
  max-width: 1440px;
  margin: 0 auto;
}
#header-wrapper #topbar .logo-wrapper {
  padding: 0;
}
#header-wrapper #topbar .logo-wrapper #block-sitebranding {
  padding: 0;
}
#blueIdeaWrapper-large, #blueIdeaWrapper-medium, #blueIdeaWrapper-small {
  background-color: #000000;
  color: #ffb81c;
  font-size: 16px;
  padding: 0;
  width: 100%;
  z-index: 2;
  position: relative;
}
#header-wrapper #topbar .menu {
  max-width: 1440px;
  margin: 0 auto;
  height: 75px;
  padding: 0;
}
#header-wrapper #topbar .menu li {
  display: inline-block;
  text-align: center;
}
#header-wrapper #topbar .menu li > a {
  font-size: 22px;
  padding: 30px 50px 15px 0;
  display: inline-block;
  text-decoration: none;
}
#header-wrapper #topbar .menu li:hover > a { color: rgba(0,0,0,0.5); }

#header-wrapper #topbar .col-sm-2.col-lg-2.relative {
  padding: 0;
  text-align: right;
}
#header-wrapper #topbar .search-wrapper input[type=submit], #header-wrapper #topbar .login-wrapper .field .field__label, #header-wrapper #topbar .login-wrapper .field .field__item {
  display: none;

}
#header-wrapper #topbar .login-wrapper, #header-wrapper #topbar .search-wrapper {
  position: relative;
  /*margin-top: -15px;
  top: 65px;*/
  display: inline-block;
  padding: 0 15px;
  vertical-align: bottom;
  margin-top: 15px;
}
#header-wrapper #topbar .contextual-region{ position: inherit; }

#header-wrapper #topbar .search-wrapper form > div button,
#header-wrapper #topbar .login-wrapper button {
  width: 40px;
  /*position: absolute;*/
  top: 0;
  right: 15px;
  background: #e1e1e1;
 /* margin-bottom: 15px;*/
  height: 40px;
  opacity: .8;
}

#header-wrapper #topbar .search-wrapper form > div button:hover, #header-wrapper #topbar .login-wrapper button:hover { opacity: 1; }
#header-wrapper #topbar .search-wrapper form > div input[type=search] {
  position: absolute;
  top: 45px;
  right: 0;
  border: none;
  box-shadow: none;
  background: #636363;
  color: #fff;
  height: 40px;
  width: 172px;
  max-height: 100px;
  padding: 0 5px;
  transition: max-height .2s ease-in-out;
}


#header-wrapper #topbar .search-wrapper form > div input[type=search] {
  position: absolute;
  top: 45px;
  right: 0;
  border: none;
  box-shadow: none;
  background: #636363;
  color: #fff;
  height: 40px;
  width: 172px;
  max-height: 0px;
  padding: 0 5px;
  transition: max-height .2s ease-in-out;
}

#header-wrapper #topbar .search-wrapper form > div input[type=search].show,
#header-wrapper #topbar .login-wrapper .field--name-field-link a.show {
  transition: opacity 0.2s;
  max-height: 100px;
  transition: max-height .5s ease-in-out, padding .1s;
}
#header-wrapper #topbar .login-wrapper .field--name-field-link a.show {
  padding: 8px 10px;
}
#header-wrapper #topbar .login-wrapper .field--name-field-link a {
  position: absolute;
  top: 45px;
  left: 0;
  border: none;
  box-shadow: none;
  background: #636363;
  color: #fff;
  height: 40px;
  width: 172px;
  padding: 0;
  font-weight: 300;
  max-height: 100px;
  padding: 8px 10px;
  text-align: left;
  transition: max-height .2s ease-in-out, padding .01s .2s;
}

#header-wrapper #bottombar .link-wrapper {
  background-color: rgba(0,0,0,0.8);
}
#header-wrapper #bottombar .link-wrapper > .row {
  padding: 26px 0;
  display: block;
}
#header-wrapper #bottombar .link-wrapper .menu li {
  text-align: center;
  width: 24%;
}
#header-wrapper #bottombar .link-wrapper .menu li a {
  color: #ffffff;
  padding: 22px 15px;
  text-transform: uppercase;
  font-size: 22px;
  border-bottom: 6px solid transparent;
}
#header-wrapper #bottombar .link-wrapper .menu li a:hover { border-color: #fff; }

#header-wrapper #secondaryMenu {
  background: #000;
}
#header-wrapper #secondaryMenu ul > li > a,
#header-wrapper #secondaryMenu .footer-wrapper ul > li > a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 5px solid transparent;
  padding: 0.9rem 2.5rem 0.6rem 2.5rem;
  display: block;
}


img{ max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
#block-views-block-silder-block-1 { margin: 0; padding: 0; }
.owl-item {
  position: relative;
}
.owl-item img { max-width: unset; height: 900px; }
.owl-item .overlay {
  position: absolute;
  top: 35%;
  left: 12%;
  width: 40%;
  color: #fff;
}
.owl-item .overlay h1 {
  font-size: 50px;
  font-weight: 700;
}
.owl-item .overlay p {
  font-size: 24px;
}
.owl-item .overlay h1 br, .owl-item .overlay p br{
  position: absolute;
}
.owl-item .overlay a {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  padding: 14px 55px;
  line-height: 1;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  border-radius: 50px;
  margin-top: 60px;
  display: inline-block;
}


.owl-item .overlay a.knap_roed {
  background-color: #E03C31;
}
.owl-item .overlay a.knap_roed:hover {
  background-color: #951e16;
}

.owl-item .overlay a.knap_groen {
  background-color: #84BD00;
}

.owl-item: .overlay a.knap_groen:hover {
  background-color: #3d5700;
}


.owl-item .overlay a.knap_gul {
  background-color: #FFB81C;
}

.owl-item: .overlay a.knap_gul:hover {
  background-color: #b57c00;
}

.owl-item .overlay a.knap_sort {
  background-color: black;
}

.owl-item: .overlay a.knap_sort:hover {
  background-color: grey;
}


.owl-item .overlay a.knap_blå {
  background-color: #0063bd;
}

.owl-item: .overlay a.knap_blå:hover {
  background-color: #002c57;
}



#block-quicklink-block .links_div div a { font-weight: 300; }
.owl-item .overlay { width: 750px; left: 75px; top: 295px;}

#block-quicklink-block .links_div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
#block-quicklink-block {
  padding: 30px 0;
}
#block-quicklink-block .links_div div {
  padding: 0 30px;
}
#block-quicklink-block .links_div div a {
  font-size: 22px;
  color: #000;
}
#block-quicklink-block .links_div div a:hover i {
  opacity: .8;
}
#block-quicklink-block .links_div div a i {
  font-size: 85px;
  display: block;
  text-align: center
}
#block-ydelserogservice {
  padding: 85px 0;
  background: #f2f2f2 url(/themes/energi_ikast/img/services_bg.png) center bottom no-repeat;
  color: #000;
}
#block-ydelserogservice .field:nth-of-type(-1n+3) {
  text-align: center;
}
#block-ydelserogservice .field--name-field-overskrift { font-size: 36px; font-weight: 700; }
#block-ydelserogservice .field--name-body { font-size: 30px}
#block-ydelserogservice .field--name-body p { margin-bottom: 30px; }

#block-ydelserogservice .field--name-field-ydelser {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
#block-ydelserogservice .field--name-field-ydelser .field__item {
  padding: 0 15px;
  flex-basis: calc(100%/4);
}

#block-ydelserogservice .field--name-field-ydelser a {
  color: #000000;
  position: relative;
}
#block-ydelserogservice .field--name-field-ydelser .p-overlay {
  position: absolute;
  padding: 25px;
  top: -95px;
  text-align: center;
  font-weight: 300;
}
#block-ydelserogservice .field--name-field-ydelser .p-overlay h2 {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}

#block-ydelserogservice .field--name-field-ydelser .paragraph, .owl-item > div:first-of-type { display: none; }


#block-views-block-nyheder-block-1 {
  padding: 60px 0;
}
#block-views-block-nyheder-block-1 h1 {
  font-family: "Open Sans";
  color: #000;
  font-size: 36px;
  font-weight: 700;
}
#block-views-block-nyheder-block-1 .page-container .col-4 a {
  font-weight: 600;
  position: absolute;
  right: 0;
}
#block-views-block-nyheder-block-1 .page-container a .material-icons {
  position: relative;
  top: 5px;
}
#block-views-block-nyheder-block-1 .page-container .news-date {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
#block-views-block-nyheder-block-1 .page-container h2 {
  font-family: "Open Sans";
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
#block-views-block-nyheder-block-1 .page-container .big_btn {
  font-size: 30px;
  font-weight: 700;
  padding: 10px 30px;
  background: #000;
  color: #fefefe;
  line-height: 1;
  text-align: center;
  border-radius: 35px;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block;
}

footer .energitjek {
  text-align: center;
  color: #ffffff;
  background: url('/themes/energi_ikast/img/energycheck_bg_.png') no-repeat bottom center #000;
}
#block-energitjekblok {
  padding: 70px 15px 61px 16px;
}
#block-energitjekblok .field--name-field-overskrift1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: .5rem;
}
#block-energitjekblok .book {
  color: #000;
  margin-top: 45px;
  font-size: 30px;
  font-weight: 700;
  padding: 10px 30px;
  border-radius: 35px;
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
}

#block-energitjekblok .field--name-field-formular { display: none; }
#block-energitjekblok .book:hover, #block-energitjekblok .book:focus {
  cursor: pointer;
}

footer {
  background-color: #a2a2a2;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
footer .info a {
  color: #ffffff;
}

.region.region-footer-l.row {
  padding-top: 45px;
  padding-bottom: 110px;
}
footer .field--name-field-overskrift1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: .5rem;
}
footer p {
  margin-bottom: 0;
}

footer .region.region-footer-r.row {
  display: block;
  margin: 0 15px;
}
footer .kontakt {
  padding: 25px 15px;
  color: #777;
  background-color: #ddd;
  min-height: 400px;
}
footer .dim_logo {
  width: 100%;
  background-image: url('/themes/energi_ikast/img/logo-gray.svg');
  background-size: contain;
  height: 75px;
  background-repeat: no-repeat;
}
footer .kontakt p {
  margin-bottom: 16px
}
footer .kontakt a { color: #777; }
footer .kontakt .write_btn {
  background-color:#fff;
  padding: 15px 35px;
  border-radius: 30px;
  line-height: 1;
  font-size: 30px;
  margin-top: 90px;
	margin-bottom: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}
footer .links_div a {
  line-height: 1.75;
}

footer .kontakt:before {
  content: "";
  position: absolute;
  width: 6000px;
  height: 8000px;
  background-color: #ddd;
  left: 100%;
  top: 0;
}

#blueIdeaWrapper .bottom-column
{
   display: inline-block;
   vertical-align: middle;
   float: none;
}
#blueIdeaWrapper-large .material-icons {
  font-size: 36px;
  margin-right: 30px;
  position: relative;
  top: -4px;
}
#blueIdeaWrapper-large a {
  color: #ffb80e;
  font-weight: 600;
}
#blueIdeaWrapper-large .row > div {
  font-size: 16px;
  margin: 10px auto;
  padding: 0;
  display: inline-flex;
  min-height: 27px;
}
#blueIdeaWrapper-large .row > div:last-child {
  color: #fff;
  position: relative;
}
#blueIdeaWrapper-large .row > div:last-child i {
  margin-left: 12px;
  margin-right: 0;
}
#blueIdeaWrapper-large .row > div:last-child .close_blue {
  position: absolute; right: 0; display: flex;
}
#blueIdeaWrapper-large .row.container {
  position: relative;
}
#blueIdeaWrapper-large div span {
  margin: 0 7px;
}
#blueIdeaWrapper-large .row > div:last-child:hover {
  cursor: pointer;
}

.overlay-form { display: none; }

.contextual-region .contextual .contextual-links { z-index: 10; }

a.scroll_top {
    background: none repeat scroll 0 0 #FFB81C;
    border-radius: 25px;
    bottom: 20px;
    height: 50px;
    z-index: 2;
    position: fixed;
    right: 20px;
    width: 50px;
    color: #fff;
}
a.scroll_top i.material-icons { font-size: 50px; }

.top-img { width: 100%; height: 500px; }

main .logo-wrapper {
  width: 100%;
  height: 94px;
  padding: 23px;
  background: #ddd;
  min-width: 13%;
  background-image: url('/themes/energi_ikast/img/favicon.svg');
  background-repeat: no-repeat;
  background-size: 40%;
  vertical-align: ;
  background-position: center;
}
main .bread-crumbs {
  line-height: 94px;
}

main .sub .col-lg-11 { max-width: 87%; }

main .sub .col-lg-1 {
  min-width: 12%;
}

#block-energi-ikast-content {
  padding: 0 30px;
}
#block-energi-ikast-content h1 {
  font-weight: 700;
}

#block-energi-ikast-content .field--name-node-title h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; }

#block-energi-ikast-content h2 {
  font-size: 24px;
}
#block-energi-ikast-content p {
  color #333;
  font-weight: 300;
  font-size: 18px;
}
#block-energi-ikast-content .news_collapse {
  margin-bottom: 35px;
}

#block-energi-ikast-content .news_collapse .p_read{
  text-decoration: underline;
}
b, strong { font-weight: 700;}
main {
  position: relative;
  overflow: hidden;
}

#block-brodkrummer ol li a {
  border-bottom: 2px solid;
  margin-right: 5px;
  text-transform: uppercase;
}
#block-brodkrummer ol li:hover a{
  color: #777;
  border-bottom-color: #777;
}
.navigation {
  background-color: #ddd;
  padding-bottom: 100px;
}
.navigation:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 8000px;
  height: 6000px;
  background-color: #ddd;
}

.grey-before {
  height: 94px;
  background-color: #888;
  overflow: visible;
  margin: 0 -15px;
  line-height: 94px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
}
.grey-before:before {
  content: "";
  position: absolute;
  top: 0;
  left: -300px;
  background-color: #888;
  width: 300px;
  height: 94px;
}

.grey-before.grey-top {
  height: 100vh;
  background-color: rgba(136,136,136,0.5);
  margin: -7px;
}
.grey-before.grey-top:before {
  height: 100vh;
  background-color: rgba(136,136,136,0.5);
}


.kundeservice .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-kundeservice.jpg'); }
.driftstatus .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-driftstatus.jpg'); }
.om-os .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-om-os-ny-dagslys.jpg'); }
.energiradgivning .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-energiraadgivning.jpg'); }
.elhandel .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-elhandel.jpg'); }
.fibernet .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-fibernet.jpg'); }
.fjernvarme .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-fjernvarme.jpg'); }
.vand .top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-vand.jpg'); }
.top-img { background-image: url('/themes/energi_ikast/img/energi-ikast-selvbetjening.jpg'); background-position: center; }

.elhandel main .logo-wrapper { background-image: url('/themes/energi_ikast/img/small-logo-el.svg'); }
.elhandel .grey-before.grey-top::before, .elhandel .grey-before.grey-top { background-color: rgba(255,184,28,0.5); }
.elhandel .grey-before::before, .elhandel .grey-before { background-color: #FFB81C; }

.fibernet main .logo-wrapper { background-image: url('/themes/energi_ikast/img/small-logo-fiber.svg'); }
.fibernet .grey-before.grey-top::before, .fibernet .grey-before.grey-top { background-color: rgba(132,189,0,0.5); }
.fibernet .grey-before::before, .fibernet .grey-before { background-color: #84BD00; }

.fjernvarme main .logo-wrapper { background-image: url('/themes/energi_ikast/img/small-logo-varme.svg'); }
.fjernvarme .grey-before.grey-top::before, .fjernvarme .grey-before.grey-top { background-color: rgba(224,60,49,0.5); }
.fjernvarme .grey-before::before, .fjernvarme .grey-before { background-color: #E03C31; }

.vand main .logo-wrapper { background-image: url('/themes/energi_ikast/img/small-logo-water.svg'); }
.vand .grey-before.grey-top::before, .vand .grey-before.grey-top { background-color: rgba(48,127,226,0.5); }
.vand .grey-before::before, .vand .grey-before { background-color: #307FE2; }

.elhandel .row.container.sub, .fibernet .row.container.sub, .fjernvarme .row.container.sub, .vand .row.container.sub { display: inherit; }

.row.container.sub { display: block; }

.region-subnav .menu {
  padding: 0;
}
.region-subnav .menu-item {
  display: block;
}
.region-subnav .menu-item a {
  font-size: 18px;
  padding-top: 20px;
  display: inline-block;
}
.region-subnav .menu-item:hover > a,
.region-subnav .menu-item > a.is-active,
.region-subnav .menu-item--active-trail > a{
  font-weight: 700;
  text-decoration: underline;
}



.region-secondmobil .menu-item:hover > a,
.region-secondmobil .menu-item > a.is-active,
.region-secondmobil .menu-item--active-trail > a{
  font-weight: 700;
  text-decoration: underline !important;
}

.region-subnav ul.menu li ul li::before {
  content: '-';
  margin-right: 15px
}


.path-search #block-energi-ikast-local-tasks,
.path-search .search-help-link {
  display: none;
}

.path-search li h3 {
  display: block;
  font-size: 1.25rem !important;
}

.path-search ol,
.path-search li {
  margin:0px;
  margin-bottom:20px;
  padding:0px;
}

#block-energi-ikast-local-tasks ul { padding: 10px 15px; margin: 0 30px; border: 1px solid; }
#block-energi-ikast-local-tasks ul li {
  padding-right: 5px;
  border-right: .5px solid;
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
}
#block-energi-ikast-local-tasks ul li:last-of-type { padding: 0; border-right: 0; }

.contextual-links {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ccc;
  position: absolute;
  width: 200px;
  top: 25px;
  left: -6px;
  line-height: 1.5;
}
.contextual-links li { display: block; text-align: left; }
.contextual-links li a { color: #000 !important; }

#edit-actions--2 { display: none; }


/*
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
    left: 0px !important;
    width: 90% !important;
	z-index: 100 !important;
}
*/

/* FORM */

.webform-submission-flytteformular-fraflytning-form .form-required::after,
.webform-submission-flytteformular-tilflytter-form .form-required::after,
.webform-submission-flytteformular-udlejer-ejendomsm-form .form-required::after {
content: '';
vertical-align: super;
display: inline-block;
background-image: url(/core/misc/icons/ee0000/required.svg);
background-repeat: no-repeat;
background-size: 6px 6px;
width: 6px;
height: 6px;
margin: 0 0.3em;
}



.row.container.sub form label { display: block; font-size: 14px; }
.form-item-jeg-har-laest-og-accepteret-energi-ikast-el-handels label { display: inline-block !important; font-size: 14px; }
.form-item-jeg-har-laest-og-accepteret-energi-ikast-el-handels-almindelige- label { display: inline-block !important; font-size: 14px; }
.form-item-jeg-accepterer-at-energi-ikast-opbevarer-de-indtastede-oplysning label { display: inline-block !important; font-size: 14px; }
.form-item-jeg-har-fuldmagt-til-at-melde-flytning label { display: inline-block !important; font-size: 14px; }

.row.container.sub form input,.row.container.sub form select,.row.container.sub form textarea, .energi_container form input, .energi_container form textarea{ border: none; padding: 10px 30px; background-color: #cacaca; border-radius: 20px; /*box-shadow: none; outline: none;*/ margin-bottom: 22px; color: #000; font-size: 1rem; font-weight: 300; width: 80%; }
.row.container.sub .form-checkbox {
	background: #FF0000 !important;
	width:20px !important;
	display: inline-block !important;
}

 .row.container.sub .form-item-jeg-accepterer-at-energi-ikast-service-a-s-opbevarer-de-indtaste label {
	display: inline-block !important;
} 

.js-form-type-checkbox label {
  display: inline-block !important;
}
.row.container.sub form input[type=submit] { width: auto; }
.row.container.sub form input:hover, .row.container.sub form input:focus { cursor: pointer; }
.row.container.sub form div.js-form-item-post-nr-,
.row.container.sub form div.js-form-item-post-nr,
.row.container.sub form div.js-form-item-post-nr-3,
.row.container.sub form div.js-form-item-fraflytters-nye-post-nr,
.row.container.sub form div.js-form-item-post-nr-fraflytter{ width: 175px; display: inline-block; }

.row.container.sub form div.js-form-item-antal-personer-i-husstanden { width: 275px; display: inline-block; }
.row.container.sub form select { -webkit-appearance: none; -moz-appearance: none; background: url('/themes/energi_ikast/img/dropdown-arrow.png') no-repeat right #ddd; background-size: 25px; }
.row.container.sub form div.js-form-item-post-nr- input{ width: 80%; }
.row.container.sub form div.js-form-item-by-{ width: 39.5%; display: inline-block; }
.row.container.sub form div.js-form-item-by- input { width: 100% }
.row.container.sub form input.webform-button--submit, .energi_container form input.webform-button--submit { text-transform: uppercase; color: #fff; font-weight: 700; background-color: #000; font-size: 1rem;     padding: 10px 30px; width: auto; }

.ui-dialog .ui-dialog-titlebar-close::before { content: 'X'; }

textarea::-webkit-input-placeholder {
    font-size: 14px;
}

.webform-element-description {
	font-size: 14px;
	margin-bottom: 20px;
}

.region-content .field--name-body ul { list-style: disc; margin-bottom: 1rem; }
.region-content .field--name-body ul li { display: list-item; }

.energitjekblok_popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 100001; overflow-y: auto; }

.energi_container { position: relative; margin: 75px auto 0; display: block; width: 80%; padding: 45px; background: url('/themes/energi_ikast/img/energycheck_revealbg-02.png') no-repeat bottom right #000; border: none; border-radius: 15px; color: #fff; }
.energi_container .besked { width: 80%; font-size: 36px; font-weight: 700; margin-bottom: 45px; }
.energi_container .energitjekblok_close { position: absolute; top: 15px; right: 15px; font-size: 20px; color: #fff; }
.energi_container .x_circle { background-color: #fff; width: 30px; height: 30px; display: inline-block; border-radius: 30px; text-align: center; color: #000; font-size: 30px; vertical-align: bottom; margin-left: 10px; }

.energi_container form input, .energi_container form textarea { background-color: #404040; color: #fff; }
.energi_container form input.webform-button--submit { color: #000; background-color: #fff; margin-top: 20px; margin-bottom: 20px; }
form input.webform-button--submit:hover, form input.webform-button--submit:focus { cursor: pointer; }
.energi_container form input.webform-button--submit:hover, .energi_container form input.webform-button--submit:focus { background-color: #a6a6a6; }
.energitjekblok_close:hover, .energitjekblok_close:focus { cursor: pointer; color: #a6a6a6; }

#header-wrapper .d-m-block { display: none; }



/**/

#block-views-block-faq-block-1 .field-content { color: transparent; }
.paragraph { color: #000000;}


#block-views-block-faq-block-1>div>div>h3 { cursor: pointer; display: inline-flex; width: 29.6%; padding: 50px 0; margin: 15px; background-color: #f2f2f2; font-size: 20px; text-align: center; flex-direction: column-reverse;  }

#block-views-block-faq-block-1>div>div>h3 i { font-size: 90px; }
#block-views-block-faq-block-1>div>div>h3:hover, #block-views-block-faq-block-1 h3.selected  { background-color: #000; color: #fff; }

#block-views-block-faq-block-1>div>div>h3:nth-of-type(3n+3) { margin-right: 0; }
#block-views-block-faq-block-1>div>div>h3:nth-of-type(1), #block-views-block-faq-block-1>div>div>h3:nth-of-type(4){ margin-left: 0; }

#block-views-block-faq-block-1 .Title { padding: 15px 10px; background-color: #000; color: #fff; font-size: 18px; font-weight: 600; }

.views-row .views-field-field-under-emne .sub_theme { font-size: 18px; font-weight: 600; color: #000000; }
.views-row .views-field-field-under-emne .sub_theme:hover { cursor: pointer; }
.views-row .views-field-field-sporgsmal .paragraph { margin-left: 20px;padding-left: 5px;}

.views-row .views-field-field-sporgsmal .field-content { line-height: 0; padding-left: 20px; }
.views-row .views-field-field-sporgsmal .field-content .paragraph div { line-height: 1.5; cursor: pointer; }

#block-views-block-faq-block-1 {
  padding: 0 30px;
}


.field--name-field-svar, .views-row .views-field-field-sporgsmal .field-content > div, .views-row .views-field-field-under-emne .sub_theme {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s;
}
 .views-row .views-field-field-under-emne .sub_theme:before { content: '?'; padding: 10px; background-color: #000; color: #fff; border-radius: 30px; display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 9px; font-size: 25px; margin-top: 10px; margin-right: 10px; vertical-align: sub; }

.views-row,
.views-row .views-field-field-sporgsmal .paragraph
 { padding-left: 15px; }

.views-row.show_faq .views-field-field-under-emne .sub_theme { max-height: 2000px; transition: max-height .75s 0.2s ease-in-out; }
.views-row.show_faq .views-field-field-sporgsmal .field-content div.show_q { max-height: 2000px; transition: max-height .75s 0.2s ease-in-out; }
.views-row.show_faq .views-field-field-sporgsmal .field-content div.show_q .field--name-field-svar { margin: 0; padding: 0; transition: padding .2s, margin .2s; }
.views-row.show_faq .views-field-field-sporgsmal .field-content div.show_q .field--name-field-svar.shown { margin-bottom: 10px; margin-top: 10px; padding: 15px; background-color:#c9c9c9; max-height: 2000px; transition: max-height .5s 0.2s ease-in-out, padding .3s, margin .3s; }

.views-row .views-field-field-sporgsmal .paragraph { margin-left: 20px; padding-left: 5px; }

.views-row.show_faq .views-field-field-sporgsmal .field-content div.show_q .field.field--name-field-title-1.field__item::before { content: '-'; margin-right: 5px; font-weight: 700; font-size: 18px; }

.layout-content {
  margin-bottom: 100px;
}

.path-frontpage .layout-content {
  margin-bottom: 0px;
}

#block-views-block-medarbejder-block-1, #block-views-block-medarbejder-block-2 { padding: 0 30px; }

#block-views-block-medarbejder-block-1 .views-row, #block-views-block-medarbejder-block-2 .views-row {
  display: inline-flex;
  width: 50%;
  padding: 15px;
  margin-left: -2px;
  margin-right: -2px;
}

@media screen and (max-width: 1023px){
#block-views-block-medarbejder-block-1 .views-row, #block-views-block-medarbejder-block-2 .views-row {
 
  width: 100%;
 
}

}


#block-views-block-medarbejder-block-1 .views-row .info, #block-views-block-medarbejder-block-2 .views-row .info {
  background-color: #e6e6e6;
  padding: 15px 20px;
  height: 175px;
}
#block-views-block-medarbejder-block-1 .views-row .info .name, #block-views-block-medarbejder-block-2 .views-row .info .name {
  font-weight: 600;
  color: #666;
}
#block-views-block-medarbejder-block-1 .views-row .info div:nth-of-type(2), #block-views-block-medarbejder-block-2 .views-row .info div:nth-of-type(2){	font-weight: 300; color: #666; font-size: 18px; }
#block-views-block-medarbejder-block-1 .views-row .material-icons, #block-views-block-medarbejder-block-2 .views-row .material-icons {
  top: 5px;
  position: relative;
  color: #666;
  margin-right: 5px;
}

.socialmedia { display: inline-block; }
.socialmedia a { width: 40px; height: 40px; background-color: #e1e1e1; display: block; text-align: center; line-height: 40px; font-family: 'Roboto', sans-serif; font-size: 16pt; opacity: .8; }
.socialmedia a:hover { opacity: 1; }

.extra_footer>div {
    padding: 20px 5px;
    text-transform: uppercase;
    text-align: center;
}
.extra_footer>div:first-of-type{
    background-color: darkgray;
}
.extra_footer>div:last-of-type{
    background-color:grey;
}

.extra_footer {
    margin-top: 30px;
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
}

.row.extra_footer>div .material-icons {
    font-size: 30px;
    vertical-align: bottom;
}

.region-content  a {
	color:#4384F4;
	text-decoration: underline;
}

.path-frontpage .region-content a {
	text-decoration: none !important;
}

#block-flytteformekstra {
	background: #FFB81D;
	margin:10px 30px;
	padding:20px;
}

table {
	padding: 3px;
	border-color: #e8e8e8

}

table td{
	padding: 5px;
}
table th{
	padding: 5px;
	background: #888888;
}

.flyttebtn {
	border: none;
	display: inline-block;
padding: 10px 30px;
background-color: #cacaca;
border-radius: 20px;
margin-bottom: 0px;
color: #000 !important;
font-size: 1rem;
font-weight: 300;
text-decoration: none !important;

}


.bm-grey {
  background: #EEE;
  
}