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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
html {
	scroll-behavior: smooth;
}

body{
	overflow: auto;
	overflow-x: hidden;
}

.entry-meta li{
	color: white;
}

@media(min-width: 992px){
	.header-row {
		flex-wrap: nowrap;
	}
}

@media(min-width: 992px){
	.menu-container:not(.mobile-primary-menu) {
		flex-wrap: nowrap;
	}
}

img#logo{
	max-height: 200%;
	height: 130px !important;
	width: 350px;
}

@media(max-width: 1200px){
	img#logo{
		height: 70px !important;
		width: auto;
		margin-left: 20px !important;
	}
}

.header-row.justify-content-lg-between div#logo{
	top: -24;
	width: 300px;
	z-index: 100;
	height: 150px;
}

@media(max-width: 1200px){
	.header-row.justify-content-lg-between div#logo{
		top: -24;
		width: 200px;
		z-index: 100;
		height: 150px;
	}
}

@media(max-width: 1400px){
	#page-title h1{
		font-size: 1.8vw;
	}
}

@media(max-width: 1200px){
	#page-title h1{
		font-size: 1.3vw;
	}
}

@media(max-width: 992px){
	#page-title h1{
		font-size: 1rem;
	}
}

.header-bar{
	background-color: #76BC43;
	height: 30px;
}

@media (max-width: 1024px){
	.header-bar .col-4{
		width: 50%;
	}
}

@media (max-width: 992px){
	.header-bar .col-4{
		width: 50%;
		margin-top: -20.5px !important;
	}

	#gsc-i-id1.gsc-input,
	.gsc-search-button{
		height: 16px !important;
	}

	.gsc-search-button{
		margin-top: -30.5px;
	}

	.gsc-search-button-v2 svg{
		margin-top: -4.8px;
	}
}

@media (max-width: 768px){
	.header-bar .col-4{
		width: 75%;
		margin-top: -20.5px !important;
	}

	#gsc-i-id1.gsc-input,
	.gsc-search-button{
		height: 16px !important;
	}

	.gsc-search-button{
		margin-top: -30.5px;
	}

	.gsc-search-button-v2 svg{
		margin-top: -4.8px;
	}

	.gsc-control-wrapper-cse {
		width: 100% !important;
	}
}

@media (max-width: 425px){
	input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
		width: 100px;
	}
}

.gsc-control-cse {
    border-color: rgb(0 0 0 / 0%) !important;
    background-color: rgb(0 0 0 / 0%) !important;
	border: 1px solid rgb(0 0 0 / 0%) !important;
	height: 1px;
}

.gsc-input-box {
    border: 0px solid rgba(0, 0, 0, 0) !important;
    background: rgb(0 0 0 / 0%) !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #004c46 !important;
    background-color: #004c46 !important;
    background-image: none;
    filter: none;
	margin-top: -28.5px;
}

.gsc-control-wrapper-cse {
    width: 50% !important;
}

.gsc-results-wrapper-overlay{
	height: 410% !important;
}

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

.card-img-top {
  position: absolute;
  top: -80px;
  left: 20%;
  width: 250px !important;
  height: 260px;
}

@media(max-width: 1024px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 13%;
		width: 220px !important;
		height: 240px;
	}
}

@media(max-width: 992px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 10%;
		width: 220px !important;
		height: 240px;
	}
}

@media(max-width: 768px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 15%;
		width: 220px !important;
		height: 240px;
	}
}

@media(max-width: 425px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 20%;
		width: 250px !important;
		height: 260px;
	}
}

@media(max-width: 375px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 20%;
		width: 220px !important;
		height: 240px;
	}
}

@media(max-width: 320px){
	.card-img-top{
		position: absolute;
		top: -80px;
		left: 16%;
		width: 200px !important;
		height: 220px;
	}
}

.card {
  margin-top: 30px;
  padding-top: 30px;
}

.card-block{
	margin-top: 50%;
}

.card.h-100{
	background: linear-gradient(180deg, rgba(118,188,67,1) 0%, rgba(170,205,145,1) 65%);
}

.modal-header{
	background-color: #38a600;
}

#modal1:target {
	display: block;
}

#modal2:target {
	display: block;
}

#modal3:target {
	display: block;
}

.divider.divider-rounded.divider-center{
	margin-top: -10px;
}

.grid-filter.style-4.customjs li a{
	color: #000;
}

.read-more-mask {
    height: 0%;
    background-image: none !important;
}

:root {
	--themecolor: #264653;
	--themecolorrgba: 38, 70, 83;
	--secondarycolor: #004C46;
	--secondarycolorrgba: 233, 196, 106;
}

.color-2,
.h-color-2:hover { color: var(--secondarycolor, #76BC43) !important; }

.bg-color-2,
.h-bg-color-2:hover { background-color: var(--secondarycolor, #76BC43) !important; }


.services-grid .feature-box {
	padding: 2rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .5rem;
	border: 1px solid var(--secondarycolor);
}

.services-grid .feature-box:hover {
	background-size: cover;
}

.services-grid .feature-box { background-color: var(--themecolor); }

.dark .services-grid .feature-box .fbox-icon i { background-color: rgba(255,255,255,0.15); }


.services-grid .feature-box,
.services-grid .feature-box .fbox-icon,
.services-grid .feature-box .fbox-content,
.hover-button  { transition: all .4s ease, border-color .0s ease; }

@media (min-width: 992px) {

	.services-grid .feature-box {
		padding: 3rem;
		background-size: 0;
		border: 1px solid rgba(255,255,255,0.1);
	}

	.services-grid .feature-box:hover {
		transform: translateY(-6px);
		border-color: var(--themecolor);
	}

	.services-grid .feature-box:not(:hover) .hover-button {
		opacity: 0;
		transform: translateY(-5px);
	}

	.services-grid .feature-box .fbox-icon,
	.services-grid .feature-box .fbox-content {
		transform: translateY(20px);
	}

	.services-grid .feature-box:hover .fbox-icon,
	.services-grid .feature-box:hover .fbox-content { transform: translateY(0px); }

	.dark .services-grid .feature-box:hover .fbox-icon i { background-color: #FFF; }
}

@media (max-width: 991.98px) {
	.services-grid .feature-box .fbox-icon i { background-color: #FFF; }
}

.slider-element { background: linear-gradient(to right, rgba(255,255,255,1) 40%, rgba(70,193,176, .7)), url('images/1.png') no-repeat 90% 100% / auto 100%; }

@media (min-width: 992px) {
	.slider-element {
		background: linear-gradient(to right, rgba(255,255,255,0), rgba(70,193,176, 0.17)), url('images/1.png') no-repeat 90% 100% / auto 100%;
	}
}

.block-expand-categories .expand-category {
	--height: 50vh;
	--responsive-height: 60px;
	--hover-flex: 10;

	position: relative;
	background-position: center center;
	background-size: cover;
	border-radius: 20px;
	margin: 10px 0;
	min-height: var(--responsive-height);
	cursor: pointer;
}

.block-expand-categories .expand-category h2 {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0;
	transform: translateY(-50%);
}

/* Larger Device */
@media (min-width: 992px) {

	.block-expand-categories .expand-category {
		height: var(--height);
		flex: 1;
		margin: 0 10px;
		transition: flex 1s ease;
		-webkit-backface-visibility: hidden;
		transform: translate3d(0,0,0);
	}

	.block-expand-categories:not(.on-click) .expand-category:hover,
	.block-expand-categories.on-click .expand-category.active { flex: var(--hover-flex); }

	.block-expand-categories .expand-category h2 {
		opacity: 1;
		top: auto;
		bottom: 10px;
		transform: none;
		transition: opacity .4s ease;
	}

	.block-expand-categories:hover .expand-category:not(.active):not(:hover) h2,
	.block-expand-categories.on-click .expand-category:not(.active) h2 { opacity: 0; }

}

.border-light { border-color: #EEE !important; }

.cards {
	border-radius: 8px;
	background-color: #FFF;
}
.card-img-tops {
	border-top-left-radius: calc(8px - 1px);
	border-top-right-radius: calc(8px - 1px);
}

#archives-carousel .owl-item {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s .1s ease-out;
}

#archives-carousel .owl-item.active {
	opacity: 1;
	transform: translateY(0);
}

.content-wrap{
	overflow-anchor: none;
}

@media (max-width: 992px){
	a#high.button,button-desc.button-3d.button-rounded.center,
	a#metro.button,button-desc.button-3d.button-rounded.center{
		top:0px !important;
	}
}

.x-twitter-icon-white {
	display: inline-block;
	background-image: url('/Resources/images/x-twitter-logo-white.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50%;
	margin-left: 25%
}

.x-twitter-icon-black {
	display: inline-block;
	background-image: url('/Resources/images/x-twitter-logo-black.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50%;
	margin-left: 25%;
}