/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

/* General */
.et_pb_row, .container {
	width: 95%;
	max-width: 2000px;
}
#sidebar {
	display: none;
}
#left-area {
	width: 100%;
	padding-right: 0;
}
#main-content .container::before {
	display: none;
}
#main-header {
	box-shadow: none !important;
}
#top-menu li a, div, p, a, em, i, u, strong, .et_pb_slide_description .et_pb_slide_title, #main-footer h4 {
	font-family: "Helvetica" !important;
	font-weight: 400 !important;
}
h1,h2,h3,h4,h5,h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, #front .et_pb_slide_content, #front .et_pb_slide_content *, #front .scroll-text .et_pb_text_inner, #front .scroll-text .et_pb_text_inner p, .largest-text, .largest-text * {
	font-family: "Kobe" !important;
}

/* Header */
.et_header_style_split #top-menu-nav {
	width: 100%;
}
#top-menu li:nth-child(1), #top-menu li:nth-child(2), #top-menu li:nth-child(3), #top-menu li:nth-child(4) {
	float: left;
}
#top-menu li:nth-child(6), #top-menu li:nth-child(7), #top-menu li:nth-child(8), #top-menu li:nth-child(9) {
	float: right;
}
#top-menu li, #main-header #top-menu li:last-child {
	padding-right: 40px;
}
#top-menu li:nth-child(6) {
	padding-right: 0px;
}
#top-menu li:nth-child(8) {
	padding-right: 40px !important;
}
#top-menu li.centered-inline-logo-wrap {
	margin-left: -170px !important;
}
#top-menu li a {
	opacity: 1 !important;
	position: relative;
}
#top-menu li a::after, #footer-widgets .footer-widget li a::after {
	display: block;
	content: "";
	width: 0%;
	height: 1px;
	background: white;
	position: absolute;
	left: 0;
	bottom: 52px;
	transition: .2s ease-in-out;
}
#footer-widgets .footer-widget li a::after {
	bottom: 2px;
}
#top-menu li a:hover::after, #top-menu li.current-menu-item a::after, #footer-widgets .footer-widget li a:hover::after, .single-project #top-menu li#menu-item-18 a::after {
	width: 100%;
}
#top-menu li.centered-inline-logo-wrap a::after {
	display: none !important;
}
#main-header.et-fixed-header {
	mix-blend-mode: exclusion;
}
#main-header.et-fixed-header #top-menu li a::after {
	bottom: 22px;
}

/* Page */
#front {
	padding-top: 0 !important;
}
#front .et_pb_slide {
	height: 100vh;
}
#front .et_pb_module {
	margin-bottom: 0 !important;
}
#front .et_pb_slide_title {
	font-size: 14px !important;
	text-transform: uppercase;
}
#front .et_pb_slide * {
	text-decoration: none !important;
	text-shadow: none !important;
}
#front .et_pb_slide_content {
	font-size: 2.4vw;
  max-width: 50%;
  line-height: 2.7vw;
  margin: 20px auto 0;
}
#front .scroll-text {
	position: absolute;
	right: 50px;
	bottom: 50px;
	font-size: 16px;
	z-index: 9;
}
#front .scroll-text::after {
	display: block;
	content: '"';
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
	font-family: ETmodules !important;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-10px);
	}
	60% {
	  transform: translateY(-5px);
	}
  }
.large-text, .large-text *, .et_pb_column_1_3 h2, .et_pb_video_play::before, .project-card h2, .project-pager__col--next *, .project-pager__col--prev *, a.et_pb_button {
	font-size: 1.5vw !important;
  font-family: "Kobe" !important;
  line-height: 1.7vw !important;
}
.largest-text, .largest-text * {
	font-size: 2.2vw !important;
	line-height: 2.3vw !important;
}
.et_pb_video_play::before { 
	content: "Play";
}
h2, .et_pb_video_play::before  {
	font-size: 2.2vw !important;
}
.et_clickable img {
	transition: .2s ease-in-out;
}
.et_clickable:hover img {
	opacity: .75;
}
.align-center {
	display: grid;
	align-content: center;
	padding: 0 5%;
}

/* Contact */
.page-id-13 #top-menu li a {
	filter: invert(100%) !important;
}
.page-id-13 #main-header.et-fixed-header #top-menu li a {
	filter: invert(0%) !important;
}

/* Projekter */
.projects-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 5.5%;
	row-gap: 3%;
}

.projects-grid .project-card a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.projects-grid .project-card img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5%;
	transition: .2s ease-in-out;
}
.projects-grid .project-card a:hover img {
	opacity: .75;
}
.project-pager {
	padding-top: 150px;
}
.project-pager__col {
	width: 33.1%;
	display: inline-block;
	vertical-align: middle;
}
.project-pager__col--cta {
	text-align: center;
}
.project-pager__col--next {
	text-align: right;
}
.project-pager__col--prev, .project-pager__col--next {
	transition: .2s ease-in-out;
}
.project-pager__col--prev:hover {
	padding-left: 15px;
}
.project-pager__col--next:hover {
	padding-right: 15px;
}
.project-pager__col--prev a::before, .project-pager__col--next a::after {
	display: inline-block;
	content: "#";
	font-family: ETmodules !important;
	margin-right: 10px;
	position: relative;
  	top: 5px;
}
.project-pager__col--next a::after {
	margin-right: 0;
	margin-left: 10px;
	content: "$";
}

/* Kontakt */
.with_frm_style .frm_top_container .frm_primary_label {
	color: #000 !important;
	font-size: 14px !important;
	margin-bottom: 5px !important;
}
#main-content .with_frm_style input, #main-content .with_frm_style textarea {
	border: 1px solid rgba(0,0,0,.1) !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}
#main-content .with_frm_style input:focus, #main-content .with_frm_style textarea:focus {
	border: 1px solid black !important;
}
#main-content .with_frm_style .frm_submit button {
	font-family: "Kobe" !important;
  line-height: 1.7vw !important;
  background: black !important;
  border: 1px solid black !important;
  color: white !important;
  font-size: 18px !important;
  padding: 5px 45px !important;
  border-radius: 0px !important;
}
/* Footer */
#footer-widgets .footer-widget li {
	padding-left: 0;
	margin-bottom: 0;
}
#footer-widgets .footer-widget li a {
	opacity: 1 !important;
	display: inline-block !important;
	color: white !important;
	position: relative;
}
#footer-widgets .footer-widget li::before {
	display: none !important;
}
#main-footer .footer-widget h4 {
	margin-bottom: 15px;
}
.et_pb_gutters2.et_pb_footer_columns4 .footer-widget, .et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    width: 12%;
}
.et_pb_gutters2 .footer-widget:last-child, .et_pb_gutters3 .footer-widget:last-child {
	float: right;
}
#main-footer .footer-widget:last-child h4 {
	text-align: center;
}
#footer-widgets {
	padding: 10% 0 5%;
}

/* Mobile */
@media only screen and (max-width: 1000px) {
	.et_pb_row {
		width: 90%;
	}
	/* Header */
	.et_header_style_split #main-header .mobile_nav {
		background: none !important;
	}
	.et_header_style_split .mobile_nav .select_page {
		display: none !important;
	}
	.mobile_menu_bar::before { 
		color: white !important;
		font-size: 28px !important;
	}
	#main-header .et_mobile_menu {
		background: #fff !important;
		border-top: none !important;
		box-shadow: 0 0 30px rgba(0,0,0,.1) !important;
		text-align: center !important;
		top: 5px;
	}
	.et_header_style_split #et_mobile_nav_menu {
		margin-top: 0 !important;
	}
	.et_header_style_split .et_menu_container .mobile_menu_bar {
		top: -45px;
	}
	#main-header .et_mobile_menu li a {
		color: black !important;
		opacity: 1 !important;
		background: none !important;
		border-bottom: none !important;
	}

	/* Page */
	#front .et_pb_slide {
		height: 60vh;
	}
	#front .et_pb_slide_description {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#front .et_pb_slide_title {
		font-size: 12px !important;
		line-height: 16px !important;
		margin-bottom: 20px !important;
	}
	#front .et_pb_slide_content {
		font-size: 36px;
		max-width: 100%;
		line-height: 36px;
		margin-top: 0;
	}
	#front .scroll-text {
		bottom: 20px;
		font-size: 14px;
		left: 50px;
		text-align: center;
	}
	#front .scroll-text::after { 
		font-size: 16px;
	}
	.largest-text, .largest-text *, .large-text, .large-text *, .et_pb_column_1_3 h2, .et_pb_video_play::before, .project-card h2, h2, .et_pb_video_play::before, .project-pager__col--next *, .project-pager__col--prev *, a.et_pb_button {
		font-size: 26px !important;
		line-height: 28px !important;
	}
	#main-content .largest-text {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.three-columns .et_pb_column {
		margin-bottom: 80px !important;
	}
	.three-columns .et_pb_column:last-child {
		margin-bottom: 0px !important;
	}
	.align-center {
		padding: 0;
	}
	.et_pb_section_1 .et_pb_image {
		padding: 0 !important;
	}

	/* Projects */
	.projects-grid {
		display: block;
	}
	.project-card {
		margin-bottom: 50px !important;
	}
	.single-project .et_pb_section_1 .et_pb_text {
		text-align: center !important;
	}

	/* Contact */
	.page-id-13 #logo, .page-id-13 .mobile_menu_bar::before {
		filter: invert(100%);
	}
	#main-content .with_frm_style .frm_submit button {
		display: block !important;
  width: 100% !important;
  line-height: 24px !important;
	}

	/* Proces */
	.page-id-340 .first-on-mobile {
		margin-bottom: 20px !important;
	}

	/* Footer */
	#main-footer .footer-widget h4 {
		font-size: 14px;
  		margin-bottom: 0 !important;
	}
}

/* iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 1100px) and (orientation : portrait) {
	.footer-widget img {
		width: 150px !important;
	}
}

/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1100px) and (orientation : landscape) {
	/* Header */
	#top-menu li, #main-header #top-menu li:last-child, #top-menu li:nth-child(8) {
		padding-right: 15px !important;
	}
	#top-menu li a {
		font-size: 12px !important;
	}
	#logo {
		width: 70px !important;
	}

	/* Page */
	#front .et_pb_slide_content {
		font-size: 50px;
		max-width: 100%;
		line-height: 50px;
	}
	.largest-text, .largest-text *, .large-text, .large-text *, .et_pb_column_1_3 h2, .et_pb_video_play::before, .project-card h2, .project-pager__col--next *, .project-pager__col--prev *, a.et_pb_button {
		font-size: 24px !important;
		line-height: 28px !important;
	}

	/* Footer */
	.et_pb_gutters2.et_pb_footer_columns4 .footer-widget, .et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
		width: 20%;
	}
}