/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*---------------------- GENERAL --------------- */
.fontweight900, .fontweight900 a  {font-weight:900 !important;}
.no-underline, .fontweight900 a {text-decoration: none !important;}
b, strong {font-weight:700;}
h2 {margin-top: 30px;}
/*---------------------- ELEMENTS --------------- */
.e-n-menu-items-content.e-active {background-color:white !important;}

.btn-link-chevron .elementor-button-icon svg {margin-top: 5px;}
.btn-link-chevron .elementor-button-icon svg path {fill: var( --e-global-color-accent );}
.breadcrumbs-wrapper .rank-math-breadcrumb a, .breadcrumbs-wrapper .rank-math-breadcrumb p, .breadcrumbs-wrapper .rank-math-breadcrumb span {
	font-size: 10px;
	color: #5084a0;
    text-decoration: none;
    font-weight: 600;
	margin-bottom:0px;
}
.breadcrumbs-wrapper .rank-math-breadcrumb .separator {padding:0px 4px;}
.del-din-viden-wrapper {
	margin-top:50px;
}
.del-din-viden-wrapper p {margin-bottom:0px !important;}
.footer-banner {}

body .posts-related-posts-section h2, body .article-category-banner h2 {
	font-family: "Roboto Slab";
    font-size: 52px;
    color: #003755;
    word-break: break-word;
    font-weight: 300;
    margin: 0 auto;
}

.vaerktoejer-grid-wrapper{}
.vaerktoejer-grid-item {}
.vaerktoejer-grid-item-title {min-height: 55px;word-break:break-all}
.vaerktoejer-grid-item-desc {min-height: 72px;}
.vaerktoejer-grid-item-link {}

.elementor-slides .swiper-slide-inner .elementor-slide-button, .elementor-slides .swiper-slide-inner .elementor-slide-button:hover {
	background: none;
	background-color: var( --e-global-color-accent ) !important;
	color: white !important;
}
/*---------------------- HEADER ---------------- */
.nav-bar {
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
}

.nav-bar a:active, .nav-bar a:hover, .nav-bar a:focus, .nav-bar a span:active, .nav-bar a span:hover, .nav-bar a span:focus {font-weight:600;}

/*---------------------- POSTS ---------------- */
.elementor-heading-title, body.post-template-default .post-hero h1 {
	font-family: "Roboto Slab";
    font-size: 52px;
    line-height: 1.25em !important;
    color: #fff;
    display: block;
}
body.post-template-default .posts-post-content .post-opsummering h2 {
	font-family: "Roboto Slab";
    font-size: 32px;
    font-weight: 300;
    line-height: 1.25em !important;
    color: #003755;
    text-align: center;
    margin-bottom: 20px;
	margin-top: 10px;
}
body.post-template-default .posts-post-content p {
	font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    color: #5084a0;
    margin-bottom: 48px;
    line-height: 1.5;
}
body.post-template-default .posts-post-content a {
	color: #02a1da;
    text-decoration: underline;
	font-size: 20px;
}
body.post-template-default .posts-post-content h2 {
	font-family: Roboto;
	font-size: 32px;
	font-weight: 300;
	color: #02a1da;
	margin-bottom: 28px;
}
body.post-template-default .posts-post-content h3, body.post-template-default .posts-post-content h4, body.post-template-default .posts-post-content h5, body.post-template-default .posts-post-content h6, body.post-template-default h2 {
    font-family: "Roboto Slab";
    font-size: 28px;
    color: #003755;
    margin-bottom: 35px;
    word-break: break-word;
}
body.post-template-default .posts-post-content .elementor-widget-image {margin-bottom:35px;}
.post-opsummering {
	background-color: #f3faff;
    border: 1px solid #e4f4fd;
	border-radius: 4px;
    padding: 62px 60px;
    margin: 40px 0px 60px 0px;
}


/*---------------------- OVERRIDE ALL SCREEN STYLES WHEN PRINTING ---------------- */
@media print {
  body {
    margin: 0;
    color: #000;
    background-color: #fff;
  }
	.elementor-location-header, .breadcrumbs-wrapper, .posts-progress-tracker, .del-din-viden-wrapper, .posts-related-posts-section, .elementor-location-footer  {
		display:none;
	}
}

/*---------------------- WOOCOMMERCE ---------------- */
.elementor-add-to-cart table.variations, .wcdp-choose-donation {
	background-color: #f3faff;
	border: 1px solid #e4f4fd;
    border-radius: 4px;
    padding: 62px 60px;
}

#wcdp_amount {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 8px;
	grid-row-gap: 8px;
}

ul#wcdp_amount li:nth-child(1) {grid-area: 1 / 1 / 2 / 2;}
ul#wcdp_amount li:nth-child(2) {grid-area: 1 / 2 / 2 / 3;}
ul#wcdp_amount li:nth-child(3) {grid-area: 1 / 3 / 2 / 4;}
ul#wcdp_amount li:nth-child(4) {grid-area: 2 / 1 / 3 / 4;}



label[for=wcdp-donation-amount], .wcdp-button-label, input.wcdp-donation-amount, #wcdp-donation-amount, #wcdp_va_amount .woocommerce-Price-currencySymbol {
	font-family: var(--e-global-typography-5159455-font-family ), Sans-serif;
    font-size: var(--e-global-typography-5159455-font-size );
    font-weight: var(--e-global-typography-5159455-font-weight );
    text-decoration: var(--e-global-typography-5159455-text-decoration );
    line-height: var(--e-global-typography-5159455-line-height );
    letter-spacing: var(--e-global-typography-5159455-letter-spacing );
    word-spacing: var(--e-global-typography-5159455-word-spacing );
	}
#wcdp-donation-amount {width: calc(100% - 5ch);}
.variations_form .button.wcdp-button {
	float:none;
	width: 100%;
}

.variations_form .button.wcdp-button .wcdp-arrow.wcdp-right-arrow {display:none;}

.wcdp-divider-arrow {visibility:hidden};