/*
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 screen and ( max-width: 980px ) {
    .first-on-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 980px) {
	div.et_pb_section.rain-background-graphics {
	    background-size: initial;
	    background-position: left center, right bottom;
	    background-image: url(http://troi.raincreative.dk/wp-content/uploads/grafik-blad_1.svg), url(http://troi.raincreative.dk/wp-content/uploads/grafik-blad_2.svg) !important;
	}
}

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

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

	.rue-tekst-rettelser h1{
		
	}	

	.rue-tekst-rettelser h2{
		
	}	

	.rue-tekst-rettelser h3{
		
	}	

	.rue-tekst-rettelser h4{
		
	}

	.rue-tekst-rettelser h5{
		
	}	

	.rue-tekst-rettelser h6{
		
	}
}


.rain-highlight-text {
	color: #688360;
}

strong {
	font-weight: 600 !important;
}

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

.rain-transparent-header {
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.rain-transparent-header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
	padding: 5px 0;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.rain-header-knap a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.rain-header-knap a {
	background-color: #688360;
	padding: 10px !important;
	border-radius: 5px;
	color: white !important;
	transition: 0.3s;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.rain-header-knap a:hover {
	background-color: #9BAC96;
	color: white !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0, 0, 0, .0);
 }

 .menu-item-has-children {
 	padding-right: 25px !important;
 }

 .et-menu .menu-item-has-children>a:first-child:after {
 	right: -20px;
 }

 .et_pb_menu .et_pb_menu__wrap {
 	justify-content: flex-end;
 }

@media screen and ( max-width: 980px ) {

	.et_mobile_menu .sub-menu, .et_mobile_menu {
		line-height: 14px !important;
	}

	.et_mobile_menu li a{
	 	font-weight: 700;
	}

	.et_mobile_menu .sub-menu li a{
	 	font-weight: 400;
	}

	.et_mobile_menu .menu-item-has-children>a {
    	background-color: rgba(0, 0, 0, .0);
	}

	 .et_pb_menu .et_mobile_menu {
	 	padding: 0 5px;
	 	padding-bottom: 5px;
	 }

}

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

.rain-img-overlay {
	background-color: #E9E7DA;
	border-radius: 5px;
}

.rain-img-overlay img{
	opacity: 80%;
	border-radius: 5px;
}

/*-------------------------------------- Blog --------------------------------------*/


/*-------------------------------------- Kontakt --------------------------------------*/

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
	border: none;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
}

.wpcf7-form-control[type="submit"] {
	color: #F1F0EA !important;
    border-width: 0px !important;
    border-radius: 5px;
    background-color: #688360;
    padding: 0.3em 1em !important;
    transition: all 300ms ease 0ms;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
}

.wpcf7-form-control[type="submit"]:hover {
	background-image: initial;
    background-color: #9BAC96;
    transition: all 300ms ease 0ms;
}

.rain-kontaktformular {
	display: flex;
    justify-content: center;
}

.rain-kontaktformular .et_pb_code_inner{
	width: 100%;
}