/* 
 Theme Name:     kalleanka
 Author:         Egmont
 Author URI:     http://www.tommyfalk.com
 Template:       Divi
 Version:        1.0
 Wordpress Version: 4.5.3
*/ 

/* ----------- Here we go! --------------------------- */

h1 {
}

/* Sub Menu ----------------------- */

.sub-menu, 
.sub-menu .menu-item, 
.sub-menu .menu-item a { 
    min-width: 180px;
}

#top-menu li li a {
	padding: 3px;
}

.nav li ul a:hover {
    background: none;
    color: #000000 !important;

}

/* Hides button in slideshow */
.et_pb_slide_description .et_pb_more_button {display:none!important}

#footer-info { 
	width: 100%; 
	margin:0 auto; 
	text-align: center !important; }

#footer-egmont {
	background-color: #000;
    padding: 5px 10px 0;
}

#footer-info p {
    font-size: 12px;
    line-height: 1.4;
}
	
/* Featured Image Caption */
.caption {
	font-size: 12px;
	font-weight: 600;
}

/* Featured Image Top Spacing Fix */
.et_pb_post .et_post_meta_wrapper img {
	margin-top: 30px;
}

/* Tags */
.sb-tags  a {
	display: inline-block;
    background: #F3F3F3;
    color: #787878;
    padding: 2px 7px;
    margin-right: 5px;
    border-radius: 2px;
}

/* Share Icons Heading */
.single-post .et_social_networks h4 {
	font-family: 'Boogaloo', cursive;
	font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
	font-size: 18px;
	padding-bottom: 10px;
}

/* Archive Widget */
.widget_archive a {
	text-transform: capitalize;
}

/* Read more button */
a.more-link {
	font-family: 'Boogaloo', cursive;
	text-transform: uppercase;
	border: none;
	background-color: #1E73BE;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	margin-top: 10px;
	padding: 4px 10px;
	width: 80px;
	float: right;
	}
	
.imgframing {
	border-style: solid;
	border: 1px solid #c5c5c5;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}



/* CSS Hero  */
.post-47 .et_pb_section:nth-child(1) .et_pb_blog_grid .hentry img:not(.wp-smiley) { 
	border-color: rgba(224,224,224,1); 
	border-style: solid; border-width: 1px!important; 
}

html body div#footer-bottom { 
	padding-bottom: 0px; padding-top: 15px;
}

html body #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) a { 
	color: #ffffff; font-weight: normal;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
/* ============================================================
   Donald parity overrides (SWEWP-41) - matches donald.no.
   Migrated 2026-06-24 from the donald-parity wp_head mu-plugin
   into the stylesheet. Rules without !important are intentionally
   low/medium specificity so Divi per-module content styling still wins.
   ============================================================ */
#footer-widgets .footer-widget a,
#footer-widgets .footer-widget li a,
#footer-widgets .footer-widget li a:hover { color: #000000 !important; }

#cookie-notice .cn-button,
#cookie-notice #cn-accept-cookie,
#cookie-notice .cn-set-cookie,
#cookie-notice .cn-more-info,
#cookie-notice .cn-buttons-wrapper a { border-radius: 3px !important; }

.et_pb_button,
a.et_pb_button,
.et_pb_button:hover {
    border-radius: 4px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

#main-footer { border-top: 2px solid #e5e5e5 !important; }
#cookie-notice { border-top: 1px solid #0e8fb7 !important; }

#top-menu li a,
#et-top-navigation #top-menu > li > a,
#main-header #top-menu li a {
    font-family: 'Open Sans', Arial, sans-serif !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(0, 0, 0, .6) !important;
}

#logo { max-height: 64% !important; height: auto !important; width: auto !important; }

#et_search_icon:before,
#et_top_search #et_search_icon:before { color: #666666 !important; }
.mobile_menu_bar:before,
.mobile_menu_bar:after { color: #666666 !important; }


body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333333;
    line-height: 1.5em;
    text-transform: none;
}

#main-content .et_pb_text a,
#main-content .entry-content a,
#main-content .et_pb_post a { color: #2ea3f2; }

#main-content .et_pb_post .entry-title a,
#main-content .et_pb_post .entry-title a:hover,
.et_pb_post .entry-title a,
.et_pb_post .entry-title a:hover { color: #333333; }

/* Mobile menu parity with donald.no (SWEWP-41, 2026-06-24)
   - Hamburger icon: donald's accent red #E32513 (was forced grey by the earlier
     rule that lumped it with the search icon).
   - Mobile dropdown links: donald grey #666 (ours inherited Kalle Anka blue). */
.mobile_menu_bar:before,
.mobile_menu_bar:after { color: #e32513 !important; }
#main-header #et_mobile_nav_menu .et_mobile_menu a,
#et_mobile_nav_menu .et_mobile_menu a,
.et_mobile_menu a { color: #666666 !important; }

/* Heading-link + default-button parity with donald.no (SWEWP-41, 2026-06-25)
   - Linked headings (blurb titles etc.) must take the heading's dark colour,
     not the blue content-link colour. donald shows all heading links #333/#000. */
#page-container h1 a,
#page-container h2 a,
#page-container h3 a,
#page-container h4 a,
#page-container h5 a,
#page-container h6 a { color: inherit; }

/* Default Divi button is donald red (#E02B20) + white text, not Kalle Anka blue.
   Per-module buttons already carry red, so this only fixes the un-styled CTA
   ("Alt om Andeby her"). */
#page-container .et_pb_button { background-color: #E02B20 !important; color: #ffffff !important; }

/* Heading links: force inherit (donald keeps them the heading's dark colour, never blue).
   !important needed to beat Divi's link-colour rule on blurb/module headings. */
#page-container h1 a, #page-container h2 a, #page-container h3 a,
#page-container h4 a, #page-container h5 a, #page-container h6 a { color: inherit !important; }

/* Footer list bullet dots: black like donald (were Kalle Anka blue). The dot is
   drawn by li:before as a small rounded border box, so recolour its border. */
#footer-widgets .footer-widget li:before { border-color: #000000 !important; }

/* FINAL container width: donald's responsive mechanic (NOT fixed) - width fills the
   viewport minus a small gutter, capped at 1200px, so the menu stays on one line
   from ~1200px up (the 80% version wrapped up to ~1475px). Below 1200px the
   hamburger menu takes over and the container is full width. Supersedes the
   earlier 80%/calc/fixed rules above. */
.container,
.et_pb_row { width: 100%; max-width: 1200px; margin: auto; }

/* donald.no's Divi style.css was hand-edited across the whole content-width
   family, not just .container/.et_pb_row. Without these the fullwidth header
   and title containers stay at Divi's 80%/1080px and text wraps differently. */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container,
.et_pb_fullwidth_section .et_pb_title_container,
.et_pb_fullwidth_section .et_pb_title_featured_container,
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper,
.single-project.et_pb_pagebuilder_layout .nav-single { width: 100%; max-width: 1200px; }
.et_pb_slider .et_pb_container,
.et_pb_fullwidth_post_slider.et_pb_slider .et_pb_container { width: 100%; max-width: none; }

/* Active menu item in donald red #E32513 (the menu-colour parity rule forces all
   items grey with !important, which was also overriding the active item). */
#main-header #top-menu li.current-menu-item > a,
#main-header #top-menu li.current-menu-ancestor > a,
#main-header #top-menu li.current_page_item > a,
#main-header #et_mobile_nav_menu .et_mobile_menu li.current-menu-item > a,
#main-header #et_mobile_nav_menu .et_mobile_menu li.current-menu-ancestor > a,
#main-header #et_mobile_nav_menu .et_mobile_menu li.current_page_item > a {
    color: #E32513 !important;
}

/* Post-meta links (category/author) same grey as the date #666, not the blue
   content-link colour (the .et_pb_post a parity rule was bleeding into the meta). */
#main-content .post-meta a,
body.single .et_pb_post .post-meta a,
.et_post_meta_wrapper .post-meta a { color: #666666 !important; }

/* HD Quiz button styling (donald has these in the theme; were missing here). */
.hdq_quiz_wrapper .hdq_button {
    display: inline-block;
    margin: 0 auto;
    padding: 12px 22px;
    text-align: center;
    background: #2d2d2d;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.hdq_quiz_start.hdq_button { display: block; }

/* HD Quiz button text must stay white - the content-link colour (#2ea3f2) was
   bleeding into the quiz button <a> (e.g. the "QUIZ START" button on archives). */
.hdq_quiz_wrapper .hdq_button,
.hdq_quiz_wrapper .hdq_button:hover,
.hdq_button { color: #ffffff !important; }

/* /quiz/ green-box "Ta quizen her" button: donald shows a white-outline button;
   ours was display:none + the global red. Show it and restore the outline style. */
#main-content .et_pb_post_slider .et_pb_more_button,
#main-content .et_pb_post_slider .et_pb_slide_description .et_pb_more_button,
#main-content .et_pb_slider .et_pb_more_button {
    display: inline-block !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 3px !important;
    padding: 6px 20px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    text-transform: none !important;
}

/* Search widget styling from donald.no (was missing from the theme): full-width
   input with the grey #ddd submit button overlaid on the right, 40px tall. */
.widget_search .screen-reader-text {
    display: none;
}
.widget_search input#s,
.widget_search input#searchsubmit {
    padding: .7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 1px solid #ddd;
    color: #666;
}
.widget_search #s {
    width: 100%;
    border-radius: 3px;
}
.widget_search #searchform {
    position: relative;
}
.widget_search #searchsubmit {
    background-color: #ddd;
    width: 70px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
}
#searchsubmit {
    cursor: pointer;
}

/* Header search overlay: donald colours. Typed text + the "Search ..." placeholder
   were the blue accent (#1e73be); donald uses #333 text / #757575 placeholder. */
.et_search_form_container input.et-search-field { color: #333333 !important; }
.et_search_form_container input.et-search-field::placeholder { color: #757575 !important; opacity: 1; }
.et_search_form_container input.et-search-field::-webkit-input-placeholder { color: #757575 !important; }
.et_search_form_container input.et-search-field::-moz-placeholder { color: #757575 !important; opacity: 1; }
.et_search_form_container input.et-search-field:-ms-input-placeholder { color: #757575 !important; }
.et_search_form_container .et_close_search_field:before { color: #666666 !important; }

/* Header search close X is the ETmodules glyph on ::after (not ::before); it was
   the blue accent #1e73be -> donald grey #666. */
.et_search_form_container .et_close_search_field:after { color: #666666 !important; }

/* Pagination = donald: removed the Kalle Anka Boogaloo/uppercase/16px rule (falls
   back to Divi default Open Sans/14px/normal/clear:both). Link colour donald #2ea3f2
   (ours' accent was #1e73be). */
.pagination a { color: #2ea3f2 !important; }

/* ===================================================================
   donald.no parity block. Every rule below is copied from what the
   live donald.no serves today (Divi 4.9 base CSS + its customizer
   output), so the Divi 4.27 copy renders the same page rhythm and
   footer. Do not "tidy" these values, they are a 1:1 match.
   =================================================================== */

/* Row and section rhythm: Divi 4.9 customizer breakpoints (ours emitted
   the fixed values at 1500px, so 981-1500px fell back to the % default). */
@media only screen and (min-width: 981px) {
    body .et_pb_row { padding: 3% 0; }
}
@media only screen and (min-width: 1350px) {
    body .et_pb_row { padding: 40px 0; }
    body .et_pb_section { padding: 54px 0; }
    body .et_pb_fullwidth_section { padding: 0; }
    body.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { padding-top: 121px; }
}

/* Blog/archive/search/single post meta line. */
body.home-posts #left-area .et_pb_post .post-meta,
body.archive #left-area .et_pb_post .post-meta,
body.search #left-area .et_pb_post .post-meta,
body.single #left-area .et_pb_post .post-meta {
    letter-spacing: 1px;
    line-height: 1.5em;
}
/* 16px only from 981px up, as donald.no does; phones keep Divi's 14px. */
@media only screen and (min-width: 981px) {
    body.home-posts #left-area .et_pb_post .post-meta,
    body.archive #left-area .et_pb_post .post-meta,
    body.search #left-area .et_pb_post .post-meta,
    body.single #left-area .et_pb_post .post-meta { font-size: 16px; }
}

/* Reading column on posts without a sidebar. Divi 4.9 capped it at 550px,
   4.27 changed the same rule to 100%, which doubled the line length. */
@media (min-width: 981px) {
    .et_full_width_page #left-area,
    .et_no_sidebar #left-area {
        float: none;
        margin: 0 auto;
        width: 550px !important;
    }
}

/* Blurb icon/image spacing: 4.9 shipped 10px, 4.27 uses 30px. */
.et_pb_blurb .et_pb_main_blurb_image { margin-bottom: 10px; }

/* Footer, copied verbatim from donald.no's customizer CSS. */
#footer-bottom { display: none; }
#main-footer { background-color: white !important; border-top: 2px solid #e5e5e5; }
.footer-widget .et-social-icon a { font-size: 24px !important; display: flex; align-items: center; margin-bottom: 10px; }
.footer-widget .et-social-icon span { display: block !important; font-size: 14px; padding-left: 8px; }
.footer-widget .et-social-icon a img { height: 24px; width: 24px; object-fit: contain; }
#footer-widgets .footer-widget li.et-social-icon { width: 100%; margin: 0; padding-left: 0; }
.footer-widget li.et-social-icon a { font-size: 12px; }
.footer-widget li.custom-link a { font-size: 15px; }
.footer-widget li.custom-link { padding-left: 0 !important; }
.et-social-icons { float: right !important; }
.footer-widget .et-social-icons li { margin-left: 0; }
.footer-widget .et-social-icons li:before { display: none; }
.newsletter-sidebar-form-row { max-width: 410px !important; margin: 0 auto !important; }

/* Cookie banner, copied from donald.no. Its background image reference is
   dropped on purpose: privacy-logo.png returns 404 on donald.no too, so the
   live banner shows no logo either. */
#cookie-notice { border-top: 1px solid #0e8fb7; }
#cn-accept-cookie { background: #0e8fb7; color: #fff; border-radius: 0; border: 0; padding: 7px 30px; font-family: verdana, arial; font-size: 14px; font-weight: normal; }
#cn-more-info { background: none; color: #0e8fb7; border: none; box-shadow: none; font-weight: normal; text-shadow: none; text-decoration: underline; display: block; margin-top: 5px; }
@media only screen and (min-width: 768px) {
    .cookie-notice-container { padding: 25px !important; margin: 0 auto; text-align: left !important; }
    #cn-notice-text { width: 85%; float: left; }
    #cn-notice-text h2 { text-transform: none; color: #0e8fb7; font-size: 24px; font-family: verdana, arial; padding: 0 0 7px; margin: 0; }
    #cookie-notice .cn-button { margin-left: 15px !important; }
    #cn-notice-text p { color: #666; font-size: 14px; padding: 0 100px 0 0; line-height: 17px; }
    .cookie_text { padding: 0 0 0 90px; height: 76px; }
}
@media only screen and (max-width: 935px) and (min-width: 767px) {
    #cn-notice-text p { padding: 0 75px 0 0; }
    .cookie_text { padding: 0 0 0 75px; }
    #cn-notice-text { width: 80%; }
}
@media only screen and (min-width: 1332px) {
    .cookie-notice-container { width: 90% !important; }
}

/* Divi 4.27 ships a Snapchat glyph that Divi 4.9 did not have. The widget markup
   carries its own Snapchat image, so the extra empty 24px glyph box pushed the
   icon and its label out of line with Facebook and Instagram. */
.footer-widget .et-social-icon.et-social-snapchat a:before,
#footer-widgets .footer-widget li.et-social-snapchat a:before { content: none; display: none; }

/* donald.no keeps 5% side padding on the footer widget area below 981px; ours
   computed 0, which widened the widgets and, because their margins are a
   percentage, made every phone page about 13px taller. */
@media only screen and (max-width: 980px) {
    #footer-widgets { padding-left: 5%; padding-right: 5%; }
}