.about-list {
font-size: 18px;
color: #1e416d;
}
#custom_html-3 {
margin-top : 30px;
}
#custom_html-3 .custom-html-widget {
/* display : inline-flex; */
}
#custom_html-3 .custom-html-widget input[type="email"] {
width : 90%;
}
#custom_html-3 .custom-html-widget input[type="submit"] {
color : #fff;
background-color : #427BB9!important;
}
.gform_footer input[type="submit"] {
color : #fff;
background-color : #427BB9!important;
}
.embed-container iframe {
max-width: 100%;
width: 1160px;
height: 680px;
}
/*TITLE*/
.page-heading {
margin: 30px auto 15px;
}
.static-title {
font-size: 24px;
font-weight: 600;
color: var(--s-accent) !important;
margin-bottom: 30px;
}
.static-title-center {
font-size: 24px;
font-weight: 600;
color: var(--s-accent);
text-align: center;
}
.static-title-center-green {
font-size: 24px;
font-weight: 600;
color: var(--s-accent-hover) !important;
text-align: center;
}
.text-one-row {
margin-top: 30px;
}
.qubely-separator-position-bottom .qubely-separator {
margin-top: 30px !important;
}
/*SINGLE POST*/
.single-area .entry-content .section-download .btn-download {
background: #2b8539;
-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
padding: 0.5rem 2rem;
border-radius: 30px;
margin-bottom: 30px;
width: fit-content;
margin: 0 auto;
}
.btn-download p {
margin: 0;
}
/*BOX*/
.box-500 {
max-width: 500px;
}
.box-600 {
max-width: 600px;
}
.box-700 {
max-width: 700px;
}
.box-800 {
max-width: 800px;
}
.box-900 {
max-width: 900px;
}
.box-1000 {
max-width: 1000px;
}
.box-500, .box-600, .box-700, .box-800, .box-900, .box-1000, .box-align-center {
color: #1e416d !important;
margin: 30px auto 30px;
}
.box-500 a, .box-600 a, .box-700 a, .box-800 a, .box-900 a, .box-1000 a, .box-align-center a {
color: #1e416d;
}
.box-500 a:hover, .box-600 a:hover, .box-700 a:hover, .box-800 a:hover, .box-900 a:hover, .box-1000 a:hover, .box-align-center a:hover {
text-decoration: underline;
}
.box-download {
color: #fff;
text-align: center;
}
.box-align-center {
text-align: center;
}
.align-center,
.align-center .qubely-block-info-box {
align-items: center;
}
/*TABLE*/
table.posts-data-table tbody tr, table.posts-data-table tbody tr a {
background-color: transparent;
font-family: 'thongterm';
color: #1e416d;
font-size: 16px;
}
td.col-notice_category {
width: 150px !important;
}
/*HOME*/
.content-item-stand-by img {
width: 300px;
height: 200px;
object-fit: cover;
}
#banner .splide__slide .info {
top: 70%;
}
/*JOBS*/
#office-banner-track {
max-height: 450px;
margin-bottom: 20px;
}
#office-banner-track img {
max-height: 450px;
object-fit: cover;
}
.sub-btn {
margin-left:30px;
}
.sub-sub-btn {
margin-left: 60px;
}
#banner .splide__slide .info {
width:90%;
max-width: 700px;
}
/* Align left for BTN */
.justify-content-start,
.justify-content-start a.qubely-block-btn-anchor{
justify-content: flex-start;
}
/* Cookie Notice */
#cookie-notice {
z-index: 9999999990;
}
#cookie-notice .cookie-notice-container {
font-size: 15px;
font-family: var(--s-heading);
}
#cookie-notice .cn-set-cookie {
display: none;
}
#cookie-notice .cn-more-info {
font-family: var(--s-heading);
background-color: var(--s-accent);
font-size: 1rem;
}
#cookie-notice .cn-close-icon {
right: 7px;
top: 15%;
}
@media only screen and (min-width: 1024px) {
#cookie-notice .cn-close-icon {
right: 10px;
top: 30%;
}
}
/* thankyou page */
.wrapper-donate-thankyou {
background-size: cover;
min-height: 90vh;
background-position: bottom center;
color: #153050;
}
.wrapper-donate-thankyou .landing-content {
display: flex;
align-items: center;
justify-content: center;
height: 70vh;
}
.wrapper-donate-thankyou .landing-content h2 {
font-weight: 700;
}
.wrapper-donate-thankyou .section-share {
border: 1px solid #2C4956;
border-radius: 10px;
display: flex;
align-items: center;
font-size: 90%;
justify-content: center;
padding: 10px 15px;
margin: 35px auto;
width: auto;
}
.wrapper-donate-thankyou .section-share .title { margin-right: 15px; }
.wrapper-donate-thankyou .section-share .at-share-btn { margin-bottom: 0; }
.wrapper-donate-thankyou .btn-white {
background: #fff;
border: 1px solid #ffff;
border-radius: 25px;
padding: 5px 5px 10px;
display: block;
margin: 0 auto;
width: 150px;
line-height: 1.5;
}
@media only screen and (max-width: 768px) {
.wrapper-donate-thankyou {
background: #CCE9EE url("https://www.eef.or.th/wp-content/uploads/2021/12/bg-maindonate@2x-scaled.jpg");
background-repeat: no-repeat !important;
background-size: contain;
background-position: bottom center;
}
.wp-block-embed figcaption {
font-size: 0.9rem;
line-height: 1.35;
}
}
@media only screen and (min-width: 992px) {
#banner .splide__slide .info h2 {
font-size: 2.25rem;
}
}
.wrapper-community-product #post-43589 { display: none;}
/* campaign central */
@media (max-width: 991px) {
.qubely-block-image figure .qubely-image-container img {
object-fit: contain;
}
}
.sgpb-popup-dialog-main-div-theme-wrapper-6 {
z-index: 9999999 !important;
}
@media (min-width: 768px) {
.list-2col {
display: flex;
}
.list-2col-left,
.list-2col-right{
flex-basis: 50%;
}
}
@media (min-width: 992px) {
._show-sm {
display: none;
}
}
@media (max-width: 991px) {
.column-about .col2-sm-nowrap .wp-block-column {
flex-basis: calc(50% - 1em)!important;
}
._show-sm {
display: block;
}
}
.gb-button-wrapper .gb-button {
cursor: pointer;
}
.column-about .wp-block-separator {
border-bottom: 2px solid #f0e8c5;
}
._w500 {
max-width: 500px;
margin: 0 auto;
}
.wrapper-cg-donate {
z-index: 9999999 !important
}
body.page-id-76864 .fb_reset,
body.page-id-46988 .fb_reset,
body.page-id-63231 .fb_reset,
body.page-id-61789 .fb_reset,
body.page-id-74906 .fb_reset,
body.page-id-61789 .site-donate,
body.page-id-66446 .site-donate,
body.page-template-page-donate .fb_reset,
body.page-id-52910 .fb_reset,
body.page-template-page-donate2022 .fb_reset,
body.page-id-66446 .fb_reset,
body.page-id-74906 .site-donate,
body.page-id-82167 .site-donate,
body.page-id-90768 .site-donate,
body.page-id-75792 .site-donate,
body.page-id-97995 .site-donate,
body.page-id-99638 .site-donate,
body.page-id-102265 .site-donate {
display: none !important;
}
/* hide facebook chat */
body.page-id-58928 [data-wzb][data-disabled=false],
body.page-id-74906 [data-wzb][data-disabled=false],
body.page-id-90768 [data-wzb][data-disabled=false]{
display: none !important
}
/* hide btn donate */
.wrapper-cg-bardonate .wrapper-btn,
.wrapper-cg-2022-bardonate .wrapper-btn {
display: none;
}
.wrapper-cg-2023-bardonate .wrapper-btn,
.wrapper-sbf-bardonate .wrapper-btn {
display: block;
}
.wrapper-cg-2024-bardonate .wrapper-btn {
display: none;
}
@media (max-width: 500px) {
.wrapper-cg-bardonate .amount.aw,
.wrapper-cg-2022-bardonate .amount.aw {
width: 100%;
}
.wrapper-sbf-bardonate .aw strong {
font-size: 1.75rem;
}
.wrapper-sbf-bardonate {
padding-left: 0;
}
.wrapper-cg-2024-bardonate .amount.aw {
width: 95%;
}
}
@media (max-width: 500px) {
.wrapper-cg-2023-bardonate .amount.aw {
width: 47%;
}
.wrapper-cg-2022-bardonate.bar-kid .amount.aw{
border-bottom: 0;
}
.wrapper-cg-2022-bardonate.bar-kid .amount strong {
margin-top: 0;
}
div[data-wzb="SocialMobileTool"] {
display: none !important;
}
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item:first-child {
margin-right: 0.75rem;
padding-right: 0.5rem;
}
.border { border: 1px solid #f5f5f5; }
p.text-justify {
text-align: justify;
}
/* worsk */
body.postid-49079 .sec-social {
background: #F4F4E7;
}
body.postid-49079 .seed-social { margin-top: 0;}
hr.wp-block-separator.wk-hr {
border-color: #F6CFB3;
width: 180px;
margin-left: 0;
border-style: dotted;
border-bottom: 0;
border-width:6px;
}
h2.wk-title-scope {
background: url("https://www.eef.or.th/wp-content/uploads/2021/12/h2-wk-scope@2x.png") no-repeat;
background-size: contain;
text-indent: -9999em;
width: 270px;
height: 65px;
margin: -75px auto 46px;
}
h2.wk-title-area {
background: url("https://www.eef.or.th/wp-content/uploads/2021/12/h2-wk-area@2x.png") no-repeat;
background-size: contain;
text-indent: -9999em;
width: 270px;
height: 65px;
margin: 0 auto 3rem;
}
h2.wk-title-benefit {
background: url("https://www.eef.or.th/wp-content/uploads/2021/12/h2-wk-benefit@2x.png") no-repeat;
background-size: contain;
text-indent: -9999em;
width: 370px;
height: 65px;
margin: -75px auto 46px;
}
.f-heading {
font-family: var(--s-heading);
}
.hr-brown {
border-color: #E8E5D5;
}
.wk-wrapper-paper:after {
content: "";
width: 120px;
height: 70px;
background-size: 100% !important;
background-repeat: no-repeat;
background: url("https://www.eef.or.th/wp-content/uploads/2021/12/ic-wk-traiangle@2x.png") no-repeat;
position: absolute;
bottom: 20px;
right: 0;
}
.wk-card-map {
max-width: 165px;
width: 100%;
}
.wk-card-map .qubely-info-box-body {
padding: 5px 0 0;
}
.wk-card-map p.f-heading em {
font-weight: bold;
font-style: normal;
font-size: 4rem;
display: block;
line-height: 1;
}
.wk-card-map p.f-heading { margin-bottom: 0; margin-top: -10px;}
@media (max-width: 767px) {
.wk-card-map-wrapper > .gb-inside-container {
display: flex;
margin-top: 20px;
justify-content: center;
}
.wk-card-map-wrapper .wk-card-map:first-child {
margin-right: 10px !important;
}
.wk-card-map-wrapper h3.qubely-info-box-title {
font-size: 16px !important;
padding-right: 5px;
}
h2.wk-title-benefit {
width: 100%;
margin: -55px auto 0;
}
h2.wk-title-scope {
margin: -55px auto 20px;
}
.wk-wrapper-paper:after {
bottom: 0;
}
}
.btn-kaokonlakao a.qubely-block-btn-anchor,
.btn-kaokonlakao a.qubely-block-btn-anchor:hover {
background: url(https://www.eef.or.th/wp-content/uploads/2021/12/btn-kaokonlakao@2x.png) center center;
background-size: contain;
background-repeat: no-repeat;
text-indent: -999em;
display: block !important;
height: 60px;
padding: 0 !important;
border: none;
}
.btn-kaokonlakao a.qubely-block-btn-anchor:hover:before,
.btn-kaokonlakao a.qubely-block-btn-anchor:before {
display: none !important;
}
@media (min-width: 500px) {
.btn-kaokonlakao a.qubely-block-btn-anchor,
.btn-kaokonlakao a.qubely-block-btn-anchor:hover {
background: url(https://www.eef.or.th/wp-content/uploads/2021/12/btn-kaokonlakao@2x.png) left center;
background-size: contain;
background-repeat: no-repeat;
}
}
/* button small */
.site a.qubely-block-btn-anchor {
border-radius: 5px;
}
.site a.qubely-block-btn-anchor.is-small {
font-size: 14px;
}
/* donate */
@media (min-width: 768px) {
.wrapper-sf-bardonate .btn {
padding: 12px 20px 2px;
}
}
/* ครูรักษ์ถิ่น */
.bg-green-heading h2 {
background: url("https://www.eef.or.th/wp-content/uploads/2022/04/concept_text_base-1.png") no-repeat;
height: 50px;
padding: 8px 0;
background-size: contain !important;
}
@media (min-width: 767px) and (max-width: 900px) {
.card-info-teacher .qubely-info-box-body .qubely-info-box-content .qubely-info-box-text p {
font-size: 12px;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content {
min-height: 300px;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content::after {
height: 65%;
}
}
.content-item.-card {
transform: none;
}
.ma-0 { margin: 0 !important}
/* indent */
.indent-2 { margin-left: 22px; }
.indent-3 { margin-left: 42px; }
.indent-4 { margin-left: 62px; }
/* button */
.justify-content-start, .justify-content-start a.qubely-block-btn-anchor {
text-align: left;
}
/* pdpa */
.policy-container {
max-width: 1200px;
}
.box-policy .right1 { text-align: center; }
.box-policy {
z-index: 2147483647 !important;
padding: 1rem 0 !important;
}
.policy-container div {
font-size: 80%;
}
.policy-container .btn-submit-policy {
font-size: 12px;
}
.pdpa-head, .pdpa-footer {
height: auto !important;
}
.pdpa-head h3 { margin-bottom: 0;}
#pdpa-cookie-type {
height: calc(100% - 145px);
}
/* tsqp */
.bg-curve-yellow::before {
border-top: 33px solid #f7f1d5;
}
.card-tsqp .qubely-info-box-text {
padding-left: 1em;
}
.btn-130 .qubely-block-btn {
width: 130px !important;
margin: 0 auto;
}
@media (min-width: 768px) {
.btn-130 .qubely-info-box-title-inner {
min-height: 150px;
}
/* donate */
.bg-kids::before {
top: -30%;
height: 250px;
display: none !important;
}
}
.bg-kids::before {
display: none;
}
.m-0 { margin: 0 !important}
@media (max-width: 767px) {
.img-first .gb-grid-column:last-child {
order: -1;
}
}
.justify-content-center .qubely-row {
justify-content: center;
}
/* btn shop */
.btn.btn-shop {
padding: 4px 35px 9px 15px;
position: relative;
line-height: 1;
border-radius: 50px;
background: #38AB49;
border: 1px solid #38AB49;
color: white;
}
.btn.btn-shop:after {
content: "";
background: url("https://www.eef.or.th/wp-content/themes/eef/images/ic-bag.png") no-repeat right center;
background-size: 100%;
width: 17px;
height: 17px;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
}
body.page-id-63231#fb-root.fb_reset { display: none !important}
.hidden { display: none;}
.collapsed-list ul {
padding-left: 0;
}
.collapsed-list ul li {
list-style: none;
margin-bottom: 0.5rem;
}
/* Jobs List */
.main-header {
padding: 10px 0 15px !important;
}
.awsm-job-content {
padding-bottom: 0;
}
.single-awsm_job_openings .main-header .title {
font-size: 36px;
line-height: 1.5;
}
.main-header.-banner .title {
margin-bottom: 0 !important;
}
.awsm-list-left-col {
width: 70%;
}
.awsm-list-right-col {
width: 30%;
text-align: right;
}
.awsm-job-head, .awsm_job_spec_above_content {
margin-bottom: 0;
}
.awsm-job-container {
padding-left: calc(30px/2);
padding-right: calc(30px/2);
padding-top: 0;
}
.awsm-job-container .awsm-job-form {
display: none;
}
.awsm-jobs-single-title {
font-weight: bold;
}
.job-title {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.awsm-job-container {
max-width: 540px;
padding-left: calc(30px/2);
padding-right: calc(30px/2);
}
}
@media (min-width: 768px) {
.awsm-job-container {
max-width: 720px;
}
.job-header {
float: left;
}
.awsm-filter-wrap form {
justify-content: flex-end;
}
.awsm-filter-item-search {
margin-right: 0;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.awsm-job-item h2.awsm-job-post-title {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.awsm-job-container {
max-width: 1100px;
position: relative;
}
.awsm-job-container .job-detail {
display: flex;
flex-wrap: wrap;
}
}
.awsm-job-item {
background-color: transparent;
font-weight: 1em;
font-weight: bold;
}
.awsm-job-item h2.awsm-job-post-title a {
font-weight: bold;
color: #1e416d;
font-family: var(--s-body);
}
.awsm-job-item h2.awsm-job-post-title a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.awsm-filter-wrap {
float: right;
}
}
.awsm-filter-item-search {
margin-bottom: 15px;
}
.awsm-filter-wrap {
margin-bottom: 0;
}
.awsm-job-listings.awsm-lists {
clear: both;
border: 1px solid var(--s-border);
border-left: 0;
border-right: 0;
}
.awsm-filter-item-search .awsm-job-form-control {
min-height: 42px;
}
.awsm-filter-item-search .awsm-job-search-icon-wrapper {
line-height: 42px;
}
.awsm-job-listing-item.awsm-list-item {
border-bottom: 1px solid var(--s-border);
}
.awsm-job-listing-item.awsm-list-item:last-child {
border-bottom: 0;
}
.awsm-list-item .awsm-job-item {
border-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.awsm-list-item .awsm-job-more-container .awsm-job-more {
padding: 5px 10px;
border: 1px solid #3aab49;
border-radius: 5px;
}
.awsm-list-item .awsm-job-more-container .awsm-job-more:hover {
background: #3aab49;
border: 1px solid #3aab49;
color: #fff;
}
.awsm-job-more-container .awsm-job-more span::before {
content: "+";
}
.float-left {
float: left;
}
/* Detail Jobs */
.awsm-jobs-single-title {
margin-bottom: 0;
}
.awsm-job-entry-content ul,
.awsm-job-entry-content ol {
margin-left: 1rem;
}
.awsm-jobs-single-title::before,
.heading-dpm::before {
content: "ตำแหน่งงาน";
display: block;
padding-right: 20px;
color: #1e416d;
font-size: 18px;
font-weight: normal;
}
.awsm-jobs-single-title {
color: #1e416d;
}
.heading-dpm {
font-size: 1.5rem;
font-weight: 600;
color: #1e416d;
margin-bottom: 25px;
border-bottom: 1px solid #1e416d;
padding-bottom: 25px;
}
.heading-dpm::before {
content: "หน่วยงาน";
}
.awsm-job-entry-content h3,
.awsm-job-entry-content h4 {
color: var(--s-accent);
}
@media (min-width: 768px) {
.awsm-jobs-single-title {
font-size: 2.25rem;
}
.awsm-jobs-single-title::before,
.heading-dpm::before {
min-width: 190px;
}
}
/* Detail Jobs Register */
.job-detail-sidebar {
background-color: #f3f3f3;
padding: 20px 10px 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
}
.job-detail-sidebar .widget-title {
font-size: 1.5rem;
font-weight: bold;
color: #1e416d;
margin-bottom: 15px;
}
.btn-register,
.btn-file {
display: block;
background: var(--s-accent);
border-radius: 5px;
width: 250px;
padding: 7px 20px 12px;
font-weight: bold;
font-family: var(--s-heading);
font-size: 110%;
color: white;
margin: 0 auto 10px;
}
.btn-register:hover {
color: #fff;
background-color: var(--s-accent-hover);
}
.btn-file {
background: #f1c427;
color: #1e416d;
}
.btn-file:hover {
background: #ffda57;
color: #1e416d;
}
.job-detail-sidebar .danger {
color: #CC0000;
font-size: 90%;
}
.wrapper-sf-hero2023 .wp-block-image {
max-width: 650px;
margin: auto;
}
/* educationsandbox */
body.page-id-58928 .wrapper-main-bardonate.educationsandbox {
display: none !important;
}
body.page-id-66814 .wrapper-main-bardonate {
display: none;
}
body.page-id-66814 .wrapper-main-bardonate.educationsandbox {
display: flex !important;
}
body.page-id-66814 .wrapper-relate-donate {
display: none;
}
body.page-id-66814 .show-desktop p,
body.page-id-66814 .show-mobile p,
body.page-id-66814 .main-content p{
margin-bottom: 0 !important;
}
.show-desktop {
display:none;
}
.show-mobile {
display:block;
}
@media (min-width: 992px) {
.show-desktop {
display:block;
}
.show-mobile {
display:none;
}
}
@media (max-width: 767px) {
.wrap-aw-spj .window-frame {
background-color: transparent !important;
}
.wrapper-cg-2023-about .column-about, .wrapper-cg-2023-about01 .column-about {
max-width: 100% !important;
}
}
.wrapper-cg-2023-hero .column-hero {
max-width: 650px !important;
}
@media (max-width: 500px) {
.wrapper-cg-2023-hero .column-hero .branding img {
width: 180px !important;
}
}
.wrapper-cg-2023-hero .column-hero::after {
z-index: -1;
}
/*
body.page-id-71181 .font-body,
body.page-id-71181 .font-body h2,
.wrapper-spj-bardonate,
body.page-id-71181 .qubely-block-heading h2,
body.page-id-71181 .qubely-block-heading h3,
body.page-id-71181 .spj-wrap-target .item-target sub{
font-family: "thongterm", sans-serif !important;
}
.wrapper-spj-bardonate span.label {
line-height: 1.5;
}
.wrapper-spj-bardonate .f-sm {
margin: 5px 0;
}
.wrapper-spj-bardonate .amount strong {
line-height: 1;
margin-top: 0;
} */
.eqt-bg-tp-gradient {
position: relative;
}
.eqt-bg-tp-gradient:before{
content:"";
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
background: url("https://www.eef.or.th/wp-content/uploads/2023/10/bg-top@2x.png") no-repeat top center;
background-size: cover;
}
.eqt-bg-bt-gradient {
position: relative;
}
.eqt-bg-bt-gradient:after {
content:"";
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background: url("https://www.eef.or.th/wp-content/uploads/2023/10/bg-bottom@2x.png") repeat-x top center;
background-size: cover;
}
.z-99999 {
z-index: 99999;
}
.qubely-block-tab .wp-block-qubely-tab.qubely-tab-content.qubely-active {
z-index: 9999;
}
@media (max-width: 500px) {
.wrapper-sbf-bardonate .amount.aw {
border: none;
}
.wrapper-sbf-bardonate .btn {
justify-content: center;
align-items: center;
padding: 8px 20px 14px 20px
}
.wrapper-sbf-bardonate .wrapper-btn .btn {
font-size: 1.1em;
}
.wrapper-sbf-bardonate .wrapper-btn .f-sm {
text-align: center;
display: block;
}
}
.wrapper-sbf-bardonate .amount:first-child:after {
display: none;
}
.wrapper-sbf-bardonate .amount.kids {
display: none !important;
}
.wrap-tab-campaign .wrap-mediacard {
min-width: 280px;
}
/* superjeew */
.row-wrapper-spj-donate .wrapper-spj-bardonate {
padding: 7px 0;
}
.row-wrapper-spj-donate .wrapper-btn {
display: none;
}
@media (max-width: 690px) {
.row-wrapper-spj-donate .qubely-container .wrapper-spj-bardonate {
display: flex;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate .amount.aw {
border-bottom: 0;
border-right: 1px solid #2D60B6;
width: auto !important;
padding: 0 10px;
margin: 0 10px;
}
.wrapper-cg-2023-bardonate .amount.aw {
border-bottom:0;
}
body.page-id-72399 .wrapper-cg-2023-bardonate {
display: flex;
}
}
/* สานฝัน 2023 */
body.page-id-66446 .wrapper-sf-bardonate2023 .wrapper-btn,
body.page-id-72399 .wrapper-cg-2023-bardonate .wrapper-btn{
display: none;
}
body.page-id-66446 .wrapper-sf-bardonate2023 {
display: flex;
}
body.page-id-66446 .wrapper-sf-bardonate {
margin: 0;
}
body.page-id-66446 .wrapper-sf-bardonate .amount.aw {
border-bottom: 0;
border-right: 1px solid #fff;
width: auto !important;
padding: 0 5px;
margin: 0 5px;
}
.wrapper-sf-bardonate .amount
{
width: auto;
}
/* สานฝัน 2024 */
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 {
color: white;
background-color: #2E318D;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .btn {
line-height: 1;
font-size: 1.5em;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .btn:hover {
background-color: #366927;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .aw::before {
background: url("https://www.eef.or.th/wp-content/uploads/2024/02/icon-sarnfun2024.png") no-repeat left bottom;
background-size: contain;
height: 100px;
top: 0;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .amount:first-child:after {
background: #FFFFFF;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .wrapper-btn {
display: none;
}
@media (max-width: 1024px) {
.wrapper-hero-sf2024 .qubely-image-container {
margin: 0 -25px;
}
.wrapper-about-sf2024:before,
.wrap-sf2024-bag:before{
display: none;
}
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item h2 {
font-size: 1.25rem;
}
.wrapper-sf-bardonate.wrapper-sf-bardonate2024 .aw::before {
display: none;
}
@media (max-width: 1024px) {
.wrapper-6minute {
background-position: 0 bottom !important;
}
}
/* footer */
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer {
justify-content: space-between;
background: transparent;
margin-left: 0;
padding-left: 0;
line-height: 1.75em;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .aw::before {
display: none;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .wrapper-btn {
text-align: center;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .wrapper-btn .btn {
display: block;
padding: 10px 25px 17px 25px;
min-width: 200px;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .aw strong {
font-size: 2.5rem
}
@media (max-width: 575px) {
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .wrapper-btn .btn {
padding: 10px 10px 17px 10px;
min-width: 100px;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .wrapper-sbf-bardonate {
padding-left: 0;
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .aw .label {
font-size: 80%
}
.wrapper-sbf-bardonate.wrapper-sbf-bardonate-footer .aw strong {
font-size: 1.5rem
}
}
.kadnud-progress-bar-list-item .progress .progress-bar {
min-width: 0.65%;
}
/* flipbook */
.flipbook-container[data-display="front"] .flipbook {
z-index: 9999999 !important;
}
.flipbook-container .fb-nav ul li.preview,
.flipbook-container .fb-nav ul li.zoom,
.flipbook-container .fb-nav ul li.show-all,
.flipbook-container .fb-nav ul li.next{
display: none !important;
}
#rfbwp_fullscreen .flipbook-container .fb-nav ul li.preview,
#rfbwp_fullscreen .flipbook-container .fb-nav ul li.zoom,
#rfbwp_fullscreen .flipbook-container .fb-nav ul li.show-all,
#rfbwp_fullscreen .flipbook-container .fb-nav ul li.next{
display: inline-block !important;
}
.book-preview .flipbook-container .flipbook {
display: none;
}
.book-preview #rfbwp_fullscreen .flipbook-container .flipbook {
display: block;
}
.book-preview .flipbook-container .fb-nav ul li.fullscreen::after {
display: inline-block;
content: "อ่านออนไลน์"
}
.book-preview .flipbook-container .fb-nav ul li.fullscreen i {
margin-right: 10px;
}
.book-preview .flipbook-container {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.book-preview .flipbook-container {
margin: 0;
padding: 0;
}
}
/* Content Card */
.content-item.-card .entry-header .entry-title b {
font-size: 1em;
font-weight: normal;
margin-top: 0;
}
.content-item.-card .entry-header .entry-title span {
padding-top: 4px;
padding-bottom: 0;
}
.box-500 a, .box-600 a, .box-700 a, .box-800 a, .box-900 a, .box-1000 a, .box-align-center a {
text-decoration: underline;
text-underline-offset: 2px;
}
.box-500 a:hover,
.box-600 a:hover,
.box-700 a:hover,
.box-800 a:hover,
.box-900 a:hover,
.box-1000 a:hover,
.box-align-center a:hover {
text-decoration: none;
}
/* KFC Donate Bar */
.wrapper-bardonate {
color: white;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-family: var(--s-heading);
padding: 10px 0;
position: relative;
}
.wrapper-bardonate .amount {
margin-right: 50px;
}
.wrapper-bardonate .amount .label {
font-size: 14px;
}
.wrapper-bardonate .amount strong {
font-size: 2rem;
}
.wrapper-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-bardonate .btn {
background: url("https://www.eef.or.th/wp-content/uploads/2024/06/btn-donate.png") no-repeat center center;
background-size: contain;
width: 200px;
height: 40px;
text-indent: -999em;
}
.wrapper-bardonate .wrapper-btn .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
}
@media (max-width: 575px) {
.wrapper-bardonate {
justify-content: space-between;
}
.wrapper-bardonate .amount {
margin-right: 0px;
}
.wrapper-bardonate .btn {
width: 170px;
}
}
body.page-id-82167 .ztb-tab-container,
.wrapper-bardonate.donate-flood {
color: #231F20;
}
.qubely-block-advanced-list .qubely-list-type-ordered li:before {
font-family: thongterm, sans-serif;
}
.wrapper-bardonate.donate-flood .btn {
background: url("https://www.eef.or.th/wp-content/uploads/2024/09/btn-donate-flood.png") no-repeat center center;
background-size: contain;
}
/* .wrap-shop::before,
.wrap-shop::after {
display: none;
} */
.mb-0 { margin-bottom: 0; }
.entry-meta.load-static {
margin: 0;
display: inline-block;
color: white;
padding-right: 5px;
font-size: 14px;
font-weight: bold;
}
#campaign-all-banner-slide08 .wrap-summary .summary-item {
border-right: 0 !important;
}
.site-footbar .widget a {
text-underline-offset: 3px;
text-decoration: underline;
}
.site-footbar .widget a:hover {
opacity: 0.8;
}
/* sarnfun 2025 */
.wrapper-sf-bardonate-2025 {
background: #2689DF;
color: white;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-family: var(--s-heading);
padding: 10px 0 0;
position: relative;
}
.wrapper-sf-bardonate-2025 .amount {
width: auto;
position: relative;
padding: 0 2rem;
}
.wrapper-sf-bardonate-2025 span.label {
font-size: 1rem;
}
.wrapper-sf-bardonate-2025 .amount strong {
font-size: 2.5rem;
line-height: 1.5;
margin-top: -0.75rem;
display: inline-block;
}
.wrapper-sf-bardonate-2025 .amount strong + span {
font-weight: 700
}
.wrapper-sf-bardonate-2025 .amount:first-child:after {
content: "";
background: #ffffff;
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 10%;
}
.wrapper-sf-bardonate-2025 .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-sf-bardonate-2025 .btn {
display: flex;
margin: 0;
background: #FF75CD;
color: #fff;
font-family: var(--f-happy);
min-width: 150px;
text-align: center;
padding: 15px 50px 5px;
border-radius: 50px;
line-height: 1;
font-size: 34px;
position: relative;
transition: 0.5s all;
}
.wrapper-sf-bardonate-2025 .f-sm {
font-size: 14px;
padding: 5px 0 10px;
}
@media (max-width: 500px) {
.wrapper-sf-bardonate-2025 {
margin: 0 15px;
padding: 7px 0;
position: inherit;
width: 100vw;
display: block;
text-align: left;
}
.wrapper-sf-bardonate-2025 .wrapper-btn {
width: 160px;
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
.wrapper-sf-bardonate-2025 .btn {
padding: 10px 20px 5px;
font-size: 1.5rem;
margin: 0;
justify-content: center;
}
.wrapper-sf-bardonate-2025 span.label {
font-size: 85%;
}
.wrapper-sf-bardonate-2025 .amount {
margin-right: 5px;
padding: 0;
width: 100%;
float: none;
}
.wrapper-sf-bardonate-2025 .amount:first-child:after {
display: none;
}
.wrapper-sf-bardonate-2025 .amount strong {
font-size: 1.5rem;
margin-top: -0.4rem;
}.wrapper-sf-bardonate-2025 .f-sm {
font-size: 14px;
padding: 5px 0 10px;
}
.wrapper-sf-bardonate-2025 .f-sm {
text-align: center;
font-size: 12px;
}
.wrapper-sf-bardonate-2025 .amount {
width: auto;
}
.bg-sarnfun-sm {
background-size: 200%;
}
.hide-bg-sm {
background: none;
}
}
::-moz-selection {
background-color: #39ab49;
color: #fff;
}
::selection {
background-color: #39ab49;
color: #fff;
}
body.postid-93928 .job-detail-sidebar {
display: none;
}
#post-65910 .qubely-block-ea9085 .wp-block-image {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-image figcaption.wp-element-caption,
.gb-block-image figcaption{
text-align: center;
font-size: 90%;
color: gray;
}
/* Q-info */
.quote-green {
position: relative;
}
.quote-green::before {
content: " ";
background: url("https://www.eef.or.th/wp-content/uploads/2025/06/quote-green.png") no-repeat center center;
background-size: 26px;
height: 26px;
width: 26px;
display: block;
position: absolute;
top: -35px;
left: 50%;
transform: translate(-50%, 0);
}
.quote-green::after {
content: " ";
background: url("https://www.eef.or.th/wp-content/uploads/2025/06/quote-green.png") no-repeat center center;
background-size: 26px;
height: 26px;
width: 26px;
display: block;
position: absolute;
bottom: -50px;
left: 50%;
transform: translate(-50%, 0) rotate(180deg);
}
.block-triangle, .card-no1, .card-no2, .card-no3 {
position: relative;
}
.block-triangle::after {
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #249746;
position: absolute;
bottom: -20px;
left: 50%;
transform: translate(-50%, 0);
}
.card-no1::before, .card-no2::before, .card-no3::before {
content: "1";
font-family: var(--s-heading);
font-weight: bold;
text-align: center;
font-size: 20px;
line-height: 1.5em;
color: white;
width: 35px;
height: 35px;
background: #A7D05A;
border-radius: 50%;
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%, 0);
}
.card-no2::before {
content: "2";
background: #76BC80;
}
.card-no3::before {
background: #38AB49;
content: "3";
}
.num-circle-green {
margin: 0 auto 10px;
background-color: #38AB49;
border-radius: 50%;
color: white;
font-weight: bold;
text-align: center;
width: 40px;
height: 40px;
}
@media (min-width: 768px) {
.card-triangle-right {
position: relative;
}
.card-triangle-right::after {
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #38AB49;
position: absolute;
right: -20px;
top: 50%;
transform: translate(0, -50%);
}
}
.maw-full {
max-width: 100vw;
}
.text-shadow {
text-shadow: 0 3px 4px rgba(0, 0, 0, 0.55);
}
/* south flood */
body.page-id-97950 .site-footbar,
body.page-id-97950 [data-wzb][data-disabled=false]{
display: none;
}
@media (min-width: 768px) {
.card-h-500 .qubely-block-mediacard {
height: 470px;
}
}
.wrapper-sosflood-donate .wrapper-bardonate {
color: #000;
}
.wrapper-sosflood-donate .wrapper-bardonate .btn {
background: url("https://www.eef.or.th/wp-content/uploads/2025/12/btn-donate.png") no-repeat center center;
background-size: contain;
}
.wrapper-sosflood-donate {
margin: 0 !important;
transition: 0.3s
ease-in-out;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999 !important;
}
.wrap-tab-campaign .wrap-mediacard .info h3 {
font-size: 1.35rem;
}
body.page-id-99371 .fitVids-wrapper {
padding-bottom: 56.25% !important;
}
.counter-stat {margin-top: 0;}
/* eef donate */
.wrapper-cg-2022-bardonate.bar-kid {
background: #2E5094;
}
.wrapper-cg-2022-bardonate.bar-kid .aw::before {
background: url("https://www.eef.or.th/wp-content/uploads/2026/05/profile-kids.png") no-repeat;
background-size: contain;
}
.wrapper-cg-2022-bardonate.bar-kid .btn {
background-color: #EAD870;
color: #000000;
padding: 5px 20px 12px 20px;
justify-content: center;
}
.wrapper-cg-2022-bardonate.bar-kid .btn::before {
display: none;
}
.wrapper-cg-2022-bardonate.bar-kid .wrapper-btn {
display: block;
margin-left: 20px;
}
Skip to content
