/* 
Theme Name: XoomTalk
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://pmwcom.co.uk/
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
*/

@import url("https://use.typekit.net/qlk7air.css");

/*
    Add your custom styles here
*/

/**** Custom Fonts ****/

h1, h2, h3, h4, h5, h6 {
	font-family: "museo-sans", sans-serif !important;
	font-weight: 700;
}

p:not(i),
span:not(i),
a:not(i),
div:not(i),
input,
input::placeholder,
form *:not(i),
form *::placeholder {
	font-family: "museo-sans", sans-serif !important;
	font-weight: 300;
}

[class*=" eicon-"], [class^=eicon] {
    font-family: eicons !important;
}

strong {
	font-family: "museo-sans", sans-serif !important;
	font-weight: 700;
}

.teal-link p a {
    color: #00ffff;
}



.elementor-widget-container *:last-child {
    margin-bottom: 0;   
  }
  
  h2 span {
    color: #5AB8FF;
  }


body{
  -webkit-font-smoothing: antialiased;
}

strong{
	font-family: 'Arial Black';
}


p a,
p strong a{
	text-decoration: none;
}

.flashcardlink,
.flashcardlink:visited{
  text-decoration:none;
  display: block;
  color: white;
  padding: 0;
}


.flashcardlink h3{
	text-transform: uppercase;
}


.flashcardlink:hover{
  color: #191399;
   transition: 0.3s all;
}

.flashcard{
  display:grid;
  grid-template-columns: 0 30% 70%;
  align-items: center;
  border-bottom: 1px solid #00FFFF;
  border-right: 1px solid #00FFFF;
  padding-right: 25px;
}


.flashcard.noborder{
  border-right: 0;
}

.flashcard.nobottomborder{
  border-bottom: 0;
}


.flashcard .cWrapper{
  padding: 50px;
}

.flashcard .arrow{
  float: right;
  margin-top: 15px;
}
 
.flashcardOverlay{
  width: 0px;
  min-height: 350px;
  background:#00FFFF;
  opacity:0;
}


.btneffect .elementor-button  {
	background-image: linear-gradient(to right, #191399 0%, #00c2e8  51%, #191399  100%)}

.btneffect .elementor-button {
	transition: 0.2s;
	background-size: 200% auto;
}

.btneffect .elementor-button:hover {
	background-position: right center; /* change the direction of the change here */
	text-decoration: none;
}