/*
Theme Name: Divi Child
Theme URI: https://example.com/divi-child/
Description: Divi Child Theme
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


#wpcf7-f534-p535-o1 .row {margin-bottom:2rem;}

#sustaintable-guide-2025  {width:400px;   padding: 1rem;border-radius: 5px;background-color: #f1f1f1;}
#sustaintable-guide-2025 .form-row {position:relative; margin-bottom:1.5rem !important; display:flex;   justify-content: space-between;}

.column.column {width: 100%;  display: flex; flex-direction: column;}
.column.column-half {width: 48%;  display: flex; flex-direction: column;}

#sustaintable-guide-2025 .form-row button {width:252px !important; padding:0; margin-left: calc((100% - 250px) / 2) !important; cursor:pointer; }
#sustaintable-guide-2025 .form-row button span .button-text {transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#sustaintable-guide-2025 .form-row button span.download {position:relative; width: 250px; height: 60px; background-color: #fff; display:flex; align-items: center; justify-content: space-between;}
#sustaintable-guide-2025 .form-row button span.download .circle {padding:.5rem; position:relative; width: 40px; height: 40px; display:block; border-radius: 30px; background-color: forestgreen; margin-left:.6rem;}
#sustaintable-guide-2025 .form-row button span.download .button-text {background-color:#ff7300; height:100%; width:75%; color:#fff; font-weight: 700; font-size: 1.25rem; line-height: 60px}
#sustaintable-guide-2025 .form-row button:hover span.button-text {background-color:#f9131b;}
#sustaintable-guide-2025 .form-row:last-child {margin-bottom: 0 !important;}

#sustaintable-guide-2025 div.label {color:#000; font-size:.85rem !important; font-weight: 400 !important; font-family: 'Zilla Slab', serif !important;}
#sustaintable-guide-2025 p.accept-text {color:#000; font-size:1rem !important; font-weight: 400 !important; font-family: 'Zilla Slab', serif !important;}
#sustaintable-guide-2025 textarea.wpcf7-form-control,
#sustaintable-guide-2025 input[type="text"].wpcf7-form-control,
#sustaintable-guide-2025 input[type="tel"].wpcf7-form-control,
#sustaintable-guide-2025 input[type="url"].wpcf7-form-control,
#sustaintable-guide-2025 input[type="email"].wpcf7-form-control {border:1px solid #333 !important; width: 100% !important; text-align: left !important; border-radius:6px !important; color:#444444 !important; box-sizing:border-box; box-shadow: none !important; padding: .25rem .25rem !important; font-size: 1rem; font-style: normal; font-weight: 400 !important; line-height: 1rem; max-width: 100%; margin-bottom:0 !important;}
#sustaintable-guide-2025 input:not([type="checkbox"]).wpcf7-form-control::placeholder {font-size:14px; font-weight:400 !important; color:#4e4e4e !important; border-color:#4e4e4e !important;}
#sustaintable-guide-2025 input:not([type="checkbox"]):focus {background-color:#fff !important; border-color:#000 !important; color:#000 !important;}
#sustaintable-guide-2025 textarea:focus {background-color:#fff !important; border-color:#000 !important; color:#000 !important;}
#sustaintable-guide-2025 select {padding:.40rem; border:1px solid #444; border-radius: 6px;}
#sustaintable-guide-2025 input:not([type="checkbox"]).wpcf7-form-control.wpcf7-not-valid {border: 1px solid #ff6666 !important; color:#ff6666 !important;}
#sustaintable-guide-2025 input:not([type="checkbox"]).wpcf7-form-control.wpcf7-not-valid::placeholder {border: 1px solid #ff6666 !important; color:#ff6666 !important;}
#sustaintable-guide-2025 input:not([type="checkbox"]).wpcf7-form-control.wpcf7-not-valid:focus {border: 1px solid #333 !important; color:#444444 !important;}
#sustaintable-guide-2025 input:not([type="checkbox"]).wpcf7-form-control.wpcf7-not-valid:focus::placeholder {border: 1px solid #333 !important; color:#444444 !important;}
#sustaintable-guide-2025 .wpcf7-list-item {margin:0 !important}
#sustaintable-guide-2025 button {font-size:17px; line-height:17px; font-weight: 600; background-color: #000; border: 2px solid #000; border-radius: 20px; color: #fff; padding: .5rem 1rem !important; -webkit-appearance: button; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#sustaintable-guide-2025 button:hover {background-color:#299129; border-color:#299129; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#sustaintable-guide-2025 .error-message {display: none; color:#ff6666; font-size:.85rem; font-weight: 400 !important; font-family: 'Zilla Slab', serif !important;}
#sustaintable-guide-2025 .wpcf7-not-valid-tip {color:#ff6666; font-size:.85rem; font-weight: 400 !important; font-family: 'Zilla Slab', serif !important;}
#sustaintable-guide-2025 .wpcf7-not-valid-tip {display: none !important}
#sustaintable-guide-2025 .error-message.show {display: block;}
#sustaintable-guide-2025 input[type=checkbox] {position: absolute; left: 0;}
.wpcf7-response-output {margin-top:1rem;}

.boton-wrapper {position: relative}

#header-wrapper {margin-top:5rem;}
#section-header {background-color: #299129;}
#section-header p {color:#fff;}
#section-header h1 {color: #fff;}

.header-content {}
.header-content p {font-size: 18px; line-height: 24px; color:#fff;}
.header-content p strong{font-weight: 600;}
.header-content h1{font-size:45px; line-height: 54px; font-weight: 700; color:#fff;}

.form-container {position:relative !important;}
#wpcf7-f1100-p1101-o1 {position:absolute !important;}
#wpcf7-f1100-p1101-o1 .screen-reader-response {display: none !important;}
#wpcf7-f1100-p1101-o1 ul {display: none !important;}
#sustaintable-guide-2025 .form-row.form-header {flex-direction: column;}
#sustaintable-guide-2025 .form-row.form-header div {display:flex; justify-content: center;}
#sustaintable-guide-2025 .form-row.form-header div img {width:250px; margin-bottom:30px;}
#sustaintable-guide-2025 .form-row.form-header h3{font-size:36px; line-height: 42px; text-align: center; font-weight: 700; color:#000; margin-bottom: 20px;}
#sustaintable-guide-2025 .form-row.form-header p{font-size: 18px; line-height: 24px; color:#000; text-align: center;}
#sustaintable-guide-2025 .form-row .form-footer p{font-size: 17px; line-height: 22px; color:#777777; font-weight: 400; margin-bottom:16px;}
#sustaintable-guide-2025 .form-row .form-footer label{font-size: 17px; line-height: 22px; color:#000; font-weight: 400; padding-left:30px;}




.body-content p {font-size: 18px; line-height: 24px; color:#000;}
.body-content h3 {font-size:30px; line-height: 36px;  color: #299129; font-weight: 600; margin-top:40px !important;}

.guide-highlights{}
.guide-highlight {display:flex; margin-bottom:40px;}
.highlight-icon {display:flex; margin-right:20px;}
.highlight-icon div{display: flex; width: 50px; height: 50px; background-color: #299129; border-radius: 25px; padding:10px;}
.highlight-text {display:flex; flex-direction: column;}
.highlight-text h4{font-size:24px; line-height: 32px; color:#000; margin-top:9px;}
.highlight-text p{font-size:18px; line-height: 22px; color:#717171;}

.footer-content {}
.footer-content h4{font-size:30px; line-height: 36px;  color: #299129; font-weight: 600; margin-bottom: 30px;}
.footer-content li {position: relative; padding-left: .5rem;}
.footer-content ul {padding-left:3rem;}
.footer-content ul > li strong {font-size:19px; line-height: 22px; color:#000;}
.footer-content ul > li {font-size:17px; line-height: 22px;  color: #717171; margin-bottom:70px; position:relative;}
.footer-content ul > li:nth-child(2) {margin-bottom:50px;}
.footer-content ul > li {list-style-image: url(/wp-content/uploads/2025/02/circle-check.svg)}
.footer-content ul > li span {position:absolute; top:5px;}


@media only screen and (max-width: 767px) {
	.header-content h1{font-size:28px; line-height: 33px;}
	#wpcf7-f1100-p1101-o1 {position:relative !important;}
	#sustaintable-guide-2025 {width: 100% !important;}
	.guide-highlight:last-child {margin-bottom: 0 !important;}
	.body-content{margin-bottom: 0 !important;}
	.footer-content ul > li {margin-bottom:120px;}
	.footer-content ul > li:nth-child(2) {margin-bottom:100px;}
}
