/*
 Theme Name:     EMPIRE Divi Child Theme
 Author:         Superfly
 Author URI:     https://www.besuperfly.com
 Template:       Divi
 Version:        1.0.1
*/

/* ----------- PUT CUSTOM CSS BELOW THIS LINE --- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/*GENERAL*/
blockquote {
  margin: 35px 0;
  padding-left: 25px;
}
.inlineBtns .inlineBtn {
  display: block;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.inlineBtns .inlineBtn.last {
  margin-right: 0;
}
.clearfix {
  clear: both;
}
@media screen and (max-width : 980px) {
  .columnSwitch {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}



/* EMPIRE KEN BURNS - LINEAR */
@media only screen and (min-width: 767px) {
	.empireKenBurnsHeaderLinear .et_parallax_bg {
		animation: kenburns-linear 45s forwards;
	}
}
@media only screen and (min-width: 767px) {
	.empireKenBurnsSectionLinear .et_parallax_bg {
		animation: kenburns-linear 30s forwards;
	}
}
@keyframes kenburns-linear {
	0% {
		opacity: 0.7;
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		-webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		transform: scale3d(1.05, 1.05, 1.05) translate3d(-15px, 0px, 0px);
		animation-timing-function: linear;
	}
	1% {
		opacity: 1;
	}
	100% {
    -ms-transform: scale3d(1.35, 1.35, 1.35) translate3d(-25px, -55px, 0px);
		-webkit-transform: scale3d(1.35, 1.35, 1.35) translate3d(-25px, -55px, 0px);
		transform: scale3d(1.35, 1.35, 1.35) translate3d(-25px, -55px, 0px);
	}
}

/* EMPIRE KEN BURNS - EASE IN */
@media only screen and (min-width: 981px) {
	.empireKenBurnsHeaderEaseIn .et_parallax_bg {
		margin-bottom: -60px;
		min-height: calc(100% + 60px);
		animation: kenburns 45s forwards;
	}
}
@media only screen and (min-width: 981px) {
	.empireKenBurnsSectionEaseIn .et_parallax_bg {
		margin-bottom: -60px;
		min-height: calc(100% + 60px);
		animation: kenburns 30s forwards;
	}
}
@keyframes kenburns {
	0% {
		opacity: 0.7;
		-ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		transform: scale3d(1.1, 1.1, 1.1) translate3d(-25px, -60px, 0px);
		animation-timing-function: ease-in;
	}
	1% {
		opacity: 1;
	}
	100% {
		-ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
		-webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
		transform: scale3d(1.5, 1.5, 1.5) translate3d(-85px, -55px, 0px);
	}
}



/*OVERLAYS*/
.lightOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .1);
}
.mediumOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .25);
  z-index: 1;
}
.darkOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .5);
}
.heavyOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .75);
}
.andreOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .9);
}
.purpleOverlay .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(159, 109, 236, .9);
}
.lightOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .1);
  z-index: 1;
}
.mediumOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .25);
  z-index: 1;
}
.darkOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .5);
  z-index: 1;
}
.heavyOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .75);
  z-index: 1;
}
.andreOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .9);
  z-index: 1;
}
.purpleOverlay .mejs-video:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(159, 109, 236, .9);
}



/*NAVIGATION*/
#main-header .nav li ul {
  box-shadow: 0 20px 40px rgba(50, 50, 69, 0.1);
}
#main-header .nav li ul a {
  line-height: 1.3em;
}
#top-menu li li a {
  padding: 10px 20px;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: transparent;
}

/*HIGHLIGHT MENU ITEM*/
.et_header_style_left #et-top-navigation {
  padding-top: 34px;
}
#top-menu-nav {
  position: relative;
  top: -7px;
}
#top-menu li.highlight a {
  padding: 18px 30px !important;
  background-color: #d6c5de;
  color: #2b2b3e !important;
  font-weight: 600;
}
#top-menu li.highlight a:hover {
  background-color: #9f6dec;
  color: #fff !important;
  opacity: 1;
}
@media screen and (max-width : 980px) {
  .et_header_style_left #et-top-navigation {
    padding-top: 26px;
  }
  .et_mobile_menu li.highlight a {
    background-color: #d6c5de;
    color: #2b2b3e !important;
    font-weight: 600;
    padding: 13px 5% 12px;
    margin-top: 7px;
  }
  .et_mobile_menu li.highlight a:hover {
    background-color: #9f6dec;
    color: #fff !important;
    opacity: 1;
  }
}

/*FIXED MENU*/
#main-header.et-fixed-header .nav li ul.sub-menu a {
  color: #2b2b3e !important;
}

/*MOBILE*/
.mobile_menu_bar:before {
  color: #fff !important;
}
#main-header .et_mobile_menu {
  border: none;
  box-shadow: 0 40px 80px rgba(50, 50, 69, 0.2);
}
.et_mobile_menu li a {
  border: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
  font-size: 18px;
}
.et_mobile_menu .menu-item-has-children>a {
  font-weight: 400;
  background-color: transparent;
}
#main-header .et_mobile_menu li ul {
  padding-left: 0;
}
.et_mobile_menu li li {
  padding-left: 0;
}
.et_mobile_menu .menu-item-has-children ul.sub-menu li a {
  padding: 3px 5%;
  font-size: 15px;
}
.et_mobile_menu .menu-item-has-children ul.sub-menu li:last-child a {
  padding-bottom: 10px;
}
@media screen and (max-width : 980px) {
  #main-header .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  #logo {
    max-height: 25%;
  }
}

/*COLLAPSE MOBILE MENU*/
#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;
  color: #fff;
  font-size: 20px;
  font-family: ETmodules;
}
span.menu-closed.menu-open:before {
  content: "\4d";
}



/*HERO*/
body.empirehero #main-header {
  background-color: transparent;
  background: linear-gradient(180deg, rgba(43,43,62,.2) 0%, rgba(43,43,62,0) 90%);
}
body.empirehero #main-header.et-fixed-header {
  background: none;
  background-color: rgba(43,43,62,0.9);
}



/*SPLIT HEADER*/
.empireSplitHeader {
  padding-top: 0 !important;
}



/*VIDEO FEATURE*/
.empireVideoOverlay .et_pb_video_overlay_hover {
  background-color: rgba(43, 43, 62, .33);
}
.empireVideoOverlay .et_pb_video_overlay_hover:hover {
  background-color: rgba(159, 109, 236, .9) !important;
}
.et_pb_video_play:before {
  content: "";
}
.empireVideoOverlay .et_pb_video_play {
  width: 85px;
  height: 85px;
  background-image: url("/wp-content/uploads/sites/63/2020/09/playIcon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 85px 85px;
}
@media screen and (max-width : 768px) {
  .empireVideoOverlay .et_pb_video_play {
    width: 70px;
    height: 70px;
    margin-left: -2rem;
    margin-top: -2rem;
    background-size: 70px 70px;
  }
}



/*VIDEO SECTION*/
.videoSection .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .33);
  transition: all .3s ease-in-out;
}
.videoSection:hover .et_parallax_bg:before {
  background-color: rgba(159, 109, 236, .9);
}



/*TESTIMONIALS*/
.empireTestimonials h4 {
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  margin-top: 20px;
}



/*HOVER CARDS*/
.empireHoverRow .hoverCard:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, 0);
  transition: all .3s ease-in-out;
  transition-delay: .3s;
}
.empireHoverRow .hoverCard:hover:before {
  background-color: rgba(43, 43, 62, .75);
  transition-delay: 0s;
}
.empireHoverRow .hoverCard .hoverTitle, .empireHoverRow .hoverCard .hoverText, .empireHoverRow .hoverCard .hoverButton {
  opacity: 0;
  transition: all .3s ease-in-out;
  transition-delay: 0s;
}
.empireHoverRow .hoverCard:hover .hoverTitle {
  opacity: 1;
  transition-delay: 0s;
}
.empireHoverRow .hoverCard:hover .hoverText {
  opacity: 1;
  transition-delay: .2s;
}
.empireHoverRow .hoverCard:hover .hoverButton {
  opacity: 1;
  transition-delay: .4s;
}
@media screen and (max-width : 980px) {
  .empireHoverRow .hoverCard:before {
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(43, 43, 62, .75);
    transition: all .3s ease-in-out;
    transition-delay: 0s;
  }
  .empireHoverRow .hoverCard .hoverTitle, .empireHoverRow .hoverCard .hoverText, .empireHoverRow .hoverCard .hoverButton {
    opacity: 1;
    transition-delay: 0s;
  }
  .empireHoverRow .hoverCard:hover .hoverTitle {
    opacity: 1;
    transition-delay: 0s;
  }
  .empireHoverRow .hoverCard:hover .hoverText {
    opacity: 1;
    transition-delay: 0s;
  }
  .empireHoverRow .hoverCard:hover .hoverButton {
    opacity: 1;
    transition-delay: 0s;
  }
}



/*THREE CTAS*/
.empireThreeCTAsRow .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.empireThreeCTAsRow .et_pb_column .et_parallax_bg:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .5);
  transition: all .3s ease-in-out;
}
.empireThreeCTAsRow .et_pb_column:hover .et_parallax_bg:before {
  background-color: rgba(159, 109, 236, .8);
}



/*PRICING*/
.pricingBlurb h4 {
  padding-bottom: 0;
  position: relative;
  top: 3px;
}
.pricingBlurb .et_pb_blurb_container {
  padding-left: 0;
}



/*BLOG GRID*/
.empireBlogGrid article.et_pb_post {
  padding: 0;
}
.empireBlogGrid article.et_pb_post .et_pb_image_container {
  margin: 0;
}
.empireBlogGrid article.et_pb_post h2.entry-title {
  padding-bottom: 0;
}



/*BLOG POSTS*/
.empirePostContent .et_pb_section {
  padding: 0;
}
.empirePostContent .et_pb_row {
  padding: 0;
  width: 100%;
}
body #page-container .et_pb_section .et_pb_comments_module .comment_area .comment-content .reply-container a.et_pb_button.comment-reply-link {
  font-size: 15px !important;
  padding: 4px 10px !important;
}
@media screen and (max-width : 767px) {
  body #page-container .et_pb_section .et_pb_comments_module .comment_area .comment-content .reply-container a.et_pb_button.comment-reply-link {
    float: left;
  }
}



/*SIDEBAR*/
#sidebar h4.widgettitle {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 20px;
}
#sidebar a {
  color: #9f6dec;
  transition: all .3s ease-in-out;
}
#sidebar a:hover {
  color: #2b2b3e;
}



/*STORE*/
.empireCategoryHighlights .empireCategory:before {
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(43, 43, 62, .0);
  transition: all .3s ease-in-out;
}
.empireCategoryHighlights .empireCategory:hover:before {
  background-color: rgba(43, 43, 62, .33);
}
.empireMosaicStoreText h5 {
  padding-bottom: 5px;
}
.empireProductTestimonial.et_pb_blurb_position_left .et_pb_main_blurb_image {
  width: 105px !important;
}
.empireProductTestimonial .et_pb_blurb_description p:first-of-type {
  padding-bottom: 10px;
}
.empireProductTestimonial .et_pb_blurb_description h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: 20px;
}
@media screen and (max-width : 980px) {
  .empireProductTestimonials .et_pb_column {
    margin-bottom: 0;
  }
}
@media screen and (max-width : 767px) {
  .empireProductTestimonial.et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: 55px !important;
  }
}



/*WOOCOMMERCE*/
.et-cart-info {
  display: none;
}
.et-cart-info span {
  top: 10px;
  left: 7px;
}
.woocommerce-page span.onsale, .woocommerce span.onsale {
  border-radius: 0 !important;
}
.empireShop .et_overlay:before {
  top: 50%;
}
.woocommerce-page h1 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

/*SHOP PAGE*/
.woocommerce-breadcrumb {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.woocommerce span.onsale, .woocommerce-page ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
  top: 0 !important;
  left: 0 !important;
  background-color: #62e08a !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 3px;
}
.woocommerce-LoopProduct-link h2 {
  text-transform: uppercase;
  font-size: 16px;
  color: #2b2b3e!important;
  letter-spacing: 4px;
}
.woocommerce-LoopProduct-link .price {
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  font-size: 15px;
  color: #2b2b3e!important;
  letter-spacing: 1px;
}

/*CART*/
@media screen and (max-width : 980px) {
  body.woocommerce-cart #sidebar {
    margin-top: 40px;
  }
}

/*ACCOUNT*/
@media screen and (max-width : 980px) {
  body.woocommerce-account #sidebar {
    margin-top: 40px;
  }
}

/*WPC FLY CART*/
.woofc-count span {
  background: #9f6dec;
}



/*FOOTER*/
.socialFooter {
  margin-left: -22px !important;
}
@media screen and (max-width : 980px) {
  .empireFooterRow .et_pb_column {
    width: 100% !important;
    margin-right: 0 !important;
    padding-bottom: 50px;
  }
  .empireFooterRow .et_pb_column_1_2,.empireFooterRow .et_pb_column.et-last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width : 767px) {
  .socialFooter {
    margin-left: -16px !important;
  }
}

/* LAST EDITED BY JOHN WOOTEN ON OCT 12, 2020 */