/*
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 */
.sr-only{display:none;visibility:hidden;}
a:focus{outline:0 !important;border:none !important;}

.sticky-container{position:sticky !important;top:0 !important;}

/*
#site-header{background-image:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5),rgba(255,255,255,0.0));}
*/
/* original
.ken_b_center::before {
animation: zoom_in 5s alternate linear infinite;
will-change: transform;
}
*/
.ken_b_center .elementor-background-slideshow__slide__image{
animation: zoom_in 10s alternate linear infinite;
will-change: transform;
}
@keyframes zoom_in {
0% {transform:scale(1);}
100% {transform:scale(1.5);}
}
.ken_b_center .swiper-wrapper:after{
content: '';
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: absolute;
}

.xpro-hero-slider-slide-bg{
animation: zoom_in2 10s alternate linear infinite;
will-change: transform;
}
@keyframes zoom_in2 {
0% {transform:scale(1);}
100% {transform:scale(1.5);}
}

/*menu*/
@media screen and (max-width: 767px){
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	.mega-flexible-hoses #premium-mega-content-25{}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.mega-flexible-hoses #premium-mega-content-25{left:33%}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.mega-flexible-hoses #premium-mega-content-25{left:33%}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.mega-flexible-hoses #premium-mega-content-25{left:33%}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.mega-flexible-hoses #premium-mega-content-25{left:35%}
}

@media screen and (min-width: 1651px){
	.mega-flexible-hoses #premium-mega-content-25{left:35%}
}

/**/
@media screen and (max-width: 767px){
	.page-title{width:100% !important;max-width:100% !important;}
	.page-title .elementor-heading-title{padding-left:15px !important;}
	.site-main .e-con-boxed{padding:20px !important;}
	.xpro-woo-product-title{font-size:1.5em !important;padding:5px 0 5px 10px !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.sticky-container .page-title .elementor-widget-container{}
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	.sticky-container .page-title .elementor-widget-container{}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 0% 2% 5.5%;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 0% 2% 5.5%;}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 0% 2% 10.5%;}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.sticky-container .page-title .elementor-widget-container{padding:2% 0% 2% 10.5%;}
}

@media screen and (min-width: 1651px){
	.sticky-container .page-title .elementor-widget-container{padding:2% 0% 2% 30.5%;}
}



/*flip boxes*/
.flip-boxes-container-row{}
.flip-boxes-container-row .eael-elements-flip-box-front-container:after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(185,185,185,0.65);border-radius: 30px;}
.flip-boxes-container-row .flip-boxes-container-col .eael-elements-flip-box-container .eael-elements-flip-box-rear-container .eael-elements-flip-box-padding .eael-elements-flip-box-content p{margin:0;}



/*search*/
.custom-search {
    position: relative;
}

.search-icon {
    cursor: pointer;
}

.search-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 50%;
	left:auto;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	width:200px;
}

.search-dropdown.active {
    display: block;
}

.search-form {
    display: flex;
    align-items: center;
    padding: 10px;
}

.search-field {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.search-submit {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 10px;
	background-color:#676866 !important;
}

.custom-search-icon,
.custom-search-button-icon {
    /* Add your icon's styles here */
    color: #333; /* Customize icon color */
}

/*filters - WBW*/
.wfpDescription{display:none;visibility:hidden;}
.wpfCheckboxHier select {
	appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 0 0 1em;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}

.wpfCheckboxHier {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  border-radius:10px;	
	
  font-size: 2rem;
  cursor: pointer;
  line-height: 1.1;

  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
	
 &:not(.select--multiple)::after {
    content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight:bold;
    justify-self: end;
    width: 1em;
    height: 1em;
    background-color: #ffffff;
    /*clip-path: polygon(100% 0%, 0 0%, 50% 100%);*/
	position:absolute;
	right:1em;
  }	
}

.wpfFilterButtons .wpfClearButton{min-height:50px !important;height:50px !important;padding:0 !important;background-color:#ffffff;color:#ffffff;}
.wpfFilterButtons .wpfClearButton:before{content: '\f0e2';font-family: 'Font Awesome 5 Free';color:#787272;position:relative;left:1em;}
.wpfFilterButtons .wpfFilterButton{min-height:50px !important;height:50px !important;padding:0 !important;background-color:#787272;color:#ffffff;border-radius:10px!important;}

.wpfMainWrapper .wpfFilterContent{border:solid 1px #414242;border-radius:10px;}



@media screen and (max-width: 767px){
	.wpfMainWrapper .wpfCheckboxHier select{font-size:14px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:100% !important;float:none !important;}
	.wpfMainWrapper #wpfBlock_2{width:100% !important;float:none !important;}
	.wpfMainWrapper #wpfBlock_3{width:100% !important;float:none !important;}
	.wpfFilterButtons{width:100% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:14px !important;height:45px !important;}
}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:14px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:14px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:18px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:18px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1441px) and (max-width: 1650px) {
	.wpfMainWrapper .wpfCheckboxHier select{font-size:18px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

@media screen and (min-width: 1651px){
	.wpfMainWrapper .wpfCheckboxHier select{font-size:18px !important;height:45px !important;}
	.wpfMainWrapper #wpfBlock_1{width:27% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_2{width:35% !important;float:left !important;}
	.wpfMainWrapper #wpfBlock_3{width:17% !important;float:left !important;}
	.wpfFilterButtons{width:20% !important;float:left !important;padding:35px 20px 0 0 !important;clear:none !important;}
}

/*list*/
ul, ol{margin:15px 0 15px 45px;}
.woocommerce .xpro-woo-product-desc-cls ul{list-style-type:disc;margin:15px 0 15px 45px;}

/*tables*/


.tablepress-table-name {margin-bottom:0;}
.dataTables_wrapper{margin-bottom:40px !important;}

@media (max-width: 768px){
div.xpro-element-custom-field {
  overflow-x: scroll;
  scrollbar-color:#deeaf6;
}

div.xpro-element-custom-field::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

div.xpro-element-custom-field::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

div.xpro-element-custom-field::-webkit-scrollbar-thumb:horizontal {
    height: 30px;
    background-color: #0A4C95;
	}	
.tablepress tr th{font-size:14px;}
.tablepress tr td{font-size:12px;}
}

/*Distributors contact form*/
.form-distributors{margin-bottom:25px;}
.form-distributors-row{margin-bottom:10px !important;}
.form-distributors input[type="submit"]{border-radius:25px;background-color:#31a5db;color:#ffffff;}

@media (min-width: 768px){
	.col-label{width:25%;float:left;height:20px;}
	.col-field{width:75%;float:left;height:20px;}
}
@media (max-width: 768px){
	.col-label{width:100%;}
	.col-field{width:100%;}
}

/*contact from*/
.form-contact{margin-bottom:25px;}
.form-contact-row{margin-bottom:10px !important;}
.form-contact input[type="submit"]{border-radius:25px;background-color:#31a5db;color:#ffffff;}

/*footer*/
footer ul{list-style-type:none;margin:0;}
footer a{color:#ffffff;}
footer p{margin-bottom:0;}
footer .copyrights a{color:#4d4d4d !important;}


.footer-form{}
.footer-form-row{margin-bottom:15px !important;}
.footer-form .footer-form-row input::placeholder{color:#ffffff;}
.footer-form .footer-form-row textarea::placeholder{color:#ffffff;}
.footer-form .footer-form-row input[type="text"]{border:none;border-bottom:solid 1px #ffffff;color:#ffffff;}
.footer-form .footer-form-row input[type="email"]{border:none;border-bottom:solid 1px #ffffff;color:#ffffff;}
.footer-form .footer-form-row input[type="tel"]{border:none;border-bottom:solid 1px #ffffff;color:#ffffff;}
.footer-form .footer-form-row textarea{border:none;border-bottom:solid 1px #ffffff;color:#ffffff;height:100px;}
.footer-form .footer-form-row input[type="submit"]{border-radius:25px;background-color:#31a5db;color:#ffffff;}
.footer-form .footer-form-row .wpcf7-response-output{color:#ffffff;}

/*side form*/
.side-form{}
.side-form-row{margin-bottom:15px !important;}
.side-form input[type="submit"]{border-radius:25px;background-color:#31a5db;color:#ffffff;}

.get-a-quote-bottom{cursor:pointer;}

@media only screen and (min-width: 1024px) {
.get-a-quote-bottom .elementor-icon-box-wrapper{height:170px;}
.get-a-quote-bottom .elementor-icon-box-title{transform:rotate(-90deg) !important;position:absolute;top:100px;width:120px;left:-43px;}
.get-a-quote-bottom .elementor-icon-box-icon{position:absolute;top:20px;left:10px;transform:rotate(-90deg);}	
}
@media screen and (max-width: 850px) { 
.get-a-quote-bottom{bottom:0 !important;border-radius:0 !important;}
.get-a-quote-bottom .elementor-widget-container{border-radius:0 !important;}
}