/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.1.1647869714
Updated: 2022-03-21 13:35:14

*/

/* ==========================================================================
   Main menu
   ========================================================================== */
	.mobile-login {
		display: none;
	}

/* ==========================================================================
   Contact page
   ========================================================================== */
.contact-form input[type="submit"] {
	background-color: #1e4ec4 !important;
	width:100%;
}

.contact-form label {
	width: 100%;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
	width: 100% !important;
	background-color: rgba(0,0,0,0.035) !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    position: relative;
    margin: 0;
    font-size: 14px;
    border-bottom: 2px solid #e0e0e0;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    border-radius: 0;
}

textarea:focus,
input:focus{
    outline: none;
      border: 1px solid #e7e7e7 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):hover,
.ekit-wid-con .ekit-form form textarea:hover{
	    border: 1px solid #e7e7e7 !important;
}

.contact-box {
    border: 1px solid #ccc;
    border-radius: 10px;
	margin-right: 15px;
}

/* ==========================================================================
   Domain search
   ========================================================================== */
.domain-search .input-group {
    max-width: 100% !important;
}

.home-dom-ext ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.home-dom-ext ul li {
	display: inline-block;
}

.home-dom-ext ul li a {
	
}

.home-dom-ext ul li ~ li {
	padding-left: 20px;
}

.wpml-ls-item {
	top: 11px;
}
/* ==========================================================================
   Partner logos
   ========================================================================== */
.ekit-wid-con .elementskit-clients-slider .single-client {
	box-shadow: none !important;
}

.partners-contact .ekit-wid-con .elementskit-clients-slider .single-client {
	background-color: transparent !important;
}

/* ==========================================================================
   Services
   ========================================================================== */
	.service-item {
		transition: ease 500ms;
	}
	.service-item:hover {
		margin-top:-30px;
	}
	.service-item-home {
		transition: ease 500ms;
	}
	.service-item-home:hover {
		margin-top:-30px;
	}

/* ==========================================================================
   Blog page
   ========================================================================== */
.blog-page-posts .anwp-pg-post-teaser {
	box-shadow: 0 4px 9px 0 rgb(67 65 79 / 10%);
	background: #FFF;
    padding: 14px;
    border-radius: 5px;
	margin: 15px;
}

.blog-page-posts .anwp-pg-post-teaser {
	flex: 0 0 30.33333%;
    max-width: 30.33333%;
}

.blog-page-posts .anwp-pg-post-teaser__bottom-meta .anwp-pg-post-teaser__bottom-meta-item:last-child,
.related-posts .anwp-pg-post-teaser__bottom-meta .anwp-pg-post-teaser__bottom-meta-item:last-child,
.header-blog-posts .anwp-pg-post-teaser__meta-comments {
	display: none !important;
}

.header-blog-posts .anwp-pg-wrap .anwp-pg-post-teaser--layout-a .anwp-pg-post-teaser__bottom-meta:before {
	content: none;
}

.header-blog-posts .anwp-pg-wrap .anwp-pg-hero-block.anwp-pg-gutter--thin .anwp-pg-post-teaser {
    border: none;
}
.related-posts .anwp-pg-post-teaser {
	box-shadow: 0 4px 9px 0 rgb(67 65 79 / 10%);
	background: #FFF;
    padding: 14px;
    border-radius: 5px;
	flex-grow: 1;
}
.related-posts .swiper-wrapper {
	display: flex;
    flex-wrap: wrap;
	flex-direction:column;
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.blog-page-posts .anwp-pg-post-teaser {
		flex: initial;
		max-width: initial;
	}
	  body,
	  html {
		  overflow-x: hidden;
	  }
	/* Responsive main menu */
	  .main-menu-responsive ul.hfe-nav-menu {
		  height: 100vh;
		  display: block !important;
		  background-color: #FFF !important;
		  transition: ease 500ms;
		  padding: 0 15px;
	  }
	  .main-menu-responsive  nav {
		  background-color: #FFF !important;
	  }
	  .main-menu-responsive ul li,
	  .main-menu-responsive ul li a{
		  background-color: #FFF !important;
		  color: #000 !important;
		  
	  }
	  .main-menu-responsive ul li {
		  border-bottom: 1px solid #CCC !important;
	  }
	  .main-menu-responsive ul li a {
		  background: #FFF;
		  
	  }
	  .main-menu-responsive ul li.wpml-ls-item {
		  padding-bottom:0 !important;
		  border-bottom: none !important;
	  }
	  .main-menu-responsive .wpml-ls {
		  margin-top: -5px;
	  }
	  
	  .mobile-login {
		  display: block;
		  text-align:center;
		  border-bottom: none !important;
		  margin-top: 30px !important;
		  padding: 15px;
	  }
	  
	  .mobile-login a {
		  display: block !important;
		  border: 2px solid #1e4ec4;
		  border-radius: 50px;
		  padding:7px 16px;
		  transition: ease 500ms;
		  margin: 0 15px;
	  }
	  
	  .main-menu-responsive ul .mobile-login {
    	border-bottom: none !important;
	  }
	  .main-menu-responsive ul .mobile-login a {
    	color: #1e4ec4 !important;
	  }
	  .main-menu-responsive ul .mobile-login a:hover {
    	color: #FFF !important;
		  background: #1e4ec4 !important;
	  }
	  .mobile-login a:before {
		color:#000;
		content: '\f023'; /* You should use \ and not /*/
		font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
		font-style: normal;
		font-weight: 900;
		font-size:20px;
		display: inline-block;
	  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.blog-page-posts .anwp-pg-post-teaser {
		flex: initial;
		max-width: initial;
	}
	  body,
	  html {
		  overflow-x: hidden;
	  }
	/* Responsive main menu */
	  .main-menu-responsive ul.hfe-nav-menu {
		  height: 100vh;
		  display: block !important;
		  background-color: #FFF !important;
		  transition: ease 500ms;
		  padding: 0 15px;
	  }     

	  .main-menu-responsive  nav {
		  background-color: #FFF !important;
	  }
	  .main-menu-responsive ul li,
	  .main-menu-responsive ul li a{
		  background-color: #FFF !important;
		  color: #000 !important;
		  
	  }
	  .main-menu-responsive ul li {
		  border-bottom: 1px solid #CCC !important;
	  }
	  .main-menu-responsive ul li a {
		  background: #FFF;
		  
	  }
	  .main-menu-responsive ul li.wpml-ls-item {
		  padding-bottom:0 !important;
		  border-bottom: none !important;
	  }
	  .main-menu-responsive .wpml-ls {
		  margin-top: -5px;
	  }
	  
	  .mobile-login {
		  display: block;
		  text-align:center;
		  border-bottom: none !important;
		  margin-top: 30px !important;
		  padding: 15px;
	  }
	  
	  .mobile-login a {
		  display: block !important;
		  border: 2px solid #1e4ec4;
		  border-radius: 50px;
		  padding:7px 16px;
		  transition: ease 500ms;
		  margin: 0 15px;
	  }
	  
	  .main-menu-responsive ul .mobile-login {
    	border-bottom: none !important;
	  }
	  .main-menu-responsive ul .mobile-login a {
    	color: #1e4ec4 !important;
	  }
	  .main-menu-responsive ul .mobile-login a:hover {
    	color: #FFF !important;
		  background: #1e4ec4 !important;
	  }
	  .mobile-login a:before {
		color:#000;
		content: '\f023'; /* You should use \ and not /*/
		font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
		font-style: normal;
		font-weight: 900;
		font-size:20px;
		display: inline-block;
	  }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) {
	  body,
	  html {
		  overflow-x: hidden;
	  }
	.blog-page-posts .anwp-pg-post-teaser {
		flex: initial;
		max-width: initial;
	}

	/* ==========================================================================
   Main menu
   ========================================================================== */
	 .main-menu.main-menu-responsive {
		background-color: #FFF !important;
	}

	/* Responsive main menu */
	  .main-menu-responsive ul.hfe-nav-menu {
		  height: 100vh;
		  display: block !important;
		  background-color: #FFF !important;
		  transition: ease 500ms;
		  padding: 0 15px;
	  }
	  .main-menu-responsive  nav {
		  background-color: #FFF !important;
	  }
	  .main-menu-responsive ul li,
	  .main-menu-responsive ul li a{
		  background-color: #FFF !important;
		  color: #000 !important;
		  
	  }
	  .main-menu-responsive ul li {
		  border-bottom: 1px solid #CCC !important;
	  }
	  .main-menu-responsive ul li a {
		  background: #FFF;
		  
	  }
	  .main-menu-responsive ul li.wpml-ls-item {
		  padding-bottom:0 !important;
		  border-bottom: none !important;
	  }
	  .main-menu-responsive .wpml-ls {
		  margin-top: -5px;
	  }
	  
	  .mobile-login {
		  display: block;
		  text-align:center;
		  border-bottom: none !important;
		  margin-top: 30px !important;
		  padding: 15px;
	  }
	  
	  .mobile-login a {
		  display: block !important;
		  border: 2px solid #1e4ec4;
		  border-radius: 50px;
		  padding:7px 16px;
		  transition: ease 500ms;
		  margin: 0 15px;
		  position: relative;
	  }
	  
	  .main-menu-responsive ul .mobile-login {
    	border-bottom: none !important;
	  }
	  .main-menu-responsive ul .mobile-login a {
    	color: #1e4ec4 !important;
	  }
	  .main-menu-responsive ul .mobile-login a:hover {
    	color: #FFF !important;
		  background: #1e4ec4 !important;
	  }
	  .mobile-login a:before {
		color:#1e4ec4;
		content: '\f023'; /* You should use \ and not /*/
		font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
		font-style: normal;
		font-weight: 900;
		font-size:16px;
		display: inline-block;
		opacity: 1 !important;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  margin-left: -45px;

	  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.blog-page-posts .anwp-pg-post-teaser {
		flex: initial;
		max-width: initial;
	}
}

/* tabs style */
.elementor-accordion-item .elementor-tab-title.elementor-active {
   background-color: var(--e-global-color-5ef222d) !important;
}

.elementor-active a.elementor-accordion-title {
    color: white !important;
}

/* force mobile menu to be full screen and style to the login button */

@media (max-width: 767px) {
	.mobile-login a {
		border-radius: 50px !important;
	}
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    	height: 100vh;
	}
	.mobile-logo img {
		width: 190px !important;
	}
	img.swiper-slide-image {
    	width: 200px;
	}
}

/* hide login button from menu on non-mobile devices */

@media (min-width: 1025px) {
	.mobile-login {
		display:none !important;
	}

}