@charset "utf-8";
/* CSS Document */

body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #6d6e70;
  font-size: 18px;
}

a {
	color:  #682166;
	font-weight: 300;}  
	
p {
  font-family: 'Lato', sans-serif;

}


p ul {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #6d6e70;
  font-size: 18px;
  line-height: 1.2;}
  
  ul {margin-top: 0px;}


h1, h2, h3, h4, h5, h6 {
  color: #6d6e70;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0.3rem;
  text-rendering: optimizeLegibility; }
  
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #6d6e70;
  font-size: 60%;
  line-height: 0; }

h3 {line-height: 1.4;
  font-family: 'Lato', sans-serif;
  font-size: 28px!important;
  font-weight: 300;} 

h2 {font-weight: 500;}

h4 {line-height: 1.4;
  font-family: 'Lato', sans-serif;
  font-size: 24px!important;
  font-weight: 300;} 
  
h5 {line-height: 1.4; 
    font-size: 20px!important;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

h6 {line-height: 1.4;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
   font-size: 20px; } 

.lead {font-weight: 300;}
   
.smalllogo {width: 200px;}   
   

.large { font-size: 70px;}
.small { font-size: 80%;}
.medium {font-size: 90%}

#notbold {font-weight: normal;}
#white {color: #fff;}
#burgundy-opaque {background: rgba(104, 33, 102, 0.4);}
#burgundy {background: #682166!important;}
#grey {background: #939597;}
#lightgrey {background: #F2F2F2;}
#darkgrey {background: #666;}
#black {background: #000;}

#blue {background-color: #0068a9; background: #0068a9;}
#lightblue {background-color: #06b3e8!important; background: #06b3e8!important;}
#green {background-color: #00ab9b; background: #00ab9b;}
#yellow {background-color: #f78e1e; backgroundr: #f78e1e; }
#orange {background-color: #f47a4d!important; background: #f47a4d!important;}
#opaque {background-color: #682166; opacity: 0.6;}
#whitebackground {background-color: white;}
#darkgreen {background-color: #007872;}

#yellowborder {border: 2px solid #fbcd50;}
#blueborder {border: 2px solid #80c8f4;}
#burgundyborder {border: 2px solid #682166;}
.fixedheight-230 {height: 270px;}
.greenborder

#bluefont {color: #80c8f4; font-weight: 300;}
#darkbluefont {color: #0068a9; font-family: 'Lato', sans-serif; font-weight: 300; }
#greenfont {color: #00ab9b; font-weight: 300;}
#yellowfont {color: #fbcd50; font-weight: 300;}
#orangefont {color: #f27c4e; font-weight: 300;}
#burgundyfont {color: #682166; font-weight: 300;}
#greyfont {color: #666666; font-weight: 300;}
#lightbluefont {color: #06b3e8; font-weight: 300;}
#yellowfont {color: #ffe972; font-weight: 300;}
#whitefont {font-weight: 500;}

.dottedborder {border-bottom: 1px dashed #682166; padding-bottom: 12px;}
.burgundyfont {color: #682166;}

.blueborder {border-right: 1px solid #0068a9;  color: #0068a9; text-align: center; min-height: 100px;}
.blueborder-left {border-right: 0px; }

.greenborder {border-right: 1px solid #00ab9b;  color: #00ab9b; text-align: center; min-height: 150px;}
.greenborder-left {border-right: 0px; }
.greenborder-bottom {border-bottom: 1px solid #00ab9b;  }
.greenborder-full {border: 1px solid #00ab9b;  }

.centeralign {text-align: center;} 

.burgundyborder {border: 1px solid #682166; }
.orangeborder {border: 1px solid #f27c4e; }

.padding {padding: 10px;}
.panel {background: #fff;}
.imagepadding {padding: 60px;}
.imagepadding-small {padding: 20px;}
.imagemargin {margin-right: 2px;}


.boxpadding {padding-top: 9px; padding-bottom: 9px; margin-bottom: 30px;}

.vacancies a {
    font-family: 'Lato',sans-serif;
    color: #666;
    font-size: 16px;
}
.vacancies .accordion-title {
    border: 0px !important;
    background: #F4F3F3;
    margin-bottom: 20px;

}
.vacancies.accordion {
    border: 0px !important;
    margin-bottom: 0px;
}



.radius {border-radius: 0px 25px 0px  0px;
-moz-border-radius: 0px 25px 0px 0px;
-webkit-border-radius: 0px 25px 0px  0px;
;
margin-bottom: 10px;}

.menu  a {color: white; }
.photo {height: 150px; overflow: hidden;}
.photo-text {font-size: 12px;}

.profile-vid {
  clear:both; margin-bottom: 1rem;
}

.profile-vid a {
  font-weight: normal;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
}


.event {
  padding: 1rem 1rem 1rem 0;
  display: table; }

.event-date {
  width: 6rem;
  margin: 0 auto 1rem;
  display: table-cell;
  width: auto; }
  .event-date .event-month {
    margin: 0;
    background: #eee;
    padding: 0.5rem 2rem;
    text-align: center; }
  .event-date .event-day {
    margin: 0;
    border: 1px solid #eee;
    padding: 0 2rem;
    text-align: center;
    font-size: 2rem; }

.event-desc {
  padding: 0 0 0 1rem;
  text-align: left;
  display: table-cell;
  vertical-align: top; }
  .event-desc .event-desc-header {
    margin: 0 0 0.5rem 0;
    padding: 0; }
  .event-desc .event-desc-detail {
    margin: 0 0 0.25rem;
    padding: 0; }
  .event-desc .event-desc-time {
    font-weight: bold; }
  .event-desc .rsvp.button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0; }

.orbit-bullets {
  margin-top:-2.3em;
  margin-left: 30px;
  text-align:left;
}

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6; }
  .tabs.primary {
    background: #2199e8; }
    .tabs.primary > li > a {
      color: #fefefe; }
      .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
        background: #1893e4; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 12px;
    color: #2199e8; }
    .tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
      background: #e6e6e6; }

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0; }
  .tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }


.tabs {
	font-family: 'Lato', sans-serif;
  background: white;
  border: 0;
  list-style-type:none;
  margin:0;
  margin-top: 10px;
}
.tabs-title {border-bottom: 2px solid #682166; border-left: 2px solid #682166;}

.tabs-title > a {
  color:#666666;
  display:block;
  font-size:18px;
  line-height:1;
  padding: .5rem .7rem;
}

.tabs-panel {border-right: 0; padding: 0.5rem}

.is-active {border-bottom: 0; border-left: 0; background: white;}

.radius {border-radius: 0px 25px 0px  0px;
-moz-border-radius: 0px 25px 0px 0px;
-webkit-border-radius: 0px 25px 0px  0px;
;
margin-bottom: 10px;}


.wrap {
	max-width:1200px;
	min-width:280px;
	margin:auto;
	position:relative;
}
.wrap img {
	width:100%;
	height:auto;
	border:0px solid #000;
}
.caption {
	position:absolute;
	top:5px;
	left:0;
	right:0;
	bottom:10px;
	overflow:auto;
}
.caption-inner {
	display:table;
	width:100%;
	height:100%;
}
.caption-content {
	display:table-cell;
	vertical-align:middle;
}
.caption-content h1 {
	text-align: center;
	margin:0 50px;
	padding:10px;
}

.circle {
	border-radius: 50%;
	width: 200px;
	height: 200px; 
	background: #cecece;
	padding: 30px; text-align: center; color: white; font-size: 13px;
	margin-bottom: 30px;
	/* width and height can be anything, as long as they're equal */ 
	}

.large .profile-videos a {
  font-size: 12px !important;
}

.profile-videos img {
  height: 50px; 
  float: left; 
  margin-right: 10px;
}

.pdfblock  {width: 120px; 
height: 160px; 
background-color: #cccccc; 
}

.margin-right {margin-right: 20px;}
.margin-left {margin-left: 20px;}
.margin-top {margin-top: 30px;}
.margin-top-small {margin-top: 15px;}
.margin-bottom {margin-bottom: 30px;}
.margin-top-20 {margin-top: 20px;}
.margin-bottom-20 {margin-bottom: 20px;}

.white-border-left {border-right: 1px solid white;}
.download-icon {font-size: 20px; margin-right: 10px;}
.download-icon-font {font-family: 'Lato', sans-serif; font-size: 16px;}
.border-left-blue {border-right: 1px solid #0068A9;}
.border-left-orange {border-right: 1px solid #f27c4e;}
.padding-30px {padding: 20px;}

.topblocktext {width: 80%; margin-left: auto; margin-right: auto;}


.big-masthead {display: block;}
.mobile-masthead {display: none;}

@media only screen and (max-width: 640px) {
h4 {font-size: 12px;}
h1 {font-size: 28px;}
.100percentwidth {text-align: center !important;}
.smalllogo {width: 140px  !important ; padding: 10px;}
.big-masthead {display: none;}
.mobile-masthead {display: block;}
}

@media print {
	
    .no-print, .no-print *
    {
        display: none !important;
    }	
	
#burgundyborder {border: 0px solid #682166;}
	
    #page  {
        width: 90%;
        margin: 0px;
        padding: 0px;
    }
    * {
        color: #000;    
        background-color: #fff;
		font-size: 12px;

    }
    a:after {
        content: "( "attr(href)" )";
    }
}

  .title-bar {background: white;}
  .menu-icon {background-color: ##682166; margin-top: 30px; }
  .menu-text {padding: 0rem 0rem;}
  .top-bar {background: white;}
  .top-bar ul {background-color: #fff; color: #682166;}
  .menu a {color: #682166; font-weight: 400;}
  .py-2 (padding: 2%!important;)
  .py-5 (padding: 4%!important;)
  .uppercase {text-transform: uppercase!important;}
  .my-2 {margin-top: 2%!important; margin-bottom: 2%!important;}
  .my-15 {margin-top: 5%!important; margin-bottom: 5%!important;}
  .dropdown.menu .has-submenu.is-down-arrow a {padding-right: 1rem;position: relative;
  }
  .menu > li > a {
  display: block;
  padding: 0.7rem .8rem;
  line-height: 1;
  }

  .dropdown.menu .has-submenu.is-down-arrow > a::after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #ccc transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: 12px;
  right: 0px;
  }      
  .logo {padding: 0; margin: 0;}

  .button.white {background: white; color: black;radius: 5px!important;}
  .button {border-radius: 10px!important;}


  .accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 1.1rem;
  line-height: 1;
  color: white;
  }

  .box-item{align-items: left;
    text-align: left;
    justify-content: left;
    padding-top: 20px;
      height: 180px;
    padding-bottom: 10px;
    font-size: 20px;
    width: 100%;
  } 

  .box-item:hover {font-size: 0;}
  .box-item:hover:after {
    padding-top: 0px;
    content: attr(data-hover);
    font-size: 16px;
    color: white;
    tex-align: left;
    line-height: 23px;
    font-weight: 400;
  }
    
.menu-icon::after {
    /* the block itself, the first line */
    background: #CECECE;
    /* middle and bottom */
    box-shadow: 0 7px 0 #cccccc, 0 14px 0 #fecf0f;
    /* respect WebKit */
    -webkit-box-shadow: 0 7px 0 #cccccc, 0 14px 0 #cccccc;
}
    
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    width: 300px!important;
    border-bottom-width: 0;
    border-color: #cccccc transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
} 


.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 250px!important;
    border: 1px solid #cacaca;
    background: #fefefe;
}
	
.image-wrapper {
  width: 100%;
  height: 100%;

  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 0px;
}

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  padding: 5px;
  color: black;
  align-content: space-around;
  font-size: 1.8rem;
    border-radius: 50px;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(244, 243, 243, 0.4); }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }



.punchline {text-transform: none; color: white; font-weight: 300; font-size: 1.3em;}  

/* FORM FIELDS */
    input {background: #EBF3FB!important; color: black!important; border: 0!important; border-bottom: 2px;}
    textarea {background: #EBF3FB!important; color: black!important!; border: 0!important; border-bottom: 2px;}
    select {background: #EBF3FB!important; color: black!important!; border: 0!important; border-bottom: 2px;}

    option {background: #EBF3FB!important; color: black!important!; border: 0!important; border-bottom: 2px;}

.burgundybackground {background: #682166!important; color: white !important; text-transform: uppercase;}

.notbold {font-weight: 400!important;}

.cropped {margin-top: 0px!important;}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    
    border-color: #682167 transparent transparent!important;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: none!important;
}
    
.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1rem!important;
}
    
.dropdown.menu>li>a {
    padding: 0.7rem 1rem 1rem !important;
}

/* Hide/show top-bar on scroll */
#responsive-menu {
  transition: top 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
}

#responsive-menu.nav-hidden {
  top: -120px; /* hide above viewport */
}

#responsive-menu.nav-visible {
  top: 0; /* show at top */
}

#responsive-menu {
  transition: transform 0.3s ease-in-out;
  will-change: transform;
  z-index: 9999;
}

.nav-hidden {
  transform: translateY(-100%);
}

.nav-visible {
  transform: translateY(0%);
}

/* Ensure .title-bar is always visible and doesn’t scroll away */
.title-bar {
  position: sticky;
  top: 0;
  z-index: 10000;
  background: white;
  padding: 0.5rem 1rem;
}

/* Control scroll-up behavior of .top-bar */
#responsive-menu {
  position: sticky;
  top: 2.5rem; /* Leave space for title-bar */
  z-index: 9999;
  background: white;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.nav-hidden {
  transform: translateY(-100%);
}

.nav-visible {
  transform: translateY(0%);
}