/*
 Theme Name:     NVL Divi Child (Webfar)
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child theme for NVL based on Divi
 Author:         Webfar
 Author URI:     https://www.webfar.dk
 Template:       Divi
 Version:        1.0.1
*/

/* Helper classes */
.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-25 {
  gap: 25px;
}
.gap-30 {
  gap: 30px;
}

/* Custom Block Styles */

/* Fact Boxes */

/* Blue Default */

.wp-block-group.is-style-blue-fact-left, 
.wp-block-group.is-style-blue-fact-right, 
.wp-block-group.is-style-blue-fact-full,
.factbox.blue /* Legacy Style */
{
	background: #385988;
	border-radius: 3px;
	color: white;
	padding: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.is-style-blue-fact-left h2, 
.is-style-blue-fact-left h3, 
.is-style-blue-fact-left h4, 
.is-style-blue-fact-left h5, 
.is-style-blue-fact-left a,
.is-style-blue-fact-right h2, 
.is-style-blue-fact-right h3, 
.is-style-blue-fact-right h4, 
.is-style-blue-fact-right h5,
.is-style-blue-fact-right a,
.is-style-blue-fact-full h2, 
.is-style-blue-fact-full h3, 
.is-style-blue-fact-full h4, 
.is-style-blue-fact-full h5,
.factbox.blue h2, /* Legacy Style */
.factbox.blue h3, /* Legacy Style */
.factbox.blue h4 /* Legacy Style */
{
	color: white;
}

.is-style-blue-fact-full a,
.is-style-blue-fact-left a,
.is-style-blue-fact-right a,
.is-style-blue-fact-full li a,
.is-style-blue-fact-left li a,
.is-style-blue-fact-right li a,
.factbox.blue a, /* Legacy Style */
.factbox.blue li a /* Legacy Style */
{
  color: white;
  text-decoration: underline;
}

/* Green Default */

.wp-block-group.is-style-green-fact-left, 
.wp-block-group.is-style-green-fact-right, 
.wp-block-group.is-style-green-fact-full
{
	background: #e2fae1;
	border-radius: 3px;
	color: #266d51;
	padding: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.is-style-green-fact-left h2, 
.is-style-green-fact-left h3, 
.is-style-green-fact-left h4, 
.is-style-green-fact-left h5, 
.is-style-green-fact-left a,
.is-style-green-fact-right h2, 
.is-style-green-fact-right h3, 
.is-style-green-fact-right h4, 
.is-style-green-fact-right h5,
.is-style-green-fact-right a,
.is-style-green-fact-full h2, 
.is-style-green-fact-full h3, 
.is-style-green-fact-full h4, 
.is-style-green-fact-full h5
{
	color: #266d51;
}

.is-style-green-fact-full a,
.is-style-green-fact-left a,
.is-style-green-fact-right a,
.is-style-green-fact-full li a,
.is-style-green-fact-left li a,
.is-style-green-fact-right li a
{
  color: #266d51;
  text-decoration: underline;
}

/* Yellow Default */

.wp-block-group.is-style-yellow-fact-left, 
.wp-block-group.is-style-yellow-fact-right, 
.wp-block-group.is-style-yellow-fact-full,
.factbox.yellow /* Legacy Style */
{
	background: #fdcf41;
	border-radius: 3px;
	color: #333;
	padding: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.is-style-yellow-fact-left h2, 
.is-style-yellow-fact-left h3, 
.is-style-yellow-fact-left h4, 
.is-style-yellow-fact-left h5, 
.is-style-yellow-fact-left a,
.is-style-yellow-fact-right h2, 
.is-style-yellow-fact-right h3, 
.is-style-yellow-fact-right h4, 
.is-style-yellow-fact-right h5,
.is-style-yellow-fact-right a,
.is-style-yellow-fact-full h2, 
.is-style-yellow-fact-full h3, 
.is-style-yellow-fact-full h4, 
.is-style-yellow-fact-full h5,
.is-style-yellow-fact-full a 
{
	color: #333;
}


/* Left */
.wp-block-group.is-style-blue-fact-left, 
.wp-block-group.is-style-yellow-fact-left,
.wp-block-group.is-style-green-fact-left,
.factbox.left /* Legacy Style */
{
	float: left;
	margin: 10px 15px 15px 0 !important;
	width: 50%;
}

/* Right */
.wp-block-group.is-style-blue-fact-right, 
.wp-block-group.is-style-yellow-fact-right,
.wp-block-group.is-style-green-fact-right,
.factbox.right /* Legacy Style */
{
	float: right;
	margin: 10px 0 15px 15px !important;
	width: 50%;
}

/* Full */
.wp-block-group.is-style-blue-fact-full, 
.wp-block-group.is-style-yellow-fact-full,
.wp-block-group.is-style-green-fact-full 
{
	float: none;
	width: 100%;
}


.is-style-yellow-fact-full a,
.is-style-yellow-fact-left a,
.is-style-yellow-fact-right a,
.is-style-yellow-fact-full li a,
.is-style-yellow-fact-left li a,
.is-style-yellow-fact-right li a,
.factbox.yellow a, /* Legacy Style */
.factbox.yellow li a /* Legacy Style */
{
  color: #333;
  text-decoration: underline;
}
/* Legacy Factbox Styling */

/* Content fact boxes */
.factbox {
  width: 100%;
  padding: 20px;
  border-radius: 3px;
  margin: 10px 0 15px 0;
}

section.factbox ul,
section.factbox ol {
  padding-left: 30px !important;
  padding-bottom: 0 !important;
  margin: 15px 0;
}

/* Images */

/* Caption general styling */
figcaption.wp-element-caption {
  margin-top: 0;
  background: #eee;
  text-align: left;
  padding: 10px;
  font-size: 14px;
  color: #333;
  font-style: italic;
}
/* Image Full */

.is-style-image-full img {
  width: 100%;
}
.is-style-image-full img,
.is-style-image-left img,
.is-style-image-right img 
{
  border-radius: 3px;
}
.is-style-image-full-caption img,
.is-style-image-left-caption img,
.is-style-image-right-caption img
{
  border-radius: 3px 3px 0 0;
}
.is-style-image-full-caption figcaption.wp-element-caption
{
  border-radius: 0 0 3px 3px !important;
}

.is-style-image-left,
.is-style-image-left-caption
{
  width: 50%;
  float: left;
  margin: 0 15px 0 0;
}

.is-style-image-right,
.is-style-image-right-caption
{
  width: 50%;
  float: right;
  margin: 0 0 0 15px;
}

.is-style-image-left-caption figcaption.wp-element-caption,
.is-style-image-right-caption figcaption.wp-element-caption 
{
  margin: 0;
  border-radius: 0 0 3px 3px;
}

/* Blockquotes */
blockquote.wp-block-quote {
  border-color: #006eb6;
  border-left-width: 5px;
  padding-left: 20px;
}

blockquote.cite, blockquote.wp-block-quote p {
  font-weight: bold;
}

blockquote.cite cite, blockquote.wp-block-quote cite {
  font-weight: normal;
  font-size: 14px;
  font-style: italic;
}
/* Blockquotes */

/* Tables Default */

.wp-block-table thead {
  border: 1px solid lightgrey;
}
.text-content table,
.is-style-stripes table
{
  color: #333;
  border: 1px solid grey;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
.text-content table thead th,
.text-content table tfoot th,
.text-content .is-style-stripes table thead th,
.text-content .is-style-stripes table tfoot th
{
  color: #fff;
  background: #385988;
  text-align: left;
}

.text-content .is-style-stripes table th,
.text-content .is-style-stripes table td,
.text-content .is-style-stripes table th,
.text-content .is-style-stripes table td,
.text-content .is-style-regular table th,
.text-content .is-style-regular table td,
.text-content .is-style-regular table th,
.text-content .is-style-regular table td

{
  padding: 0.5em;
  border: 1px solid lightgrey;
}
.text-content table.stripes tbody tr:nth-of-type(odd),
.text-content .is-style-stripes table tbody tr:nth-of-type(odd)
{
  background: #ecedee !important;
}


/* Buttons */
.button-in-content,
.is-style-nvl-primary-btn .wp-element-button 
{
  font-size: 18px;
  border: 1px solid #006eb6;
  background-color: #006eb6;
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none !important;
  transition: background-color 0.2s ease; 
  margin: 20px 0;
  display: inline-block;
  line-height: 1.6em;
  
}

.button-in-content:hover, 
.is-style-nvl-primary-btn .wp-element-button:hover 
{
  background-color: transparent;
  color: #006eb6;
  text-decoration: none !important;
}

/* Custom Block Styles Mobile */
@media all and (max-width: 980px) {
	
	/* Fact Boxes Default Full */
	.wp-block-group.is-style-blue-fact-left, 
	.wp-block-group.is-style-blue-fact-right, 
	.wp-block-group.is-style-yellow-fact-left, 
	.wp-block-group.is-style-yellow-fact-right,
  .factbox.left, /* legcy style */
  .factbox.right /* legcy style */
	{
		float: none;
		margin: 0 0 15px 0 !important;
		width: 100%;
	}


  /* Images default styles mobile */
  .is-style-image-left,
  .is-style-image-left-caption,
  .is-style-image-right,
  .is-style-image-right-caption 
  {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
  }
	
	/* Images full width too */ 
	.is-style-image-left img,
	.is-style-image-left-caption img,
	.is-style-image-right img,
	.is-style-image-right-caption img
	{
		width: 100%;
	}
}




@media (max-width: 1024px) {
  .et_monarch
    .et_social_mobile_button.et_social_active_button
    + .et_social_mobile
    .et_social_heading {
    display: none;
  }
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth {
  margin-right: 2% !important;
}
.one_third {
  width: 32% !important;
}
.one_half {
  width: 49% !important;
}

@media only screen and (max-width: 980px) {
  .one_half,
  .two_half,
  .one_third,
  .two_third,
  .one_fourth,
  .two_fourth,
  .three_fourth {
    width: 100% !important;
  }
}

/* Tables */

/* Google programmable search */
.google-search .gsc-input {
  padding: 0;
}

input.gsc-input {
  background: none !important;
}
.google-search .gsc-above-wrapper-area {
  display: none;
}

.google-search .gsc-input-box,
.google-search table.gsc-search-box,
.google-search tr td.gsc-search-button,
.google-search tr td.gsc-input {
  border: none !important;
}

.google-search tr td.gsc-search-button {
  padding: 0 !important;
  /* 	 height: 46px !important; */
}

.google-search .gsc-search-button-v2 {
  height: 40px;
  margin-bottom: 14px;
}

@media only screen and (max-width: 980px) {
  .hide-divi-mobile #top-menu,
  .hide-divi-mobile .et-l--header .mobile_menu_bar,
  .hide-divi-mobile .et-l--header,
  .hide-divi-mobile #et-navigation,
  .hide-divi-mobile .dm-custom-header #main-header,
  .hide-divi-mobile #main-header .mobile_menu_bar {
    display: block !important;
  }

  .hide-divi-mobile .divi-mobile-menu {
    display: none !important;
  }

  .hide-divi-mobile.dm-custom-header #page-container {
    padding-top: 0 !important;
  }
}

/* Supreme tabs */
.supreme-tab-module h1,
.supreme-tab-module h2,
.supreme-tab-module h3,
.supreme-tab-module h4,
.supreme-tab-module h5,
.supreme-tab-module h6 {
  font-weight: 700 !important;
}
.supreme-tab-module h3 {
  font-size: 18px !important;
  margin-top: 10px !important;
}
.supreme-tab-module ul,
.supreme-tab-module ol {
  margin: 20px 0 !important;
}

/* Resurser tabs */
.resurser-tabs .dsm-active .dsm_icon {
  color: #fff !important;
}

/* Supreme center popup fix */
.dsm-popup-position-center, .dsm-popup-position-tablet-center,.dsm-popup-phone-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}


/* Bloom email sign up form font */

.et_bloom_optin * {
  font-family: "Mark Pro", Helvetica, Arial, Lucida, sans-serif !important;
}
.et_bloom .et_bloom_form_container .et_bloom_close_button {
  font-family: ETmodules !important;
}

.et_bloom .et_bloom_close_button:before {
  content: "\4d" !important;
}
/* Styles for standard sign up newsletter form */
.newsletter-sign-up-form .et_bloom_inline_form {
  margin: 0 !important;
}

.newsletter-sign-up-form .et_bloom_form_content {
  padding: 60px 20px 20px 20px !important;
}

.newsletter-sign-up-form .et_bloom_form_text p {
  font-size: 16px !important;
  color: #333 !important;
}
.newsletter-sign-up-form .et_bloom_custom_field_options_title {
  display: none !important;
}

.newsletter-sign-up-form
  .et_bloom_custom_field_options_list
  span.et_bloom_custom_field_checkbox
  label {
  color: #333 !important;
  font-weight: 500 !important;
}

@media screen and (max-width: 767px) {
  .newsletter-sign-up-form
    .et_bloom_form_bottom
    .et_bloom_with_custom_fields
    .et_bloom_fields
    p {
    flex-basis: 100% !important;
  }
}

body .et-l.et-l--post .et_builder_inner_content.et_pb_gutters3 {
  height: auto !important;
}
/* Logo download link txt*/
.logo-download-txt {
  display: flex;
  align-items: center;
}

.anchor-nav .et_pb_button {
  border: none;
}
.anchor-nav .et_pb_button:hover {
  border: none;
}
.anchor-nav .anchor-btn-active {
  background: #006eb6 !important;
}

.anchor-nav .et_pb_row {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.anchor-nav .et_pb_row .et_pb_column {
  border-right: 1px solid #aaa;
}
.anchor-nav .et_pb_row .et_pb_column:last-child {
  border-right: none;
}

@media only screen and (max-width: 980px) {
  .anchor-nav .three-columns .et_pb_column:nth-child(3) {
    border-right: none;
  }
  .three-columns .et_pb_column {
    width: 33.3% !important;
    border-bottom: 1px solid #aaaaaa;
  }
  .four-columns .et_pb_column {
    width: 25% !important;
  }
  .five-columns .et_pb_column {
    width: 20% !important;
  }
}

/* Generel styling */
p a:hover {
  text-decoration: underline;
}
a.see-all-link:hover {
  text-decoration: underline;
}

.link-hover-underline a:hover {
  text-decoration: underline;
}

/* Footer */

.footer-social-media a:hover {
  text-decoration: none;
}

/* Secondary Navigation */
.secondary-nav.et_pb_menu .et_pb_menu__menu,
.secondary-nav.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex !important;
}

.secondary-nav .et_mobile_nav_menu {
  display: none !important;
}

.secondary-nav .et_pb_menu__search-container {
  background: #fff;
  color: #333;
  border-radius: 3px;
  padding-left: 10px;
  width: 30%;
  right: 0;
  left: auto;
}

.secondary-nav .et_pb_menu__close-search-button {
  color: #333 !important;
}

.secondary-nav .nav li li {
  padding: 0 !important;
}

.secondary-nav #menu-secondary-nav li ul {
  width: 200px !important;
}

/* Mega Menu */
.de-mega-menu {
  top: 0 !important;
}

.mega-menu-column-item:hover .divider {
  width: 80px;
}

.mega-menu-column-item .divider {
  transition: width 0.2s ease-in-out !important;
}

/* Footer */

.footer-social-media a {
  text-decoration: none !important;
}

/* Links */
#footer a:hover {
  text-decoration: underline;
}

/* General Loop Layout / Loop layouts */
.general-loop-layout-btn .et_pb_button {
  border-radius: 0px !important;
  text-align: left !important;
  padding: 10px 20px !important;
}

/* DIVI MACHINE*/
/* Remove space under filter fields*/
.nvl-post-filter .et_pb_contact_field_options_title {
  padding-bottom: 0;
}

.nvl-post-filter p.divi-filter-item {
  margin-top: 0 !important;
}


.et-db
  #et-boc
  .et-l
  .et_pb_de_mach_search_posts_item_3_tb_body
  .divi-filter-item {
  margin-top: 0 !important;
}

/* ACF item repeater list vertically center */
 .repeater-acf-list .dmach-acf-item-container {
  align-items: baseline;
}

.repeater-acf-list .dmach-icon {
  padding: 0;
} 

/* Cards styling */
.default-loop-card a:hover {
  text-decoration: none;
}

/* Zoom in on hover */
.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
  transform: scale(1.05);
  transition: all 0.3s 0s ease;
}

.et-zoom-in,
.et-zoom-in a {
  overflow: hidden;
}

.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img, .zoom-card-container img {
  transition: all 0.3s 0s ease;
}

.zoom-card-container:hover a img, .zoom-card-container:hover img {
  transform: scale(1.05);
  transition: all 0.3s 0s ease;
}

/* Text content styling */
.text-content h2,
.text-content h3,
.text-content h4 {
  font-weight: bold;
}

.text-content h2 {
  font-size: 26px;
  line-height: 1.3em;
}

.text-content h3 {
  font-size: 22px;
  line-height: 1.3em;
}
.text-content h4 {
  font-size: 18px;
  line-height: 1.3em;
}
.text-content .et-tabs-container {
  margin-top: 10px;
}
.text-content .et-tabs-container ul.et-tabs-control {
  padding-left: 0 !important;
}
.text-content .et-tabs-container .et-tabs-control li.active a {
  background: #006eb6;
  color: #fff !important;
  text-shadow: none !important;
}
.text-content .et-tabs-container .et-tabs-control li a {
  color: #333 !important;
  font-size: 14px !important;
}

/* Remove mobile tabs and keep normal */
@media only screen and (max-width: 767px) {
  .et-tabs-container .et-tabs-control {
    display: block !important;
  }
  ul.et_shortcodes_mobile_nav {
    display: none !important;
  }
}

.wp-caption {
  padding: 0 0 10px 0;
  text-align: left;
  background-color: transparent;
  max-width: 100%;
  border: none;
  background: #eee !important;
  border-radius: 0 0 3px 3px;
}

.wp-caption figcaption.wp-caption-text {
  font-size: 14px;
  font-style: italic;
  padding: 0 10px;
}

.img-full-width {
  width: 100%;
  border-radius: 3px;
}

.wp-caption.img-full-width {
  width: 100% !important;
}

.wp-caption.img-full-width img {
  width: 100%;
}

.img-left {
  width: 50%;
  float: left;
  margin-right: 15px;
  border-radius: 3px;
}

.img-right {
  width: 50%;
  float: right;
  margin-left: 15px;
  border-radius: 3px;
}

.wp-caption img {
  width: 100%;
  border-radius: 3px 3px 0 0;
  margin-bottom: 10px;
}

.wp-caption.img-caption-left {
  max-width: 50%;
  float: left;
  margin-right: 15px;
}

.wp-caption.img-caption-right {
  max-width: 50%;
  float: right;
  margin-left: 15px;
}

.img-left.third {
  width: 33.333%;
}

.img-right.third {
  width: 33.333%;
}

.wp-caption.img-caption-left.third {
  max-width: 33.333%;
}

.wp-caption.img-caption-right.third {
  max-width: 33.333%;
}

/* Image grid styling */

.image-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.image-container img {
  margin-right: 10px;
}

.image-container.two img {
  width: calc(50% - 10px);
}
.image-container.three img {
  width: calc(33.3% - 10px);
  margin: 10px auto;
}
.image-container.four img {
  width: calc(25% - 10px);
}

@media all and (max-width: 980px) {
  .image-container.three img,
  .image-container.two img,
  .image-container.four img {
    width: 100% !important;
    margin: 5px 0;
  }
}

/* Sustainability goals images on network pages */

.icon-container {
  width: 100%;
  display: flex;
}
.icon-container img {
  width: 33.3%;
}




@media all and (max-width: 980px) {
  .wp-caption {
    width: 100%;
  }

  .img-left, .img-left.third {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .img-right, .img-right.third {
    width: 100%;
    float: none;
    margin-left: 0;
  }


  .wp-caption.img-caption-left {
    min-width: 100%;
    float: none;
    margin-right: 0;
  }

  .wp-caption.img-caption-right {
    min-width: 100%;
    float: none;
    margin-left: 0;
  }

}
/* Main carousel styling */

@media all and (min-width: 980px) {
  .main-carousel-image,
  .main-carousel-image .et_pb_module_inner {
    width: 100% !important;
    height: 100% !important;
  }
  .main-carousel-image .et_pb_module_inner img {
    object-fit: cover !important;
    height: 100%;
  }

  .cover-image,
  .cover-image .et_pb_image_wrap,
  .cover-image .et_pb_image_wrap {
    width: 100% !important;
    height: 100% !important;
  }
  .cover-image img {
    object-fit: cover !important;
    height: 100% !important;
  }
}

.main-carousel .dmach_carousel_container .slick-next::before,
.main-carousel .dmach_carousel_container .slick-prev::before {
  text-shadow: none;
}
.main-carousel .dmach_carousel_container .slick-track {
  margin: 0 !important;
}

/* Event date box styling */

.event-date-box-row,
.event-date-box,
.event-date-box .et_pb_module_inner,
.event-date-box .dmach-acf-item-container,
.event-date-box .dmach-acf-item-content {
  height: 100%;
}
.event-date-box .dmach-acf-value {
  display: flex;
  min-height: 100%;
  align-items: center;
  justify-content: center !important;
  flex-direction: column;
}

.event-date-box .dmach-acf-item-content {
  justify-content: center;
}
.event-date-box .month {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.event-date-box .date {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 2.2em;
}
.event-date-box .year {
  font-weight: bold;
}
.event-loop-layout .event-date-box-row {
  transition: background-color 0.3s ease !important;
}
.event-loop-layout:hover .event-date-box-row {
  background-color: #fafafa !important;
}
/* Event template meta */ 

.post-meta-pre-label p.dmach-postmeta-value {
  color: #ba0c2f !important;
}

/*image-logo-text-content*/
.image-logo {
  margin: 10px;
  width: 233px;
}
/* Event registration form */
.event-registration-form .error {
  font-size: 0.9em;
}
.event-registration-form .form-title {
  display: none;
}

.bottom-shadow {
  box-shadow: 0 1px 8px rgb(0 0 0 / 10%) !important;
}

/* TEMPORARY / WILL BE REMOVED ON Divi Machine update */
.et_pb_de_mach_thumbnail img {
  display: block;
}

/* column order on mobile */
@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }
}

/* Display video in text content*/
.video-full-width {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 20px;
  height: 485px;
}

#open-button {
	position: fixed;
    right: 0;
    z-index: 99999999;
}
@media only screen and (max-width: 980px) {
body.dm-custom-header.admin-bar #page-container {
	padding-top: 28px!important
}
	.admin-bar #dm-header {
    top: 45px; 
	}
	.admin-bar #open-button {
    top: 43px;
}
}

nav.sidebar-nav {
  width: 100%;
}
nav.sidebar-nav ul {
  background: #f4f4f4;
  border-radius: 5px;
  padding: 0;
  margin:0;
  list-style-type: none;
}

nav.sidebar-nav ul li.active {
  background: #006EB6;
}
nav.sidebar-nav ul li a {
  display: block;
  width: 100%;
  padding: 10px;
  color: #333;
}
nav.sidebar-nav ul li.active a {
  color: #fff;
}
nav.sidebar-nav ul li a:hover {
  background: #f9f9f9;
}
nav.sidebar-nav ul li.active a:hover {
  background: #006EB6;
}