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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.text120 {
	font-size: 120%
}
.text140 {
	font-size: 140%
}
.text-green {
  color: #1ABC9C !important;
}
.bottommargin10 { margin-bottom: 10px !important; }

.pad10right {	
	padding-right: 10px !important;
}

@media (min-width: 992px) {

	.full-header #logo {
		padding-right: 30px;
		border-right: 0px solid #EEE;
	}

	#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

	.sticky-header-shrink #header-wrap #logo img {
		height: 60px;
	}

}

@media (min-width: 992px) {
	.full-header .primary-menu .menu-container {
		padding-right: 0.5rem;
		margin-right: 0.5rem;
		border-right: 0px solid #EEE;
}
}

/* Promo - Light
-----------------------------------------------------------------*/


/* Promo - Colour
-----------------------------------------------------------------*/

.promo-colour {
	border: 0 !important;
	background-color: #9cb5d8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-radius: 3px;
}

.promo-colour h2 { color: #FFF; }

.promo-colour h3 { color: #FFF; }

.promo-colour h3 + span {
	color: #EEE;
	font-weight: 400;
}
.promo-colour a:link { color: #FFF; }


.bg-light-green {
	background-color: #DAEDE9; !important
}

/* Page Title - Green
-----------------------------------------------------------------*/
#page-title.page-title-green {
	background-color: #DAEDE9;
}

.button-red { background-color: #C02942; }
.button-3d.button-red:hover,
.button-reveal.button-red:hover,
.button-border.button-red:hover,
.button-border.button-red.button-fill::before { background-color: #C02942 !important; }

.button-border.button-red {
	color: #C02942;
	border-color: #C02942;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
 { color: #eb9c4d; }

@media (min-width: 992px) {

	.sub-menu-container .menu-item:hover > .menu-link,
	.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
	.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link { color: #eb9c4d; }

	.style-3 .menu-container > .menu-item.current > .menu-link,
	.sub-title .menu-container > .menu-item:hover > .menu-link::after,
	.sub-title .menu-container > .menu-item.current > .menu-link::after,
	.page-menu-sub-menu,
	.dots-menu .page-menu-item.current > a,
	.dots-menu .page-menu-item div,
	.dark .style-3 .menu-container > .menu-item.current > .menu-link { background-color: #eb9c4d; }

	.style-4 .menu-container > .menu-item:hover > .menu-link,
	.style-4 .menu-container > .menu-item.current > .menu-link,
	.dots-menu.dots-menu-border .page-menu-item.current > a { border-color: #eb9c4d; }

	.sub-menu-container,
	.mega-menu-content,
	.style-6 .menu-container > .menu-item > .menu-link::after,
	.style-6 .menu-container > .menu-item.current > .menu-link::after,
	.top-cart-content,
	.dark .sub-menu-container,
	.dark .mega-menu-content,
	.dark .top-cart-content { border-top-color: #eb9c4d; }

	.dots-menu .page-menu-item div::after { border-left-color: #eb9c4d; }
	.rtl .dots-menu .page-menu-item div::after {
		border-left-color: transparent;
		border-right-color: #eb9c4d;
	}