/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--cnvs-themecolor: #2376a1;
	--cnvs-themecolor-rgb: 35, 118, 161;
    --cnvs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.275);
    --cnvs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    --cnvs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
}


.yellow {
    color:#fee801;
}
.section {background-color: rgba(var(--cnvs-themecolor-rgb), .1)}

#top-bar {
    background-color: var(--cnvs-themecolor);
    color: #ffffff;
}

#top-bar a {color: #fee801;}
#top-bar a:hover {color: #fff;}

#header > .container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}

#header-wrap {border-bottom: none;}


#logo {width: 50%;}
#logo img {margin-left: 0;}

.header-misc {
    width: 50%;
    margin: 0;
    padding-left: 4.5em;
    justify-content: space-around;
    align-items: center;}
.header-misc > div {text-align: center;}
.header-misc p {margin-bottom: .5em;text-transform: uppercase;}
.header-misc .i-plain {
    --cnvs-i-size: 1.5rem;
    --cnvs-i-fontsize: 1.2rem;
}

.is-expanded-menu .style-6 .menu-container > .menu-item > .menu-link::after,
.is-expanded-menu .style-6 .menu-container > .menu-item.current > .menu-link::after {
  border-bottom: 2px solid var(--cnvs-primary-menu-active-color);
    border-top: none;
    top: auto;
    height: 12px;
}
.primary-menu img {opacity: 0;}
#header.sticky-header .primary-menu img {opacity: 1;}


@media (min-width: 767.98px) {
    .header-misc p {font-size: 1.5em; line-height: 28px;}
}
@media (max-width:991px) {
    #logo {margin-left: auto;}
    #content .content-wrap { padding-top: 2rem;}
}
@media (min-width: 992px) {
     #header > .container {background-image: url("../images/s-shape-1280.png");
    }
}
@media (min-width: 1199.98px) {
    .header-misc p {font-size: 2em; line-height: 32px;}
}

@media (max-width: 1199.98px) {
	#header-wrap #logo img {
		height: 50px;
	}
}

.heading-block::before {
	content: attr(data-heading);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: var(--cnvs-contrast-200);
	z-index: -1;
	font-family: var(--cnvs-primary-font);
	font-weight: bold;
	font-size: 90px;
	line-height: .3;
}

.heading-block.center::before {
	right: 0;
	left: 0;
	margin: auto;
}

#content ul {
  list-style-position: inside;
}

#footer .widget_links li {
    padding: 0 0;
}