/*!
Theme Name:   Trees 4 Trees
Theme URI:    http://trees4trees.org
Author:       Tonjoo
Author URI:   https://tonjoo.com/
Version:      1.0.1
Text Domain:  tft
*/
.woocommerce-NoticeGroup-checkout { margin-bottom: 0; padding: 30px 30px 0; }
.woocommerce-NoticeGroup-checkout .woocommerce-error { margin-bottom: 0; border: 0; padding-left: 2em; background-color: #ffcccc; color: #30373f; border-radius: 6px; }
.woocommerce-NoticeGroup-checkout .woocommerce-error:before { display: none; }
.woocommerce-checkout-review-order-table, .woocommerce-checkout-payment { display: none; }
body { top: 0 !important; position: static !important; }
.goog-te-banner-frame { display: none !important; visibility: hidden !important; }
#google_translate_element { display: none; }
.main-header .header-top .main-menu .menu-item a span.caret:after { left: 26px; }
/*#wincheck-button { bottom: 24% !important; }*/
/*#roll-form { bottom: 24% !important; }*/
.img-wrapper .content .title-post { color: #fff !important; }
.about-partner .content .title-post { color: #000 !important; }
.about-trees .img-wrapper .content .title-post { color: #fff !important; }
.benefit .image-benefit .img-wrapper .image-description h2 { color: #fff !important; }

/* Custom Css Grafity Form */
.gform_wrapper { margin-top: 0px !important; }
.gform_wrapper .gform_heading { padding: 30px 35px 0px; }
.gform_wrapper .gform_body { padding: 0px 20px 13px 35px; }
.gform_wrapper .gform_footer { padding: 0px 35px 30px !important; text-align: center; }
.gform_wrapper .gfield_required { color: #da1010 !important; }
.gform_wrapper h3.gform_title { font-size: 24px !important; font-weight: 600 !important; color: #000; }
.gform_wrapper .gfield_label { text-transform: uppercase; }
.gform_wrapper ul li.half-column { clear: none !important; float: left; width: 50%; margin-bottom: 16px; }
.gform_wrapper ul li.half-column-second { margin-top: 0px !important; }
.gform_wrapper ul li.gfield input, .gform_wrapper ul li.gfield textarea, .gform_wrapper ul li.gfield select { background: #f9f9f8; border: 1px solid #dbdbd6; width: 100%; border-radius: 4px; font-size: inherit; color: #000; transition: all 0.3s; line-height: 1.3; outline: 0; }
.gform_wrapper ul li.gfield input, .gform_wrapper ul li.gfield textarea { padding: 11px 20px !important; }
.gform_wrapper ul li.gfield select { padding: 11px 8px !important; }
.gform_wrapper ul li.gfield select option { padding: 6px !important; }
.gform_wrapper .gform_footer input[type=submit] { padding: 12px 75px; font-weight: 700; background-color: #5FC51B; color: #fff; border: 0; border-bottom: 4px solid #0f5e0b; text-transform: uppercase; }
.gform_confirmation_wrapper.form-wrapper { padding: 15px; }
@media only screen and (max-width:768px) {
    .gform_wrapper ul li.half-column { float: none; width: 100%; }
}

/* Search */
.result-search .post-list__title { margin-top: 0px; }

/* Single */
.single-banner img { max-height: 450px; }

/* pop up not found */
#popup-notfound .popup-win { position: relative; background: #FFF; padding: 40px; width: 100%; max-width: 780px; margin: 0 auto; box-shadow: 0 6px 24px #00000082; }
#popup-notfound .popup-win .image-wrapper { width: 216px; margin-top: 80px; }
#popup-notfound .popup-win .image-wrapper img { width: 100%; }
#popup-notfound .popup-win .content { margin-left: 60px; }
#popup-notfound .popup-win .content h1 { font-weight: 300; font-size: 40px; margin-bottom: 20px; line-height: 1.3; color: #052304; font-family: "Proxima Nova Light"; }
#popup-notfound .popup-win .content h3 { font-size: 18px; line-height: 1.5; color: #383B38; margin-bottom: 10px; }
#popup-notfound .popup-win .content p { font-size: 16px; line-height: 1.5; color: #383B38; margin-bottom: 10px; }
#popup-notfound .popup-win .content .trouble-text { margin-bottom: 40px; }
#popup-notfound .popup-win .content .btn-search { border-bottom: 4px solid #0f5e0b; text-transform: uppercase; padding: 9px 61px; font-weight: 700; font-size: 18px; border-radius: 0; }
#popup-notfound .popup-win .content .win-number { color: #4F9F1A; font-size: 16px; font-weight: 500; letter-spacing: 0.47px; }
.popup-wrap { position: relative; width: 100%; max-width: 760px; margin: 0 auto; }
.popup-wrap button.mfp-close { display: none; }
@media (max-width:768px) {
    #popup-notfound .popup-win { padding: 30px 15px; }
}
@media (max-width:576px) {
    .popup-wrap { margin: 46px auto; }
    .popup-wrap button.mfp-close { display: block; }
    #popup-notfound .popup-win .image-wrapper { width: 100%; margin-top: 0px; }
    #popup-notfound .popup-win .d-flex { flex-direction: column; }
    #popup-notfound .popup-win .content { margin-left: 0; }
    #popup-notfound .popup-win .content .btn-search { width: 100%; }
}
.benefit .image-benefit .img-wrapper .image-title { top: 78%; }
.benefit .image-benefit .img-wrapper .image-title h2 { font-size: 38px; }
.woocommerce-page .custom-logo-link img { filter: brightness(0) invert(1); }
.tagcloud-widget { height: auto !important; padding: 10px; }
div#tagcloud { margin-bottom: 0px !important; }
div#tagcloud a { font-weight: bold; }
#tagcloud a:nth-child(9n) { color: #4A4A4A; }
#tagcloud a:nth-child(9n+1) { color: #428BCA; }
#tagcloud a:nth-child(9n+2) { color: #5CB85C; }
#tagcloud a:nth-child(9n+3) { color: #D9534F; }
#tagcloud a:nth-child(9n+4) { color: #567E95; }
#tagcloud a:nth-child(9n+5) { color: #B433FF; }
#tagcloud a:nth-child(9n+6) { color: #00ABA9; }
#tagcloud a:nth-child(9n+7) { color: #B37333; }
#tagcloud a:nth-child(9n+8) { color: #FF6600; }
.benefit-buttons { padding-top: 10px; }
.benefit-buttons a.btn { color: #fff; text-decoration: none; padding: 10px 18px; margin: 0 10px 10px 0; }
.benefit-buttons a.btn:last-child { margin-right: 0; }
.main-header .header-top .social-item:first-child { float: right; }
.social-links a:not(.text-link) { color: #798278; font-size: 17px; margin-right: 10px; }
.social-links .social-item:first-child { display: block; margin-bottom: 15px; }
.main-footer .footer-info { margin-top: 20px; }
.main-footer .footer-info p.address { margin-bottom: 15px; }
.main-footer .footer-info p.phone, .main-footer .footer-info p.email, .main-footer .footer-info p.gmaps { margin-bottom: 0; margin-top: 0; }
.banner-slider .overlay, .image-benefit .overlay { opacity: 0.15; }
.lazy-load--wrapper::after { background-size: 100px; }
.main-header .header-bottom .button-scroll .btn-custom2 { padding: 6px 10px 7px; margin-bottom: 0; margin-top: 0; font-size: 16px; }
#back2Top { bottom: -2px; border-bottom: none; }
.benefit .learn-more a { text-decoration: none; }
.main-footer .footer-logo { height: auto; width: auto; }
.main-footer .footer-logo img { width: auto; height: auto; }
#page-content .single-content--wrapper .single-content p { font-size: 18px; }