@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.blog {
	background: rgba(255,255,255,0.9);
	margin-top: 40px;
	padding-right: 15px;
	  padding-left: 15px;
	  padding-top: 10px;
}

/* BLOG KATEGORIVISNING - MEDARBEJDER OVERSIGT */
.blog123 .page-header {
  background-color: #ed1c24;
  color: #fff;
  padding: 20px 20px 20px 20px;
  margin-bottom: 40px;
}

.blog123 li.field-entry {
	list-style-type: none; /* fjerner standard bullet */
}
.blog123 li.field-entry.jobtitler {
	font-weight: bold;
}
.blog123 li.field-entry.e-mail::before {
	content: "\f0e0"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.telefon::before {
	content: "\f095"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.mobil::before {
	content: "\f10b"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.linkedin::before {
	content: "\f08c"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 .fields-container {
	margin-top: 15px;
	margin-left: -30px;
}
.blog123 .article-header {
	background: #f12929;
	color: #ffffff;
	margin: 0px -20px;
	padding: 10px 20px 1px;
}
.blog123 .article-list .article .article-header h2 {
  font-size: 18px;
  margin: 0 0 1.25rem 0;
}
.blog123 .article-list .article .article-intro-image {
	margin: -20px -20px 0px -20px;
}
.blog123 .blog-items.columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.blog123 .blog-content-category-blog__item img {
	border-radius: .5rem .5rem 0 0;
}
.blog123 .blog-content-category-blog__item {
	margin-bottom: 2.25rem !important;
	margin-top: 2.25rem !important;
	border: 1px solid #dee2e6 !important;
	position: relative;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: .5rem;
}
.blog123 .item-content {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.blog123 h2 {
	hyphens: none;
	word-break: break-word;
	text-transform: inherit;
	line-height: 1.2;
	font-weight: 500 !important;
	font-size: 18px;

}
.blog123 .blog-content-category-blog__item a, .blog123 .blog-content-category-blog__item a:hover {
  color: #000!important;
  text-decoration: none!important;
}
.blog123 ul.tags li a {
	font-size: .8rem;
	font-weight: 500;
	border-radius: 2px !important;
	padding-left: .375rem !important;
	padding-bottom: .375rem !important;
	padding-right: .375rem !important;
	color: #212529;
	background-color: #f7f7f7;
}
.blog123 ul.tags li .btn-info {
	border: none!important;
}
.blog123 .blog-content-category-blog__item:hover {
  transition-delay: 60ms;
  text-decoration: none;
  box-shadow: 0 5px 30px rgba(0,0,0,.08);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01);
}
.blog123 .item-image img {
	object-fit: cover;
	border-radius: .5rem;
	/* max-width: 1200px; */
	margin-left: auto !important;
	margin-right: auto !important;

}
.blog123 img.img-thumbnail {
	border-radius: 50%!important;
	width: 75px!important;
}
.blog123 .author-info {
	margin-top: 1.5rem !important;
	margin-bottom: 2.25rem !important;
}
/* .blog123 .page-header {
	max-width: 775px;
margin-left: auto !important;
margin-right: auto !important;
hyphens: none;
word-break: break-word;
text-transform: inherit;
line-height: 1.2;	
}
*/
.blog123 .article-info {
	max-width: 775px;
margin-left: auto !important;
margin-right: auto !important;	
}
.blog123 .custom-col {
	display: inline-flex;
	width: auto;
	margin-right: 10px; /* Adjust the value as needed for the desired gap */
}
.blog123 .com-content-article__body {
	max-width: 775px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.blog123 .com-content-article__body p {
	font-size: 1.125rem;
	margin-bottom: 1rem;
	line-height: 1.625;
}

@media (min-width: 1200px) {
.blog123 .com-content-article {
  max-width: 1380px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}

/* MEDARBEJDER OVERSIGT - Modul */
.blog123 li.field-entry {
	list-style-type: none; /* fjerner standard bullet */
}
.blog123 li.field-entry.jobtitler {
	font-weight: bold;
}
.blog123 li.field-entry.e-mail::before {
	content: "\f0e0"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.telefon::before {
	content: "\f095"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.mobil::before {
	content: "\f10b"; /* FontAwesome ikon kode for email */
	font-family: 'Font Awesome 5 Free';
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* afstand til teksten */
}
.blog123 li.field-entry.linkedin::before {
	content: "\f08c"; /* FontAwesome unicode for LinkedIn */
	font-family: "Font Awesome 5 Free";
	color: #ed1c24;
	font-weight: 900;
	margin-right: 10px; /* space to the text */
}

.blog123 .fields-container {
	margin-top: 15px;
	margin-left: -30px;
}
.blog123 .sppb-article-info-wrap {
	background: #f12929;
	color: #ffffff;
	margin: 0px -20px;
	padding: 10px 20px 1px;
}
.blog123 h4.newsflash-title {
  font-size: 18px;
  margin: 0 0 1.25rem 0;
  background: #f12929;
  color: #ffffff;
  padding: 10px 20px 15px;
}
.blog123 figure {
  margin: 0 0 .1rem;
}
.blog123 .article-list .article .article-intro-image {
	margin: -20px -20px 0px -20px;
}
.blog123 .blog-items.columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.blog123 .blog-content-category-blog__item img {
	border-radius: .5rem .5rem 0 0;
}
.blog123 .blog-content-category-blog__item {
	margin-bottom: 2.25rem !important;
	margin-top: 2.25rem !important;
	border: 1px solid #dee2e6 !important;
	position: relative;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: .5rem;
}
.blog123 .item-content {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.blog123 h2 {
	hyphens: none;
	word-break: break-word;
	text-transform: inherit;
	line-height: 1.2;
	font-weight: 500 !important;
	font-size: 18px;

}
.blog123 .blog-content-category-blog__item a, .blog123 .blog-content-category-blog__item a:hover {
  color: #000!important;
  text-decoration: none!important;
}
.blog123 ul.tags li a {
	font-size: .8rem;
	font-weight: 500;
	border-radius: 2px !important;
	padding-left: .375rem !important;
	padding-bottom: .375rem !important;
	padding-right: .375rem !important;
	color: #212529;
	background-color: #f7f7f7;
}
.blog123 ul.tags li .btn-info {
	border: none!important;
}
.blog123 .blog-content-category-blog__item:hover {
  transition-delay: 60ms;
  text-decoration: none;
  box-shadow: 0 5px 30px rgba(0,0,0,.08);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01);
}
.blog123 .item-image img {
	object-fit: cover;
	border-radius: .5rem;
	/* max-width: 1200px; */
	margin-left: auto !important;
	margin-right: auto !important;

}
.blog123 img.img-thumbnail {
	border-radius: 50%!important;
	width: 75px!important;
}
.blog123 .author-info {
	margin-top: 1.5rem !important;
	margin-bottom: 2.25rem !important;
}
/* .blog123 .page-header {
	max-width: 775px;
margin-left: auto !important;
margin-right: auto !important;
hyphens: none;
word-break: break-word;
text-transform: inherit;
line-height: 1.2;	
}
*/
.blog123 .article-info {
	max-width: 775px;
margin-left: auto !important;
margin-right: auto !important;	
}
.blog123 .custom-col {
	display: inline-flex;
	width: auto;
	margin-right: 10px; /* Adjust the value as needed for the desired gap */
}
.blog123 .com-content-article__body {
	max-width: 775px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.blog123 .com-content-article__body p {
	font-size: 1.125rem;
	margin-bottom: 1rem;
	line-height: 1.625;
}

@media (min-width: 1200px) {
.blog123 .com-content-article {
  max-width: 1380px;
  margin-left: auto !important;
  margin-right: auto !important;
}
}



/* Define basic grid structure */


.custom-grid .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 50px;

}
.custom-grid .blog-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 30px;

}

.custom-grid .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

/* Responsiveness */
@media (min-width: 576px) {
  .custom-grid .col-sm-4 {
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .custom-grid .col-md-4 {
	flex: 0 0 50%;
	max-width: 50%;
  }
  .blog123 h2 {
	  hyphens: none;
	  word-break: break-word;
	  text-transform: inherit;
	  line-height: 1.2;
	  font-weight: 500 !important;
	  font-size: 1.85rem;
  }

}

@media (min-width: 992px) {
  .custom-grid .col-lg-4 {
	flex: 0 0 50%;
	max-width: 50%;
	margin-bottom: 30px;
  }
  .blog123 .blog-items.columns-3 {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  grid-gap: 20px;
  }

}
@media (min-width: 1192px) {
  .custom-grid .col-lg-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	margin-bottom: 30px;
  }
}