/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}

/* Video Styles */

.video-container {
  background: #24282f;
  color: white;
  text-align:center;
  padding: 250px 250px;
  margin-bottom:0px;
}

#iframe-container h1 {
    font-size: 52px;
    color: #ffffff;
    margin-bottom:-40px;
}

#iframe-container h3 {
    font-size: 24px;
}

/* Mobile Video Styles */

@media only screen and (max-width: 767px) {
    #iframe-container h1 {
        font-size: 36px;
    }
    
    #iframe-container h3 {
        font-size: 18px;
    }
    
    div#iframe-container {
        background-image: url(https://static.mywebsites360.com/cc459f7aef3b4340a89a1816a56a125f/i/c5c67e57683a4bafa6ef8f571b0b3d46/1/5feFb8zhrk/Mobile%20Hero%20copy%202.jpg);
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 200px 20px 200px 20px;
    }
}

/* End Video Styles */

.comparison-slider{
    text-align: center;
}

.comparison-slider img[slot]{
    width: 100%;
}

.handle {
    background: #1d6e8999;
    padding: 14px 3px;
    border-radius: 20px;
}

.slider-labels {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider-labels .label-item {
    font-size: 20px;
    font-weight: bold;
    color:white;
}

img-comparison-slider.rendered {width:100%}

img-comparison-slider {
    visibility: hidden;
    width: 100%;
}