/*
Theme Name:     Ungdomsbureauet
Description:    
Author:         Ungdomsbureauet.dk 
Template:       Divi

*/


/*------------------------------------*\
    Helper classes
\*------------------------------------*/

/* Vertical align */
.vertical-align { 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    -ms-flex-align:center;
}

@media only screen and ( max-width: 980px ) {
	.flip { 
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}
}

/*------------------------------------*\
    General
\*------------------------------------*/

/*Product grid style / udgivelser*/
.et_pb_shop .products .product p, .related-prod p {
    color: #222222;
	font-weight: 300;
	padding-bottom: 10px;
}

.et_pb_shop .products .product {
	padding-bottom: 50px !important;
}

.container-prod {
	display: flex;	
	align-items: center;
	margin-top: 1em;
}

.cart-sizing {
	font-size: 44px;
	padding-left: 20px;
	align-items: center;
}

a.button.wc-custom-button-view-product.button-readmore-style {
    background-color: #fff;
    border-color: #fff;
	color: #222222 !important;
	align-items: center;
	margin-top: 0px !important;
}

a.button.wc-custom-button-view-product.button-readmore-style:hover {
    border-color: #EC6529;
	color: #ffffff !important;
}

.related-prod a.button.wc-custom-button-view-product.button-readmore-style:hover {
	color: #ffffff !important;
}

.related-prod a.et-cart-info.cart-sizing {
	color: #222222 !important;
}

.product-grid-container img {
    width: 75% !important;
	/*box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) !important;*/
}

.page .woocommerce-page .product-grid-container ul.products li.product a img, .woocommerce ul.products li.product a img {
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) !important;
}

/*.page .filter-button a.et_pb_button:hover {
	background-color: #FF6F00 !important;
	color: #ffffff !important;
}*/

@media only screen and (min-width: 600px) and (max-width: 960px) {
	.cart-sizing{
		font-size: 30px;
	}
}

@media only screen and (max-width: 600px) {
	.filter-button .et_pb_button {
    	width: 100%;
	}
	.filter-button .et_pb_button_3{
		margin-bottom: 30px;
	}
}

/*Værktøjskasse grid and filter*/

.vaerktoej-grid-container .et_pb_post{
	display: flex;
	flex-direction: column;
}

.varktoj-grid .et_pb_post {
	display: flex;
	flex-direction: column;
}

.type-vaerktoej .et_pb_image_container {
	order: 2;
}

.type-vaerktoej .entry-title {
	order: 1;
	padding-bottom: 40px;
}

.vaerktoej-grid-container  .et_pb_image_container {
	margin: 0px !important;
}

.varktoj-grid .et_pb_image_container {
	margin: 0px;
}

/*add a neceassry position to the blog posts*/
.vaerktoej-grid-container .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}
/*make the title link spread over the entire post*/
.vaerktoej-grid-container .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}
/*change the mouse cursor into a pointer
.vaerktoej-grid-container .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}
*/
/*
.vaerktoej-grid-container .et_pb_blog_grid_wrapper .et_pb_post {
    pointer-events: auto;
}
*/
.varktoj-grid .vaerktoej:hover {
	opacity: 70% !important;
	background-color: #fff !important;
}

@media only screen and (max-width: 600px) {
	a.btn-mobile-width {
    	width: 100%;
	}
	.btn-first-mobile{
		margin-bottom: 30px;
	}
	a.btn-first-mobile {
		margin-bottom: 30px;
	}
}

/*Bookingsiden*/

.cta-box img {
    border-radius: 20px;
	margin-top: 30px;
}

.cta-box span {
    padding-left: 10px;
	display: inline-block;
}

.cta-box h2 {
    padding-left: 90px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.cta-box .et_pb_promo_description{
	padding-bottom: 0px !important;
}

.btn-icon-booking .cta-box {
	display: flex;
	flex-direction: column;
}

.btn-icon-booking .cta-box .et_pb_promo_description{
	order: 2;
}

.btn-icon-booking .cta-box .et_pb_button_wrapper{
	order: 1;
}

.test-module-booking .et_pb_column {
	display: flex;
	flex-direction: column;
}

.test-module-booking .text-inner-desc{
	order: 3;
}

.test-module-booking .text-inner-headline{
		order: 2;
}

.test-module-booking .et_pb_image {
		order: 4;
}

.test-module-booking .et_pb_icon {
	order: 1;
}