/* 
Theme Name:		 Trexo Robotics
Theme URI:		 https://harvinder.ca
Description:	 Trexo is a child theme of Divi
Author:			 Harvinder Singh
Author URI:		 https://harvinder.ca
Template:		 Divi
Version:		 1.0.0
Text Domain:	 Divi
*/

@font-face {
  font-family: 'Muli Black';
  src:  url('fonts/Muli-Black.ttf.woff') format('woff');
}

body{
    font-size: 19px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;

}
#main-header{
    background: #000;
}
h1{
    font-family: 'Muli Black';
}
h2, h3, h4{
    font-family: 'Muli Black',Arial,sans-serif;
    font-weight: 700;
    text-align: center;
}
h2{
    font-family: 'Muli Black'!important;
    font-size: 2rem;
    color: #000!important;
    font-weight: bolder;
}
h1, .et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1{
    font-family: 'Muli Black';
    font-size: 3rem;
    font-weight: bolder;
}

.pricing .et_pb_row_4 .et_pb_text_inner{
    text-align: center;
    background: #F2F1EB;
    padding-bottom: 2rem;
}
.pricing .price{
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 0.5rem;
}
.pricing h3{
    width: 100%;
    padding:1rem;
}

.pricing .pricing-finance h3{
    background: #ecdc73;
}

.pricing .pricing-lease h3{
    background: #8fd6ec;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {
    color: #000!important;
}

.highlight-lavender{
    background: #D2BEF4;
    display: inline;
    line-height: 1.55em;
}
.highlight-white{
    background: rgb(255 255 255 / 71%);
    padding: 10px;
    color: #000;
    font-weight: bold;
}
#menu-item-33 a{
    background: #73CFEC;
    padding: 8px 20px;
    padding-bottom: 8px!important;
    border-radius: 20px;
    border: 1px solid #02B4EC;
    color: #000!important;
    font-weight: bold;
}
.page-id-23 #menu-item-33 a{
    color: #fff!important;
}
.small-text{
    font-size: 0.85rem;
}
#footer-widgets .footer-widget li:before{
    
    display: none;

}
#footer-widgets .footer-widget li{
    padding-left: 0;
    margin-left: 0;
    margin: 0;
}
#footer-widgets .footer-widget li{
    font-size:14px;
}
.footer-location-contact{
    background: #000;
    font-size: 0.9em;
    color: #fff;
    padding: 0!important;
}


.floating-bubble {
    position: absolute;
    z-index: 999;
}
#bubble1{
left: -80px;
top: -50px;
}
#bubble2{
    left: -135px;
    top: 200px;
}
#bubble3{
    right: -40px;
    top: 300px;
}

.et_pb_button{
    cursor: pointer!important;
}


/*MEDIA Queries*/

@media (min-width: 981px){
    .et_pb_section {
        padding: 2% 0;
    }
    .section-heading .et_pb_text_inner{
        padding: 0 10%;
        text-align: center;
    }

    .page-template-default.page:not(.home, .page-id-18)  .et_pb_section:first-child {
        /*background: url(images/trexo-bg-lav-1.jpg) no-repeat top center;*/

    }
    .floating-bubble {
        position: absolute;
        z-index: 999;
    }
    #bubble1{
    left: -80px;
    top: -50px;
    }
    #bubble2{
        left: -135px;
        top: 200px;
    }
    #bubble3{
        right: -40px;
        top: 300px;
    }
    .nav li ul{
        width: 280px;
    }
    #top-menu li li a {
    padding: 15px 20px;
     width: auto; 
    }
    .page-id-23 .et-fixed-header #top-menu li.current-menu-ancestor>a, .page-id-23 .et-fixed-header #top-menu li.current-menu-item>a, .page-id-23 .et-fixed-header #top-menu li.current_page_item>a {
    color: #FFF!important;
    }
}

@media (max-width: 479px){
    .et_pb_column {
        width: 100%!important;
    }
}

@media (max-width: 1200px) {
     #et_mobile_nav_menu {
     display: block;
     }
     
    #top-menu {
     display: none;
     }
 }