/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.20.4
Description: Web design/development and UX/UI design portfolio
Template: Divi
Author: Ivy Leuschen
*/

/* My styling */

@font-face {
	font-family: Forelle;
	src: url('/fonts/Forelle.ttf');
}

h1 {
	background: linear-gradient( 180deg, #fefefe, #4fff4f);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h2, h3, p {
	color: #fefefe;
}

/**********
   Tablet
**********/
@media (min-width: 981px) and (max-width: 1150px) {
	/*Logo*/
	#et-boc > header > div > div > div > div > div > div > div.et_pb_menu__logo-wrap {
		width: 22%;
	}
	
	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div {
		width: 70%;
	}
}

@media (max-width: 980px) {
	/*Hamburger menu changes*/
	#mobile_menu1.et_mobile_menu{
		right: 0 !important;
		left: auto;
		width: 40%;
		border-radius: 4%;
	}

	.et-l--header ul {
		padding: 1em 1em !important;
	}

	.et_mobile_menu li a {
		padding: 10px;
	}

	#mobile_menu1 > li {
		display: flex;
		justify-content: center;
	}
	
	/*Portfolio section changes*/
	#portfolio > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough {
		margin-bottom: 0;
	}

	#portfolio > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough {
		display: none;
	}

	/*About section changes*/
	.about_info {
		display: flex;
		flex-direction: column-reverse;
	}

	#about > div > div > div.et_pb_image_9 {
		width: 35%;
	}

	/*Contact section changes*/
	#contact > div.et_pb_row.et_pb_row_12 > div {
		margin-bottom: 0;
	}

	#contact > div.et_pb_row.et_pb_row_12 {
		display: flex;
	}

	#contact > div > div > div.et_pb_image_10 {
		margin-right: 5%;
	}

	#contact > div > div > div.et_pb_image_11 {
		margin-left: 5%;
	}

	#contact > div > div > div.et_pb_image_10, #contact > div > div > div.et_pb_image_11 {
		width: 20%;
	}

	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div {
		width: 45%;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 140px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 140px !important;
	}

	/*Footer changes*/
	#et-main-area > footer > div > div > div {
		display: flex;
	}

	#et-main-area > footer > div > div > div > div {
		margin-bottom: 0;
	}
}

@media (min-width: 869px) and (max-width: 981px) {
	/*Web Shop*/
	#post-314 > div > div > div > div > div.et_pb_row.et_pb_row_1 > div.webshop_imgs {
		padding-left: 150px;
	}
}

@media (max-width: 871px) {
	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 120px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 120px !important;
	}
}

@media (max-width: 766px) {
	/*Logo*/
	#et-boc > header > div > div > div > div > div > div > div.et_pb_menu__logo-wrap {
		width: 30%;
	}

	/*About section changes*/
	#about > div > div > div.et_pb_image_9 {
		width: 40%;
	}

	/*Web Shop*/
	#post-314 > div > div > div > div > div.et_pb_row.et_pb_row_1 > div.webshop_imgs {
		padding-left: 100px;
	}
}

@media (max-width: 730px) {
	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 110px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 110px !important;
	}
}

/**********
   Mobile
**********/
@media (max-width: 665px) {
	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div {
		width: 50%;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 90px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 90px !important;
	}
}

@media (max-width: 650px) {
	/*Contact section changes*/
	#contact > div > div > div.et_pb_image_10, #contact > div > div > div.et_pb_image_11 {
		width: 30%;
	}
}

@media (max-width: 560px) {
	h1 {
		font-size: 35px;
	}

	/*Logo*/
	#et-boc > header > div > div > div > div > div > div > div.et_pb_menu__logo-wrap {
		width: 42%;
	}

	/*Hamburger menu changes*/
	#mobile_menu1.et_mobile_menu{
		right: 0 !important;
		left: auto;
		width: 50%;
		border-radius: 4%;
	}

	/*Contact section changes*/
	#contact > div > div > div.et_pb_image_10, #contact > div > div > div.et_pb_image_11 {
		width: 25%;
	}

	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 70px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 70px !important;
	}
}

@media (max-width: 461px) {
	/*Market Coffee*/
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div {
		width: 60%;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_0,
	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_2 {
		margin-left: 40px !important;
	}

	#post-409 > div > div > div > div > div > div.marketcoffee_imgs > div.et_pb_image_1 {
		margin-right: 40px !important;
	}

	/*Project H1 Travel*/
	#post-76 > div > div > div > div > div.et_pb_row.et_pb_row_0 {
		width: 87% !important;
	}

	/*Project navigation*/
	.project_nav {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.project_nav span.nav-previous, .project_nav span.nav-next {
		display: flex;
		justify-content: center;
	}

	.project_nav span.nav-previous {
		margin-bottom: 30px;
	}

	/*Footer changes*/
	#et-main-area > footer > div > div > div {
		display: flex;
		flex-direction: column;
	}

	#et-main-area > footer > div > div > div > div {
		display: flex;
		justify-content: center;
	}

	#et-main-area > footer > div > div > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_0_tb_footer.et_pb_css_mix_blend_mode_passthrough {
		margin-bottom: 30px;
	}
}

@media (max-width: 663px) {
	/*WEb Shop*/
	#post-314 > div > div > div > div > div.et_pb_row.et_pb_row_1 > div.webshop_imgs {
		padding-left: 60px;
	}
}

@media (max-width: 520px) {
	/*WEb Shop*/
	#post-314 > div > div > div > div > div.et_pb_row.et_pb_row_1 > div.webshop_imgs {
		padding-left: 15px;
	}
}

@media (min-width: 320px) and (max-width: 440px) {
	/*Logo*/
	#et-boc > header > div > div > div > div > div > div > div.et_pb_menu__logo-wrap {
		width: 46%;
	}

	/*Contact section changes*/
	#contact > div > div > div.et_pb_image_10, #contact > div > div > div.et_pb_image_11 {
		width: 42%;
	}

	/*WEb Shop*/
	#post-314 > div > div > div > div > div.et_pb_row.et_pb_row_1 > div.webshop_imgs {
		padding-left: 0;
	}
}