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

/* Extra small devices (phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Table of Contents
-- general formatting
-- colors
-- header
-- menu
-- hp-content
-- footer
-- inside
*/



/* general formatting */

.alignright {float:right;}
.alignleft {float:left;}

img.alignright {margin-left:15px;margin-bottom:5px;}
img.alignleft {margin-right:15px;margin-bottom:5px;}

html {
	font-size:62.5%;
	background-color: #999;
}

.page-numbers {
	margin-right: 10px;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:1.4rem;
    margin: 0 auto;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	max-width: 2000px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    background-color: #fff;
	color:#4D4C4C;
}

.back-to-top {
	position:fixed;
	bottom:10px;
	right:10px;
	width:36px;
	opacity:.8;
}

#top {
	position: relative;
    top: -110px;
    display: block;
}

.announcement {
	position:fixed;
	bottom:10px;
	width:80%;
	left:10%;
	padding:1em 2em;
	background-color:#024273;
color:#fff;
border: 2px solid #e6b421;
    border-radius: 15px;
	z-index:99999;
	text-align:center;s
}

.announcement a {
	color:#e6b421;
}

.announcement a:hover {
	color:#ececec;
}

.back-to-top:hover {
	opacity:.4;
}

.smaller {
	font-size:1.2rem;
}

.gray-bg {
	background-color:#c6c6c5;
}

.btn, input.btn, a.btn, button.btn, .wp-block-button__link {
background-color: #3585c2;
color: #fff!important;
padding: .5em 1.5em;
font-weight: 700;
font-size: 1.2rem;
display: inline-block;
border-radius: 5px!important;
transition: ease .3s;
text-transform: uppercase;
box-shadow: 0 5px 0 #024273;
margin: .5em 0 calc(.5em + 5px) 0;
font-family: 'Roboto Condensed', sans-serif;
border:none;
}

a.btn:hover, button.btn:hover, .wp-block-button__link:hover {
	background-color:#e6b421;
	color:#fff;
	transition: ease .3s;
    box-shadow: 0 2px 0 #024273;
    transform: translateY(3px);
	opacity:1;
}

a.btn.btn-danger, button.btn.btn-danger {
	background-color:#dc3545;
}

a.btn.btn-danger:hover, button.btn.btn-danger:hover {
	background-color:#c82333;
}

a.btn.btn-success, button.btn.btn-success {
	background-color:#28a745;
}

a.btn.btn-success:hover, button.btn.btn-success:hover {
	background-color:#218838;
}

.topbar a.btn {
	font-size:1.2rem;
	padding: .2em 1em;
	background-color:#c6c6c5;
	box-shadow: 0 3px 0 #868686;
}

/*.topbar a.btn.logout {
	background-color:#868686;
	box-shadow: 0 3px 0 #c6c6c5;
}*/

.topbar a.btn:hover {
	background-color:#e6b421;
	box-shadow: 0 1px 0 #868686;
	transform: translateY(2px);
}

a.btn.yellow-bg, a.btn.btn-secondary, button.btn-secondary {
	background-color:#e6b421;
}

a.btn.yellow-bg:hover, a.btn.btn-secondary:hover, button.btn-secondary:hover {
	background-color:#3585c2;
}

a.btn.cool-gray-bg {
	background-color:#86869e;
}

a.btn.cool-gray-bg:hover {
	background-color:#e6b421;
}

.upcoming-events .card {
border-radius: 10px;
border-color: #3585c2;
border-width:2px;}

.upcoming-events .card h5 {
color: #003366;
text-transform:uppercase;}

.upcoming-events .card h6 {
font-size:1.8rem;
font-weight:bold;
color: #e6b421;}

.card-link {
text-transform:uppercase;
font-size:1.3rem;}

.card-link::after, .sya_postcontent a::after {
	content:'»';
	margin-left:.25em;
}

.admin-bar .header {
	margin-top:32px;
}

.home h3 {
text-align: center;
font-size: 2.7rem;
margin-top:2em;
margin-bottom:1.1em;}

h1, h2, h3, h4, h5 {
	margin-top:.5em;
	margin-bottom:.5em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
}

h1 {
	font-size:3.4rem;
}

h1.inside-headline {
	font-weight:400;
}

h2 {
	font-size:2.8rem;
	color:#024273;
	margin-top:1em;
}

h3 {
	font-size:2.4rem;
}

h4 {
	font-size:1.8rem;
	color:#024273;
}

p {
	font-size:1.4rem;
	margin-top:1em;
	margin-bottom:1em;
}

em {
    font-style: italic;
}

.content ul, .content ol {
	font-size:1.4rem;
	margin-top:1em;
	margin-bottom:1em;
}

ul {
	padding-left:20px;
	list-style-image:url(../svg/bullet.svg);
}

li {
	margin-top:.5em;
	margin-bottom:.5em;
}

.menu li {
	margin-top:0;
	margin-bottom:0;
}

#content ul ul {
	list-style-image:none;
	list-style-type: disc;
}

#content ul ul ul {
	list-style-image:none;
	list-style-type: circle;
}

hr {
	margin-top:2em;
	margin-bottom:2em;
}



a {
	color:#3585c2;
	transition:ease .3s;
}

a:hover {
	opacity:.5;
	transition:ease .3s;
}


img {
	max-width:100%;
}

blockquote {
	margin: 1.5em 0;
    padding: .5em 2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* Search Style */
#myModal .modal-content {

    background-color: rgba(0, 0, 0, 0.7);

}

#myModal.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999999999999;
    display: block;
    top:9em;
}

#myModal input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
  	font-family: Roboto;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}

#myModal .close {
    top: 5px;
    right: 5px;
    margin-bottom:5px;
	  opacity: 1;
	  font-size: 10px;
  	color: #f0f0f0;
}

#myModal .close:hover{
  color: #FC2121;
  cursor: pointer;
}

#searchform .form-control {
    background: transparent;
    color: #ffffff;
    font-size: 1.5em;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-top:10px;
    padding-bottom:10px;
}

.search img.attachment-w-100.size-w-100.wp-post-image {
   display:none;
 }

#searchform input::placeholder { /* Firefox, Chrome, Opera */
    color: #FFF;
}

#searchform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF;
}

#searchform input::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF;
}

.modal-backdrop.show {
	opacity:.8;
}

.modal-open {
	overflow:auto;
	padding-right:0!important;
}

#searchform .form-control:focus {
	box-shadow:none;
}

.top-title {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:0;
	color:#024273;
	font-size:1.5rem;
	line-height:1.3;
	margin-top: 1em;
	text-transform:uppercase;
}

.top-subtitle {
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:0;
	font-size:1.2rem;
	margin-bottom: 1em;
	line-height:1.3;
}

/* colors */

.yellow {
	color:#e6b421;
}

.blue {
	color:#0366b3;
}

.blue-bg {
	background-color:#0366b3;
	color:#fff;
}

.dark-blue {
	color:#024273;
}

.dark-blue-bg{
background-color:#024273;
color:#fff;
}

.light-blue {
	color:#3585c2;
}

.cool-gray {
	color:#86869e;
}

.cool-gray-bg {
	color:#86869e;
}

.white {
	color:#fff;
}

.white-bg {
	background-color:#fff;
}


/* header */

.header {
	max-width:2000px;
	}

.top-title-col {
	padding-left:130px;
}



.topbar {
	background-color:#f5f5f5;
}

.logo {
	position:absolute;
	top:-1em;
	left:10px;
	z-index:99999999999;
}

.logo img {
	width:105px;
}

.logo:hover {
	margin-top:1em;
}

.social-icon:hover {
	opacity:.6;
}

/* menu */

.menu {
	background-color:#024273;
	border-bottom:5px solid #e6b421;
	
}

/*.carousel-control-next, .carousel-control-prev {display:none;}*/

.menu .navbar-light .navbar-nav a {
    color: #fff;
	padding:.3em 1em;

}

.menu-divider {
	border-top:1px solid #fff;
	margin-top:.3em;
}

.menu .navbar-light .navbar-nav > li:nth-last-child(2) a, .menu .navbar-light .navbar-nav > li:nth-last-child(1) a {
	color:#ececec;
}

.menu .navbar-light .navbar-nav .dropdown-menu li:nth-child(1) a.dropdown-item {

}

.navbar {
	padding:0;
}

.menu .navbar-light .navbar-nav a:hover, .menu .navbar-light .navbar-nav a:focus{
    background-color:#e6b421;
	 color:#fff;
	 opacity:1;
}

 .navbar-light .navbar-nav .show>.nav-link {
	 background-color:#e6b421;
	 color:#fff;
}

.navbar-light .navbar-nav .active>.nav-link {
	color:#fff;
}

navbar-light .navbar-nav .active>.nav-link:hover {
    color:#fff;
}

.menu .navbar-light .navbar-nav .dropdown-menu a:hover, .menu .navbar-light .navbar-nav .dropdown-menu a:focus {
	color:#fff;
}

.menu .dropdown-toggle::after {display:none;}

.dropdown-menu {background-color:#0066CC;border-radius:0px; margin:0;}

.navbar-light .navbar-toggler {
	margin:.4em 0;
	}

.navbar-light .navbar-toggler-icon {
	background-image:url(../svg/hamburger-icon-white.svg);
	background-repeat:no-repeat;
	width:31px;
	height:26px;
}

.navbar-light .menu-active .navbar-toggler-icon {
	background-image:url(../svg/x-icon-white.svg);
	background-repeat:no-repeat;
	width:31px;
	height:26px;
}

.menu .collapse:not(.show) {
	display:block;
}


.menu .navbar-light .navbar-nav a.dropdown-item {
	font-size: 1.4rem;
    white-space: normal;
	padding-left: 1.5em;
}



.menu .navbar-light .navbar-nav a.dropdown-item:hover {
	background-color:transparent;
	color:#e6b421;
}


/* sidebar menu */

.sidebar .menu {
	background-color: #f5f5f5;
	border: none;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding:2em;
list-style-type:none;
list-style-image:none;
margin-bottom:30px;
}


.sidebar .menu li {
	border-top:1px solid #e6b421;
}

.sidebar .menu li:nth-last-child(1) {
	border-bottom:1px solid #e6b421;
}

.sidebar .menu a {
	display:block;
	padding:.5em 0;
	color:#024273;
}

.sidebar .menu a:hover {
	text-decoration:none;
	color:#e6b421;
}

.widget-title {
	background-color:#024273;
	color:#fff;
	font-size:1.6rem;
	text-align:center;
	padding:.5em;
	margin-bottom:0;
	border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

/* hp-content */

#carousel-hp {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 75px), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 75px), 0% 100%);
	background-color:#000;
    margin-bottom:30px;
	margin-left: -15px;
    margin-right: -15px;
}

#carousel-hp .carousel-control-next, #carousel-hp .carousel-control-prev {
	width:7%;
}

.hero {
	background-size:cover;
	padding-top:1em;
	background-position:top left;
	padding-bottom:75px;
	text-shadow: 0 0 18px rgba(0,0,0,.9);
}

.hero a.btn {
	text-shadow: none;
}


.inside-header {
	background-image: url(../jpg/hero-2.jpg);
	background-repeat:no-repeat;
	padding-top:1em;
	background-position:center right;
	padding-bottom:75px;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 75px), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 75px), 0% 100%);
	background-color:#000;
	margin-bottom:30px;
}


h1.headline {
	color:#fff;
	font-size:13vw;
	text-transform:uppercase;
	line-height:.9;
}


.hero-text {
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
}

.calendar-row {
	-webkit-clip-path: polygon(0% 0%, 100% 75px, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 75px, 100% 100%, 0% 100%);

}

.calendar-col {
	background-color:#024273;
	-webkit-clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% 100%);
	padding-top:50px;
	margin-top:50px;
	color:#fff;
	padding-left:
}

.calendar-col a.btn {
	box-shadow: 0 5px 0 #0366b3;
}

.calendar-col a.btn:hover {
	box-shadow: 0 3px 0 #0366b3;
}

.webinars-col, .webinars-col a, .webinars-col a:visited {
	background-color:#0366b3;
	color:#fff;
}

.hp-icon-right {
position:absolute;
top:12px;
right:25px;}

.calendar-col .hp-icon-right {
top:70px;}


.mem-dir-box {
background-color: #e4bb45;
background-size: cover;
color: #003366;
}
.no-webp .mem-dir-box {
	background-image: url(../jpg/mem-dir-bg.jpg);
}
.webp .mem-dir-box {
	background-image: url(../mem-dir-bg.html);
}


.find-supplier-box {
background-color: #02509a;
background-size: cover;
color: #fff;
}

.no-webp .find-supplier-box {
	background-image: url(../jpg/finder-bg.jpg);
}
.webp .find-supplier-box {
	background-image: url(../finder-bg.html);
}

/* footer */
.footer {
background-color: #024273;
color: #fff;
}

ul.bottom-menu {
list-style:none;
columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

ul.bottom-menu a {
color:#fff;
}

ul.bottom-menu a:hover {
	opacity: .3;
	transition:ease .3s;
}

.copyright {border-top:1px solid #fff;}


/* animation */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay1 {
	animation-delay:.1s;
}

.delay2 {
	animation-delay:.3s;
}

.delay3 {
	animation-delay:.5s;
}

.delay4 {
	animation-delay:.7s;
}

.delay5 {
	animation-delay:.9s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}


/* inside */

.gray-diagonal {
	padding-top: 150px;
    -webkit-clip-path: polygon(0% 75px, 100% 0%, 100% 100%, 0% calc(100% - 75px));
    clip-path: polygon(0% 75px, 100% 0%, 100% 100%, 0% calc(100% - 75px));
    margin-top: -110px;
    background-color: #ececec;
    padding-bottom: 150px;
    margin-bottom: 75px;
}

h1.inside-headline {
	font-size:3.2rem;
	margin-top:1em; margin-bottom:.5em;
	color:#fff;
	text-shadow: 0 0 0.3em rgba(0,0,0,.9);
}

hr.light-blue {
	border-top: 1px solid #3585c2;
	margin-top:3em;
	margin-bottom:3em;
}

.large-intro {
	font-size: 2.8rem;
    line-height: 1.2;
	color:#024273;
}

.board-col {
	display:flex;
}

.board-col .box {
	width:100%;
}

.table1 {
	font-size:1.2rem;
	width:100%;
}

.table1 tr {
	border-bottom:1px solid #ccc;
}

.table1 td {
	padding:.5em .5em .5em 0;
}

.sidebar-box {
border-radius: 15px;
padding:2em;
background-color:#f5f5f5;
}

.education-accordion .card {
	border:none;
}

.education-accordion.accordion>.card {
	border: 2px solid #3585c2;
border-radius: 15px;
margin-bottom:15px;
}

.education-accordion.accordion>.card>.card-header {
background-color:transparent;
padding:0;
border:none;
}

.education-accordion .card-body {
	padding:30px;
}

.education-accordion-link {
	display:block;
	padding: 15px 60px 15px 30px;
}

.education-accordion-link::after {
	content: '\2796';
	position:absolute;
	right:30px;
	top:25px;
	font-size:20px;
	color:#024273;
	height:30px;
}

.education-accordion-link.collapsed::after {
	content: '\2795';
	position:absolute;
	right:30px;
	top:15px;
	font-size:20px;
	color:#024273;
	height:30px;
}

.education-accordion-link:hover {
	background-color:#ececec;
}


.box-grid-col {
	margin-bottom:30px;
	display:flex;
}

.box-grid-col .box {
	width:100%;
}

.box {
border: 2px solid #3585c2;
border-radius: 15px;
padding:2em;
}

.box h2 {
	margin-top:.5em;
}

.name {
	font-weight:700;
	color:#0366b3;
	font-size:1.6rem;
}

.p-my-0 p {
	margin-top:0;
	margin-bottom:0;
}

.sidebar .image {
	margin-bottom:30px;
}

.post img[align="right"] {
	margin:5px 0 5px 1em;
}

.post img[align="left"] {
	margin:5px 1em 5px 0;
}



/* .col-sm */
@media (min-width: 576px) {

/* general formatting */

html {
	font-size:68%;
}

/* header */


/* menu */


/* hp-content */
h1.headline {
	font-size:7rem;
}

/* footer */


/* inside */

.table1 {
	font-size:1.4rem;
}

.name-list {
	column-count:2;
	column-gap:30px;
}

.name-list li {
	margin-top:0;
	break-inside: avoid-column;
}



}



/* .col-md */
@media (min-width:768px) {

/* general formatting */

.carousel-control-next, .carousel-control-prev {display:flex;}

html {
	font-size:72%;
}

.column-3-md {
	column-count:3;
	column-gap:2em;
}

.column-3-md li {
	margin-top:0;

}


/* header */

.top-title-col {
	padding-left:150px;
}

.logo {
	left:30px;
}
/* menu */


/* hp-content */


.calendar-row {
	background-image: linear-gradient(to right, #024273 50% , #0366b3 50%);
	padding-top:75px;
	margin-top:75px;
}

.calendar-col {
	background-color: transparent;
	-webkit-clip-path: none;
    clip-path: none;
	padding-top:0;
	margin-top:0;
	padding-right:2em;
}

.webinars-col {
	background-color:transparent;
	padding-left:4em;
}

.calendar-col .hp-icon-right {
top:12px;}

/* footer */


/* inside */


}


/* .col-lg */
@media (min-width:992px) {

/* general formatting */

html {
	font-size:76%;
}

.anchor {
    position: relative;
    top: -120px;
    display: block;
}

/* header */

.top-title-col {
	padding-left:10em;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;
}


.sticky-top-margin {
margin-top:115px;}

.logo img {
	width:7.5em;
	max-width:200px;
}
/* menu */

.menu .dropdown {
	position:static;
}

.menu .navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
    width: calc(100% + 34px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 3em 12%;
    column-count: 3;
	column-gap:3em;
	left:-2px;
	padding-top:6em;
}

.menu .dropdown .nav-item {
	font-size:1.3rem;
	white-space:normal;
}

.menu .navbar-light .navbar-nav a.dropdown-item {
	display:inline-block;
	white-space:normal;
	padding:.75em 0;
	border-top: 1px solid #e6b421;
}

.menu .navbar-light .navbar-nav a {
	padding:.75em .4em;
	margin:0 1px;
}


.menu .navbar-light .navbar-nav .dropdown-menu li:nth-child(1) a.dropdown-item {
	position:absolute;
	top: 0px;
    border: none;
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #e6b421;
	text-align: center;
    left: 0;
	display:block;
}


/* hp-content */



/* footer */


/* inside */
.intro-border {
	border-left:1px solid #e6b421;
	padding-left:2em;
}

.name-list {
	column-count:3;
}



}


/* .col-xl */
@media (min-width:1200px) {

/* general formatting */

html {
	font-size:80%;
}

/* header */
.sticky-top-margin {
margin-top:128px;}

/* menu */
.menu .navbar-light .navbar-nav a {
	padding: .75em 1em;
}

.menu .navbar-light .navbar-nav a.dropdown-item {
	padding:.75em 0;
}
/* hp-content */


/* footer */


/* inside */


}

@media (min-width:1600px) {
	html {
		font-size: 85%;
	}

	.name-list {
	column-count:4;
}
}


 @media screen and (max-width: 991px) {
  .navbar-nav {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    background: #024273;
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
  }
  .cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
  }
  .cbp-spmenu a {
    display: block;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 260px;
    height: 100vh;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
  }
  .cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
  }
  .cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -260px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
	padding: 10px 0;
  }
  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top {
    top: -150px;
  }
  .cbp-spmenu-bottom {
    bottom: -150px;
  }
  .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
  }
  .cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
  }
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toright {
    left: 260px;
  }
  .cbp-spmenu-push-toleft {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

}