/*---------------------------------------------------------------------------------

 Theme Name:   Equinox Speaker Divi Child Theme
 Theme URI:    https://equinox.divifoxx.com/
 Description:  Equinox Speaker Divi Child Theme is a captivating and expertly designed WordPress theme, tailored specifically for the dynamic world of public speaking. Crafted by the talented author Mayank Singh Yadav from divifoxx.com, this child theme perfectly complements the powerful Divi theme framework, enhancing it with a touch of elegance and functionality.
It showcases a visually stunning and professional layout, optimized to capture the essence of public speaking. With its clean lines, vibrant colors, and seamless navigation, this child theme creates an engaging user experience that captivates visitors and keeps them coming back for more.
Mayank's meticulous attention to detail and dedication to providing top-notch customer support ensure that you'll receive an exceptional product and assistance when needed. With Equinox Speaker Divi Child Theme, you'll have all the tools you need to establish yourself as a prominent figure in the public speaking niche, captivating audiences with your expertise and charisma.


 Author:       Mayank Singh Yadav
 Author URI:   https://divifoxx.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*==========================
 * General Settings
 * =========================*/

/**Equinox Headings Styles**/
h1{
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 57px;
    color: #FFFFFF!important;
    letter-spacing: 1px;
    line-height: 1.1em;
}

h2{
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #1A1A1A!important;
    line-height: 1.2em;
}

h3{
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    font-size: 34px;
    color: #1A1A1A!important;
}

h4{
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #eb042f!important;
    line-height: 1.2em;
}

h5{
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF!important;
    line-height: 1.2em;
}

.et_pb_text{
    font-family: 'Mulish',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 500;
}

/** Media query for screens less than 700px **/
@media (max-width: 699px) {
    h1 {
        font-size: 54px;
        line-height: 1.2em;
    }
	h2 {
		font-size: 22px;
		line-height: 1.2em;
	}
	h3 {
		font-size: 28px;
		line-height: 1.2em;
	}
	h4 {
		font-size: 22px;
		line-height: 1.2em;
	}
	h5 {
		font-size: 20px;
		line-height: 1.2em;
	}
}

/** Media query for screens less than 400px **/
@media (max-width: 399px) {
     h1 {
        font-size: 36px;
        line-height: 1.2em;
    }
	h2 {
		font-size: 32px;
		line-height: 1.2em;
	}
	h3 {
		font-size: 26px;
		line-height: 1.2em;
	}
	h4 {
		font-size: 22px;
		line-height: 1.2em;
	}
	h5 {
		font-size: 20px;
		line-height: 1.2em;
	}
}


/**Equinox Button Styles**/
body #page-container .et_pb_section .et_pb_button_0, body #page-container .et_pb_section .et_pb_button{
    color: #ffffff!important;
    border-width: 1px!important;
    border-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-image: linear-gradient(15deg,#eb042f 0%,#eb042f 50%,#2a2e37 50%,#2a2e37 100%);
	padding:10px 30px!important;
}

.et_pb_button_0, .et_pb_button_1 {
    box-shadow: inset 0px 0px 0px 0px #2A2E37;
    transition: box-shadow 400ms ease 0ms;
}

body #page-container .et_pb_section .et_pb_button_0:hover, body #page-container .et_pb_section .et_pb_button:hover {
    background-image: linear-gradient(15deg,#eb042f 0%,#eb042f 50%,#2a2e37 50%,#2a2e37 100%);
    background-color: transparent;
}

.et_pb_button_0:hover, .et_pb_button:hover {
    box-shadow: inset 0px 100px 18px 0px #2A2E37;
}


/*==========================
 * POP UP SLID UP CSS
 * =========================*/

 .hover-slide-up:hover .face1 {
  background: #eb042f;
	border-radius: 0px;
	transform: translateY(0px);
}

.hover-slide-up:hover .face2 {
	transform: translateY(0px);
}

.hover-slide-up:hover .et_pb_module_header,
.hover-slide-up:hover .et_pb_main_blurb_image {
	opacity: 1 !important;
	transition: 0.5s;
}

/*========================== 
 * TESTIMONAIL SLIDER 
 * ========================*/ 

.slick-list {
  position: relative;
  display: block;
  overflow-x: hidden;
  margin: 0;
  padding: 0 0 0px;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
  
.slick-slide {
  position: relative;
  float: left;
  height: 100%;
  min-height: 1px;
}
  
.df-col-feature-blurb-slider .slick-arrow, .df-col-feature-blurb-slider .slick-arrow:hover, .df-col-feature-blurb-slider .slick-arrow:focus {
position: absolute;
font-size: 0;
line-height: 0;
padding: 0;
color: transparent;
outline: none;
background: #c300312b;
border: none;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
z-index: 100;
height: 50px;
vertical-align: middle;
border-radius: 10px;
width: 50px;
}
.df-col-feature-blurb-slider .slick-prev { left: -50px; }
.df-col-feature-blurb-slider .slick-next { right: -50px; }
  
.df-col-feature-blurb-slider .slick-arrow:before {
font-family: ETmodules;
color: #eb042f;
background: transparent;
opacity: 1;
font-size: 46px;
vertical-align: middle;
color: #eb042f;
text-align: center;
}
.df-col-feature-blurb-slider .slick-arrow:hover:before { opacity: 0.8; }
.df-col-feature-blurb-slider .slick-prev:before { content: "\34"; }
.df-col-feature-blurb-slider .slick-next:before { content: "\35"; } 
  
.entry-content ul.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background-color: #B7B7B7;
  border-radius: 10px;
}
.slick-dots li.slick-active button { background-color: #eb042f; }
  
@media(max-width: 980px) {
	.df-col-feature-blurb-slider .slick-prev { left: -32px; }
	.df-col-feature-blurb-slider .slick-next { right: -30px; }
}
@media(max-width: 499px) {
	.df-col-feature-blurb-slider .slick-prev { left: -26px; }
	.df-col-feature-blurb-slider .slick-next { right: -24px; }
}

/*============================
OUR TEAM SECTION
==============================*/

/*change the cursor when hovering over the module*/

.df-hover-blurb .et_pb_blurb_content {
	cursor: pointer;
}
/*restrict the display of the description text before hovering*/

.df-hover-blurb .et_pb_blurb_description {
	display: none
}
/*add a smooth ransition effect*/

.df-hover-blurb .et_pb_blurb_container,
.df-hover-blurb .et_pb_image_wrap {
	transition: all 0.4s ease-in-out;
}
/*restrict the triggering of hover effect when we hover on the title and align title to center*/

.df-hover-blurb .et_pb_module_header {
	position: absolute;
	left: 60%;
	transform: translateX(-60%);
	pointer-events: none;
	width: 100%;
}

/*provide padding to description text so is doesn’t take the full width*/

.df-hover-blurb .et_pb_blurb_description {
	padding: 0 5%;
}

/*place the whole content on image on hover and place it in center with different text color*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container {
	position: absolute;
	top: 50%;
	transform: translateY(-20%);
	color: #ffffff !important;
	cursor: pointer;
}

/*place the overlay effect on the image on hover*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	opacity: 0.5;
	border-radius: 15px!important;
}

/*make the position of the title relative on hover*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_module_header {
	position: relative;
	text-align: center;
}

/*change the title text color and font size on hover*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container .et_pb_module_header {
	color: #ffffff;
	font-size: 2rem;
}

/*show the description text on hover*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_description {
	display: block;
}

/*zoom the image on hover*/

.df-hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap {
	transform: scale(1.10);
}


/*==============================
 * ACCORDIAN ICON CSS
 * =============================*/

/*Add Icon To The Opened Accordion*/
.df-faqs .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    content: "e04f";
}


.et_pb_toggle_title:before {
    content: "33";
    padding-right: 20px;
    font-size: 30px;
    transition: all .3s ease-in-out;
    color: #000;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "33";
    padding-right: 20px;
    transform: rotate(180deg);
    color: #000;
    width: 50px;
}
@media (min-width: 767px) {

    /*set the width of the input fields minus the width of the button*/
    .et_pb_newsletter_fields .et_pb_newsletter_field {
        flex-basis: calc(100% - 225px) !important;
    }

    /*Set the Width Of the Button*/
    .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
        flex-basis: 210px !important;
    }
}

h5.et_pb_toggle_title {
    background-color: #fff;
    padding: 20px !important;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
    background-color: #eb042f;
    padding: 20px !important;
}

.et_pb_toggle_content {
    padding: 20px;
    border: solid 1px #dbdbdb;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before{
	margin-right: 20px!important;
	color:#fff;
}


/*==============================
CONTACT FORM BUTTON FULL WIDTH
================================*/
/*Make The Divi Contact Form Submit Button Fullwidth*/

.df-form-button .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}

.df-form-button .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}


/*==========================
PRICING TABLE 
============================*/
/*Hide second table*/
#df-annual-pricing-table{
	display:none;
}

/*Add pointer on buttons*/
.df-monthly-pricing-btn{
	cursor:pointer;
}

.df-annual-pricing-btn{
	cursor:pointer;
}

/*======================
 Inline Button 
=======================*/

.df-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


/*===========================
 Slide Animation On Text 
============================ */
.slide_in
{
  animation: slideMe .8s ease-in;
}

@keyframes slideMe {
  0% {
    transform: skewX(53deg) translateX(500px);
    opacity: 0;
  }
  60% {
    transform: translateX(0px);
  }
  62% {
    transform: skewX(0deg) translateX(-30px);
  }
  70% {
    transform: skew(20deg);
    opacity: 1;
  }
  80% {
    transform: skew(-8deg) translate(0);
  }
  90% {
    transform: skew(5deg);
  }
  100% {
    transform: skew(0deg);
  }
}


/*========================== 
BLOG POST  
=============================*/

/*blog image aspect ratio square 1:1*/

.df-blog .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.df-blog .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*remove negative margins from blog featured image*/

.et_pb_image_container {
	margin: 0px;
}

/*add spacing around the individual blog posts*/
.et_pb_blog_grid .et_pb_post {
	padding: 30px;
}

/*add icon to blog author meta text*/

.df-blog .post-meta .author a:before {
	content: "\e08a";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-blog .post-meta>a:before {
	content: "\e078";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-blog .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	color: #fff;
	font-weight: bold;
	margin-right: 15px;
}



/*position the blog posts to prepare for moving the meta*/

.df-blog article {
	position: relative;
}

/*move the Divi Blog post meta published date up over the image*/

.df-blog .et_pb_blog_grid .et_pb_post .post-meta span.published {
	position: absolute;
	top: 30px;
	left: 30px;
	margin-bottom: 0;
	color: #ffffff!important;
	background: #eb042f!important;
  border: solid 1.5px #fff;
	padding: 6px 12px;
	margin: 15px;
	border-radius: 10px;
}


/*adjust the image spacing*/

.et_pb_post .entry-featured-image-url {
	margin: 0;
}


/*keep the zoomed in image inside the image frame*/

.et_pb_blog_grid .et_pb_image_container {
	overflow: hidden;
}


/*add a smooth transition for the zoom effect*/

.et_pb_blog_grid .et_pb_image_container img {
	transition: all 0.95s ease;
	-moz-transition: all 0.95s ease;
	-webkit-transition: all 0.95s ease;
}


/*make the featured image zoom in on hover*/

.et_pb_blog_grid .et_pb_post:hover img {
	transform: scale(1.15) rotate(1deg);
	-moz-transform: scale(1.15) rotate(1deg);
	-webkit-transform: scale(1.15) rotate(1deg);
}



/*================================
 * FULL WIDTH BLOG CSS
 * =============================*/
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

/*set the image width*/

.df-fullwidth-blog .entry-featured-image-url  {
width: 40%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.df-fullwidth-blog .entry-title,
.df-fullwidth-blog .post-meta,
.df-fullwidth-blog .post-content {
width: 60%;
float: left;
padding-left: 30px;
}
}

/*======= GAP ========*/
.et_pb_post {
    margin-bottom: 30px;
    word-wrap: break-word;
}

/*style the individual posts*/

.et_pb_with_border.et_pb_posts .et_pb_post{
	border: 1px solid rgb(219, 219, 219);
}


.et_pb_post {
border-radius: 10px;
padding: 30px;
}

/*blog image aspect ratio square 1:1*/

.entry-featured-image-url {
  padding-top: 30%;
  display: block;
}

.entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*add icon to blog author meta text*/

.df-fullwidth-blog .post-meta .author a:before {
	content: "e08a";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-fullwidth-blog .post-meta>a:before {
	content: "e078";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-fullwidth-blog .post-meta .published:before {
	content: "e023";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 15px;
}

/*add icon to blog author meta text*/

.df-fullwidth-blogs .post-meta .author a:before {
	content: "e08a";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-fullwidth-blogs .post-meta>a:before {
	content: "e078";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-fullwidth-blogs .post-meta .published:before {
	content: "e023";
	font-family: ETMODULES;
	color: #eb042f;
	font-weight: bold;
	margin-right: 15px;
}

/*================================================
 * SIDE BAR CSS
 * ===============================================*/

.et_pb_widget ul li {
    background-color: #F4F4F4;
    padding: 20px;
  	margin-bottom: 15px;
    border-radius: 10px;

}

.et_pb_sidebar_0.et_pb_widget_area h2:first-of-type {
    background-color: #2a2e37;
    padding: 25Px;
    box-shadow: 0px 8px 18px -6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 20px;
}


.et_pb_widget .wp-block-search__button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    color: #FFFFFF !important;
    border-width: 0px !important;
    font-size: 16px;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    background-color: #eb042f;
}

.widget_search input#s,
.widget_search input#searchsubmit,
.et_pb_widget .wp-block-search__input,
.et_pb_widget .wp-block-search__button {
    padding: 0.7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 2px solid #eb042f;
    color: #666;
}

/*===================================
 * PORTFOLIO SECTION
 * ================================*/
.df_portfolio .et_pb_portfolio_filters {
  text-align: center;
}

.df_portfolio .et_pb_portfolio_filters>ul {
  display: inline-block;
  box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}

.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.df_portfolio .et_pb_portofolio_pagination ul li a {
  border: 1px solid #dbdbdb;
  margin: 5px;
  background-color: #fff;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.65s ease;
  transition: all 0.8s ease;
  border-radius: 5px;
  padding: 15px 30px 15px 30px;

}

.df_portfolio .et_pb_portofolio_pagination {
  text-align: center;
  border-top: none;
  margin-top: 40px;
}

.df_portfolio .et_pb_portofolio_pagination ul {
  display: inline-block;
  box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);
}

.df_portfolio .et_pb_portofolio_pagination ul li {
  padding: 0;
}

.df_portfolio .et_pb_portofolio_pagination ul li a {
  padding: 10px 12px;
}

.df_portfolio .et_pb_portfolio_item {
  z-index: 1;
  -webkit-transition: z-index 0.8s ease;
  -o-transition: z-index 0.8s ease;
  transition: z-index 0.8s ease;
}

.df_portfolio .et_pb_portfolio_item:hover {
  z-index: 999;
}

/* end */
.df_portfolio .et_pb_portfolio_item h2 {
  margin-top: 0 !important;
}

/* move the title and meta above the portfolio item image */
.df_portfolio h2.et_pb_module_header,
.df_portfolio p.post-meta {
  position: absolute;
  opacity: 0;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  width: auto;
  height: auto;
  text-align: center;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.df_portfolio h2.et_pb_module_header {
  top: 80px;
}

.df_portfolio p.post-meta {
  bottom: 80px;
}

/* end */
/* show title and meta on hover */
.df_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.df_portfolio .et_pb_portfolio_item:hover p.post-meta {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.df_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
  top: 60px;
}

.df_portfolio .et_pb_portfolio_item:hover p.post-meta {
  bottom: 60px;
}

/* end */
/* show overlay icon when hovering the portfolio item */
.df_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
  z-index: 3;
  opacity: 1;
}

.df_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {
  top: 50%;
}

@media (min-width: 981px) {
  .df_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    width: 24.625% !important;
    margin: 0 .25% .25% 0 !important;
  }
}

@media (max-width: 980px) {
  .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
    width: 33.166% !important;
    margin: 0 .25% .25% 0 !important;
  }

  .df_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
    width: 49.75% !important;
    margin: 0 .25% .25% 0 !important;
  }

}

@media (max-width: 479px) {
  .df_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
    width: 100% !important;
    margin: 0 0 1% 0 !important;
  }
}

.df_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,
.df_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,
.df_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,
.df_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {
  background-color: #2a2e37;
  color: #fff !important;
  border-radius: 5px;
}

/* end hover and active colors for filter and pagination */

.effect-rectangles .et_portfolio_image:before {
  content: '';
  position: absolute;
  -webkit-border-radius: 100%;
  -webkit-transition: all .7s cubic-bezier(.3, 0, .3, 1);
  -webkit-transform: scale(0);
  background: rgba(235,5,47,0.72);
  pointer-events: none;
  margin: -400px 0 0 -400px;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 800px;
}

.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before {
  /*background-color: #ffdc4f; /* set overlay color here */
  opacity: 1;
  -webkit-transform: scale(1);
}

.et_overlay {
  display: none;
}


/*=============================
 * HEADER CSS STYLE 
 * ============================*/


 /* Triangle above sub menu */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul::after {
  content: ' ';
  position: absolute;
  left: 20px;
  top: -30px;
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid #2a2e37;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  background-color: #2a2e37!important;
  border-color: #2a2e37;
  margin-top: 18px;
 
}

/* Hover effect on sub items */
.nav li li:hover{
background-color: #eb042f !important;
border-radius: 5px;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul{
border-radius: 5px;
padding:0;
border:0!important;
}

.et_pb_menu.et_pb_text_align_right .menu-item {
  text-align: left;
}

.nav li li {
  padding: 7px 20px;
  margin: 0;
  border-bottom: 1px solid #eb042f;
}

.nav li li:last-child {
  padding: 7px 20px;
  margin: 0;
  border-bottom: 0px;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: rgba(0,0,0,.0);
  opacity: 1;
}