.elementor-8202 .elementor-element.elementor-element-2db3578{z-index:2;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-0d1bd4e .swiper-slide-bg{background-color:#833ca3;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/CP-IMG_8884-copy.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-7689f2e .swiper-slide-bg{background-color:#4054b2;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-001-scaled.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-4864ec6 .swiper-slide-bg{background-color:#1abc9c;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-003.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-6ee1b8b .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-006.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-e3a219c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-008.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-94b23d6 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-012.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-456f0c9 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-0010.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-a4df364 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-005.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-3bf32d7 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/F-022.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-7696e8c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/FullSizeRender-6-1.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-9fe157c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/IMG_6345-copy-scaled.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-a863b0b .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/IMG_6354-1-scaled.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-ee6aaf1 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/IMG-4383.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-a6115b0 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/Indoor-001.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-9e56f06 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/Indoor-002-scaled.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-6ad21f5 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/jm-center-feature.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-4b4efad .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/jm-n-feature.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-6802056 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/Merrick-Park-Dancing-Ftn-01.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-ae63c2c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/Ocean-Club-Splash-Pad-IWF-04-Website-Photos.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-f07bc2b .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/Ransom-Everglades-School-Fountain-02.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-c5e651e .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-001.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-6daf047 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-002.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-a1237ee .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-003-1.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-bf9e816 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-004.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-8231a79 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-005.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-926adf0 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-008.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-5b018e3 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/SP-011.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-131e92c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/WF-012.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .elementor-repeater-item-ccc1392 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(http://www.southernblueinc.com/wp-content/uploads/2022/02/WF-019-1.jpeg);background-size:cover;}.elementor-8202 .elementor-element.elementor-element-094c3fa .swiper-slide{transition-duration:calc(5000ms*1.2);height:800px;}.elementor-8202 .elementor-element.elementor-element-094c3fa > .elementor-widget-container{border-style:solid;border-width:13px 13px 13px 13px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-8202 .elementor-element.elementor-element-094c3fa .swiper-slide-contents{max-width:66%;}.elementor-8202 .elementor-element.elementor-element-094c3fa .swiper-slide-inner{text-align:center;}@media(max-width:767px){.elementor-8202 .elementor-element.elementor-element-094c3fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8202 .elementor-element.elementor-element-094c3fa .swiper-slide{height:500px;}.elementor-8202 .elementor-element.elementor-element-094c3fa .swiper-slide-contents{max-width:0%;}}/* Start custom CSS for html, class: .elementor-element-2db3578 */a {
  text-decoration: none;
}

.sbp-middle{
        padding: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; 
  
     

}
.box {
  background-image: linear-gradient(white, white),
                    linear-gradient(white, white),
                    linear-gradient(white, white),
                    linear-gradient(white, white),
                    linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: 3px 70%, 5% 3px, 3px 70%, 5% 3px, calc(100% - 4px) calc(100% - 4px);
 margin: 100px;
  background-position: left bottom, left bottom, right top, right top, 4px 4px;
}

.phone-email{
    background-color: black;
    display: flex;
    justify-content: flex-end;
    align-items: center;
text-align: left;
padding-right: 10px;

color: white;
}

.phone-email span{
    margin: 0 10px ;
}
.page-center{
    display: flex;
    color: white;
  font-size: 35px;
 font-weight: bold;
    justify-content: center;
 align-items: center;
 text-align: center;
  
}





/* Add a black background color to the top navigation */
.topnav{

display: flex;
  overflow: hidden;
margin-right: 5px;
  float: right;

}



/* Style the links inside the navigation bar */
.topnav a {
     
  float: left;
  display: flex;
  color: #f2f2f2;
  text-align: center;
  padding: 5px;
  text-decoration: none;
   border-radius: 5px;
   margin: 2px; 


}
button{
    background-color: transparent;
}
button:hover{
    background-color: gray;
}



/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
     
  float: left;
  overflow: hidden;
   border-radius: 5px;
 


}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {

  border: none;
  outline: none;
  color: white;
border-radius: 5px;
  background-color: inherit;
  font-family: inherit;
 padding: 3px;
 margin: 3px;
  

}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   border-radius: 5px;
  

  

}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: center;

}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
  display: block;
 

}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: gray;


}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;

  z-index: 10000;
  
 
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a ,.dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
      font-size:20px;
    float: right;
    display: flex;
    padding:0px 7px;
    margin:5px;
  
  }
  
  .page-center{
      font-size:25px;
  }
  
  
  .responsive{
   
     
          height:100vh;
          width:105vw;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   text-align:center;
   background-color:black;
   opacity:.93;

  }
  .phone-email{
      justify-content:center;
  }

}

  


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 10px;
    top: 0;

  }
  .nav-size{
z-index:99999999;
height:0;


}

  
  
  .topnav.responsive a {

    display: flex;
    align-items:center;
    justify-content:center;
    text-align: center;
  }
  
 
  .topnav.responsive .dropdown-content {position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center; width:80%; }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
   
    text-align: left;
  }
}

button{
    background-color: transparent;
    border: 1px solid white;
}
button:hover{
    background-color: gray;
  
}/* End custom CSS */