/*
 Theme Name:     1LuxMiami
 Author:         smedelstein.com
 Author URI:     http://www.smedelstein.com
 Template:       Divi
 Version:        4.20.4   
*/

#main-header{
	padding:2px 0px 15px 0px!important;
    background:#000000 url(https://www.1luxmiami.net/wp-content/uploads/2023/04/Black-Leather.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    border-bottom:4px solid #ffffff;}/*Reveal at bottom of header*/
   
#logo {
    max-height:100%!important;}/*1LuxMiami logo*/
   
@media only screen and (max-width: 981px) {
#logo {
    max-width: 50%;
    max-height:90%;    
    max-width:90%!important;}}/*Reduces the logo size slightly on mobile devices*/   

#top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    float:left;
    padding: 4px 0px 4px 0px;}/*Adjust padding in the top menu keeping the logo larger*/

ul.sub-menu{
    margin-top:0px!important;
    padding:0px 2px 5px 2px!important;
    width:241px!important;}/*Sub menu container that displays drop down menu items*/

#top-menu li li {
    padding:0px 0px 0px 0px!important;
    margin:3px 0px 0px 0px!important;}/*Adjusts the padding & margins in the sub menu container*/
    
#top-menu li li a{
    padding:5px 0px 5px 10px!important;
    width:235px!important;}/*Adjusts the positioning of the drop-down menu items inside the sub menu*/    
   
/**************Main Navigation************/

.nav li{
	line-height:0px;}

.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding:15px 15px 15px 12px!important;}

#top-menu li{
    padding-right:22px;
    margin-top:2px!important;}

#et-top-navigation{
    padding:20px 0 !important;}

#top-menu li a{
    background:#000000;/*** CHANGES THE BACKGROUND COLOR ***/
    padding:15px 12px;
    border-radius:0px;
    border:1px solid #ffffff;}
 
#top-menu li a:hover,
#top-menu li li a:hover{
    color: #ffffff !important;}
  
#top-menu li a:hover {
    background: #c40000 !important;
    border:1px solid #ffffff;
    opacity:1!important;/*** CHANGES THE BACKGROUND COLOR ON HOVER ***/}

#top-menu li.current-menu-item > a {
    background: #c40000; 
    border:1px solid #ffffff;/*** CHANGES THE BACKGROUND COLOR OF THE CURRENT PAGE LINK ***/}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: "\43"; margin:20px 0px 0px 30px!important;}/*Dropdown arrow indicating child menu items*/

/*Mainains hover state on parent item while hovering over a child (dropdown) item*/

#top-menu > li.open >a,
#top-menu > li:hover >a,
#top-menu > li.open >a:hover,
#top-menu > li:hover >a:hover,
#top-menu > li.open >a:focus,
#top-menu > li:hover >a:focus {
    background-color:#c40000;
    border:1px solid #ffffff;
    color:#ffffff;}
  
#top-menu > li.open > a:after,
#top-menu > li:hover > a:after,
#top-menu > li.open > a:hover:after,
#top-menu > li:hover > a:hover:after,
#top-menu > li.open > a:focus:after,
#top-menu > li:hover > a:focus:after {
    color:#ffffff;}
  
.current-menu-ancestor > a {
    background-color:#7a7474!important;
    border:1px solid #ffffff!important;}/*Maintians active color of parent menu item when child menu item is active*/ 

/***********************************************************************************/

/*************Mobile menu CSS. Allows children list items to be expanded when the parent item id clicked. Accompanying Java Script in footer*/

#main-header .et_mobile_menu .menu-item-has-children > a {background-color: transparent; position: relative;}
#main-header .et_mobile_menu .menu-item-has-children > a:after {font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; 
font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute;}
#main-header .et_mobile_menu .menu-item-has-children > a:after {font-size: 15px; content: '\4c'; top: 13px; right: 10px;}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {content: '\4d';}
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important;max-width:100%!important;}

/*************************Mobile menu CSS***********************************************************/

.et_mobile_menu{
	background-color:#000000;
	border-top: 3px solid #c40000;}	

.et_mobile_menu li.current-menu-parent >a, .et_mobile_menu .current-menu-item >a {
    background-color:#7a7474!important;}  

.et_mobile_menu li.current-menu-item a{
    background-color:#c40000!important;
    border:1px solid #ffffff;}

.et_mobile_menu li{
    margin:3px 0px 3px 0px;
    list-style:none;
    background-color:#545454;}     

.et_mobile_menu li a:hover{
    color:#ffffff!important;
    background-color:#ffbcbc!important; 
    opacity:1;}
        
@media (max-width:985px) {
.et_mobile_menu li a{
   -webkit-transition: all .0s ease-in-out!important;
   -moz-transition: all .0s ease-in-out!important;
    transition: all .0s ease-in-out!important;
    border:1px solid #c40000;}}/*Removes the hover transition effect on mobile menu*/  
    
.mobile_menu_bar {
    position: relative;
    left: 25px;
    top: 25px;}
        
span.mobile_menu_bar:before {
    color:#ffffff!important;}/*Color of mobile menu hamburgers*/   
          
/****************************WP Testimonial Slider CSS***********************/

.wptww-testimonials-slidelist .slick-slide {
    padding: 0 25px;}

.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner, .wptww-testimonials-list.design-3 
.wptww-testimonial-inner, .wptww-testimonials-slide-widget.design-3 .wptww-testimonial-inner {
    background-color:#000000;
    padding:10px;
   -moz-box-shadow:   4px 4px 10px 0px #000000;   
   -webkit-box-shadow:4px 4px 10px 0px #000000;
    box-shadow:       4px 4px 10px 0px #000000;}
    
.wptww-testimonials-slidelist.design-3 .wptww-testimonial-inner .wptww-testimonial_avatar, .wptww-testimonials-list.design-3 
.wptww-testimonial-inner .wptww-testimonial_avatar{
    font-family: 'Open Sans', sans-serif;}    

.wptww-testimonials-text p{ 
    font-size:17px!important;
    font-style:normal!important;
    color:#ffffff;
    line-height:30px!important;
    font-family: 'Open Sans', sans-serif;!important;
    padding:0px!important;}
        
cite, em, i{
    font-style:normal!important;
    font-family: 'Open Sans', sans-serif;!important;
    /*text-shadow: 3px 3px 3px #f3ae23;*/}/*Gives different look to quotes*/
            
.fa-quote-left{
    display:none;}
     
.wptww-testimonials-list h4, .wptww-testimonials-slidelist h4, .wptww-testimonials-slide-widget h4{
    color:#ffffff;
    font-weight:bold!important;
    font-family: 'Roboto', sans-serif;
    text-shadow: 3px 3px 3px #0000ff;
    font-size: 20px !important;
    line-height: 22px !important;
    padding: 0 !important;
    margin: 8px 0 !important;}    
     
.wptww-testimonials-text em:before{
    color: #ccc;content:"\201C";
  /*font-size:2.5em;*/
    line-height: 0.1em;
    margin-right:0em;
    vertical-align:-0.3em;
    color:#ffffff; 
    text-shadow:3px 3px 3px #000000;}/*Quotes before css*/

.wptww-testimonials-text em:after{
    content:"\201D";
  /*font-size:2.5em;*/
    line-height:0.1em;
    margin-left:0em;
    vertical-align:-0.4em; 
    color:#ffffff; 
    text-shadow:3px 3px 3px #000000;}/*Quoted after css*/

.wptww-testimonials-slidelist .slick-dots li button{
    width:15px!important;
    height:15px!important;}/*Slider dots circles*/

.wptww-testimonials-slidelist .slick-dots li {
    margin:0 5px !important;}/*Slider dots margins*/

/*************************Misc.CSS**********************************/

.et_pb_scroll_top.et-pb-icon{
    color:#ffffff;}/*Back to top scroll button arrow color*/

.et_pb_scroll_top.et-visible{
    background-color:#c40000;
    opacity:.8;}/*Back to top scroll button backround color*/

a{
    color:#c40000;
    font-weight:bold;}
    
a:visited{
    color:#c40000;}
    
a:hover{
    color:#670000;}
    
#main-footer a{
    color:#0000ff!important;}/*Footer hover color only*/      
    
#main-footer a:hover{
    color:#ffbcbc!important;}/*Footer hover color only*/ 
        
.comments-number{
    display:none;}    

/*Link colors on home page text only*/
    
.et_pb_text_0 a{
    color:#c40000!important;}
    
.et_pb_text_0 a:visited{
    color:#c40000!important;}
    
.et_pb_text_0 a:hover{
    color:#670000!important;}
    
.large{
    font-size:20px;
    color:#c40000!important;
    font-weight:bold;}/*Large first letters on text portion of all pages*/       
    
/*** Take out the divider line between content and sidebar on 404.php ***/
#main-content .container:before {
    background: none;}        
     
.et_pb_section ol, ul{
    list-style:url(https://www.1luxmiami.net/wp-content/uploads/2023/04/bullet.jpg)!important;}/*Bullet point on page list items*/
   
.et_pb_section li{
    font-size:18px;}   
              
/*************Contact Form Submit Button CSS********************************/

.et_contact_bottom_container{
    float:left!important;
    margin-top: -1.5%;
    margin-left:12px;
    text-align: right;}/*Left align the submit button on contact forms*/
   
.et-pb-contact-message p {
    font-family: lato;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    text-align:center;
    text-transform: uppercase;}/*Your message has been sent text*/   
  
/*************Footer bottom CSS***********/

#footer-bottom{
    background-color:#000000;
    padding:20px 0px 20px 0px!important;}  
    
#footer-info{
    text-align:center;
    float:none!important;}   
    
#footer-info a{
    color:#bfbdc6!important;}     
    
.shadow{
	text-shadow: 2px 1px 2px #dc5a5a;}
 
.entry-content ul{
    padding:0px;}


@media only screen and (max-width:1050px) {
.flex{flex-direction:column-reverse;
      display:flex;}}/*Used on additional services page to flip position of rows in mobile devices. This is entered in the individual
      row modules built on the front end. Every other row.*/