/*!
Theme Name: Cielo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cielo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/*new css*/
.newsletter-signup__form .gform-theme--foundation .gform_fields{
	gap: clamp(11px, 1.0742vw, 15.4688px) clamp(5px, 0.4883vw, 7.0312px) !important;
}
.newsletter-signup__form  .ginput_container  input[type="text"],.newsletter-signup__form  .ginput_container  input[type="email"]{
	width: 100% !important;
    font-size: clamp(12px, 1.1719vw, 16.875px) !important;
    letter-spacing: 0 !important;
    line-height: clamp(45px, 4.3945vw, 63.2812px) !important;
    font-weight: 400 !important;
    font-family: "Roboto" !important;
    border: clamp(1px, 0.0977vw, 1.4062px) solid #828282 !important;
    padding: 0 clamp(13px, 1.2695vw, 18.2812px) !important;
    color: #000 !important;
	height: auto !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
.newsletter-signup__form  .ginput_container  input::placeholder {
  color: #8c8c8c !important;
}
.newsletter-signup__form .gform_footer {
	margin-top: clamp(13px, 1.2695vw, 18.2812px) !important;
}
.newsletter-signup__form .gform_footer .gform_button {
    font-size: clamp(14px, 1.3672vw, 19.6875px) !important;
    letter-spacing: 0 !important;
    line-height: normal !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-family: "Roboto" !important;
    text-align: center !important;
    background: #0d2927 !important;
    width: 100% !important;
	border-radius: 0 !important;
    text-transform: uppercase !important;
    padding: clamp(15px, 1.4648vw, 21.0938px) !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
	box-shadow: none !important;
	outline: none !important;
    border: clamp(1px, 0.0977vw, 1.4062px) solid transparent !important;
}
.newsletter-signup__form .gform_footer .gform_button:hover {
    color: #0d2927 !important;
    border: clamp(1px, 0.0977vw, 1.4062px) solid #0d2927 !important;
    background: #ffffff !important;
}

.for-all-item .item-right .content p{
	color: inherit;
}
.for-all-item .item-right .content{
	margin: 0 0 1.56vw;
}
 .site-nav ul li.current_page_item > a {
    color: var(--yellow-color);
}
.site-nav ul li.current_page_item > a::after {
    transform: scaleX(1);
}
.gform-field-label .gfield_required{
	display: none !important;
}
.contact-form .gform_fields {
	column-gap: clamp(38px, 3.711vw, 53.4375px) !important;
    row-gap: clamp(115px, 11.23vw, 161.71875px) !important;
}
.contact-form .gfield .gform-field-label {
    display: block;
    margin-bottom: clamp(12px, 1.172vw, 16.875px) !important;
    font-size: clamp(12px, 1.172vw, 16.875px) !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    color: #17403c !important;
	font-weight: 400;
}
.contact-form .gfield  .ginput_container input[type="text"],.contact-form .gfield  .ginput_container input[type="email"],.contact-form .gfield  .ginput_container input[type="tel"]{
	width: 100% !important;
    height: auto !important;
    padding: clamp(8px, 0.781vw, 11.25px) 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    font-size: clamp(12px, 1.172vw, 16.875px) !important;
    font-weight: 400 !important;
    color: #17403c !important;
    font-family: inherit !important;
	outline: none !important; 
	box-shadow: none !important;
	line-height: 1.2 !important;
}
.contact-form .gfield  .ginput_container select{
	width: 100% !important;
    height: auto !important;
    padding: clamp(8px, 0.781vw, 11.25px) 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    outline: none !important;
    background-color: transparent !important;
    font-size: clamp(12px, 1.172vw, 16.875px) !important;
    font-weight: 400 !important;
    color: #17403c !important;
    font-family: inherit !important;
	outline: none !important; 
	box-shadow: none !important;
	line-height: 1.2 !important;
}
.contact-form .gfield  .ginput_container textarea {
    width: 100% !important;
    padding: clamp(8px, 0.781vw, 11.25px) 0 !important;
    min-height: clamp(96px, 9.375vw, 135px) !important;
    resize: none !important;
    border: 0 !important;
    border-bottom: 1px solid #a7a7a7 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    font-size: clamp(12px, 1.172vw, 16.875px) !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
    color: #17403c !important;
	outline: none !important; 
	box-shadow: none !important;
	resize: none !important;
	display: block;
}
.contact-form .gfield  .ginput_container input::placeholder,
.contact-form .gfield  .ginput_container textarea::placeholder {
    color: #73726f !important;
}
.contact-form .gform_footer{
	margin-top: clamp(60px, 5.859vw, 84.375px) !important;
    padding-left: clamp(5px, 0.488vw, 7.03125px) !important;
}

.contact-form .gform_footer .gform_button {
	padding: clamp(12.5px, 1.221vw, 17.578125px) clamp(22.5px, 2.197vw, 31.640625px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #d89b4b !important;
    font-size: clamp(12px, 1.172vw, 16.875px) !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    color: #17403c !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    cursor: pointer !important;
	outline: none !important;
	box-shadow: none !important;
    transition: all 0.3s ease-in-out;
}
.contact-form .gform_footer .gform_button:hover {
    background-color: #17403c !important;
    color: #fff !important;
}
.contact-subscribe__form .gform_body .ginput_container_email input {
    width: 100% !important;
    padding: 0 clamp(90px, 8.789vw, 126.5625px) clamp(18px, 1.758vw, 25.3125px) 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    font-weight: 400 !important;
    font-size: clamp(34px, 3.32vw, 47.8125px) !important;
    line-height: 1.2 !important;
    color: #17403c !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	height: auto !important;
    font-family: var(--title-font) !important;
}
.contact-subscribe__form .gform_body .ginput_container_email input::placeholder{
	font-size:inherit;
}
.contact-subscribe__form form {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #17403c;
}
.contact-subscribe__form .gform-theme .gform_footer {
	position: absolute;
    right: 0;
    bottom: 0;
}
.contact-subscribe__form .gform-theme .gform_footer .gform_button {
	display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(77px, 7.52vw, 108.28125px) !important;
    height: clamp(35px, 3.418vw, 49.21875px) !important;
    padding: 0 clamp(15px, 3vw, 37px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #17403c !important;
    color: #fff;
	outline: none !important;
	box-shadow: none !important;
    cursor: pointer;
}
.contact-subscribe__form .gfield_validation_message{
	position: absolute;
}
.contact-subscribe__form .gform-theme .gform_footer .gform-loader{
	position: absolute;
}
.contact-subscribe__form .gform-theme .gform_footer .gform_button  img {
    width: clamp(25px, 2.441vw, 35.15625px);
}
@media (max-width: 1023px) {
    .contact-form .gform_fields {
		column-gap: 24px !important;
		row-gap: 48px !important;
	}
}
@media (max-width: 767px) {
	.contact-subscribe__form .gform_body .ginput_container_email input{
		font-size: 28px !important;
	}
    .contact-form .gfield .gform-field-label{
        margin-bottom: 8px !important;
    }
}
@media (max-width: 639px) {
	.contact-form .gform_footer {
		margin-top: 40px !important;
	}
	.contact-form .gform_fields {
		column-gap: 0px !important;
		row-gap: 30px !important;
	}
}