/*
Theme Name: NielcoIT
Theme URI: https://nielcoit.dk
Template: Divi
Author: OnlineSynlighed.dk
Author URI: https://onlinesynlighed.dk
Version: 3.19.18.1558003819
Updated: 2019-05-16 10:50:19

*/

.et_pb_column.et_pb_column_empty {
	min-height: 0px;
}

ul#menu-footer.bottom-nav {
	text-align: center;
}

.wp-pagenavi .pages {
    display: block;
    line-height: 2.5em;
	}


/*Tilpasning af footer */
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons {     margin-bottom:28px; } 
}
#footer-bottom .et-social-icons {     
	width:100%;	
	display: flex;
  justify-content: center!important; 
}
.et-social-icon a {
	font-size:16px;
}

/* Styling af blog på forside */
/*.page-id-7*/ div.post-content { display:none; }
/*.page-id-7*/ .et_pb_post { background-color:#93979a!important; border:0px!important; }
/*Højde på blog-elementer */
@media only screen and (min-width: 768px) {
.custom_blog .et_pb_post {
min-height: 380px;
max-height:380px;
}
}
/*Baggrundsfarve - alle sektioner */
.et_pb_section { background-color: #323742;}

/* Telefonnummer i menu */
.tel-menu { color: #fff; background-color: #93979a; padding: 15px 0px 0px 15px; border-radius: 10px; }
.tel-menu a, .et-fixed-header#main-header .tel-menu a { color: #fff!important; font-weight:900!important; }
#top-menu>li:last-child {padding-right: 15px;}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding-bottom: 15px; }
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { padding-bottom: 15px; } 
div.et_pb_column.et_pb_column_1_3.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough
 { padding-left:0px; }

/*styles the wp-pagenavi pagination links*/
.wp-pagenavi a, .wp-pagenavi span {
  padding: 0.3em 0.8em !important;
  font-size: 0.8em !important;
  color: #fff;
  line-height: 1.2em;
  background: #938779;
  transition: all .5s;
}
 /*@media screen and (max-width: 992px) {
	 .wp-pagenavi a, .wp-pagenavi span {
	*/	 
/*styles the wp-pagenavi current page number*/
.wp-pagenavi span.current {
  color: #ffffff !important;
  background: #938779 !important;
}
 
/*styles the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
  color: #ffffff !important;
  background: #93979a !important;
}
 
/*styles the wp-pagenavi pages text*/
.wp-pagenavi .pages {
  background: none;
}
/*Styling af blogside*/
.page-id-20 .post {
	background-color:rgba(0, 0, 0, .0)!important;
}
.page-id-20 .entry-title {
	text-align: center;
	
}
.page-id-20 .et_pb_post {
	padding-bottom: 30px!important;
	border-bottom: 2px solid #938779!important;
}
.wp-pagenavi { border-top:0px; }

/* Styling af blogsider */
#main-content { background-color: #323742;}
.et_post_meta_wrapper, .et_pb_post .entry-content { background-color: #282c35; color:#fff; }
.et_post_meta_wrapper { padding: 25px 25px 1px 25px!important; }
.et_pb_post .entry-content {padding: 1px 25px 1px 25px!important;}
.et_post_meta_wrapper .entry-title { color:#fff; }
#left-area .post-meta a { color: #90867c; }
.single .post h2, .single .post h3, .single .post h4 {color: #90867c; padding-top:15px; }
.single .post { padding-bottom:0px; }


/*** Take out the divider line between content and sidebar ***/
  #main-content .container:before {background: none;}

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
.sub-menu {
	min-width: 250px;
}
	#top-menu li li a {
    width: 260px;
	/* Extra - Reduce padding on list items */
	padding: 4px 12px;
	}
}

/* ==========================================================================
   WCAG AA TILGÆNGELIGHED — tilføj i bunden af style.css
   Tilføjet: 2026-02-12
   
   Sikrer at ALLE tekst/baggrund-kombinationer på sitet består WCAG AA (4.5:1).
   
   Rettelser:
   1. Links: #90867c/#908478 → #B8A494 (3.8:1 → 5.8:1)
   2. Pagination-knapper: bg #938779 → #73675D (3.5:1 → 5.5:1)
   3. Blog-kort: bg #93979a → #555960 (2.9:1 → 7.0:1)
   4. Blog-kort titler: hvid + bronce hover (7.0:1)
   5. Blog h2/h3/h4: #90867c → #B8A494
   ========================================================================== */


/* ----- 1. LINKS I BRØDTEKST (alle DIVI-moduler) ----- */

.et_pb_module a:not(.et_pb_button):not(.et_pb_more_button),
.et_pb_post_content a,
.entry-content a,
.et_pb_text_inner a {
    color: #B8A494;
    text-decoration: underline;
    text-decoration-color: rgba(184, 164, 148, 0.4);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.et_pb_module a:not(.et_pb_button):not(.et_pb_more_button):hover,
.et_pb_module a:not(.et_pb_button):not(.et_pb_more_button):focus,
.et_pb_post_content a:hover,
.et_pb_post_content a:focus,
.entry-content a:hover,
.entry-content a:focus,
.et_pb_text_inner a:hover,
.et_pb_text_inner a:focus {
    color: #C2AFA2;
    text-decoration-color: #C2AFA2;
}


/* ----- 2. BLOG: post-meta links (overskriver #90867c) ----- */

#left-area .post-meta a {
    color: #B8A494;
    text-decoration: underline;
    text-decoration-color: rgba(184, 164, 148, 0.35);
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

#left-area .post-meta a:hover {
    color: #C2AFA2;
    text-decoration-color: #C2AFA2;
}


/* ----- 3. BLOG: overskrifter i enkelt-indlæg (overskriver #90867c) ----- */

.single .post h2,
.single .post h3,
.single .post h4 {
    color: #B8A494;
}


/* ----- 4. BLOG-KORT: hvide titler OVERALT (slår DIVI inline styles) ----- */

.et_pb_post h2 a,
.et_pb_post h3 a,
.et_pb_post .entry-title a,
.et_pb_blog_grid .et_pb_post h3 a,
.et_pb_section .et_pb_post h3 a,
body .et_pb_post h2 a,
body .et_pb_post h3 a,
body .et_pb_post .entry-title a,
body.single .et_pb_post h3 a,
body.home .et_pb_post h3 a,
.et_pb_blog_grid h2.entry-title a,
.et_pb_blog_grid h3 a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.et_pb_post h2 a:hover,
.et_pb_post h3 a:hover,
.et_pb_post .entry-title a:hover,
.et_pb_blog_grid .et_pb_post h3 a:hover,
.et_pb_section .et_pb_post h3 a:hover,
body .et_pb_post h2 a:hover,
body .et_pb_post h3 a:hover,
body .et_pb_post .entry-title a:hover,
body.single .et_pb_post h3 a:hover,
body.home .et_pb_post h3 a:hover,
.et_pb_blog_grid h2.entry-title a:hover,
.et_pb_blog_grid h3 a:hover {
    color: #B8A494 !important;
}

/* ----- 5. BLOG: "Læs mere"-links ----- */

.et_pb_post .more-link,
a.more-link {
    color: #B8A494;
}

.et_pb_post .more-link:hover,
a.more-link:hover {
    color: #C2AFA2;
}


/* ----- 6. PAGINATION: mørkere bronce-baggrund (overskriver #938779) -----
   Hvid tekst mod #73675D = 5.5:1 (AA ✓)
   ----- */

.wp-pagenavi a,
.wp-pagenavi span {
    background: #73675D;
}

.wp-pagenavi span.current {
    background: #73675D !important;
}

.wp-pagenavi a:hover {
    background: #555960 !important;
}


/* ----- 7. BLOG-KORT: mørkere baggrund (overskriver #93979a) -----
   Hvid tekst mod #555960 = 7.0:1 (AA ✓)
   ----- */

.et_pb_post {
    background-color: #555960 !important;
}


/* ----- 8. PAGINATION: border på blogsiden (overskriver #938779) ----- */

.page-id-20 .et_pb_post {
    border-bottom: 2px solid #73675D !important;
}


/* ----- 9. FOOTER-LINKS ----- */

#footer-info a,
#main-footer a,
#footer-bottom a {
    color: #B8A494;
    text-decoration: underline;
    text-decoration-color: rgba(184, 164, 148, 0.35);
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

#footer-info a:hover,
#main-footer a:hover,
#footer-bottom a:hover {
    color: #C2AFA2;
    text-decoration-color: #C2AFA2;
}


/* ----- 10. WIDGET/SIDEBAR-LINKS ----- */

.widget a,
.et_pb_widget a {
    color: #B8A494;
    text-decoration: underline;
    text-decoration-color: rgba(184, 164, 148, 0.4);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.widget a:hover,
.et_pb_widget a:hover {
    color: #C2AFA2;
    text-decoration-color: #C2AFA2;
}


/* ----- 11. TELEFON-LINKS (inline) ----- */

a[href^="tel:"] {
    color: #B8A494;
    text-decoration: underline;
    text-decoration-color: rgba(184, 164, 148, 0.4);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

a[href^="tel:"]:hover {
    color: #C2AFA2;
    text-decoration-color: #C2AFA2;
}


/* ----- 12. KNAPPER: ingen understreging ----- */

.et_pb_contact_submit,
.et_pb_button,
.et_pb_more_button {
    text-decoration: none !important;
}


/* ----- 13. FOKUS-INDIKATOR (tastaturnavigation) ----- */

a:focus-visible {
    outline: 2px solid #B8A494;
    outline-offset: 2px;
    border-radius: 2px;
}