/*
Theme Name: Rue Grafisk Design Child Theme
Theme URI: http://www.ruegrafiskdesign.dk
Template: Divi
Author: Rue Grafisk Design
Author URI: http://www.ruegrafiskdesign.dk
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.66.1502289322
Updated: 2017-08-09 16:35:22

*/



/*-------------------------------------- Misc --------------------------------------*/


@media only screen and (min-width: 981px){
	.rain-special-column-1 .et_pb_row.et_pb_row_3-4_1-4{
		background-color: #FAFAFA;
		display: flex !important;
	}

}


.rain-special-column-1 .et_pb_row.et_pb_row_3-4_1-4 .et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single{
    background-color: #EEEEEE;
    border-radius: 20px 20px 20px 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
 }

@media only screen and (min-width: 981px){
	.rain-special-column-1 .et_pb_row.et_pb_row_3-4_1-4 .et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single{
	    margin-right: 3vw !important;
	    width: calc(25% - 3vw);
		padding-top: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
	}
}

@media only screen and (max-width: 980px) {
	body .rain-special-column-1 .et_pb_row.et_pb_row_3-4_1-4 .et_pb_column.et_pb_column_1_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single{
		margin: 10px 3vw 0 3vw !important;
		width: calc(100% - 6vw) !important;


	}

	.rain-special-column-1 .et_pb_row{
		background-color: #fafafa;
	}

}

.rain-special-section-left, .rain-special-section-right, .rain-column-custom-gap-left, .rain-column-custom-gap-right{
	width: calc(50% - 5px)!important;
}

.rain-special-section-left, .rain-column-custom-gap-left{
	margin-right: 5px !important;
}

.rain-special-section-right, .rain-column-custom-gap-right{
	margin-left: 5px !important; 

}

.rain-special-row-flex{
	display: flex;
}


@media only screen and (max-width: 860px) {
	.rain-special-section-left, .rain-special-section-right{
		width: 100% !important;
	}

	body .rain-special-column-1 .rain-special-row-flex .rain-special-section-left{
		margin-bottom: 10px !important;
	}

	.rain-special-section-left, .rain-column-custom-gap-left{
		margin-right: 0px !important;
	}

	.rain-special-section-right, .rain-column-custom-gap-right{
		margin-left: 0px !important; 

	}

	.rain-special-row-flex{
		display: block;
	}

	.rain-column-custom-gap-left, .rain-column-custom-gap-right{
		width: 100% !important;
	}
	body .et_pb_section .rain-row-custom-gap .rain-column-custom-gap-left{
		margin-bottom: 1rem !important;
	}
}



.rain-aspect-ratio-1{
	aspect-ratio: 4 / 3;
	display: flex;
	justify-content: center; /* horizontal centering */
	align-items: center;     /* vertical centering */
	flex-direction: column;

}

.rain-aspect-ratio-2{
	aspect-ratio: 1240 / 600;
	display: flex;
	justify-content: center; /* horizontal centering */
	align-items: center;     /* vertical centering */
	flex-direction: column;
	max-width: 100% !important;
}


.rain-vores-services-blurb .et_pb_column{
	display: flex;
	align-items: center;
	gap: 10px;
}

.rain-vores-services-blurb .et_pb_column .et_pb_image{
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

@media only screen and (max-width: 980px) {
	.rain-mobile-flex{
		display: flex;
		align-items: center;
	}
	.rain-mobile-flex .et_pb_column{
		margin-bottom: 0 !important;
		padding-right: 10px;
		padding-left: 10px;
	}

	.rain-mobile-flex .et_pb_column:last-child{
		display: none !important;
	}

}

@media only screen and (max-width: 520px) {
	.rain-mobile-flex{
		display: block;
	}
}

@media only screen and (max-width: 980px) {
	.rain-vores-services-blurb{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}


/*-------------------------------- Footer --------------------------------*/
@media only screen and (max-width: 980px) {

	body .et-l.et-l--footer .rain-footer-row-4col .et_pb_column_0_tb_footer, body .et-l.et-l--footer .rain-footer-row-4col .et_pb_column_3_tb_footer{
		width: 100%;
		margin-right: 0; 
	} 
	body .et-l.et-l--footer .rain-footer-row-4col .et_pb_column_1_tb_footer{
		margin-right: 5.5%; 
	} 
	body .et-l.et-l--footer .rain-footer-row-4col .et_pb_column_2_tb_footer{
		margin-right: 0; 
	} 
}

/*-------------------------------- Tekst rettelser --------------------------------*/

@media only screen and (min-width: 1300px) {
	.rue-tekst-rettelser p{
		
	}

	.rue-tekst-rettelser h1{
		
	}	

	.rue-tekst-rettelser h2{
		
	}	

	h3{
		margin-bottom: 2rem !important;	
	}	

	.rue-tekst-rettelser h4{
		
	}

	.rue-tekst-rettelser h5{
		
	}	

	.rue-tekst-rettelser h6{
		
	}
}


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


body .rain-global-header .et_pb_menu_0_tb_header.et_pb_menu ul .rain-kontakt-knap a{
	background-color: #F88D2B;
	margin: 20px 0;
	padding: 0 15px !important;
	border-radius: 50px;
	color: #f4f4f4 !important;
	transition: all 300ms ease 0ms;
}

body .rain-global-header .et_pb_menu_0_tb_header.et_pb_menu ul .rain-kontakt-knap a:hover{
	background-color: #d18439;
	color: #f4f4f4 !important;
}

.nav li li {
  padding: 0 0px!important;
}

.nav li ul {
	width: 270px!important;
}

.et-menu li li a {
    width: 270px!important;    
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	color: #F88D2B!important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item ul li a {
	color: #404040!important;
}

/*-------------------------------------- Priser og kontorer --------------------------------------*/


.rain-flex-column-blurb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}


@media (max-width: 980px) {
	.rain-flex-column-blurb .et_pb_button_module_wrapper{
		order:4;
	}
	.rain-order-4{
		order:3;
	}
}

/*--------------- Accordion ---------------*/

.rue-accordion-width {
	width: 50%;
}

@media (max-width: 1100px) {
	.rue-accordion-width {
		width: 100%;
	}
}



/*-------------------------------------- ledig kontor --------------------------------------*/
.rain-flex-img-col{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.rain-flex-img-col-full {
  flex: 1 1 100%;
  margin-bottom: 0 !important;
}

.rain-flex-img-col-half {
  flex: 1 1 calc(50% - 10px);
  margin-bottom: 0 !;
}


@media (max-width: 479px) {
	.rain-last-row-of-icons .et_pb_column{
		margin-bottom: 0 !important;
	}
	body .et_pb_row.rain-last-row-of-icons{
		padding-bottom: 0 !important;
	}

}


.rain-grey-button{
	pointer-events: none;
}


.rain-kontakt-img, .rain-kontakt-half-text{
width: calc(40% - 10px);
    float: left;
}

.rain-kontakt-img{
	margin-right: 20px;
}


/*-------------------------------------- Pop up --------------------------------------*/

.popup .et_pb_row{ 
	display: flex;
	align-items: center;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close{
	color: #fff;
	background-color: #f88d2b;
	border-radius: 50%;
	opacity: 100;
	height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 30px;
    top: -20px;
    right: -20px;
}

body.custom-background{
	background-color: #fff;
}



@media (max-width: 980px) {
	.popup .et_pb_row{ 
		flex-direction: column;
	}

}



@media only screen and (max-width: 1260px) and (min-width: 980px){
	.rain-hidden-on-tablet span{
		display: none;
	}
}

/*-------------------------------------- make the Divi mobile dropdown menu scrollable --------------------------------------*/

.et_mobile_menu {
	overflow: scroll !important;
	max-height: 70vh;
}