/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
Footer Removal
*/
.site-footer {
padding: 0;
}

/*
Header Gradient
*/
span.gradient {
  background: linear-gradient(25deg, #0684e2 0%, #61d8d2 65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
Header Glow
*/
.glow {
	text-shadow: 0 0 25px rgba(176, 235, 232, 0.5);
}


/*
Header Glow Two
*/
.glow-two {
    text-shadow: 0 0 15px rgba(255, 255, 255, 1);
}

/*
Scale
*/
.scale {
    transition: all 0.3s ease-in-out;
}

.scale:hover {
    transform: scale(1.025);
}

@media only screen and (max-width: 767px) {
    .scale:hover {
        transform: none;
    }
}

.scale-two {
    transition: all 0.3s ease-in-out;
}

.scale-two:hover {
    transform: scale(1.01);
}

@media only screen and (max-width: 767px) {
    .scale-two:hover {
        transform: none;
    }
}

/*
Tap Neutral Background
 */
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

/*
Opacity Change
*/
.opacity img {
  transition: opacity 0.5s ease;
}

.opacity img:hover {
  opacity: 0.75;
}

.opacity {
  transition: opacity 0.25s ease;
}

.opacity:hover {
  opacity: 0.75;
}

/*
Blue Button
*/
.card-button-blue {
  background: #3b527b;
  color: #FFFFFF;
  padding: 4.5px;
  margin: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  bottom: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  transition: background-color 0.5s, transform 0.5s;
  outline: none;
}

.card-button-blue:hover {
  background-color: #3b527b75;
}

.card-button-blue:focus {
  background-color: #3b527b;
}

.card-button-blue:active {
  background-color: #3b527b50;
}

.clicked.card-button-blue {
  background-color: #3b527b;
  transform: rotate(0);
}

.clicked.card-button-blue:hover {
  background-color: #3b527b75;
}

.clicked.card-button-blue.rotate {
  transform: rotate(45deg);
}

/*
White Button
*/
.card-button-white {
  background: #ffffff;
  color: #000000;
  padding: 4.5px;
  margin: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: background-color 0.5s, transform 0.5s;
  outline: none;
}

.card-button-white:hover {
  background-color: #ffffff75;
}

.card-button-white:focus {
  background-color: #ffffff;
}

.card-button-white:active {
  background-color: #ffffff50;
}

.clicked.card-button-white {
  background-color: #ffffff;
  transform: rotate(0);
}

.clicked.card-button-white:hover {
  background-color: #ffffff75;
}

.clicked.card-button-white.rotate {
  transform: rotate(45deg);
}

/*
Card Functionality
*/
.card {
  position: relative;
}

.card-front,
.card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: opacity 1s !important;
}

.card-front {
  opacity: 1;
}

.card.faded .card-front {
  opacity: 0;
}

.card.faded .card-back {
  opacity: 1;
}