/*
Theme Name: Mrittik
Theme URI: http://demo.bravisthemes.com/mrittik/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Mrittik – Architecture and Interior Wordpress theme is a template for architectural studio. It is suitable for interior business. Creative design studio can use this template to present their creative contents more attractively. This template can be used as personal portfolio, construction business etc. It has both dark and light version which very perfect for user attraction.
Version: 1.0.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: mrittik
Tags: architect, architecture, constructor, home decor, interior design, landscape design, real estate
*/

/* import fonts 
@font-face {
    font-family: 'AvenirPro45Book';
    src: url("/fonts/AvenirPro45Book.woff") format("woff");
    font-weight: book;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirPro65Medium';
    src: url("/fonts/AvenirPro65Medium.woff") format("woff");
    font-weight: book;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirPro85Heavy';
    src: url("/fonts/AvenirPro85Heavy.woff") format("woff");
    font-weight: book;
    font-style: normal;
}

@font-face {
    font-family: 'ScandiaWebRegular';
    src: url("/fonts/ScandiaWebRegular.woff2") format("woff2");
    font-weight: book;
    font-style: normal;
}*/

/* define fonts */
body, .pxl-text-editor .pxl-item--inner {
    font-family: 'AvenirPro', sans-serif !important;
	font-weight: 400;
}

h1,
h2 {
    font-family: 'ScandiaWebRegular', sans-serif !important;
}

h3,
h4 {
    font-family: 'AvenirPro', sans-serif !important;
	font-weight: 600;
}

/* font sizes */
body,.pxl-link li a {
    font-size: 18px;
}
h1 {
    font-size: 54px;
}
h2, .pxl-heading h2.pxl-item--title {
    font-size: 45px;
}
h3 {
    font-size: 36px;
}
h4 {
    font-size: 27px;
	line-height: 1.75em;
}
@media screen and (width <= 1024px){
h1 {
    font-size: 43.2px;
}
h2, .pxl-heading h2.pxl-item--title {
    font-size: 36px;
}
h3 {
    font-size: 28.8px;
}
h4 {
    font-size: 21.6px;
}	
}

/* template cleanup */
textarea {
    resize: none;
}
a:hover, a:active {
	color: #B86D83;
}

/* form cleanup */
.wpcf7-radio, .wpcf7-submit {border:0px solid !important}
.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {background-color:#B86D83;font-size: 14.4px;padding: 0.25em 0.5em 0 0.5em;}
.pxl-contact-form form.invalid .wpcf7-response-output {border-color:#B86D83}
.pxl-contact-form form .wpcf7-response-output {color:#B86D83}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight {font-size:16px;padding: 0.5em !important;}
.wpcf7-list-item.first {margin:0 auto;}

/* captcha cleanup */
.captcha-image {border:3px solid #F1EFEA;margin: 0 0 2em 0;}
.captcha-image path {fill:#B86D83;}
.captcha-image svg {width:40px;height:40px;}
.captcha-image label>input:checked+svg, .captcha-image label>input:focus+svg {border:2px solid #F1EFEA;}
.cf7ic_instructions {font-size:14.4px}


/* button cleanup */
.btn svg {
	display:none;
}
.wpcf7-submit:hover, .btn:hover {font-size: 16px;}
.wpcf7-submit, .btn {font-size: 16px;}

/*landing: mission */
@media screen and (width >= 1024px) {.pxl-image-box3 .item--front {
    position: absolute;
    right: -50px;
    bottom: -235px;
    padding-left: 85px;
    z-index: 3;
	}}

/*landing: callout*/
#water_quality h4 {
	color: #efefef;
	font-weight: 400;
}

/*landing: slider */
.pxl-swiper-slide .pxl-item--inner .item--content .pxl-item--button {display:none;}
.pxl-portfolio-carousel1 .item--content {background-color: #F1EFEA}
.pxl-swiper-dots span {left:0 !important;}

/* bubble img */
.aqa_bubbles-bg .elementor-widget-wrap {background-size:cover;}
@media screen and (width <= 1800px) {#mission .elementor-background-overlay {display:none} .elementor-7501 .elementor-element.elementor-element-22573730:not(.elementor-motion-effects-element-type-background){background-image:none}}

/* hide nav */
#pxl-header-elementor, .pxl-scroll-top {display: none !important}