/*
Theme Name: WebOS Child Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face{font-family:'cf_asty_st';src:url(./font/cfastystd-book-webfont.eot);src:url(./font/cfastystd-book-webfont.eot?#iefix) format('embedded-opentype'),url(./font/cfastystd-book-webfont.woff2) format('woff2'),url(./font/cfastystd-book-webfont.woff) format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'cf_asty_st';src:url(./font/cfastystd-bold-webfont.eot);src:url(./font/cfastystd-bold-webfont.eot?#iefix) format('embedded-opentype'),url(./font/cfastystd-bold-webfont.woff2) format('woff2'),url(./font/cfastystd-bold-webfont.woff) format('woff');font-weight:bold;font-style:normal}
@font-face{font-family:'cf_asty_st';src:url(./font/cfastystd-black-webfont.eot);src:url(./font/cfastystd-black-webfont.eot?#iefix) format('embedded-opentype'),url(./font/cfastystd-black-webfont.woff2) format('woff2'),url(./font/cfastystd-black-webfont.woff) format('woff');font-weight:900;font-style:normal}
@font-face{font-family:'cf_asty_st';src:url(./font/cfastystd-extrabold-webfont.eot);src:url(./font/cfastystd-extrabold-webfont.eot?#iefix) format('embedded-opentype'),url(./font/cfastystd-extrabold-webfont.woff2) format('woff2'),url(./font/cfastystd-extrabold-webfont.woff) format('woff');font-weight:800;font-style:normal}
@font-face{font-family:'cf_asty_st';src:url(./font/cfastystd-medium-webfont.eot);src:url(./font/cfastystd-medium-webfont.eot?#iefix) format('embedded-opentype'),url(./font/cfastystd-medium-webfont.woff2) format('woff2'),url(./font/cfastystd-medium-webfont.woff) format('woff');font-weight:600;font-style:normal}



body, html,h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a,#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom),.formError .formErrorContent,.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a {
    font-family: 'cf_asty_st',/*'cf_asty_st',*/ sans-serif !important;
}
.banner .fill {
	border-radius: 30px !important;
}
.banner {
	background-color: transparent !important;
}

.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a, .nav-vertical-fly-out > li > a {
	color: #000000;
}
.orderby{display:none !important;}

.product_title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 90px;
	background: #0c4da2;
}

.product_title::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 3px;
	width: calc(100% - 104px);
	background: #f2f2f2;
}
.product_title {
	padding-bottom: 1.35rem;
	margin-bottom: 1.5rem;
	text-align: left;
	position: relative;
}
.dark .breadcrumbs {
	text-align: center;
}
.invisible-webos18,.invisible-webos18:hover {
	display: inline-block;
	position: relative;
	height: 18px;
	width: 223px;
	color:transparent !important;
	margin:18px;
}

.webos18{
    width: 223px; height: 18px;
	background: url('/el/wp-content/uploads/webos/webos-development-black.svg');
	background-repeat:no-repeat;
	vertical-align:middle;
}
.webos18:hover{filter:invert(16%) sepia(58%) saturate(4027%) hue-rotate(207deg) brightness(100%) contrast(90%);}
.footer-primary.pull-left{margin-top:15px !important;font-size:18px !important;/*padding:7px 0px;*/}
.footer-secondary {
	padding: 0px;
}
.absolute-footer {
	color: #000 !important;
	border-top: 1px solid #ddd;
}
.footer-mobile-webos{display:none;}

.footer-1, .footer-2 {
	border-top: 0px solid rgba(0,0,0,.05);
}
.f-bg-wave {
	fill: #edfafe;
}

.webos-li-a{
	border-bottom:1px solid #ececec;
	padding-left:0;
	padding-right:0;
	margin:0 10px;
}


.webos-top-bg{
    background-color:#edfafe;
}
.webos-wave-top{
    margin-top:-70px;
}
.webos-gap-bottom,.webos-footer-top{
    margin-bottom:-60px;
}
.webos-wave-bottom{
    margin-bottom:-40px;
}
.box-text {

	font-size: 1.05em;
}

.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover {
	-webkit-box-shadow: 0px 1px 60px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 60px 30px rgba(0, 0, 0, 0.05);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600 !important;
}

.qc-cmp2-persistent-link {
    bottom: 10px !important;
    left: 10px !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

label, legend {
    font-weight: 500 !important;
    display: block;
    font-size: 1em !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.nav-slide-header .toggle {
    font-size: 1.6em;
    border-bottom: 2px solid #000;
	color:#0c4da2;
}
.nav-vertical>li>ul li a {
    color: #000;
    font-size: 1.2em;
}
.nav-slide-header .toggle i {
    font-size: 3em;
    margin-right: 2px;
    padding-bottom: 9px;
}
	
#logo {
	width: 110px !important;
}
.transparent .header-main {
	height: 80px !important;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
}
.webos-footer-top{
    margin-bottom:-60px;
}
.footer-primary.pull-left {
	font-size: 14px !important;
}
	
/*.nav > li > a > i.icon-menu {
	font-size: 2.4em;
}*/	
.icon-search::before {
	font-size: 1.6em;
}
.live-search-results{background-color:#000;}

.nav > li > a {
	font-size: 1.2em;
	FONT-WEIGHT:600 !important;
	color:#000;
}
.nav-uppercase > li > a {
	letter-spacing: 0em;
}
.nav-vertical li li.menu-item-has-children > a {
	font-size: 1.2em;
	FONT-WEIGHT:600;
	color:#000;
}

	.footer-desktop-webos{display:none !important;}
	.footer-mobile-webos{display:block;}
	
}