/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


#content {
  transition: filter 0.5s ease, opacity 0.5s ease;  /* Add transition for smooth effect */
}


.home .image-content {
  display:flex;
  flex-direction: column!important;
  align-items: center!important;
}
.blurred {
  filter: blur(8px);
  opacity: 0.7;
}

.home .heading-desc {
  width: 65%!important;
}

.movedown {
  cursor:pointer;
}

.movedowntext {
  display:none;
  width: 58%;
  text-align: center;
  padding: 20px 63px;
  margin-top: 25px;
  background-color: #e8f6fc;
  border-radius: 50px;
}

/* Style for the header and navigation menu */
#header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  text-align: center;
}

#menu {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  font-size:13px;
  top: 50px;
  right: 50px;
  width:100%;
}

.home #menu a {
  color: #013D85!important;
}
.home .heading {
  color: #013D85!important;
}

img.logo {
  position: absolute;
  left: 72px;
  scale: .8;
  top: -34px;
}

.nav-img {
  background-size: 100%;
  background-repeat: no-repeat;
}

.texture {
  position: absolute; 
  bottom: 1px; 
  width: 209px;
}

img.tri {
  width: 44%;
}

.intro-wrapper {
  display: flex;
  margin: 10% 15%;
  align-items: center
}


.btn-1 {
  background-color: #013D85;
  margin-left: 121px;
  padding: 8px 20px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 30px;
  box-shadow: inset 0px 0px 0px 3px white, 0px 0px 0px 3px #CFB19D;
}

.btn-2 {
  background-color: #481080;
  margin-left: 121px;
  padding: 8px 20px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 30px;
  box-shadow: inset 0px 0px 0px 3px white, 0px 0px 0px 3px #579BB5;
}

.btn-3 {
  background-color: #1B0056;
  margin-left: 121px;
  padding: 8px 20px;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 30px;
  box-shadow: inset 0px 0px 0px 3px white, 0px 0px 0px 3px #35D0D3;
}


.actual-text {
  color:#013D85;
  margin-left: 121px;
}

.heading {
  font-size: 72px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  color: white;
}

.heading-desc {
  font-size: 22px;
  font-weight: 100;
  text-align: center;
  margin-top: 42px;
  color: white;
}


.image-content {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 831px;
}















.page-container {
  width: 100%;
  height: auto;
}

.bg-cover {
  background-color: #f3f5f7;
}

.page-image {
  background-color: #f3f5f7;
  width: 100%;
  display: flex;
  height: 200px;
  border-radius: 15px;
  font-size: 26px;
  justify-content: center;
  align-items: center;
}

/* Grid and List layout classes */
.card-hidden.grid-view {
  display: none;
}

.card-visible.grid-view {
  display: block;
}

.card-hidden.list-view {
  display: none;
}

.card-visible.list-view {
  display: block;
}

.play-button,
.pause-button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  text-align: center;
  display: flex;
  width: 100%;
  color: white;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 84px;
  opacity: .7;
  transition: opacity 0.3s;
  align-items: center;
  justify-content: center;
}
#video:hover{
    opacity: 1;
}
.pause-button {
    display: none;
}

.fade-in {
  display: none;
}



.Video .bg-cover:after {
  content: '▶';
  font-size: 92px;
  color: white;
  width: 100%;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.what-is-parent {
  display: flex;
  align-items: center;
}

.what-is {
  margin-right:5px;
}

.Video .list-img:after {
  content: '▶';
  font-size: 48px;
  color: white;
  width: 100%;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.filter-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.side-by-side {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -20px;
  margin-top: 20px;
}

.created-by {
  text-align:right;
}
.filter-btns * {
  text-align: center;
  width: 45px;
  font-size: 27px;
  padding: 5px;
  height: 37px;
  border-radius: 6px;
  margin-bottom: 31px;
  display: flex;
  color: #4b4b4b;
  align-items: center;

}

.overflow-text {
  white-space: nowrap;
  overflow: hidden;
  width: 270px;
  text-overflow: ellipsis;
}


p.card-text.date {
    font-size: 19px;
}

p.card-text.location {
    font-weight: bold;
    font-family: unset;
    margin-bottom: 12px;
}


#menu a {
  display: inline-block;
  position: relative;
  padding: 28px 20px;
  color: white;
  text-decoration: none;
  min-width: 60px;
  text-align: center;
  background-color: transparent;
}

.page-container {
  width:100%;
  height: auto;
}
.page-image {
  background-color: #f3f5f7;
  width: 100%;
  display: flex;
  height: 200px;
  border-radius: 15px;
  font-size: 26px;
  justify-content: center;
  align-items: center;
}

img.footer-img {
  position: absolute;
  top: 2px;
  right: 0;
  max-height:90px;
  height: 106%;
}


.site-stuff {
  width: 305px;
  display: none;;
  margin-top: 30px;
  text-align: left;
  font-weight: 100;
}

.list-img {
    width: 105px;
    height: 105px;
    background-size: cover;
    background-color: #f3f5f7;
}

#search-bar {
    float: right;
    position: absolute;
    margin-top: 1px;
    right: 10px;
}


.card-text {
    font-family: unset;
    line-height: 38px;
}

.home #footer { background-color: #1B0056; color: white }
.home .spacers { color:#9DC480 }

.page-id-9 #footer { background-color: #013D85; color: white }
.page-id-9 .spacers { color:#35D0D3 }

.page-id-63 #footer { background-color: #BD6480; color: white }
.page-id-63 .spacers { color:#FFC54E }

.page-id-65 #footer { background-color: #D4BEAC; color: black }
.page-id-65 .spacers { color:#A03531 }

.page-id-67 #footer { background-color: #013d85e8; color: white }
.page-id-67 .spacers { color:#35D0D3 }

.page-id-6 #footer { background-color: #013D85; color: white }
.page-id-6 .spacers { color:#35D0D3 }

.page-id-70 #footer { background-color: #BD6480; color: white }
.page-id-70 .spacers { color:#FFC54E }


.sand-footer {
    top:0!important;
}












#footer {
  padding: 30px 0;
  position:relative;
  overflow: hidden;
}
.footer-content span {
  padding: 0 10px; 
}

main#content {
  min-height: 100vh;
}

.footer-content {
  text-align: center;
}



.footer-content .link {
  cursor:pointer;
}


.product-name {
  background-color: #f3f5f7;
    border-radius: 50px;
    padding-left: 13px;
}


.list-row {
  transition: .5s all;
}

#search-input {
  background-color: white;
  color: #333;
  border: none;
  border-radius: 11px;
  padding: 8px 10px;
  width: 200px;
  font-size: 16px;
  margin-right: 32px;
}

#search-input::placeholder {
  color: #f3f5f7; /* Placeholder text color */
}

#search-button {
  background-color: #333; /* Button background color */
  color: #fff; /* Button text color */
  border: none;
  border-radius: 4px;
  display:none;
  padding: 8px 12px;
  cursor: pointer;
}

.list-row:hover {
  background-color: #f3f5f7!important;
}

@media (max-width: 768px) {
  .md\:flex-row {
    padding: 31px;
  }
  .show-list {
    display:none!important;
  }
  .filter-row {
    flex-direction:column;
  }
  .filter-row label {
    margin-bottom:30px;
  }
  #search-bar {
    display:none;
  }
}
#menu li {
  list-style-type: none
}

#menu ul {
  display:flex;
}

.current-menu-item {
  background-color:#333;
  border-radius:15px;
}

.current-menu-item span {
  
  color:#f3f5f7
}

.entry-title {
  display:none;
}

* {
  font-family: unset
}

body {
  margin:0;
  padding:0;
}




:focus-visible {
    outline: none!important;
}



.filter {
    display: flex;
    flex-wrap: wrap;
}

.filter-row {
    display: flex;
    align-items: center;
}

label {
    margin-right: 10px;
}

.filter-select,
.filter-input {
	width: 200px;
    padding: 5px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Add more CSS styling as needed */

.items-center {
	padding-right: 20px;
}









.flickity-viewport {
  height: 400px!important;
}





#masterhead {
	  padding-bottom: 124px;
  	margin-bottom: -52px;
}
.carousel {
  background: #EEE;
}

.carousel img {
  display: block;
  height: 400px;
}

.carousel video {
  display: block;
  height: 400px;
}


.page-id-6 .image-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-id-6 .heading-desc {
  width: 44%;
}






#toggleNav {
  display:none;
}




.menu-mob {
  display:none;
}

@media (max-width: 600px) {
  .page-template-template-contact input::placeholder, textarea::placeholder {
    color: rgb(80, 80, 80)!important; /* Placeholder text color */
  }
  body.home .heading {
    font-size:31px!important;
    font-weight:400;
  }
  .page-template-template-work .content{
    font-weight:400;
  }
  .home .heading-desc {
    width:95%!important;
    font-weight:400;
  }
  .page-id-6 .heading-desc {
    width: 75%!important;
  }
  .team-profiles .profile {
    scale:.85;
  }
  .team-profiles {
    margin-top:20px!important;
    gap:0px!important;
  }
  .team-profiles .name {
    margin-top:unset!important;
  }
}

@media (max-width: 1400px) {
  body .heading-desc{
    font-size:18px!important;
  }

  body .heading {
    font-size:47px!important;
  }
}


@media (min-width:600px) and (max-width: 1100px) {
  body .people {
    flex-direction:unset!important;
    width: 67% !important;
  }
}


@media (min-width:0) and (max-width: 600px) {
  body img.bg {
    opacity: .3;
  }

  body.page-id-9 .image-content {
    top: 54% !important;
  }

}






@media (min-width:600px) and (max-width: 1200px) {
  body .heading-desc{
    font-size:18px!important;
  }
  body .heading {
    font-size:37px!important;
  }
  .triangle img {
    width:15%!important;
  }
  .text {
    width:60%!important;
  }
  img.tri {
    width: 38%!important;
    margin-bottom: 20px;
  }
}












@media (max-width: 1100px) {
  .call {
    width: 100vw!important;
    text-wrap: pretty;
    padding-right: 65px!important;
  }
  
  #toggleNav {
    display:block!important;
  }


  .intro-wrapper {
    margin: 15% 10%!important;
  }

  .page-id-9 .image-content {
    top:42%!important;
  }

  .page-id-9 .triangles {
    gap:60px!important;
  }


  .person .image {
    height: 247px;
    width: 247px;
    margin: auto;
}


.right {
  width:100%!important;
  margin-top:unset!important;
}

.left {
  width:100%!important;
}

.current.flex {
  display: flex;
  flex-direction: column!important;
  padding: 109px!important;
  padding-bottom: 182px !important;
}

.left .stats {
  margin-left:25px!important;
}

img.test {
  position: absolute;
  bottom: -51px!important;
  left: 0;
  max-height: 281px!important;
  opacity: .3!important;
}


.page-id-65 .current.flex {
  padding:67px!important;
}

.page-id-65 .team-profiles .profile {
  width:79%!important;
}

.three {
  flex-direction:column;
  gap:0!important;
  justify-content: center!important;
  align-items:center!important;
}

.page-id-65 .column {
  flex-direction: column;
  align-items: center;
  display:flex;
  width:85%!important;
}


.text-desc {
  text-align: center;
}

.page-id-65 .triangle {
  flex-direction: column!important;
  align-items: center!important;
}

.page-id-65 .triangle img {
  height:100px!important;
}

.page-id-65 .triangles {
  align-items: center!important;
}





.menu-mob span {
  font-size: 42px !important;
  margin-top: -23px;
  margin-right: -11px;
}
  .nav-img {
    background-size: 53%!important;
  }


  .home .nav-img {
    background-size: 40% !important;
}





.home .menu-mob span {
  color: #013D85 !important;;
}





  .page-id-9 .menu-mob span {
    color: white;
  }
  .page-id-9 .sidenav {
    background-color: #F2FCFF!important;
  }
  .page-id-9 .nav-img {
    background-size: 48% !important;
  }

  body.page-id-9 .image-content {
    width: 61% !important;
  }

  .page-id-63 .menu-mob span {
    color: white;
  }
  .page-id-63 #menu a {
    color: white!important;
  }
  .page-id-63 .sidenav {
    background-color: #b2c390 !important;
  }
  .page-id-63 .nav-img {
    background-size: 49% !important;
  }

  .page-id-63 .image-content {
    width: 90% !important
  }


  .person  {
    background-color: #adc975!important;
  }



  .page-id-67 .menu-mob span {
    color: white;
  }
  .page-id-67 #menu a {
    color: #013D85!important;
  }
  .page-id-67 .nav-img {
    background-size: 88% !important;
  }


  .page-id-65 .menu-mob span {
    color: white;
  }
  .page-id-65 #menu a {
    color: #601B1B!important;
  }
  .page-id-65 .sidenav {
    background-color:#FAF3ED!important;
  }
  .page-id-65 .nav-img {
    background-size: 83% !important;
  }

  .page-id-6 .nav-img {
    background-size: 42% !important;
  }



  .page-id-70 .menu-mob span {
    color: white;
  }
  .page-id-70 #menu a {
    color: #481080!important;
  }
  .page-id-70 .nav-img {
    background-size: 43% !important;
  }



  .page-id-6 .menu-mob span {
    color: white;
  }
  .page-id-6 #menu a {
    color: #013D85!important;
  }



  .second * {
    width: 83%!important;
  }


  .desc-overlay {
    top: -141px!important;
  }

  .desc-content {
    width:85%!important;
  }

  .policies {
    width:85%!important;
  }

  .work-row {
    flex-direction: column;
    gap:7px!important;
    padding: 10px 34px;
  }

  .row-title, .row-desc {
    width:100%!important;
  }


  .box.contact {
    opacity:1!important;
  }

  .page-id-70 .fadeOut {
    opacity:1!important;
  }


  .second {
    width: 100%!important;
    height: 100%;
}

.first {
  width:100%!important;
}

.page-id-70 .opening-image {
  height: 150vh!important;
  overflow: hidden;
  background-color: #481080;
}



img.contact-overlay {
  position: absolute!important;
  right: -185px!important;
  top: 28vh!important;
}



.page-id-70 .image-content {
  top:15%!important;
}




img.logo {
  position: absolute!important;
  left: 49px!important;
  scale: 0.8!important;
  top: -28px!important;
}


.home .heading-desc {
  line-height:27px;
  scale:.9;
  font-size:17px!important;
}

















.form {
  position: relative!important;
  transform: unset!important;
  left: unset!important;
  top: 15%!important;
  height: 440px;
  width: 1123px;
  display: flex;
  gap: 15px;
  flex-direction: column;
}




.focus {
  width:91%!important;
}

.team-profiles {
  margin-left: 149px;
  flex-direction: column;
}

.team-profiles .profile {
  width: 80%!important;
}

.team-profiles .image {
  width: 179px!important;
}



.page-id-67 .current.flex {
  padding: 62px !important;
}



  div#mcleod {
    flex-direction: column;
  }



  .people {
    flex-direction: column!important;
    width: 92%!important;
  }


.tema-content {
  width: 105%!important;
}

.page-id-63 .minus {
  right:112px!important;
  top:50px!important;
}

.minus {
  z-index: 1;
  right: 23px!important;
  top: -11px!important;
}




#menu a {
  padding:24px 20px!important;
  font-size:15px!important;
}


.page-id-63 .fade.fadeIn.sub-desc {
  margin-bottom:unset!important;
}







img.profile {
  max-height:unset!important;
}















.fade.fadeIn.sub-desc {
  width:87%!important;
}




.page-id-67 .triangle img {
  position:relative!important;
    height: 142px!important;
    width:166px!important;
    margin-top: 14px!important;
}


body.page-id-67 .triangle {
  align-items:center!important;
  width: 100% !important;
}



.title {
  margin-top:unset!important;
  margin-left:unset!important;
}

.text {
  margin-top:11px!important;
  margin-bottom:20px!important;
  text-align:center;
  margin-left:unset!important;
}


.flickity-page-dots {
  bottom: -49px!important;
}


.current .image img {
  max-height: 160px!important
}


.dates {
  margin-top: 10px;
}

.no-results {
  padding-bottom:90px!important;
}




















.other-filter {
  z-index:1;
}

.filter-cards {
  flex-direction: column;
  padding:45px!important;
}




.publications {
  justify-content:flex-start!important;
}
.publications-title {
  color: white;
  font-size: 22px!important;
  width: 61%!important;
  margin-left: 27px!important;
  font-weight: 100;
}

.publications-arrow {
  right:40px!important;
}

input#date {
  z-index: 1;
}

.search {
  justify-content:flex-start!important;
}
.search-title {
  color: white;
  font-size: 22px!important;
  width: 61%!important;
  margin-left: 27px!important;
  font-weight: 100;
}

.search-arrow {
  right:40px!important;
}
.dropdown-content option {
  width:89%!important;
}
.filter .name {
  position:relative;
}

.filter-content {
  display: flex;
  position: relative;
  flex-direction: column!important;
  padding: 33px 0!important;
  align-items: center!important;
  padding-bottom:57px!important;
}
.filter-row label {
  margin-bottom:15px!important;
}

.current-filter {
  margin-bottom:20px;
}

.item {
  width:320px!important;
}
.filter {
  z-index:unset!important;
}

.dropdown-content {
  width:100%;
  max-width:unset!important;
  min-width:unset!important;
}




.filter-section .filter-card {
  width:100%!important;
}




.filter-type {
  display:none!important;
}



body.home .image-content {
  position:absolute!important;
}

body.page-id-6 .image-content {
  position:absolute!important;
}



textarea.wpcf7-form-control.wpcf7-textarea {
  height:100px!important;
}


.box.contact {
  max-height:unset!important;
}




















  .focus {
    text-align:center;
  }

  .desc {
    padding: 92px 4px!important;
  }

  .content {
    max-width:100%!important;
  }

  .triangle {
    flex-direction: column;
    width: 82%!important;
  }
  .triangle img {
    width: 37%;
}

.traingles {
  gap:85px!important;
}



























.row-f p {
  display: flex;
  flex-direction: column!important;
  gap: unset!important;
}

.box.contact {
  width:100vw!important;
}
.row-e p {
  width:100%!important;
}

.fade.fadeIn.name {
  margin-top: 20px;
  font-size: 22px;
  margin-bottom: 10px;
}


  .page-id-9 #menu a {
    color: #1b0056!important;
  }

.menu {
  display:none!important;
}

body .image-content {
  width:100%!important;
  position: relative;
  z-index: 1;
}

body.page-id-67 .image-content {
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
}

body.page-id-67 .heading-desc {
  width:78%!important;
  margin-top:20px!important;
}

body.page-id-67 .heading-desc.desc-2 {
  width: 67%!important
}


.open-cover {
  height: 100vh!important;
  object-fit: cover!important;
}

.heading-desc {
  font-size:16px!important;
}

.heading {
  font-size: 37px!important;
}

.texture {
  width: 140px!important;
}



.intro-wrapper {
  flex-direction:column;
}

.actual-text {
  margin-left:unset!important;
  margin-top:20px;
  text-align:center;
}





.btn-3, .btn-2, .btn-1 {
  margin-left:unset!important;
}


img.footer-img {
  opacity:.3
}


img.tri {
  width:100%;
  margin-bottom:20px;
}



































}