/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.grid-slider .elementor-slides .swiper-slide-inner{ width: 1200px; max-width: 90%; margin: 0 auto; padding: 0;}
.grid-work .elementor-heading-title b{color: #FAB702; font-weight: 500;}

.grid-title .elementor-heading-title{position: relative; display: inline-block; margin-bottom: 30px !important; padding-bottom: 30px !important;}
.grid-title .elementor-heading-title:before{
	position: absolute; content: '\f111'; font-size: 6px; color: #FAB702; bottom: -2px; width: 6px;
    height: 6px; line-height: 1; background: #FAB702; border-radius: 50%; left: 50%; transform: translate(-50%, 0);
}
.grid-title .elementor-heading-title:after{
	position: absolute; width: 150%; height: 1px; background: rgba(255,255,255,.1);
    bottom: 0; left: 50%; transform: translate(-50%, 0);  content: '';
}
.zwi-process .elementor-heading-title{
	background-color: #feb509; border: solid 1px #db9c09; cursor: default; padding: 7px 15px !important; margin-right: 6px; border-radius: 4px 3px 4px 3px;
	color: #fff !important; -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1); font-weight: bold; position: relative; z-index: 1; display: initial;
	-webkit-box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255,255,255,.5); box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
	    position: absolute; top: -35px; width: calc(100% - 20px) !important; height: 40px;
}
.zwi-process .elementor-heading-title:before{
	position: absolute; content: ''; left: -1px; bottom: -6px; z-index: -1;
	border-right: 6px solid #feb509; border-top: 6px solid transparent; border-bottom: 6px solid transparent;
}
.zwi-process .elementor-heading-title:after{
	position: absolute; content: ''; top: -1px; right: -20px;
    border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-left: 20px solid #feb509;
}
.grid-process .elementor-widget-heading{}
.grid-process-style .elementor-widget-text-editor{
	padding: 50px 10px 10px; background-color: rgba(17, 17, 17, 0.5); width: calc(100% - 28px) !important;
    margin-top: -50px; margin-left: -17px; border-radius: 5px; min-height: 200px;
}

.grid-project .elementor-portfolio__filters{margin-bottom: 20px !important;}
.grid-project .elementor-portfolio__filters .elementor-portfolio__filter.elementor-active{
	background: #FAB702; color: #222;
}
.grid-project .elementor-portfolio__filters .elementor-portfolio__filter{
	outline: none; padding: 10px 20px; color: #888;
    font-size: 12px; letter-spacing: 3px; text-decoration: none; text-transform: uppercase;
    background: transparent; border: none !important; line-height: 1; display: inline-block;
}

header.page-header{display: none;}
.archive .grid-project .elementor-portfolio__filters{-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left;}
.archive .grid-project .elementor-portfolio__filters .elementor-portfolio__filter[data-filter="__all"]{ position: absolute; right: 0; margin-right: 0;}

/*single*/
.sidebar-box .widget-title{
	margin-bottom: 28px; background: #fc8e00; color: #fff; letter-spacing: .05em;
    padding: 0 14px; line-height: 34px; font-size: 13px; text-transform: uppercase;
    margin-top: 0; border-color: #fff; position: relative;
}
.sidebar-box .widget-title:after{
    position: absolute; content: ''; top: 50%; transform: translate(0, -50%);
    left: 0; width: 0px; height: 0px; border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; border-left: 5px solid #fff;
}
.sidebar-box .menu > li:not(:last-child){padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dddddd40;}
.sidebar-box .menu > li a{position: relative; padding-left: 20px; line-height: 30px; color: #333; font-size: 14px;}
.sidebar-box .menu > li a:after{
	position: absolute; content: '\f192'; font-family: 'FontAwesome'; left: 0; color: #333;
    font-size: 10px; line-height: 1; top: 50%; transform: translate(0, -50%);
}
.sidebar-box .recent-posts-title{color: #333; font-size: 14px;}
.sidebar-box .oceanwp-recent-posts li{border-color: #414141;}

.oceanwp-about-me .oceanwp-about-me-avatar img{border-radius: 0 !important; padding: 0 15px;}
.oceanwp-about-me .oceanwp-about-me-text{color: #333; font-size: 13px; padding: 0 15px;}
.oceanwp-about-me .oceanwp-about-me-name{color: #fc8e00; font-size: 16px;}
.elementor-widget-theme-post-featured-image img{width: 100%; object-fit: cover;}
.single-content h1,.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6{color: #ccc;}
.single-content figure.wp-block-image{margin-bottom: 30px !important;}
.post-service .jet-posts__inner-box .jet-more-wrap a{
	display: block; width: 100%; background: transparent !important; padding: 3px;
	border: solid 1px rgba(255,255,255,.2); line-height: 1.5;
}
.post-service .jet-posts__inner-box .jet-more-wrap .btn__text{ text-transform: uppercase; font-size: 14px; font-weight: 400;}
.post-service .jet-posts__inner-box .jet-more-wrap .jet-more-icon{float: initial !important; font-size: 11px; vertical-align: middle; padding-left: 5px; color: #fc8e00;}

.elementor-section.elementor-section-boxed>.elementor-container{max-width: 1170px !important;}

.menu-service .elementor-nav-menu .menu-item{ font-weight: bold; list-style: none; margin: 0; background: rgba(0,0,0,.3); margin-bottom: 10px;}
.menu-service .elementor-nav-menu .menu-item a{ display: block; padding: 20px; text-decoration: none; color: #fff;}
.menu-service .elementor-nav-menu .menu-item.current-menu-item, .menu-service .elementor-nav-menu .menu-item:hover {background: #fc8e00;}
.menu-service .elementor-nav-menu .menu-item a.elementor-item-active{color: #333;}
.menu-service .elementor-nav-menu .menu-item a:hover{padding: 20px; color: #333;}

.woocommerce .oceanwp-toolbar{border: 0 !important; padding: 0 !important;}
.woocommerce .oceanwp-toolbar .oceanwp-grid-list{display: none;}
.woocommerce .result-count{float: left;}
.woocommerce .woocommerce-ordering{float: right;}
.sidebar-woo .sidebar-box{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: solid 1px #333;}

.woocommerce ul.products li.product .product-inner{height: 100%;}
.woocommerce ul.products li.product li.image-wrap{margin-bottom: 10px !important;}
.woocommerce ul.products li.product li.image-wrap img{
	padding: 2px; background: #333; border: solid 1px #fff; -o-transition: .5s;
    -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;
}
.woocommerce ul.products li.product li.image-wrap img:hover{ background: #fc8e00; border-color: #fc8e00;}
.woocommerce ul.products li.product li.title{margin-bottom: 10px;}
.woocommerce ul.products li.product li.title a{font-size: 18px !important; color: #eceff3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block !important;}
.woocommerce ul.products li.product li.title a:hover{color: #fc8e00;}
.woocommerce ul.products li.product li.inner{margin-bottom: 10px !important;  margin-top: 0 !important;}
.woocommerce ul.products li.product .price{font-weight: 400 !important; font-size: 16px !important; color: #fc8e00 !important;}
.woocommerce ul.products li.product .price del{font-weight: 400 !important;}
.woocommerce ul.products li.product .price .amount{color: #fc8e00 !important;}
/*.woocommerce ul.products li.product li.btn-wrap{position: absolute; width: 100%; left: 0; bottom: 0;}*/
.woocommerce ul.products li.product li.btn-wrap .button{
	position: relative; background-color: transparent; border: solid 1px rgba(255,255,255,.2); color: #fff; font-weight: 500; font-size: 12px; -webkit-border-radius: 0;
	padding: 7px 30px; text-transform: uppercase; text-align: center; letter-spacing: 2px; text-decoration: none; display: block;
	-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;
}
.woocommerce ul.products li.product li.btn-wrap .button:after{
	font-family: FontAwesome; content: "\f054"; margin-left: 10px; color: #fc8e00;
}
.woocommerce ul.products li.product li.btn-wrap .button:hover{background: #fc8e00; border-color: #fc8e00; color: #111;}
.woocommerce ul.products li.product li.btn-wrap .button:hover:after{color: #111;}

.woocommerce span.onsale{background-color: rgba(252, 142, 0, 0.8) !important;}

.sidebar-title .elementor-heading-title{
	position: relative; text-transform: uppercase; padding-bottom: 20px !important;
	margin-bottom: 10px !important; font-size: 16px; letter-spacing: 1px; color: #fff !important; font-weight: 400 !important;
}
.sidebar-title .elementor-heading-title:after{
	position: absolute; content: ''; height: 2px; width: 30px; background-color: #FAB702; bottom: 0; left: 0;
}
.elementor-post__style .elementor-post__meta-data{border-color: #ddd3 !important;}


/*sidebar product*/
.product-hot{margin-bottom: 60px; padding-bottom: 60px !important; border-bottom: solid 1px #333;}
.product-hot .products {margin: 0 !important;}
.product-hot .product {padding: 5px 0 0 !important; margin-bottom: 0 !important; min-height: 80px;}
.product-hot .product .uael-woo-product-wrapper{background: transparent !important;}
.product-hot .product .uael-woo-products-thumbnail-wrap{width: 60px; float: left; margin-right: 15px;}
.product-hot .product .uael-woo-products-summary-wrap{padding: 0 !important;}
.product-hot .product .uael-woo-products-summary-wrap .price{text-align: left !important;}
.product-hot .product .uael-loop-product__link{color: #fff !important;}
.product-hot .product .uael-loop-product__link .woocommerce-loop-product__title{color: #fff !important; font-weight: 400 !important;}

.product-cat .products{display: block !important;}
.product-cat .products .product-category{padding: 10px 20px !important;text-align: left; margin-bottom: 8px !important; background: #111; text-transform: uppercase; display: block;}
.product-cat .products .product-category .woocommerce-loop-category__title{color: #fff !important; font-weight: 400  !important; margin-bottom: 0 !important; font-size: 14px;}
.product-cat .products .product-category .woo-entry-image{display: none !important;}


/*product*/
.amount{color: inherit !important;}
.quantity .qty, .quantity .minus, .quantity .plus{min-height: 46px !important;}
.quantity .minus, .quantity .plus{line-height: 44px !important;}
.woocommerce form input[type="number"]{min-height: 46px !important;}

.woocommerce .woocommerce-product-details__short-description ul{list-style: inherit; padding-left: 20px;}

.woocommerce-tabs ul.wc-tabs li.active a{border-color: currentColor !important;}
.woocommerce div.product div.woocommerce-product-details__short-description{margin-bottom: 20px;}
.woocommerce div.product.elementor ul.tabs{text-align: left !important; border-color: #adadad42 !important;}
.woocommerce div.product form.cart{border-color: #adadad42 !important;}
.woocommerce div.product.elementor .woocommerce-tabs .panel{padding: 20px 0 !important; border: 0 !important;}
.single .entry-title{border: 0;}

.woocommerce .related.products{margin-top: 0 !important;}
.woocommerce .related.products > h2{
	position: relative; text-transform: uppercase; padding-bottom: 20px !important; margin-bottom: 10px !important;
	font-size: 16px; letter-spacing: 1px; color: #fff !important; font-weight: 400 !important;
}
.woocommerce .related.products > h2:after{
	position: absolute; content: ''; height: 2px; width: 30px;
	background-color: #FAB702; bottom: 0; left: 0;
}

/*bootstrap*/
.row { margin-left: -10px; margin-right: -10px;}
.col-md-8 { width: 66.66666667%; padding-left: 10px; padding-right: 10px; float: left;}
.col-md-4 { width: 33.33333333%; padding-left: 10px; padding-right: 10px; float: left;}
.col-md-12 { width: 100%; padding-left: 10px; padding-right: 10px; float: left;}

/*box contact*/
.box-contact input{
	padding: 10px; margin-bottom: 20px; color: #fff; border: solid 1px rgba(0,0,0,.3) !important;
    background: rgba(0,0,0,.2) !important; border-radius: 0 !important; height: 45px; width: 100%;
}
.box-contact textarea{
	width: 100%; height: 175px!important; padding: 10px; margin-bottom: 20px;
	color: #fff; border: solid 1px rgba(0,0,0,.3); background: rgba(0,0,0,.2); border-radius: 0 !important;
}
.box-contact input[type="submit"]{
	border: solid 1px rgba(255,255,255,.2) !important;
    width: 180px; height: 30px; line-height: 10px;
}
.list-contact.list-contact--style ul li{padding: 0 0 10px 0;}

footer .oceanwp-recent-posts{margin: 0;}
footer .oceanwp-recent-posts .recent-posts-title{color: #ccc;}
footer .oceanwp-recent-posts li{padding: 0 0 5px 0; margin: 0; border: 0; border-bottom: solid 1px #222; line-height: 1.8; font-size: 13px;}
footer .oceanwp-recent-posts li:first-child{border-bottom: solid 1px #222;}
footer .oceanwp-recent-posts .clr .recent-posts-thumbnail,footer .oceanwp-recent-posts .clr .recent-posts-info {display: none;}

.list-contact ul{margin: 0; padding: 0; list-style: none;}
.list-contact ul li{padding: 0 0 5px 0; margin: 0; border: 0; border-bottom: solid 1px #222; font-size: 13px;}
.list-contact ul li:first-child{border-bottom: solid 1px #222;}
.list-contact ul li strong{width: 80px; color: #FAB702; display: inline-block;}
footer .copyright-footer p{line-height: 30px; margin: 0; font-size: 14px; color: #ccc;}

@media (max-width: 480px){
	#site-logo{width: 70%; float: left;}
	#site-logo #site-logo-inner a img{max-width: inherit !important; width: 100%;}
	#site-navigation-wrap .dropdown-menu >li >a,
	.oceanwp-mobile-menu-icon a,
	.after-header-content-inner >a{}
	.oceanwp-mobile-menu-icon a.wcmenucart{display: none;}
	.oceanwp-mobile-menu-icon{
		width: 30%; float: left; text-align: right; height: 90px; display: -webkit-box; display: -ms-flexbox;
		display: flex !important; -webkit-box-align: center; -ms-flex-align: center;
		align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	}
	.oceanwp-mobile-menu-icon .mobile-menu{
		display: inline-block; margin-top: 5px; width: 36px; height: 36px;
		background: #333; padding: 1px; text-align: center; line-height: inherit; font-size: 20px; color: #fff;
	}
	.slider-review .elementor-testimonial__content,.slider-review .elementor-testimonial__header{padding: 20px !important;}

	.col-md-4, .col-md-8{width: 100%; float: inherit;}
}