/*
 Theme Name:   Massage & SPA
 Theme URI:    https://massage.richardpruzek.com/
 Description:  Massage & SPA | Premium Divi Child Theme
 Author:       Richard Pruzek
 Author URI:   https://richardpruzek.com/
 Template:     Divi
 Version:      2.0
 Text Domain:  massage_spa
*/

/*** Preloader ***/
.preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100000;height: 100%;width: 100%;overflow: hidden !important;display: flex;justify-content: center;align-items: center;}
.preloader .status {position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -50px 0 0 -50px;}
.double-bounce1, .double-bounce2 {width: 70px;height: 70px;border-radius: 50%;opacity: 0.6;position: absolute;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
.double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}

/*** Vertical align ***/
.rp_vertical-align {display: flex; flex-direction: column; justify-content: center;}

/*** Top menu links ***/
#top-menu li {font-weight: 400;}
#top-menu li a {padding-bottom: 20px !important;}
#top-menu li a:hover {animation: rp_border_effect .3s infinite;}
#top-menu li a:hover { opacity: 1!important;}

/* Menu links animation */
@keyframes rp_border_effect { 
  0% {border-width: 100px}
  100% {border-width: 10px}
}

/*** Menu Button ***/
#top-menu.nav li.cta.menu-item {padding-top: 20px;padding-left: 50px !important;padding-right: 50px !important;font-weight: 500; transition: all .3s;}
#top-menu.nav li.cta.menu-item a:hover  {padding-bottom: 20px!important;}
#top-menu li.cta:before {opacity: 0!important;}

/*** Header ***/
#main-header {padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1)}
#main-header.et-fixed-header {box-shadow: 0 0 50px 20px rgba(0,0,0,0.04) !important;border-bottom: none;}
#main-header #logo {-webkit-transform: initial;}

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

    #main-header .container.clearfix.et_menu_container {width: 95%;}
    .logo_container {margin-top: 0;}
    #logo {max-height: 65%; max-width: 200px!important}
    #main-header {padding-bottom: 0;}
    #main-header ul {border-top: 0;background-color: white!important;}
    #main-header li ul {margin-top: 0;}
    #main-header ul li a {color: black; border-bottom: 0;}

}

@media only screen and (min-width: 980px) { 
  
  #main-header #logo {margin-top: 15px;}
  .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 22px 0 0 0!important;}
  
}

#main-header .mobile_menu_bar::before  {color: white;padding: 5px;}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {content: "";position: absolute;z-index: 2;left: 0;right: 0;}
#top-menu a:hover {opacity: 1 !important;}
#top-menu li:hover:before {right: 100%;}
#top-menu li li:before {bottom: 10%;}
#main-header.et-fixed-header #top-menu .sub-menu {background: white!important}
#main-header.et-fixed-header #top-menu .sub-menu a {color: black!important}
#top-menu li ul.sub-menu li:before {opacity: 0!important;}
.sub-menu li {margin-bottom: 10px !important;}
.sub-menu li:last child {margin-bottom: 0px !important;}
#main-header ul.sub-menu {box-shadow: none}
#top-menu li li a {padding-top: 2px;padding-bottom: 2px!important;font-weight: 500!important;}
#top-menu li li a:hover {background: none!important;transition: all .3s ease-in-out!important;}
#top-menu li li a {transition: all .3s ease-in-out!important;}
nav > ul > li > ul::after {position: absolute;left: 20%;margin-left: -20px;top: -14px;width: 0;height: 0;content: '';border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid white;}

/* Mobile Menu */
/* Hamburger */
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';z-index: 9999;color: #fff;}
.et_mobile_menu .menu-item-has-children > a { background-color: transparent;font-weight: 600;}

li:hover ul.sub-menu {transition: all .5s ease-out!important;border-radius: 10px!important}

/*** Blurb 1 ***/
.rp_column:hover .rp_blurb { opacity: 0; transform: scale(.5); transition: all .5s ease-in; z-index: 0;}
.rp_column:hover .et_pb_button {z-index: 50!important; }
.rp_blurb {transition: all .5s ease-in; transition-property: transform, opacity;}

/*** Blurb 2 ***/
.rp_blurb02:hover .icon {transform: scale(1.1); transition: all .5s ease-in-out;}
.rp_blurb02 .icon {transition: all .5s;}
.rp_blurb02:hover .image {transform: scale(1.1) rotate(2deg);transition: all .5s ease-in-out;overflow: hidden}
.rp_blurb02 .image {transition: all .5s;}
.rp_blurb02 {overflow: hidden!important}

/*** Blurb 3 ***/
.rp_blurb03 p { opacity: 0;transition: all .2s ease-in-out;position: absolute;bottom: 25px;transform: translatey(50px);}
.rp_blurb03:hover h3 { transform: translatey(-220px);transition: all .6s ease-out;}
.rp_blurb03 h3 {transition: all .6s ease-in-out}
.rp_blurb03:hover p {display: block;opacity: 1;transform: translatey(0);transition: all 1s;transition-delay: .2s;}

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

    .rp_blurb03:hover h3 {transform: translatey(-250px);}

 }

/*** Blurb 4 ***/
.rp_blurb04 .et-pb-icon-circle {border-radius: 0;}
.rp_blurb04 .et-pb-icon {padding: 15px;}

/*** Blog ***/
.rp_blog .et_pb_post:hover {transform: translatey(-20px);transition: all .3s;}
.rp_blog .et_pb_post {transition: all .3s;}
.rp_blog .post-meta {margin-bottom: 30px;}
.rp_blog .post-content {text-align: center; margin-bottom: 20px;}
.rp_blog a.more-link {padding: 10px 20px; color: white;}
.rp_blog .et_pb_post:hover a.more-link {transition: all .3s;}
.rp_blog .et_pb_post a.more-link {transition: all .3s;}
.rp_blog .et_pb_post a.more-link:hover {letter-spacing: 2px!important; transition: all .3s}

/*** Portfolio ***/
.rp_portfolio h2 {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5494572829131652) 100%);position: absolute;top: 0;height: 96%;width: 100%;display: flex;justify-content: center;}
.rp_portfolio h2 a {position: absolute;bottom: 30px;transform: translatey(20px);transition: all .3s ease-in-out;}
.rp_portfolio .project:hover h2 a { transform: translatey(0px); transition: all .3s ease-in-out;}
.rp_portfolio h2 a::after { content: "Learn More";display: block;font-size: 14px;font-weight: 300;margin-top: 5px;transform: translatey(-20px);opacity: 0;transition: all .3s ease-in-out;}
.rp_portfolio h2 a::after:hover {letter-spacing: 1px;transition: all .3s ease-in-out;}
.rp_portfolio h2 a::after {transition: all .3s ease-in-out;}
.rp_portfolio .project:hover h2 a::after {transform: translatey(0px);opacity: 1;transition: all .3s ease-in-out;}
.rp_portfolio .project:hover img { transform: scale(1.1);transition: all .3s ease-in-out;}
.rp_portfolio .project { overflow: hidden;}
.rp_portfolio .project img { transition: all .3s ease-in-out; width: 100%;}

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

    .rp_portfolio h2 {position: relative; height: 100px; margin-top: -100px!important;}
    .rp_portfolio .project {width: 100%;}

 }

/*** Team Member ***/
.rp_person .et_pb_social_media_follow {opacity: 0; transition: all .3s;}
.rp_person:hover {padding-bottom: 60px; transition: all .5s}
.rp_person {transition: all .5s;}
.rp_person:hover .et_pb_social_media_follow {opacity: 1;transition: all .5s;transition-delay: .3s;}
.rp_person:hover img {transform: scale(1.1) rotate(2deg);transition: all .5s;}
.rp_person img {transition: all .5s;}

/*** Gallery ***/
.rp_gallery .et_pb_gallery_item:hover img { transform: scale(1.2);transform-origin: center;transition: all .5s ease-in-out;}
.rp_gallery .et_pb_gallery_item img { transition: all .5s ease-in-out;}
.rp_gallery .et_pb_gallery_item { overflow: hidden;border: 2px solid white}

/*** Gallery Without Gutter ***/
.rp_gallery.rp_gallery2 .et_pb_gallery_item {border:0;}

/*** Gallery With 3 Columns ***/
.rp_gallery.rp_gallery3 .et_pb_gallery_item {border:0; width: 33.33% !important;margin: 0 !important;clear: none !important;}

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

    .rp_gallery.rp_gallery3 .et_pb_gallery_item {border:0; width: 100% !important;margin: 0 !important;clear: none !important;}    

 }

/*** Gallery With 3 Columns ***/
.rp_gallery.rp_gallery4 .et_pb_gallery_item {border:0; width: 20% !important;margin: 0 !important;clear: none !important;}

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

    .rp_gallery.rp_gallery4 .et_pb_gallery_item {border:0; width: 100% !important;margin: 0 !important;clear: none !important;}    

 } 

/*** Contact Form ***/
.rp_contact_form input {padding: 25px!important;} 
.rp_contact_form h1 {margin-bottom: 30px;}
.rp_contact_form .et_pb_button {margin-top: 10px;}

/*** Footer Links ***/
.rp_footer_link .arrow { opacity: 0;margin-left: -20px;transition: all .3s;}
.rp_footer_link:hover .arrow { opacity: 1;margin-left: 0;transition: all .3s;}
.rp_footer_link {transition: all .3s;}
.rp_footer_link:hover {transform: translatex(10px);transition: all .3s;}

/*** Keep Two Columns on Mobile ***/ 
@media only screen and (max-width: 980px) {
 
    .rp_two_columns .et_pb_column {width: 50%!important;}

/*** Keep Three Columns on Mobile ***/  
    .rp_three_columns .et_pb_column {width: 33%!important;} 
}

/*** Team Member 2 ***/
.rp_person_02:hover .person_image { transform: scale(1.0);transition: all .5s ease-in-out;}
.rp_person_02 .person_image { transition: all .5s ease-in-out;}
.rp_header_02 li:hover {transform: translatex(5px);transition: all .2s;}
.rp_header_02 li{transition: all .2s;}
.rp_header_02 .nav ul li a:hover {background: transparent!important;}

/*** Single Service With Sidebar ***/
/* Project */
.rp_side_portfolio.et_pb_portfolio img{display: none;}
.rp_side_portfolio.et_pb_portfolio .et_pb_portfolio_item {margin-bottom: 27px;}
.rp_side_portfolio.et_pb_portfolio .et_pb_portfolio_item h2:hover {transition: all .3s}
.rp_side_portfolio.et_pb_portfolio .et_pb_portfolio_item h2 {transition: all .3s}
.type-project {margin-bottom: 0 !important;}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 

  50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*** Single Post ***/
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {margin-top: 50px;margin-bottom: 20px;}
.single-post .et_pb_post_content img {border: 10px solid white;box-shadow: 0 0 80px 0 rgba(0,0,0,0.15);margin-top: 30px;}

/* Single Post Widget ***/
.single-post .et_pb_widget_area_left {border-right: 0;padding-right: 0px;}

/* Recent Posts with thumbnails */
.rpwwt-widget ul li img {margin: 0!important; margin-right: 20px!important; border-radius: 5px;}
.recent-posts-widget-with-thumbnails {margin-bottom: 0 !important;}
.single-post h4.widgettitle {margin-top: 0; font-weight: 700}
.rpwwt-post-title {font-size: 16px; color: black; font-weight: 500;}
.rpwwt-widget ul li {max-width: 280px;}
.rpwwt-widget ul li .rpwwt-post-title {transition: all .3s;}
.rpwwt-widget ul li:hover .rpwwt-post-title {transition: all .3s;}

/* About Author */
.about_author_heading .et_pb_text_inner {font-weight: 700;font-size: 18px;}

/*** Reverse Columns Order on Mobile ***/
@media all and (max-width: 980px) {

    .et_pb_row.reverse-on-mobile {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

}

/*** 404 Page ***/
.rp_404 {height: 102vh!important;display: flex; align-items: center;}

/*** Two Columns on Tablet ***/
@media only screen and (min-width: 480px) and (max-width: 980px) { 
	#page-container .rp_two_columns_on_tablet .et_pb_column {width: 50%;}
}

/*** Three Columns on Tablet ***/
@media only screen and (min-width: 480px) and (max-width: 980px) { 
	#page-container .rp_three_columns_on_tablet .et_pb_column {width: 33.33333%;}
}

/*** Two Columns on Mobile ***/
@media only screen and (max-width: 479px) {
	#page-container .rp_two_columns_on_mobile .et_pb_column {width: 50%!important;}
}

/*** Three Columns on Mobile ***/
@media only screen and (max-width: 479px) {
	#page-container .rp_three_columns_on_mobile .et_pb_column {width: 33.33333%!important;}
}

/*** Mobile Menu Collapse ***/
#main-header .et_mobile_menu li ul.hide {display: none !important;} 
#mobile_menu .menu-item-has-children {position: relative;}
#mobile_menu .menu-item-has-children > a {background: transparent;} 
#mobile_menu .menu-item-has-children > a + span {position: absolute;right: 0;top: 0;padding: 10px 20px;font-size: 20px;font-weight: 700;cursor: pointer;z-index: 3;}  
span.menu-closed:before {content: "\4c";display: block; font-size: 16px;font-family: ETmodules;}
span.menu-closed.menu-open:before {content: "\4d";}