/*
Theme Name: Divi BrokenChains
Template: Divi
Version: 1.0
Description: BrokenChains - Vrijheid door de Waarheid
Author: JungIT
*/

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Open+Sans:wght@300;400;600;700&display=swap");

body{font-family:"Open Sans",sans-serif!important;background-color:#FAF6EF!important;color:#6B4423;}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif!important;}a{transition:color 0.3s;}
#main-header,.et-fixed-header{background:rgba(250,246,239,0.97)!important;backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(196,138,32,0.12)!important;}
#logo{max-height:52px!important;height:52px!important;width:auto!important;}.et-fixed-header #logo{max-height:44px!important;height:44px!important;}
#top-menu>li>a{color:#2C1A0E!important;font-size:13px!important;font-weight:600!important;letter-spacing:1px;text-transform:uppercase!important;font-family:"Open Sans",sans-serif!important;position:relative;}
#top-menu>li>a:hover{color:#C48A20!important;}
#top-menu>li>a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#C48A20;transition:width 0.3s ease;}
#top-menu>li>a:hover::after,#top-menu>li.current-menu-item>a::after{width:100%;}
.et_pb_button:not(.et_pb_promo_button){background-color:#C48A20!important;border-color:#C48A20!important;color:#fff!important;border-radius:3px!important;font-family:"Open Sans",sans-serif!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;}
.et_pb_button:not(.et_pb_promo_button):hover{background-color:#A8721A!important;border-color:#A8721A!important;}
.et_pb_button::after{display:none!important;}
.et_pb_blog .et_pb_post{border-radius:10px;overflow:hidden;box-shadow:0 2px 16px rgba(44,26,14,0.06);transition:transform 0.3s,box-shadow 0.3s;background:#fff;}
.et_pb_blog .et_pb_post:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(44,26,14,0.13);}
.et_pb_blog .entry-featured-image-url{overflow:hidden;}.et_pb_blog .entry-featured-image-url img{transition:transform 0.6s;height:200px;object-fit:cover;width:100%;}
.et_pb_blog .et_pb_post:hover .entry-featured-image-url img{transform:scale(1.06);}
.et_pb_blog .post-meta,.et_pb_blog .post-meta a{color:#C48A20!important;font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;}
.et_pb_blog h2 a{color:#2C1A0E!important;font-family:"Playfair Display",serif!important;font-size:20px!important;}.et_pb_blog h2 a:hover{color:#C48A20!important;}
.et_pb_blog .more-link{color:#C48A20!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;font-size:11px!important;}
.et_pb_blurb_content{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 16px rgba(44,26,14,0.06);transition:all 0.4s;padding:0!important;}.et_pb_blurb:hover .et_pb_blurb_content{transform:translateY(-8px);box-shadow:0 24px 48px rgba(44,26,14,0.14);}
.et_pb_blurb img{width:100%;height:200px;object-fit:cover;display:block;}
.et_pb_blurb .et_pb_module_header{font-family:"Playfair Display",serif!important;border-top:3px solid #C48A20;padding:20px 24px 8px;margin:0;}
.et_pb_blurb_description{padding:0 24px 24px;}
.et_pb_number_counter .percent{color:#E8C97A!important;font-family:"Playfair Display",serif!important;font-size:52px!important;font-weight:700!important;}.et_pb_number_counter .title{color:rgba(245,236,213,0.5)!important;font-size:12px!important;font-weight:600!important;letter-spacing:3px!important;text-transform:uppercase!important;}
#footer-widgets{background:#3D1F0A!important;}.footer-widget h4{color:#C48A20!important;font-size:11px!important;letter-spacing:3px!important;text-transform:uppercase!important;font-family:"Open Sans",sans-serif!important;}.footer-widget a{color:rgba(245,236,213,0.65)!important;}.footer-widget a:hover{color:#E8C97A!important;}
#footer-info{background:#3D1F0A!important;color:rgba(245,236,213,0.4)!important;border-top:1px solid rgba(196,138,32,0.15)!important;}
#et_mobile_nav_menu .mobile_nav{background:rgba(44,26,14,0.97)!important;}.mobile_menu_bar:before{color:#2C1A0E!important;}
@media(max-width:980px){#logo{max-height:44px!important;}}

/* Hide Divi page selector dropdown */
.et_pb_widget_area .widget_pages, .et_pb_widget_area .widget_nav_menu { display: none !important; }
.wl-page-menu, select[name='pageMenu'] { display: none !important; }
.et_pb_extra_column_main ~ .et_pb_extra_column_sidebar { display: block; }
select option[value=''][disabled] + option { } 
.page-template-et_full_width_page .et_pb_pagebuilder_layout ~ * > select, .page-template-et_full_width_page > select { display: none !important; }
/* Hide all select dropdowns that Divi adds for page navigation */
.et-waypoint, .et_pb_gutters2 select, select.et_smooth_scroll_disabled { }
.page_item .page_item_has_children ~ select { display: none !important; }

/* Hide Divi page select dropdown on fullwidth pages */
.page-template-et_full_width_page .et_pb_pagebuilder_layout ~ select,
.page-template-et_full_width_page #main-content > .container > select,
.page-template-et_full_width_page #main-content select:first-of-type,
#main-content > .container > select { display: none !important; }

/* ==============================
   COMPREHENSIVE DESIGN FIXES
   ============================== */

#main-header .container { max-width: 1200px; }
#main-header { border-bottom: 1px solid rgba(196,138,32,0.12); }
@media (max-width: 980px) {
  #main-header .et_pb_menu { font-size: 11px !important; }
  .et_pb_fullscreen .et_pb_text_inner h1 { font-size: 42px !important; }
}
.et_pb_blog_grid .et_pb_post, .et_pb_blog_grid_wrapper .et_pb_post { margin-bottom: 24px !important; }
.et_pb_blurb img.et_pb_image_wrap { height: 200px !important; width: 100% !important; object-fit: cover !important; }
.et_pb_blurb .et_pb_main_blurb_image { margin: 0 !important; }
.et_pb_number_counter .percent .percent-sign { color: #E8C97A !important; }
.et_pb_divider { border-color: #C48A20 !important; }
.et_pb_button_module_wrapper { margin-bottom: 16px !important; }
.page-template-et_full_width_page #main-content .container > select,
.page-template-et_full_width_page .et_builder_inner_content ~ select { display: none !important; }
.et_pb_number_counter_wrap { border-right: 1px solid rgba(196,138,32,0.2); }
.et_pb_column:last-child .et_pb_number_counter_wrap { border-right: none; }
body.et_full_width_page { background-color: #FAF6EF !important; }
.et_pb_pagebuilder_layout.et_pb_gutters3 { max-width: 100% !important; }

/* divi_5_fixes */
.et_pb_section.et_pb_with_background { background-color: transparent; }
.page-template-et_full_width_page #main-content { padding-top: 0 !important; }
.page-template-et_full_width_page .entry-content { padding: 0 !important; margin: 0 !important; }
.et_pb_pagebuilder_layout { overflow: visible !important; }
a { color: #C48A20; }
a:hover { color: #2C1A0E; }
.et_pb_section:first-child { margin-top: 0 !important; }
.mobile_menu_bar:before, .et_toggle_fullscreen_menu:before { color: #2C1A0E !important; }
.et_mobile_menu { background: rgba(44,26,14,0.97) !important; }
.et_mobile_menu a { color: #F5ECD5 !important; }
.et_mobile_menu a:hover { color: #E8C97A !important; }

/* design_fixes_v2 */
#main-header { box-shadow: 0 1px 0 rgba(196,138,32,0.12) !important; transition: background 0.3s; }
#main-header.et-fixed-header { background: rgba(250,246,239,0.97) !important; }
.et_header_style_left #et-top-navigation { padding: 0 40px !important; max-width: 1200px; margin: 0 auto; }
#et-top-navigation { height: 80px !important; }
#et-top-navigation nav > ul > li > a { line-height: 80px !important; padding: 0 !important; margin: 0 20px !important; }
.et_pb_blog .et_pb_post { display: flex !important; flex-direction: row !important; min-height: 180px; margin-bottom: 20px !important; border-radius: 10px; }
.et_pb_blog .et_pb_post .entry-featured-image-url { flex: 0 0 260px !important; min-height: 180px; }
.et_pb_blog .et_pb_post .entry-featured-image-url img { height: 100% !important; object-fit: cover !important; }
.et_pb_blog .et_pb_post .post-content-inner { flex: 1; padding: 24px 28px !important; display: flex; flex-direction: column; justify-content: center; }
@media(max-width:768px){ .et_pb_blog .et_pb_post { flex-direction: column !important; } .et_pb_blog .et_pb_post .entry-featured-image-url { flex: 0 0 200px !important; } }
.et_pb_section { padding-top: 80px; padding-bottom: 80px; }
.et_pb_section:first-of-type { min-height: 100vh; display: flex; align-items: flex-end; }
.et_pb_number_counter .percent { font-family: 'Playfair Display', serif !important; font-size: 52px !important; color: #E8C97A !important; font-weight: 700 !important; }
.et_pb_number_counter .title { font-size: 12px !important; letter-spacing: 3px !important; text-transform: uppercase !important; font-weight: 600 !important; margin-top: 8px; }
.et_pb_blurb { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 16px rgba(44,26,14,0.06); transition: all 0.4s; }
.et_pb_blurb:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(44,26,14,0.14); }
.et_pb_blurb .et_pb_main_blurb_image { height: 200px; overflow: hidden; margin: 0 !important; }
.et_pb_blurb .et_pb_main_blurb_image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.et_pb_blurb .et_pb_blurb_content { padding: 24px !important; border-top: 3px solid #C48A20; }
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea { width: 100%; padding: 14px 18px; border: 1.5px solid rgba(196,138,32,0.2); border-radius: 6px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #2C1A0E; background: #fff; margin-bottom: 16px; outline: none; transition: border-color 0.3s; }
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus, .wpcf7-form textarea:focus { border-color: #C48A20; }
.wpcf7-form input[type=submit] { background: #C48A20 !important; color: #fff !important; padding: 14px 36px !important; border: none !important; border-radius: 3px !important; font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; cursor: pointer !important; transition: background 0.3s !important; }
.wpcf7-form input[type=submit]:hover { background: #A8721A !important; }
.et_pb_code .bcn-wrap { margin: 0 !important; }
.et_pb_code .bcn-formulier-wrap { margin: 0 !important; }
#footer-widgets .footer-widget h4 { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #C48A20 !important; margin-bottom: 16px !important; }
#footer-widgets .footer-widget a { color: rgba(245,236,213,0.65) !important; text-decoration: none !important; }
#footer-widgets .footer-widget a:hover { color: #E8C97A !important; }
#footer-widgets { padding: 52px 0 0 !important; }
@media(max-width:980px){
  #et-top-navigation { height: 70px !important; }
  #et-top-navigation nav > ul > li > a { line-height: 70px !important; }
  .et_pb_row { padding: 0 20px !important; }
  .et_pb_section { padding: 60px 0 !important; }
}

/* divi_header_fix_v3 */
#main-header, .et-fixed-header { background: rgba(250,246,239,0.97) !important; backdrop-filter: blur(8px); border-bottom: 1px solid rgba(196,138,32,0.12) !important; box-shadow: none !important; }
#logo { max-height: 52px !important; height: 52px !important; width: auto !important; }
.et-fixed-header #logo { max-height: 44px !important; height: 44px !important; }
#et-top-navigation { padding: 0 40px !important; }
#top-menu > li > a { color: #2C1A0E !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 0 !important; margin: 0 16px !important; position: relative !important; }
#top-menu > li > a:hover { color: #C48A20 !important; }
#top-menu > li > a::after { content: "" !important; position: absolute !important; bottom: -4px !important; left: 0 !important; width: 0 !important; height: 2px !important; background: #C48A20 !important; transition: width 0.3s ease !important; }
#top-menu > li > a:hover::after, #top-menu > li.current-menu-item > a::after { width: 100% !important; }
#top-menu > li.bcn-cta-btn > a { background: #C48A20 !important; color: #fff !important; padding: 10px 22px !important; border-radius: 3px !important; margin-left: 8px !important; }
#top-menu > li.bcn-cta-btn > a:hover { background: #A8721A !important; color: #fff !important; }
#top-menu > li.bcn-cta-btn > a::after { display: none !important; }
.mobile_menu_bar:before { color: #2C1A0E !important; font-size: 22px !important; }
.et_mobile_menu { background: rgba(44,26,14,0.97) !important; }
.et_mobile_menu li a { color: #F5ECD5 !important; border-color: rgba(196,138,32,0.15) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 16px 20px !important; }
.et_mobile_menu li a:hover { color: #E8C97A !important; }
#footer-widgets { background: #3D1F0A !important; padding: 52px 0 0 !important; }
#footer-widgets .container { max-width: 1200px !important; }
#footer-info { background: #3D1F0A !important; color: rgba(245,236,213,0.4) !important; font-size: 12px !important; border-top: 1px solid rgba(196,138,32,0.15) !important; }
#footer-widgets .footer-widget h4.widgettitle { color: #C48A20 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; font-family: 'Open Sans', sans-serif !important; margin-bottom: 16px !important; }
#footer-widgets .footer-widget a { color: rgba(245,236,213,0.65) !important; }
#footer-widgets .footer-widget a:hover { color: #E8C97A !important; }
#footer-widgets .footer-widget p { color: rgba(245,236,213,0.6) !important; font-size: 14px !important; line-height: 1.7 !important; }

/* === THEME BUILDER HEADER HEIGHT FIX === */
.et-l--header { height: auto !important; min-height: 0 !important; position: relative; z-index: 999; }
.et-l--header .et_pb_section { min-height: 0 !important; padding: 0 !important; position: relative !important; }
.et-l--header .et_pb_row { padding-top: 14px !important; padding-bottom: 14px !important; }
.et-l--header .et_pb_section.et_pb_with_background { background-position: center !important; }
.et-l--header { position: sticky !important; top: 0 !important; z-index: 999 !important; }

/* === HERO SECTION BACKGROUND IMAGES === */
.bcn-hero-home, .bcn-hero-home.et_pb_section { background-image: linear-gradient(105deg, rgba(20,8,2,0.88) 0%, rgba(20,8,2,0.10) 100%), url(https://brokenchains.nl/wp-content/uploads/2026/05/church-16-1.jpg) !important; background-size: cover !important; background-position: center !important; background-color: transparent !important; }
.bcn-hero-artikelen, .bcn-hero-artikelen.et_pb_section { background-image: linear-gradient(to top, rgba(20,8,2,0.9) 0%, rgba(20,8,2,0.15) 100%), url(https://brokenchains.nl/wp-content/uploads/2026/05/church-16-1.jpg) !important; background-size: cover !important; background-position: center !important; background-color: transparent !important; }
.bcn-hero-wie, .bcn-hero-wie.et_pb_section { background-image: linear-gradient(to top, rgba(20,8,2,0.9) 0%, rgba(20,8,2,0.15) 100%), url(https://brokenchains.nl/wp-content/uploads/2026/05/church-16-1.jpg) !important; background-size: cover !important; background-position: center !important; background-color: transparent !important; }
.bcn-hero-shop, .bcn-hero-shop.et_pb_section { background-image: linear-gradient(105deg, rgba(20,8,2,0.75) 0%, rgba(20,8,2,0.05) 100%), url(https://brokenchains.nl/wp-content/uploads/2026/05/soldaat-hero.png) !important; background-size: cover !important; background-position: center top !important; background-color: transparent !important; }
.bcn-hero-contact, .bcn-hero-contact.et_pb_section { background-image: linear-gradient(to top, rgba(20,8,2,0.9) 0%, rgba(20,8,2,0.15) 100%), url(https://brokenchains.nl/wp-content/uploads/2026/05/church-16-1.jpg) !important; background-size: cover !important; background-position: center !important; background-color: transparent !important; }
.bcn-hero-home { min-height: 100vh !important; display: flex !important; align-items: flex-end !important; }
.bcn-hero-artikelen, .bcn-hero-wie, .bcn-hero-shop, .bcn-hero-contact { min-height: 55vh !important; display: flex !important; align-items: flex-end !important; }
.bcn-hero-home .et_pb_text_inner, .bcn-hero-home .et_pb_text_inner *, .bcn-hero-artikelen .et_pb_text_inner *, .bcn-hero-wie .et_pb_text_inner *, .bcn-hero-shop .et_pb_text_inner *, .bcn-hero-contact .et_pb_text_inner * { color: inherit !important; }
.bcn-hero-home .et_pb_row, .bcn-hero-artikelen .et_pb_row, .bcn-hero-wie .et_pb_row, .bcn-hero-shop .et_pb_row, .bcn-hero-contact .et_pb_row { width: 100% !important; max-width: 1200px !important; padding-bottom: 60px !important; }

/* === MISC FIXES === */
.et_pb_pagebuilder_layout { padding: 0 !important; }
.et_pb_section.et_pb_with_background { display: block !important; }