/*Navigation Styles*/

#g-page-surround {
  background:#312F38;
}

#g-container-main {
  background:#FFF;
}

.nav-logo-block {
  position: relative;
  width: 100%;
  height: 100%;
}
.nav-logo {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto; /* to keep proportions */
  height: auto; /* to keep proportions */
  max-width: 100%; /* not to stand out from div */
  max-height: 100%; /* not to stand out from div */
  margin: 10px auto 0; /* position to bottom and center */
}
.nav-bar {
        background-color: #0B8D4E;
    border-top: 5px solid #F0E722;
    padding: 10px 0px;
}
.nav-bar .g-menu-item-title {
    font-size: 1.3rem;
}
.nav-logo {
    margin: 20px 0px;
}
.nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-main-nav li {
  padding: 0 20px;
}
.g-main-nav .g-sublevel > li {
    margin: 0px;
    padding: 0 0 0.2345rem 0;
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
    color: #312f38;
}
#g-navigation .g-main-nav .g-dropdown a:hover {
    color: rgba(49, 47, 56, 0.7) !important;
}
.g-offcanvas-toggle {
    font-size: 2rem;
    color: #0b8d4e;
    width: 32px;
    height: 32px;
    top: 1.2rem;
    z-index: 100001;
    display: contents;
}
#g-navigation {
    background: #F2F2F2 !important;
    color: #000000;
    position: relative;
    z-index: 11;
}
/*Owl Carousel*/
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  width: 50rem;
  background-color: #000;
    opacity: .8;
}

.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    font-family: "Open Sans";
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    text-align: left;
    color: #fff;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 200;
    padding-bottom: 20px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0.625rem;
    color: #fff;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
    margin: 0 40px 0 100px;
    padding: 0.938rem;
    text-align: center;
}
.g-owlcarousel .owl-nav button.owl-prev, .g-owlcarousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 100px;
    color: #fff;
    border: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-color: #f47920;
    transition: all 0.3s;
}
.owl-prev {
  left: 0 !important;
}
.owl-next {
  right: 0 !important;
}
.button.button-outline {
    background: transparent;
    color: #fff !important;
    border-color: #fff;
}
.g-owlcarousel-item-link {
  float: left;
}
.owl-link a {
  color: #F47920 !important;
}
.owl-link a:hover {
color: #424753 !important;
}

.img-only .g-owlcarousel-item-content-container {
    opacity: .0 !important;
}

/*Content Tabs Styles*/
.g-contenttabs .g-contenttabs-tab-wrapper-container {
    list-style: none;
    margin: 0 0 1rem 0;
    border-bottom: 3px solid #000;
}
.g-contenttabs .g-contenttabs-tab-wrapper-head .g-contenttabs-tab-title {
    display: block;
    outline: none;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
}
/*FAQ*/
.jl-accordion-title {
    display: block;
    font-size: 1.5em !important;
    line-height: 1.4;
    color: #000;
    overflow: hidden;
    background-color: #FEE977;
    padding: 10px;
    transition-duration: 0.3s;
    transition: border 0.3s, box-shadow 0.5s;
    transition-timing-function: cubic-bezier(0.165, 0.975, 0.53, 1.65);
}
.tm-item a:hover {
    box-shadow: 0 1px 0.4rem rgba(0, 0, 0, 0.2);
}
.jl-panel {
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
}
.jl-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23343434%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23343434%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.jl-open>.jl-accordion-title::before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23343434%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.jl-accordion-content {
    margin-top: 20px;
}
.jl-accordion>:nth-child(n+2) {
    margin-top: 20px;
}

/*Global*/
@media only all and (min-width: 65rem){
#g-container-main .g-container{
    width: 90vw;
}
#g-footer .g-container {
    width: 85vw;
}
}
a {
    color: #0b8d4e;
    transition: all 0.2s;
    font-weight: 600;
}
.w3-row {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.w3-card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 20px;
    flex-basis:0;
    flex-grow:1;
}
.w3-card-single {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 20px;
}
.w3-container {
    padding: 1em;
    line-height:normal;
}
.event-card {
    text-align:center;
    line-height: normal;
    padding: 1em;
    background-color: #312f38;
    color: #fff;
    margin-bottom: 1em;
}
.w3-container h4 {
    margin:0px;
    font-variant: all-small-caps;
    font-size: 2em;
    line-height: 1em;
}
.w3-container h5 {
    font-size: 1.3rem;
    margin:0px;
}
.event-card hr {
    margin: 12px 0;
}
.page-header h2 {
    font-weight: 700;
    border-bottom: 8px solid #135A9A;
    font-variant: all-small-caps;
    font-size: 3em;
    padding-bottom: 0px;
    color: #000;
}
.fa-file-pdf {
  color: red;
}
a i:hover {
  color: #424753;
}
.fa-file-word {
  color: blue;
}
.fa-file-video {
  color:slategray;
}


.btn {
  padding: 0.5rem 1rem;
}
/*flex*/

.flexcontainer1 {
    margin-right:1rem;
    flex-basis: 0;
    flex-grow: 1;
}
.flexcontainer2 {
    flex-basis: 0;
    flex-grow: 1;
}