/* 
	Stylesheet custom 1
    Created on : Jul 8, 2023, 8:09:22 AM
    Author     : ryankagan
*/

/*--- header styles ---*/

.off-canvas-content .top-bar {
    max-width: 1800px;
    margin: 0 auto 0;
    position: relative;
}
.off-canvas-content .top-bar li a{
    padding-left: 0;
}

.top-bar-right .mega-menu-horizontal {
    margin-right: -15px;
}

#top-menu {
   justify-content: flex-end;
    align-content: stretch; 
}

#top-menu li, #top-menu li a{
 color: #fff;
 font-size: 1.125rem;
 font-family: SourceSansPro-Regular;
}

.top-menu-bar {
	width: 100%;
	background: #575758;
        padding: 8px;
}

.top-menu-bar a {
	font-size: 1.5em; /* 18pt; */
	color: #fff;
	text-decoration: none;
}


.top-bar, .top-bar ul {
	background: none;
}

.top-bar ul li a {
/*	font-size: 21px; 
	color: #000;
	text-transform: uppercase; */
}

#mega-menu-wrap-main-nav {
	z-index: 100;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
	z-index: 1;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main-nav #mega-menu-main-nav[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
	left: 0;
top: 15px;
z-index: 0;
padding-top: 20px;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
	background: rgba(255, 255, 255, 0.9);
	padding: 10px 20px;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a{
    color: #003D71;
    text-decoration: none;
    display: inline-block;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a:hover {
    color: #003D71;
    text-decoration: underline;
}

.menu-item.search-icon {
    padding-left: 40px;
}

.mobile-search-icon {
    display:none;
}

#top-menu a:hover {
    text-decoration: underline;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    /*background: rgba(51, 51, 51, 0);*/
    color: #000; 
}

#mega-menu-main-nav.mega-menu-horizontal a.mega-menu-link:hover {
    color: #2a6491!important;
}

.medium-horizontal.menu.dropdown li a {
    line-height: 36px;
}

#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 30px 0px 10px;

}


/*search menu */

.menu-item.search-icon {
    cursor: pointer;
}

.menu-search-bar {
    display:none;
    position: absolute;
    right: 20px;
    width: 40%;
    top: 20px;
    text-align: right;
    z-index: 100;
    background: #fff;
    padding-left: 60px;
    padding-right: 10px;
    background-color: #fff;
}

.menu-search-bar input[type="text"] {
    width: 100%!important;
    max-width: 100%;
    border-top: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-bottom: 1px solid #000;
    background: transparent;
    color: #000;
    font-size: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menuSearchTextContainer {
    display: inline-block;
    width: 80%;
    float: left;
    margin-right: 2%;
}

.menuSearchSubmitContainer {
    display: inline-block;
    width: 16%;
    float: left;
}

.menuSearchClear {
    display: inline-block;
    width: 2%;
    float: left;
    margin-left: -6%;
    margin-right: 1%;
    margin-top: 10px;
    cursor: pointer;
    z-index:105;
}
.closeMenuSearchLink,  .closeMenuSearchLink:hover{
    color: #000;
    text-decoration: none;
}

.menu-search-bar input {
    max-width: 200px;
    margin-right: 1rem;
}

.menu-search-button {
    height: 50px;
    line-height: 6px;
    background-color: #F9C900;
    color: #000;
    height: 60px;
}

.menu-search-button:hover {
    background-color: #F9C900;
    color: #fff;
}

.skip-to-content {
    position: absolute;
    top: 6px;
    left: 20px;
    background-color: #2A96C6;
    color: #fff;
    display:none;
    font-size: 1.3em!important;
    
}

#breadcrumbs{
    padding-left: 40px;
    font-family: 'SourceSansPro-Regular', sans-serif!important;
    font-size: 18px;
}
#breadcrumbs [aria-current="page"]{
    font-family: 'SourceSansPro-Bold', sans-serif!important;
    font-size: 18px;
}
#breadcrumbs a {
    font-family: 'SourceSansPro-Bold', sans-serif!important;
    font-size: 18px;
    color: #000!important;
    text-decoration: none!important;
}

#breadcrumbs a:hover {
    text-decoration: underline!important;
}

/* google search page */
.gsc-search-box, .gsc-search-box tbody {
    border: none!important;
}
.gsc-input-box {
    border: none!important;
}

.gsc-search-box input[type="text"] {
    width: 100%;
    padding: 10px!important;
    border: none!important;
    margin: -0.0625em 0px 0px!important;
    height: 1.95em!important;
    background: rgb(255, 255, 255)!important;
    outline: none!important;
    font-size: 30px!important;
    border: 2px solid #F9C900!important;
}

.gsc-search-button-v2 {
    margin-top: -16px!important;
    font-size: 0px!important;
    padding: 20px 27px!important;
    width: auto!important;
    vertical-align: middle!important;
    border: 1px solid #F9C900!important;
    border-radius: 2px!important;
    border-color: #F9C900!important;
    background-color: #F9C900!important;
    background-image: linear-gradient(top, #4d90fe, #4787ed)!important;
}

.gsst_a .gscb_a {
    color: #000!important;
    cursor: pointer;
}

/* section menu */
#section-menu.onloadMenu{
    height:0px;
    visibility: hidden;
}
#section-menu.addTopMargin {
    margin-top: 30px;
}

.divSubMenuToggle {
    position: relative;
    background-color: #fff;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 46px;
    
}
.divSubMenuToggle.open {
    background-color: #2A6491;
    
}

.sectionMenuToggle {
    color: #2A6491;
    font-size: 20px;
    font-family: "SourceSansPro-Bold";
    font-weight: 700;
    padding-right:20px;
}

.sectionMenuTitle.status-closed {
     text-align:right;
    padding-right: 30px;
}

.sectionMenuToggle.underline {
   /* text-decoration:underline; */
    color: #fff;
    font-size: 20px;
    font-family: "SourceSansPro-Bold";
    font-weight: 700;
   
}
.sectionMenuToggle.underline:hover {
    text-decoration:underline;
}

.divSubMenuToggle.open .sectionMenuToggle {
    color: #fff;
    font-size: 30px;
    font-family: "SourceSansPro-Bold";
    font-weight: 700;
}
.section-menu {
    display: none;
}
.section-menu {
    width: 380px;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 9999;
    background-color: #2A6491;
    
}

.sectionMenuTitle {
    display: inline-block;
    float: left;
    width: 85%;
}
.sectionMenuClose {
    display: none;
    width: 15%;
    float: left;
    text-align: right;
    padding: 12px;
    margin-top: -26px;
    
}
.sectionMenuClose img {
    transform: rotate(-45deg);
}

.sectionMenuOpen {
    display: inline-block;
    width: 15%;
    float: left;
    text-align: right;
    padding: 12px;
}



.subMenuContainer {
    border-left: 3px solid #F9C900;
    margin: 10px 0px 20px 20px;
    padding: 0px 0px 0px 20px;
    border-left: 3px solid #F9C900;
}

.section-menu ul {
   list-style-type: none; 
   padding: 0; 
   margin: 0; 
}

.section-menu a, .section-menu a:visited {
    color: #fff;
    font-size:21px;
  
}

.section-menu a:hover {
    text-decoration: underline;
}


.sectionMenuToggle, .sectionMenuToggle:visited, .sectionMenuToggle:hover {
    color: #2A6491;
   
}
.section-item a, .section-item a:visited {
    color: #fff;
      font-weight: 300;
    text-decoration: none;
}

.sectionMenuToggle {
    text-decoration:none;
}

.smol {
    margin-top: -20px;
}


@media screen and (min-width:1180px) {
	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile {
		display: none;
	}
}


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

	.top-bar {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.top-bar .top-bar-left, .top-bar .top-bar-right {
		flex: 0 0 100% !important; 
		max-width: 100%;
	}
	
	.top-menu-bar {
		display: none;
	}

	#mega-menu-wrap-main-nav .mega-menu-toggle {
		float: right; 
		margin-top: -20px;
		margin-right: -10px;
		width: 60px;
		height: 100px;
		padding: 0;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, 
	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
		display: block;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		content: ""!important;
		transform: rotate(180deg);
		display: inline-block;
		border: none;
		width: 30px;
		height: 30px;
		right: 0px;
		margin-top: 20px;
		background: url('../images/icon-chevron.svg') top right no-repeat transparent;
		background-size: 100% 100%;
		vertical-align: top;
		transition: transform .5s;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
		transform: rotate(0deg);
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, 
	#mega-menu-wrap-main-nav #mega-menu-main-nav[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px;
	}
	
	#mega-menu-wrap-main-nav .mega-menu-toggle.mega-menu-open + #mega-menu-main-nav {
	/*	left: -8px !important; */
	left: 0 !important;
	}

	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
		padding: 0 0 0 20px;
		margin: 0 0 0 20px;
		border-left: 3px solid #f9c900 !important;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
		height: auto;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding: 0;
	}

	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile {
		width: 33%;
		min-height: 90px;
		display: inline-block;
		margin: 0; padding: 20px 10px;
		background: #f9c900;
		text-align: center;
	}

	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile:nth-last-child(3) {
		margin-left: -10px;
	}

	
	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile:nth-last-child(1) {
		width: calc(33% + 14px);
	}

	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile a {
		font-size: 24px;
		line-height: 1;
		text-transform: uppercase; 
		text-align: center;
		vertical-align: middle;
		display: inline-block;
	} 
        
        #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item span.mega-block-title {
            color: #2a6491;
            font-family: inherit;
            font-size: 21px;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: normal;
            text-align: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
            vertical-align: top;
            display: block;
            visibility: inherit;
            border: 0;
        }
}

@media screen and (min-width: 1314px) and (max-width: 1390px) {
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 10px 0px 10px;
    }
}

@media screen and (min-width: 1181px) and (max-width: 1313px) {
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 10px 0px 10px;
        font-size: 20px;
        
    }
    .top-bar-left.float-left {
        width:340px;
    }
    .menu li:first-of-type {
        padding-right: 20px;
        width: auto;
    }
}

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

        .mobile-search-icon {
            display:block;
            margin-top: 15px;
            width: 70%;
            text-align: right;
        }

    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 10px 0px 10px;
    }
    
    .menuSearchTextContainer {
        margin-left: -60px;
        width: 84%;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 12px 0px 12px;
        font-size: 18px;
        line-height: 22px;
        
    }
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        font-size: 18px;
    }
  
    .top-bar-left.float-left {
        width: auto;
    }
    .top-bar-left.float-left img{
        padding-right: 10px;
    }
    
    .menu li:first-of-type {
        width: auto;
    }
    .mega-menu-horizontal > li {
 /*       width: 25%!important; */
    }

     #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 35px 15px 15px 15px;
   
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        font-size: 18px;
        line-height: 20px;
        
    }
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        font-size: 18px;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        width: 140%;
        float: left;
    }

/* was 40.2 */
    #mega-menu-main-nav.mega-menu-horizontal a.mega-menu-link {
       border-left: solid 5px transparent!important; 
    }

    #mega-menu-main-nav.mega-menu-horizontal a.mega-menu-link:hover {
       border-left: solid 5px #F9C900!important; 
    }
    #mega-menu-main-nav.mega-menu-horizontal .mega-menu-item-has-children a.mega-menu-link {
        border-left: none!important; 
    }
    #mega-menu-main-nav.mega-menu-horizontal .mega-menu-item-has-children a.mega-menu-link:hover {
       border-left: none!important; 
    }
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
        top: 0px!important;
    }

    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
        font-size: 30px;
    line-height: 60px;
    }
    .mobile-search-icon img {
        width: 40px;
        margin-left: -10px;
        margin-top: 10px;
    }
    .yellow-mobile a {
        font-size: 16px!important;
    }
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile {
        width: 32.8%;
        min-height: 90px;
        display: inline-block;
        margin: 0;
        padding: 20px 2px;
        background: #f9c900;
        text-align: center;
    }
    
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-yellow-mobile .mega-menu-link {
        line-height: 24px;
    }
    
    .menu-search-bar {
        right: auto;
        width: 100%;
        top: 86px;
        text-align: right;
        z-index: 100;
        background: #fff;
        padding-left: 60px;
        padding-right: 10px;
        background-color: #fff;
        height: 60px;
    }
    
     .off-canvas-wrapper {
        margin-top: -10px!important;
    }
    
    .breadcrumb-icon {
        width: 17px!important;
        height: 15px!important;
        margin-top: -5px!important;
    }
}

/* custom */
@media screen and (max-width: 1810px) {
    .off-canvas-content .top-bar li a{
    padding-left: 20px;
    }

    .top-bar-right .mega-menu-horizontal {
        margin-right: 0px;
    }
   
}

@media screen and (max-width: 1180px) {
	#mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {    
		padding: 0;		
/*		top: 120px;
		position: fixed; */
    }

    .off-canvas-content .top-bar-left li a img {
    	max-width: 190px;
    }


	#mega-menu-wrap-main-nav .mega-menu-toggle {
		margin-top: -95px; 
	}
	
	#mega-menu-wrap-main-nav .mega-menu-toggle.mega-menu-open + #mega-menu-main-nav {
		left: -8px !important; 
	}

}


/*--- footer styles ---*/

.footer {
	margin: 0; padding: 0;
        margin-top: 0px;
	width: 100%;
	background: #2A6491;
	color: #fff;
	display: block;
	
	font-family: 'SourceSansPro-Regular', sans-serif;
    font-size: 1.669rem; /* 20pt */
    line-height: 1.5; 
}

.logo-footer-area {
	padding: 100px 60px 0;
	width: 28%;
	float: left;
        margin-left: -30px;
}

.logo-footer-area img {
    max-width: 242px;
    height: auto;
}

.inner-footer {
	padding: 100px 60px 0;
	float: right;
	width: 71%;
	background: #2A96C6;
} 

.footer a {
	font-family: 'SourceSansPro-Bold', sans-serif;
	text-decoration: none; 
	color: #fff;
}

.footer .social-links {
	margin-bottom: 60px;
}

.footer .social-links a {
	color: #fff;
	margin-right: 80px;
}

.footer .social-links a span {
	display: none;
}

.footer .social-links a:hover {
	color: #F9C900;
}

.footer p.widgettitle {
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-family: 'SourceSansPro-Bold', sans-serif;
    font-size: 1.669rem; /* 20pt */
	border-bottom: solid 1px #F9C900;
	color: #fff;
}

.footer ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

.footer li {
	margin: 0; padding: 0;
}

.footer .menu a {
	margin: 0; padding-left: 0; padding-right: 0;
}

.footer hr {
	margin: 60px auto;
	color: #F9C900;
	border-bottom: solid 1px #F9C900;
}

.footer a:hover {
	text-decoration: underline;
}

.footer p.copyright {
	font-family: 'SourceSansPro-Bold', sans-serif;
    font-size: 1.669rem; /* 20pt */
}

.footer-address {
    margin-top: 50px;
}

img.go-anywhere-image {
	margin-top: 60px;
} 

#mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
   
    margin-top: 30px;
    margin-right: 5px;
}

.mobile-search-icon {
    margin-left: 30px;
}

.breadcrumb-icon {
    margin-top: -5px!important;
}

@media screen and (max-width: 40.2em) {
	.logo-footer-area, .inner-footer {
		padding: 30px 30px 0;
		width: 100%; 
		float: none;
	}
        
        .g-translate-container {
            margin: 0 auto!important;
        }
        
        .footer .social-links a {
            color: #fff;
            margin-right: 25px;
        }
        .footer-column-3 {
            margin-top: 24px;
        }
        
        .footer-column-2 {
            margin-top: 24px;
        }
        
        .mobile-search-icon {
            display:block;
            margin-top: 15px;
        }
        .social-links {
            text-align: center;
        }
        
        .footer-column-1 li{
            width: 100%;
        }
       .footer-column-2 li{
            width: 100%;
        }
        .mobile-search-icon {
            width: 20%;
        }

}
@media screen and (min-width: 40em) and (max-width: 64em) {

    .logo-footer-area, .inner-footer {
		padding: 30px 30px 0;
		width: 100%; 
		float: none;
	}
        
        .logo-footer-area {
           padding-left: 0px;
           margin-left: 0px;
        }
        
        .g-translate-container {
            margin: 30px 0px 0px 0px!important;
        }
        
        .footer .social-links a {
            color: #fff;
            margin-right: 25px;
        }
        .footer-column-3 {
            margin-top: 24px;
        }
        
        .footer-column-2 {
            margin-top: 0px;
        }
        
        .social-links {
            text-align: center;
        }
        
        .footer-column-1 li{
            width: 100%;
        }
       .footer-column-2 li{
            width: 100%;
        }
        .logo-footer-area img {
            width: 50%;
            float: left;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .logo-footer-area p {
            padding-left: 300px;
        }
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
    .logo-footer-area {
           padding-left: 0px;
           margin-left: 0px;
        }
}

@media screen and (min-width: 700px) and (max-width: 1240px) {
    .sectionMenuClose {
     padding: 4px;
     margin-top: -6px;
    }
    .sectionMenuOpen {
        padding: 2px;
        margin-top: 10px;
    }
    
}



/*--- navigation styles ---*/