/*
 Theme Name:     Florence
 Theme URL:      https://samarj.com/florence
 Description:    A Modern Design Feminine Business Child Theme for Divi.
 Author:         SamarJ
 Author URL:     https://samarj.com
 Template:       Divi
 Version:        1.0.1
*/
/*Add Custom CSS below this line*/


/*Link effect - white underline add this class "link-effect-white"*/
.link-effect-white a {
  cursor: pointer;
  padding-bottom:5px;
  transition: all 0.2s linear !important;
  background: linear-gradient(to bottom, #fff 0%, #fff 98%); /*Change color of the underline from here*/
  background-size: 0px 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.link-effect-white a:hover {
  background-size: 100% 2px;
}
/*END HERE*/

/*To Disable the Horizontal Scroll*/
#page-container { overflow:hidden; }


/*Creating Inline Buttons*/
.florence-inline-buttons .et_pb_button_module_wrapper{
display:inline-block;
}

/*Stylings for Homepage*/
/*Adding Border Radius to the Slider in hero*/
.florence-image-slider.et_pb_slider {
    border-radius: 200px 5px 5px 5px !Important;
}
@media (min-width: 767px) {
    /*set the width of the button*/
    .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
        flex-basis: 150px !important;
    }
    /*set the width of the input field minus the width of the button*/
    .et_pb_newsletter_form .et_pb_newsletter_field {
        flex-basis: calc(95% - 165px) !important;
    }
}

/*Service Cards*/
.service-card-body{
  opacity:0;
    -webkit-animation: fade-out-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: fade-out-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.service-card:hover .service-card-body{
  opacity:1;
    -webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}



@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/*To Change the Icon on click on more testimonial button*/
.more-testimonials.closed:after {
    transform:none;
}
.more-testimonials.opened:after{
    transform:rotate(180deg)
}

/*Blog Module*/

/*make the parts of the blog post flexible*/
.florence-blog .et_pb_post {
    display: flex;
    flex-direction: column;
  padding-bottom:80px !Important;
  position:relative !important;
  transition:.15s ease;
}
/*Hover effect for Blog Card*/
.florence-blog .et_pb_post:hover{
  transform:scale(1.02);
  background:#fff !important;
  box-shadow: 0px 5px 50px rgba(0,0,0,0.08)
}
/*Adjusting Blog Featured Image*/
.florence-blog .et_pb_post .et_pb_image_container, .florence-blog  .et_pb_post .entry-featured-image-url {
    order: 1;
  margin-bottom:10px !Important
}
/*Order of Post Title*/
.florence-blog .et_pb_post .entry-title {
    order: 3;
}
/*Order of Post Meta*/
.florence-blog .et_pb_post .post-meta {
    order: 2;
}
/*Order of Post Content*/
.florence-blog .et_pb_post .post-content {
    order: 4;
}
/*Styling the Author Info on Blog*/
.florence-blog .author.vcard a{
  font-size:15px;
  color:#08415c !Important;
  font-weight: bold;
  text-transform: Capitalize !Important;
  letter-spacing:0 !important;
}
/*Adjusting the Author Info on Blog*/
.florence-blog .author.vcard{
  position: absolute;
  bottom: 30px;
}
/*Adding Icon before the Author Info*/
.florence-blog .author.vcard:before{
  content:"\e08a";
  font-family:ETModules;
  background: #08415c;
  color:#fff;
  padding:5px;
  border-radius:100px;
  position:relative;
  top:2px;
  margin-right:7px;
}
/*Adjusting/Styling the Date on blog*/
.florence-blog .published{
  position: absolute;
  bottom: 30px;
  right:30px;
  color:#08415c !important
}
/*Styling Meta link in Blog Card*/
.florence-blog .et_pb_post .post-meta a {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    color: #08415c !important;
}

/*Styling Sidebar Widgets*/

.et_pb_widget ul li {
  font-size: 16px;
  padding: 20px 20px;
  border-bottom: 1px solid #eee;
  transition:.1s ease;
}
.et_pb_widget ul li:hover{
  box-shadow: 0px 5px 20px #eee;
  border-bottom: 1px solid transparent;
}
time.wp-block-latest-posts__post-date{
  display: block;
font-size: 10px;
float: right;
margin-top: 20px;
margin-right: -10px;
}

/*CSS for Contact Page*/

/*Styling Success Message*/
.et-pb-contact-message {
color: #08415c;
}
/*Styling the Icon in closed state - Toggle Module*/
.et_pb_toggle_title::before {
    content: "\4c";
    font-size: 25px;
    font-weight: 900;
    transition:.2s ease;
}
/*Styling the Icon in Open state - Toggle Module*/
.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\4b";
    transform:rotate(180deg);
}




/*Styling for Servics Page*/
/*CSS for Testimonials Toggles*/
.testimonial-content {
    display:none;
    z-index: 1;
}
.active-content {
    z-index: 2;
    display:block;
    -webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.testimonial-tab{
    cursor:pointer !Important;
    opacity:.7
}
.active-tab{
position: relative;
right: -1.5px;
transition:all .2s ease;
opacity:1;
}
.testimonial-tab .et_pb_image_wrap {
    border: 4px solid transparent;
    transition:all .2s ease;
}
.active-tab .et_pb_image_wrap {
    transform: scale(1.1);
    box-shadow: 0px 5px 30px #00000036;
    border: 4px solid #fff;
}

@media only screen and ( min-width: 980px ) { 
.testimonial-tab{
    border-right: 2px solid transparent;
}
.active-tab{
    border-right: 2px solid #08415c !Important;
}
}
@media only screen and ( max-width: 980px ) { 
.testimonial-tab{
    border-bottom: 2px solid transparent;
}
.active-tab{
    border-bottom: 2px solid #08415c !Important;
}
}

/*Styling for Single Services Page*/
.toggle-content {
    display:none;
    z-index: 1;
}
.active-toggle-content {
    z-index: 2;
    display:block;
    -webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.florence-toggle .et_pb_blurb_description{
    display:none;
}
.active-toggle-tab .et_pb_blurb_description{
    display:block;
    -webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
}
.florence-toggle {
    height: 75px ;
    transition:all .2s ease !important;
    cursor:pointer;
    border: 1px solid #eee;
}
.active-toggle-tab{
    height:190px; /*Set "auto" to auto adjust height based on content*/
    color:#000 !important;
    border: 1px solid #08415c !important;
}
@media only screen and ( max-width: 623px ) { 
.florence-toggle {
    height: 75px ;
    transition:all .2s ease !important;
}
.active-toggle-tab{
    height:200px; /*Set "auto" to auto adjust height based on content*/
}
}


/*Styling for Portfolio Page*/
/*To style the Portfolio Gird for both Portfolio Modules*/
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    margin-right: 30px !IMPORTANT;
    border-radius:10px;
    transition:.2s ease;
    background: #fff;
}
/*Potfolio Modules 3 Column Width Settings*/
@media only screen and ( min-width: 768px ) {
.florence-portfolio .et_pb_grid_item, .florence-portfolio-2 .et_pb_grid_item {
width: 30.333% !important;
margin: 0 3.5% 3.5% 0 !important;
}
.florence-portfolio .et_pb_grid_item:nth-child(3n), .florence-portfolio-2 .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
.florence-portfolio .et_pb_grid_item:nth-child(3n+1), .florence-portfolio-2 .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}
.florence-portfolio .et_pb_grid_item:nth-child(4n+1), .florence-portfolio-2 .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}
/*Adjusting the Portfolio for different screen sizes*/
@media only screen and ( max-width: 479px ) {
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    width: 91%!important;
}
}
@media only screen and ( min-width: 480px ) and ( max-width: 555px ) {
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    width: 43%!important;
}
}
@media only screen and ( min-width: 556px ) and ( max-width: 666px ) {
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    width: 44%!important;
}
}
@media only screen and ( min-width: 667px ) and ( max-width: 767px ) {
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    width: 45%!important;
}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.florence-portfolio .et_pb_portfolio_item, .florence-portfolio-2 .et_pb_grid_item{
    width: 45%!important;
}
}
/*Portfolio image Styling*/
.et_pb_portfolio_item img{
  transition:.2s ease;
}
.florence-portfolio .et_pb_portfolio_item:hover img{
    transform:scale(1.01);
    box-shadow: 0px 10px 25px rgba(0,0,0,0.11);
}
/*Add Spacing between image and Title*/
.florence-portfolio .et_portfolio_image{
  margin-bottom:20px;
}
/*Add Border below the Title*/
.florence-portfolio .et_pb_portfolio_item .et_pb_module_header {
  border-bottom:1px solid #000 !important;
  padding-bottom:15px
}

/*Adjusting the Portfolio Filter buttons for Mobile*/
@media only screen and  (max-width: 767px){
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    width: auto !Important;
}
.et_pb_portfolio_filters li a {
    padding: 7px 10px !important;
    margin: 0 5px !IMPORTANT;
    font-size: 10px !Important;
}
}
/*Styling the Portfolio Filter buttons*/
.et_pb_portfolio_filters li a {
    color: #08415c !Important;
    border: 2px solid #08415c !Important;
    border-radius: 0px !important;
    padding: 13px 25px !Important;
    margin: 0 7px !Important;
    transition:.3s ease;
    margin-bottom:10px !Important;
}
/*Hover for portflio buttons*/
.et_pb_portfolio_filters li a:hover {
   background-color: #08415c !Important;
  color:#fff !Important
}
/*For active Portfolio Filter Button*/
.et_pb_portfolio_filters li a.active {
    background:#08415c !important;
    border-radius: 0px;
    color: #fff !Important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 4px #08415c;
  
}
/*Styling the Portfolio Pagination*/
.et_pb_portofolio_pagination{
    border:none !important;
}
.et_pb_portofolio_pagination a {
    font-weight: 700;
    font-size: 15px;
    color: #000000!important;
    padding: 10px 15px;
    border: 2px solid #08415c;
    transition:.3s ease;
}
/*Hover Styling for Pagination Item*/
.et_pb_portofolio_pagination a:hover {
  background:#08415c;
  color:#fff !important;
}
.et_pb_portofolio_pagination ul li a.active{
    background: #08415c !important; 
    color: #fff !IMPORTANT;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 4px #08415c;
}
/*END HERE*/



/*CSS For Pricing Page*/
/*This will add background to active toggle*/
.active-price{
  background:#08415c !important;
  color:#fff !Important;
}
/*This will hide the Yearly Pricing Row in normal state✓*/
.yearly-pricing{
  display:none;
}




/*CSS for FAQ Page*/
/*CSS for FAQ Tabs Toggles*/

/*This will hide inactive content*/
.faq-content {
    display:none;
}
/*This will show active content with animation */
.active-faq-content {
    display:block;
    -webkit-animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in-bottom 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*Styling the Faq tabs*/
.faq-tab{
    cursor:pointer !Important;
    transition:.2s ease;
}
/*Styling active Faq tab*/
.active-faq-tab {
  box-shadow: 0px 5px 30px #0000001a;
  border-left: 2px solid;
  color:#08415c;
}



/*Blog - List Style Page CSS*/

/*Add media query so changes only affect tablet and desktop*/
@media (min-width: 767px) {
/*Set the image width*/
.florence-blog-list .entry-featured-image-url  {
width: 40%;
float: left;
margin-bottom: 0!important;
}
/*Set the content width*/
.florence-blog-list .entry-title,
.florence-blog-list .post-meta,
.florence-blog-list .post-content {
width: 60%;
float: left;
padding-left: 30px;
}
}
/*Style the individual posts*/
.florence-blog-list .et_pb_post {
box-shadow: 0px 2px 80px 0px #eee;  
border-radius: 6px;
padding: 30px 20px;
transition:.1s ease;
}
/*Hover effect for blog card*/
.florence-blog-list .et_pb_post:hover{
  transform:scale(1.02)
}


/*CSS For Privacy Policy Page*/
.florence-privacy-policy ::-webkit-scrollbar {
  width: 2px;
}
 
.florence-privacy-policy ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.13);
}
 
.florence-privacy-policy ::-webkit-scrollbar-thumb {
  background-color: #08415c;
  outline: 2px solid #08415c;
}


/*For Single Post Page*/

.comment{
  padding: 15px;
border-bottom: 1px solid rgba(0,0,0,0.19);
margin-bottom: 30px;
margin-top: 25px;
padding-bottom: 0;
}
.comment .odd {
  border-bottom: None;
}
.florence-post-tags a{
  padding: 7px 15px;
  border: 1px solid #00000040;
  margin-right: 10px;
  transition:.1s ease;
}
.florence-post-tags a:hover{
  background:#08415c;
  color:#fff !important;
  border-color:#08415c;
}
@media only screen and ( max-width: 479px ) {
  .florence-post-tags a{
    display:inline-block;
    width:fit-content;
    margin: 5px 5px !important;
    padding: 3px 10px
  }
}

/*CSS Careers Page*/

.florence-testimonial-slider .et-pb-arrow-next, .florence-testimonial-slider .et-pb-arrow-prev {
  opacity: 1 !important;
  background: #fff;
  color: #08415c !important;
  font-size: 25px;
  border-radius:100px;
  width:40px;
  height:40px;
  padding:8px
}
.florence-testimonial-slider .et-pb-arrow-next:hover, .florence-testimonial-slider .et-pb-arrow-prev:hover {
  transform:scale(1.2);
}
.florence-testimonial-slider .et-pb-arrow-prev {
  left: 10px !important;
}
.florence-testimonial-slider .et-pb-arrow-next {
  right: 10px !Important;
}
.florence-testimonial-slider .et_pb_slider:hover .et-pb-arrow-prev {
  left: 10px !important;
}
.florence-testimonial-slider .et_pb_slider:hover .et-pb-arrow-next {
  right: 10px !Important;
}
.florence-testimonial-slider .et-pb-arrow-prev::before {
  content: "\23" !Important;
}
.florence-testimonial-slider .et-pb-arrow-next::before {
  content: "\24" !important;
}



/*Styling for Header Design 1-2*/
.florence-header-1 .et_pb_menu__menu > nav > ul > li > a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: -10% !important;
 background: #08415c;
 height: 2px; 
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.florence-header-1 .et_pb_menu__menu > nav > ul > li > a:hover:before {
 right: 0;
}
.et_pb_menu__menu nav > ul > li.current-menu-item a {
     border-bottom: 2px solid #08415c; 
}
.nav li ul a{
    border:none !important;
}
.nav li ul .current-menu-item a {
    background:#08415c !important;
    color:#fff !important;
}

.nav li ul {
  box-shadow: 0px 15px 40px #08415c33;
}
/*Entrance Animation for Dropdown Menu*/
.et-menu-nav .et-show-dropdown .sub-menu{
-webkit-animation: fade-in-fwd 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in-fwd 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*To add Box Shadow Corner Radius and Exit Animation to Dropdwon Menu*/
.et-menu-nav .sub-menu{
    -webkit-animation: fade-out-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: fade-out-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*Will add Arrow indicator to Dropdown Menu*/
.et-menu-nav .sub-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 11%;
    top: -22px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    z-index: 1;
}


/*Keyframes for Dropdown menu Entrance Animation*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*Keyframes for Dropdown Menu Exit Animation*/
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}


.florence-header-1 .et_pb_menu .et_pb_menu__menu > nav > ul > li{
  padding-bottom: 20px;
margin-bottom: -20px;
}
.et_pb_menu .et-menu-nav > ul ul a:before{
  content:"•";
  position:absolute;
  left:10px;
  font-size:16px
}
.et_pb_menu .et-menu-nav > ul ul a{
  transition:.2s ease !important;
  padding-left:30px !important;
}
.et_pb_menu .et-menu-nav > ul ul a:hover{
  background:#08415c;
  opacity:1;
  color:#fff !important;
  padding-left:40px !Important
}



.hide-dp{
    display:none !important;
}

/*Keyframe for opening animat of Dropdown*/
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/*Styling Mobile Menu and Sub Menus*/

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}
/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    color: #08415c;
    background: #f0f3f6;
    border-radius: 50%;
    padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
    position: relative;
    display: block;
    line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff!important;
    border-radius: 10px;
}

.florence-header-1 .et_pb_menu .et_mobile_menu {
  top: 100%;
  padding: 5%;
  width: 600%;
  margin-left: -150px;
  margin-top: 30px;
  
}
.et_mobile_menu{
    box-shadow: 0px 20px 60px #08415c47;
    overflow: auto;
    height: 400px;
    background:#fff !important;
}
.et_mobile_menu li a{
  font-weight: 500 !important;
}



/*To Style the Video Play Button*/
.et_pb_video_play:before {
  font-family: ETmodules;
  content: "\45";
  background: #fff;
  color: #08415C;
  font-size:60px;
  padding: 20px;
  border-radius:100px;
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.47), 0px 2px 20px rgba(0,0,0,0.28); 
  transition:.3s ease;
}
/*Hover animation for the play button*/
.et_pb_video_play:hover:before {
  transform:scale(1.1) !Important;
  box-shadow: 0px 0px 0px 20px rgba(255,255,255,0.47), 0px 2px 40px rgba(0,0,0,0.28);  
}
/*Animation Play button to scale down on hover*/
.et_pb_video_play{
    transition:.3s ease;
}
.et_pb_video_play:hover{
    transform:scale(.90) !important;
}
/*Mobile Adjustments for Play button*/
@media only screen and ( max-width: 479px ) {
    .et_pb_video_play{
        margin-left: -50px !important;
    }
}