/*Paragraph Spacing*/
body p {
margin: 0;
padding: 0;
}

/*Intro Blog Remove Top Border*/
.boxed .blog-item {
box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08);
  margin-bottom: 20px;
  margin-top: 20px;
}

/*Boxed Div*/
.boxedborder{
    background-color: #fff;
    color: #666;
  box-shadow: 0 5px 10px #52965D;
padding:30px;}

/*Button to Div Bottom*/
.bottomdiv {
display: flex; 
  flex-direction: column;}
.buttondiv {
  margin-top: auto;
}

/* Button - Highlights */
.btn-highlights {
  background-color: transparent;
  border: 3px solid white;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  color: white; /* Link text color */
  text-decoration: none; /* Remove underline */
}
.btn-highlights:hover {
  background-color: white;
  color: #46a5af; /* Link text color on hover */
  text-decoration: none; /* Ensure underline is removed on hover */
}

/* Base styles for menu items */
.bookmark-menu .nav-item a {
    position: relative;
    display: inline-block;
    padding: 20px 30px; /* Adjust for height and width */
    text-decoration: none;
    background: transparent;
    color: #000; /* Default text color */
    transition: background 0.3s ease, clip-path 0.3s ease, color 0.3s ease;
}

/* Hover and Active States */
.bookmark-menu .nav-item a:hover,
.bookmark-menu .nav-item.active > a {
    background: #46A5AF; /* Bookmark color */
    color: #fff; /* Ensure text contrast */
    clip-path: polygon(
        0 10%,        /* Top left corner */
        100% 10%,     /* Top right corner */
        100% 100%,    /* Straight down the right side */
        50% 88%,      /* Bottom V-tip (80px from top) */
        0 100%        /* Straight down the left side */
    );
}

/*Team Name Height*/
.teamname{
    height: 60px; 
    display: flex;
    align-items: top;
}


/*Schools Page Responsive Vid*/
video {
    max-width:100%;
    height:auto;
}