#popup-tabs > h4:first-child{
	border-left:0px;
}

#popup-tabs > h4:last-child{
	border-right:0px;
}

.popup-tab-content{
    border: 3px solid #73263e;
    padding: 10px;
}


.menu-heading > strong {
    font-size: 2em;
}


h4.popup-tab {
    border-radius: 10px 10px 0 0;
    margin-right: 3px;
    cursor:pointer;
}


.page-id-60 .page-row.padding-horz-lrg:after {
    border-bottom: 5px solid #75253e;
    content: ' ';
    width: 80%;
    display: block;
    margin: auto;
    padding-top: 70px;
}

.page-id-60 .page-row.padding-horz-lrg h3{

    text-decoration: underline;
    color: #75253e;
    margin-bottom: 13px;

}


.page-id-60  .wysiwyg.padding-lrg.border-top-thin.lt-gray-border {
    border: 0;
}


.page-id-30 iframe{
    margin: auto;
    display: block;
    max-width: 1200px !important;
    width: 900px !important;
    height: 600px !important;
}

.home .homepage-video-container{
	width:100%;
	display:flex;
	height: initial;
}

.home .homepage-video-container .container-left{
width: 50%;
    display: flex;
    padding-top: 50px;
    flex-wrap: wrap;
    align-items: baseline;
    flex-direction: column;
	  padding-right: 80px;
}

.home .homepage-video-container .container-right{
	width:50%;
	display:flex;
}

.home iframe{
    margin: auto;
    display: block;
    height: 400px !important;
}


.swim-skate-lessons-callout .half-width:last-child p:last-child a.btn{
	display:none;
}

.page-id-1627 .page-entry-header-img{
	background-position:center !important;
}

.swim-skate-lessons-callout .wysiwyg.padding-lrg {
    border-radius: 10px;
    background: #ffffff78;
    padding: 13px;
}

.swim-skate-lessons-callout p:first-child{
		text-align: center;
    margin-bottom: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    font-weight: bold;
		background: 	url('https://dakotahsport.com/wp-content/uploads/2019/12/open-skate-1920x1280.jpg');
	background-size:cover;
	background-position:center -400px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 10px 100px;
}

.swim-skate-lessons-callout a.btn{
		display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: inherit !important;
    padding: 15px 30px;
}

.htr-link{
	color:#ffffff;
	text-decoration:underline;
}

.swim-skate-lessons-callout .wp-block-column {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.swim-skate-lessons-callout .half-width .btn{
	padding:20px 40px;
	text-align:center;
}

.swim-skate-lessons-callout .wp-block-group{
	   border: 5px solid #5f1b30;
    padding: 2rem 0;
	border-radius: 0 0 7px 7px;
	background: #fff;
}
.swim-skate-lessons-callout .wp-block-group .wp-block-columns{
    display: flex;
    justify-content: center;
		text-align:center;
}

.home .homepage-video-container {
    align-items: center;
}

.swim-skate-lessons-callout .fa-solid{
	margin-left:10px;
	font-size:1.5em;
}

	.swim-skate-lessons-callout h3{
		margin-bottom:1rem;	
}

.swim-skate-lessons-callout{
	margin:0 0 3rem 0;
	padding:3rem 0;
}

.swim-skate-lessons-callout .wp-block-buttons>.wp-block-button {
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    align-content: center;
	  gap: 0.2em !important;
}

/* Deli Special Calendar
*********/

.day-calendar-deli-special{
    cursor:pointer;
}

.tooltip-delispecial {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.1s ease;
    z-index: 1000;
    background: #fff;
    width: 175px !important;
    height: 175px !important;
    display: flex;
    align-content: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  
  .tooltip-delispecial img {
    width: 100%;
    height: auto;
  }

/* Responsive Styles
********************/

@media only screen and (max-width: 1200px) {
	
    .home iframe {
        height: 200px !important;
          width: 500px;
    }

}


@media only screen and (max-width: 770px) {

    table#monthly-calendar {
        display: none !important;
    }

    .home .homepage-video-container .container-left{
        width: 100%!important;
        display:  block !important;
        text-align: center;
        padding: 40px 20px 0 20px !important;
    }
        
    
    .home .homepage-video-container .container-right{
        width:100%!important;
        padding: 0;
      display: block !important;
      flex-wrap: wrap;
    }
        
    .home .homepage-video-container{
            height: initial;
            flex-wrap: wrap;
    }
    
    .home iframe{
            width: 100%!important;
        height: 300px !important;
    }
        
            
    .page-id-30 iframe{
        margin-bottom:0;
        width: 100% !important;
        height: 300px !important;
    }
     
        
    .home .homepage-video-container .container-left .btn{
         display: block;
        width: max-content;
        margin: auto;
    }

    .testimonial-list{
        padding: 2rem 0;
}

.home iframe{
margin: 2rem 0;
}

    .page-preface-inner {
    padding: 1rem;
}


.swim-skate-lessons-callout{
    background-image:url(https://dakotahsport.com/wp-content/uploads/2024/10/swimn-skate-classes-container-bg-mobile-scaled.jpg) !important;
}

.swim-skate-lessons-callout p:first-child {
padding: 20px 20px;
font-size:1em;
background-position:center;
}
.swim-skate-lessons-callout .wp-block-column {
    margin-bottom: 1rem;
}

.swim-skate-lessons-callout{
    padding: 6rem 0;
}
    
    
}

@media only screen and (max-width: 500px) {
    .swim-skate-lessons-callout .wp-block-buttons>.wp-block-button {
        flex-wrap: wrap;
    }  
    .swim-skate-lessons-callout .wp-block-column {
            margin-bottom:3rem;
    }  
    .swim-skate-lessons-callout .wp-block-column:last-child {
        margin-bottom:1rem;
    }  
    .swim-skate-lessons-callout .wp-block-group {
        padding: 0rem 1rem;
        padding-top:2rem;           
    }        
}





/* Customize */

.swim-skate-lessons-callout{
	margin:0 0 0rem 0;
}



.page-id-10 .homepage-video-container{
	width:100%;
	display:flex;
	height: initial;
}

.page-id-10 .homepage-video-container .container-left{
width: 50%;
    display: flex;
    padding-top: 50px;
    flex-wrap: wrap;
    align-items: baseline;
    flex-direction: column;
	  padding-right: 80px;
}

.page-id-10 .homepage-video-container .container-right{
	width:50%;
	display:flex;
}

.page-id-10 iframe{
    margin: auto;
    display: block;
    height: 400px !important;
}


.mt-30{
	margin-top:30px !important;
}

.temp-message{
    text-align: left;
    margin: 0 auto 0 auto;
    color: #fff;
    background-color: #73263e;
    padding: 2rem;
		padding-right: 30%;
		position:relative;
	margin-bottom:3rem;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}


.temp-message h2{
    color: #fff;
    margin-bottom: 1rem;
		font-weight:bold;
	 font-style: italic;
}

.temp-message .alignright{
		position: absolute;
    top: 50px;
    right: 35px;
}

.temp-message span{
    font-size: 1.5em;
}

.app-icons{
    display: flex;
    gap:1rem;
}

.apps-logos{
    margin-top:2rem;
    padding-bottom:3rem;
}

.app-icons img{
    max-width: 150px;
}

@media only screen and (max-width: 770px) {

.app-icons img{
    max-width: 120px;
}

.app-icons{
        display: flex;
}
	
	.temp-message{
    text-align: center;
		padding-right: 0;
		padding: 1rem;
}


.temp-message h2{
	font-size:1em;

}

.temp-message .alignright{
	position: relative;
	top:0;
	right:auto;
	width:100px;
	float:none;
	display:block;
	margin:auto;
	margin-bottom:2rem;
}

.temp-message span{
    font-size: 1.5em;
}

	
h2 .highlight{
		font-size:0.8em !important;
		letter-spacing:2px;
}
	
	.page-id-113 .page-preface-inner img{
	    max-width: 100px !important;
}
	
	

    
.page-id-10  .homepage-video-container .container-left{
        width: 100%!important;
        display:  block !important;
        text-align: center;
        padding: 40px 20px 0 20px !important;
    }
        
    
   
.page-id-10  .homepage-video-container .container-right{
        width:100%!important;
        padding: 0;
      display: block !important;
      flex-wrap: wrap;
    }
        
    
.page-id-10  .homepage-video-container{
            height: initial;
            flex-wrap: wrap;
    }
    
   
.page-id-10  iframe{
            width: 100%!important;
        height: 300px !important;
    }
        
            
    .page-id-30 iframe{
        margin-bottom:0;
        width: 100% !important;
        height: 300px !important;
    }
     
        
   
.page-id-10 .homepage-video-container .container-left .btn{
         display: block;
        width: max-content;
        margin: auto;
    }

	
#rates-container--couple	.padding-med{
		    flex-direction: column;
	}
 

.page-id-10 iframe{
margin: 2rem 0;
}
	
.page-id-10 	.mt-30{
		margin-top:0;
	}
	
}