/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0.3
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

@font-face {
	font-family: 'Qaranta';
	src: url('/wp-content/themes/thegem-child/fonts/Qaranta-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/thegem-child/fonts/Qaranta-Bold.otf') format('opentype'),
		url('/wp-content/themes/thegem-child/fonts/Qaranta-Bold.woff') format('woff'),
		url('/wp-content/themes/thegem-child/fonts/Qaranta-Bold.ttf') format('truetype'),
		url('/wp-content/themes/thegem-child/fonts/Qaranta-Bold.svg#Qaranta-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
*:not([class*="gem-icon"] *)*:not([class*="socials-item-icon"] *) {
	font-family: Lato, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
*/

html {
	width: 100vw;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	-ms-overflow-style: none;
}

body::-webkit-scrollbar {
	display: none;
}

h1, h2, h3, h4, h5, h6, .qaranta {
	font-family: 'Qaranta', 'Montserrat' !important;
}

.site-header.shrink.fixed .logo, .site-header.shrink.fixed .logo img {
	height: 50px;
}

.text-shadow, .tp-mask-wrap {
	text-shadow: 1px 1px #313131;
}

div.tp-caption[data-fontsize="['24','24','24','16']"] {
	background: rgba(0, 0, 0, 0.4);
}

.clients-bordered .gem-client-item a {
	border: 1px solid #dfe5e8;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	clear: both;
	background-color: #398f14;
	color: #FFF;
	text-align: center;
	margin-top: 0;
	border-color: #2c6f0f;
}

@keyframes fadeInUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-up {
  animation: 0.8s both fadeInUp;
  animation-delay: 0.1s;
}

@media(max-width: 768px) {
	.globe-background {
		background-color: #000;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 15px 0;
	}

	.globe-background .wpb_content_element {
		text-shadow: 1px 1px #333;
	}
}