/*======================================
Theme Name: Keun Joo
Theme URI: N/A
Description: N/A
Version: 1.0
Author: Jejjcop Web Solutions AB
Author URI: https://www.jejjcop.se/
Template: Divi
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


li.current-menu-item a
{
	color:#fff !important;
	border-bottom:1px solid #fff !important;
	padding-bottom:5px !important;
	font-weight:700 !important;
}


#mobile_menu
{
	background-color:#000 !important;
}

.mobile_menu_bar:before
{
	color:#fff !important;
}



.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -0-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
 
}
 
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -0-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
 
}
 
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -0-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
 
}
 
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -0-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
 
}
 
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
 
}
 
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
 
}
 
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
 
}
 
 
 
@keyframes zoomout{
0% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
 
 
100% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
 
 
}
 
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomout-right{
0%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    animation-timing-function: linear;
}
 
 
100%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin-right{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
     
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
 
}
}



































































/*Kenburns Top Effect*/
.dp-kenburns-top .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top 7s cubic-bezier(.39,.575,.565,1.000) both;animation:dp-kenburns-top 7s cubic-bezier(.39,.575,.565,1.000) both;}
@-webkit-keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.15) translateY(-15px);transform:scale(1.15) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes dp-kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.15) translateY(-15px);transform:scale(1.15) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}

/*Kenburns Top Reverse Effect*/
.dp-kenburns-top-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;animation:dp-kenburns-top-rev 6s cubic-bezier(.39,.575,.565,1.000) reverse both;}
@-webkit-keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes dp-kenburns-top-rev{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}

/*Kenburns Top Right Effect*/
.dp-kenburns-top-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right 5s ease-in-out both;animation:dp-kenburns-top-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}@keyframes dp-kenburns-top-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Top Right Reverse Effect*/
.dp-kenburns-top-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-top-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top;}}@keyframes dp-kenburns-top-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 16%;transform-origin:84% 16%}100%{-webkit-transform:scale(1.25) translate(20px,-15px);transform:scale(1.25) translate(20px,-15px);-webkit-transform-origin:right top;transform-origin:right top}}

/*Kenburns Right Effect*/
.dp-kenburns-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;animation:dp-kenburns-right 5s cubic-bezier(.55,.085,.68,.53) both;}
@-webkit-keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Right Reverse Effect*/
.dp-kenburns-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;animation:dp-kenburns-right-rev 5s cubic-bezier(.55,.085,.68,.53) reverse both;}
@-webkit-keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}@keyframes dp-kenburns-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 50%;transform-origin:84% 50%}100%{-webkit-transform:scale(1.25) translateX(20px);transform:scale(1.25) translateX(20px);-webkit-transform-origin:right;transform-origin:right}}

/*Kenburns Bottom Right Effect*/
.dp-kenburns-bottom-right .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right 5s ease-in-out both;animation:dp-kenburns-bottom-right 5s ease-in-out both;}
@-webkit-keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}

/*Kenburns Bottom Right Reverse Effect*/
.dp-kenburns-bottom-right-rev .et_pb_slide .et_parallax_bg{-webkit-animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;animation:dp-kenburns-bottom-right-rev 5s ease-in-out reverse both;}
@-webkit-keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}@keyframes dp-kenburns-bottom-right-rev{0%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transform-origin:84% 84%;transform-origin:84% 84%}100%{-webkit-transform:scale(1.25) translate(20px,15px);transform:scale(1.25) translate(20px,15px);-webkit-transform-origin:right bottom;transform-origin:right bottom}}



















































keun-joo_footer_item
{
	padding-top: 5px;
}

a.keun-joo_link 
{
	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	text-decoration:none;
}
a.keun-joo_link:hover
{
	text-decoration:underline;
}







.keun-joo_content_div
{
	box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);
    position: relative;
    width: 100%;
    max-width: 1190px;
    margin: auto;	
	background-color:white;
}



#top-menu > li:last-child a
{
	border:1px solid #ffffff;
	padding:10px !important;
}

#top-menu > li:last-child a:hover
{
	background-color:#ffffff !important;
	color:#000000 !important;
	opacity:1 !important;
}


.keun-joo-blurb .et_pb_blurb_description
{
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
}

.keun-joo-blurb .et_pb_main_blurb_image
{
	margin-bottom:20px !important;
}



#main-phone-button
{
	padding-left:45px !important;
}
#main-phone-button:before
{
	margin-left:-30px !important;
}
#blog-module-on-frontpage .post-content-inner
{
	margin-bottom:20px !important;
}


.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}



.et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}


/* arrow link wrapper */
.slider-down-arrow {
	position: absolute;
	z-index: 10;
	bottom: 70px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 32px;
}
/* arrow link */
.slider-down-arrow a {
	line-height: 1em;
	display: inline-block;
	color: white;
	text-shadow: 0 1px 8px rgba(0,0,0,0.5);
	transition: all 0.2s ease;
}
/* animate the arrow link if not hovered,
note: this uses animation via Divi Booster */
.slider-down-arrow a:not(:hover) {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
/* add hover effect on arrow link */
.slider-down-arrow a:hover {
	text-shadow: 0 2px 10px rgba(0,0,0,0.85);
}

@media (min-width: 1200px) {
	/* increase arrow size, and adjust positioning, for larger screens */
	.slider-down-arrow {
		bottom: 60px;
		font-size: 48px;
	}	
}

@media (max-width: 980px) {
	/* hide arrow when stuff stacks */
	.slider-down-arrow {
		display: none;	
	}
}



@media (min-width: 769px) 
{
	.fullscreen_slider .et_pb_slides {
	  min-height: 100vh;
	  height:100vh;
	}

	.fullscreen_slider .et_pb_slide {
	  height: 100%;
	}
}

#keun-joo-boka-bord-button
{
	background-color:transparent !important;
	border:2px solid #ffffff !important;
	display:inline-block;
	/*min-width:155px !important;*/
}
body #page-container .et_pb_section #keun-joo-boka-bord-button:hover
{
	background-color:#ffffff !important;
	border:2px solid #ffffff !important;
	color:#000000 !important;
}
.keun-joo-takeaway-button
{
	margin-right:20px;
	display:inline-block; 
	/*min-width:155px !important;*/
}
@media (max-width: 768px) 
{
	.keun-joo-takeaway-button
	{
		/*margin-right:0px !important;*/
		font-size:14px !important;
	}
	#keun-joo-boka-bord-button
	{
		font-size:14px !important;
	}
	#startpage_first_section
	{
		margin-top:0px !important;
	}
	#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu
	{
		background-color:#000000 !important;
	}
}
