/*
 Theme Name:     NanoTheme
 Theme URI:      https://nanolyse.com
 Description:    A Modern Design Theme for Nanolyse Technologies
 Author:         Nanolyse Technologies
 Author URI:     https://nanolyse.com
 Template:       Divi
 Version:        1.0.0
*/



/* ======================================== */
/* ===== Hide menu element on Desktop ===== */
/* ======================================== */

/* Now, you just need to add this CSS class on the menu item that you want to hide on Tablets and Phones or desktop or both */
@media only screen and (min-width: 981px) {
  .hide-on-desktop {
      display: none !important;
  }
}

/*  Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
  .hide-on-mobile-tablet {
      display: none !important;
  }
}


/* ======================================== */
/* ===== hide the recaptcha badge ===== */
/* ======================================== */

.grecaptcha-badge { 
  visibility: hidden; 
  }


/* ================================================================= */
/* Social Icons Replacement for use in Social FOLLOW MODULE */
/* ================================================================= */

/* email icons */
.et-social-houzz a.icon:before {
	content: "\40" !important;
}

/* link to webpage icon */
.et-social-line a.icon:before {
	content: "\f0c1" !important;
}

/* ================================================================= */
/* add some background behind the Toolbox serach bar in the main menu -- this did not work */
/* 
.et-search-form input{
	background: rgba(236,241,247,.5) !important;
	height:75px;
	padding-left:20px;
    color: #000;
	border: 1px solid rgba(77,88,102,.1);
}
================================================================= */
/* disable tittle on hover an image */
img {
  pointer-events: none;
}




/* ================================================================= */
/* Animated button
/* ================================================================= */

.btn1 {
  z-index:1;
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #222;
  padding: 17px 60px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btn1 span {
  position: relative; 
  z-index: 1;
}

.btn1:before,
.btn1:after {
  content: "";
  z-index:-1;
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #78c7d2;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn1:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btn1:hover:after {
  background: #44b5c4;
  -webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg);
  transform: translateX(-65%) translateY(-25%) rotate(45deg);
}