/*
Theme Name:  EDB;
Author: Niels Hejde;
Version:  1.1;
*/

/* -------------------------------------------
Global CSS
----------------------------------------------*/
:root {
  --tc2: #12518d;
  --tc3: #0d3b66
}

/* -------------------------------------------
Bootstrap CSS
----------------------------------------------*/
        /* Set the border color to the desired color */
.custom-toggler.navbar-toggler {
    border-color: rgb(13, 110, 253);
}
/* Setting the stroke to green using rgb values (0, 128, 0) */
         
.navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(13, 110, 253, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
.text-theme {
    color:var(--tc2);
}
.bg-theme {
    background-color:var(--tc2); 
    border-color: var(--tc2);
}
.btn-theme {
    color: white;
    background-color:var(--tc2); 
    border-color: var(--tc2);
}
.btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open>.dropdown-toggle.btn-theme {
    color: #fff;
    background-color: rgb(13, 110, 253);
    border-color: rgb(13, 110, 253);
}
.bg-primaer {
    background-color: var(--tc2); 
    border-color: var(--tc2);
}
.text-primary1 {
    color:var(--tc2);
}
.bg-primary1 {
    background-color:var(--tc2); 
    border-color: var(--tc2);
}
.btn-primary1 {
    color: white;
    background-color: var(--tc2); 
    border-color: var(--tc2);
}
.btn-primary1:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open>.dropdown-toggle.btn-theme {
    color: #fff;
    background-color: rgb(13, 110, 253);
    border-color: rgb(13, 110, 253);
}
.border-bottom-theme {
    border-bottom: 5px solid rgb(255, 136, 0);
}
.text2-theme {
    color:rgb(255, 136, 0);
}
.bg2-theme {
    background-color:rgb(255, 136, 0);
    border-color: rgb(255, 136, 0);
}
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.c2a10 {
  font-family: "Montserrat", sans-serif;
  color: #8d97ad;
  font-weight: 300;
  background-size: cover;
  background-attachment: fixed;
  background-position: left center;
}

.c2a10 h1,
.c2a10 h2,
.c2a10 h3,
.c2a10 h4,
.c2a10 h5,
.c2a10 h6 {
  color: #3e4555;
}

.c2a10 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.c2a10 .text-box {
  padding: 30px 20px;
}

.c2a10 .both-space {
  margin: 80px 0;
}

.c2a10 .btn-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
  background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.c2a10 .btn-info-gradiant:hover {
  background: #316ce8;
  background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
  background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
  background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.c2a10 .btn-md {
  padding: 15px 45px;
  font-size: 16px;
}
  /* DAWA autocomplete */

    label {
      color: var(--themeColor1-background);
      }
.autocomplete-felt {
	 padding: 5em 1em 1em 2em;
}

.autocomplete-container {
	  /* relative position for at de absolut positionerede forslag får korrekt placering.*/
    position: relative;
    width: 37em;
    display: grid;
    grid-template-columns: 25em 12em;
    margin: auto;
	height: 60px;
}
        .autocomplete-container input {
          /* Både input og forslag får samme bredde som omkringliggende DIV */
          width: 100%;
		  height: 3.8em;
          box-sizing: border-box;
		  font-size: 1em;
          padding: 0em 0em;
		  margin-top: 2em;
		  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 10%), 0 6px 6px 0 rgb(0 0 0 / 10%);
    border: none;
    background-color: var(--text-background);
        }
.autocomplete-container span {
          max-height: 100%;
          padding: 0em 1em;
          margin: 0em;
	      background-color: var(--themeColor1-background);
	      box-shadow: 0 4px 6px 0 rgb(0 0 0 / 10%), 0 6px 6px 0 rgb(0 0 0 / 10%);
	      border-radius: 1px;
}
        .dawa-autocomplete-suggestions {
          margin: 0.3em 0 0 0;
          padding: 0;
          text-align: left;
          border-radius: 0.3125em;
          background: #fcfcfc;
          box-shadow: 0 0.0625em 0.15625em rgba(0,0,0,.15);
          position: absolute;
          left: 0;
          right: 0;
          z-index: 9999;
          overflow-y: auto;
          box-sizing: border-box;
        }
        .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion {
          margin: ;
          list-style: none;
          cursor: pointer;
          padding: 0.4em 0.6em;
          color: #333;
          border: 0.0625em solid #ddd;
          border-bottom-width: 0;
        }
        .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
        }
        .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:last-child {
          border-bottom-left-radius: inherit;
          border-bottom-right-radius: inherit;
          border-bottom-width: 0.0625em;
        }
        .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion.dawa-selected,
        .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:hover {
          background: #f0f0f0;
        }

/* -------------------------------------------
Like button
----------------------------------------------*/
.like-box {
  font-size: 1.5rem;
  margin-left: -14px;
  cursor: pointer;
  position: relative; 
}
.generic-content .like-box:hover {
  background-color: #dedede;
}
.like-count {
 /* padding-left: 10px; */
}
.like-box .fa-heart-o {
  transition: all 0.35s ease-out;
  position: absolute;
}
.like-box .fa-heart {
  transition: all 0.4s ease-out;
  position: absolute;
  visibility: hidden;
  transform: scale(0.2);
  opacity: 0;
}
.like-box[data-exists="yes"] .fa-heart {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.like-box[data-exists="yes"] .fa-heart-o {
  visibility: hidden;
  opacity: 0;
}

/* -------------------------------------------
List/search-page
----------------------------------------------*/
.mb-n1 {
	margin-bottom: -1em;
}
@media (min-width: 768px) {
	.mb-n1 {
	margin-bottom: 0em;
}
}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
	font-size: 1.3em;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #0d6efd;
	color: white;
}

/* -------------------------------------------
Style input type file
----------------------------------------------*/
input[type="file"] {
  position: relative;
}

input[type="file"]::file-selector-button {
  width: 136px;
  color: white;
}

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: rgb(13, 110, 253);
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: white;
  color: rgb(13, 110, 253);
  border: 1px solid rgb(13, 110, 253);
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #e5e7eb;
}

/* -------------------------------------------
Rediger-min-side
----------------------------------------------*/
.acf-field-633851d02e21d {
	display: none;
}
.acf-field-643d8070eec7a {
	display: none;
} 
.email-label label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 6em;
}
.email-label1 label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 5em;
}
.email-label2 label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 1.5em;
}

@media only screen and (min-width: 768px) {
.email-label label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 12em;
}
.email-label1 label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 11em;
}
.email-label2 label {
	font-size: 0.9em;
	font-weight: 600;
	color: #23282d;
	margin-right: 7.5em;
}	
}

/* -------------------------------------------
Kort icons på Vurderingsside
---------------------------------------------*/
.my-custom-icon {
 background-image: url('https://ejendomsbud.dk/wp-content/uploads/2023/10/marker-icon-2x-blue.png');
  background-repeat: no-repeat;
  background-size: 24px 40px;
  width: 24px !important;
  height: 40px !important;
  margin-left: -12px; !important;
  margin-top: -12px; !important;
  font-size: 8px;
  text-align: center;
  color: white;
  padding-top: 17px;
}

/* -------------------------------------------
Popup page-kort
---------------------------------------------*/
.leaflet-popup-content {
	margin: 0;
}
.leaflet-popup-content-wrapper {
	border-radius: 0;
	padding: 0;
}
.leaflet-container a.leaflet-popup-close-button {
    right: -24px;
    background: white;
}

/* -------------------------------------------
Range slider Vurdering-page
---------------------------------------------*/
#stand::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--tc2);
}
/* -------------------------------------------
Datatable Vurdering-page
---------------------------------------------*/
.row .dt-row {
	font-size: 0.7em;
}

/* -------------------------------------------
Chart.js Vurdering-page
---------------------------------------------*/
#myChart {
	font-size: 0.7em;
}
/* -------------------------------------------
Login-page social-login
---------------------------------------------*/
#nsl-custom-login-form-1 {
	width: 70%;
    padding: 0;
    margin: -1.5em auto;
}	
.nsl-container-block  {
    display: inline-block !important;
    margin: 0 auto !important;
}
/*
#user_login {
	width: 14em;
}
#acf-field_639d976d1431e {
	width: 14em;
} */