body {
  padding: 0px;
  margin: 0px;

}



/* menu nav */

#primary-menu-mobile {
  display: none;
}


/* FONT */

/* Industry Inc */
@font-face {
  src: url(../font/industry-inc-base.otf);
  font-family: industryinc;
}



/* block layout */


.buffer {
  height: 85px;
}


/* 
.buffer {
  height: 60px;
}


.buffer.tournament-template {
  height: 85px;
}

 */



section {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;;
  align-items: center;
color: #000;
    -webkit-font-smoothing: antialiased;
 font-family: "Lato", sans-serif !important;
}



.bleed {
  width: 100%;
}



.large {
  width: 90%;
}

.medium {
  width: 90%;
  max-width: 900px;
}

.half {
  width: 50%;
}


.opening {
  padding-top: 60px;
}



.flex-row-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}


/* TYPOGRAPHY */




section {
  color: #241803;
}

h1, h2, h3, h4, h5, h6, p {
  margin-block-start: 0em;
  margin-block-end: 0em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.all-cap {
  text-transform: uppercase;

}


.editor p.all-cap {

  line-height: 1.7;
}


.editor .editor-padding-top {
  margin-top: 15px;
  display: inline-block;
}


.no-decoration a {
  text-decoration: none !important;
}









a {
  text-transform: inherit;
  text-decoration: underline;
  color: inherit;
  font-family: inherit;
  text-transform: inherit;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}




p {
  font-family: "Lato", sans-serif !important;
  font-weight: 500 !important;
  color: #021524;
  font-size: 19px;
  

}




p span {
  font-size: 12px;
}


.editor p {

  line-height: 1.5;
  padding: 6px 0;
  color: #094F86;
}








.dark-theme p {
  color: #fff;
}

.blue-theme p  {
  color: #fff;
}



.editor ul {
  font-family: "Lato", sans-serif !important;
  font-weight: 500 !important;
  color: #021524;
  font-size: 19px;
/*   margin-left: 25px; */
  list-style-type: square;
  padding-inline-start: 20px;
  margin-block-start: 10px;
      margin-block-end: 10px;
      
  
}



.editor ul {
 line-height: 1.5;
 
 color: #094F86;
 
 
}


.editor ul.yellow-bullet li::before {
  content: "";
  display: inline-block;
 
  background: #D6B138;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-left: -23px;
}




.editor ul li {
  padding: 6px 0;
}



.dark-theme ul {
  color: #F5F5F5;
}

.blue-theme ul  {
  color: #F5F5F5;
}









h1 {
  font-family: industryinc, sans-serif;
  font-size: 120px;
  line-height: 1;

}




h1.big {
  font-size: 9vw;
}

.editor h1 {
  padding: 10px 0;
  color: #059;
  
   text-shadow:
   -2px -2px 0 #D6B138,
    2px -2px 0 #D6B138,
   -2px  2px 0 #D6B138,
    2px  2px 0 #D6B138,
   -2px  0px 0 #D6B138,
    2px  0px 0 #D6B138,
    0px -2px 0 #D6B138,
    0px  2px 0 #D6B138;
}


.dark-theme h1 {
 color: #fff;

 text-shadow:
 -2px -2px 0 #D6B138,
  2px -2px 0 #D6B138,
 -2px  2px 0 #D6B138,
  2px  2px 0 #D6B138,
 -2px  0px 0 #D6B138,
  2px  0px 0 #D6B138,
  0px -2px 0 #D6B138,
  0px  2px 0 #D6B138;
}

.blue-theme h1 {
 color: #D6B138;
text-shadow:
  -2px -2px 0 #fff,
   2px -2px 0 #fff,
  -2px  2px 0 #fff,
   2px  2px 0 #fff,
  -2px  0px 0 #fff,
   2px  0px 0 #fff,
   0px -2px 0 #fff,
   0px  2px 0 #fff;
}







h2 {
  font-family: industryinc, sans-serif;
font-size: 70px;
line-height: 1;

}



.editor h2 {
  padding: 10px 0;
  color: #059;
  
   text-shadow:
   -2px -2px 0 #D6B138,
    2px -2px 0 #D6B138,
   -2px  2px 0 #D6B138,
    2px  2px 0 #D6B138,
   -2px  0px 0 #D6B138,
    2px  0px 0 #D6B138,
    0px -2px 0 #D6B138,
    0px  2px 0 #D6B138;
}


.dark-theme h2 {
 color: #fff;

 text-shadow:
 -2px -2px 0 #D6B138,
  2px -2px 0 #D6B138,
 -2px  2px 0 #D6B138,
  2px  2px 0 #D6B138,
 -2px  0px 0 #D6B138,
  2px  0px 0 #D6B138,
  0px -2px 0 #D6B138,
  0px  2px 0 #D6B138;
}

.blue-theme h2 {
 color: #D6B138;
text-shadow:
  -2px -2px 0 #fff,
   2px -2px 0 #fff,
  -2px  2px 0 #fff,
   2px  2px 0 #fff,
  -2px  0px 0 #fff,
   2px  0px 0 #fff,
   0px -2px 0 #fff,
   0px  2px 0 #fff;
}







h3 {
 font-family: industryinc, sans-serif;
font-size: 40px;
line-height: 1.1;
color: #1060A0;

  text-shadow:
  -1px -1px 0 #D6B138,
   1px -1px 0 #D6B138,
  -1px  1px 0 #D6B138,
   1px  1px 0 #D6B138;


  letter-spacing: 1.2px;

}







.blue-theme-alter h3 {
  color: #D6B138 !important;
  text-shadow:
  -1px -1px 0 #fff,
   1px -1px 0 #fff,
  -1px  1px 0 #fff,
   1px  1px 0 #fff !important;

}


.blue-theme h3 {
  color: #fff;
  text-shadow:
  -1px -1px 0 #D6B138,
   1px -1px 0 #D6B138,
  -1px  1px 0 #D6B138,
   1px  1px 0 #D6B138;

}

.dark-theme h3 {
  color: #fff;
  text-shadow:
  -1px -1px 0 #D6B138,
   1px -1px 0 #D6B138,
  -1px  1px 0 #D6B138,
   1px  1px 0 #D6B138;

}




.editor h3 {
  padding: 5px 0;

}












  .editor table td {
    font-weight:  normal;
  }
  
  
  h4 {
    font-family: industryinc, sans-serif;
    font-size: 30px;
    line-height: 1;
  
    margin: 0 0;
    display: inline-block;
  }
  
  h4 strong {
    padding: 0 7px;
 
  }
  
  .editor h4 {

    color: #094F86;
  }
  
  
  
  
  .editor h4 strong {
    background: #00559A;
    color: #fff;
  }
  
  
  .blue-theme h4 {
  
    color: #fff;
  }
  
  .blue-theme h4 strong {
    background: #fff;
    color: #00559A;
  }
  
  
  .dark-theme h4 {
    background: #fff;
    color: #021524;
  }
  
  .dark-theme h4 strong {
  
color: #fff;
  }
  
  
  
.editor h4.outline-text {

    text-shadow:
    -1px -1px 0 #D6B138,
     1px -1px 0 #D6B138,
    -1px  1px 0 #D6B138,
     1px  1px 0 #D6B138;

  }
  
  



h5 {
font-family: industryinc, sans-serif;
font-size: 20px;
line-height: 1.2;
color: #1060A0;
}

  .editor h5 {
padding: 5px 0;
  color: #094F86  ;
}


.blue-theme h5 {

  color: #F5F5F5;
}


.dark-theme h5 {
 
  color: #F5F5F5;
}







h6 {

 text-decoration: underline;
 color: inherit;
 font-family: industryinc, sans-serif;

 line-height: inherit;
 font-size: 37px;
 font-style: normal;
}


h6 del {

    
}


/* button */



a.primary-button {
font-family: industryinc, sans-serif;
font-size: 20px;

text-transform: uppercase;
line-height: 1.4 !important;
padding: 7px 13px;
text-decoration: none;
display: inline-block;
margin: 10px 0;
transition: 0.3s;
}






a.primary-button {
  color:  #fff;
  background: #021524;
}




a.primary-button:hover {
  opacity: 0.9;
}



.dark-theme a.primary-button {
color:  #021524;
background: #ffffff;
}



.blue-theme a.primary-button {
color:  #021524;
background: #ffffff;
}





/* DARK THEME */


.dark-theme {
  color: #F5F5F5;
}








/* navigation */


#primary-menu {
  width: 100%;
  height: 100vh;
  background: #01101C;
 width: 100%;
 height: 100vh;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 z-index: 3;
}



.navigation-image {
  
background-image: url(../img/rsa-soccer.jpg);
background-size: cover;
background-position: center;
clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1; 

}



.side-nevigation {
  width: 40vw;
  height: 100%;
  position: relative;
}

#primary-menu {
  transition: 0.5s;
  transition-property: right;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.5s ease-in-out;
  z-index: 99;
}


#primary-menu.open {
  right: 0%;
}

#primary-menu .menu-primary-menu-container {
  width: 60vw;
  height: 100%;
  display: flex;

  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
 font-family: "Lato", sans-serif;
 font-weight: 600;
 overflow-y: auto;
}


#primary-menu #menu-primary-menu {
padding-top: 10vh;
  width: 90%;
  height: auto;
max-width: 1000px;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0px;
  display: flex;
  /* align-self: flex-start; */
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
#primary-menu #menu-primary-menu > li {
  display: block;
  width: 30%;
  
  padding: 2vh 0;
}

#primary-menu #menu-primary-menu ul.sub-menu  {
  list-style-type: none;
  padding-inline-start: 0;
  padding-top: 15px;
}

#primary-menu #menu-primary-menu a {
  text-decoration: none;
}




#primary-menu #menu-primary-menu > li > a {
 
  font-family: industryinc, sans-serif !important;
color: #D6B138;
font-size: 30px;
  position: relative;
}


#primary-menu #menu-primary-menu ul.sub-menu li {
  font-size: 18px;
  padding: 8px 0px;
opacity: 1;
  transition: 0.3s;
  position: relative;
}

#primary-menu #menu-primary-menu ul.sub-menu li::after{
  content: '';
  display: block;
  bottom: 0px;
  left: 0px;
  background: #D6B138;
    width: 0px;
  height: 4px;
transition: 0.3s;
  position: absolute;
}









#primary-menu #menu-primary-menu > li > a::after   {
  content: '';
    display: block;
    bottom: -8px;
    left: 0px;
    background: #D6B138;
    width: 0px;
    height: 4px;
  transition: 0.3s;
    position: absolute;
}



#primary-menu #menu-primary-menu > li.title > a::after   {
 display: none;
 pointer-events: none;
}




#primary-menu #menu-primary-menu ul.sub-menu li:hover::after, #primary-menu #menu-primary-menu > li > a:hover::after   {
  width: 50px;
}


.home-logo img {
  height: 120px;
  width: auto;
}


#menu-pinbar {
position: fixed;
top: 0;
right: 0;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 9;
  width: 100%;

}

#menu-pinbar {

  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none;
  font-size: 15px;

}


#menu-pinbar .menu-contain {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;

}


#menu-pinbar .menu-contain > div {
 background: #010F1A;
 color: #fff;
 height: 120px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 transition: 0.3s;
 cursor: pointer;
}



#menu-pinbar .menu-contain div.highlight  {
  background: #C4A644;

}







#menu-pinbar .menu-contain div a {
  text-decoration: none;
  padding: 10px 45px;
 border-right: 1px solid rgba(255, 255, 255, 0.228);
position: relative;
}




#menu-pinbar .menu-contain div a::after{
  content: '';
  display: block;
  bottom: 0px;
  left: 45px;
  background: #D6B138;
    width: 0px;
  height: 4px;
transition: 0.3s;
  position: absolute;
}

#menu-pinbar .menu-contain div.highlight a::after{

  background: #ffffff;

}

#menu-pinbar .menu-contain div:hover a::after {
   width: 40px;
}



.burger-bar {
  width: 40px;
  height: 3px;
  background: #fff;
  margin: 4px 0;
  transition: 0.3s;
}

.burger-nav:hover .burger-bar.bottom-bar {
  width: 25px;
}







#menu-pinbar .menu-contain div.highlight a {
  border: none;
}





#menu-pinbar .menu-contain .burger-nav {
  padding: 0px 45px;
}




#primary-menu .burger-nav.close-nav {
  color: #fff;
  position: absolute;
  top: 40px;
  right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  cursor: pointer;
  
}


.video-bleed-hero {
  width: 100vw;
  height: 95vh;
}


.video-bleed-hero .container {
  position: relative;
  height: 100%;
  width: 100%;
}




.video-bleed-hero video {

width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}



.hero-content-video {
  width: 100%;
  height: 100%;
  background:  linear-gradient(90deg, rgba(0, 28, 51, 0.586) 0%, rgba(0, 28, 51, 0.342) 38%, rgba(0, 28, 51, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  
  
}

.hero-content-video > div {
  padding: 60px;
}




video {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}




/* color theme */

.blue-theme {
  background: #00559A;
}

.dark-blue-theme {
  background: #112C41;
}

.dark-theme {
  background: #021524;
}







/* Editor items */

hr {
 display: block;
height: 6px;
background-color: rgb(196, 166, 68); /* or your desired color */
border: none;
margin: 0 auto;
}


.editor hr {
width: 30%;
margin-block-start: 0em;
margin-block-end: 0em;
margin: 30px 0;
}


.hide {
  display: none !important;
}




.one-third {
  width: 35%;
}

.third {
  width: 65%;
}

.wide .one-third {
  width: 55%;
}



.wide .third {
width: 45%;
}





.fouth-six {
  width: 40%;
}

.six-fouth {
  width: 60%;
}





/* TEXT-IMAGE BLOCK */



.two-column-contain .contain {


 display: flex;
align-items: stretch;
min-height: 50vh;

}



.two-column-contain .contain > div {

position: relative;
}

.two-column-contain .content-container {
  padding: 100px 0;

}





.two-column-contain .contain .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
position: relative;
}


.two-column-contain .image {
  

}



.text-image .content-container {
 padding-left: 70px;
}





.content {
  z-index: 3;
}





.slash {
  position: absolute;
  top: 0;
  right: -90px;
  height: 100%;
  width: 90px;
  background-image: url(../img/white-slash.png);
 background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}


.blue-theme .slash {
  position: absolute;
  top: 0;
  right: -90px;
  height: 100%;
  width: 90px;
  background-image: url(../img/blue-slash.png);
 background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.dark-theme .slash {
  position: absolute;
  top: 0;
  right: -90px;
  height: 100%;
  width: 90px;
  background-image: url(../img/dark-slash.png);
 background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}












/* video-text BLOCK */


.slash-right {
  position: absolute;
  top: 0;
  left: -87px;
  height: 100%;
  width: 90px;
  background-image: url(../img/slash-right-white.png);
 background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}


.blue-theme .slash-right {
background-image: url(../img/slash-right-blue-1.png);

}

.dark-theme .slash-right {
background-image: url(../img/slash-right-dark.png);

}













.video-text .content-container {
padding-right: 60px;
padding-left: 20px;
}



.video-text .video-text-video {
  height: unset !important;
}





/* two column image block */


.two-column-div {
  width: 50%;
  min-height: 50vh;
}

.two-column-div > div {
  background: rgba(0, 85, 154, 0.804) !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}





.two-column-div > div > div {
  width: 80%;
  max-width: 700px;
  padding: 30px 0;
}




.two-column-container {
  width: 100%;
}

.two-column-contain {
width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}



/* blank image */

.blank-image-container {
  height: 35vw;
}



/* image text block */




.image-text .slash {
position: absolute;
top: 0;
left: -89px;
height: 100%;
width: 90px;
 background-image: url(../img/slash-right-up-white.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}


.image-text.blue-theme .slash {
background-image: url(../img/slash-right-up-blue.png);
}

.image-text.dark-theme .slash {
background-image: url(../img/slash-right-up-dark.png);
}




.image-text .image.six-fouth {
  position: relative;
  z-index: 7;
}


.image-text .fouth-six .content-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  background: rgba(0, 85, 154, 0.804) !important;
}

.image-text .fouth-six .content-container.solid {

  background: rgba(16, 96, 160, 1) !important;
}







.image-text .fouth-six .content-container > div {

  max-width: 600px;
  min-width: 65%;
  width: 80%;
}


.image-text .six-fouth {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}



.image-text .six-fouth .content-container {
  width: 80%;
  max-width: 1000px;
}


/* single block */



.single-column {
  padding: 10vh 0;

}




/* footer */


footer #social-media {
  background: #010F1A;
  
}

footer #social-media .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 0;
}

footer #social-media .container > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;


}

footer #social-media .container > div a {
  padding: 0px 10px; 
}



footer #social-media .container > div a img {
  height: 30px;
  width: auto;
}


footer #social-media .container > img {
  height: 80px;
  width: auto;
  display: inline-block;
  
}



#footer-contact .footer-contact-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;

}

#footer-contact .footer-contact-container h4 {
  font-size: 40px;
  line-height: 1.2;
}

.footer-right-container {
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 40px 0;
}


.footer-right-container .footer-right-content-container {
  padding-left: 70px;
}

.footer-right-container {
  color: #fff;
  text-decoration: none;
}

.footer-right-container h6 {
  font-size: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  
}

.footer-right-container a {
  opacity: 0.8;
  text-decoration: none;
  transition: 0.3s;
}

.footer-right-container a:hover {
  opacity: 1;
}


#copy-right {
  padding: 20px 0;
  padding-top: 10vh;
}


.slider-parent {
  padding-top: 40px;
}

.sliders {
  padding: 70px 0;
}






.slick-children {
  padding: 0 40px;
  height: 160px !important;
}

.slick-children > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.slick-children img {
  
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 120px;
 
}

.slick-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  

  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  padding-top: 10px;
}

.slick-dots li {
  display: block;
  background: #fff;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}

.responsive.slick-slider {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* max-width: 1500px; */
  width: 100%;
}




.slick-slider .slick-track, .slick-slider .slick-list {
  /* width: 100% !important; */
}


/* Reset the default slick button styles */
.slick-prev,
.slick-next {
  background: transparent;
  border: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  color: #021524 !important;
  
}

/* Create a triangle arrow shape */
.slick-prev::before,
.slick-next::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  padding: 5px;
  transform: rotate(135deg);
}

/* Left arrow (prev) */
.slick-prev {
  left: -25px; /* Adjust as needed */
}

.slick-prev::before {
  transform: rotate(135deg); /* Points left */
}

/* Right arrow (next) */
.slick-next {
  right: -25px; /* Adjust as needed */
}

.slick-next::before {
  transform: rotate(-45deg); /* Points right */
}



/* Hero image block */


.hero-image {
  height: 75vh;
position: relative;
  
}

.hero-image.short {
  height: 60vh;
position: relative;
  
}

.hero-image.extra-short {
  height: 40vh;

  
}



.hero-image .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.hero-image .container .hero-content {
  width: calc(100% - 10vh);

 padding: 5vh;
}



/* TEXT slider */







#sliders .slider {
  width: 100%;
  height: 100%;
}

#sliders .slide {
  width: 100%;
  height: 100%;
}

#sliders .slick-list {
  height: 100%;
}


#sliders .slick-track {
  height: 100%;
}


.slider.two-column-contain .content-container {
  padding-left: 70px;
}



.controller {
  display: flex;
  flex-direction: row;
  padding-top: 30px;
}


.controller > div {
  width: 40px;
  height: 40px;
  margin: 5px;

}

.controller .prev {
  background-image: url(../img/prev.svg);
  background-size: cover;
  background-position: center;
}

.controller .next {
  background-image: url(../img/next.svg);
  background-size: cover;
  background-position: center;
}


/* CARD */




.card-section .container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
 
}

.card-section .container .contain {
  min-height: 13vw;
  width: 25%;
  padding: 10px 0;
  background-size: 70%;
   background-position: right;
   background-repeat: no-repeat;

}


/* 4-column checkerboard */
.card-section .container .contain:nth-child(8n + 1),
.card-section .container .contain:nth-child(8n + 3),
.card-section .container .contain:nth-child(8n + 6),
.card-section .container .contain:nth-child(8n + 8) {
  background-color: #021524;
}
.card-section .container .contain:nth-child(8n + 2),
.card-section .container .contain:nth-child(8n + 4),
.card-section .container .contain:nth-child(8n + 5),
.card-section .container .contain:nth-child(8n + 7) {
  background-color: #1060A0;
}




.card-section .container .contain > div {
  width: 100%;
  height: 100%;
  /* background: rgba(255, 255, 255, 0.208); */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;


}



.card-section .container .contain > div h1,
.card-section .container .contain > div h2,
.card-section .container .contain > div h3,
.card-section .container .contain > div h4,
.card-section .container .contain > div h5,
.card-section .container .contain > div h6,
.card-section .container .contain > div p {
color: #fff;
}


.card-section .container .contain > div h1,
.card-section .container .contain > div h2,
.card-section .container .contain > div h3 {
  letter-spacing: 2px !important;
}

.card-section .container .contain > div h1 {
  padding-right: 10px;
}



/* simple card */


.simple-card {
  background: #0e548d;
}


.simple-card .container .contain > div {
  width: 85%;


}

.simple-card .container .contain > div h5 {
  color: #Fff;
}


.simple-card .container .contain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3% 0%;
}



.simple-card .container .contain {
  width: 33.3333%;
}








 /* Proper checkerboard pattern for 2 columns */
.simple-card .container .contain:nth-child(odd) {
  background-color: #021524;
}

.simple-card .container .contain:nth-child(even) {
  background-color: #1060A0;
}



/* dynamic layout */


.dynamic-header {
  
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}


.card-section {
  background: #0e548d !important;
}





.dynamic-header > div {
 padding: 50px;
 
  max-width: 900px;
}

.dynamic-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.dynamic-content > div {
padding: 5vh 0;
padding-left: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  /* max-width: 1500px; */
}

.dynamic-content > div > .contain {
 width: calc(33.333% - 60px);
padding-right: 60px;
position: relative;
padding-bottom: 15px;
}

.dynamic-content > div > .contain::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #D6B138;
  position: absolute;
  left: -20px;
  top: 15px;
}



/* LOGO WALL */



.logo-wall {
  padding: 40px 0;

}

.logo-wall-header h3 {
  width: 100%;
  text-align: center;
   
}

.logo-wall-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}


.logo-wall-content > div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 85%;
  max-width: 1500px;
}


.logo-wall-content > div > img {
  width: auto;
  height: auto;
  max-height: 50px;
  max-width: 18%;
  display: block;
  margin: 30px;
}

/* mid size cards */

.midsize-card {
  padding: 50px 0;
  background: #021524;
}

.midsize-card .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}


.midsize-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  
}


.midsize-header > div {
  width: 90%;
  max-width: 700px;
}


.midsize-content {
  padding-top: 30px;
}

.midsize-content > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.midsize-content .contain {
  width: calc(50% - 70px);
  padding: 30px;
  background: #1060A0;
border: 3px solid #021524;
  
}




/* white card */

 .white-content {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
   padding-bottom: 50px;
 }

 .white-content > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% - 100px);

    padding: 0 50px;
  }


 .white-content div .contain {
   width: 50%;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
 }
 
 .white-content div .contain > div {
   padding: 30px;
   width: 100%;
 }
 
.white-content div .contain h1,
.white-content div .contain h2,
.white-content div .contain h3,
.white-content div .contain h4,
.white-content div .contain h5,
.white-content div .contain h6,
.white-content div .contain li,
.white-content div .contain p,
.white-content div .contain a {
  color: #fff !important;
}

.white-content div .contain a.primary-button {
  background: #fff !important;
  color: #021524 !important;
}

 
 
  /* Proper checkerboard pattern for 2 columns */
 .white-content div .contain:nth-child(4n + 1),
 .white-content div .contain:nth-child(4n + 4) {
   background-color: #021524;
 }
 
 .white-content div .contain:nth-child(4n + 2),
 .white-content div .contain:nth-child(4n + 3) {
   background-color: #1060A0;
 }
 
 
 
 
 
 
 /* accordion */
 
 .accordion-section {
   padding: 30px 0;
   width: 100%;
 }
 
 
 .accordion p.accordion-header {
 font-size: 20px;
font-weight: bold;
 opacity: 0.8;
 cursor: pointer;
 transition: 0.3s;
 width: 80%;
 /* color: #000; */
 }
 
 
 .accordion-title h3 {
   text-align: center;
   padding-top: 5vh;
 }
 
 
 
 .accordion p.accordion-header:hover {
   opacity: 1;
 }
 
 
 
 .container.accordion.one-column-content > .content {
   max-width: 1000px;
 }
 
 
 
 
 
 .accordion p {
   padding: 9px 0;
   line-height: 1.5;
 }
 
 
 
 .accordion-item.active .accordion-header {
   opacity: 1;
 }
 
 
 .accordion .accordion-arrow {
   width: auto;
   height: 15px;
   position: absolute;
   top: 25px;
   right: 0;
   transition: 0.3s;
   padding: 0px;
 }
 
 
 
 
 .accordion .accordion-arrow.active {
   transform: rotate(-90deg)
 }
 
 
 .accordion-item {
   position: relative;
   padding: 5px 0;
 border-bottom: 1px solid rgba(3, 31, 54, 0.362);
 
 }


 .blue-theme .accordion-item {
    position: relative;
    padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.514);
  
  }
 
 
 .dark-theme .accordion-item {
   position: relative;
   padding: 5px 0;
 border-bottom: 1px solid rgba(255, 255, 255, 0.514);
 
 }
  
 
 
 
 
 .accordion-item:last-child {
   border-bottom: none;
 }
 
 
 
 .accordion-item > .accordion-para {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   max-height: 0px;
   height: auto;
   opacity: 0.9;
   transition: max-height 0.4s ease-in-out; /* Smooth transition */
 }
 
 .accordion-item > .accordion-para.active {
 max-height: 5000px; 
 
 
 }



/* text accordion */
 
.text-accordion {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 2vh 0;
}

.text-accordion .container {
  width: 50%;
}


.text-accordion .text-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}


.text-accordion .text-content > div {
  width: calc(100% - 140px);
  padding: 70px;
 
}


.accordion-left {
  max-width: 800px !important;
}




/* STAFF picking */


.staffs-container {
  width: calc(100% - 100px);
  padding: 0 50px;
  padding-bottom: 50px;
}



.staffs-container > .staff-contain {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.member {
  width: calc(33.33% - 40px);
  margin: 20px;
background: #1060A0;

display: flex;
flex-direction: row;
margin: 
}

.member .headshot {
  display: block;
  height: auto;
  width: 40%;

}

.editor .position {
  text-transform: uppercase;
  font-weight: bold !important;
  opacity: 0.6;
  padding: 0;
}




.member .member-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
 width: 60%;
  height: 100%;
  
}

.name {
  background: #004883;
  padding: 15px;
  width: calc(100% - 30px);
}



.contact-info {

  padding: 15px;
  width: calc(100% - 30px);
  display: flex;
  flex-direction: column;
}





.contact-info a {
padding: 5px 0;
  font-weight: bold;

}


.editor .name h5 {
  padding-top: 0px;
}




/* search term */


.search-term-container {
  overflow: hidden;
  width: 0;
  height: 0;
}




/* search */

.hero-image.search-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
 align-items: center;
height: 35vh;
min-height: 300px !important;
padding-bottom: 5vh;
}


.search-header  h2 {
  text-align: center;
  padding: 30px;
  letter-spacing: 1.3px;
}

.search-header > div {
  display: flex;
    flex-direction: column;
    justify-content: center;
   align-items: center;
 
}




.search-header .search {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #FFFFFF;
  background-color: transparent; /* no background */
}

.search-header .searchfield {
  flex: 1;
  padding: 0 20px;
  background-color: transparent; /* transparent input */
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-appearance: none;
}

.search-header .searchfield::placeholder {
  color: #A0A8B5;
  font-weight: bold;
}

/* Make the native clear "X" icon white */
.search-header .searchfield::-webkit-search-cancel-button {
  filter: invert(1); /* makes black "X" white */
  cursor: pointer;
}

.search-header .button-filter {
  width: 50px;
  height: 100%;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-header .button-filter img {
  height: 60%;
  width: auto;
}


.result-header {
  padding-top: 5vh;
}


.result-header h5 {
padding: 30px 0;
color: #D6B138;
}



.search-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.search-container .research-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin: 20px 0;
}

.search-container .research-card:first-child {
  margin-top: 0px;
}


.search-container .research-card .card-image {
  width: 40%;
  height: 220px;
  background-size: cover;
  background-position: center;
}

.search-container .research-card .card-content {
  width: 60%;
display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}


.search-container .research-card .card-content h5 {
  display: block;
  width: calc(100% - 40px);
  padding: 20px;
  background: #004883;
}

.search-container .research-card .card-content a {
  padding: 20px;
  font-weight: bold;
  color: #fff;
}



.result-card {
  padding-bottom: 5vh;
}

.card-content div {
  padding-bottom: 20px;
}


.card-content p {
  padding: 10px 20px;
}


.no-result {
  width: 100%;
 text-align: left;
}



/* not found */


.not-found {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




.not-found h5 {
  padding-top: 5px;
}



/* staff info */

section.staff-info {
  padding-top: 20vh;
  padding-bottom: 5vh;
}

.staff-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}


.staff-container img {
  width: 300px;
  height: 300px;
}



.staff-container > .contain {
  width: calc(100% - 380px);
padding-left: 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.514);
}



.staff-container > .contain > div {
  margin-top: 10px;
}



/* form */


/* Make all form inputs white outline and white text */
.blue-theme .wpforms-form input[type="text"],
.blue-theme .wpforms-form input[type="email"],
.blue-theme .wpforms-form input[type="tel"],
.blue-theme .wpforms-form input[type="submit"],
.blue-theme .wpforms-form select,
.blue-theme .wpforms-form textarea {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Placeholder text color (like 'First', 'Last') */
.blue-theme .wpforms-form ::placeholder {
  color: #fff !important;
  opacity: 1; /* Ensure it's visible */
}

/* Label text */
.blue-theme .wpforms-form label {
  color: #fff !important;
}

.blue-theme .wpforms-container .wpforms-form .wpforms-field-label {
  color: #fff !important;
}

/* Submit button styling */
.blue-theme .wpforms-form button[type="submit"] {
  background-color: #fff !important;
  color: #005b9e !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

.blue-theme .wpforms-form button[type="submit"]:hover {
  opacity: 0.9 !important;
}




/* Style number input same as others */
.blue-theme .wpforms-form input[type="number"] {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Optional: Remove number spinner arrows in most browsers */
.blue-theme .wpforms-form input[type="number"]::-webkit-inner-spin-button,
.blue-theme .wpforms-form input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.blue-theme .wpforms-form input[type="number"] {
  -moz-appearance: textfield !important;
}



.blue-theme div.wpforms-container-full .wpforms-confirmation-container-full {
  background: none !important;
  border: none !important;
  box-sizing: border-box;
}



.blue-theme div.wpforms-container-full .wpforms-confirmation-container-full p {
  color: #ffff !important;
}





/* dark theme */



/* Make all form inputs white outline and white text */
.dark-theme .wpforms-form input[type="text"],
.dark-theme .wpforms-form input[type="email"],
.dark-theme .wpforms-form input[type="tel"],
.dark-theme .wpforms-form input[type="submit"],
.dark-theme .wpforms-form select,
.dark-theme .wpforms-form textarea {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Placeholder text color (like 'First', 'Last') */
.dark-theme .wpforms-form ::placeholder {
  color: #fff !important;
  opacity: 1; /* Ensure it's visible */
}

/* Label text */
.dark-theme .wpforms-form label {
  color: #fff !important;
}

.dark-theme .wpforms-container .wpforms-form .wpforms-field-label {
  color: #fff !important;
}

/* Submit button styling */
.dark-theme .wpforms-form button[type="submit"] {
  background-color: #fff !important;
  color: #005b9e !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

.dark-theme .wpforms-form button[type="submit"]:hover {
  opacity: 0.9 !important;
}




/* Style number input same as others */
.dark-theme .wpforms-form input[type="number"] {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Optional: Remove number spinner arrows in most browsers */
.dark-theme .wpforms-form input[type="number"]::-webkit-inner-spin-button,
.dark-theme .wpforms-form input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.dark-theme .wpforms-form input[type="number"] {
  -moz-appearance: textfield !important;
}



.dark-theme div.wpforms-container-full .wpforms-confirmation-container-full {
  background: none !important;
  border: none !important;
  box-sizing: border-box;
}



.dark-theme div.wpforms-container-full .wpforms-confirmation-container-full p {
  color: #ffff !important;
  text-align: center !important;
}





/* default */


/* Make all form inputs white outline and white text */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="submit"],
.wpforms-form select,
.wpforms-form textarea {
  background-color: transparent !important;
  color: #094F86 !important;
  border: 1px solid #094F86 !important;
}

/* Placeholder text color (like 'First', 'Last') */
.wpforms-form ::placeholder {
  color: #094F86 !important;
  opacity: 1; /* Ensure it's visible */
}

/* Label text */
.wpforms-form label {
  color: #094F86 !important;
}

.wpforms-container .wpforms-form .wpforms-field-label {
  color: #094F86 !important;
}

/* Submit button styling */
.wpforms-form button[type="submit"] {
  background-color: #094F86 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

.wpforms-form button[type="submit"]:hover {
  opacity: 0.9 !important;
}




/* Style number input same as others */
.wpforms-form input[type="number"] {
  background-color: transparent !important;
  color: #094F86 !important;
  border: 1px solid #094F86 !important;
}

/* Optional: Remove number spinner arrows in most browsers */
.wpforms-form input[type="number"]::-webkit-inner-spin-button,
.wpforms-form input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.wpforms-form input[type="number"] {
  -moz-appearance: textfield !important;
}



div.wpforms-container-full .wpforms-confirmation-container-full {
  background: none !important;
  border: none !important;
  box-sizing: border-box;
}



div.wpforms-container-full .wpforms-confirmation-container-full p {
  color: #094F86 !important;
}







/* pin anchor */


.anchor-pin {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  height: 0px;
}






div.wpforms-container-full .wpforms-form .wpforms-page-indicator > span {
  color: #021524 !important;
  font-family: industryinc, sans-serif !important;
  font-size: 23px !important;
 
  display: inline-block;
  margin-bottom: 20px !important;
}





@media screen and (min-width: 1500px){ 
#primary-menu .menu-primary-menu-container {
 
  justify-content: center;
  
}
}






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


#primary-menu .menu-primary-menu-container {
width: 65vw;

}


.side-nevigation {
width: 35vw;

}


#primary-menu #menu-primary-menu > li > a {
  font-size: 23px;
}


#primary-menu #menu-primary-menu ul.sub-menu li {
font-size: 17px;
padding: 7px 0;

}


#primary-menu #menu-primary-menu > li {

padding: 2.3vh 0;


}


.home-logo img {
height: 100px;

}


#menu-pinbar .menu-contain > div {

height: 100px;


}

#menu-pinbar .menu-contain div a {
text-decoration: none;
padding: 10px 30px;

}


#menu-pinbar .menu-contain .burger-nav {
    padding: 0px 30px;
}




/* card */

 .card-section .container .contain {
  width: 33.3333%;

}







  .card-section .container .contain:nth-child(odd) {
  background-color: #021524;
}

.card-section .container .contain:nth-child(even) {
  background-color: #1060A0;
}




/* simpel card */
.simple-card .container .contain {
  width: 50%;
}



.simple-card .container .contain:nth-child(4n + 1),
.simple-card .container .contain:nth-child(4n + 4) {
  background-color: #021524;
}

.simple-card .container .contain:nth-child(4n + 2),
.simple-card .container .contain:nth-child(4n + 3) {
  background-color: #1060A0;
}



/* dynamic layout */


.dynamic-content > div > .contain {
 width: calc(50% - 60px);

}





}




@media screen and (max-width: 1250px){
  
  
  /* typography */
  
  h1 {
    font-size: 100px;
  }
  
  h2 {
    font-size: 60px;
  }
  
  h3 {
    font-size: 35px;
  }
  
  h4 {
    font-size: 25px;
  }
  
  h5 {
    font-size: 20px;
  }
  
  
  
  p {
    font-size: 18px;
  }
  
  
  .editor ul {
    
    margin-left: 0px;
    font-size: 18px;
   
  }
  
  

  
  
  /* two column layout */
  
  
  .two-column-contain .contain {
    min-height: 40vh;
  }
  
  
  .text-image .content-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .two-column-contain .content-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  /* dynamic */
  
  .dynamic-header > div {
    padding: 45px;
  }




/* lgoo wall */



.logo-wall {
  padding: 35px 0;
}



.one-third {
width: 40%;
}


.third {
width: 60%;
}


.fouth-six {
  width: 45%;
}

.six-fouth {
  width: 55%;
}




.sliders {
  padding: 50px 0;
}



/* accordion */


.text-accordion .text-content > div {
  padding: 60px;
}


.accordion-title h3 {
  padding-top: 45px;
}


/* staff */


.member {
  width: calc(50% - 40px);
  margin: 20px;
}


/* hero */

.hero-content-video > div {
  padding-bottom: 30px;
}


section.staff-info {
padding-top: 30vh;

}


/* footer */

.footer-right-container .footer-right-content-container {
  padding-left: 45px;
}


#footer-contact .footer-contact-container h4 {
  font-size: 35px;
}


.footer-right-container h6 {
  padding-bottom: 10px;
}


#copy-right {
  padding-top: 8vh;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
}







@media screen and (max-width: 1024px){
  
  
  
  #primary-menu {
    display: none;
  }
  
  
  #menu-pinbar {
    display: none;
  }
  
  
  a.primary-button {
  font-size: 15px;

  line-height: 1.3 !important;
  padding: 7px 10px;
  
  margin: 10px 0;
  
  }

  
  
  #primary-menu-mobile {
  display: block;
 height: auto;
 background: #013057 !important;
 position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 9999;
    

  }
  
  .mega-menu-toggle {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999999999999 !important;
    width: 100% !important;
  }


  #mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    
    background: #002442 !important;
    
    
  }
  
  #mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile > li.mega-menu-flyout ul.mega-sub-menu {
    background: #013057 !important;
  }
  
  
  
  #mega-menu-wrap-primary-menu-mobile .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo {
    margin-left: 10px;
  }
  
  
  #mega-menu-wrap-primary-menu-mobile .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 20px !important;
  }
  
  
  #mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
 
margin: 0px;
  width: 29px;
  height: 52px;
  padding-left: 10px;
  
}




    .mega-menu-primary-menu-mobile-mobile-open #primary-menu-mobile {
      height: 100vh !important;

      overflow: scroll;
    }






#mega-menu-wrap-primary-menu-mobile .mega-menu-toggle.mega-menu-open + #mega-menu-primary-menu-mobile {
  padding-bottom: 30vh !important;
  margin-top: 80px !important;
}


  #mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile > li.mega-menu-item > a.mega-menu-link {
  padding: 15xp 10px;
  
  
  font-family: industryinc, sans-serif !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  
}



#mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  color: #ededed !important;
  font-weight: 700 !important;
}


#mega-menu-wrap-primary-menu-mobile #mega-menu-primary-menu-mobile > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 5px 10px !important;
}



/* card */


/* card */

 .card-section .container .contain {
  width: 50%;
}

 /* Proper checkerboard pattern for 2 columns */
.card-section .container .contain:nth-child(4n + 1),
.card-section .container .contain:nth-child(4n + 4) {
  background-color: #021524;
}

.card-section .container .contain:nth-child(4n + 2),
.card-section .container .contain:nth-child(4n + 3) {
  background-color: #1060A0;
}






/* typography */

h1 {
  font-size: 90px;
}

h2 {
font-size: 56px;
}

p {
  font-size: 17px;
}

.editor ul {
font-size: 17px;
}


h3 {
font-size: 30px;
}

h4 {
font-size: 27px;
}


h5 {
font-size: 19px;
}

.editor ul li {
padding: 5px 0;
}


.editor ul.yellow-bullet li::before {
  width: 13px;
  height: 13px;
}


.editor .editor-padding-top {
  margin-top: 7px;
}



.editor hr {

margin: 12px 0;
}


.two-column-contain .content-container {
padding-top: 40px;
padding-bottom: 40px;
}


.text-image .content-container {
padding-left: 50px;
}

.text-accordion .text-content > div {
padding: 50px;
}



.video-text .content-container {
  padding-left: 30px;
}


.slider.two-column-contain .content-container {


padding: 0px;
padding: 50px 0;
width: 90%;
}

.single-column {
padding: 8vh 0;
}




#footer-contact .footer-contact-container h4 {
font-size: 31px;
}


.footer-right-container .footer-right-content-container {
padding-left: 35px;
}


.card-section .container .contain {
  min-height: 15vw;
}



#footer-contact {
  padding: 30px 0;
}


#footer-contact .footer-contact-container h4 {
font-size: 28px;
}


.footer-right-container .footer-right-content-container:first-child {
padding-left: 0;
}


#copy-right {
padding-top: 0vh;
}



.staffs-container {
  width: calc(100% - 40px);
  padding: 0 20px;
}


.member {
width: calc(50% - 30px);
margin: 15px;
}

.dynamic-header > div {
  padding: 35px;
}


.staffs-container h5 {
font-size: 16px;
}

.contact-info {
  font-size: 14px;
}


.dynamic-header > div {
padding: 40px;
padding-bottom: 20px;
padding-top: 25px;
}

.text-accordion .text-content {
  justify-content: center;
}

.text-accordion .text-content > div.accordion-left {
 

}

.text-accordion .text-content > div {
  padding: 40px 0px;
  width: 80%;
}


/* staff */


.staff-container img {
width: 200px;
height: 200px;
}

.staff-container > .contain {
width: calc(100% - 260px);
padding-left: 30px;
}

section.staff-info {
padding-top: 22vh;
}


.accordion p.accordion-header {
font-size: 18px;

}


  
}




@media screen and (max-width: 800px){
  
  .hero-content-video > div {
  padding: 0px;
  width: 90%;
  
  padding-bottom: 20px;
  
  }
  
  /* .hero-image .container .hero-content {

  padding-bottom: 20px;
  padding-left: 20px;
  }
   */
  
  .video-bleed-hero {
  width: 100vw;
  height: 70vh;
  }
  
  
  .hero-content-video {
   justify-content: center;
  }
  
  
  /* typography */
  
  
  
  h1 {
  font-size: 69px;
  }
  
  
  .dark-theme h1 {
 
    text-shadow:
    -1px -1px 0 #D6B138,
     1px -1px 0 #D6B138,
    -1px  1px 0 #D6B138,
     1px  1px 0 #D6B138;
  
  }

  
  
  #primary section .slash {
    display: none !important;
  }
  
  
  .one-third {
  width: 100%;
  }
  
  .third {
  width: 100%;
  }
  
  .two-column-contain .contain {
    flex-wrap: wrap;
  }
  
  
  .text-image.two-column-contain .image {
    
    height: 60vw;
    
  }
  
  
  .text-image .content-container {
  padding-left: 0px;
  width: 90%;
  padding: 20px 0;
  
  }
  
  
  .video-text .content-container {
  padding-left: 0px;
  width: 90%;
  padding: 20px 0;
  }
  

  .video-text .container .contain {
flex-direction: column-reverse;
}
  

  
  
  .two-column-div {
  width: 100%;
  min-height: unset;
  }
  
  .blank-image-container {
  height: 55vw;
  }
  
  
  .six-fouth {
  width: 100%;
  }
  
  
  .fouth-six {
  width: 100%;
  }
  
  
  
  .wide .one-third {
  width: 100%;
  } 
  
  
  .two-column-contain .image {
    width: 100%;
  }
  
  /* typography */
  
  h1.big {
  font-size: 140px;
  }
  
  
  
  .slick-next {
  right: 0px;
  }
  
  .slick-prev {
  left: 0px;
  }
  
  
  .footer-right-container {
 
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
 

  }
  
  
  
  
  .footer-right-container .footer-right-content-container {
  padding-left: 0px;
  padding-top: 20px;
  }
  
  #footer-contact .footer-contact-container h4 {
  font-size: 38px;
  }
  
  
  
  
  .midsize-content .contain {
  width: calc(100% - 70px);
  padding: 30px;
  
  }
  
  
  .white-content div .contain {
  width: 100%;
  
  }
  
  .white-content div .contain:nth-child(odd) {
    background-color: #021524 !important;
  }
  
  
  .white-content div .contain:nth-child(even) {
    background-color: #1060A0 !important;
  }
  
  
  .white-content > div {
 
  width: calc(100% - 80px);
  padding: 0 40px;
  }
  
  
  .text-accordion .container {
  width: 100%;
  padding-bottom: 15px;
  }
  
  
  .text-accordion .text-content > div {
  padding: 0px;
  width: 90%;
 
  }
  
  .text-accordion {

  padding: 4vh 0;
  }
  
  .member {
 width: 100%;
  }
  
  
  
  
  .image-text .container .contain > .content.has-image:first-child {
    height: 60vw;
  }
  
 

.image-text .six-fouth .content-container {
  width: 90%;

  }
  
  
  
  
  .dynamic-content > div > .contain {
  width: calc(80% - 10px);
  padding-left: 0px;
  padding-right: 10px;
  }
  
  .dynamic-content > div {
  padding: 3vh 0;
  padding-left: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
  
}


.two-column-contain .content-container {
  
  padding-top: 30px;
  padding-bottom: 30px;
}
  
  .single-column {
  padding: 30px 0;
  }
  
  
  .card-section .container .contain {
  width: 100%;
  min-height: 30vw;
  }
  
  
  .card-section .container .contain:nth-child(odd) {
    background-color: #1060A0 !important;
  }
  
  
  .card-section .container .contain:nth-child(even) {
    background-color:  #021524 !important;
  }
  
  /* staff */
  
  .staff-container img {
  width: 100%;
  max-width: 400px;
  height: auto;
  }
  
  .staff-container > .contain {
width: 100%;
padding: 0px;
border: none;
padding: 20px 0;
  }
  
  section.staff-info {
  padding-top: 120px;
  }
  
  
  .staff-container {
  flex-wrap: wrap;
  }
  
  
  
  
  .accordion p.accordion-header {
    width: 90%;
  }
  
  
  
  
  .card-section .container .contain > div h1 {
    font-size: 85px;
  }
  
  
  .slider.two-column-contain .image {
 height: 55vw;
  }


.staffs-container {
  width: calc(100% - 20px);
  padding: 0 10px;
  }
  
  
  .dynamic-header > div {
  padding: 24px;
  
  }
  
}




@media screen and (max-width: 550px){
  
  /* typography */
  
  .hero-image .container .hero-content {
    width: calc(100% - 30px);
  
   padding: 15px;
  }

  
  h1 {
  font-size: 56px;
  }
  
  h2 {
    font-size: 46px;
  }
  
  footer #social-media .container > div {
    padding-top: 30px; 
  }
    
    
    #footer-contact .footer-contact-container h4 {
    font-size: 30px;
    }
    
    
    .slider.two-column-contain .content-container {

    padding: 30px 0;

    }
    
    
    
    .search-container .research-card .card-image {
  display: none;
  
    }
    
    .search-container .research-card .card-content {
    width: 100%;
  
    }
    
    .search-container .research-card {
 
    margin: 15px 0;
    }
    
    
    .result-header {
    padding-top: 4vh;
    }
  
  
  
}