/*
Theme Name: oceanwp Child
Description: oceanwp custom mods
Author: MK
Template: oceanwp
Text Domain: oceanwp-child
Version: 1.0.0
*/

/*override tab-template-2*/
.est-frontend-display-wrap.est-template-2 a.est-tab-link,
.est-frontend-display-wrap.est-template-2 .est-content-slider-title h2 {
	display: block;
    padding: 8px 15px;
    background-color: #00C853 !important;
    font-size: 16px;
	font-family: 'Muli', sans-serif;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 0.5px;
	border-radius: 0 0 8px 8px;
}


@media only screen and (max-width: 900px) { 
	.est-frontend-display-wrap.est-template-2 a.est-tab-link,
	.est-external-link .est-tab-link {
		font-size: 15px;
	}
	}

@media only screen and (max-width: 800px) { 
	.est-frontend-display-wrap.est-template-2 a.est-tab-link,
	.est-external-link .est-tab-link {
		font-size: 14px;
		padding: 7px 14px;
		top: 46%;
	}
	}

@media only screen and (max-width: 700px) { 
	.est-frontend-display-wrap.est-template-2 a.est-tab-link,
	.est-external-link .est-tab-link {
		font-size: 13px;
		padding: 6px 13px;
	}
	}

@media only screen and (max-width: 600px) { 
	.est-frontend-display-wrap.est-template-2 a.est-tab-link,
	.est-external-link .est-tab-link {
		font-size: 12px;		
		padding: 5px 12px;
	}
	}

@media only screen and (max-width: 410px) { 
	.est-frontend-display-wrap.est-template-2 a.est-tab-link,
	.est-external-link .est-tab-link {
		padding: 4px 11px;
		opacity: 0.7;	
	}
	}

.pea_cook_wrapper{
	padding: 2px 2px;
}
.pea_cook_wrapper.pea_cook_bottomright{
	right: 2px;
	height: auto;
	bottom: 60px;
	/**max-width: 18%;*/
}

@media only screen and (max-width: 1200px) { 
	.pea_cook_wrapper p{
		font-size: 10px;
	}
}

@media only screen and (max-width: 410px) { 
#kontaktheaderid .elementor-widget-container h2.elementor-heading-title.elementor-size-xl,
.kontaktheader{
	font-size: 34px;
}
}

@media only screen and (max-width: 360px) { 
#kontaktheaderid .elementor-widget-container h2.elementor-heading-title.elementor-size-xl,
.kontaktheader{
		font-size: 32px;
}
}

/*
@media only screen and (min-width: 1025px) { 
.hfe-nav-menu__align-right .hfe-nav-menu{
	display: none;
}}
*/
/* col1,2,3*/

@media (max-width: 1024px) { 
.elementor-620 .elementor-element .elementor-element-cc7bb8f{
	width: 0%;
}
.elementor-620 .elementor-element .elementor-element-0cfbacf{
	width: 36%;
}
.elementor-620 .elementor-element .elementor-element-765370f{
	width: 64%;
}
}
/*col2,3*/
@media (max-width: 767px) { 
.elementor-620 .elementor-element .elementor-element-0cfbacf{
	width: 0%;
}
.elementor-620 .elementor-element .elementor-element-765370f{
	width: 100%;
}}




/* 3rd col pc->tab*/
@media (min-width: 1025px) and (max-width: 1430px) { 
.elementor-element-cc7bb8f{
contain: content;
margin-left: 1%;
}
}
@media (min-width: 1025px) and (max-width: 1330px) { 
.elementor-element-cc7bb8f{
contain: content;
margin-left: 2%;
}
}
@media (min-width: 1025px) and (max-width: 1270px) { 
.elementor-element-cc7bb8f{
contain: content;
margin-left: 4%;
}
}
@media (min-width: 1025px) and (max-width: 1186px) { 
.elementor-element-cc7bb8f{
contain: content;
margin-left: 6%;
}
}
@media (min-width: 1025px) and (max-width: 1110px) { 
.elementor-element-cc7bb8f{
contain: content;
margin-left: 8%;
}
}

/* 924 -767 layout*/
@media (min-width: 768px) and (max-width: 924px) { 
.elementor-620 .elementor-element.elementor-element-7adb563 .elementor-button,
.elementor-620 .elementor-element.elementor-element-d5837e4 .elementor-button{
max-width: 98%;
max-height: 98%;
}}
@media (min-width: 768px) and (max-width: 868px) { 
.elementor-620 .elementor-element.elementor-element-7adb563 .elementor-button,
.elementor-620 .elementor-element.elementor-element-d5837e4 .elementor-button{
max-width: 96%;
max-height: 96%;
}}

.nrtelmobile12{
	
}

.nowrap {
		white-space: nowrap;		
}

.anim1 {
	animation: glow 0.5s ease-in-out infinite alternate !important;
}

@keyframes glow {
    from {
      text-shadow: 0 0 10px #2da999;
    }
    to {
      text-shadow: 0 0 12px #44c196, 0 0 50px #44c1b4;
    }
  }
  
.bganim {
	background-image: url(/mh/wp-content/uploads/2021/02/giphy.mp4);
}
 
  .anim2 {
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  
  animation: animate2 3s linear; 
	  
  }
  
  @keyframes animate2 {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
	
  }
}

.mainhcol{
	padding-top: 650px;
}

@media only screen and (max-height: 900px) { 
.mainhcol{
	padding-top: 33%;
}
}

@media only screen and (max-height: 850px) { 
	.mainhcol{
		padding-top: 30%;
}
}
@media only screen and (max-height: 850px) { 
	.mainhcol{
		padding-top: 28%;
}
}
@media only screen and (max-height: 800px) { 
	.mainhcol{
		padding-top: 26%;
}
}
@media only screen and (max-height: 750px) { 
	.mainhcol{
		padding-top: 24%;
}
}
@media only screen and (max-height: 700px) { 
	.mainhcol{
		padding-top: 23%;
}
}
@media only screen and (max-height: 650px) { 
	.mainhcol{
		padding-top: 22%;
}
}
@media only screen and (max-width: 767px) { 
	.slidermain{
		min-height: 260px;
	}
	.logomain{
		background-color: #FFFFFF;
	}
	}


.quotemain{
	font-family: 'Italianno', cursive;	
	color: white;
	font-weight:400;
	font-size:60px;	
	line-height: 130%;
}


@media only screen and (max-width: 1560px) { 
.quotemain{	
	font-size:50px;	
	line-height: 130%;
}}

@media only screen and (max-width: 1340px) { 
.quotemain{	
	font-size:40px;	
	line-height: 130%;
}}

@media only screen and (max-width: 1100px) { 
.quotemain{	
	font-size:36px;	
	line-height: 130%;
}}

@media only screen and (max-width: 1024px) { 
.quotemain{	
	font-size:40px;	
	line-height: 130%;
}}

@media only screen and (max-width: 868px) { 
.quotemain{	
	font-size:38px;	
	line-height: 130%;
}}

@media only screen and (max-width: 835px) { 
.quotemain{	
	font-size:36px;	
	line-height: 130%;
}}
@media only screen and (max-width: 794px) { 
.quotemain{	
	font-size:34px;	
	line-height: 130%;
}}
@media only screen and (max-width: 767px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 70px;
}
.quotemain{	
	font-size:44px;	
	line-height: 130%;		
}}

@media only screen and (max-width: 680px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 50px;
}
.quotemain{	
	font-size:44px;	
	line-height: 130%;		
}}

@media only screen and (max-width: 640px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 36px;
}
.quotemain{	
	font-size:44px;	
	line-height: 130%;		
}}

@media only screen and (max-width: 600px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 24px;
}
.quotemain{	
	font-size:42px;	
	line-height: 130%;		
}}
@media only screen and (max-width: 566px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 14px;
}
.quotemain{	
	font-size:40px;	
	line-height: 130%;		
}}
@media only screen and (max-width: 536px) { 
.elementor-620 .elementor-element .elementor-element-bb21d6b{
	padding: 30px 0px 0px 0px;
}
.quotemain{	
	font-size:38px;	
	line-height: 130%;		
}}

@media only screen and (max-width: 500px) { 
.quotemain{	
	font-size:34px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 444px) { 
.quotemain{	
	font-size:32px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 414px) { 
.quotemain{	
	font-size:31px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 402px) { 
.quotemain{	
	font-size:30px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 386px) { 
.quotemain{	
	font-size:29px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 375px) { 
.quotemain{	
	font-size:28px;	
	line-height: 130%;			
}}

@media only screen and (max-width: 1024px) { 
/*
.elementor-620 .elementor-element.elementor-element-cc7bb8f {
	width:0%;
	display:none;	
}

.elementor-620 .elementor-element.elementor-element-765370f{
	width:100%
}
.quotemain{	
	font-size:60px;		
}
*/
.elementor-620 .elementor-element.elementor-element-bb21d6b > .elementor-widget-container{
	padding:30px 0px 0px 0px;
}
.elementor-620 .elementor-element.elementor-element-21a228e{
	margin-top:-40px;
}
}

/*i* hor*/
@media only screen and (max-width: 1024px) and (max-height: 1000px){ 
.elementor-620 .elementor-element.elementor-element-21a228e{
	margin-top:80px;
}
.elementor-620 .elementor-element .elementor-element-0cfbacf{
	margin-top:50px;
}
}



@media only screen and (max-width: 1214px) { 
.elementor-element-ef57894 .elementor-icon-list-icon + .elementor-icon-list-text{
	font-size: 80%;
	line-height: 100%;			
	padding-left: 0px;
}
}

@media only screen and (max-width: 1140px) { 
.elementor-element-ef57894 .elementor-icon-list-icon + .elementor-icon-list-text{
	font-size: 70%;
	line-height: 90%;				
}
}

@media only screen and (max-width: 1112px) { 
.elementor-element-ef57894 .elementor-icon-list-icon + .elementor-icon-list-text{
	font-size: 60%;
	line-height: 70%;				
}
}

.elementor-widget-google_maps iframe{
border: 1px solid #353030;
border-radius: 1px;
}

.socialiconsmenu{
	opacity: 0.6;
}

.socialiconsmenumobile{
	opacity: 0.7;
}



.bottomelement{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	max-width: 60%;
}

@media only screen and (max-width: 767px) { 
.bottomelement{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	max-width: 45%;
}
}

.socialiconsmenu:hover{
	opacity: 0.9;
}




.menu-btn{
    
    padding: 60px !important;
    border-radius: 40px !important;
	border-style: double !important;
	border-color: white !important;
	color: white !important;
	font-size:40px !important;
}

	
.wppa-nav-text.b10.bc-pname,
.wppa-nav-text.b7.bc-pname,
.wppa-nav .wppa-box .wppa-nav-text .wppa-bc,
#wppa-bc-1{
  display: none !important;
}
.wppa-nav-text{
	color: #ffffff;
}