/*
 Theme Name:     Qweb theme
 Theme URI:      https://teqvox.com/themes/
 Description:    Customized theme for Teqvox client Websites
 Author:         Teqvox
 Author URI:     https://teqvox.com/
 Template:       twentytwentyone
 Version:        1.0.64
 Text Domain:	 qweb
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
	font-family: 'Barlow';
	src:  url('font/Barlow-Light.woff2') format('woff2'),
		url('font/Barlow-Light.otf') format('OpenType');
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src:  url('font/Barlow-SemiBold.woff2') format('woff2'),
		  url('font/Barlow-SemiBold.otf') format('OpenType');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src:  url('font/Barlow-Bold.woff2') format('woff2'),
		  url('font/Barlow-Bold.otf') format('OpenType');
	font-weight: 500;
	font-display: swap;
}
@font-face {
  	font-family: 'Qicons';
  	src:  url('font/Qicon.ttf') format('truetype'),
    	url('font/Qicon.woff2') format('woff');
  	font-weight: normal;
  	font-style: normal;
  	font-display: block;
}

/*icons*/
.qicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Qicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.q-account:before {
  content: "\e900";
  color: #644dba;
}
.q-arrow-down:before {
  content: "\e901";
}
.q-arrow-left:before {
  content: "\e902";
}
.q-arrow-right:before {
  content: "\e903";
}
.q-close:before {
  content: "\e904";
  color: #644dba;
}
.q-dot:before {
  content: "\e905";
}
.q-hamburger:before {
  content: "\e906";
  color: #644dba;
}
.q-minus:before {
  content: "\e907";
}
.q-plus:before {
  content: "\e908";
}
.q-search:before {
  content: "\e909";
}
.q-star:before {
  content: "\e90a";
}
.q-tick:before {
  content: "\e90b";
}

:root {
	--primary-color: #644dba;
	--light-violet: #8277C6;
	--input-bg: #E0DBF1;
	--cyan-color:#57b9e3;
	--green-color:#6ac5ad;
	--brown-color:#fbaf5d;
	--red-color:#ff8e8d;
	--border-radius: 8px;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 500;
    --extra-bold: 700;
    --small-font: 15px;
    --medium-font: 22px;
    --desc-font: 20px;
    --large-font: 28px;
    --title-font: 42px;
	
	--ico-bg-violet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 106.5 106.4' style='enable-background:new 0 0 106.5 106.4;' xml:space='preserve'%3E%3Cpath class='st0' d='M27.9,103.6C15.5,100.8,5.7,91,2.8,78.5c-3.8-16.6-3.8-34.1,0-50.7C5.6,15.5,15.5,5.6,27.9,2.8l0,0 c16.5-3.7,34-3.7,50.7,0c12.4,2.8,22.2,12.6,25.1,25.1c3.8,16.6,3.8,34.1,0,50.7C100.8,91,91,100.8,78.6,103.6 C62.1,107.4,44.6,107.4,27.9,103.6L27.9,103.6z' fill='%23644dba'/%3E%3C/svg%3E");
	--ico-plus : url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 29.2 29.2' style='enable-background:new 0 0 29.2 29.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='st0' x1='14.6' y1='0.1' x2='14.6' y2='29.1'/%3E%3Cline class='st0' x1='29.1' y1='14.6' x2='0.1' y2='14.6'/%3E%3C/g%3E%3C/svg%3E");
	--ico-minus: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 29.2 29.2' style='enable-background:new 0 0 29.2 29.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cline class='st0' x1='29.1' y1='14.6' x2='0.1' y2='14.6'/%3E%3C/svg%3E");
}

head, body{
	font-family: 'Barlow',Open Sans,Arial,sans-serif;
	font-size: 18px;
	letter-spacing: -0.5px;
	line-height:1.4em;
    font-weight: 200;
    color: #000000;
}
footer{
	font-family: 'Barlow',Open Sans,Arial,sans-serif;
	font-weight:200;
	font-size: var(--small-font);
	line-height: 1.8vw;
}
.entry-content, .entry-summary{
	font-family: 'Barlow',Open Sans,Arial,sans-serif;
}
.entry-content{
	min-height: calc(100vh - 120px);
}
body.admin-bar .entry-content{
	min-height: calc(100vh - 155px);
}

@media(max-width:479px){
	:root {
		--title-font: 29px;
		--large-font:20px;
		--small-font: 12px;
		--medium-font: 18px;
		--desc-font:16px;
	}
	head, body{
		font-size:16px;
	}
	h3 {
		font-size: 17px !important;
		font-weight: 500;
	}
}


/*Disable default style*/

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: transparent;
    color: inherit;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
}
.site-main{
	padding-top: 90px;
}
.no-widgets .site-footer{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*Preloader*/

#preload{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f5ff;
    z-index: 99;
	margin: 0;
}
#preload p{
    padding-top: 2.8em;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--primary-color);
}
#preload p span.dot{
	opacity: 0;
	animation: flash 1.4s infinite; 
}
#preload p span.dot:nth-child(1){
	animation-delay: 0.4s;
}
#preload p span.dot:nth-child(2){
	animation-delay: 0.8s;
}
#preload p span.dot:nth-child(3){
	animation-delay: 1.2s;
}

@keyframes flash{
	0%{
		opacity:0.1;
	}
	30%{
		opacity: 1;
	}
	100%{
		opacity: 0.1;
	}
}