/**
 * Theme Name: Neoxica
 * Description: Child theme
 * Author: Lembu
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Custom CSS starts here */

/*if using webfont,make sure add this to customizer css
 * :root { --theme-font-family: 'font-name';}
 */
@font-face {
    font-family: 'Literaturnaya';
    src: url('fonts/LiteraturnayaBoldItalic.eot');
    src: url('fonts/LiteraturnayaBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/LiteraturnayaBoldItalic.woff2') format('woff2'),
        url('fonts/LiteraturnayaBoldItalic.woff') format('woff'),
        url('fonts/LiteraturnayaBoldItalic.ttf') format('truetype'),
        url('fonts/LiteraturnayaBoldItalic.svg#LiteraturnayaBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Literaturnaya';
    src: url('fonts/LiteraturnayaBold.eot');
    src: url('fonts/LiteraturnayaBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/LiteraturnayaBold.woff2') format('woff2'),
        url('fonts/LiteraturnayaBold.woff') format('woff'),
        url('fonts/LiteraturnayaBold.ttf') format('truetype'),
        url('fonts/LiteraturnayaBold.svg#LiteraturnayaBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Literaturnaya';
    src: url('fonts/LiteraturnayaItalic.eot');
    src: url('fonts/LiteraturnayaItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/LiteraturnayaItalic.woff2') format('woff2'),
        url('fonts/LiteraturnayaItalic.woff') format('woff'),
        url('fonts/LiteraturnayaItalic.ttf') format('truetype'),
        url('fonts/LiteraturnayaItalic.svg#LiteraturnayaItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Literaturnaya';
    src: url('fonts/LiteraturnayaMedium.eot');
    src: url('fonts/LiteraturnayaMedium.eot?#iefix') format('embedded-opentype'),
        url('fonts/LiteraturnayaMedium.woff2') format('woff2'),
        url('fonts/LiteraturnayaMedium.woff') format('woff'),
        url('fonts/LiteraturnayaMedium.ttf') format('truetype'),
        url('fonts/LiteraturnayaMedium.svg#LiteraturnayaMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.ttf') format('truetype'),
        url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.eot');
    src: url('fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('fonts/Lato-BoldItalic.woff') format('woff'),
        url('fonts/Lato-BoldItalic.ttf') format('truetype'),
        url('fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.eot');
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Italic.woff2') format('woff2'),
        url('fonts/Lato-Italic.woff') format('woff'),
        url('fonts/Lato-Italic.ttf') format('truetype'),
        url('fonts/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff'),
        url('fonts/Lato-Regular.ttf') format('truetype'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body,
body p,
p{
	font-family: 'Lato';
}
body .elementor-heading-title,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
	font-family: 'Literaturnaya';
}
body .elementor-heading-title,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.elementor-button-text,
nav[class*=menu] .ct-menu-link,
a.ct-button{
    line-height: var(--theme-line-height);
}
.ct-header-cta a.ct-button {
    font-size: var(--theme-font-size);
}
.pretitle p,
p.pretitle{
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 600;
	margin:0;
}
/************************************************
 * make Elementor button follows Customizer
 *************************************************/
body .elementor-button {
    background: var(--theme-button-background-initial-color);
    font-size: var(--theme-font-size);
    padding: var(--theme-button-padding);
    text-transform: var(--theme-button-text-transform);
    border: var(--theme-button-border);
	font-weight: var(--theme-button-font-weight);
	border-radius:var(--theme-button-border-radius, 3px);
	letter-spacing: var(--theme-button-letter-spacing);
}
body .elementor-button:hover{
	background:var(--theme-button-background-hover-color);
	color: var(--theme-button-text-hover-color);
}

.cf-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 25px;
}
body .wpcf7 label:not(.wpcf7-form-control-wrap) {
    font-size: 14px;
    font-weight: 500;
}
#services .elementor-icon-box-description {
    max-width: 210px;
    margin: 0 auto;
}
/*************************************************
 * CONTACT FORM 7 STYLING ERROR MESSAGE 
 *************************************************/
.wpcf7 .wpcf7-form-control.wpcf7-text.wpcf7-not-valid,
.wpcf7 .wpcf7-not-valid {
	border: 1px solid #ff0000;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 .wpcf7-validation-errors {
	background: #ff0000;
	border: 1px solid #ff0000;
	color: #ffffff;
	text-align: center;
}
.wpcf7 .wpcf7-response-output {
	margin: 2em 0;
	padding: 15px;
	border-radius: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    background: red;
    color: #fff;
    border-radius: 0;
    font-style: normal;
    margin: 20px 0;
}
.wpcf7 .wpcf7-spam-blocked {
	background: #e2e2e2;
	border: 1px solid #ff0000;
	color: #383838;
}
.wpcf7 .wpcf7-mail-sent-ng {
	background: #fcf8e3;
	border: 3px solid #ac9163 ;
	color: #8a6d3b;
}
.wpcf7 .wpcf7-mail-sent-ok {
	background: #dff0d8;
	border: 3px solid #3c763d;
	color: #3c763d;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.center {
    margin: 0 auto;
    display: block;
    float: none;
}
.wpcf7-turnstile.cf-turnstile {
    text-align: center;
}
div.wpcf7 .wpcf7-spinner {
    display: block;
    vertical-align: middle;
    float: none; /* Ensures spinner doesn't pull button left */
    margin: 10px auto; /* Adjusts spacing to button */
}
/**********************************************
 *************FOR MOBILE VIEW******************
 *********************************************/
@media only screen and (max-width: 767px) {
	.cf-grid{
    grid-template-columns: 1fr;
  }
}