/*
 * =============
 * Header Bar
 * =============
 * */
.top-bar{
	display: flex;
    justify-content: space-between;
    background: #3993d0;
	padding: 0vw/*0.5vw*/ 7vw;
	font-size:17px;
}

.top-social{
	display: inline-flex;
	align-items: center;
}

.top-careers{
    background: #f79431;
    color: #fff;
    font-weight: bold;
	padding: 0.75vw 0.5vw;
}

.login{
	display: inline-flex;
	align-items: center;
}

.top-facebook{
    padding: 2px 6px;
    padding-top: 5px;
}

.top-facebook img{
	height: 17px;

}

.top-twitter{
    padding: 2px 6px;
    padding-top: 5px;
}

.top-twitter img{
	height: 17px;
}

.member, .member-logout, .admin, .admin-logout{
	padding-left: 1vw;
}

.epr a, .member a, .member-logout a, .admin a, .admin-logout a{
	color: #fff;
	text-decoration: none;
}

/* Mobile */
@media all and (max-width: 430px) {
	.login{
		font-size: 14px;
	}
}

/*
 * =============
 * Nav Bar
 * =============
 * */

/* Basic styling */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
nav {
    background: #fff;
    padding: 0 6vw;
}
a {
    color: #3993d0;
    text-decoration: none;
}
.menu,
.submenu {
    list-style-type: none;
}
.logo {
    font-size: 20px;
    padding: 7.5px 10px 7.5px 0;
}
.item {
    padding: 10px;
}
nav .members {
	padding-left: 25px;
	padding-right: 25px;
}
.item.button {
    padding: 9px 5px;
}

.subitem a {
	color: #3993d0;
}

.subitem a:hover {
	color: #fff;
}

.item:hover {
	background: #f79431;
}

.item:hover a {
	color: #fff;
}

.logo img{
	width: 100px;
}

/* Mobile menu */
.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.menu li a {
    display: block;
    padding: 5px 15px;
	text-decoration: none;
}

.menu li a:hover {
	/*text-decoration: underline;*/
}

.menu li.subitem a {
    padding: 15px;
	text-decoration: none;
}

.menu li.subitem a:hover {
	/*text-decoration: underline;*/
}

.toggle {
    order: 1;
    font-size: 20px;
}
.item.button {
    order: 2;
}
.item {
    order: 3;
    width: 100%;
    text-align: center;
    display: none;
}
.active .item {
    display: block;
}

.button.secondary { /* divider between buttons and menu links */
    border-bottom: 1px #444 solid;
}

/* Submenu up from mobile screens */
.submenu {
    display: none;
	text-align: left;
}
.submenu-active .submenu {
   display: block;
}
.has-submenu i {
    font-size: 12px;
}
.has-submenu a:focus {
    outline: none;
}

/*.has-submenu > a::after {
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    content: "\f078";
    color: white;
    padding-left: 5px;
}*/
.subitem a {
    padding: 10px 15px;
}
.submenu-active {
    background-color: #fff;
    border-radius: 3px;
}

#nav-icon{
	color: #f79431;
}

/* Tablet menu */
@media all and (min-width: 700px) {
    .menu {
        justify-content: center;
    }
    .logo {
        flex: 1;
    }
	.logo img{
		width: 102px;
	}
    .item.button {
        width: auto;
        order: 1;
        display: block;
    }
    .toggle {
        flex: 1;
        text-align: right;
        order: 2;
    }
    /* Button up from tablet screen */
    .menu li.button a {
        padding: 10px 15px;
        margin: 5px 0;
    }
    .button a {
        background: #0080ff;
        border: 1px royalblue solid;
    }
    .button.secondary {
        border: 0;
    }
    .button.secondary a {
        background: transparent;
        border: 1px #0080ff solid;
    }
    .button a:hover {
        text-decoration: none;
    }
    .button:not(.secondary) a:hover {
        background: royalblue;
        border-color: darkblue;
    }
}

/* Desktop menu */
@media all and (min-width: 960px) {
    .menu {
        align-items: stretch;
        flex-wrap: nowrap;
        background: none;
    }
    .logo {
        order: 0;
    }
	.logo img{
		width: 112px;
	}

    .item {
        order: 1;
        position: relative;
        display: flex;
    	align-items: center;
        width: auto;
    }

    .button {
        order: 2;
    }

	.has-submenu .submenu{
		overflow: hidden;
  		transition: all .3s ease;
	}

	.has-submenu:hover  .submenu{
        display: block;
    	width: 100%;
        position: absolute;
        left: 0;
        top: 105px;
        background: #fff;
	}
    .submenu-active .submenu {
        display: block;
    	width: 100%;
        position: absolute;
        left: 0;
        top: 105px;
        background: #fff;
    }
    .toggle {
        display: none;
    }
    .submenu-active {
        border-radius: 0;
    }

	.subitem a {
		color: #3993d0!important;
	}

	.subitem a:hover {
    	background: #f79431;
		color: #fff!important;
	}

	.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}
}

/*
 * ================
 * Banner Non-Home
 * ================
 * */

.banner-image{
	width: 100%;
	/*height: 15vw;*/
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-image: url(../img/banner.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-image h1{
	font-size: 50px;
	font-weight: bold;
	color: #fff;
}

/* Tablet */
@media all and (max-width: 960px) {
	.banner-image{
		height: 25vw;
	}
}

/* Mobile */
@media all and (max-width: 630px) {
	.banner-image{
		height: 35vw;
	}
}

/* Mobile */
@media all and (max-width: 430px) {
	.banner-image{
		height: 45vw;
	}
}

/*
 * =============
 * Quick Nav
 * =============
 * */
.quicknav{
	border-bottom: 2px solid #ececec;
}

.newsbar{
	background: #3993d0;
	color: #fff;
	display: flex;
	justify-content: space-evenly;
	align-items: stretch;
}

.newsbar .center-align{
	display: flex;
	align-items: center;
}

.newsbar .center-align a{
	color: white;
}

.newsbar .text{
	font-size: 20px;
	padding: 10px 1px;
}

.newsbar .text img{
	padding-right: 10px;
}

.newsbar .view-news{
	background: #f79431;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 10px 20px;
}

.iconsbar{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
	font-size: 16px;
}

.iconsbar .icons {
	text-align: center;
	grid-column: span 1;
	padding: 1vw;
}

.iconsbar .icons.last {
	border-right: none;
}

.iconsbar .icons img{
	padding-bottom: 5px;
}

.iconsbar #i1 img{
	padding-bottom: 5px;
	width: calc(100% - 80%);
}

/* Mobile */
@media all and (max-width: 960px) {
	.newsbar .text{
		font-size: 14px;
	}

	.newsbar .view-news{
		font-size: 16px;
	}

	.iconsbar{
		font-size: 16px;
	}

	.newsbar .text .current{
		display: none;
	}

	.iconsbar .icons {
		grid-column: span 4;
	}
}

/*
 * =============
 * Footer
 * =============
 * */

footer {
	color: #fff;
}

footer .footer-menu .info li{
	padding: 10px;
}

.design a{
	color: #fff;
}

footer .footer-subitem {
	padding: 5px 4px;
}

footer .footer-item a {
	color: #fff;
}

footer .footer-item .sect-head{
	font-weight: bold;
	padding: 5px;
}

footer .footer-item .footer-submenu{
	padding-top: 5px;
}

.footer-menu{
	display: flex;
	justify-content: space-between;
	padding: 3vw 6vw;
	background-color: #3a7ba3;
}

.footer-info{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background-color: #3e92d0;
	padding: 1vw 1vw;
}

.footer-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

.footer-info .alert {
    max-width: 1480px;
	padding: 10px;
	border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-style: italic;
}

.footer-info .alert span {
    font-weight: bold;
    text-decoration: underline;
}

.footer-info p{
	margin-bottom: 5px;
}

.footer-info p a{
	color: white;
}

/* Mobile */
@media all and (max-width: 960px) {
	.footer-menu{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
	}

	.col1{
    	grid-column: span 8;
	}

	.col2{
    	grid-column: span 4;
	}

	.col3{
    	grid-column: span 4;

	}

	.col4{
    	grid-column: span 4;

	}

	.col5{
    	grid-column: span 4;

	}


}

@media (max-width: 600px) {
    .footer-contact {
        flex-direction: column;
        gap: 0.2em;
    }

    .footer-contact .footer-separator {
        display: none;
    }
}

@media (max-width: 430px) {
	.footer-menu{
		text-align: center;
	}

	.footer-menu .footer-has-submenu{
		margin-bottom: 10px;
	}

	.footer-info{
		text-align: center;
        padding-top: 25px;
	}

	.col1{
    	grid-column: span 12;
	}

	.col2{
    	grid-column: span 12;
	}

	.col3{
    	grid-column: span 12;

	}

	.col4{
    	grid-column: span 12;

	}

	.col5{
    	grid-column: span 12;

	}
}

/*
 * ================
 * Admin Nav
 * ================
 * */
.admin-nav{
	padding: 2vw;
	background: #3993d0;
	margin-bottom: 2vw;
}

.admin-nav h1{
	text-align: center;
	padding-bottom: 1vw;
}

.admin-nav nav{
	background: #3993d0;
}

.admin-nav a{
	color: #fff;
}

.admin-nav nav ul{
	display: flex;
	justify-content: space-between;
}

/*
 * ================================
 * Select2 and JQeury Auto Complete
 * ================================
 * */

/* UI Complete */

.ui-widget-content {
	color: #3992d0!impotant;
}

.ui-menu-item.ui-state-focus {
    background: #3992d0 !important;
	border: #3992d0;
    font-weight: bold !important;
    color: #ffffff !important;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #3992d0;
	padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

/* Select2 */
/* Input field */
.select2-selection__rendered {
	font-family: 'Poppins';
    padding: 5px 10px;
}

.select2-selection {
  -webkit-box-shadow: 0;
  box-shadow: 0;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  outline: 0;
  min-height: 38px;
  text-align: left;
}
.select2-selection__arrow {
  margin: 5px;
}

.select2-container{
	font-size: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3992d0;
}

.select2-dropdown {
	color: #3992d0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3992d0;
    color: white;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #3993d0 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #3993d0 transparent;
    border-width: 0 4px 5px 4px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: 3992d0;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: 3992d0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: 3992d0;
}