/*
Theme Name: Twentytwenty Child Theme
Author: Anders Skov
Author URI: http://digitaldannelse.org
Template: twentytwenty
Version: 1.0.0
*/


/*******************************************************************************
THEMES CHANGES
********************************************************************************/

.entry-content {
	font-family: inherit;
}

/* primary font color */
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #EEE !important;
}


.header-titles-wrapper {
	max-width: 35%;
}

.powered-by-wordpress {
	display: none;
}

.advgb-accordion-wrapper {
	font-size: 75%;
}

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: inherit;
}

.wp-block-advgb-button.alignnone, .wp-block-advgb-button.aligncenter, .wp-block-advgb-button.alignleft, .wp-block-advgb-button.alignright, .wp-block-advgb-button.alignwide {
	margin-bottom: 0;
	margin-top: 0;
}



/*******************************************************************************
TITLES
********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	text-transform: uppercase;
	border-bottom: 1px solid #666;
	margin-top: .5rem;
}

/*******************************************************************************
HELPER CLASSES
********************************************************************************/
.border-bottom {
	border-bottom: 1px solid #666;
}

.border-0 {
	border: 0 !important;
}

.w-100 {
	width: 100%;
}

.mt {
	margin-top: 1rem;
}

.mb {
	margin-bottom: 1rem;
}

.uppercase {
	text-transform: uppercase;
}

.text-center {
	text-align: center;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #aaa;
}

.lead {
	font-size: 120%;
	font-weight: 400;
}


/*******************************************************************************
BUTTONS NEW
********************************************************************************/
.button {
	position: relative;
	border-radius: 4px;
	display: inline-block;
	padding: 0.75em;
	font-size: 1.1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	text-align: center;
	-webkit-print-color-adjust: exact;
	text-decoration: none !important; 
	cursor: pointer;
	white-space: normal;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	font-weight: 200;
	color: inherit;
	background:rgba(0,0,0,0.6); 
	border: 1px solid rgba(0,0,0,0.3);
}

.button.small {
	padding: 0.25em;
	font-size: 0.8em;
	border-width: 1px;
}
.button.medium {
	padding: 0.5em;
	font-size: 1em;
}
.button:hover {
	background:rgba(0,0,0,0.75); 
}
.dark.button {
	color: #FFF;
	background:rgba(0,0,0,0.6); 
	border: 1px solid rgba(0,0,0,0.5);
}

.light.button {
	background:rgba(255,255,255,0.1); 
}

.wp-block-advgb-button_link {
    font-size: 18px;
    color: #eeeeee !important;
    background-color: #4e4c4c !important;
    margin: 0px 0px 0px 0px !important;
    padding: 10px 30px 10px 30px;
    border-width: 1px !important;
    border-color: #313131 !important;
    border-style: solid !important;
    border-radius: 4px !important;
}

/*******************************************************************************
BOX
********************************************************************************/

.box {
	background: #EEE;
	padding: 3rem 2rem;
	margin-bottom: 15px;
}

/*******************************************************
RCP REGISTRATION FORM
********************************************************/

#rcp_registration_form .rcp_login_link {display: none;}

.rcp_user_fieldset label {
	width: 25%;
}

.rcp_user_fieldset  input {
	width: 74%;
	height: initial;
}
.rcp_user_fieldset  input[type="checkbox"] {
	width: initial;
	height: initial;
}

.rcp_subscription_fieldset {
	margin-top: 20px;
}

ul#rcp_subscription_levels {
	list-style: none;
	padding: 0;
}

li.rcp_subscription_level {
	position: relative;
	padding-left: 20px;
}

li.rcp_subscription_level input {
	position: absolute;
	left: 0;
}
li.rcp_subscription_level label {
	font-weight: normal;
	-webkit-transform: translateY(-38%);
	transform: translateY(-38%);
}


#rcp_submit_wrap {
	margin-top: 10px;
	text-align: center;
}

#rcp_termCondition_label {
	color: rgb(214,80,80); 
	width: 74%;
}


/*******************************************************
TABLES
********************************************************/

table {
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin-top:20px;
	margin-bottom:20px;

	border:#ccc 1px solid;
	border-radius:3px;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-right: 0;
	border-left: 0;

	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child {
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:20px;
}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 0;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

/*
** Single UV materialer
*/

/* Sidebar */

.c-koed-btn {
	box-shadow: 1px 1px 12px 0px #ccc;
    transition: all 0.2s ease;
    font-size: 18px;
    color: #eeeeee !important;
    background-color: #4e4c4c !important;
    padding: 10px 30px 10px 30px;
    border-width: 1px !important;
    border-color: #313131 !important;
    border-style: solid !important;
    border-radius: 4px !important;
    display: block;
    width: fit-content !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
    font-family: inherit;
}

.c-trial-btn {
	font-family: inherit;
    font-size: 18px !important;
    color: #313131 !important;
    background-color: #eeeeee !important;
    margin: 30px 0px 0px 0px !important;
    padding: 10px 30px 10px 30px;
    border-width: 1px !important;
    border-color: #313131 !important;
    border-style: solid !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
}

/*******************************************************************************
RAIN OPDATERINGER DEC 2024
********************************************************************************/

:root {
/*FARVER*/	
	--rain-main-color-h: 0;
	--rain-main-color-s: 49%;
	--rain-main-color-l: 52%;


/*FARVE VARIABLER*/
	--rain-background-color: #F5F6F7;
	--rain-main-color: hsl(var(--rain-main-color-h), var(--rain-main-color-s), var(--rain-main-color-l));
	--rain-dark-color: #4C4C4C;
	--rain-grey-color: #D2D2D2;
	
	--rain-hover-darkness: 12%;
	--rain-main-hover: hsl(var(--rain-main-color-h), var(--rain-main-color-s), calc(var(--rain-main-color-l) - var(--rain-hover-darkness)));

/*TYPOGRAFI*/
	--rain-typografi: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
}

.page-id-8616.custom-background, .postid-8832.custom-background {
	background-color: var(--rain-background-color);
}

.page-id-8616 {
	font-family: var(--rain-typografi);
}

.page-id-8616 a, .page-id-8616 a:hover {
	text-decoration: none;
	transition: all 0.3s ease !important;
	color: var(--rain-main-color);
}

.page-id-8616 a:hover {
	color: var(--rain-main-hover);
}

.page-id-8616 .entry-content h1, .page-id-8616 .entry-content h2, .page-id-8616 .entry-content h3, .page-id-8616 .entry-content h4, .post-8672 .entry-content h1{
	font-family: var(--rain-typografi);
	margin: 1rem auto 1rem;
	font-weight: 700;
} 

.page-id-8616 .entry-content h1,  {
	font-size: 78px;
}

.page-id-8616 .entry-content h2, .blogindlæg-relateret-indlæg h2 {	
	font-size: 42px;
	font-weight: 700;
}

.page-id-8616 .entry-content h3 {
	font-weight: 400;
	font-size: 28px;
}

.page-id-8616 .entry-content h4 {
	font-size: 24px;
	font-weight: 700;
}

.page-id-8616 .entry-content p {
	font-size: 16px !important;
}

.page-id-8616 .entry-content .rain-font-20, .rain-font-20{
	font-size: 20px !important;
}

body, .entry-title a, :root .has-primary-color {
	color: var(--rain-dark-color) !important;
}

.page-id-8616 .page .entry-header {
	display: none;
}

.rain-maincolor-background {
	background-color: var(--rain-main-color);
	color: white;
}

.page-id-8616 .post-inner {
	padding-top: 0;
}

.page-id-8616 .wp-block-cover__background, .page-id-8616 .wp-block-cover__video-background, .page-id-8616 .alignwide, .add-border-radius {
	border-radius: 30px !important;
}

/*Alignwide skal have samme indstillinger som header-inner*/
@media (min-width: 1800px) {
	.page-id-8616 .alignwide {
		max-width: 168rem !important;
		width: 168rem !important;
	}
}

@media (min-width: 1280px) {
	.page-id-8616 .alignwide {
		max-width: 168rem !important;
		width: calc(100% - 8rem) !important;
		padding: 2.8rem 0;

	}
}

.page-id-8616.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 168rem !important;
}

.page-id-8616 .wp-block-image {
	margin-bottom: 2rem !important;
    margin-top: 0rem !important;
}

.page-id-8616 .wp-block-image img{
    border-radius: 10px !important;
}

.page-id-8616 .rain-img-square img {
	border-radius: 0px !important;
}

/*BUTTON*/
.rain-primary-button-large a {
	padding: 20px 40px;
	background-color: var(--rain-main-color);
	font-size: 18px !important;
	color: white;
	border-radius: 5px;
}

.rain-primary-button-large a:hover {
	background-color: var(--rain-main-hover);
	color: white !important;
	border-radius: 5px;
}

.rain-primary-button-small a {
	font-size: 16px !important;
	padding: 6px 14px !important;
	background-color: var(--rain-main-color) !important;
	color: white !important;
	border-radius: 5px;
}

.rain-primary-button-small a:hover {
	background-color: var(--rain-main-hover) !important;
	color: white !important;
	border-radius: 5px;
}

.rain-secondary-button-small a, .blogindlæg-relateret-indlæg a.wp-block-latest-posts__read-more {
	font-size: 16px !important;
	padding: 6px 14px !important;
	color: var(--rain-main-color) !important;
	border: 2px solid var(--rain-main-color) !important;
	border-radius: 5px;
}

.rain-secondary-button-small a:hover, .blogindlæg-relateret-indlæg a.wp-block-latest-posts__read-more:hover  {
	background-color: white; 
}

.rain-negative-button-large a {
	background-color: var(--rain-main-color) !important;
	color: white !important;
	font-size: 18px !important;
	font-weight: 700;
	padding: 20px 40px !important;
	border-radius: 5px !important;
	border: 2px solid white !important;;
}

.rain-negative-button-large a:hover {
	background-color: var(--rain-main-hover) !important;
}

.rain-negative-button-small a, .rain-ydelse-slider .eb-slider-button-wrapper a{
	background-color: white;
	color: var(--rain-dark-color);
	font-size: 16px !important;
	font-weight: 700;
	padding: 6px 14px !important;
	border-radius: 5px !important;
	border: none !important;
}

.rain-negative-button-small a:hover, .rain-ydelse-slider .eb-slider-button-wrapper a:hover {
	color: var(--rain-main-color) !important;
	background-color: white !important;
} 

.page-id-8616 .wp-block-button__link {
	text-decoration: none !important;
	text-transform: unset !important;
	font-family: unset;
	font-weight: 700;
}

.rain-multiple-knapper {
	flex-direction: column;
	align-items: flex-start;
}

.postid-8832.post-template p > a {
	font-weight: 600;
	color: var(--rain-main-color);
	text-decoration: none;
}

.postid-8832.post-template p > a:hover {
	color: var(--rain-main-hover);
}


/*******************************************************************************
RAIN - Menu
********************************************************************************/

.page-id-8616 #site-header, .postid-8832 #site-header {
	background-color: unset;
}

.page-id-8616 #site-header .primary-menu > li a, .page-id-8616 site-description, .page-id-8616 .header-footer-group #site-header .header-toggles .toggle {
	color: var(--rain-dark-color) !important;
	font-weight: 300;
}

.page-id-8616 #site-header .primary-menu > li a:hover {
	color: var(--rain-main-hover) !important;
}

/*******************************************************************************
RAIN - Forside
********************************************************************************/

.page-id-8616 h1 mark {
	text-decoration: underline;
}

.page-id-8616 .entry-content p.rain-header-underoverskrift {
	font-size: 30px !important;
}

/*Slider*/
.page-id-8616 .eb-slider-wrapper .eb-slider-type-image .eb-slider-item img {
	object-fit: contain;
	height: 64px !important;
	width: 100% !important;
}

.page-id-8616 .rain-ydelse-slider img, .rain-ydelseoversigt-slider img{
	object-fit: contain !important;
	object-position: 0;
	margin-bottom: 10px !important;
}

.page-id-8616 .eb-slider-wrapper .slick-next {
    right: 25px !important;
}

.page-id-8616 .eb-slider-wrapper .slick-prev {
    left: 25px !important;
}

.page-id-8616 .rain-slider-navigation-white .eb-slider-wrapper .slick-next i, .page-id-8616 .rain-slider-navigation-white .eb-slider-wrapper .slick-prev i, .page-id-8616 .rain-ydelse-slider .eb-slider-wrapper .slick-next i, .page-id-8616 .rain-ydelse-slider .eb-slider-wrapper .slick-prev i {
	color: white !important;
}

.page-id-8616 .rain-forside-5-col h4, .page-id-8616 .rain-ydelse-slider h4{
	font-size: 18px !important;
}

.page-id-8616 .rain-forside-5-col p, .page-id-8616 .rain-ydelse-slider p{
	font-size: 15px !important;
}

.page-id-8616 .rain-forside-5-col {
	padding: 40px;
}

.rain-slider-overskrift {
	bottom: -15rem;
    position: relative;
    z-index: 1;
    height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    color: white;
}

.rain-slider-overskrift-mørk {
	color: var(--rain-dark-color) !important;
	bottom: unset;
}

.rain-ydelseoversigt-slider {
	display: inline-block;
}

.rain-ydelseoversigt-slider .eb-slider-0dxqj {
	padding-top: 20px !important;
}

.rain-logo-slider {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}

.rain-mobile-only {
	display: none;
}

/* underside */
.header-billede-underside .wp-block-cover__inner-container {
	padding: 0 4vw;
}

@media screen and (min-width: 781px) { 
	.header-billede-underside .wp-block-cover__inner-container {
		padding: 0 15vw;
	}
}

/* kontakt os sektion */

.rain-kontakt-sektion .wp-block-column {
	display: flex;
	flex-direction: column;
    justify-content: center;
    padding: 40px !important;
}

.page-id-8616 .entry-content .rain-kontakt-sektion h2{
	margin: unset !important;
}

/*******************************************************************************
RAIN - blogindlæg
********************************************************************************/

.postid-8832.post-template .featured-media-inner {
	max-width: 168rem;
}

@media screen and (max-width: 1800px) { 
	.postid-8832.post-template .featured-media-inner {
		width: calc(100% - 4rem);
		left: unset;
		margin-left: auto;
		margin-right: auto;
	}

	.postid-8832.post-template .entry-header {
		padding: 20px !important;
	}	
}

.postid-8832.post-template .featured-media-inner img {
	width: 100%;
	z-index: -1;
	border-radius: 30px;
	max-height: 460px !important;
	object-fit: cover;
	filter: brightness(0.5);
}

.postid-8832.post-template .entry-categories, .postid-8832.post-template .post-meta, .postid-8832.post-template .featured-media::before, .postid-8832.post-template .pagination-single {
	display: none;
}

.postid-8832.post-template .entry-header {
	position: absolute;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 460px;
	background: none;
	z-index: 1;
	text-align: left;
	padding: 40px;
}

.postid-8832.post-template .entry-header .section-inner {
	max-width: 120rem;
}

@media screen and (min-width: 700px) {
	.postid-8832.post-template .entry-header .section-inner {
		width: calc(100% - 8rem);
	}
}

@media screen and (max-width: 960px) {
	.postid-8832.post-template .entry-header {
		min-height: 40vw;
	}
}

.postid-8832.post-template .entry-header h1 {
	font-weight: 700;
	font-family: var(--rain-typografi);
}

.postid-8832.post-template .post-inner {
	padding: 0;
}

@media screen and (max-width: 1400px) {
	.postid-8832.post-template .post-inner {
		padding: 0 40px;
	}
}

@media screen and (max-width: 781px) {
	.postid-8832.post-template .post-inner {
		padding: 0 20px;
	}
}

.postid-8832.post-template .entry-content {
	font-size: 18px;
}

.postid-8832.post-template img, .blog-copyright-boks {
	border-radius: 30px;
	font-size: 16px;
	width: 100%;
}

@media screen and (min-width: 781px) {
	.postid-8832.post-template .entry-header h1 {
		width: 60%;
	}

	.postid-8832.post-template .wp-block-column:nth-child(2) {
		position: relative;
		top: -130px;
	}
}

.postid-8832.post-template time::before {
	content: "Senest opdateret ";
}

.blogindlæg-relateret-indlæg {
	padding-top: 40px;
}

.blogindlæg-relateret-indlæg h2 {
	margin: 0;
}

.blogindlæg-relateret-indlæg ul {
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}

.blogindlæg-relateret-indlæg li {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: unset !important;
}

.blogindlæg-relateret-indlæg img {
	border-radius: 10px !important;
	margin-bottom: 20px;
}

.blogindlæg-relateret-indlæg a.wp-block-latest-posts__post-title {
	font-size: 28px;
	font-weight: 400;
	color: var(--rain-dark-color);
}

.blogindlæg-relateret-indlæg a.wp-block-latest-posts__read-more {
	display: table !important;
	margin-top: 10px;
}

.blogindlæg-relateret-indlæg .wp-block-buttons {
	width: 100%;
}

/*Udtalelser*/

.rain-citat-overskrift {
	bottom: -10rem !important;
}

@media screen and (min-width: 781px) {
	.rain-citat-slider .eb-slider-item {
		width: 60% !important;
	}
}

.rain-citat-slider {
	border-radius: 30px;
}

.rain-citat-slider .slick-list, .rain-citat-slider * {
	text-align: center;
}

.rain-citat-slider img {
	width: unset !important;
	height: unset !important;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.rain-citat-slider .eb-slider-wrapper {
    padding-top: 90px !important;
    padding-bottom: 20px !important;
}

.rain-citat-slider b {
	margin-top: 20px;
	display: table;
}

.rain-citat-slider .eb-slider-button {
	margin-top: 40px !important;
}

.page-id-8616 .rain-citat-slider .slick-next, .page-id-8616 .rain-citat-slider .slick-prev {
	height: 90px;
}

@media screen and (max-width: 780px) {
	.rain-citat-slider .slick-track {
		width: 100% !important;
	}

	.rain-citat-slider .slick-slide {
		width: unset !important;
	}
}

/*******************************************************************************
RAIN - Breakpoint: tablet
********************************************************************************/
@media screen and (max-width: 1080px) {
	.rain-forside-5-col {
		display:none;
	}

	.rain-mobile-only  {
		display: block;
	}

	.page-id-8616 .entry-content h1 {
	font-size: 68px;
}

	.wp-block-essential-blocks-slider>div>div {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.page-id-8616 .eb-slider-wrapper .slick-next {
	    right: -20px !important;
	}

	.page-id-8616 .eb-slider-wrapper .slick-prev {
	    left: -20px !important;
	}
}

/*******************************************************************************
RAIN - Breakpoint: mobile
********************************************************************************/
@media screen and (max-width: 781px) {
	.page-id-8616 .entry-content h1 {
		font-size: 48px;
	}

	.page-id-8616 .entry-content p.rain-header-underoverskrift {
		font-size: 22px !important;
	}

	.post-8672 .wp-post-image {
		width: 100%;
		min-width: unset;
	}
}

/*******************************************************************************
RAIN - Breakpoint: mini
********************************************************************************/
@media screen and (max-width: 320px) {
	.page-id-8616 .entry-content h1 {
		font-size: 32px;
	}

	.page-id-8616 .entry-content p.rain-header-underoverskrift {
		font-size: 22px !important;
	}
}
}