/*
Theme Name: CEDARS
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {line-height: 1.2;}
body {margin: 0; padding: 0; min-width: 320px;}

/*########################################
# Layout
########################################*/
.screen-reader-text, #comments .comment-form-comment label {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;}
.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container, .elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container, .elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container {line-height: inherit !important;}
.elementor-button {width: auto; min-width: 200px; box-sizing: border-box;}
.elementor-social-icons-wrapper {position: relative; top: 5px;}
.grecaptcha-badge {z-index: 99999; bottom: 12% !important;}
img {transition: all .3s linear;}
.bdt-cover {transition: none;}
.elementor-slideshow__header {box-sizing: border-box;}
body.elementor-editor-active .elementor-section .elementor-top-column > .elementor-column-wrap > .elementor-widget-wrap {padding: 10px !important;}
.btn-lg .elementor-button-icon {font-size: 15px; position: relative; top: 2px;}
.elementor-form .elementor-message {text-align: center; margin-top: 20px;}

/*########################################
# Typography
########################################*/
h1, h2, h3, h4, h5 {margin: 0;}
p {margin-top: 0;}
p:last-of-type {margin-bottom: 0 !important;}
a {transition: all .3s linear;}

/*########################################
# Header Section
########################################*/
body .elementor-location-header {position: relative;}
body:not(.elementor-editor-active) #header {position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}

@media screen and (min-width: 961px) {
	body.elementor-editor-active #header {background: #333;}
	body:not(.elementor-editor-active).logged-in #header.sticky {top: 32px;}
	body:not(.elementor-editor-active) #header.sticky {background: #000000CC; transition: all .3s linear; padding-top: 0 !important; position: fixed;}
	body:not(.elementor-editor-active).logged-in #header.sticky .elementor-inner-section {transition: all .3s linear;}
	body:not(.elementor-editor-active).logged-in #header.sticky .elementor-inner-section {padding: 0;}
}

/*########################################
# Banner Section
########################################*/
#bn-hm {position: relative;}
#bn-hm .bn-title {position: absolute; bottom: 37%; width: 100%;}
#bn-hm .bn-title .elementor-widget-container {width: 100%; max-width: 800px; margin: 0 auto;}
#bn-hm .bn-cta {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 500px;}
#bn-hm .bn-cta .elementor-image-box-wrapper {flex-direction: column-reverse; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}

/*########################################
# Content Section
########################################*/
.why-ico-wrap img {width: 60px !important;}
.why-ico-wrap .elementor-image-box-content {width: inherit !important;}
.hww-steps .elementor-image-box-wrapper {display: flex; display: -webkit-flex; flex-direction: column-reverse; cursor: pointer;}
.hww-steps img {width: 270px !important;}
.hww-steps .elementor-image-box-content {width: 59px !important; height: 59px; border-radius: 50%; background: #999999; margin: 0 auto 5px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; border: 2px solid #999;}
.hww-steps .elementor-image-box-title {margin-top: 0;}
.hww-steps .elementor-image-box-title a {color: #FFF !important;}
.hww-steps .elementor-image-box-content {transition: all .3s linear;}
.hww-steps .elementor-image-box-wrapper:hover .elementor-image-box-content {border-color: #FFF; box-shadow: 0 0 5px #333;}
.hww-steps .hww-col2 {position: relative; top: 35px;}
.hww-steps .elementor-image-box-wrapper {margin-top: -70px;}
.hww-steps .hww-col3 {position: relative; top: 70px;}
.hww-steps-top .hww-col1 .elementor-image-box-content {margin-bottom: 20px;}
.hww-steps-bot .hww-col1 .elementor-image-box-content {margin-bottom: 20px;}
.hww-steps-top .elementor-row {margin-left: -20px;}
.hww-steps-mid .elementor-container {margin-right: 0 !important;}
.hww-steps-bot .elementor-container {margin-left: 0 !important;}
.hww-steps-mid .elementor-image-box-content {margin-bottom: 0; background: #D3E27B; border-color: #D3E27B;}
.hww-steps-bot .elementor-image-box-content {margin-bottom: 0; background: #00A83B; border-color: #00A83B;}
.process-box .step-info {display: none;}
.process-box .step-info.active {display: block;}
.btn-ico i {width: 60px; height: 60px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; background: #A4a4a4;color: #FFF; border-radius: 50%; transition: all .3s linear;}
.btn-ico:hover i {background: #00A83B;}
.btn-ico .elementor-button-text {display: flex; display: -webkit-flex; align-items: center;}
.prod-cat-con {display: flex; display: -webkit-flex; justify-content: space-between;}
.prod-cat-con .cat-item {width: calc(25% - 38px); text-align: center;}
.prod-cat-con .cat-img {overflow: hidden; margin-bottom: 20px;}
.prod-cat-con .cat-img img {display: block; width: 100%; max-width: 362px; transition: all .3s linear;}
.prod-cat-con .cat-item:hover img {transform: scale(1.1);}
.prod-cat-con .cat-item h4 {color: #FFF;}
.green-gradient,
.green-gradient h2 { background: -webkit-linear-gradient(0deg, #14A445, #A4CC35); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


/*########################################
# Footer Section
########################################*/
.ft-list.elementor-widget .elementor-icon-list-item {align-items: flex-start;}
.ft-list.elementor-widget .elementor-icon-list-item i {transition: all .3s linear; position: relative; top: 8px;}
.ft-list.elementor-widget .elementor-icon-list-item .add {max-width: 400px; display: inline-block;}

/*########################################
# Inner Pages
########################################*/
.inner h3, .inner h4 {margin-bottom: 12px;}
#in-bn img {min-height: 208px; object-fit: cover; object-position: top center;}
#in-bn h1 {text-align: center; top: auto !important; bottom: 33% !important; transform: none !important; margin-bottom: 0; position: absolute; width: 100%; padding: 20px; box-sizing: border-box;}

.process-model .qodef-qi-timeline .qodef-e-point {display: none;}
.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-point-holder {width: 120px; height: 120px;}

.process-model .qodef-qi-timeline .qodef-e-item:nth-of-type(1) .qodef-e-point-holder::after {background: url(assets/images/tm1-ico.png) no-repeat;}
.process-model .qodef-qi-timeline .qodef-e-item:nth-of-type(2) .qodef-e-point-holder::after {background: url(assets/images/tm2-ico.png) no-repeat;}
.process-model .qodef-qi-timeline .qodef-e-item:nth-of-type(3) .qodef-e-point-holder::after {background: url(assets/images/tm3-ico.png) no-repeat;}
.process-model .qodef-qi-timeline .qodef-e-item:nth-of-type(3) {padding-top: 100px;}
.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-point-holder::after {content: ""; background-size: 100% 100% !important; width: 120px; height: 120px; display: block;}
.process-model .qodef-qi-timeline .qodef-e-item:not(:first-of-type) .qodef-e-point-holder::before {content: ""; background: url(assets/images/angle.png) no-repeat; width: 24px; height: 13px; background-size: 100% 100%; display: block; margin: 0 auto;}
.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-text {max-width: 500px; display: inline-block;}

.product-page .prod-cat-con {justify-content: center; flex-wrap: wrap;}
.product-page .prod-cat-con .cat-item {padding: 10px; width: 25%;}
.product-page .prod-cat-con .cat-item h4 {color: #333;}
.product-page .prod-cat-con .cat-item:hover a {color: #00a83b;}
.product-page .prod-cat-con .cat-img {box-shadow: 0 0 1px #DDD;}
.product-page .prod-cat-con .cat-img img {max-width: 100%;}

/*########################################
# Contact Us Page
########################################*/
.inner .ctc-form {text-align: center;}
.inner .ctc-form input:not([type="checkbox"]):not([type="submit"]), .inner .ctc-form textarea {width: 100%; height: 45px; padding: 10px; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-size: 17px; background: none; border: 1px solid #FFF; color: #FFF; box-shadow: 3px 3px 3px #999;}
.inner .ctc-form textarea {height: 250px;}
.inner .ctc-form ::placeholder {color: #FFF; opacity: 1;}
.inner .ctc-form a {color: #FFF;}
.inner .ctc-form a:hover {color: #F9BB37;}

/*########################################
# Error 404
########################################*/
.error404 .content-area {text-align: center;}

/*########################################
# Blog Page
########################################*/

/*########################################
# Blog Single Page
########################################*/

@media screen and (max-width: 1920px) and (min-width: 961px) {
	.why-ico-wrap img {width: 3.1vw !important;}
	.why-ico-con .elementor-divider {padding: .95vw 0 !important;}
}

@media screen and (max-width: 1850px) and (min-width: 961px) {
	.why-ico-wrap img {width: 2.8vw !important;}
	.why-ico-con .elementor-divider {padding: .7vw !important;}
}

@media screen and (max-width: 1850px) and (min-width: 961px) {
	.why-ico-con p {line-height: 150% !important;}
}

@media screen and (max-width:  1620px) {
	.hww-steps img {width: 14vw !important;}
	.hww-steps .elementor-image-box-content {width: 50px !important; height: 50px;}
	.hww-steps-mid .elementor-container {margin-left: 8vw !important;}
	.hww-steps-top .hww-col2 {margin: 0 -.5vw;}
	.hww-steps-bot .hww-col2 {margin: 0 -1.5vw;}
}

@media screen and (max-width: 1500px) {
	.hww-steps-bot .hww-col2 {margin: 0 -3vw;}
	.hww-steps .elementor-image-box-wrapper {margin-top: -50px;}
	.prod-cat-con .cat-item {width: calc(25% - 20px);}
	#in-bn h1 {bottom: 25% !important;}
}

@media screen and (max-width: 1400px) {
	.hww-steps-bot .hww-col2 {margin: 0 -4vw;}
	.hww-steps .elementor-image-box-wrapper {margin-top: -30px;}
	.hww-steps-mid .elementor-container {margin-left: 7vw !important;}
}

@media screen and (max-width: 1200px) and (min-width: 961px) {
	.why-ico-con p {line-height: 120% !important;}
}

@media screen and (max-width: 960px) {
	#header {background: #000000CC;}
	body:not(.elementor-editor-active) #header {position: fixed !important;}
	body:not(.elementor-editor-active).logged-in #header {top: 32px;}
	.hww-steps .elementor-image-box-content {width: 40px !important; height: 40px;}
	.hww-steps .elementor-image-box-content h4 {font-size: 15px !important;}
	.hww-steps-mid .elementor-container {margin-left: 5vw !important;}
}

@media screen and (max-width: 800px) {
	.why-ico-wrap .elementor-image-box-wrapper {flex-direction: column !important;}
	.why-ico-wrap .elementor-image-box-wrapper > * {width: 100% !important; text-align: center !important;}
	.prod-cat-con {flex-wrap: wrap;}
	.prod-cat-con .cat-item {width: calc(50% - 10px); margin-bottom: 20px;}
	#in-bn h1 {bottom: 15% !important;}
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-point-holder,
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-point-holder::after {width: 80px; height: 80px;}
	.process-model .qodef-qi-timeline .qodef-e-item:nth-of-type(3) {padding-top: 40px;}
	.product-page .prod-cat-con .cat-item {width: 50%;}
	.product-page .prod-cat-con .cat-img {margin-bottom: 0;}
}

@media screen and (max-width: 782px) {
	body:not(.elementor-editor-active).logged-in #header {top: 45px;}
}

@media screen and (max-width: 650px) {
	#in-bn h1 {font-size: 6vw !important;}
}

@media screen and (max-width: 600px) {
	#bn-hm .bn-title {bottom: 30%;}
	#bn-hm .bn-img img {object-fit: cover; object-position: top center;}
	#bn-hm .bn-cta {bottom: 10px;}
	#bn-hm .bn-cta img {height: 20px; object-fit: cover; object-position: bottom;}
	.hww-steps img {width: 25vw !important;}
	.hww-steps .elementor-image-box-wrapper {margin-top: -4vw;}
	.hww-steps-mid .elementor-container {margin-left: 10vw !important;}
	.hww-steps .hww-col2, .hww-steps .hww-col3 {top: 0;}
	.hww-steps-top .hww-col2,
	.hww-steps-mid .hww-col2,
	.hww-steps-bot .hww-col2 {margin: 0;}
	.hww-steps .elementor-image-box-wrapper {margin: 0;}
	.hww-steps-mid .elementor-container {margin-left: 0 !important;}
	.hww-steps-top .elementor-row {margin-left: 0;}
	.hww-ico-con {margin-top: 0 !important;}
	.hww-steps-top .hww-col1 .elementor-image-box-content {margin-bottom: 10px;}
	.hww-steps-bot .hww-col1 .elementor-image-box-content {margin-bottom: 5px;}
	#in-bn img {min-height: 156px; object-fit: cover; object-position: top center;}
	
	.form-ctc .elementor-field-group-field_region {order: -11;}
	.form-ctc .elementor-field-group-field_country {order: -10;}
	.form-ctc .elementor-field-group-field_address {order: -9;}
	.form-ctc .elementor-field-group-field_city {order: -8;}
	.form-ctc .elementor-field-group-field_state {order: -7;}
	.form-ctc .elementor-field-group-field_zip {order: -6;}
	.form-ctc .elementor-field-group-field_company {order: -5;}
	.form-ctc .elementor-field-group-field_name {order: -4;}
	.form-ctc .elementor-field-group-field_website {order: -3;}
	.form-ctc .elementor-field-group-field_email {order: -2;}
	.form-ctc .elementor-field-group-field_phone {order: -1;}
}

@media screen and (max-width: 500px) {
	body h1 {font-size: 30px !important;}
	body h4 {font-size: 18px !important;}
	.btn-lg .elementor-button-icon {display: none;}
}

@media screen and (max-width: 480px) { 
	#in-bn h1 {font-size: 4.5vw !important;}
	.process-model .qodef-qi-timeline .qodef-e-item {margin: 0 0 30px !important;}
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-side-holder {margin-bottom: 0 !important;}
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-side-holder,
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-content-holder {padding: 0 !important}
	.process-model .qodef-qi-timeline .qodef-e-point-holder {position: static; display: block; transform: none;}
	.process-model .qodef-qi-timeline .qodef-e-item:not(:first-of-type) .qodef-e-point-holder::before {display: none;}
	.process-model .qodef-qi-timeline .qodef-e-item .qodef-e-point-holder {margin-bottom: 20px;}
	.product-page .prod-cat-con .cat-item {padding: 5px;}
}

@media screen and (max-width: 350px) {
	.product-page .prod-cat-con .cat-item h4 {font-size: 12px !important;}
}