@charset "UTF-8";
@font-face{font-family:awsm-jobs-icomoon;src:url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/fonts/awsm-jobs-icomoon.eot?49gwka);src:url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/fonts/awsm-jobs-icomoon.eot?49gwka#iefix) format('embedded-opentype'),url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/fonts/awsm-jobs-icomoon.ttf?49gwka) format('truetype'),url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/fonts/awsm-jobs-icomoon.woff?49gwka) format('woff'),url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/fonts/awsm-jobs-icomoon.svg?49gwka#awsm-jobs-icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" awsm-job-icon-"],[class^=awsm-job-icon-]{font-family:awsm-jobs-icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.awsm-job-icon-close-circle:before{content:"\e900";color:#a6a6a6}.awsm-job-icon-asterisk:before{content:"\f069"}.awsm-job-icon-plus:before{content:"\f067"}.awsm-job-icon-question:before{content:"\f128"}.awsm-job-icon-minus:before{content:"\f068"}.awsm-job-icon-glass:before{content:"\f000"}.awsm-job-icon-music:before{content:"\f001"}.awsm-job-icon-search:before{content:"\f002"}.awsm-job-icon-envelope-o:before{content:"\f003"}.awsm-job-icon-heart:before{content:"\f004"}.awsm-job-icon-star:before{content:"\f005"}.awsm-job-icon-star-o:before{content:"\f006"}.awsm-job-icon-user:before{content:"\f007"}.awsm-job-icon-film:before{content:"\f008"}.awsm-job-icon-th-large:before{content:"\f009"}.awsm-job-icon-th:before{content:"\f00a"}.awsm-job-icon-th-list:before{content:"\f00b"}.awsm-job-icon-check:before{content:"\f00c"}.awsm-job-icon-close:before{content:"\f00d"}.awsm-job-icon-remove:before{content:"\f00d"}.awsm-job-icon-times:before{content:"\f00d"}.awsm-job-icon-search-plus:before{content:"\f00e"}.awsm-job-icon-search-minus:before{content:"\f010"}.awsm-job-icon-power-off:before{content:"\f011"}.awsm-job-icon-signal:before{content:"\f012"}.awsm-job-icon-cog:before{content:"\f013"}.awsm-job-icon-gear:before{content:"\f013"}.awsm-job-icon-trash-o:before{content:"\f014"}.awsm-job-icon-home:before{content:"\f015"}.awsm-job-icon-file-o:before{content:"\f016"}.awsm-job-icon-clock-o:before{content:"\f017"}.awsm-job-icon-road:before{content:"\f018"}.awsm-job-icon-download:before{content:"\f019"}.awsm-job-icon-arrow-circle-o-down:before{content:"\f01a"}.awsm-job-icon-arrow-circle-o-up:before{content:"\f01b"}.awsm-job-icon-inbox:before{content:"\f01c"}.awsm-job-icon-play-circle-o:before{content:"\f01d"}.awsm-job-icon-repeat:before{content:"\f01e"}.awsm-job-icon-rotate-right:before{content:"\f01e"}.awsm-job-icon-refresh:before{content:"\f021"}.awsm-job-icon-list-alt:before{content:"\f022"}.awsm-job-icon-lock:before{content:"\f023"}.awsm-job-icon-flag:before{content:"\f024"}.awsm-job-icon-headphones:before{content:"\f025"}.awsm-job-icon-volume-off:before{content:"\f026"}.awsm-job-icon-volume-down:before{content:"\f027"}.awsm-job-icon-volume-up:before{content:"\f028"}.awsm-job-icon-qrcode:before{content:"\f029"}.awsm-job-icon-barcode:before{content:"\f02a"}.awsm-job-icon-tag:before{content:"\f02b"}.awsm-job-icon-tags:before{content:"\f02c"}.awsm-job-icon-book:before{content:"\f02d"}.awsm-job-icon-bookmark:before{content:"\f02e"}.awsm-job-icon-print:before{content:"\f02f"}.awsm-job-icon-camera:before{content:"\f030"}.awsm-job-icon-font:before{content:"\f031"}.awsm-job-icon-bold:before{content:"\f032"}.awsm-job-icon-italic:before{content:"\f033"}.awsm-job-icon-text-height:before{content:"\f034"}.awsm-job-icon-text-width:before{content:"\f035"}.awsm-job-icon-align-left:before{content:"\f036"}.awsm-job-icon-align-center:before{content:"\f037"}.awsm-job-icon-align-right:before{content:"\f038"}.awsm-job-icon-align-justify:before{content:"\f039"}.awsm-job-icon-list:before{content:"\f03a"}.awsm-job-icon-dedent:before{content:"\f03b"}.awsm-job-icon-outdent:before{content:"\f03b"}.awsm-job-icon-indent:before{content:"\f03c"}.awsm-job-icon-video-camera:before{content:"\f03d"}.awsm-job-icon-image:before{content:"\f03e"}.awsm-job-icon-photo:before{content:"\f03e"}.awsm-job-icon-picture-o:before{content:"\f03e"}.awsm-job-icon-pencil:before{content:"\f040"}.awsm-job-icon-map-marker:before{content:"\f041"}.awsm-job-icon-adjust:before{content:"\f042"}.awsm-job-icon-tint:before{content:"\f043"}.awsm-job-icon-edit:before{content:"\f044"}.awsm-job-icon-pencil-square-o:before{content:"\f044"}.awsm-job-icon-share-square-o:before{content:"\f045"}.awsm-job-icon-check-square-o:before{content:"\f046"}.awsm-job-icon-arrows:before{content:"\f047"}.awsm-job-icon-step-backward:before{content:"\f048"}.awsm-job-icon-fast-backward:before{content:"\f049"}.awsm-job-icon-backward:before{content:"\f04a"}.awsm-job-icon-play:before{content:"\f04b"}.awsm-job-icon-pause:before{content:"\f04c"}.awsm-job-icon-stop:before{content:"\f04d"}.awsm-job-icon-forward:before{content:"\f04e"}.awsm-job-icon-fast-forward:before{content:"\f050"}.awsm-job-icon-step-forward:before{content:"\f051"}.awsm-job-icon-eject:before{content:"\f052"}.awsm-job-icon-chevron-left:before{content:"\f053"}.awsm-job-icon-chevron-right:before{content:"\f054"}.awsm-job-icon-plus-circle:before{content:"\f055"}.awsm-job-icon-minus-circle:before{content:"\f056"}.awsm-job-icon-times-circle:before{content:"\f057"}.awsm-job-icon-check-circle:before{content:"\f058"}.awsm-job-icon-question-circle:before{content:"\f059"}.awsm-job-icon-info-circle:before{content:"\f05a"}.awsm-job-icon-crosshairs:before{content:"\f05b"}.awsm-job-icon-times-circle-o:before{content:"\f05c"}.awsm-job-icon-check-circle-o:before{content:"\f05d"}.awsm-job-icon-ban:before{content:"\f05e"}.awsm-job-icon-arrow-left:before{content:"\f060"}.awsm-job-icon-arrow-right:before{content:"\f061"}.awsm-job-icon-arrow-up:before{content:"\f062"}.awsm-job-icon-arrow-down:before{content:"\f063"}.awsm-job-icon-mail-forward:before{content:"\f064"}.awsm-job-icon-share:before{content:"\f064"}.awsm-job-icon-expand:before{content:"\f065"}.awsm-job-icon-compress:before{content:"\f066"}.awsm-job-icon-exclamation-circle:before{content:"\f06a"}.awsm-job-icon-gift:before{content:"\f06b"}.awsm-job-icon-leaf:before{content:"\f06c"}.awsm-job-icon-fire:before{content:"\f06d"}.awsm-job-icon-eye:before{content:"\f06e"}.awsm-job-icon-eye-slash:before{content:"\f070"}.awsm-job-icon-exclamation-triangle:before{content:"\f071"}.awsm-job-icon-warning:before{content:"\f071"}.awsm-job-icon-plane:before{content:"\f072"}.awsm-job-icon-calendar:before{content:"\f073"}.awsm-job-icon-random:before{content:"\f074"}.awsm-job-icon-comment:before{content:"\f075"}.awsm-job-icon-magnet:before{content:"\f076"}.awsm-job-icon-chevron-up:before{content:"\f077"}.awsm-job-icon-chevron-down:before{content:"\f078"}.awsm-job-icon-retweet:before{content:"\f079"}.awsm-job-icon-shopping-cart:before{content:"\f07a"}.awsm-job-icon-folder:before{content:"\f07b"}.awsm-job-icon-folder-open:before{content:"\f07c"}.awsm-job-icon-arrows-v:before{content:"\f07d"}.awsm-job-icon-arrows-h:before{content:"\f07e"}.awsm-job-icon-bar-chart:before{content:"\f080"}.awsm-job-icon-bar-chart-o:before{content:"\f080"}.awsm-job-icon-twitter-square:before{content:"\f081"}.awsm-job-icon-facebook-square:before{content:"\f082"}.awsm-job-icon-camera-retro:before{content:"\f083"}.awsm-job-icon-key:before{content:"\f084"}.awsm-job-icon-cogs:before{content:"\f085"}.awsm-job-icon-gears:before{content:"\f085"}.awsm-job-icon-comments:before{content:"\f086"}.awsm-job-icon-thumbs-o-up:before{content:"\f087"}.awsm-job-icon-thumbs-o-down:before{content:"\f088"}.awsm-job-icon-star-half:before{content:"\f089"}.awsm-job-icon-heart-o:before{content:"\f08a"}.awsm-job-icon-sign-out:before{content:"\f08b"}.awsm-job-icon-linkedin-square:before{content:"\f08c"}.awsm-job-icon-thumb-tack:before{content:"\f08d"}.awsm-job-icon-external-link:before{content:"\f08e"}.awsm-job-icon-sign-in:before{content:"\f090"}.awsm-job-icon-trophy:before{content:"\f091"}.awsm-job-icon-github-square:before{content:"\f092"}.awsm-job-icon-upload:before{content:"\f093"}.awsm-job-icon-lemon-o:before{content:"\f094"}.awsm-job-icon-phone:before{content:"\f095"}.awsm-job-icon-square-o:before{content:"\f096"}.awsm-job-icon-bookmark-o:before{content:"\f097"}.awsm-job-icon-phone-square:before{content:"\f098"}.awsm-job-icon-twitter:before{content:"\f099"}.awsm-job-icon-facebook:before{content:"\f09a"}.awsm-job-icon-facebook-f:before{content:"\f09a"}.awsm-job-icon-github:before{content:"\f09b"}.awsm-job-icon-unlock:before{content:"\f09c"}.awsm-job-icon-credit-card:before{content:"\f09d"}.awsm-job-icon-feed:before{content:"\f09e"}.awsm-job-icon-rss:before{content:"\f09e"}.awsm-job-icon-hdd-o:before{content:"\f0a0"}.awsm-job-icon-bullhorn:before{content:"\f0a1"}.awsm-job-icon-bell-o:before{content:"\f0a2"}.awsm-job-icon-certificate:before{content:"\f0a3"}.awsm-job-icon-hand-o-right:before{content:"\f0a4"}.awsm-job-icon-hand-o-left:before{content:"\f0a5"}.awsm-job-icon-hand-o-up:before{content:"\f0a6"}.awsm-job-icon-hand-o-down:before{content:"\f0a7"}.awsm-job-icon-arrow-circle-left:before{content:"\f0a8"}.awsm-job-icon-arrow-circle-right:before{content:"\f0a9"}.awsm-job-icon-arrow-circle-up:before{content:"\f0aa"}.awsm-job-icon-arrow-circle-down:before{content:"\f0ab"}.awsm-job-icon-globe:before{content:"\f0ac"}.awsm-job-icon-wrench:before{content:"\f0ad"}.awsm-job-icon-tasks:before{content:"\f0ae"}.awsm-job-icon-filter:before{content:"\f0b0"}.awsm-job-icon-briefcase:before{content:"\f0b1"}.awsm-job-icon-arrows-alt:before{content:"\f0b2"}.awsm-job-icon-group:before{content:"\f0c0"}.awsm-job-icon-users:before{content:"\f0c0"}.awsm-job-icon-chain:before{content:"\f0c1"}.awsm-job-icon-link:before{content:"\f0c1"}.awsm-job-icon-cloud:before{content:"\f0c2"}.awsm-job-icon-flask:before{content:"\f0c3"}.awsm-job-icon-cut:before{content:"\f0c4"}.awsm-job-icon-scissors:before{content:"\f0c4"}.awsm-job-icon-copy:before{content:"\f0c5"}.awsm-job-icon-files-o:before{content:"\f0c5"}.awsm-job-icon-paperclip:before{content:"\f0c6"}.awsm-job-icon-floppy-o:before{content:"\f0c7"}.awsm-job-icon-save:before{content:"\f0c7"}.awsm-job-icon-square:before{content:"\f0c8"}.awsm-job-icon-bars:before{content:"\f0c9"}.awsm-job-icon-navicon:before{content:"\f0c9"}.awsm-job-icon-reorder:before{content:"\f0c9"}.awsm-job-icon-list-ul:before{content:"\f0ca"}.awsm-job-icon-list-ol:before{content:"\f0cb"}.awsm-job-icon-strikethrough:before{content:"\f0cc"}.awsm-job-icon-underline:before{content:"\f0cd"}.awsm-job-icon-table:before{content:"\f0ce"}.awsm-job-icon-magic:before{content:"\f0d0"}.awsm-job-icon-truck:before{content:"\f0d1"}.awsm-job-icon-pinterest:before{content:"\f0d2"}.awsm-job-icon-pinterest-square:before{content:"\f0d3"}.awsm-job-icon-google-plus-square:before{content:"\f0d4"}.awsm-job-icon-google-plus:before{content:"\f0d5"}.awsm-job-icon-money:before{content:"\f0d6"}.awsm-job-icon-caret-down:before{content:"\f0d7"}.awsm-job-icon-caret-up:before{content:"\f0d8"}.awsm-job-icon-caret-left:before{content:"\f0d9"}.awsm-job-icon-caret-right:before{content:"\f0da"}.awsm-job-icon-columns:before{content:"\f0db"}.awsm-job-icon-sort:before{content:"\f0dc"}.awsm-job-icon-unsorted:before{content:"\f0dc"}.awsm-job-icon-sort-desc:before{content:"\f0dd"}.awsm-job-icon-sort-down:before{content:"\f0dd"}.awsm-job-icon-sort-asc:before{content:"\f0de"}.awsm-job-icon-sort-up:before{content:"\f0de"}.awsm-job-icon-envelope:before{content:"\f0e0"}.awsm-job-icon-linkedin:before{content:"\f0e1"}.awsm-job-icon-rotate-left:before{content:"\f0e2"}.awsm-job-icon-undo:before{content:"\f0e2"}.awsm-job-icon-gavel:before{content:"\f0e3"}.awsm-job-icon-legal:before{content:"\f0e3"}.awsm-job-icon-dashboard:before{content:"\f0e4"}.awsm-job-icon-tachometer:before{content:"\f0e4"}.awsm-job-icon-comment-o:before{content:"\f0e5"}.awsm-job-icon-comments-o:before{content:"\f0e6"}.awsm-job-icon-bolt:before{content:"\f0e7"}.awsm-job-icon-flash:before{content:"\f0e7"}.awsm-job-icon-sitemap:before{content:"\f0e8"}.awsm-job-icon-umbrella:before{content:"\f0e9"}.awsm-job-icon-clipboard:before{content:"\f0ea"}.awsm-job-icon-paste:before{content:"\f0ea"}.awsm-job-icon-lightbulb-o:before{content:"\f0eb"}.awsm-job-icon-exchange:before{content:"\f0ec"}.awsm-job-icon-cloud-download:before{content:"\f0ed"}.awsm-job-icon-cloud-upload:before{content:"\f0ee"}.awsm-job-icon-user-md:before{content:"\f0f0"}.awsm-job-icon-stethoscope:before{content:"\f0f1"}.awsm-job-icon-suitcase:before{content:"\f0f2"}.awsm-job-icon-bell:before{content:"\f0f3"}.awsm-job-icon-coffee:before{content:"\f0f4"}.awsm-job-icon-cutlery:before{content:"\f0f5"}.awsm-job-icon-file-text-o:before{content:"\f0f6"}.awsm-job-icon-building-o:before{content:"\f0f7"}.awsm-job-icon-hospital-o:before{content:"\f0f8"}.awsm-job-icon-ambulance:before{content:"\f0f9"}.awsm-job-icon-medkit:before{content:"\f0fa"}.awsm-job-icon-fighter-jet:before{content:"\f0fb"}.awsm-job-icon-beer:before{content:"\f0fc"}.awsm-job-icon-h-square:before{content:"\f0fd"}.awsm-job-icon-plus-square:before{content:"\f0fe"}.awsm-job-icon-angle-double-left:before{content:"\f100"}.awsm-job-icon-angle-double-right:before{content:"\f101"}.awsm-job-icon-angle-double-up:before{content:"\f102"}.awsm-job-icon-angle-double-down:before{content:"\f103"}.awsm-job-icon-angle-left:before{content:"\f104"}.awsm-job-icon-angle-right:before{content:"\f105"}.awsm-job-icon-angle-up:before{content:"\f106"}.awsm-job-icon-angle-down:before{content:"\f107"}.awsm-job-icon-desktop:before{content:"\f108"}.awsm-job-icon-laptop:before{content:"\f109"}.awsm-job-icon-tablet:before{content:"\f10a"}.awsm-job-icon-mobile:before{content:"\f10b"}.awsm-job-icon-mobile-phone:before{content:"\f10b"}.awsm-job-icon-circle-o:before{content:"\f10c"}.awsm-job-icon-quote-left:before{content:"\f10d"}.awsm-job-icon-quote-right:before{content:"\f10e"}.awsm-job-icon-spinner:before{content:"\f110"}.awsm-job-icon-circle:before{content:"\f111"}.awsm-job-icon-mail-reply:before{content:"\f112"}.awsm-job-icon-reply:before{content:"\f112"}.awsm-job-icon-github-alt:before{content:"\f113"}.awsm-job-icon-folder-o:before{content:"\f114"}.awsm-job-icon-folder-open-o:before{content:"\f115"}.awsm-job-icon-smile-o:before{content:"\f118"}.awsm-job-icon-frown-o:before{content:"\f119"}.awsm-job-icon-meh-o:before{content:"\f11a"}.awsm-job-icon-gamepad:before{content:"\f11b"}.awsm-job-icon-keyboard-o:before{content:"\f11c"}.awsm-job-icon-flag-o:before{content:"\f11d"}.awsm-job-icon-flag-checkered:before{content:"\f11e"}.awsm-job-icon-terminal:before{content:"\f120"}.awsm-job-icon-code:before{content:"\f121"}.awsm-job-icon-mail-reply-all:before{content:"\f122"}.awsm-job-icon-reply-all:before{content:"\f122"}.awsm-job-icon-star-half-empty:before{content:"\f123"}.awsm-job-icon-star-half-full:before{content:"\f123"}.awsm-job-icon-star-half-o:before{content:"\f123"}.awsm-job-icon-location-arrow:before{content:"\f124"}.awsm-job-icon-crop:before{content:"\f125"}.awsm-job-icon-code-fork:before{content:"\f126"}.awsm-job-icon-chain-broken:before{content:"\f127"}.awsm-job-icon-unlink:before{content:"\f127"}.awsm-job-icon-info:before{content:"\f129"}.awsm-job-icon-exclamation:before{content:"\f12a"}.awsm-job-icon-superscript:before{content:"\f12b"}.awsm-job-icon-subscript:before{content:"\f12c"}.awsm-job-icon-eraser:before{content:"\f12d"}.awsm-job-icon-puzzle-piece:before{content:"\f12e"}.awsm-job-icon-microphone:before{content:"\f130"}.awsm-job-icon-microphone-slash:before{content:"\f131"}.awsm-job-icon-shield:before{content:"\f132"}.awsm-job-icon-calendar-o:before{content:"\f133"}.awsm-job-icon-fire-extinguisher:before{content:"\f134"}.awsm-job-icon-rocket:before{content:"\f135"}.awsm-job-icon-maxcdn:before{content:"\f136"}.awsm-job-icon-chevron-circle-left:before{content:"\f137"}.awsm-job-icon-chevron-circle-right:before{content:"\f138"}.awsm-job-icon-chevron-circle-up:before{content:"\f139"}.awsm-job-icon-chevron-circle-down:before{content:"\f13a"}.awsm-job-icon-html5:before{content:"\f13b"}.awsm-job-icon-css3:before{content:"\f13c"}.awsm-job-icon-anchor:before{content:"\f13d"}.awsm-job-icon-unlock-alt:before{content:"\f13e"}.awsm-job-icon-bullseye:before{content:"\f140"}.awsm-job-icon-ellipsis-h:before{content:"\f141"}.awsm-job-icon-ellipsis-v:before{content:"\f142"}.awsm-job-icon-rss-square:before{content:"\f143"}.awsm-job-icon-play-circle:before{content:"\f144"}.awsm-job-icon-ticket:before{content:"\f145"}.awsm-job-icon-minus-square:before{content:"\f146"}.awsm-job-icon-minus-square-o:before{content:"\f147"}.awsm-job-icon-level-up:before{content:"\f148"}.awsm-job-icon-level-down:before{content:"\f149"}.awsm-job-icon-check-square:before{content:"\f14a"}.awsm-job-icon-pencil-square:before{content:"\f14b"}.awsm-job-icon-external-link-square:before{content:"\f14c"}.awsm-job-icon-share-square:before{content:"\f14d"}.awsm-job-icon-compass:before{content:"\f14e"}.awsm-job-icon-caret-square-o-down:before{content:"\f150"}.awsm-job-icon-toggle-down:before{content:"\f150"}.awsm-job-icon-caret-square-o-up:before{content:"\f151"}.awsm-job-icon-toggle-up:before{content:"\f151"}.awsm-job-icon-caret-square-o-right:before{content:"\f152"}.awsm-job-icon-toggle-right:before{content:"\f152"}.awsm-job-icon-eur:before{content:"\f153"}.awsm-job-icon-euro:before{content:"\f153"}.awsm-job-icon-gbp:before{content:"\f154"}.awsm-job-icon-dollar:before{content:"\f155"}.awsm-job-icon-usd:before{content:"\f155"}.awsm-job-icon-inr:before{content:"\f156"}.awsm-job-icon-rupee:before{content:"\f156"}.awsm-job-icon-cny:before{content:"\f157"}.awsm-job-icon-jpy:before{content:"\f157"}.awsm-job-icon-rmb:before{content:"\f157"}.awsm-job-icon-yen:before{content:"\f157"}.awsm-job-icon-rouble:before{content:"\f158"}.awsm-job-icon-rub:before{content:"\f158"}.awsm-job-icon-ruble:before{content:"\f158"}.awsm-job-icon-krw:before{content:"\f159"}.awsm-job-icon-won:before{content:"\f159"}.awsm-job-icon-bitcoin:before{content:"\f15a"}.awsm-job-icon-btc:before{content:"\f15a"}.awsm-job-icon-file:before{content:"\f15b"}.awsm-job-icon-file-text:before{content:"\f15c"}.awsm-job-icon-sort-alpha-asc:before{content:"\f15d"}.awsm-job-icon-sort-alpha-desc:before{content:"\f15e"}.awsm-job-icon-sort-amount-asc:before{content:"\f160"}.awsm-job-icon-sort-amount-desc:before{content:"\f161"}.awsm-job-icon-sort-numeric-asc:before{content:"\f162"}.awsm-job-icon-sort-numeric-desc:before{content:"\f163"}.awsm-job-icon-thumbs-up:before{content:"\f164"}.awsm-job-icon-thumbs-down:before{content:"\f165"}.awsm-job-icon-youtube-square:before{content:"\f166"}.awsm-job-icon-youtube:before{content:"\f167"}.awsm-job-icon-xing:before{content:"\f168"}.awsm-job-icon-xing-square:before{content:"\f169"}.awsm-job-icon-youtube-play:before{content:"\f16a"}.awsm-job-icon-dropbox:before{content:"\f16b"}.awsm-job-icon-stack-overflow:before{content:"\f16c"}.awsm-job-icon-instagram:before{content:"\f16d"}.awsm-job-icon-flickr:before{content:"\f16e"}.awsm-job-icon-adn:before{content:"\f170"}.awsm-job-icon-bitbucket:before{content:"\f171"}.awsm-job-icon-bitbucket-square:before{content:"\f172"}.awsm-job-icon-tumblr:before{content:"\f173"}.awsm-job-icon-tumblr-square:before{content:"\f174"}.awsm-job-icon-long-arrow-down:before{content:"\f175"}.awsm-job-icon-long-arrow-up:before{content:"\f176"}.awsm-job-icon-long-arrow-left:before{content:"\f177"}.awsm-job-icon-long-arrow-right:before{content:"\f178"}.awsm-job-icon-apple:before{content:"\f179"}.awsm-job-icon-windows:before{content:"\f17a"}.awsm-job-icon-android:before{content:"\f17b"}.awsm-job-icon-linux:before{content:"\f17c"}.awsm-job-icon-dribbble:before{content:"\f17d"}.awsm-job-icon-skype:before{content:"\f17e"}.awsm-job-icon-foursquare:before{content:"\f180"}.awsm-job-icon-trello:before{content:"\f181"}.awsm-job-icon-female:before{content:"\f182"}.awsm-job-icon-male:before{content:"\f183"}.awsm-job-icon-gittip:before{content:"\f184"}.awsm-job-icon-gratipay:before{content:"\f184"}.awsm-job-icon-sun-o:before{content:"\f185"}.awsm-job-icon-moon-o:before{content:"\f186"}.awsm-job-icon-archive:before{content:"\f187"}.awsm-job-icon-bug:before{content:"\f188"}.awsm-job-icon-vk:before{content:"\f189"}.awsm-job-icon-weibo:before{content:"\f18a"}.awsm-job-icon-renren:before{content:"\f18b"}.awsm-job-icon-pagelines:before{content:"\f18c"}.awsm-job-icon-stack-exchange:before{content:"\f18d"}.awsm-job-icon-arrow-circle-o-right:before{content:"\f18e"}.awsm-job-icon-arrow-circle-o-left:before{content:"\f190"}.awsm-job-icon-caret-square-o-left:before{content:"\f191"}.awsm-job-icon-toggle-left:before{content:"\f191"}.awsm-job-icon-dot-circle-o:before{content:"\f192"}.awsm-job-icon-wheelchair:before{content:"\f193"}.awsm-job-icon-vimeo-square:before{content:"\f194"}.awsm-job-icon-try:before{content:"\f195"}.awsm-job-icon-turkish-lira:before{content:"\f195"}.awsm-job-icon-plus-square-o:before{content:"\f196"}.awsm-job-icon-space-shuttle:before{content:"\f197"}.awsm-job-icon-slack:before{content:"\f198"}.awsm-job-icon-envelope-square:before{content:"\f199"}.awsm-job-icon-wordpress:before{content:"\f19a"}.awsm-job-icon-openid:before{content:"\f19b"}.awsm-job-icon-bank:before{content:"\f19c"}.awsm-job-icon-institution:before{content:"\f19c"}.awsm-job-icon-university:before{content:"\f19c"}.awsm-job-icon-graduation-cap:before{content:"\f19d"}.awsm-job-icon-mortar-board:before{content:"\f19d"}.awsm-job-icon-yahoo:before{content:"\f19e"}.awsm-job-icon-google:before{content:"\f1a0"}.awsm-job-icon-reddit:before{content:"\f1a1"}.awsm-job-icon-reddit-square:before{content:"\f1a2"}.awsm-job-icon-stumbleupon-circle:before{content:"\f1a3"}.awsm-job-icon-stumbleupon:before{content:"\f1a4"}.awsm-job-icon-delicious:before{content:"\f1a5"}.awsm-job-icon-digg:before{content:"\f1a6"}.awsm-job-icon-pied-piper-pp:before{content:"\f1a7"}.awsm-job-icon-pied-piper-alt:before{content:"\f1a8"}.awsm-job-icon-drupal:before{content:"\f1a9"}.awsm-job-icon-joomla:before{content:"\f1aa"}.awsm-job-icon-language:before{content:"\f1ab"}.awsm-job-icon-fax:before{content:"\f1ac"}.awsm-job-icon-building:before{content:"\f1ad"}.awsm-job-icon-child:before{content:"\f1ae"}.awsm-job-icon-paw:before{content:"\f1b0"}.awsm-job-icon-spoon:before{content:"\f1b1"}.awsm-job-icon-cube:before{content:"\f1b2"}.awsm-job-icon-cubes:before{content:"\f1b3"}.awsm-job-icon-behance:before{content:"\f1b4"}.awsm-job-icon-behance-square:before{content:"\f1b5"}.awsm-job-icon-steam:before{content:"\f1b6"}.awsm-job-icon-steam-square:before{content:"\f1b7"}.awsm-job-icon-recycle:before{content:"\f1b8"}.awsm-job-icon-automobile:before{content:"\f1b9"}.awsm-job-icon-car:before{content:"\f1b9"}.awsm-job-icon-cab:before{content:"\f1ba"}.awsm-job-icon-taxi:before{content:"\f1ba"}.awsm-job-icon-tree:before{content:"\f1bb"}.awsm-job-icon-spotify:before{content:"\f1bc"}.awsm-job-icon-deviantart:before{content:"\f1bd"}.awsm-job-icon-soundcloud:before{content:"\f1be"}.awsm-job-icon-database:before{content:"\f1c0"}.awsm-job-icon-file-pdf-o:before{content:"\f1c1"}.awsm-job-icon-file-word-o:before{content:"\f1c2"}.awsm-job-icon-file-excel-o:before{content:"\f1c3"}.awsm-job-icon-file-powerpoint-o:before{content:"\f1c4"}.awsm-job-icon-file-image-o:before{content:"\f1c5"}.awsm-job-icon-file-photo-o:before{content:"\f1c5"}.awsm-job-icon-file-picture-o:before{content:"\f1c5"}.awsm-job-icon-file-archive-o:before{content:"\f1c6"}.awsm-job-icon-file-zip-o:before{content:"\f1c6"}.awsm-job-icon-file-audio-o:before{content:"\f1c7"}.awsm-job-icon-file-sound-o:before{content:"\f1c7"}.awsm-job-icon-file-movie-o:before{content:"\f1c8"}.awsm-job-icon-file-video-o:before{content:"\f1c8"}.awsm-job-icon-file-code-o:before{content:"\f1c9"}.awsm-job-icon-vine:before{content:"\f1ca"}.awsm-job-icon-codepen:before{content:"\f1cb"}.awsm-job-icon-jsfiddle:before{content:"\f1cc"}.awsm-job-icon-life-bouy:before{content:"\f1cd"}.awsm-job-icon-life-buoy:before{content:"\f1cd"}.awsm-job-icon-life-ring:before{content:"\f1cd"}.awsm-job-icon-life-saver:before{content:"\f1cd"}.awsm-job-icon-support:before{content:"\f1cd"}.awsm-job-icon-circle-o-notch:before{content:"\f1ce"}.awsm-job-icon-ra:before{content:"\f1d0"}.awsm-job-icon-rebel:before{content:"\f1d0"}.awsm-job-icon-resistance:before{content:"\f1d0"}.awsm-job-icon-empire:before{content:"\f1d1"}.awsm-job-icon-ge:before{content:"\f1d1"}.awsm-job-icon-git-square:before{content:"\f1d2"}.awsm-job-icon-git:before{content:"\f1d3"}.awsm-job-icon-hacker-news:before{content:"\f1d4"}.awsm-job-icon-y-combinator-square:before{content:"\f1d4"}.awsm-job-icon-yc-square:before{content:"\f1d4"}.awsm-job-icon-tencent-weibo:before{content:"\f1d5"}.awsm-job-icon-qq:before{content:"\f1d6"}.awsm-job-icon-wechat:before{content:"\f1d7"}.awsm-job-icon-weixin:before{content:"\f1d7"}.awsm-job-icon-paper-plane:before{content:"\f1d8"}.awsm-job-icon-send:before{content:"\f1d8"}.awsm-job-icon-paper-plane-o:before{content:"\f1d9"}.awsm-job-icon-send-o:before{content:"\f1d9"}.awsm-job-icon-history:before{content:"\f1da"}.awsm-job-icon-circle-thin:before{content:"\f1db"}.awsm-job-icon-header:before{content:"\f1dc"}.awsm-job-icon-paragraph:before{content:"\f1dd"}.awsm-job-icon-sliders:before{content:"\f1de"}.awsm-job-icon-share-alt:before{content:"\f1e0"}.awsm-job-icon-share-alt-square:before{content:"\f1e1"}.awsm-job-icon-bomb:before{content:"\f1e2"}.awsm-job-icon-futbol-o:before{content:"\f1e3"}.awsm-job-icon-soccer-ball-o:before{content:"\f1e3"}.awsm-job-icon-tty:before{content:"\f1e4"}.awsm-job-icon-binoculars:before{content:"\f1e5"}.awsm-job-icon-plug:before{content:"\f1e6"}.awsm-job-icon-slideshare:before{content:"\f1e7"}.awsm-job-icon-twitch:before{content:"\f1e8"}.awsm-job-icon-yelp:before{content:"\f1e9"}.awsm-job-icon-newspaper-o:before{content:"\f1ea"}.awsm-job-icon-wifi:before{content:"\f1eb"}.awsm-job-icon-calculator:before{content:"\f1ec"}.awsm-job-icon-paypal:before{content:"\f1ed"}.awsm-job-icon-google-wallet:before{content:"\f1ee"}.awsm-job-icon-cc-visa:before{content:"\f1f0"}.awsm-job-icon-cc-mastercard:before{content:"\f1f1"}.awsm-job-icon-cc-discover:before{content:"\f1f2"}.awsm-job-icon-cc-amex:before{content:"\f1f3"}.awsm-job-icon-cc-paypal:before{content:"\f1f4"}.awsm-job-icon-cc-stripe:before{content:"\f1f5"}.awsm-job-icon-bell-slash:before{content:"\f1f6"}.awsm-job-icon-bell-slash-o:before{content:"\f1f7"}.awsm-job-icon-trash:before{content:"\f1f8"}.awsm-job-icon-copyright:before{content:"\f1f9"}.awsm-job-icon-at:before{content:"\f1fa"}.awsm-job-icon-eyedropper:before{content:"\f1fb"}.awsm-job-icon-paint-brush:before{content:"\f1fc"}.awsm-job-icon-birthday-cake:before{content:"\f1fd"}.awsm-job-icon-area-chart:before{content:"\f1fe"}.awsm-job-icon-pie-chart:before{content:"\f200"}.awsm-job-icon-line-chart:before{content:"\f201"}.awsm-job-icon-lastfm:before{content:"\f202"}.awsm-job-icon-lastfm-square:before{content:"\f203"}.awsm-job-icon-toggle-off:before{content:"\f204"}.awsm-job-icon-toggle-on:before{content:"\f205"}.awsm-job-icon-bicycle:before{content:"\f206"}.awsm-job-icon-bus:before{content:"\f207"}.awsm-job-icon-ioxhost:before{content:"\f208"}.awsm-job-icon-angellist:before{content:"\f209"}.awsm-job-icon-cc:before{content:"\f20a"}.awsm-job-icon-ils:before{content:"\f20b"}.awsm-job-icon-shekel:before{content:"\f20b"}.awsm-job-icon-sheqel:before{content:"\f20b"}.awsm-job-icon-meanpath:before{content:"\f20c"}.awsm-job-icon-buysellads:before{content:"\f20d"}.awsm-job-icon-connectdevelop:before{content:"\f20e"}.awsm-job-icon-dashcube:before{content:"\f210"}.awsm-job-icon-forumbee:before{content:"\f211"}.awsm-job-icon-leanpub:before{content:"\f212"}.awsm-job-icon-sellsy:before{content:"\f213"}.awsm-job-icon-shirtsinbulk:before{content:"\f214"}.awsm-job-icon-simplybuilt:before{content:"\f215"}.awsm-job-icon-skyatlas:before{content:"\f216"}.awsm-job-icon-cart-plus:before{content:"\f217"}.awsm-job-icon-cart-arrow-down:before{content:"\f218"}.awsm-job-icon-diamond:before{content:"\f219"}.awsm-job-icon-ship:before{content:"\f21a"}.awsm-job-icon-user-secret:before{content:"\f21b"}.awsm-job-icon-motorcycle:before{content:"\f21c"}.awsm-job-icon-street-view:before{content:"\f21d"}.awsm-job-icon-heartbeat:before{content:"\f21e"}.awsm-job-icon-venus:before{content:"\f221"}.awsm-job-icon-mars:before{content:"\f222"}.awsm-job-icon-mercury:before{content:"\f223"}.awsm-job-icon-intersex:before{content:"\f224"}.awsm-job-icon-transgender:before{content:"\f224"}.awsm-job-icon-transgender-alt:before{content:"\f225"}.awsm-job-icon-venus-double:before{content:"\f226"}.awsm-job-icon-mars-double:before{content:"\f227"}.awsm-job-icon-venus-mars:before{content:"\f228"}.awsm-job-icon-mars-stroke:before{content:"\f229"}.awsm-job-icon-mars-stroke-v:before{content:"\f22a"}.awsm-job-icon-mars-stroke-h:before{content:"\f22b"}.awsm-job-icon-neuter:before{content:"\f22c"}.awsm-job-icon-genderless:before{content:"\f22d"}.awsm-job-icon-facebook-official:before{content:"\f230"}.awsm-job-icon-pinterest-p:before{content:"\f231"}.awsm-job-icon-whatsapp:before{content:"\f232"}.awsm-job-icon-server:before{content:"\f233"}.awsm-job-icon-user-plus:before{content:"\f234"}.awsm-job-icon-user-times:before{content:"\f235"}.awsm-job-icon-bed:before{content:"\f236"}.awsm-job-icon-hotel:before{content:"\f236"}.awsm-job-icon-viacoin:before{content:"\f237"}.awsm-job-icon-train:before{content:"\f238"}.awsm-job-icon-subway:before{content:"\f239"}.awsm-job-icon-medium:before{content:"\f23a"}.awsm-job-icon-y-combinator:before{content:"\f23b"}.awsm-job-icon-yc:before{content:"\f23b"}.awsm-job-icon-optin-monster:before{content:"\f23c"}.awsm-job-icon-opencart:before{content:"\f23d"}.awsm-job-icon-expeditedssl:before{content:"\f23e"}.awsm-job-icon-battery:before{content:"\f240"}.awsm-job-icon-battery-4:before{content:"\f240"}.awsm-job-icon-battery-full:before{content:"\f240"}.awsm-job-icon-battery-3:before{content:"\f241"}.awsm-job-icon-battery-three-quarters:before{content:"\f241"}.awsm-job-icon-battery-2:before{content:"\f242"}.awsm-job-icon-battery-half:before{content:"\f242"}.awsm-job-icon-battery-1:before{content:"\f243"}.awsm-job-icon-battery-quarter:before{content:"\f243"}.awsm-job-icon-battery-0:before{content:"\f244"}.awsm-job-icon-battery-empty:before{content:"\f244"}.awsm-job-icon-mouse-pointer:before{content:"\f245"}.awsm-job-icon-i-cursor:before{content:"\f246"}.awsm-job-icon-object-group:before{content:"\f247"}.awsm-job-icon-object-ungroup:before{content:"\f248"}.awsm-job-icon-sticky-note:before{content:"\f249"}.awsm-job-icon-sticky-note-o:before{content:"\f24a"}.awsm-job-icon-cc-jcb:before{content:"\f24b"}.awsm-job-icon-cc-diners-club:before{content:"\f24c"}.awsm-job-icon-clone:before{content:"\f24d"}.awsm-job-icon-balance-scale:before{content:"\f24e"}.awsm-job-icon-hourglass-o:before{content:"\f250"}.awsm-job-icon-hourglass-1:before{content:"\f251"}.awsm-job-icon-hourglass-start:before{content:"\f251"}.awsm-job-icon-hourglass-2:before{content:"\f252"}.awsm-job-icon-hourglass-half:before{content:"\f252"}.awsm-job-icon-hourglass-3:before{content:"\f253"}.awsm-job-icon-hourglass-end:before{content:"\f253"}.awsm-job-icon-hourglass:before{content:"\f254"}.awsm-job-icon-hand-grab-o:before{content:"\f255"}.awsm-job-icon-hand-rock-o:before{content:"\f255"}.awsm-job-icon-hand-paper-o:before{content:"\f256"}.awsm-job-icon-hand-stop-o:before{content:"\f256"}.awsm-job-icon-hand-scissors-o:before{content:"\f257"}.awsm-job-icon-hand-lizard-o:before{content:"\f258"}.awsm-job-icon-hand-spock-o:before{content:"\f259"}.awsm-job-icon-hand-pointer-o:before{content:"\f25a"}.awsm-job-icon-hand-peace-o:before{content:"\f25b"}.awsm-job-icon-trademark:before{content:"\f25c"}.awsm-job-icon-registered:before{content:"\f25d"}.awsm-job-icon-creative-commons:before{content:"\f25e"}.awsm-job-icon-gg:before{content:"\f260"}.awsm-job-icon-gg-circle:before{content:"\f261"}.awsm-job-icon-tripadvisor:before{content:"\f262"}.awsm-job-icon-odnoklassniki:before{content:"\f263"}.awsm-job-icon-odnoklassniki-square:before{content:"\f264"}.awsm-job-icon-get-pocket:before{content:"\f265"}.awsm-job-icon-wikipedia-w:before{content:"\f266"}.awsm-job-icon-safari:before{content:"\f267"}.awsm-job-icon-chrome:before{content:"\f268"}.awsm-job-icon-firefox:before{content:"\f269"}.awsm-job-icon-opera:before{content:"\f26a"}.awsm-job-icon-internet-explorer:before{content:"\f26b"}.awsm-job-icon-television:before{content:"\f26c"}.awsm-job-icon-tv:before{content:"\f26c"}.awsm-job-icon-contao:before{content:"\f26d"}.awsm-job-icon-500px:before{content:"\f26e"}.awsm-job-icon-amazon:before{content:"\f270"}.awsm-job-icon-calendar-plus-o:before{content:"\f271"}.awsm-job-icon-calendar-minus-o:before{content:"\f272"}.awsm-job-icon-calendar-times-o:before{content:"\f273"}.awsm-job-icon-calendar-check-o:before{content:"\f274"}.awsm-job-icon-industry:before{content:"\f275"}.awsm-job-icon-map-pin:before{content:"\f276"}.awsm-job-icon-map-signs:before{content:"\f277"}.awsm-job-icon-map-o:before{content:"\f278"}.awsm-job-icon-map:before{content:"\f279"}.awsm-job-icon-commenting:before{content:"\f27a"}.awsm-job-icon-commenting-o:before{content:"\f27b"}.awsm-job-icon-houzz:before{content:"\f27c"}.awsm-job-icon-vimeo:before{content:"\f27d"}.awsm-job-icon-black-tie:before{content:"\f27e"}.awsm-job-icon-fonticons:before{content:"\f280"}.awsm-job-icon-reddit-alien:before{content:"\f281"}.awsm-job-icon-edge:before{content:"\f282"}.awsm-job-icon-credit-card-alt:before{content:"\f283"}.awsm-job-icon-codiepie:before{content:"\f284"}.awsm-job-icon-modx:before{content:"\f285"}.awsm-job-icon-fort-awesome:before{content:"\f286"}.awsm-job-icon-usb:before{content:"\f287"}.awsm-job-icon-product-hunt:before{content:"\f288"}.awsm-job-icon-mixcloud:before{content:"\f289"}.awsm-job-icon-scribd:before{content:"\f28a"}.awsm-job-icon-pause-circle:before{content:"\f28b"}.awsm-job-icon-pause-circle-o:before{content:"\f28c"}.awsm-job-icon-stop-circle:before{content:"\f28d"}.awsm-job-icon-stop-circle-o:before{content:"\f28e"}.awsm-job-icon-shopping-bag:before{content:"\f290"}.awsm-job-icon-shopping-basket:before{content:"\f291"}.awsm-job-icon-hashtag:before{content:"\f292"}.awsm-job-icon-bluetooth:before{content:"\f293"}.awsm-job-icon-bluetooth-b:before{content:"\f294"}.awsm-job-icon-percent:before{content:"\f295"}.awsm-job-icon-gitlab:before{content:"\f296"}.awsm-job-icon-wpbeginner:before{content:"\f297"}.awsm-job-icon-wpforms:before{content:"\f298"}.awsm-job-icon-envira:before{content:"\f299"}.awsm-job-icon-universal-access:before{content:"\f29a"}.awsm-job-icon-wheelchair-alt:before{content:"\f29b"}.awsm-job-icon-question-circle-o:before{content:"\f29c"}.awsm-job-icon-blind:before{content:"\f29d"}.awsm-job-icon-audio-description:before{content:"\f29e"}.awsm-job-icon-volume-control-phone:before{content:"\f2a0"}.awsm-job-icon-braille:before{content:"\f2a1"}.awsm-job-icon-assistive-listening-systems:before{content:"\f2a2"}.awsm-job-icon-american-sign-language-interpreting:before{content:"\f2a3"}.awsm-job-icon-asl-interpreting:before{content:"\f2a3"}.awsm-job-icon-deaf:before{content:"\f2a4"}.awsm-job-icon-deafness:before{content:"\f2a4"}.awsm-job-icon-hard-of-hearing:before{content:"\f2a4"}.awsm-job-icon-glide:before{content:"\f2a5"}.awsm-job-icon-glide-g:before{content:"\f2a6"}.awsm-job-icon-sign-language:before{content:"\f2a7"}.awsm-job-icon-signing:before{content:"\f2a7"}.awsm-job-icon-low-vision:before{content:"\f2a8"}.awsm-job-icon-viadeo:before{content:"\f2a9"}.awsm-job-icon-viadeo-square:before{content:"\f2aa"}.awsm-job-icon-snapchat:before{content:"\f2ab"}.awsm-job-icon-snapchat-ghost:before{content:"\f2ac"}.awsm-job-icon-snapchat-square:before{content:"\f2ad"}.awsm-job-icon-pied-piper:before{content:"\f2ae"}.awsm-job-icon-first-order:before{content:"\f2b0"}.awsm-job-icon-yoast:before{content:"\f2b1"}.awsm-job-icon-themeisle:before{content:"\f2b2"}.awsm-job-icon-google-plus-circle:before{content:"\f2b3"}.awsm-job-icon-google-plus-official:before{content:"\f2b3"}.awsm-job-icon-fa:before{content:"\f2b4"}.awsm-job-icon-font-awesome:before{content:"\f2b4"}.awsm-job-icon-handshake-o:before{content:"\f2b5"}.awsm-job-icon-envelope-open:before{content:"\f2b6"}.awsm-job-icon-envelope-open-o:before{content:"\f2b7"}.awsm-job-icon-linode:before{content:"\f2b8"}.awsm-job-icon-address-book:before{content:"\f2b9"}.awsm-job-icon-address-book-o:before{content:"\f2ba"}.awsm-job-icon-address-card:before{content:"\f2bb"}.awsm-job-icon-vcard:before{content:"\f2bb"}.awsm-job-icon-address-card-o:before{content:"\f2bc"}.awsm-job-icon-vcard-o:before{content:"\f2bc"}.awsm-job-icon-user-circle:before{content:"\f2bd"}.awsm-job-icon-user-circle-o:before{content:"\f2be"}.awsm-job-icon-user-o:before{content:"\f2c0"}.awsm-job-icon-id-badge:before{content:"\f2c1"}.awsm-job-icon-drivers-license:before{content:"\f2c2"}.awsm-job-icon-id-card:before{content:"\f2c2"}.awsm-job-icon-drivers-license-o:before{content:"\f2c3"}.awsm-job-icon-id-card-o:before{content:"\f2c3"}.awsm-job-icon-quora:before{content:"\f2c4"}.awsm-job-icon-free-code-camp:before{content:"\f2c5"}.awsm-job-icon-telegram:before{content:"\f2c6"}.awsm-job-icon-thermometer:before{content:"\f2c7"}.awsm-job-icon-thermometer-4:before{content:"\f2c7"}.awsm-job-icon-thermometer-full:before{content:"\f2c7"}.awsm-job-icon-thermometer-3:before{content:"\f2c8"}.awsm-job-icon-thermometer-three-quarters:before{content:"\f2c8"}.awsm-job-icon-thermometer-2:before{content:"\f2c9"}.awsm-job-icon-thermometer-half:before{content:"\f2c9"}.awsm-job-icon-thermometer-1:before{content:"\f2ca"}.awsm-job-icon-thermometer-quarter:before{content:"\f2ca"}.awsm-job-icon-thermometer-0:before{content:"\f2cb"}.awsm-job-icon-thermometer-empty:before{content:"\f2cb"}.awsm-job-icon-shower:before{content:"\f2cc"}.awsm-job-icon-bath:before{content:"\f2cd"}.awsm-job-icon-bathtub:before{content:"\f2cd"}.awsm-job-icon-s15:before{content:"\f2cd"}.awsm-job-icon-podcast:before{content:"\f2ce"}.awsm-job-icon-window-maximize:before{content:"\f2d0"}.awsm-job-icon-window-minimize:before{content:"\f2d1"}.awsm-job-icon-window-restore:before{content:"\f2d2"}.awsm-job-icon-times-rectangle:before{content:"\f2d3"}.awsm-job-icon-window-close:before{content:"\f2d3"}.awsm-job-icon-times-rectangle-o:before{content:"\f2d4"}.awsm-job-icon-window-close-o:before{content:"\f2d4"}.awsm-job-icon-bandcamp:before{content:"\f2d5"}.awsm-job-icon-grav:before{content:"\f2d6"}.awsm-job-icon-etsy:before{content:"\f2d7"}.awsm-job-icon-imdb:before{content:"\f2d8"}.awsm-job-icon-ravelry:before{content:"\f2d9"}.awsm-job-icon-eercast:before{content:"\f2da"}.awsm-job-icon-microchip:before{content:"\f2db"}.awsm-job-icon-snowflake-o:before{content:"\f2dc"}.awsm-job-icon-superpowers:before{content:"\f2dd"}.awsm-job-icon-wpexplorer:before{content:"\f2de"}.awsm-job-icon-meetup:before{content:"\f2e0"}.awsm-selectric-wrapper{position:relative;cursor:pointer;min-width:160px}.awsm-selectric-responsive{width:100%}.awsm-selectric{border:1px solid #dddfe3;-webkit-box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);background:#fff;position:relative;overflow:hidden;width:100%}.awsm-selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 48px 0 10px;padding:0;font-size:12px;line-height:46px;color:#444;height:46px;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.awsm-selectric .awsm-selectric-arrow-drop{display:block;position:absolute;right:0;top:0;width:38px;height:100%;text-indent:-99999px;text-align:center}.awsm-selectric .awsm-selectric-arrow-drop:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#444;border-bottom:none}.awsm-selectric-focus .awsm-selectric{border-color:#aaa}.awsm-selectric-hover .awsm-selectric{border-color:#dbdbdb}.awsm-selectric-hover .awsm-selectric .awsm-selectric-arrow-drop:after{border-top-color:#444}.awsm-selectric-open{z-index:9999}.awsm-selectric-open .awsm-selectric{border-color:#dbdbdb}.awsm-selectric-open .awsm-selectric-items{display:block}.awsm-selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.awsm-selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.awsm-selectric-hide-select select{position:absolute;left:-100%}.awsm-selectric-hide-select.awsm-selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}.awsm-selectric-hide-select.awsm-selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0}.awsm-selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:none!important;background:0 0!important}.awsm-selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.awsm-selectric-items{display:none;position:absolute;top:calc(100% - 1px);left:0;background:#fff;border:1px solid #dbdbdb;z-index:-1;-webkit-box-shadow:0 0 5px -6px rgba(0,0,0,.4);box-shadow:0 0 5px -6px rgba(0,0,0,.4);border-top:none}.awsm-selectric-items .awsm-selectric-scroll{height:100%;overflow:auto}.awsm-selectric-above .awsm-selectric-items{top:auto;bottom:calc(100% - 1px);border-radius:4px 4px 0 0;border-bottom:none}.awsm-selectric-items li,.awsm-selectric-items ul{list-style:none!important;padding:0!important;margin:0!important;font-size:12px;line-height:20px;min-height:20px}.awsm-selectric-items li{display:block;padding:10px!important;color:#666;cursor:pointer}.awsm-selectric-items li.selected{background:#efefef;color:#444}.awsm-selectric-items li.highlighted{background:#efefef;color:#444}.awsm-selectric-items li:hover{background:#d7d7d7;color:#444}.awsm-selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;cursor:default!important;background:0 0!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.awsm-selectric-items .awsm-selectric-group .awsm-selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.awsm-selectric-items .awsm-selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}.awsm-selectric-items .awsm-selectric-group li{padding-left:25px}.awsm-selectric-awsm-job-select-control-multiple .awsm-selectric-items li{padding-left:34px!important;position:relative}.awsm-selectric-awsm-job-select-control-multiple .awsm-selectric-items li::before{content:"";width:14px;height:14px;border:1px solid #dddfe3;position:absolute;left:10px;top:calc(50% - 7px);border-radius:2px}.awsm-selectric-awsm-job-select-control-multiple .awsm-selectric-items li::after{content:"";width:14px;height:14px;position:absolute;left:10px;top:calc(50% - 7px);border-radius:2px;background:#3e8ed0 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+dGljay1zdmdyZXBvLWNvbTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0idGljay1zdmdyZXBvLWNvbSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iMTEuMDc1NTgzNyAwIDQuODQ0ODQwODIgOC45NzE3ODc3NiAwLjcxMTI4MTYzMyA1LjU5NzExODM3IDAgNi40Njg4MDgxNiA1LjA3NTU4MzY3IDEwLjYxMjYwNDEgMTIgMC42NDE2ODE2MzMiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;background-size:8px;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-selectric-awsm-job-select-control-multiple .awsm-selectric-items li.selected{color:#666;background:#fff}.awsm-selectric-awsm-job-select-control-multiple .awsm-selectric-items li.selected::after{opacity:1}html[dir=rtl] .awsm-row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}html[dir=rtl] .awsm-grid-item{float:right}html[dir=rtl] .awsm-job-item h2.awsm-job-post-title{text-align:right}html[dir=rtl] .awsm-jobs-pagination{float:right}html[dir=rtl] .awsm-list-left-col{float:right}html[dir=rtl] .awsm-list-right-col{float:left;text-align:left}html[dir=rtl] .awsm-list-item .awsm-job-specification-item{margin-right:0;margin-left:15px}html[dir=rtl] .awsm-job-specification-item>[class^=awsm-job-icon-]{margin-right:0;margin-left:6px;float:right}html[dir=rtl] .awsm-job-more-container .awsm-job-more span::before{content:"\002190"}html[dir=rtl] .awsm-job-content .awsm-job-specification-label{float:right;margin-left:4px}html[dir=rtl] .awsm-job-single-wrap.awsm-col-2 .awsm-job-content{float:right;padding-right:0;padding-left:15px}html[dir=rtl] .awsm-job-single-wrap.awsm-col-2 .awsm-job-form{float:right;padding-right:15px;padding-left:0}html[dir=rtl] .awsm-job-list-info span{margin-right:0;margin-left:10px}html[dir=rtl] .awsm-job-form-group input[type=checkbox],html[dir=rtl] .awsm-job-form-group input[type=radio]{margin-right:0;margin-left:5px}html[dir=rtl] ul.awsm-error-message li{margin-left:0;margin-right:1.2em}html[dir=rtl] .awsm-selectric .label{margin:0 10px 0 48px;text-align:right}html[dir=rtl] .awsm-selectric .awsm-selectric-arrow-drop{left:0;right:auto}@media (max-width:992px){html[dir=rtl] .awsm-job-single-wrap.awsm-col-2 .awsm-job-content{padding-left:0}html[dir=rtl] .awsm-job-single-wrap.awsm-col-2 .awsm-job-form{padding-left:0}}@media (max-width:768px){html[dir=rtl] .awsm-list-right-col{text-align:right}}.awsm-row{margin:0 -15px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flexbox;-webkit-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.awsm-row,.awsm-row *,.awsm-row ::after,.awsm-row ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-grid-item{float:left;width:33.333%;padding:0 15px!important;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column}.awsm-grid-col-4 .awsm-grid-item{width:25%}.awsm-grid-col-2 .awsm-grid-item{width:50%}.awsm-grid-col .awsm-grid-item{width:100%}.awsm-job-hide{display:none!important}.awsm-job-show{display:block!important}.awsm-job-item{background:#fff;padding:20px;font-size:14px}a.awsm-job-item{text-decoration:none!important}.awsm-grid-item .awsm-job-item{margin-bottom:30px;-webkit-box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);border:1px solid #dddfe3;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-grow:1;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-grid-item .awsm-job-item:focus,.awsm-grid-item .awsm-job-item:hover{-webkit-box-shadow:0 3px 15px -5px rgb(0 0 0 / 20%);box-shadow:0 3px 15px -5px rgb(0 0 0 / 20%)}.awsm-grid-item .awsm-job-featured-image{margin-bottom:14px}.awsm-job-item h2.awsm-job-post-title{margin:0 0 15px;font-size:18px;text-align:left}.awsm-job-item h2.awsm-job-post-title a{font-size:18px}.awsm-grid-item .awsm-job-info{min-height:83px;margin-bottom:10px}.awsm-grid-item .awsm-job-info p{margin:0 0 8px}.awsm-job-wrap::after{clear:both;content:'';display:table}.awsm-filter-wrap,.awsm-filter-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-filter-wrap{margin:0 -10px 20px}.awsm-filter-wrap form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.awsm-filter-wrap .awsm-filter-items{display:none}.awsm-filter-wrap.awsm-full-width-search-filter-wrap .awsm-filter-item-search{width:100%}.awsm-filter-wrap.awsm-full-width-search-filter-wrap .awsm-filter-items,.awsm-filter-wrap.awsm-no-search-filter-wrap .awsm-filter-items{width:100%}.awsm-filter-toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;width:46px;padding:12px;border:1px solid #ccc;margin:0 10px 10px;border-radius:4px;outline:0!important}.awsm-filter-toggle.awsm-on{background:#ccc}.awsm-filter-toggle svg{width:20px;height:20px}.awsm-filter-wrap.awsm-no-search-filter-wrap .awsm-filter-toggle{width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-decoration:none}.awsm-filter-wrap.awsm-no-search-filter-wrap .awsm-filter-toggle svg{width:22px;height:22px}@media (min-width:768px){.awsm-filter-wrap .awsm-filter-items{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 250px)}.awsm-filter-toggle{display:none}.awsm-filter-item-search{width:250px}}.awsm-filter-wrap .awsm-filter-item{padding:0 10px 10px}.awsm-filter-item-search{position:relative;padding:0 10px 10px}@media (max-width:768px){.awsm-filter-wrap .awsm-filter-items{width:100%}.awsm-filter-item-search{width:calc(100% - 66px)}.awsm-filter-wrap .awsm-filter-item .awsm-selectric-wrapper{min-width:100%}}.awsm-filter-wrap .awsm-filter-item .awsm-job-form-control{min-height:48px;padding-right:58px}.awsm-filter-item-search .awsm-job-form-control{padding-right:48px;min-height:48px}.awsm-filter-item-search-in{position:relative}.awsm-filter-item-search .awsm-job-search-icon-wrapper{position:absolute;right:0;top:0;width:48px;height:100%;font-size:16px;color:#ccc;line-height:48px;text-align:center;cursor:pointer}.awsm-jobs-none-container{padding:25px}.awsm-jobs-none-container p{margin:0;padding:5px}.awsm-row .awsm-jobs-pagination{padding:0 15px;width:100%}.awsm-jobs-pagination{float:left;width:100%}.awsm-load-more-classic a.page-numbers,.awsm-load-more-main a.awsm-load-more{display:block;text-align:center;padding:20px;background:#fff;-webkit-box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);box-shadow:0 1px 4px 0 rgb(0 0 0 / 5%);border:1px solid #dddfe3;margin:0!important;text-decoration:none!important;outline:0!important;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-load-more-classic a.page-numbers,.awsm-load-more-classic span.page-numbers{padding:5px 10px;font-size:90%}.awsm-load-more-classic{text-align:center}.awsm-load-more-classic a.page-numbers:focus,.awsm-load-more-classic a.page-numbers:hover,.awsm-load-more-main a.awsm-load-more:focus,.awsm-load-more-main a.awsm-load-more:hover{-webkit-box-shadow:0 3px 15px -5px rgb(0 0 0 / 20%);box-shadow:0 3px 15px -5px rgb(0 0 0 / 20%)}.awsm-jobs-pagination.awsm-load-more-classic ul{list-style:none;margin:0;padding:0}.awsm-jobs-pagination.awsm-load-more-classic ul li{display:inline-block}.awsm-lists{border:1px solid #ededed}.awsm-list-item{width:100%}.awsm-list-item h2.awsm-job-post-title{margin-bottom:0}.awsm-list-item .awsm-job-featured-image{float:left;margin-right:10px}.awsm-list-item .awsm-job-featured-image img{width:50px;height:50px}.awsm-list-item .awsm-job-item{border-bottom:1px solid rgba(0,0,0,.13)}.awsm-list-item .awsm-job-item::after{content:"";display:table;clear:both}.awsm-list-left-col{float:left;width:50%}.awsm-list-right-col{float:left;width:50%;text-align:right}.awsm-list-item .awsm-job-specification-wrapper{display:inline-block;vertical-align:middle}.awsm-list-item .awsm-job-specification-item{display:inline-block;vertical-align:middle;margin:0 15px 0 0}a.awsm-job-item .awsm-job-specification-item{color:#4c4c4c}.awsm-list-item .awsm-job-more-container{display:inline-block;vertical-align:middle}.awsm-job-more-container .awsm-job-more span::before{content:"\002192"}.awsm-lists .awsm-jobs-pagination{margin-top:30px}.awsm-job-specification-item>[class^=awsm-job-icon-]{margin-right:6px}.awsm-job-specification-term::after{content:", "}.awsm-job-specification-term:last-child::after{content:""}.awsm-job-single-wrap,.awsm-job-single-wrap *,.awsm-job-single-wrap ::after,.awsm-job-single-wrap ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.awsm-job-single-wrap{margin-bottom:1.3em}.awsm-job-single-wrap::after{content:"";display:table;clear:both}.awsm-job-content{padding-bottom:32px}.awsm-job-single-wrap.awsm-col-2 .awsm-job-content{float:left;width:55%;padding-right:15px}.awsm-job-single-wrap.awsm-col-2 .awsm-job-form{float:left;width:45%;padding-left:15px}.awsm-job-head,.awsm_job_spec_above_content{margin-bottom:20px}.awsm-job-head h1{margin:0 0 20px}.awsm-job-list-info span{margin-right:10px}.awsm-job-single-wrap .awsm-job-expiration-label{font-weight:700}.awsm-job-form-inner{background:#fff;border:1px solid #dddfe3;padding:35px}.awsm-job-form-inner h2{margin:0 0 30px}.awsm-job-form-group{margin-bottom:20px}.awsm-job-form-group input[type=checkbox],.awsm-job-form-group input[type=radio]{margin-right:5px}.awsm-job-form-group label{display:block;margin-bottom:10px}.awsm-job-form-options-container label,.awsm-job-inline-group label{display:inline;font-weight:400}.awsm-job-form-control{display:block;width:100%}.awsm-job-form-options-container span{display:inline-block;margin-bottom:10px;margin-left:10px}.awsm-job-submit{background:#0195ff;border:1px solid #0195ff;padding:10px 30px;color:#fff}.awsm-job-submit:focus,.awsm-job-submit:hover{background:rgba(0,0,0,0);color:#0195ff}.awsm-job-form-error{color:#db4c4c;font-weight:500}.awsm-job-form-control.awsm-job-form-error,.awsm-job-form-control.awsm-job-form-error:focus{border:1px solid #db4c4c}.awsm-error-message,.awsm-success-message{padding:12px 25px}.awsm-error-message p:empty,.awsm-success-message p:empty{display:none}.awsm-error-message p,.awsm-success-message p{margin:0!important;padding:0!important}.awsm-success-message{border:1px solid #1ea508}.awsm-error-message{border:1px solid #db4c4c}ul.awsm-error-message li{margin-left:1.2em;line-height:1.8em}.awsm-expired-message{padding:25px}.awsm-expired-message p{margin:1em 0}.awsm-job-container{max-width:1170px;width:100%;margin:0 auto;padding:50px 0}.awsm-jobs-loading{position:relative}.awsm-job-listings::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.5) url(//www.eef.or.th/wp-content/plugins/wp-job-openings/assets/img/loading.svg) no-repeat center;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-job-listings.awsm-jobs-loading::after{opacity:1;visibility:visible}.awsm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:1024px){.awsm-grid-col-4 .awsm-grid-item{width:33.333%}}@media (max-width:992px){.awsm-job-single-wrap.awsm-col-2 .awsm-job-content{width:100%;padding-right:0}.awsm-job-single-wrap.awsm-col-2 .awsm-job-form{width:100%;padding-left:0}}@media (max-width:768px){.awsm-grid-col-3 .awsm-grid-item,.awsm-grid-col-4 .awsm-grid-item,.awsm-grid-item{width:50%}.awsm-list-left-col{width:100%;padding-bottom:10px}.awsm-list-right-col{width:100%;text-align:left}}@media (max-width:648px){.awsm-grid-col-2 .awsm-grid-item,.awsm-grid-col-3 .awsm-grid-item,.awsm-grid-col-4 .awsm-grid-item,.awsm-grid-item{width:100%}.awsm-list-item .awsm-job-specification-wrapper{display:block;padding-bottom:5px;float:none}.awsm-list-item .awsm-job-more-container{display:block;float:none}}.awsm-job-form-plugin-style .awsm-job-form-control{display:block;width:100%;font:inherit;padding:8px 15px;min-height:46px;border:1px solid #ccc;border-radius:4px;line-height:1;color:#060606;-webkit-transition:all .3s ease;transition:all .3s ease}.awsm-job-form-plugin-style .awsm-job-form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border-color:#060606}.awsm-job-form-plugin-style .awsm-job-form-control.awsm-job-form-error{border-color:#db4c4c}.awsm-job-form-plugin-style textarea.awsm-job-form-control{min-height:80px}.awsm-job-form-plugin-style .awsm-application-submit-btn,.awsm-job-form-plugin-style .awsm-jobs-primary-button{background:#060606;border-radius:45px;-webkit-transition:all .3s ease;transition:all .3s ease;padding:16px 32px;color:#fff}.awsm-job-form-plugin-style .awsm-application-submit-btn:focus,.awsm-job-form-plugin-style .awsm-application-submit-btn:hover,.awsm-job-form-plugin-style .awsm-jobs-primary-button:focus,.awsm-job-form-plugin-style .awsm-jobs-primary-button:hover{color:#fff;outline:0;background:#060606}.awsm-job-form-plugin-style .awsm-jobs-primary-button{cursor:pointer}.awsm-job-form-plugin-style .awsm-jobs-primary-button:disabled{opacity:.5;pointer-events:none}.awsm-job-form-plugin-style .awsm-selectric{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;border-radius:4px}.awsm-job-form-plugin-style .awsm-selectric-open .awsm-selectric{border-color:#060606}.awsm-job-form-plugin-style .awsm-selectric .label{margin-left:15px}.awsm-jobs-is-block-theme .site-branding{padding:0 2.1rem}.awsm-jobs-is-block-theme .site-content{padding:0 2.1rem 3rem}.awsm-jobs-is-block-theme .site-title{margin-bottom:0}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-container--classic .select2-selection--single,.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//www.eef.or.th/wp-content/plugins/search-filter-pro-1/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.searchandfilter .disabled,.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connect,.noUi-handle,.noUi-marker,.noUi-origin,.noUi-pips,.noUi-tooltip,.noUi-value{position:absolute}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-connect,.noUi-origin{will-change:transform;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{color:#999}.noUi-value{white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}
.page-template-page-donate .site-donate,
.page-template-page-donate .site-search,
.page-template-page-donate .site-toggle,
.page-template-page-donate .site-nav-d,
.page-template-page-donate .site-config,
.page-template-page-donate .site-header-space {
display: none !important;
}
.page-template-page-donate ._hide {
display: none;
}
.page-template-page-donate .site-header {
position: absolute;
background-color: transparent;
box-shadow: none;
}
.page-template-page-donate .heading-stong-lg em {
font-style: normal;
display: block;
}
.page-template-page-donate .heading-stong-lg em > strong {
font-size: 4rem;
}
@media (min-width: 768px) {
.page-template-page-donate .heading-stong-lg em {
display: inline;
}
}
.page-template-page-donate .card-donate-project .qubely-info-box-media {
width: 100%;
}
.page-template-page-donate .card-donate-project .qubely-info-box-body {
background: #fff;
border-radius: 15px;
padding: 20px;
}
@media (min-width: 768px) {
.page-template-page-donate .card-donate-project .qubely-info-box-body {
min-height: 370px;
}
}
.page-template-page-donate .card-donate-project .qubely-info-box-body .qubely-info-box-text strong.list {
width: 45%;
display: inline-block;
}
.page-template-page-donate .card-donate-project .qubely-info-box-body .qubely-info-box-text strong.list > em {
font-family: var(--s-heading);
color: #38ab49;
font-style: normal;
font-size: 1.2rem;
}
.page-template-page-donate .card-donate-project .qubely-info-box-body .qubely-info-box-text strong > em {
font-family: var(--s-heading);
color: #38ab49;
font-style: normal;
font-size: 1.2rem;
}
@media (max-width: 1024px) {
.page-template-page-donate .box-800 {
margin-bottom: 0 !important;
}
.page-template-page-donate .box-800 .qubely-block-text p {
margin-bottom: 0;
}
}
.page-template-page-donate .qubely-block-btn .qubely-block-btn-anchor {
border: none;
font-family: var(--s-heading);
font-weight: 700;
min-width: 150px;
padding-bottom: 17px;
display: inline-block;
line-height: 1;
}
.page-template-page-donate .qubely-block-btn .qubely-block-btn-anchor.is-large {
padding: 1rem 1rem 1.25rem;
font-size: 1.1rem;
min-width: 250px;
}
.page-template-page-donate .qubely-block-btn .qubely-block-btn-anchor.is-medium {
padding-bottom: 17px;
padding-top: 12px;
}
.page-template-page-donate .wp-block-quote {
padding: 0;
border-left: 0;
color: #38ab49;
font-size: 1.5rem;
line-height: 1;
}
.page-template-page-donate .wp-block-quote strong {
font-weight: 700;
font-size: 2rem;
line-height: 1.5;
}
.page-template-page-donate .wp-block-quote::before {
content: "";
width: 20px;
height: 40px;
background-size: 20px !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-quote.png) no-repeat center center;
}
.page-template-page-donate .wp-block-quote::after {
content: "";
width: 20px;
height: 40px;
background-size: 20px !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-quote.png) no-repeat center center;
transform: rotate(180deg);
}
@media (max-width: 1024px) {
.page-template-page-donate .wp-block-quote {
text-align: center;
line-height: 1.35;
}
.page-template-page-donate .wp-block-quote::before, .page-template-page-donate .wp-block-quote::after {
margin: 0 auto;
}
}
@media (max-width: 1024px) {
.wrapper-donate-isee .gb-grid-column:last-child {
order: -1 !important;
}
.wrapper-donate-isee .gb-grid-column .qubely-image-container {
text-align: left;
}
}
@media (max-width: 1024px) {
.wrapper-donate-start .gb-grid-column {
text-align: center;
}
} .donation-sidebar .widget {
margin: 0;
}
.donation-sidebar-lg { position: fixed;
bottom: 5%;
right: 3%;
display: none;
}
.donation-sidebar-lg a {
color: #333;
text-decoration: underline;
}
@media (max-width: 1024px) {
.donation-sidebar-lg {
display: none !important;
}
}
@media (min-width: 1600px) {
.donation-sidebar-lg {
right: 8%;
}
}
.donation-sidebar-lg .donation-content {
display: flex;
max-width: 380px;
background: #fff;
border-radius: 15px;
padding: 20px;
box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.2);
position: relative;
}
.donation-sidebar-lg .donation-content .donation-content-left img {
max-width: 55px;
margin-right: 20px;
}
.donation-sidebar-lg .donation-content .btn {
background-color: #38ab49;
color: #fff;
padding: 15px 30px 18px 30px;
font-size: 1.5rem;
margin: 1rem 0 0.5rem;
}
.donation-sidebar-lg .donation-content .btn > i {
margin-left: 15px;
}
.donation-sidebar-lg .donation-content h3 {
color: #1E416D;
margin-bottom: 0;
}
.donation-sidebar-lg .donation-content h2 {
color: #1E416D;
font-weight: 700;
margin-bottom: 0;
}
.donation-sidebar-lg .donation-content .text-remark {
font-size: 85%;
}
@media (max-width: 1280px) {
.donation-sidebar-lg .donation-content .donation-content-left img {
max-width: 35px;
margin-right: 20px;
}
.donation-sidebar-lg .donation-content .donation-content-right h2 {
font-size: 1.5em;
}
.donation-sidebar-lg .donation-content .donation-content-right h3 {
font-size: 1.1em;
}
.donation-sidebar-lg .donation-content .btn {
padding: 10px 20px 13px 20px;
font-size: 1.15rem;
margin: 0.75rem 0 0.25rem;
}
.donation-sidebar-lg .donation-content .btn > i {
margin-left: 10px;
}
.donation-sidebar-lg .donation-content .text-remark {
font-size: 80%;
}
}
.donation-sidebar-sm {
display: none;
box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.5);
position: fixed;
bottom: 0;
left: 0;
background: #fff;
width: 100%;
z-index: 1;
}
.donation-sidebar-sm a {
color: #333;
text-decoration: underline;
}
@media (min-width: 1025px) {
.donation-sidebar-sm {
display: none !important;
}
}
.donation-sidebar-sm .wrapper-donation-sidebar {
padding: 5px 10px 0 45px;
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.donation-sidebar-sm .wrapper-donation-sidebar::before {
content: "";
width: 40px;
height: 100%;
background-size: contain !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-student-sm@2x.png) no-repeat center center;
position: absolute;
left: 0;
bottom: 0;
}
.donation-sidebar-sm .wrapper-donation-sidebar .donation-content {
display: flex;
position: relative;
flex-direction: column;
padding: 0;
margin-right: 3px;
}
.donation-sidebar-sm .wrapper-donation-sidebar .donation-content h3 {
font-size: 0.75rem;
color: #1E416D;
margin-bottom: 0;
}
.donation-sidebar-sm .wrapper-donation-sidebar .donation-content h2 {
font-size: 1rem;
color: #1E416D;
font-weight: 700;
margin-bottom: 0;
}
.donation-sidebar-sm .wrapper-donation-sidebar .text-remark {
padding: 7px 0 5px;
font-size: 70%;
line-height: 1;
display: inline-block;
}
.donation-sidebar-sm .wrapper-donation-sidebar .btn {
background-color: #38ab49;
color: #fff;
padding: 10px 10px 12px 10px !important;
font-size: 1rem !important;
margin: 0.5rem 0 0.5rem 0.25rem;
min-width: 120px !important;
}
.donation-sidebar-sm .wrapper-donation-sidebar .btn > i {
margin-left: 5px;
}
@media (min-width: 360px) {
.donation-sidebar-sm .wrapper-donation-sidebar {
padding: 8px 10px 0 65px;
}
.donation-sidebar-sm .wrapper-donation-sidebar::before {
content: "";
width: 55px;
top: 2px;
left: 5px;
}
}
@media (min-width: 425px) {
.donation-sidebar-sm .wrapper-donation-sidebar {
padding: 8px 10px 0 75px;
}
.donation-sidebar-sm .wrapper-donation-sidebar::before {
content: "";
width: 65px;
top: 2px;
left: 5px;
}
.donation-sidebar-sm .wrapper-donation-sidebar .donation-content h2 {
font-size: 1.25rem;
}
.donation-sidebar-sm .wrapper-donation-sidebar .donation-content h3 {
font-size: 1rem;
}
.donation-sidebar-sm .wrapper-donation-sidebar .btn {
padding: 10px 20px 15px 20px !important;
font-size: 1.2rem !important;
}
.donation-sidebar-sm .wrapper-donation-sidebar .btn > i {
margin-left: 10px;
}
} .wrapper-donate-top {
background-position: 45% center !important;
}
.wrapper-donate-top .qubely-block-text-title-inner,
.wrapper-donate-top .qubely-block-text-title {
margin-bottom: 0 !important;
}
.wrapper-donate-top .qubely-block-text-sub-title {
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 1100px) {
.wrapper-donate-top .qubely-block-text-sub-title {
font-size: 40px !important;
}
}
.wrapper-donate-top .qubely-block-text p {
margin-bottom: 0 !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
.wrapper-donate-top {
background-position: 70% center !important;
padding: 120px 0 120px 0 !important;
}
.wrapper-donate-top .gb-grid-column {
width: 60% !important;
}
.wrapper-donate-top .gb-grid-column:last-child {
width: 40% !important;
}
}
@media (max-width: 768px) {
.wrapper-donate-top .gb-grid-column {
width: 100% !important;
margin: 0 20px;
}
.wrapper-donate-top .gb-grid-column .qubely-block-text,
.wrapper-donate-top .gb-grid-column .qubely-block-btn {
text-align: center !important;
}
.wrapper-donate-top .gb-grid-column .qubely-block-text-sub-title {
font-size: 35px !important;
}
}
@media (max-width: 768px) and (max-width: 499px) {
.wrapper-donate-top .gb-grid-column .qubely-block-text-sub-title {
font-size: 32px !important;
}
}
@media (max-width: 768px) {
.wrapper-donate-top.qubely-section {
padding: 350px 0px 0 0px !important;
}
.wrapper-donate-top.qubely-section::before {
content: "";
width: 100vw;
height: 100%;
background: black;
background: linear-gradient(35deg, black 18%, rgba(255, 255, 255, 0) 60%);
position: absolute;
top: 0;
left: 0;
}
} @media (min-width: 992px) {
.wrapper-donate-campaignlist .gb-grid-wrapper > .gb-grid-column {
width: 50%;
}
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-mediacard {
padding-right: 0;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard p {
margin-bottom: 0;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-image {
margin-right: 0 !important;
max-width: 100%;
flex: 0 0 100%;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-image img {
border-radius: 5px 5px 0 0;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-content-wrapper .qubely-mediacard-innerBlocks {
padding: 0 15px;
}
@media (min-width: 769px) {
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-mediacard-wrapper {
display: block !important;
}
}
@media (min-width: 500px) {
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-mediacard-wrapper {
display: flex !important;
flex-wrap: nowrap;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-mediacard {
padding-right: 20px !important;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
font-size: 95%;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-image {
margin-right: 25px !important;
max-width: 45%;
flex: 0 0 45%;
background: #faf6e1;
align-items: flex-end;
justify-content: center;
display: flex;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-image img {
border-radius: 5px 0 0 5px;
object-fit: cover;
height: 100%;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-content-wrapper .qubely-mediacard-innerBlocks {
padding: 0;
min-height: 240px !important;
display: flex;
flex-direction: column;
height: 100%;
}
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-mediacard-content-wrapper .qubely-mediacard-innerBlocks .wp-block-qubely-text {
height: 100%;
}
}
@media (max-width: 499px) {
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-text,
.wrapper-donate-campaignlist .wp-block-qubely-mediacard .qubely-block-btn {
text-align: center !important;
}
}
.wrapper-relate-donate {
background-color: #EAEEF0;
padding: 3rem 0;
}
.wrapper-relate-donate h2.title {
font-size: 2rem;
color: #1E416D;
font-weight: 700;
margin: 0 0 3rem;
}
.page-template-page-donate2022 {   }
.page-template-page-donate2022 .site-donate,
.page-template-page-donate2022 .site-search,
.page-template-page-donate2022 .site-toggle,
.page-template-page-donate2022 .site-nav-d,
.page-template-page-donate2022 .site-config,
.page-template-page-donate2022 .site-header-space,
.page-template-page-donate2022 .site-header {
display: none !important;
}
.page-template-page-donate2022 ._hide {
display: none;
}
.page-template-page-donate2022 .logo-donate {
margin: 1rem;
}
.page-template-page-donate2022 .qubely-block-btn .qubely-block-btn-anchor {
border: none;
font-family: var(--s-heading);
font-weight: 700;
min-width: 150px;
padding-bottom: 17px;
display: inline-block;
line-height: 1;
}
.page-template-page-donate2022 .qubely-block-btn .qubely-block-btn-anchor.is-large {
padding: 0.75rem 1rem 1rem;
font-size: 1.1rem;
min-width: 250px;
}
.page-template-page-donate2022 .qubely-block-btn .qubely-block-btn-anchor.is-medium {
padding-bottom: 17px;
padding-top: 12px;
}
.page-template-page-donate2022 .btn {
padding: 4px 20px 9px;
line-height: 1;
border-radius: 50px;
background: #38AB49;
border: 1px solid #38AB49;
color: white;
}
.page-template-page-donate2022 .btn.btn-lg {
font-size: 1.15rem;
font-weight: 700;
padding: 8px 25px 14px;
min-width: 180px;
}
.page-template-page-donate2022 .btn.btn-lg.btn-donate {
position: relative;
padding: 8px 45px 14px 25px;
}
.page-template-page-donate2022 .btn.btn-lg.btn-donate::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-donate.png) no-repeat right center;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
}
.page-template-page-donate2022 .btn.btn-lg.btn-donate-white {
min-width: auto;
background-color: white;
border-color: white;
color: #38AB49;
position: relative;
padding: 8px 45px 14px 25px;
}
.page-template-page-donate2022 .btn.btn-lg.btn-donate-white::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-donate-green.png) no-repeat right center;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
}
.page-template-page-donate2022 .btn.btn-lg.btn-outline {
color: #1E416D;
background: white;
border: 2px solid #1E416D;
position: relative;
padding: 8px 45px 14px 25px;
}
.page-template-page-donate2022 .btn.btn-lg.btn-outline::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-more.png) no-repeat right center;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
}
.page-template-page-donate2022 .btn.btn-shop {
position: relative;
padding: 4px 35px 9px 15px;
}
.page-template-page-donate2022 .btn.btn-shop::after {
content: "";
background: url(//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%);
}
.page-template-page-donate2022 .wrapper-donate-top {
background-position: 25% bottom !important;
margin: auto;
}
.page-template-page-donate2022 .wrapper-donate-top .qubely-block-text-title-inner,
.page-template-page-donate2022 .wrapper-donate-top .qubely-block-text-title {
margin-bottom: 0 !important;
}
.page-template-page-donate2022 .wrapper-donate-top .qubely-block-text-sub-title {
line-height: 1.25;
margin-bottom: 0;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.45);
}
@media (max-width: 1100px) {
.page-template-page-donate2022 .wrapper-donate-top .qubely-block-text-sub-title {
font-size: 40px !important;
}
}
.page-template-page-donate2022 .wrapper-donate-top .qubely-block-text p {
margin-bottom: 0 !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
.page-template-page-donate2022 .wrapper-donate-top {
background-position: 70% center !important;
padding: 120px 0 120px 0 !important;
}
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column {
width: 60% !important;
}
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column:last-child {
width: 40% !important;
}
}
@media (max-width: 768px) {
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column {
width: 100% !important;
margin: 0 20px;
}
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column .qubely-block-text,
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column .qubely-block-btn {
text-align: center !important;
}
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column .qubely-block-text-sub-title {
font-size: 35px !important;
}
}
@media (max-width: 768px) and (max-width: 499px) {
.page-template-page-donate2022 .wrapper-donate-top .gb-grid-column .qubely-block-text-sub-title {
font-size: 32px !important;
}
}
@media (max-width: 768px) {
.page-template-page-donate2022 .wrapper-donate-top.qubely-section {
padding: 350px 0px 0 0px !important;
}
.page-template-page-donate2022 .wrapper-donate-top.qubely-section::before {
content: "";
width: 100vw;
height: 100%;
background: black;
background: linear-gradient(0deg, black 10%, rgba(255, 255, 255, 0) 50%);
position: absolute;
top: 0;
left: 0;
}
}
@media (max-width: 767px) {
.page-template-page-donate2022 .wrap-bg-sm {
background-size: 180% !important;
background-position: 90% 100% !important;
}
}
.page-template-page-donate2022 .eef-slide-arrows .eef-slide-arrow.eef-slide-prev.eef-slide-prev--bottom {
right: 4%;
top: 103%;
padding: 15px;
background-size: 10px;
}
.page-template-page-donate2022 .eef-slide-arrows .eef-slide-arrow.eef-slide-next.eef-slide-next--bottom {
right: 1%;
top: 103%;
padding: 15px;
background-size: 10px;
} .wrap-tab-campaign .qubely-tab-nav {
font-family: var(--s-heading);
margin-left: -10% !important;
}
.wrap-tab-campaign .qubely-tab-nav .qubely-tab-item .qubely-tab-title {
padding: 6px 15px 9px !important;
}
@media (max-width: 500px) {
.wrap-tab-campaign .qubely-tab-nav .qubely-tab-item .qubely-tab-title {
font-size: 85%;
padding: 6px 10px 9px !important;
}
}
.wrap-tab-campaign .qubely-tab-nav .qubely-tab-item.qubely-active .qubely-tab-title {
font-weight: 700;
box-shadow: 0px 3px 7px rgba(48, 61, 79, 0.2) !important;
}
@media (max-width: 1023px) {
.wrap-tab-campaign .qubely-tab-nav {
margin-left: -4% !important;
}
}
@media (max-width: 767px) {
.wrap-tab-campaign .qubely-tab-nav {
margin-left: -4% !important;
}
}
@media (max-width: 500px) {
.wrap-tab-campaign .qubely-tab-nav {
margin-left: -7% !important;
}
}
.wrap-tab-campaign .qubely-block-tab {
margin-left: 8%;
margin-bottom: 6%;
width: 100vw;
}
@media (max-width: 1023px) {
.wrap-tab-campaign .qubely-block-tab {
margin-left: 2%;
margin-bottom: 4%;
}
}
@media (max-width: 767px) {
.wrap-tab-campaign .qubely-block-tab {
margin-left: 2%;
margin-bottom: 0;
}
}
@media (max-width: 500px) {
.wrap-tab-campaign .qubely-block-tab {
margin-left: 5%;
margin-bottom: 0;
}
}
.wrap-tab-campaign .wrap-mediacard {
background: #FFFFFF;
border: 1px solid #E5E6E7;
border-radius: 10px;
margin-top: 0.5rem;
margin-bottom: 0.75rem;
display: flex;
position: relative;
min-width: 320px;
max-width: 400px;
}
@media (min-width: 425px) {
.wrap-tab-campaign .wrap-mediacard {
width: 330px !important;
}
}
.wrap-tab-campaign .wrap-mediacard .mediacard {
border-radius: 10px 10px 0 0;
overflow: hidden;
position: relative;
color: #1E416D;
display: flex;
flex-direction: column;
flex: 1;
}
.wrap-tab-campaign .wrap-mediacard .mediacard .img {
background: #F4F0E2;
position: relative;
}
.wrap-tab-campaign .wrap-mediacard .info {
padding: 1.5rem;
display: flex;
flex-direction: column;
flex: 1;
}
.wrap-tab-campaign .wrap-mediacard .info h3 {
font-weight: 700;
margin-bottom: 1rem;
color: #1E416D;
}
.wrap-tab-campaign .wrap-mediacard .info h3 > a {
color: #1E416D;
}
.wrap-tab-campaign .wrap-mediacard .info p {
margin-bottom: 2rem;
}
.wrap-tab-campaign .wrap-mediacard .wrap-link {
display: flex;
justify-content: space-between;
align-items: center;
justify-content: center;
margin-top: auto;
margin-bottom: 1rem;
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary {
color: #fff;
background: #ccc;
border-radius: 0 0 10px 10px;
padding: 10px 15px 12px;
display: flex;
justify-content: space-between;
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item {
font-family: var(--s-heading);
flex: 1;
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item:first-child {
margin-right: 1.5rem;
padding-right: 1.5rem;
border-right: 2px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 500px) {
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item:first-child {
margin-right: 1rem;
padding-right: 0.5rem;
}
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item h2 {
margin: 0;
line-height: 1;
font-weight: 700;
font-size: 1.5rem;
display: inline-block;
margin-right: 2px;
}
.wrap-tab-campaign .wrap-mediacard .wrap-summary .summary-item h2 + strong {
font-size: 90%;
}
.wrap-tab-campaign .wrap-mediacard .ribbon {
font-family: var(--s-heading);
background: #da3a2c;
position: absolute;
padding: 0px 8px 4px 8px;
top: 30px;
left: -30px;
width: 150px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
text-align: center;
line-height: 20px;
font-size: 15px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.75);
} .bg-kids {
position: relative;
}
.bg-kids::before {
position: absolute;
left: 0;
top: -40%;
content: "";
width: 600px;
height: 350px;
background-size: contain !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/aw-blue@2x.png) no-repeat center center;
z-index: 9999;
}
@media (max-width: 1023px) {
.bg-kids::before {
width: 400px;
height: 250px;
background-size: contain !important;
top: -35%;
}
}
@media (max-width: 767px) {
.bg-kids::before {
width: 300px;
height: 150px;
background-size: contain !important;
top: -24%;
}
}
.wrap-shop {
position: relative;
}
.wrap-shop::before {
position: absolute;
left: -5%;
top: 5%;
content: "";
width: 300px;
height: 300px;
background-size: contain !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/aw-left@2x.png) no-repeat center center;
}
.wrap-shop::after {
position: absolute;
right: -2%;
top: 5%;
content: "";
width: 300px;
height: 300px;
background-size: contain !important;
display: block;
background: url(//www.eef.or.th/wp-content/themes/eef/images/aw-right@2x.png) no-repeat center center;
}
@media (max-width: 1024px) {
.wrap-shop::before, .wrap-shop::after {
width: 200px;
height: 200px;
background-size: contain !important;
}
}
@media (max-width: 767px) {
.wrap-shop::before, .wrap-shop::after {
width: 100px;
height: 100px;
background-size: contain !important;
}
}
.wrap-shop .wrap-mediacard {
background-color: white;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
border-radius: 10px;
margin-top: 0.5rem;
margin-bottom: 0.75rem;
display: flex;
}
.wrap-shop .wrap-mediacard .mediacard {
position: relative;
color: #1E416D;
display: flex;
flex-direction: column;
flex: 1;
}
.wrap-shop .wrap-mediacard .mediacard .img {
border-radius: 10px 10px 0 0;
background: #F4F0E2;
position: relative;
}
.wrap-shop .wrap-mediacard .mediacard .img .logo {
position: absolute;
bottom: -12%;
left: 0;
width: 70px;
}
.wrap-shop .wrap-mediacard .mediacard .info {
padding: 1rem;
display: flex;
flex-direction: column;
flex: 1;
}
.wrap-shop .wrap-mediacard .mediacard .info > .content {
margin-top: 0.75rem;
}
.wrap-shop .wrap-mediacard .mediacard .info > .content h3 {
font-weight: 700;
color: #1E416D;
font-size: 1.25rem;
}
.wrap-shop .wrap-mediacard .mediacard .info > .content h3 > a {
color: #1E416D;
}
.wrap-shop .wrap-mediacard .mediacard .info > .content h4 {
font-size: 1rem;
}
.wrap-shop .wrap-mediacard .mediacard .wrap-link {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
.wrap-shop .wrap-mediacard .mediacard .wrap-link .price {
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
} .wrap-faq-accordion {
color: #1E416D;
}
.wrap-faq-accordion .qubely-accordion-panel-handler-label {
font-family: var(--s-heading);
font-weight: 700;
}
.wrap-faq-accordion .wrap-faq-choice {
position: relative;
}
.wrap-faq-accordion .wrap-faq-choice .wp-block-qubely-heading {
position: absolute;
left: 0;
top: 10px;
}
@media (min-width: 768px) {
.wrap-faq-accordion .wrap-faq-choice .wp-block-qubely-heading {
top: 20px;
}
}
.wrap-faq-accordion .wrap-faq-choice h2.qubely-heading-selector {
background-color: #1E416D;
color: white !important;
border-radius: 50%;
display: flex;
align-items: center;
line-height: 1;
font-size: 18px;
font-weight: 700;
padding: 5px 8px 8px;
height: 45px;
width: 45px;
text-align: center;
}
@media (max-width: 767px) {
.wrap-faq-accordion .wrap-faq-choice h2.qubely-heading-selector {
padding: 0px 6px 6px;
height: 35px;
width: 35px;
font-size: 16px;
}
}
.wrap-faq-accordion .wrap-faq-choice .flex-row .qubely-info-box-layout-2 {
align-items: center;
}
@media (max-width: 767px) {
.wrap-faq-accordion .wrap-faq-choice .flex-row .qubely-info-box-layout-2 {
flex-direction: row;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wrap-faq-accordion .wrap-faq-choice .qubely-info-box-layout-2 {
flex-direction: column;
padding-left: 40px;
word-break: break-word;
word-wrap: break-word;
}
}
.wrap-faq-accordion .wrap-faq-choice .qubely-info-box-layout-4 .qubely-info-box-sub-title {
color: #1e416d;
background: #FFD951;
padding: 10px 15px 12px;
border-radius: 15px;
display: inline-block;
}
.wrapper-main-bardonate {
position: fixed;
bottom: 0;
right: 0;
left: 0;
display: none;
background: #00B04C;
box-shadow: 0px -6px 14px rgba(0, 0, 0, 0.18);
color: white;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-family: var(--s-heading);
padding: 0 10px;
z-index: 99999;
}
.wrapper-main-bardonate .aw {
margin-left: 100px;
position: relative;
margin-right: 80px;
padding: 10px 0;
}
.wrapper-main-bardonate .aw::before {
content: "";
width: 100%;
height: 100px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/aw-kids@2x.png) no-repeat left bottom;
position: absolute;
left: -150px;
bottom: -5%;
background-size: contain;
}
.wrapper-main-bardonate span.label {
line-height: 1.35em;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.wrapper-main-bardonate span.label-lg {
line-height: 1.35em;
font-size: 1.5rem;
font-weight: 700;
}
.wrapper-main-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 0 5px;
}
.wrapper-main-bardonate .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
}
@media (max-width: 560px) {
.wrapper-main-bardonate .aw {
margin-left: 60px;
margin-right: 20px;
}
.wrapper-main-bardonate .aw::before {
left: -120px;
}
}
@media (max-width: 500px) {
.wrapper-main-bardonate .aw {
margin-left: 0;
margin-right: 20px;
}
.wrapper-main-bardonate .aw::before {
display: none;
}
.wrapper-main-bardonate span.label-lg {
font-size: 1.25rem;
}
.wrapper-main-bardonate .btn.btn-lg.btn-donate-white {
padding: 8px 45px 14px 15px;
}
}
@media (max-width: 375px) {
.wrapper-main-bardonate .aw {
margin-left: 0;
margin-right: 15px;
}
.wrapper-main-bardonate .aw::before {
display: none;
}
.wrapper-main-bardonate span.label-lg {
font-size: 1.15rem;
}
.wrapper-main-bardonate .btn.btn-lg.btn-donate-white {
font-size: 1rem;
padding: 8px 40px 14px 12px;
}
}
 .page-hr-detail .entry-header,
.page-hr-form .entry-header {
color: white;
background: #023664 url(//www.eef.or.th/wp-content/themes/eef/images/bg-hr-header.png) repeat-x top left;
background-size: contain;
padding: 2.5rem 0;
width: 100%;
z-index: 99;
}
.page-hr-detail .entry-header .hr-header-btn,
.page-hr-form .entry-header .hr-header-btn {
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.17);
z-index: 999;
width: 100%;
padding: 1rem;
text-align: center;
}
@media (min-width: 992px) {
.page-hr-detail .entry-header,
.page-hr-form .entry-header {
position: fixed;
}
.page-hr-detail .entry-header .hr-header-btn,
.page-hr-form .entry-header .hr-header-btn {
position: static;
width: auto;
padding: 0;
background: transparent;
box-shadow: none;
}
}
.page-hr-detail .entry-header .entry-title,
.page-hr-form .entry-header .entry-title {
margin-bottom: 0.5rem;
}
.page-hr-detail .entry-header .hr-header,
.page-hr-form .entry-header .hr-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.page-hr-detail .entry-header .hr-meta,
.page-hr-form .entry-header .hr-meta {
font-family: var(--s-heading);
font-size: 0.8rem;
}
.page-hr-detail .s-button.btn-hr,
.page-hr-form .s-button.btn-hr {
border-color: var(--s-accent);
background-color: var(--s-accent);
border-radius: 25px;
font-weight: 700;
padding: 4px 20px 8px;
min-width: 150px;
text-align: center;
justify-content: center;
margin: auto;
cursor: pointer;
}
@media (min-width: 992px) {
.page-hr-detail .s-button.btn-hr,
.page-hr-form .s-button.btn-hr {
padding: 8px 20px 12px;
min-width: 170px;
font-size: 1.15rem;
}
}
.page-hr-detail .entry-content,
.page-hr-form .entry-content {
padding-top: 2rem;
padding-bottom: 2rem;
color: #023664;
max-width: 750px;
margin: 0 auto;
}
@media (min-width: 992px) {
.page-hr-detail .entry-content,
.page-hr-form .entry-content {
padding-top: 12rem;
padding-bottom: 2rem;
}
}
.page-hr-detail .entry-content p {
margin-bottom: 1.75em;
}
.page-hr-detail .entry-content p > strong {
font-weight: 700;
font-family: var(--s-heading);
background-color: var(--s-accent);
color: white;
padding: 2px 15px 5px;
font-size: 1.25rem;
display: inline-block;
}
.page-hr-detail .entry-content ul li,
.page-hr-detail .entry-content ol li {
margin-bottom: 1rem;
}
.page-hr-detail .entry-content a {
color: white;
font-family: var(--s-heading);
font-weight: 700;
background-color: white;
margin: 0 5px;
padding: 4px 15px 8px;
border-radius: 25px;
display: inline-block;
border: 1px solid var(--s-accent);
color: var(--s-accent);
}
.page-hr-detail .entry-content a:hover, .page-hr-detail .entry-content a:focus, .page-hr-detail .entry-content a:active {
color: white;
background-color: var(--s-accent-hover);
}
.page-hr-form .hr-form p {
margin-bottom: 0;
}
.page-hr-form .hr-form label {
font-weight: 700;
display: block;
}
.page-hr-form .hr-form label span {
color: #E5252A;
}
.page-hr-form .hr-form hr {
border-color: #B5CBDE;
}
.page-hr-form .hr-form .form-group {
margin-bottom: 1rem;
flex: 1;
}
.page-hr-form .hr-form .form-group .form-control {
width: 100%;
border-color: #AEBFCE;
padding: 0.25rem 0.5rem;
}
@media (min-width: 992px) {
.page-hr-form .hr-form .form-group-2 {
display: flex;
}
.page-hr-form .hr-form .form-group-2 .form-group {
flex: 0 0 50%;
}
.page-hr-form .hr-form .form-group-2 .form-group:first-child {
margin-right: 0.75rem;
}
}
.page-hr-form .form-file-input {
background: #F1F5F9;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px;
}
.page-hr-form .form-file-input .remark {
font-size: 80%;
color: #4E4E4E;
}
.page-hr-form .form-file-input .custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0.5rem;
}
.page-hr-form .form-file-input .custom-file .custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
opacity: 0;
}
.page-hr-form .form-file-input .custom-file .custom-file-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 1rem + 2px);
padding: 0.375rem 0.75rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #AEBFCE;
border-radius: 0.25rem;
font-weight: 400;
}
.page-hr-form .form-file-input .custom-file .custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 1rem + 2px);
padding: 0.375rem 0.75rem 0.75rem;
line-height: 1.5;
color: white;
content: "อัปโหลด";
font-weight: 700;
background-color: var(--s-accent);
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}
.page-hr-form .form-check {
margin: 2rem 0;
}
.page-hr-form .form-check .check-input {
position: absolute;
opacity: 0;
}
.page-hr-form .form-check .check-input + label {
position: relative;
cursor: pointer;
padding: 0;
font-weight: 400;
font-family: var(--s-body);
}
.page-hr-form .form-check .check-input + label a {
text-decoration: underline;
}
.page-hr-form .form-check .check-input + label:before {
content: "";
margin-right: 10px;
margin-top: 4px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
border-radius: 3px;
border: 1px solid #023664;
}
.page-hr-form .form-check .check-input:focus + label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.page-hr-form .form-check .check-input:checked + label:before {
background: #023664;
}
.page-hr-form .form-check .check-input:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.page-hr-form .form-check .check-input:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.page-hr-form .form-check .check-input:checked + label:after {
content: "";
position: absolute;
left: 5px;
top: 14px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);
}
.download-block {
background: #fff;
box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.23);
border-radius: 5px;
padding: 5px 10px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.download-block label {
margin-bottom: 5px;
margin-right: 15px;
font-weight: 700;
}
.download-block .download-link a {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-pdf.png) repeat-x center left;
background-size: contain;
width: 25px;
height: 35px;
text-indent: -999em;
display: inline-block;
margin-left: 5px;
}
.download-block .download-link .pdf-link {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-pdf.png) repeat-x center left;
background-size: contain;
}
.download-block .download-link .doc-link {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-doc.png) repeat-x center left;
background-size: contain;
} .page-hr-list {
color: #023664;
}
.page-hr-list .entry-header {
color: white;
background: #023664;
padding: 1.5rem 0;
width: 100%;
z-index: 99;
text-align: center;
}
.page-hr-list .entry-content {
margin: 1.5rem auto;
max-width: 1100px;
}
@media (min-width: 992px) {
.page-hr-list .entry-content {
margin: 3rem auto;
}
}
@media (max-width: 991px) {
.hr-position-flyout {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 9998;
background-color: #000;
opacity: 0.5;
}
.hr-position-flyout.active {
display: block;
}
}
.hr-position {
max-width: 1100px;
margin: 0 auto 2rem;
}
.hr-position h3 {
font-weight: 700;
margin-bottom: 2rem;
}
@media (max-width: 991px) {
.hr-position {
position: fixed;
background: #fff;
max-width: 100%;
top: 0;
right: 5%;
height: 100%;
overflow: scroll;
z-index: 9999;
padding: 1rem;
width: 95%;
transition: all 400ms ease-in-out;
transform: translateX(-100%);
}
.hr-position .close {
text-align: right;
line-height: 20px;
cursor: pointer;
font-size: 1.5rem;
font-family: var(--s-heading);
font-weight: 700;
}
.hr-position.active {
transform: translateX(0);
}
}
.hr-position .hr-position-cat {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
}
@media (max-width: 991px) {
.hr-position .hr-position-cat {
justify-content: center;
}
}
.hr-position .hr-position-cat li {
text-align: center;
border: 2px solid var(--s-accent);
flex: 1 0 calc(100% / 6);
min-width: 130px;
max-width: 170px;
height: 160px;
border-radius: 10px;
padding: 10px;
}
@media (max-width: 991px) {
.hr-position .hr-position-cat li {
min-width: 110px;
flex: 1 0 calc((100% / 2) - 10px);
}
}
.hr-position .hr-position-cat li a {
color: #023664;
font-family: var(--s-heading);
font-weight: 700;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
line-height: 1.5;
}
.hr-position .hr-position-cat li a::before {
content: "";
width: 60px;
height: 70px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-01.svg) repeat-x center center;
background-size: contain;
display: block;
margin: 0.5rem auto 0.5rem;
}
.hr-position .hr-position-cat li a.cat-01::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-01.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li a.cat-02::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-02.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li a.cat-03::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-03.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li a.cat-04::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-04.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li a.cat-05::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-05.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li a.cat-06::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-06.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active, .hr-position .hr-position-cat li:hover, .hr-position .hr-position-cat li:focus {
color: white;
background: var(--s-accent);
transition: 0.5s all;
}
.hr-position .hr-position-cat li.active a, .hr-position .hr-position-cat li:hover a, .hr-position .hr-position-cat li:focus a {
color: white;
}
.hr-position .hr-position-cat li.active a::before, .hr-position .hr-position-cat li:hover a::before, .hr-position .hr-position-cat li:focus a::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-01-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-01::before, .hr-position .hr-position-cat li:hover a.cat-01::before, .hr-position .hr-position-cat li:focus a.cat-01::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-01-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-02::before, .hr-position .hr-position-cat li:hover a.cat-02::before, .hr-position .hr-position-cat li:focus a.cat-02::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-02-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-03::before, .hr-position .hr-position-cat li:hover a.cat-03::before, .hr-position .hr-position-cat li:focus a.cat-03::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-03-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-04::before, .hr-position .hr-position-cat li:hover a.cat-04::before, .hr-position .hr-position-cat li:focus a.cat-04::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-04-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-05::before, .hr-position .hr-position-cat li:hover a.cat-05::before, .hr-position .hr-position-cat li:focus a.cat-05::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-05-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-cat li.active a.cat-06::before, .hr-position .hr-position-cat li:hover a.cat-06::before, .hr-position .hr-position-cat li:focus a.cat-06::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-cat-06-hover.svg) repeat-x center center;
background-size: contain;
}
.hr-position .hr-position-more {
font-family: var(--s-heading);
font-weight: 700;
color: #023664;
text-align: right;
text-decoration: underline;
display: block;
font-size: 95%;
}
.hr-position .hr-position-more::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/shape-more.svg) repeat-x center left;
background-size: contain;
width: 14px;
height: 8px;
display: inline-block;
margin-left: 5px;
}
.hr-position-list .jobs-header h2.title {
font-weight: 700;
text-align: center;
margin-bottom: 1.5rem;
}
.hr-position-list .jobs-header .download-block {
margin-bottom: 0;
}
@media (max-width: 991px) {
.hr-position-list .jobs-header .download-block {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
padding: 15px;
z-index: 999;
}
}
@media (min-width: 992px) {
.hr-position-list .jobs-header {
display: flex;
justify-content: space-between;
align-items: center;
margin: 2rem 0;
}
.hr-position-list .jobs-header h2.title {
flex: 1;
margin-bottom: 0;
text-align: left;
}
}
@media (max-width: 991px) {
.hr-position-list .jobs-header .wrapper-hr-search {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.hr-position-list .jobs-header .wrapper-hr-search .hr-search {
flex: 1;
margin-right: 5px;
}
.hr-position-list .jobs-header .wrapper-hr-search .hr-search .search-field {
margin-left: 0;
width: 100%;
}
.hr-position-list .jobs-header .wrapper-hr-search .btn-position {
border-color: var(--s-accent);
background-color: var(--s-accent);
border-radius: 25px;
font-weight: 700;
padding: 2px 15px 5px;
min-width: auto;
text-align: center;
justify-content: center;
margin: auto;
cursor: pointer;
min-height: 40px;
font-size: 95%;
}
}
.hr-position-list .jobs-list {
margin-bottom: 5rem;
}
.hr-search {
position: relative;
}
.hr-search .search-field {
border-radius: 25px;
padding: 0.5rem 2.25rem 0.5rem 1.25rem;
line-height: 1.5;
margin-bottom: 0;
margin-left: 1rem;
}
.hr-search .btn-search {
position: absolute;
right: 0.25rem;
top: 0.25rem;
background: url(//www.eef.or.th/wp-content/themes/eef/images/btn-search.svg) repeat-x center center;
background-size: contain;
text-indent: -999em;
width: 35px;
height: 35px;
border: none;
padding: 0;
cursor: pointer;
}
.job-list-header {
font-family: var(--s-heading);
font-weight: 700;
background-color: #F1F5F9;
color: #5D778E;
border-radius: 5px;
padding: 0.5rem 1.5rem 0.75rem;
display: flex;
font-size: 1.1rem;
}
@media (max-width: 991px) {
.job-list-header {
padding: 0.5rem 1rem 0.75rem;
font-size: 1rem;
}
}
.job-list-header .position {
flex: 1;
}
.job-list-detail {
border-bottom: 1px solid #B5CBDE;
padding-bottom: 1rem;
padding: 1rem 1.5rem 1rem;
display: flex;
}
@media (max-width: 991px) {
.job-list-detail {
padding: 0.5rem 0.5rem 0.5rem;
}
.job-list-detail .position {
margin-right: 10px;
}
.job-list-detail .position p {
font-size: 1rem;
}
}
.job-list-detail .position {
flex: 1;
line-height: 1.35;
}
.job-list-detail .position p {
font-family: var(--s-heading);
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
.job-list-detail .position p a {
color: #023664;
}
.job-list-detail .position p a:hover {
text-decoration: underline;
color: var(--s-accent);
}
.job-list-detail .position span {
font-size: 85%;
color: #7E7E7E;
}
.job-list-detail .date {
font-size: 90%;
}
.card-imgleft-center {
margin-bottom: 2rem;
}
.card-imgleft-center .qubely-block-info-box {
align-items: center;
}
@media (max-width: 767px) { .wrapper-card-target .qubely-block-info-box.qubely-info-box-layout-2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
}
.wrapper-card-target .qubely-block-info-box.qubely-info-box-layout-2 .qubely-info-box-media {
margin-right: 0;
}
.wrapper-card-2col .gb-grid-wrapper > .gb-grid-column {
width: 50%;
} .wrapper-grid-year .gb-grid-wrapper {
flex-wrap: nowrap;
}
.wrapper-grid-year .gb-grid-wrapper .gb-grid-column:first-child {
flex: 0 0 24%;
}
}
.bg-green-heading h2 {
background: url(//www.eef.or.th/wp-content/themes/eef/images/bg-title@2x.png) no-repeat;
background-size: 350px;
width: 350px;
height: 60px;
color: white;
display: block;
margin: 0 auto;
padding: 15px 0;
font-weight: 700;
}
@media (max-width: 767px) {
.bg-green-heading h2 {
background: url(//www.eef.or.th/wp-content/themes/eef/images/bg-title@2x.png) no-repeat;
background-size: 300px;
width: 300px;
font-size: 20px !important;
padding: 12px 0;
}
}
@media (max-width: 450px) {
.bg-green-heading h2 {
background: url(//www.eef.or.th/wp-content/themes/eef/images/bg-title@2x.png) no-repeat;
background-size: 270px;
width: 270px;
font-size: 18px !important;
padding: 11px 0;
}
} .wrapper-microsite {
position: relative;
}
.wrapper-microsite .wp-block-qubely-heading {
margin: 0 0 -56px 0;
z-index: 1;
}
@media (max-width: 450px) {
.wrapper-microsite .wp-block-qubely-heading {
margin: 0;
}
}
.wrapper-microsite .wp-block-buttons {
position: absolute;
bottom: 15%;
left: 0;
right: 0;
}
@media (max-width: 767px) {
.wrapper-microsite .wp-block-buttons {
bottom: 10%;
}
}
@media (max-width: 450px) {
.wrapper-microsite .wp-block-buttons {
bottom: 5%;
}
}
.wrapper-microsite .wp-block-buttons .wp-block-button {
position: relative;
}
.wrapper-microsite .wp-block-buttons .wp-block-button::before {
position: absolute;
background: url(//www.eef.or.th/wp-content/themes/eef/images/arr.gif) no-repeat center center;
width: 50px;
height: 50px;
content: "";
background-size: 50px;
top: -15%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.wrapper-microsite .wp-block-buttons .wp-block-button::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/arr.gif) no-repeat center center;
width: 25px;
height: 25px;
background-size: 25px;
}
}
.wrapper-microsite .wp-block-buttons .wp-block-button__link {
font-family: var(--s-heading);
font-weight: 700;
font-size: 1.5rem;
color: #214070;
background-color: transparent;
border-radius: 0;
}
@media (max-width: 767px) {
.wrapper-microsite .wp-block-buttons .wp-block-button__link {
font-size: 1.15rem;
}
}
@media (max-width: 450px) {
.wrapper-microsite .wp-block-buttons .wp-block-button__link {
font-size: 1rem;
}
} .card-info-teacher .qubely-info-box-body .qubely-info-box-title-container .qubely-info-box-title-inner {
border-radius: 20px 20px 0 0;
padding: 15px 20px;
margin-bottom: 0;
background: #214070;
color: #fff;
min-height: 100px;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content {
background-color: #DAEAFF;
color: #214070;
border-radius: 0 0 20px 20px;
padding: 20px 10px 20px 15px;
position: relative;
overflow: hidden;
min-height: 390px;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content .qubely-info-box-text {
z-index: 1;
position: relative;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content .qubely-info-box-text strong {
font-size: 1.25rem;
line-height: 1.65em;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content .qubely-info-box-text p {
line-height: 1.65em;
}
.card-info-teacher .qubely-info-box-body .qubely-info-box-content::after {
content: "";
width: 100%;
height: 70%;
background: url(//www.eef.or.th/wp-content/themes/eef/images/bg-curve.png) no-repeat top center;
background-size: 125%;
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 20px 20px;
} .select-custom-year {
--radius: 5px;
--baseFg: #BFBFBF;
--baseBg: white;
--accentBg: #39AC50;
display: block;
float: right;
padding: 2px 10px;
-webkit-appearance: none;
appearance: none;
color: #214070;
border: 1px solid var(--baseFg);
line-height: 1.5;
outline: 0;
padding: 0.65em 6.5em 0.55em 0.75em;
border-radius: var(--radius);
background-color: var(--baseBg);
background-image: linear-gradient(var(--baseFg), var(--baseFg)), linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%), linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%), linear-gradient(var(--accentBg) 42%, var(--baseBg) 42%);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 1px 100%, 40px 35px, 40px 35px, 40px 100%;
background-position: right 40px center, right bottom, right bottom, right bottom;
}
@media (max-width: 767px) {
.select-custom-year {
float: none;
margin: 0 auto;
}
} .subscribe-news_wrapper {
display: flex !important;
}
.subscribe-news_wrapper .gform_heading, .subscribe-news_wrapper .gfield_label {
display: none !important;
}
.subscribe-news_wrapper .subscribe-news {
width: 100% !important;
display: flex !important;
}
.subscribe-news_wrapper .gform_body .gform_fields .gfield {
padding-right: 0 !important;
max-width: 100% !important;
}
.subscribe-news_wrapper .gform_body {
width: 100%;
}
.subscribe-news_wrapper .gform_body li {
margin: 0 !important;
}
.subscribe-news_wrapper .ginput_container_email {
margin-top: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
.subscribe-news_wrapper .ginput_container_email input {
color: black;
padding: 4px 12px !important;
width: 100% !important;
border-radius: 5px 0 0 5px !important;
margin: 0 !important;
height: 44px;
}
.subscribe-news_wrapper .gform_footer {
margin: 0 !important;
padding: 0 !important;
}
.subscribe-news_wrapper .gform_footer input[type=submit] {
padding: 6px 20px 10px !important;
width: auto !important;
line-height: inherit !important;
border-radius: 0 5px 5px 0 !important;
height: 44px !important;
}
.subscribe-news_wrapper li.gfield_error {
border: none !important;
}
.subscribe-news_wrapper li.gfield.gfield_error {
padding: 0 !important;
margin: 0 !important;
}
.subscribe-news_wrapper.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important;
border-radius: 5px !important;
}
.subscribe-news .gform_confirmation_message {
background: #0102044f;
padding: 1rem;
max-width: 300px;
border-radius: 10px;
}
.subscribe-news .validation_error {
display: none !important;
}
.subscribe-news .gfield_error .validation_message {
width: 100% !important;
padding: 10px !important;
margin: 0 !important;
} :root {
--f-happy: "happy Med";
--f-cpn: "CPN";
--f-lookpeach: "lookpeach";
}
@font-face {
font-family: "CPN";
src: url(//www.eef.or.th/wp-content/themes/eef/fonts/CPN-Regular.woff2) format("woff2"), url(//www.eef.or.th/wp-content/themes/eef/fonts/CPN-Regular.woff) format("woff"), url(//www.eef.or.th/wp-content/themes/eef/fonts/CPN-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "happy Med";
src: url(//www.eef.or.th/wp-content/themes/eef/fonts/happy-Medium.woff2) format("woff2"), url(//www.eef.or.th/wp-content/themes/eef/fonts/happy-Medium.woff) format("woff"), url(//www.eef.or.th/wp-content/themes/eef/fonts/happy-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "lookpeach";
src: url(//www.eef.or.th/wp-content/themes/eef/fonts/lookpeach-Regular.woff2) format("woff2"), url(//www.eef.or.th/wp-content/themes/eef/fonts/lookpeach-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-cpn {
font-family: "CPN";
}
.font-happy {
font-family: "happy Med";
}
.font-lookpeach {
font-family: "lookpeach";
}
.wrapper-sf-hero {
position: relative;
min-height: auto;
}
.wrapper-sf-hero .wp-block-image {
margin-bottom: 0 !important;
}
.wrapper-sf-hero .wp-block-image figure {
margin-bottom: 0 !important;
}
.wrapper-sf-hero .qubely-container {
position: relative;
}
.wrapper-sf-hero .qubely-container::before {
content: "";
width: 100%;
height: 60px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-cloud@2x.png) no-repeat right top;
background-size: contain;
position: absolute;
right: 16%;
top: 0;
}
.wrapper-sf-hero::before {
content: "";
width: 100%;
height: 400px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-heroleft@2x.png) no-repeat left top;
background-size: contain;
position: absolute;
left: 0;
top: 0;
}
.wrapper-sf-hero::after {
content: "";
width: 100%;
height: 400px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-heroright@2x.png) no-repeat right center;
background-size: contain;
position: absolute;
right: 0;
top: 0;
z-index: -1;
} .wrapper-sf-donate {
transition: 0.3s ease-in-out;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999 !important;
}
.wrapper-sf-donate p {
margin: 0 !important;
}
.wrapper-sf-donate .qubely-container {
max-width: 100% !important;
}
.wrapper-sf-bardonate {
background: #EDD2AE;
color: #231F20;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-family: var(--s-heading);
padding: 10px 0 0;
position: relative;
margin-left: 100px;
}
.wrapper-sf-bardonate .aw {
position: relative;
}
.wrapper-sf-bardonate .aw::before {
content: "";
width: 100%;
height: 75px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/aw-kid-outline.png) no-repeat left bottom;
position: absolute;
left: -100px;
top: 60%;
background-size: contain;
transform: translate(0, -50%);
}
.wrapper-sf-bardonate span.label {
font-size: 1rem;
}
.wrapper-sf-bardonate .amount {
position: relative;
padding: 0 2rem;
}
.wrapper-sf-bardonate .amount:first-child:after {
content: "";
background: #94682F;
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 10%;
}
.wrapper-sf-bardonate .amount strong {
font-size: 2.5rem;
line-height: 1.5;
margin-top: -0.75rem;
display: inline-block;
}
.wrapper-sf-bardonate .amount strong + span {
font-weight: 700;
}
.wrapper-sf-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-sf-bardonate .btn {
display: flex;
margin: 0;
background: #5FA444;
color: #fff;
font-family: var(--f-happy);
min-width: 150px;
text-align: center;
padding: 12px 30px 2px;
border-radius: 20px;
line-height: 1.5;
font-size: 2rem;
position: relative;
transition: 0.5s all;
}
.wrapper-sf-bardonate .btn:hover {
background: #CE7C3C;
}
.wrapper-sf-bardonate .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
}
.wrapper-sf-about {
position: relative;
background-color: #FCF4E3;
}
.wrapper-sf-about p {
color: #231F20;
margin-bottom: 0.5rem;
}
.wrapper-sf-about::before {
content: "";
width: 100%;
height: 550px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-aw-left01.png) no-repeat left center;
background-size: contain;
position: absolute;
left: 0;
bottom: 30%;
}
.wrapper-sf-about::after {
content: "";
width: 100%;
height: 550px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-aw-right01.png) no-repeat right center;
background-size: contain;
position: absolute;
right: 0;
bottom: 30%;
z-index: -1;
}
.wrapper-sf-about .wrapper-sf-list .wp-block-qubely-infobox {
position: relative;
}
.wrapper-sf-about .wrapper-sf-list .wp-block-qubely-infobox .qubely-info-box-title {
font-family: var(--f-happy);
}
.wrapper-sf-about .wrapper-sf-list .wp-block-qubely-infobox::after {
display: block;
background: #CE7C3C;
width: 45px;
height: 3px;
margin-top: 1rem;
content: "";
}
.wrapper-sf-info .wp-block-columns {
margin-bottom: 0;
}
.wrapper-sf-info .wp-block-columns .wp-block-column:first-child {
border-right: 2px solid #fff;
padding-right: 1rem;
}
.wrapper-sf-info .wp-block-columns .qubely-info-box-body {
text-align: center;
}
.wrapper-sf-info .wp-block-columns .qubely-info-box-text {
font-family: var(--s-heading);
}
.wrapper-sf-info p {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.wrapper-sf-hero {
min-height: auto;
}
.wrapper-sf-hero::after {
right: -10%;
}
}
@media (max-width: 768px) {
.wrapper-sf-hero .wp-block-image {
width: 120%;
margin: 0 -10%;
}
.wrapper-sf-bardonate .amount {
padding: 0 2rem;
}
}
@media (max-width: 690px) {
.wrapper-sf-hero .qubely-container::before {
height: 50px;
right: 10%;
top: 0;
}
.wrapper-sf-hero::before {
content: "";
width: 100%;
height: 50px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-cloud@2x.png) no-repeat left top;
background-size: contain;
position: absolute;
left: -10%;
top: 0;
}
.wrapper-sf-hero::after {
content: "";
width: 100%;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-aw-sm@2x.png) no-repeat left bottom;
background-size: contain;
position: absolute;
bottom: 32%;
top: inherit;
height: 100%;
right: inherit;
}
.wrapper-sf-bardonate {
min-height: 80px;
margin-left: 0;
width: 100vw;
display: block;
text-align: left;
}
.wrapper-sf-bardonate .amount {
padding: 0 1rem;
width: 25%;
float: left;
}
.wrapper-sf-bardonate .amount.aw {
width: 40%;
}
.wrapper-sf-bardonate .amount.aw::before {
display: none;
}
.wrapper-sf-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 40%;
top: 50%;
right: 0;
width: 42%;
transform: translate(0, -50%);
}
.wrapper-sf-bardonate .btn {
font-size: 1.5rem;
padding: 10px 30px 0px;
margin: 0.5rem 0 0;
}
}
@media (max-width: 599px) {
.wrapper-sf-info {
position: relative;
}
.wrapper-sf-info .wp-block-columns {
margin-bottom: 0;
}
.wrapper-sf-info .wp-block-columns .wp-block-column:first-child {
border-right: 0;
padding-right: 0;
padding-bottom: 1rem;
}
.wrapper-sf-info .wp-block-columns .wp-block-column:first-child::after {
content: "";
display: block;
height: 3px;
background-color: #fff;
margin: 1rem auto 0;
width: 80%;
}
.wrapper-sf-info .wp-block-columns .qubely-info-box-body {
text-align: left;
}
.wrapper-sf-about::before {
height: 350px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-aw-left01.png) no-repeat left center;
background-size: contain;
bottom: 0%;
}
.wrapper-sf-about::after {
height: 350px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf/bg-aw-right01.png) no-repeat right center;
background-size: contain;
bottom: 0%;
}
}
@media (max-width: 500px) {
.wrapper-sf-bardonate {
margin: 0 15px;
padding: 7px 0;
position: inherit;
}
.wrapper-sf-bardonate .wrapper-btn {
width: 160px;
}
.wrapper-sf-bardonate .btn {
padding: 10px 20px 5px;
font-size: 1.5rem;
margin: 0;
justify-content: center;
}
.wrapper-sf-bardonate span.label {
font-size: 85%;
}
.wrapper-sf-bardonate .amount {
margin-right: 5px;
padding: 0;
width: 47%;
float: none;
}
.wrapper-sf-bardonate .amount:first-child:after {
display: none;
}
.wrapper-sf-bardonate .amount strong {
font-size: 1.5rem;
margin-top: -0.4rem;
}
.wrapper-sf-bardonate .amount.aw {
border-bottom: 1px solid #94682F;
margin-bottom: 3px;
padding-bottom: 3px;
width: 47%;
}
.wrapper-sf-bardonate .amount.aw::before {
display: none;
}
.wrapper-sf-bardonate .amount.kids {
position: relative;
padding-left: 0;
}
.wrapper-sf-bardonate .amount.kids::before {
display: none;
}
}
@media (max-width: 360px) {
.wrapper-sf-bardonate {
margin: 0 10px;
padding: 5px 0;
position: inherit;
}
.wrapper-sf-bardonate .btn {
min-width: 140px;
font-size: 1.35rem;
}
.wrapper-sf-bardonate .amount strong {
font-size: 1.35rem;
margin-top: -0.35rem;
}
.wrapper-sf-bardonate span.label {
font-size: 80%;
}
.wrapper-sf-bardonate .wrapper-btn {
width: 140px;
}
.wrapper-sf-bardonate .f-sm {
font-size: 0.7rem;
}
} .qubely-mediacard-media_wrapper.qubely-mediacard-image {
overflow: hidden;
}
.qubely-mediacard-media_wrapper.qubely-mediacard-image .qubely-mediacard-badge.qubely-badge-style-leftTop {
position: absolute;
top: 22px;
left: -40px;
width: 150px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
text-align: center;
line-height: 22px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.75);
} .h-tsqp {
z-index: 1 !important;
}
.h-tsqp h2 {
background: #5ca855;
display: inline-block;
border-radius: 25px;
padding: 10px 25px 16px;
font-weight: 700;
color: white;
border: 1px solid #000;
box-shadow: 3px 5px #000;
}
.aligncenter .qubely-block-info-box {
align-items: center;
}
.subhead-tsqp .qubely-block-info-box {
align-items: center;
justify-content: center;
border-radius: 50px !important;
border: 5px solid #ffff;
max-width: 650px;
margin: auto;
padding: 5px 20px 10px;
margin-bottom: 1rem;
}
.subhead-tsqp .qubely-block-info-box:hover {
border-color: #ffff !important;
}
@media (max-width: 600px) {
.subhead-tsqp .qubely-block-info-box {
display: block;
text-align: center;
border-radius: 30px !important;
max-width: 500px;
}
}
.subhead-tsqp .qubely-info-box-body {
flex: none !important;
}
.card-tsqp .qubely-block-info-box {
border-radius: 20px !important;
border: 1px solid #000;
box-shadow: 3px 5px #000;
max-width: 360px;
min-height: 430px;
margin: auto;
}
.card-tsqp .qubely-block-info-box:hover {
border-color: #000 !important;
}
.card-tsqp .qubely-info-box-title {
border-radius: 20px 20px 0 0;
background: #5ca855;
color: white;
padding: 10px 15px 15px;
border-bottom: 1px solid #000;
}
.card-tsqp .qubely-info-box-text {
color: #1e416d;
padding-left: 1.5em;
}
.card-tsqp .qubely-info-box-text img {
margin-bottom: 10px;
}
.card-tsqp .qubely-info-box-text ul {
padding: 0 1.25em 0 1em;
}
.text-body .qubely-info-box-title {
font-family: var(--s-body);
margin-top: 10px !important;
}
@media (max-width: 600px) {
.text-body .qubely-info-box-title {
margin-top: 5px !important;
}
}
.wrapper-guidelines-tsqp ul li {
margin-bottom: 10px;
}
.bg-curve-white::before,
.bg-curve-yellow::before {
content: "";
display: block;
z-index: 1;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #fff;
margin: auto;
}
.bg-curve-yellow::before {
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #e7d996;
}
.mt--50 {
margin-top: -50px;
}
.mt--100 {
margin-top: -80px;
}
.page-template-landing-slide .splide__slide {
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-blue.jpg) repeat top center;
background-size: 250%;
}
.btn-130 .qubely-block-btn {
width: 130px !important;
margin: 0 auto;
}
.m-0 {
margin: 0 !important;
}
@media (min-width: 768px) {
.btn-130 .qubely-info-box-title-inner {
min-height: 150px;
}
}
@media (max-width: 767px) {
.img-first .gb-grid-column:last-child {
order: -1;
}
}
.ptt-separate:after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/img/ptt-separate@2x.png) no-repeat top center;
background-size: contain;
width: 100px;
height: 20px;
display: block;
margin: 1.5rem auto 0;
}
.ptt-card-calendar .qubely-info-box-title-inner strong {
background: #FFF6CF;
display: inline-block;
padding: 5px 10px 10px;
border-radius: 5px;
}
.ptt-card-calendar .qubely-info-box-title-inner span {
background: #fff;
font-size: 90%;
}
.ptt-card-calendar.--second .qubely-info-box-title-inner strong {
background: #FAE6E2;
margin: 0 0 5px;
}
.ptt-card-calendar.--second .qubely-info-box-title-inner span {
display: inline-block;
}
.ppt-card-remark-calendar {
background-color: #E6F1EB;
color: #4E4E4E;
padding: 10px 15px;
border-radius: 20px;
font-size: 90%;
}
.img-shadow {
margin-bottom: 1rem !important;
box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.25);
}
.-mt--30 {
margin-top: -30px;
}
@media (max-width: 767px) {
.-mt--30 {
margin-top: -20px;
}
}
.wrap-btn-faq {
margin: 2rem 0 0;
}
@media (max-width: 767px) {
.wrap-btn-faq {
margin: 1rem 0 0;
}
}
.wrap-btn-faq .qubely-block-btn .qubely-block-btn-anchor {
border-radius: 5px !important;
}
.wrap-btn-faq .wp-block-qubely-button .qubely-block-btn-anchor {
width: 300px;
}
.accordion-faq .qubely-accordion-panel-handler .qubely-accordion-panel-handler-label {
font-family: var(--s-heading);
font-weight: 700;
font-size: 1.15rem;
}
@media (max-width: 767px) {
.accordion-faq .qubely-accordion-panel-handler .qubely-accordion-panel-handler-label {
font-size: 1rem;
}
} .wrap-slide-homepage .wrap-slide-mobile {
display: block;
}
@media (min-width: 768px) {
.wrap-slide-homepage .wrap-slide-mobile {
display: none;
}
}
.wrap-slide-homepage .wrap-slide-desktop {
display: none;
}
@media (min-width: 768px) {
.wrap-slide-homepage .wrap-slide-desktop {
display: block;
}
}
@media (max-width: 767px) {
#banner .splide__slide img {
min-height: 600px !important;
max-height: 600px;
}
}
@media (max-width: 540px) {
#banner .splide__slide img {
min-height: 450px !important;
max-height: 450px;
}
} .wrapper-cg-2022-hero {
position: relative;
min-height: 620px;
align-items: center;
justify-content: center;
display: flex;
}
.wrapper-cg-2022-hero .column-hero {
max-width: 610px !important;
margin: 0 auto;
}
.wrapper-cg-2024-hero .column-hero {
max-width: 700px !important;
margin: 0 auto;
}
.wrapper-cg-2022-hero::before {
content: "";
width: 100%;
height: 450px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2022-top-aw-left.png) no-repeat left center;
background-size: contain;
position: absolute;
left: 0;
bottom: 0%;
}
.wrapper-cg-2022-hero::after {
content: "";
width: 100%;
height: 500px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2022-top-aw-right.png) no-repeat right center;
background-size: contain;
position: absolute;
right: 0;
bottom: 0%;
z-index: -1;
}
.wrapper-cg-2023-hero::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2023-top-aw-left@2x.png) no-repeat left center;
background-size: contain;
}
.wrapper-cg-2023-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2023-top-aw-right@2x.png) no-repeat right center;
background-size: contain;
}
.wrapper-cg-2024-hero::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-left-2024@2x.png) no-repeat left center;
background-size: contain;
height: 500px;
}
.wrapper-cg-2024-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-right-2024@2x.png) no-repeat right center;
background-size: contain;
height: 500px;
}
.wrapper-sbf-hero {
overflow: hidden;
min-height: 430px;
}
.wrapper-sbf-hero::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/gp-left.png) no-repeat left center;
background-size: contain;
height: 250px;
bottom: 25%;
}
.wrapper-sbf-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/gp-right.png) no-repeat right center;
background-size: contain;
height: 350px;
bottom: -5%;
}
.edu-sandbox-aw {
position: relative;
}
.edu-sandbox-aw::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/graphic.png) no-repeat top right;
background-size: contain;
height: 350px;
top: 5%;
position: absolute;
width: 240px;
right: 0;
z-index: 9999;
display: block;
} .wrapper-cg-donate {
margin: 0;
transition: 0.3s ease-in-out;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999 !important;
}
.wrapper-cg-donate .qubely-container {
max-width: 100% !important;
}
.wrapper-cg-2022-bardonate {
background: #2E5094;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-family: var(--s-heading);
padding: 7px 0 0;
position: relative;
margin-left: 100px;
}
.wrapper-cg-2023-bardonate {
background: #0A71B9;
}
.wrapper-cg-2024-bardonate {
background: #f5efbb;
color: #231f20;
}
.wrapper-cg-2022-bardonate .aw {
position: relative;
}
.wrapper-cg-2022-bardonate .aw::before {
content: "";
width: 100%;
height: 100px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2022-avatar.png) no-repeat left center;
position: absolute;
left: -100px;
bottom: -2%;
background-size: contain;
transform: translate(0, 0%);
}
.wrapper-cg-2023-bardonate .aw::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2023-avatar@2x.png) no-repeat left center;
background-size: contain;
}
.wrapper-cg-2024-bardonate .aw::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2024-avatar@2x.png) no-repeat left bottom;
background-size: contain;
bottom: -10px;
}
.wrapper-cg-2022-bardonate span.label {
font-size: 1rem;
}
.wrapper-cg-2022-bardonate .amount {
position: relative;
padding: 0 2rem;
}
.wrapper-cg-2022-bardonate .amount:first-child:after {
content: "";
background: rgba(255, 255, 255, 0.5);
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 10%;
}
.wrapper-cg-2024-bardonate .amount:first-child:after {
background: #beaa00;
}
.wrapper-cg-2022-bardonate .amount strong {
font-size: 2.5rem;
line-height: 1.5;
margin-top: -0.75rem;
display: inline-block;
}
.wrapper-cg-2022-bardonate .amount strong + span {
font-weight: 700;
}
.wrapper-cg-2022-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-cg-2022-bardonate .btn {
display: flex;
margin: 0;
background: #ECA223;
color: #fff;
font-weight: 700;
font-family: var(--s-heading);
min-width: 150px;
text-align: center;
padding: 5px 20px 12px 50px;
border-radius: 50px;
line-height: 1;
font-size: 1.5rem;
position: relative;
transition: 0.5s all;
}
.wrapper-cg-2023-bardonate .btn {
background-color: #F2CC63;
color: #08183B;
}
.wrapper-cg-2024-bardonate .btn {
background-color: #9e77e3;
color: white;
}
.wrapper-cg-2022-bardonate .btn::before {
content: "";
width: 100%;
height: 28px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2022-ic-gift.png) no-repeat left center;
position: absolute;
left: 15px;
top: 50%;
background-size: contain;
transform: translate(0, -50%);
}
.wrapper-cg-2022-bardonate .btn:hover {
background: #D79119;
}
.wrapper-cg-2024-bardonate .btn:hover {
background: #9079B7;
}
.wrapper-cg-2022-bardonate .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
} .wrapper-cg-2022-about,
.wrapper-cg-2022-about01 {
position: relative;
color: #231F;
}
.wrapper-cg-2022-about p,
.wrapper-cg-2022-about01 p {
color: #231F;
margin-bottom: 0.5rem;
}
.wrapper-cg-2022-about .column-about,
.wrapper-cg-2022-about01 .column-about {
max-width: 820px !important;
margin: 0 auto;
}
.wrapper-cg-2023-about .column-about,
.wrapper-cg-2023-about01 .column-about {
max-width: 900px !important;
margin: 0 auto;
}
@media (min-width: 1440px) {
.wrapper-cg-2022-hero::before,
.wrapper-cg-2022-hero::after {
height: 550px;
}
.wrapper-sbf-hero::before {
height: 300px;
}
.wrapper-sbf-hero::after {
height: 400px;
}
}
@media (max-width: 1024px) {
.wrapper-cg-2022-hero::before,
.wrapper-cg-2022-hero::after {
height: 400px;
}
.wrapper-sbf-hero::before {
height: 200px;
}
.wrapper-sbf-hero::after {
height: 300px;
}
}
@media (max-width: 1024px) {
.wrapper-sbf-hero::before {
height: 200px;
}
.wrapper-sbf-hero::after {
height: 300px;
}
.edu-sandbox-aw::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/graphic.png) no-repeat top right;
background-size: contain;
height: 200px;
bottom: 0;
width: 200px;
right: 0;
}
}
@media (max-width: 768px) {
.wrapper-cg-2022-about::before,
.wrapper-cg-2022-about::after {
display: none;
}
.wrapper-cg-2022-hero::before,
.wrapper-cg-2022-hero::after {
height: 380px;
}
.wrapper-cg-2022-hero .column-hero {
max-width: 350px !important;
margin: 0 auto;
}
.wrapper-cg-2022-hero .column-hero {
max-width: 350px !important;
margin: 0 auto;
}
.wrapper-cg-2023-hero .column-hero {
max-width: 390px !important;
margin: 0 auto;
}
.wrapper-sbf-hero .column-hero {
max-width: 100% !important;
margin: 0 auto;
}
.wrapper-cg-2022-bardonate .amount {
padding: 0 2rem;
}
.wrapper-sbf-hero::before {
height: 200px;
bottom: 0;
}
.wrapper-sbf-hero::after {
height: 200px;
}
.edu-sandbox-aw::after {
top: inherit;
bottom: 0;
right: 0;
}
}
@media (max-width: 690px) {
.wrapper-cg-2022-hero::before {
display: none;
}
.wrapper-cg-2022-hero::after {
display: none;
}
.wrapper-cg-2022-hero .column-hero {
padding-bottom: 250px;
position: static;
}
.wrapper-cg-2022-hero .column-hero::after {
width: 100%;
max-width: 100%;
height: 100%;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-cg-2022-mobile.png) no-repeat bottom center;
background-size: 100%;
content: "";
position: absolute;
left: 0;
bottom: -50px;
}
.wrapper-cg-2024-hero .column-hero::after {
width: 100%;
max-width: 100%;
height: 100%;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-cg-2024-mobile.png) no-repeat bottom center;
background-size: 100%;
content: "";
position: absolute;
left: 0;
bottom: 0px;
}
.wrapper-sbf-hero .column-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/mobile-banner.png) no-repeat bottom center;
background-size: 100%;
bottom: -60px;
}
.wrapper-cg-2023-hero .column-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-cg-2023-mobile.png) no-repeat bottom center;
background-size: 100%;
bottom: 0;
}
.wrapper-cg-2022-bardonate {
min-height: 80px;
margin-left: 0;
width: 100vw;
}
.wrapper-cg-2022-bardonate {
display: block;
text-align: left;
}
.wrapper-cg-2022-bardonate .amount.aw::before {
display: none;
}
.wrapper-cg-2022-bardonate .amount.aw {
width: 40%;
}
.wrapper-cg-2022-bardonate .amount {
padding: 0 1rem;
width: 25%;
float: left;
}
.wrapper-cg-2022-bardonate .btn {
margin: 0.5rem 0 0;
}
.wrapper-cg-2022-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 40%;
top: 50%;
right: 0;
width: 42%;
transform: translate(0, -50%);
}
}
@media (max-width: 500px) {
.wrapper-cg-2022-bardonate .btn::before {
height: 22px;
}
.wrapper-cg-2022-hero h3 {
max-width: 300px;
margin: 0 auto 10px;
}
.wrapper-cg-2022-hero .column-hero {
padding-bottom: 120px;
}
.wrapper-cg-2023-hero .column-hero::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/aw-cg-2023-mobile.png) no-repeat bottom center;
background-size: 100%;
bottom: -50px;
}
.wrapper-cg-2022-hero .column-hero .branding img {
width: 300px !important;
}
.wrapper-cg-2024-hero .column-hero .branding img {
width: 200px !important;
}
.wrapper-cg-2022-bardonate .wrapper-btn {
width: 160px;
}
.wrapper-cg-2022-bardonate {
margin: 0 15px;
padding: 7px 0;
position: inherit;
}
.wrapper-cg-2022-bardonate .amount.aw::before {
display: none;
}
.wrapper-cg-2022-bardonate .amount.kids {
position: relative;
padding-left: 42px;
}
.wrapper-cg-2022-bardonate .amount.kids::before {
content: "";
width: 70px;
height: 60px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2022-avatar.png) no-repeat left bottom;
position: absolute;
left: -20px;
bottom: -7px;
background-size: 60px;
}
.wrapper-cg-2023-bardonate .amount.kids::before {
content: "";
width: 70px;
height: 60px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2023-avatar@2x.png) no-repeat left bottom;
position: absolute;
left: -20px;
bottom: -7px;
background-size: 60px;
}
.wrapper-cg-2024-bardonate .amount.kids::before {
content: "";
width: 70px;
height: 60px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-2024-avatar@2x.png) no-repeat left bottom;
position: absolute;
left: -10px;
bottom: -7px;
background-size: 50px;
}
.wrapper-cg-2022-bardonate .amount.aw {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 3px;
padding-bottom: 3px;
width: 47%;
}
.wrapper-cg-2024-bardonate .amount.aw {
border-bottom: 1px solid #beaa00;
}
.wrapper-cg-2022-bardonate .amount {
margin-right: 5px;
padding: 0;
width: 47%;
float: none;
}
.wrapper-cg-2022-bardonate .amount:first-child:after {
display: none;
}
.wrapper-cg-2022-bardonate .amount strong {
font-size: 1.5rem;
margin-top: -0.4rem;
}
.wrapper-cg-2022-bardonate span.label {
font-size: 85%;
}
.wrapper-cg-2022-bardonate .btn {
padding: 8px 20px 14px 40px;
font-size: 1.25rem;
margin: 0;
}
}
@media (max-width: 360px) {
.wrapper-cg-2022-hero .column-hero {
padding-bottom: 75px;
}
.wrapper-cg-2022-bardonate .amount strong {
font-size: 1.35rem;
margin-top: -0.35rem;
}
.wrapper-cg-2022-bardonate span.label {
font-size: 80%;
}
.wrapper-cg-2022-bardonate .wrapper-btn {
width: 140px;
}
.wrapper-cg-2022-bardonate .f-sm {
font-size: 0.7rem;
}
.wrapper-cg-2022-bardonate {
margin: 0 10px;
padding: 5px 0;
position: inherit;
}
.wrapper-cg-2022-bardonate .btn {
min-width: 140px;
padding: 8px 15px 14px 40px;
font-size: 1rem;
}
} .wrapper-sf-hero2023 {
position: relative;
min-height: auto;
}
.wrapper-sf-hero2023 .wp-block-image {
margin-bottom: 0 !important;
}
.wrapper-sf-hero2023 .wp-block-image figure {
margin-bottom: 0 !important;
}
.wrapper-sf-hero2023 .wp-block-image.img-sm {
display: none;
}
.wrapper-sf-hero2023 .qubely-container-fluid {
position: relative;
}
.wrapper-sf-hero2023 .qubely-container-fluid::before {
content: "";
width: 100%;
height: 100%;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf2023/bg-001@2x.png) no-repeat bottom center;
background-size: contain;
position: absolute;
right: 0;
bottom: 0;
}
.wrapper-sf-bardonate2023 {
color: white;
background: #4670A6;
}
.wrapper-sf-bardonate2023 .aw::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf2023/ic-boygirl@2x.png) no-repeat left bottom;
background-size: contain;
}
.wrapper-sf-bardonate2023 .btn {
color: #000;
background-color: #FFD144;
}
.wrapper-sf-bardonate2023 .btn:hover, .wrapper-sf-bardonate2023 .btn:focus, .wrapper-sf-bardonate2023 .btn:active {
background-color: #ffbf01;
}
.wrapper-sf-bardonate2023 .amount:first-child:after {
background-color: #fff;
}
.wrapper-sf-about2023::before {
width: 140px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf2023/icon-left@2x.png) no-repeat left center;
background-size: contain;
}
.wrapper-sf-about2023::after {
width: 140px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf2023/icon-right@2x.png) no-repeat right center;
background-size: contain;
}
.wrapper-sf-about2023 .wrapper-sf-list2023 .wp-block-qubely-infobox .qubely-info-box-title {
font-family: var(--f-lookpeach);
}
.wrapper-sf-about2023 .wrapper-sf-list2023 .wp-block-qubely-infobox::after {
background: #4670A6;
}
@media (min-width: 1200px) {
.wrapper-sf-hero2023 .qubely-container-fluid::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sf2023/bg-001@2x.png) no-repeat bottom center;
background-size: 1150px;
}
}
@media (max-width: 1024px) {
.wrapper-sf-hero2023 {
min-height: auto;
}
}
@media (max-width: 768px) {
.wrapper-sf-hero2023 .qubely-container-fluid::before {
background-size: 160%;
}
}
@media (max-width: 690px) {
.wrapper-sf-hero2023 .wp-block-image.img-sm {
display: block;
}
.wrapper-sf-hero2023 .wp-block-image.img-lg {
display: none;
}
.wrapper-sf-hero2023 .qubely-container-fluid::before {
background-size: 250%;
}
}
@media (max-width: 500px) {
.wrapper-sf-bardonate .amount.aw {
border-bottom: 1px solid #fff;
}
} body #wp_access_helper_container button.aicon_link {
border: 2px solid #000 !important;
border-radius: 0 4px 4px 0 !important;
padding: 6px;
}
#access_container .a_module_title {
font-family: var(--s-heading);
}
#access_container .wah-action-button {
font-family: var(--s-body);
}
#access_container button, #access_container .button, #access_container html [type=button], #access_container [type=reset] {
line-height: 1.5em;
}
#access_container button.close_container:hover,
#access_container button.close_container:focus {
background-color: white !important;
color: #000 !important;
}
#access_container .close_container {
background-color: #000 !important;
width: auto;
margin-right: 10px;
} .wrap-aw-spj {
position: relative;
}
.wrap-aw-spj .column-about {
z-index: 9;
}
.wrap-aw-spj::before {
content: "";
width: 300px;
height: 100%;
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/bg-aw-0.png) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
top: 50px;
z-index: 1;
}
.wrap-aw-spj::after {
content: "";
width: 300px;
height: 100%;
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/bg-aw-1.png) no-repeat top left;
background-size: contain;
position: absolute;
right: 0;
top: 50px;
z-index: 1;
}
.wrap-aw-spj .column-about::before {
content: "";
width: 300px;
height: 100%;
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/bg-left-bottom.png) no-repeat bottom left;
background-size: contain;
position: absolute;
left: 0;
bottom: 0;
}
@media (max-width: 768px) {
.wrap-aw-spj .column-about::before {
width: 150px;
}
}
.wrap-aw-spj .column-about::after {
content: "";
width: 200px;
height: 100%;
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/bg-right-bottom.png) no-repeat bottom right;
background-size: contain;
position: absolute;
right: 10px;
bottom: 0;
}
@media (max-width: 768px) {
.wrap-aw-spj .column-about::after {
width: 100px;
}
}
.wrapper-spj-bardonate {
background-color: #5695FF;
color: white;
padding: 0;
}
.row-wrapper-spj-donate {
box-shadow: 0px -6px 14px rgba(0, 0, 0, 0.18);
background-color: #5695FF !important;
color: white;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
z-index: 9999 !important;
}
.wrapper-spj-bardonate .amount:first-child:after {
background: #2D60B6;
}
.wrapper-spj-bardonate .wrapper-btn {
align-items: flex-start;
}
.wrapper-spj-bardonate .btn,
.wrapper-spj-bardonate .btn:hover {
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/btn-donate.png) no-repeat;
width: 220px;
height: 60px;
text-indent: -999em;
background-size: contain;
padding: 0;
margin: 0;
border-radius: 0;
}
.wrapper-spj-bardonate .aw::before {
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/h2-target-amount.png) no-repeat;
width: 220px;
height: 50px;
background-size: contain;
left: -185px;
top: 40%;
}
.window-frame .content-list ul {
margin-bottom: 0;
}
.window-frame .window-frame-header {
position: relative;
}
.window-frame .window-frame-header::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
background: url(https://www.eef.or.th/wp-content/uploads/2023/08/btn-windows.png) no-repeat;
background-size: contain;
width: 70px;
height: 20px;
}
@media (max-width: 768px) {
.window-frame .window-frame-header::after {
width: 40px;
}
}
.spj-bg-shadow {
filter: drop-shadow(7px 7px 0px #231F20);
}
.spj-wrap-target .card-pink {
margin-left: -100px;
}
@media (max-width: 768px) {
.spj-wrap-target .card-pink {
margin-left: 0;
}
}
.spj-wrap-target .item-target sub {
bottom: 0;
font-size: 75%;
}
.wrapper-spj-bardonate .f-sm {
margin: 0 0 10px;
}
@media (max-width: 425px) {
.wrap-spj-header {
background-color: white !important;
background-image: url(https://www.eef.or.th/wp-content/uploads/2023/08/bg-header-sm.png) !important;
background-size: contain !important;
background-position: top center !important;
}
}
@media (max-width: 768px) {
.wrap-aw-spj::before {
width: 150px;
top: 0;
}
.wrap-aw-spj::after {
width: 150px;
top: 0;
}
.wrapper-spj-bardonate .btn, .wrapper-spj-bardonate .btn:hover {
width: 108%;
}
.wrapper-spj-bardonate {
padding: 0 10px 0 0;
}
.wrapper-spj-bardonate .wrapper-btn {
width: 170px;
}
.wrapper-spj-bardonate .amount.aw,
.wrapper-spj-bardonate .amount {
width: 37%;
}
.wrapper-spj-bardonate .f-sm {
margin: 0 0 10px;
}
}
@media (max-width: 767px) {
.row-wrapper-spj-donate .qubely-container {
max-width: 100% !important;
}
.row-wrapper-spj-donate .wrapper-spj-bardonate .wrapper-btn {
width: auto;
}
.row-wrapper-spj-donate .wrapper-spj-bardonate .btn, .row-wrapper-spj-donate .wrapper-spj-bardonate .btn:hover {
width: 110%;
}
}
@media (max-width: 690px) {
.row-wrapper-spj-donate .qubely-container .wrapper-spj-bardonate {
padding: 10px 0;
}
.row-wrapper-spj-donate .qubely-container .wrapper-spj-bardonate .amount.kids {
width: 25%;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate .amount strong {
font-size: 1.85rem;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate span.label {
display: inline-block;
margin-bottom: 0.25rem;
}
.row-wrapper-spj-donate .wrapper-spj-bardonate .wrapper-btn {
width: 170px;
}
}
@media (max-width: 500px) {
.row-wrapper-spj-donate .qubely-container .wrapper-spj-bardonate .amount.aw {
border-color: #2D60B6;
width: 40%;
}
.row-wrapper-spj-donate .qubely-container .wrapper-spj-bardonate .amount.kids {
width: 37%;
}
.row-wrapper-spj-donate .qubely-container .wrapper-sf-bardonate .amount strong + span {
font-size: 80%;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate span.label {
margin-bottom: 0rem;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate .amount strong {
font-size: 1.35rem;
}
.row-wrapper-spj-donate .wrapper-sf-bardonate .f-sm {
margin: 0;
}
}
@media (max-width: 1100px) {
.wrapper-spj-bardonate .aw::before {
display: none;
}
.wrapper-spj-bardonate {
margin-left: 10px;
}
}  .aw-kid-right {
position: relative;
}
.aw-kid-right::after {
position: absolute;
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/kids-desktop.png) no-repeat bottom right;
background-size: contain;
width: 350px;
height: 250px;
bottom: -15%;
right: 0;
}
@media (max-width: 1024px) {
.aw-kid-right::after {
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/kids-mobile.png) no-repeat bottom right;
background-size: contain;
bottom: -100px;
width: 100%;
}
} @media (min-width: 1025px) {
.show-block-sbf-sm {
display: none !important;
}
.show-block-sbf-lg {
display: block !important;
}
}
@media (max-width: 1024px) {
.show-block-sbf-sm {
display: block !important;
}
.show-block-sbf-lg {
display: none !important;
}
}
.wrapper-sbf-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;
}
.wrapper-sbf-donate .qubely-container {
max-width: 100% !important;
}
.wrapper-sbf-bardonate {
display: flex;
justify-content: center;
align-items: center;
color: #231F20;
background: #CBE9F9;
line-height: 1;
font-family: var(--s-heading);
padding: 7px 0;
position: relative;
margin-left: 100px;
}
.wrapper-sbf-bardonate .aw {
position: relative;
margin-right: 40px;
}
.wrapper-sbf-bardonate .aw::before {
content: "";
width: 100%;
height: 100px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/sandboxfund/top-icon.png) no-repeat left center;
position: absolute;
left: -100px;
bottom: -15px;
background-size: contain;
transform: translate(0, 0%);
}
.wrapper-sbf-bardonate .aw strong {
font-size: 2rem;
}
.wrapper-sbf-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-sbf-bardonate .wrapper-btn .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
}
.wrapper-sbf-bardonate .wrapper-btn .btn {
font-size: 1.35em;
background-color: #F16240;
padding-left: 20px;
color: #fff;
display: flex;
margin: 0;
font-weight: 700;
font-family: var(--s-heading);
min-width: 150px;
text-align: center;
padding: 5px 25px 12px 25px;
border-radius: 50px;
line-height: 1;
font-size: 1.5rem;
position: relative;
transition: 0.5s all;
}
.wrapper-sbf-bardonate .wrapper-btn .btn::before {
display: none;
}
.wrapper-sbf-bardonate .wrapper-btn .btn:hover, .wrapper-sbf-bardonate .wrapper-btn .btn:focus {
background-color: #f65026 !important;
}
@media (max-width: 700px) {
.wrapper-sbf-bardonate {
margin-left: 70px;
padding-left: 10px;
}
.wrapper-sbf-bardonate .aw {
margin-right: 30px;
height: auto;
}
.wrapper-sbf-bardonate .aw .label {
font-size: 85%;
}
.wrapper-sbf-bardonate .wrapper-btn .f-sm {
font-size: 70%;
}
.wrapper-sbf-bardonate .wrapper-btn .btn {
font-size: 1em;
}
}
@media (max-width: 500px) {
.wrapper-sbf-bardonate {
margin-left: 0;
padding-left: 10px;
}
.wrapper-sbf-bardonate .aw {
margin-right: 20px;
}
.wrapper-sbf-bardonate .aw::before {
display: none;
}
.wrapper-sbf-bardonate .aw .label {
font-size: 85%;
}
.wrapper-sbf-bardonate .wrapper-btn .f-sm {
font-size: 70%;
}
.wrapper-sbf-bardonate .wrapper-btn .btn {
font-size: 1.2em;
}
} .eef-slide-arrows {
display: none;
}
.eef-slide-pagination {
bottom: inherit !important;
}
.eef-slide-pagination button {
padding: 0 !important;
border: 0 !important;
height: 10px !important;
width: 10px !important;
}
.eef-slide-pagination button.is-active {
transform: none;
background: var(--s-accent);
}
.eef-slide-arrows .eef-slide-arrow,
.eef-banner-arrows .eef-banner-arrow {
background: #fff;
border-radius: 50px;
border: 1px solid var(--s-accent);
width: 40px;
height: 40px;
display: block;
}
.banner-communities {
margin-bottom: 1rem;
}
.eef-slide-arrows .eef-slide-arrow:hover,
.eef-banner-arrows .eef-banner-arrow:hover {
background-color: #fff;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-next,
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev,
.eef-banner-arrows .eef-banner-arrow.eef-banner-next,
.eef-banner-arrows .eef-banner-arrow.eef-banner-prev {
content: "";
background: #fff url(//www.eef.or.th/wp-content/themes/eef/img/arrow-slide@2x.png) no-repeat center center;
background-size: 12px;
width: 25px;
height: 25px;
padding: 20px;
display: block
}
.eef-slide-arrows .eef-slide-arrow svg,
.eef-banner-arrows .eef-banner-arrow svg  { display: none; }
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev,
.eef-banner-arrows .eef-banner-arrow.eef-banner-prev {
background: #fff url(//www.eef.or.th/wp-content/themes/eef/img/arrow-slide-left@2x.png) no-repeat center center;
background-size: 12px;
left: -1rem;
}
.eef-banner-arrows .eef-banner-arrow.eef-banner-prev {
left: 1rem;
}
.eef-banner-arrows .eef-banner-arrow.eef-banner-next {
right: 1rem;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-next {
right: -1rem;
}
#movement-banner-list .splide__slide,
#news-covid-19-banner .splide__slide,
#prototype-learning-banner .splide__slide,
#eefx101 .splide__slide {
padding: 0.15rem;
display: flex;
margin-bottom: 1.5rem;
}
.eef-slide-arrows .eef-slide-arrow:disabled {
opacity: 0.4;
cursor: default;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev.eef-slide-prev--bottom {
left: inherit;
right: 7%;
transform: none;
bottom: 0;
top: 100%;
bottom: inherit;
}    
.eef-slide-arrows .eef-slide-arrow.eef-slide-next.eef-slide-next--bottom {
top: 100%;
right: 3%;
bottom: 0;
transform: none;
}
.wrapper-slide {
margin: 4rem 0 1rem;
}
.wrapper-slide--prototype-learning-banner,
.wrapper-slide--eefx101 {
margin: 0 0 1rem;
}
.wrapper-slide .splide {
padding-left: 3%;
}
.banner-communities .banner {
display: none;
}
.banner-communities .banner--mobile {
display: block;
}
@media (min-width: 501px) {
.eef-slide-pagination button {
padding: 2px 20px;
border: 0;
height: 5px;
}
.eef-slide-arrows .eef-slide-arrow {
width: 50px;
height: 50px;
}
.eef-slide-arrows .eef-slide-arrow {
background-size: 15px;
background: url(//www.eef.or.th/wp-content/themes/eef/img/arrow-slide@2x.png) no-repeat center center;
width: 30px;
height: 30px;
}
.eef-slide-pagination {
display: flex;
margin: 0 auto
}
#movement-banner {
padding-bottom: 2rem;
}
#news-covid-19-banner,
#prototype-learning-banner {
padding-bottom: 1rem;
}
.wrapper-slide {
margin: 4rem 0 2rem;
}
.wrapper-slide--prototype-learning-banner,
.wrapper-slide--eefx101 {
margin: 0 0 2rem;
}
}
@media (min-width: 768px) {
.banner-communities .banner--desktop { display: block; }
.banner-communities .banner--mobile { display: none; }
}
@media (min-width: 1024px) {
.banner-communities .banner--desktop { display: block; }
.banner-communities .banner--mobile { display: none; }
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev {
left: -4rem;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-next {
right: -4rem;
}
.wrapper-slide .splide {
padding-left: 4%;
}
.wrapper-slide {
margin: 4rem 0 7rem;
}
.banner-communities {
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.eef-slide-arrows {
display: block;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev {
left: -3rem;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-next {
right: -3rem;
}
}
@media (min-width: 1440px) {
.eef-slide-arrows .eef-slide-arrow.eef-slide-prev {
left: -5rem;
}
.eef-slide-arrows .eef-slide-arrow.eef-slide-next {
right: -5rem;
}
} .mb-3 { margin-bottom: 1rem !important;}
.pb-3 { padding-bottom: 1rem !important;}
.meta-postby {
font-size: 80%;
}
.text-left { text-align: left !important; }
.d-flex { display: flex;}
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; } 
@media (max-width: 991px) and (min-width: 500px) {
.s-grid.-t2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 991px) and (min-width: 500px) {
.s-masonry.-t2 {
column-count: 2;
}
} #banner { padding: 20px 0 40px;
}
@media (min-width: 992px) {
#banner { padding: 85px 0 40px; }
}
@media (max-width: 991px) {
#banner .splide__slide .info h2 {
font-size: 1.75rem;   
}
}
@media (max-width: 768px) {
#banner .splide__slide .info h2 {
font-size: 1.35rem !important;   
}
#banner .splide__slide .info {
top: 70% !important;
}
}
#banner .splide__slide .info::after {
content: "";
position: absolute;
left: 0;
background: linear-gradient(360deg, rgba(0,0,0,0.9) 0%, rgb(0 0 0 / 0.8) 50%, rgba(0,0,0,0) 100%);
right: 0;
bottom: 0;
height: 135%;
border-radius: 0 0 10px 10px;
z-index: -1;
}
#banner .splide__slide {
margin: 0 0.5rem;
}
#banner .splide__slide img {
border-radius: 10px;
opacity: 1;
}
#banner .eef-slide-pagination {
margin-top: 15px;
}
#banner-second {
padding: 0 1rem;
background: #fff;
}
@media (min-width: 1280px) {
#banner-second {
padding: 0 70px;
}
} #banner-second .splide__slide  img {
border-radius: 10px;
}
.sec-banner {
padding-bottom: 30px;
}
.btn-product {
background: #38AB49;
color: #fff;
border-radius: 10px;
padding: 7px 15px 7px 45px;
margin: 0 0 2rem 0.5rem;
position: relative;
display: inline-block;
}
.btn-product:hover {
color: #fff;
opacity: 0.9;
}
.btn-product::before {
position: absolute;
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/img/btn-cart.png) no-repeat 0 0;
width: 25px;
height: 25px;
background-size: 25px;
left: 15px;
}
.btn.btn-default {
background-color: #38ab49;
color: #fff;
border-radius: 50px;
border: none;
font-family: var(--s-heading);
font-weight: 700;
min-width: 150px;  
padding: 15px 20px 17px;
display: inline-block;
line-height: 1;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
background-color: #2b8539;
} .aigpl-gallery-wrp .aigpl-img, .aigpl-gallery-album-wrp .aigpl-img {
object-position: center center !important;
}
@font-face {
font-family: 'FC Palette';
src: url(//www.eef.or.th/wp-content/themes/eef/fonts/FCPalette.woff2) format('woff2'),
url(//www.eef.or.th/wp-content/themes/eef/fonts/FCPalette.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.wrapper-community-product{
margin-bottom: 2rem;
overflow: hidden;
}
body.post-type-archive-community-product {
background-color: #f9f7f4;
}
.single-community-product .sec-social .seed-social {
text-align: left !important;
margin: 2rem 0;
}
.wrapper-banner-product {
display: block;
text-align: center;
}
.single-banner-product {
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-repeat.png) repeat;
padding: 2rem 0;
margin: 0 0 2rem;
}
.banner-product-desc {
font-family: var(--s-heading);
color: #1D426E;
font-size: 1rem;
line-height: 1.5;
}
.banner-product-teaser {
max-width: 500px;
margin: 0 auto;
}
.banner-product-pic {
max-width: 350px;
margin: 0 auto;
}
.banner-product-desc b,
.banner-product-desc strong {
font-family: var(--s-heading);
font-size: 1.1rem;
}
.cmn-product-intro .intro {
text-align: center;
max-width: 870px;
margin: 3rem auto 3rem;
}
.community-product .pic {
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-repeat.png) repeat;
padding: 15px 30px;
}
.community-product .entry-title {
font-size: 1.25rem;
font-weight: bold;
}
.cmn-product-banner {
background: #F3EFE9;
height: 390px;
position: relative;
margin-bottom: 2rem;
}
.cmn-product-banner::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-banner-left.png) no-repeat left center;
width: 30%;
height: 390px;
background-size: 100%;
position: absolute;
top: 0;
left: -5%;
}
.cmn-product-banner::after {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-banner-right.png) no-repeat right center;
width: 30%;
height: 390px;
background-size: 100%;
position: absolute;
top: 0;
right: -5%;
}
.cmn-product-banner .pic {
max-width: 450px;
margin: 0 auto;
padding: 2.5rem 1rem;
position: relative;
}
.content-product h2 {
font-weight: bold;
color: #1D426E;
margin-bottom: 2rem;
}
.banner-product-title {
font-family: 'FC Palette';
font-size: 3rem;
line-height: 1.5;
color: #3AAB49
}
.content-product-detail blockquote {
color: #1D426E;
border-left: 4px solid #1D426E;
}
.gallery-product .aigpl-gallery {
margin: 2rem -10px 0;
}
.social-contact {
background: #F3F4F5;
border-radius: 10px;
text-align: center;
padding: 15px;
margin-bottom: 1rem;
}
.facebook-link {
color: #1D426E;
font-weight: bold;
margin-bottom: 1rem;
font-size: 1.15rem;
line-height: 1.5;
display: block;
font-family: var(--s-heading);
}
.facebook-link:hover {
color: #000;
}
.facebook-link::before {
content: "";
display: block;
margin: 0 auto 0.5rem;
width: 40px;
height: 40px;
background-size: 40px !important;
background: url(//www.eef.or.th/wp-content/themes/eef/img/ic-facebook.png) no-repeat center center;
}
.facebook-qr {
max-width: 150px;
margin: 0 auto;
}
.phone-contact {
font-family: var(--s-heading);
display: flex;
align-items: center;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: 1px;
padding: 1.5rem 0;
}
.phone-contact::before {
content: "";
display: inline-block;
margin: 0 0.5rem 0;
width: 40px;
height: 40px;
background-size: 40px !important;
background: url(//www.eef.or.th/wp-content/themes/eef/img/ic-phone.png) no-repeat center center;
}
.gallery-product .aigpl-design-1 .aigpl-img-wrp {
height: auto;
}
.mfp-gallery button { border: none !important; }
.content-product .content-left {}
.content-product .content-right {}
@media (min-width: 768px) { 
.gallery-product .aigpl-design-1 .aigpl-img-wrp {
height: 150px;
}
.banner-product-desc {
font-size: 1.25rem;
}
.banner-product-desc b,
.banner-product-desc strong {
font-size: 1.45rem;
}
.single-banner-product {
padding: 3rem 0;
margin: 0 0 3rem;
}
.banner-product-teaser {
max-width: 45%;
}
.banner-product-pic {
max-width: 55%;
}
.wrapper-banner-product {
text-align: left;
display: flex;
align-items: center;
justify-content: center;
}    
.content-product {
display: flex;
justify-content: space-between;
}
.banner-product-title {
font-size: 3.85rem;
line-height: 1.3;
}
.content-product .content-left {
flex: 0 0 68%;
}
.content-product .content-right {
flex: 0 0 25%;
}
}
@media (max-width: 600px) { 
.cmn-product-banner {
height: 80vh !important;
background: #F3EFE9;
background-size: 400px;
overflow: hidden;
}
.cmn-product-banner::before {
background: url(//www.eef.or.th/wp-content/themes/eef/img/bg-banner-mobile.png) no-repeat bottom center;
width: 100%;
height: auto;
background-size: 100%;
position: absolute;
left: 0;
bottom: -5%;
}
.cmn-product-banner .pic {
}
.cmn-product-banner::after {
display: none;
}
}
.entry-content p { overflow: hidden; margin-bottom: 1.5em; } ; .wrapper-cg-hero {
position: relative;
min-height: 80vh;
}
.wrapper-cg-hero .column-hero {
max-width: 500px !important;
margin: 0 auto;       
}
.wrapper-cg-hero::before {
content: "";
width: 100%;
height: 500px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-kid-left@2x.png) no-repeat left center;
background-size: contain;
position: absolute;
left: 0;
bottom: 5%;
}
.wrapper-cg-hero::after {
content: "";
width: 100%;
height: 500px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-kid-right@2x.png) no-repeat right center;
background-size: contain;
position: absolute;
right: 0;
bottom: 5%;
z-index: -1;
} .wrapper-cg-donate {
transition: 0.3s ease-in-out;
position: fixed !important;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999 !important;
}
.wrapper-cg-donate .qubely-container {
max-width: 100% !important;
}
.wrapper-cg-bardonate  {
background: #60A444;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-family: var(--s-heading);
padding: 10px 0;
position: relative;
margin-left: 100px;
}
.wrapper-cg-bardonate .aw {
position: relative;
}
.wrapper-cg-bardonate .aw::before {
content: "";
width: 100%;
height: 100px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-child.png) no-repeat left center;
position: absolute;
left: -100px;
top: 50%;
background-size: contain;
transform: translate(0, -50%);
}
.wrapper-cg-bardonate span.label {
font-size: 1rem;
}
.wrapper-cg-bardonate .amount {
position: relative;
padding: 0 2rem;
}
.wrapper-cg-bardonate .amount:first-child:after {
content: "";
background: rgba(255, 255, 255, 0.5);
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 10%;
}
.wrapper-cg-bardonate .amount strong { 
font-size: 2.5rem; 
line-height: 1.5;
margin-top: -0.75rem;
display: inline-block;
}
.wrapper-cg-bardonate .amount strong + span { 
font-weight: 700;
}
.wrapper-cg-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.wrapper-cg-bardonate .btn { 
display: flex;
margin: 0; 
background: #8B5F3D;
color: #fff;
font-weight: 700;
font-family: var(--s-heading);
min-width: 150px;
text-align: center;
padding: 8px 20px 14px 50px;
border-radius: 50px;
line-height: 1;
font-size: 1.5rem;
position: relative;
transition: 0.5s all;
}
.wrapper-cg-bardonate .btn::before {
content: "";
width: 100%;
height: 20px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/ic-heart@2x.png) no-repeat left center;
position: absolute;
left: 15px;
top: 50%;
background-size: contain;
transform: translate(0, -50%);
}
.wrapper-cg-bardonate .btn:hover {
background: #C38038;
} 
.wrapper-cg-bardonate .f-sm {
font-size: 0.8rem;
margin: 5px 0;
line-height: 1.2;
text-align: center;
} .wrapper-cg-about,
.wrapper-cg-about01 {
position: relative;
color: #8B5F3D;
}
.wrapper-cg-about p,
.wrapper-cg-about01 p {
color: #8B5F3D;
margin-bottom: 0.5rem;
}
.wrapper-cg-about .column-about,
.wrapper-cg-about01 .column-about {
max-width: 820px !important;
margin: 0 auto;
}
.wrapper-cg-about::before {
content: "";
width: 100%;
height: 350px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/bg-about-left.png) no-repeat left center;
background-size: contain;
position: absolute;
left: 0;
bottom: 0%;
}
.wrapper-cg-about::after {
content: "";
width: 100%;
height: 350px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/bg-about-right.png) no-repeat right center;
background-size: contain;
position: absolute;
right: 0;
bottom: 0%;
z-index: -1;
}
@media (min-width: 1200px) { 
._hide-desktop {
display: none !important;
}
}
@media (min-width: 1440px) { 
.wrapper-cg-hero::before,
.wrapper-cg-hero::after  {
height: 550px;
}
}
@media (max-width: 1024px) { 
.wrapper-cg-hero::after  {
right: -10%;
}
}
@media (max-width: 768px) { 
.wrapper-cg-about::before,
.wrapper-cg-about::after {
display: none;
} 
.wrapper-cg-hero::before,
.wrapper-cg-hero::after  {
height: 300px;
}
.wrapper-cg-hero .column-hero {
max-width: 350px !important;
margin: 0 auto;       
}
.wrapper-cg-hero .column-hero {
max-width: 350px !important;
margin: 0 auto;       
}
.wrapper-cg-hero .column-hero img {
width: 200px !important;
}
.wrapper-cg-bardonate .amount {
padding: 0 2rem;
}
}
@media (max-width: 690px) { 
.wrapper-cg-hero::before {
height: 300px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/bg-hero-left-sm.png) no-repeat left center;
background-size: contain;
left: -5%;
top: 0;
}
.wrapper-cg-hero::after {
height: 300px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/bg-hero-right-sm.png) no-repeat right center;
background-size: contain;
top: 0;
right: -5%;
}
.wrapper-cg-hero .column-hero {
padding-bottom: 250px;
position: static;
}
.wrapper-cg-hero .column-hero::after {
width: 100%;
max-width: 500px;
height: 250px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/bg-hero-bottom-sm.png) no-repeat bottom center;
background-size: contain;
content: "";
position: absolute;
left: 7%;
bottom: 0;
}
.wrapper-cg-bardonate {
min-height: 80px;
margin-left: 0;
width: 100vw;
}
.wrapper-cg-bardonate {
display: block;
text-align: left;
}
.wrapper-cg-bardonate .amount.aw::before {
display: none
}
.wrapper-cg-bardonate .amount.aw {
width: 40%;
}
.wrapper-cg-bardonate .amount {
padding: 0 1rem;
width: 25%;
float: left;
}
.wrapper-cg-bardonate .btn {
margin: 0.5rem 0 0;
}
.wrapper-cg-bardonate .wrapper-btn {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 40%;
top: 50%;
right: 0;
width: 42%;
transform: translate(0, -50%);
}
}
@media (max-width: 500px) {
.wrapper-cg-hero::before,
.wrapper-cg-hero::after {
height: 250px;
}
.wrapper-cg-hero h3 {
max-width: 300px;
margin: 0 auto 10px;
}
.wrapper-cg-hero .column-hero {
padding-bottom: 160px;
}
.wrapper-cg-hero .column-hero::after {
height: 180px;
left: 3%;
}
.wrapper-cg-hero .column-hero img {
width: 160px !important;
}
.wrapper-cg-bardonate .wrapper-btn {
width: 160px;
}
.wrapper-cg-bardonate {
margin: 0 15px;
padding: 7px 0;
position: inherit;
}
.wrapper-cg-bardonate .amount.aw::before {
display: none;
} 
.wrapper-cg-bardonate .amount.kids { 
position: relative; 
padding-left: 42px;
}
.wrapper-cg-bardonate .amount.kids::before {
content: "";
width: 50px;
height: 50px;
background: url(//www.eef.or.th/wp-content/themes/eef/images/campaign/cg/cg-child.png) no-repeat left center;
position: absolute;
left: -4px;
bottom: -2px;
background-size: 40px;
}
.wrapper-cg-bardonate .amount.aw {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 3px;
padding-bottom: 3px;
width: 47%;
}
.wrapper-cg-bardonate .amount {
margin-right: 5px;
padding: 0;
width: 47%;
float: none;
}
.wrapper-cg-bardonate .amount:first-child:after {
display: none;
}
.wrapper-cg-bardonate .amount strong { font-size: 1.5rem;
margin-top: -0.4rem;
}
.wrapper-cg-bardonate span.label {
font-size: 85%;
}
.wrapper-cg-bardonate .btn { padding: 8px 20px 14px 40px;
font-size: 1.25rem;
margin: 0;
}
}
@media (max-width: 360px) {
.wrapper-cg-bardonate .amount strong {
font-size: 1.35rem;
margin-top: -0.35rem;
}
.wrapper-cg-bardonate span.label {
font-size: 80%;
}
.wrapper-cg-bardonate .wrapper-btn {
width: 140px;
}
.wrapper-cg-bardonate .f-sm {
font-size: 0.7rem;
}
.wrapper-cg-bardonate {
margin: 0 10px;
padding: 5px 0;
position: inherit;
}
.wrapper-cg-bardonate .btn {
min-width: 140px;
padding: 8px 15px 14px 40px;
font-size: 1rem;
}
} .site-donate._mobile {
min-width: 80px;
}
.counter-stat {
display: block;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
color: white;
font-size: 85%;
margin: 2rem 0;
}
.counter-stat > span {
padding: 5px 10px;
background: #ffffff61;
display: inline-block;
color: white;
line-height: 1.5;
border-radius: 5px;
}:root {
--s-accent: #39ab49;
--s-accent-hover: #41c052;
--s-bg: #fff;
--s-text: #222;
--s-line: #dcdfe5;
--s-noti: #c00;
--s-border: #7e8993;
--s-border-radius: 5px;
--s-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
--s-box-padding: 15px;
--s-heading: "Helvetica Neue LT Thai", sans-serif;
--s-heading-weight: 500;
--s-heading-line-height: 1.3;
--s-body: thongterm, sans-serif;
--s-body-line-height: 1.625;
--s-space: 16px;
--s-header-height: 50px;
--s-footer-height: 40px;
--s-title-size: 1.5rem;
--s-title-height: 120px;
--s-title-bg-blur: 20px;
--s-title-bg-opacity: 0.7;
--s-font-size: 16px;
}
.site-header {
--s-bg: #fff;
--s-text: #222;
--s-font-size: 16px;
}
.site-nav-m {
--s-bg: #111;
--s-text: #eee;
--s-line: #333;
}
.site-nav-d {
--s-bg: #fff;
--s-text: #222;
}
.content-headline {
--s-bg: #000;
--s-text: #fff;
}
.site-footer {
--s-bg: #f1f2f3;
--s-text: #787980;
}
.site-footbar {
--s-bg: #1e436c;
--s-text: #fff;
--s-font-size: 16px;
}
@media (min-width: 768px) {
:root {
--s-space: 20px;
}
}
@media (min-width: 992px) {
:root {
--s-space: 30px;
--s-header-height: 70px;
}
.main-header {
--s-title-height: 220px;
--s-title-size: 2rem;
}
}
html[data-font-size=normal] {
--s-font-size:18px ;
}
html[data-font-size=large] {
--s-font-size:22px ;
} *,
*::before,
*::after {
box-sizing: border-box;
}
@-ms-viewport {
width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
margin: var(--s-space) 0;
color: inherit;
border: 0;
border-bottom: 1px solid var(--s-border);
}
abbr[title],
abbr[data-original-title] {
text-decoration: none;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
margin-bottom: 1rem;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: var(--s-border);
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
font-weight: var(--s-heading-font-weight);
vertical-align: top;
}
td {
vertical-align: top;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
max-width: 100%;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
max-width: 100%;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
min-height: 100vh;
background-color: #000;
}
body {
margin: 0;
font-family: var(--s-body);
font-size: 16px;
font-weight: normal;
line-height: var(--s-body-line-height);
color: var(--s-text);
text-align: left;
background-color: var(--s-bg);
text-rendering: optimizeLegibility;
min-height: 100vh;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0 0 0.75rem;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
line-height: var(--s-heading-line-height);
}
h1 {
font-size: 1.63em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.375em;
}
h4 {
font-size: 1.125em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.875em;
}
nav,
.nav,
.menu,
button,
.button,
.btn,
.price,
._heading,
.wp-block-pullquote blockquote,
blockquote,
label,
legend {
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
}
p {
padding: 0;
margin: 0 0 1em;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
a {
color: var(--s-accent);
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
transition: 0.3s;
}
a:hover {
color: var(--s-accent-hover);
}
a:active {
opacity: 0.6;
} ol {
padding-left: 1.6em;
text-indent: 0;
margin: 0 0 1.5em;
}
ul {
padding-left: 1.5em;
text-indent: 0;
margin: 0 0 1.5em;
}
body,
input,
textarea,
select,
button {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
font-feature-settings: "liga1" on;
}
body,
html {
width: 100%;
overflow-x: hidden;
}
h2 label,
h3 label,
h4 label {
font-weight: inherit;
}
form:before, form:after,
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
form:after,
.clearfix:after {
clear: both;
}
button:focus,
input:focus,
textarea:focus,
*:focus {
outline: 0 !important;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
height: auto;
left: 5px;
top: 5px;
width: auto;
z-index: 100000;
}
blockquote {
text-align: left;
font-size: 1.25em;
line-height: 1.6;
padding: 0 0 0 23px;
border-left: 3px solid #262828;
margin: 1.6em 0;
}
blockquote ol:last-child,
blockquote ul:last-child,
blockquote p:last-child {
margin-bottom: 0;
}
blockquote cite {
font-size: 0.8em;
} input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
padding: 0 8px;
line-height: 2;
min-height: 30px;
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
box-shadow: 0 0 0 transparent;
border: 1px solid var(--s-border);
border-radius: var(--s-border-radius);
background-color: #fff;
color: var(--s-text);
transition: 0.2s border-color ease-in-out;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
border-color: var(--s-accent);
}
input,
textarea {
font-size: 16px;
}
textarea.input-text {
border: 1px solid var(--s-border);
}
textarea.input-text:focus {
border-color: var(--s-accent);
}
.button.alt {
background-color: var(--s-accent);
border-color: var(--s-accent);
padding: 6px 15px;
font-size: 1.125em;
}
button,
.button,
html [type=button],
[type=reset] {
border: 1px solid var(--s-border);
padding: 4px 15px;
border-radius: var(--s-border-radius);
background-color: var(--s-border);
color: var(--s-bg);
transition: 0.3s;
}
button:hover,
.button:hover,
html [type=button]:hover,
[type=reset]:hover {
background-color: var(--s-accent);
} .text-center {
text-align: center;
}
@media (min-width: 992px) {
.text-center .-toleft {
text-align: left;
}
.text-center .-toright {
text-align: right;
}
}
.hide,
#page .hide {
display: none;
}
.fade.in {
opacity: 1;
}
.table,
.wp-block-table table {
border: 1px solid var(--s-line);
}
.table thead th,
.wp-block-table table thead th {
background-color: var(--s-bg);
color: var(--s-text);
}
.table th,
.table td,
.wp-block-table table th,
.wp-block-table table td {
padding: 6px 10px;
} .s-container {
margin-right: auto;
margin-left: auto;
padding-right: var(--s-space);
padding-left: var(--s-space);
width: 100%;
}
@media (min-width: 992px) {
.s-container {
max-width: 990px;
}
}
@media (min-width: 1160px) {
.s-container {
max-width: 1160px;
}
}
@media (min-width: 1230px) {
.s-container {
max-width: 1230px;
}
}
.site .s-button a,
a.s-button,
.button-primary,
input[type=submit] {
line-height: 1;
min-height: 44px;
padding: 6px 20px;
font-family: var(--s-heading);
font-weight: var(--s-heading-weight);
color: var(--s-bg);
background-color: var(--s-accent);
border-radius: var(--s-border-radius);
border: none;
width: max-content;
max-width: 100%;
transition: 0.3s ease;
cursor: pointer;
}
.site .s-button a:hover,
a.s-button:hover,
.button-primary:hover,
input[type=submit]:hover {
background-color: var(--s-accent-hover);
}
.site .s-button a,
a.s-button,
.button-primary {
display: flex;
align-items: center;
}
.s-box {
box-shadow: var(--s-shadow);
border-radius: var(--s-border-radius);
overflow: hidden;
}
.s-sec {
padding-top: calc(var(--s-space) * 2);
padding-bottom: calc(var(--s-space) * 2);
}
.s-title {
text-align: center;
margin-bottom: var(--s-space);
}
.s-grid {
display: grid;
grid-gap: var(--s-space);
margin-bottom: var(--s-space);
grid-template-columns: minmax(0, 1fr);
}
.s-grid.-m2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-grid.-m3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-grid.-m4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-grid.-m5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.s-grid::before, .s-grid::after {
display: none;
}
.s-grid .s-grid {
margin-bottom: 0;
}
@media (min-width: 992px) {
.s-grid {
grid-gap: var(--s-space);
margin-bottom: var(--s-space);
}
.s-grid.-d2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-grid.-d3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-grid.-d4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-grid.-d5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.s-grid.-d6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.s-masonry {
margin-bottom: var(--s-space);
}
@media (min-width: 992px) {
.s-masonry.-d3 {
column-count: 3;
column-gap: var(--s-space);
}
}
.s-masonry .content-item {
display: inline-block;
width: 100%;
margin: 0 0 var(--s-space);
} .slider-area {
display: flex;
overflow: hidden;
position: relative;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slider-area .slider {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100%;
}
.slider-area[data-keen-slider-v] {
flex-wrap: wrap;
}
.slider-area[data-keen-slider-v] > .slider {
width: 100%;
}
.slider-area[data-keen-slider-moves] * {
pointer-events: none;
}
.slider-area {
margin: 0 calc(var(--s-space) / -2) var(--s-space);
padding-bottom: 16px;
}
.-center-d .slider-area {
margin-left: 0;
margin-right: 0;
}
.slider-area .slider {
display: flex;
padding: 0 calc(var(--s-space) / 2) calc(var(--s-space) / 2);
}
.slider-area .slider > article {
flex: 1;
}
.slider-area .content-item {
flex: 1;
}
.slider-area .content-item.-list {
display: flex;
}
.slider-area .content-item.-hero {
display: grid;
margin: 0;
}
.s-slider {
position: relative;
}
.s-slider.-large {
margin: 0 calc(var(--s-space) * -1) var(--s-space);
}
@media (min-width: 992px) {
.s-slider.-large {
margin: 0 0 var(--s-space);
}
}
.s-slider.-full {
margin: 0 calc(var(--s-space) * -1);
}
.s-slider.-full > .slider {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.s-slider.-full {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
}
@media (max-width: 991px) {
.s-slider.-center-m {
margin-left: calc(var(--s-space) * -1);
margin-right: calc(var(--s-space) * -1);
}
}
.s-slider.-dots-in .slider-area {
padding-bottom: 0;
}
.s-slider.-dots-in .slider {
padding-bottom: 0;
}
.s-slider.-dots-in .dots {
bottom: 10px;
}
.s-slider.-dots-in .dot {
background-color: var(--s-bg);
}
.s-slider.-dots-in .nav > a {
top: calc(50% - 20px);
}
.s-slider.-dots-in .nav > a:before {
border-color: var(--s-bg);
}
.s-slider.-dots-in .prev {
left: 10px;
}
.s-slider.-dots-in .next {
right: 10px;
}
.s-slider .dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 20px;
}
.s-slider .dot {
background-color: var(--s-border);
display: inline-block;
margin: 0 4px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 6px;
height: 6px;
opacity: 0.5;
transition: 0.3s ease;
}
.s-slider .dot.active {
width: 18px;
opacity: 1;
}
@media (min-width: 992px) {
.s-slider.-togrid .nav,
.s-slider.-togrid .dots {
display: none;
}
.s-slider.-togrid .slider-area {
padding-bottom: 0;
}
.s-slider .nav {
font-family: Arial;
text-align: center;
}
.s-slider .nav > a {
position: absolute;
top: calc(50% - 30px);
height: 40px;
width: 40px;
z-index: 10;
cursor: pointer;
}
.s-slider .nav > a:before {
content: "";
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
width: 16px;
height: 16px;
border-top: 3px solid var(--s-border);
border-right: 3px solid var(--s-border);
border-radius: 2px;
}
.s-slider .prev {
left: -40px;
}
.s-slider .prev:before {
transform: rotate(-135deg) skew(7deg, 7deg);
}
.s-slider .next {
right: -40px;
}
.s-slider .next:before {
transform: rotate(45deg) skew(7deg, 7deg);
}
}
.s-modal {
height: 0;
max-height: 0;
overflow: hidden;
width: 94vw;
max-width: 750px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
padding: 0;
opacity: 0;
pointer-events: none;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
z-index: 1100;
}
.s-modal.-full {
width: 100vw;
max-width: 100vw;
left: 0;
right: 0;
transform: scale(0.9);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.s-modal.-visible {
opacity: 1;
height: auto;
max-height: 94vh;
pointer-events: auto;
overflow: auto;
padding: 10px 20px 8px;
transform: translate(-50%, -50%) scale(1);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.s-modal.-visible.-full {
height: 100vh;
top: 0;
max-height: 100vh;
transform: scale(1);
}
.s-modal-trigger {
display: inline-block;
}
.s-modal-bg {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.65);
transition: opacity 0.3s ease-in-out, height 0.01s 0.3s;
}
.s-modal-bg.-blacked-out {
height: 100vh;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.s-modal-content {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: scroll;
padding: 0 16px;
}
.s-modal-close {
position: absolute;
top: 0;
right: 0;
font-size: 26px;
text-align: center;
padding: 10px;
line-height: 22px;
height: 44px;
width: 44px;
z-index: 10;
color: var(--s-text);
cursor: pointer;
}
.s-modal-close:hover {
background-color: var(--s-accent);
color: var(--s-bg);
}
.s-modal-login {
max-width: 400px;
}
@media (min-width: 992px) {
.s-modal-login {
max-height: 400px;
}
}
.s-modal .search-form {
position: absolute;
width: 88%;
top: 160px;
left: 6%;
max-width: 100%;
border-bottom: 3px solid var(--s-accent);
height: 43px;
}
.s-modal .search-form .search-field {
border: none;
}
.s-modal .search-form button {
color: var(--s-accent);
}
@media (min-width: 768px) {
.s-modal-content {
padding: 0 30px;
}
.s-modal.-visible {
padding: 20px 30px 10px;
}
.s-modal .search-form {
max-width: 350px;
left: 50%;
top: 40%;
transform: translateX(-50%);
}
}
._space {
margin-bottom: var(--s-space) !important;
}
._space_0 {
margin-bottom: 0 !important;
}
._space_0 .slider-area {
margin-bottom: 0 !important;
}
._scroll {
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
@media (max-width: 991px) {
._desktop {
display: none !important;
}
}
@media (min-width: 992px) {
._mobile {
display: none !important;
}
} @font-face {
font-family: "Helvetica Neue LT Thai";
src: local("Helvetica Neue LT Thai"), url(//www.eef.or.th/wp-content/themes/eef/fonts/HelveticaNeueLTThai/HelveticaNeueLTThai-Regular.woff2) format("woff2"), url(//www.eef.or.th/wp-content/themes/eef/fonts/HelveticaNeueLTThai/HelveticaNeueLTThai-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Helvetica Neue LT Thai";
src: local("Helvetica Neue LT Thai"), url(//www.eef.or.th/wp-content/themes/eef/fonts/HelveticaNeueLTThai/HelveticaNeueLTThai-Bold.woff2) format("woff2"), url(//www.eef.or.th/wp-content/themes/eef/fonts/HelveticaNeueLTThai/HelveticaNeueLTThai-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: fallback;
}  .alignfull,
.alignwide {
margin-left: calc(var(--s-space) * -1);
margin-right: calc(var(--s-space) * -1);
max-width: 100vw;
}
.wp-block-video video {
max-width: 750px;
}
.wp-block-cover-text p {
padding: 1.5em 0;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin: 1.65em auto;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.wp-block-quote.is-large {
border: none;
}
.wp-block-quote.is-large cite {
display: block;
}
.wp-block-pullquote {
border-left: none;
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
padding: 2em;
text-align: center;
margin-bottom: 20px;
}
.wp-block-pullquote blockquote {
border-left: none;
padding-left: 0;
text-align: center;
margin: 0;
font-family: var(--s-heading);
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-group {
margin-bottom: var(--s-space);
}
.wp-block-group.has-background {
margin-left: calc(var(--s-space) * -1);
margin-right: calc(var(--s-space) * -1);
padding: calc(var(--s-space) * 1.5) calc(var(--s-space) * 1.5) calc(var(--s-space) * 0.5);
}
@media (min-width: 992px) {
.wp-block-group.has-background {
margin-left: 0;
margin-right: 0;
}
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
p.has-drop-cap:not(:focus):first-letter {
font-size: 5.4em;
line-height: 0.9;
font-family: var(--s-heading);
}
@media (min-width: 576px) {
.alignfull,
.alignwide {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
@media screen and (min-width: 992px) {
.wp-block-image {
margin-top: var(--s-space);
margin-bottom: var(--s-space);
}
.main-body.-rightbar .alignfull,
.main-body.-rightbar .alignwide, .main-body.-leftbar .alignfull,
.main-body.-leftbar .alignwide, .main-body.-leftrightbar .alignfull,
.main-body.-leftrightbar .alignwide {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media (min-width: 1120px) {
.alignwide {
margin-left: -180px;
margin-right: -180px;
}
} .alignright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
.alignleft {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
img.centered,
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
display: inline;
}
img.alignleft {
display: inline;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8em 0;
}
.sticky {
display: block;
}
.hentry li ul,
.hentry li ol {
margin: 0.5em 0;
}
.byline,
.updated:not(.published) {
display: none;
}
.bypostauthor {
background-color: #f8f5e7;
}
.single .content-area .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.navigation {
clear: both;
}
body.home .gallery,
.gallery {
margin: 0 -10px 1.5em;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
float: left;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
padding: 10px;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-caption {
display: block;
}
.edit-link a {
position: fixed;
bottom: 5px;
left: 5px;
display: block;
width: 32px;
height: 32px;
line-height: 30px;
border-radius: 30px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
border: 2px solid #fff;
font-size: 10px;
overflow: hidden;
z-index: 900;
font-family: arial, sans-serif;
}
.fb-comments {
clear: both;
display: block;
}
.search-field {
max-width: 100%;
box-sizing: border-box;
}
.site-main > .page-header {
margin: 0;
border: none;
padding: 0;
} .infinite-scroll .content-pagination {
display: none;
} .comments-area {
clear: both;
margin-bottom: 15px;
}
.comment-list {
list-style: none;
margin-bottom: 20px;
padding: 0;
border: 1px solid #e2e2e2;
border-bottom: none;
}
.comment-list .comment {
border-bottom: 1px solid #e2e2e2;
padding: 25px;
background-color: #f8f8f8;
}
.comment-list .vcard img.avatar {
float: left;
margin: 5px 12px 0 0;
}
.comment-list .vcard .says {
display: none;
}
.comment-list .comment-metadata {
font-size: 0.8em;
line-height: 1.4em;
}
.comment-list .comment-metadata:after {
content: "";
clear: both;
display: block;
margin-bottom: 15px;
}
.comment-list .comment-metadata a {
opacity: 0.8;
}
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .children .comment {
border-bottom: none;
padding-bottom: 0;
}
.comment-respond {
background-color: #eee;
padding: 25px 25px 5px;
margin-top: 20px;
}
.comment-respond label {
display: block;
margin: 0;
}
.comment-form-comment {
margin-bottom: 10px;
}
.comment-form-comment textarea {
padding: 10px;
width: 100%;
border: 1px solid #ccc;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 100%;
border: 1px solid #ccc;
padding: 3px 5px;
} .fitVids-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.fitVids-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .fb_iframe_widget_lift {
width: 100% !important;
} .search-form {
width: 100%;
height: 40px;
max-width: 240px;
position: relative;
}
.search-form label {
margin-bottom: 0;
width: 100%;
}
.search-form .search-field {
width: 100%;
height: 40px;
padding-left: 6px;
}
.search-form button {
min-height: 36px;
width: 36px;
border-radius: 18px;
padding: 0;
justify-content: center;
color: var(--s-border);
background: none;
position: absolute;
right: 2px;
top: 2px;
z-index: 1;
}
.search-form button:hover {
background: var(--s-accent);
color: var(--s-bg);
}
.search-form button svg {
width: 22px;
height: 22px;
} body table.dataTable thead .sorting_asc {
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/sort_asc.png);
}
body table.dataTable thead .sorting_desc {
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/sort_desc.png);
}
body table.dataTable thead .sorting {
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/sort_both.png);
}
body.post-type-archive-communities {
background-color: #f1f1f3;
}
#cmn-banner {
margin-bottom: var(--s-space);
background-color: #fff;
}
#cmn-banner img {
width: 100%;
}
#cmn-banner li {
position: relative;
}
#cmn-banner .info {
padding: var(--s-space);
background-color: #fff;
text-align: center;
}
#cmn-banner h4 {
margin-bottom: 4px;
color: #39ab49;
font-size: 15px;
}
#cmn-banner h2 {
margin-bottom: 20px;
color: #1e436c;
}
#cmn-banner .splide__pagination__page {
padding: 2px;
}
@media (min-width: 768px) {
#cmn-banner .info {
position: absolute;
left: 30px;
bottom: 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 3px;
border-top: 3px solid #39ab49;
text-align: left;
max-width: 480px;
}
#cmn-banner h2 {
font-size: 1.4rem;
margin: 0;
}
} .cmn-wrapper {
max-width: 720px;
margin: 0 auto;
position: relative;
}
@media (min-width: 769px) {
.cmn-wrapper {
max-width: 960px;
}
}
.cmn-wrapper .posted-on svg {
display: none;
}
.cmn-intro {
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
padding: var(--s-space) var(--s-space) 1px;
border-radius: 10px;
margin-bottom: var(--s-space);
}
.cmn-intro h1 {
font-size: 2.75rem;
line-height: 1.2;
color: #39ab49;
margin: 0;
}
.cmn-intro hr {
border: 2px solid #39ab49;
margin: 10px 0 20px;
}
.cmn-intro .s-grid {
margin-bottom: 5px;
}
.cmn-header {
display: flex;
flex-wrap: wrap;
margin-top: -10px;
}
@media (min-width: 768px) {
.cmn-header {
margin-top: -38px;
border-left: 2px solid #39ab49;
border-right: 2px solid #39ab49;
border-radius: 10px 10px 0 0;
}
}
.cmn-header .name {
background-color: #39ab49;
color: #fff;
border-radius: 8px 8px 0 0;
width: 100%;
padding: 6px 10px;
text-align: center;
height: 38px;
}
.cmn-header .chapter {
width: 100%;
height: 47px;
border-bottom: 1px solid #39ab49;
}
@media (min-width: 768px) {
.cmn-header .chapter {
width: 50%;
}
}
.cmn-header .cat {
display: none;
}
@media (min-width: 768px) {
.cmn-header .cat {
display: block;
height: 47px;
border-bottom: 1px solid #39ab49;
width: 50%;
justify-content: right;
}
.cmn-header .cat .cmn-item {
float: right;
background: none;
padding: 13px 15px 4px 30px;
position: relative;
}
.cmn-header .cat .cmn-item:before {
position: absolute;
left: 0;
top: 10px;
}
}
.cmn-header .org {
width: 100%;
padding: 16px;
display: flex;
justify-content: space-between;
}
body.archive .tax-content-area {
padding-top: 0;
} body.communities-template-default .feature-image {
margin-bottom: 0;
}
body.communities-template-default .feature-image .feature-image-bg {
background-position: center center;
height: 180px;
min-height: 180px;
}
body.communities-template-default .content-detail .img-2col {
display: flex;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start;
align-content: flex-start;
-webkit-align-content: flex-start;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
body.communities-template-default .content-detail .img-2col > img {
width: 100%;
margin: 0 0 15px 0;
}
body.communities-template-default .ic-map {
font-size: 90%;
}
body.communities-template-default .ic-map::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-province@2x.png) no-repeat center left;
background-size: 100%;
width: 12px;
height: 20px;
float: left;
margin-right: 5px;
}
body.communities-template-default .org-name {
font-size: 1rem;
}
body.communities-template-default h1.heading-title {
font-size: 1.15rem;
padding: 0 var(--s-space);
}
body.communities-template-default .section-content {
padding: 20px;
}
body.communities-template-default .section-content blockquote,
body.communities-template-default .section-content img {
margin: 1rem 0;
}
body.communities-template-default .section-content blockquote {
border: none;
color: #39ab49;
text-align: center;
}
body.communities-template-default .section-content blockquote::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-quote@2x.png) no-repeat center center;
background-size: 100%;
width: 30px;
height: 30px;
display: block;
text-align: center;
margin: 1rem auto;
}
body.communities-template-default .section-content-bottom {
padding: 20px;
color: #39ab49;
margin-bottom: 20px;
}
body.communities-template-default .section-content-bottom .term-name .item {
display: inline-block;
padding: 10px 15px;
border-radius: 50px;
border: 1px solid #39ab49;
}
body.communities-template-default .section-content-bottom .term-name .item:hover {
color: #39ab49;
}
body.communities-template-default .section-content-bottom .term-name-tag a {
color: #39ab49;
}
body.communities-template-default .section-content-bottom .term-name-tag a:after {
content: ",";
}
body.communities-template-default .section-content-bottom .term-name-tag a:last-child:after {
content: "";
}
@media (min-width: 768px) {
body.communities-template-default .section-content-bottom {
border-bottom: 2px solid #39ab49;
}
}
body.communities-template-default .section-about-project {
margin: 10px;
padding: 1rem;
border: 1px solid #39ab49;
}
body.communities-template-default .section-about-project .block-title {
font-size: 1.1rem;
color: #39ab49;
}
body.communities-template-default .section-about-project .project-name {
font-size: 1.25rem;
}
body.communities-template-default .section-about-project .org-name {
font-size: 1.25rem;
}
@media (min-width: 768px) {
body.communities-template-default .section-about-project {
padding: 10px 20px 30px;
margin: 0;
border: none;
}
}
@media (min-width: 1024px) {
body.communities-template-default .section-about-project {
padding: 20px 40px 40px;
margin: 0;
border: none;
}
}
body.communities-template-default .section-cmn-about {
background-color: #d5ecd9;
border-radius: 10px;
padding: 1rem;
font-size: 1rem;
margin: 1rem 10px;
text-align: center;
}
body.communities-template-default .section-cmn-about::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-people@2x.png) no-repeat center center;
background-size: 100%;
width: 45px;
height: 45px;
display: block;
text-align: center;
margin: 1rem auto;
}
@media (min-width: 768px) {
body.communities-template-default .section-cmn-about {
padding: 2rem 2.5rem;
margin: 2rem 0;
font-size: 1.5rem;
}
}
@media (min-width: 576px) {
body.communities-template-default .feature-image .feature-image-bg {
height: 280px;
min-height: 280px;
}
body.communities-template-default .org-name {
font-size: 95%;
}
}
@media (min-width: 768px) {
body.communities-template-default .dropdown {
border-right: 1px solid #39ab49;
}
body.communities-template-default h1.heading-title {
font-size: 2rem;
}
body.communities-template-default .content-detail {
border: 2px solid #39ab49;
border-top: 0;
border-radius: 0 0 10px 10px;
}
body.communities-template-default .content-detail .img-2col {
display: flex;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start;
align-content: flex-start;
-webkit-align-content: flex-start;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin: 0 0 15px;
}
body.communities-template-default .content-detail .img-2col > img {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
body.communities-template-default .content-detail .img-2col > img:last-child {
width: calc(50% - 10px);
margin: 0 0 0 10px;
}
body.communities-template-default .content-detail .section-content {
padding: 40px 0;
max-width: 600px;
margin: 0 auto;
}
body.communities-template-default .content-detail .section-content blockquote > p,
body.communities-template-default .content-detail .section-content img.img-wide,
body.communities-template-default .content-detail .section-content .img-2col {
margin: 1.5rem -5% 1.5rem;
}
body.communities-template-default .content-detail .section-content img.img-wide {
max-width: calc(100% + 10%);
}
body.communities-template-default .content-detail .section-content .img-2col {
max-width: calc(100% + 10%);
}
}
@media (min-width: 992px) {
body.communities-template-default .feature-image .feature-image-bg {
height: 380px;
min-height: 380px;
}
body.communities-template-default .content-detail .section-content blockquote > p,
body.communities-template-default .content-detail .section-content img.img-wide,
body.communities-template-default .content-detail .section-content .img-2col {
margin: 1.5rem -20% 1.5rem;
}
body.communities-template-default .content-detail .section-content img.img-wide {
max-width: calc(100% + 40%);
}
body.communities-template-default .content-detail .section-content .img-2col {
max-width: calc(100% + 40%);
}
}
@media (min-width: 1200px) {
body.communities-template-default .feature-image .feature-image-bg {
height: 450px;
min-height: 450px;
}
body.communities-template-default .content-detail .section-content blockquote > p,
body.communities-template-default .content-detail .section-content img.img-wide,
body.communities-template-default .content-detail .section-content .img-2col {
margin: 1.5rem -24% 1.5rem;
}
body.communities-template-default .content-detail .section-content img.img-wide {
max-width: calc(100% + 48%);
}
body.communities-template-default .content-detail .section-content .img-2col {
max-width: calc(100% + 48%);
}
}
body.communities-template-default .term-name,
body.communities-template-default .chapter-group li {
font-size: 95%;
}
body.communities-template-default .post-navigation {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
background: #f1c152;
width: 100%;
margin: 0;
padding: 0.5rem 0.75rem;
}
body.communities-template-default .post-navigation .previous-post::before {
content: "";
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
border: solid #39ab49;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-right: 5px;
}
body.communities-template-default .post-navigation .next-post:after {
content: "";
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
border: solid #39ab49;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-left: 5px;
}  .cmn-btn {
display: inline-block;
padding: 4px 15px 2px;
border-radius: 50px;
border: 1px solid #39ab49;
}
@media (min-width: 768px) {
.cmn-btn {
padding: 4px 20px 2px;
}
}
.cmn-link-white {
color: white !important;
}
.cmn-link-white:hover {
color: #008442;
} .chapter-group {
margin: 0;
padding: 0;
list-style: none;
}
.chapter-group li {
margin: 0;
} .term-name .item {
display: flex;
align-items: center;
}
.term-name .item::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu01@2x.png) no-repeat top left;
background-size: 100%;
width: 25px;
height: 25px;
float: left;
margin-right: 5px;
}
.term-name .item.item-productprocessing::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu01@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-traininganddevelopment::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu02@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-localtourism::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu03@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-agriculture::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu04@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-onlinebusiness::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu05@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-mechanicwork::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu06@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-craftwork::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu07@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-entrepreneur::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu08@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-industry::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu09@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-food::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu10@2x.png) no-repeat center left;
background-size: 100%;
}
.term-name .item.item-others::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu11@2x.png) no-repeat center left;
background-size: 100%;
} .cmn-wrapper__category {
max-width: 990px;
}
.section-cmn-category {
background: #a1d4e3;
padding: 20px 0;
}
.section-cmn-category h2.block-title {
text-align: center;
color: #39ab49;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.section-cmn-category {
padding: 2rem;
}
.section-cmn-category h2.block-title {
margin: 1rem 0 2rem;
}
.section-cmn-category .items_littlebig-blog .item {
width: 150px;
height: 150px;
}
}
.cmn-item {
display: flex;
flex-direction: column;
border-radius: 5px;
background-color: #ecf6f9;
padding: 20px 15px 15px;
color: #1e436c;
}
.cmn-item:hover {
color: #39ab49;
}
.cmn-item:before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu01@2x.png) no-repeat center left;
background-size: 100%;
width: 26px;
height: 26px;
}
.cmn-item.item-productprocessing::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu01@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-traininganddevelopment::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu02@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-localtourism::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu03@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-agriculture::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu04@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-onlinebusiness::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu05@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-mechanicwork::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu06@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-craftwork::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu07@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-entrepreneur::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu08@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-industry::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu09@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-food::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu10@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item.item-others::before {
background: url(//www.eef.or.th/wp-content/themes/eef/images/occu11@2x.png) no-repeat center left;
background-size: 100%;
}
.cmn-item:hover {
text-decoration: none;
background-color: white;
transition: all 0.5s;
}
.cmn-item .item-name {
margin: 0.5em 0;
font-size: 15px;
transition: all 0.5s;
}
.cmn-item .item-name:hover {
color: #39ab49;
}
.cmn-item .item-count {
display: flex;
align-items: flex-end;
flex: 1 0 auto;
}
.cmn-item .item-count:hover {
text-decoration: none;
} .tax-community .tax-header {
background: #faf1da;
}
.tax-community .tax-title {
padding: 15px;
}
.tax-community .tax-title a:hover {
color: #39ab49;
}
.tax-community .tax-title-name {
font-size: 1.5rem;
margin: 0.25rem 0 0.5rem;
color: #39ab49;
}
.tax-community .tax-title-desc {
font-size: 1rem;
}
.tax-community .tax-title-desc p {
margin: 0;
}
.tax-community .tax-feature-image .feature-image-bg {
background-color: #d5ecd9;
background-repeat: no-repeat;
height: 180px;
background-position: left center;
background-size: cover;
}
.tax-community .col-left {
flex: 1 0 100%;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.tax-community .col-right {
flex: 1 0 100%;
}
@media (min-width: 576px) {
.tax-community .tax-feature-image .feature-image-bg {
height: 280px;
}
}
@media (min-width: 768px) {
.tax-community .tax-title {
padding: 20px;
}
.tax-community .tax-title-name {
font-size: 1.5rem;
margin: 0.5rem 0;
}
.tax-community .tax-title-desc {
font-size: 1.15rem;
}
.tax-community .col-left {
flex: 1 0 30%;
box-shadow: none;
}
.tax-community .col-right {
flex: 1 0 70%;
}
}
@media (min-width: 992px) {
.tax-community .tax-title {
padding: 40px;
}
.tax-community .tax-title-name {
font-size: 1.75rem;
margin: 0.5rem 0;
}
.tax-community .tax-title-desc {
font-size: 1.3rem;
}
.tax-community .tax-feature-image .feature-image-bg {
height: 380px;
}
}
@media (min-width: 1200px) {
.tax-community .tax-title {
padding: 50px;
}
.tax-community .tax-feature-image .feature-image-bg {
height: 450px;
}
.tax-community .tax-title-name {
font-size: 2.5rem;
margin: 1rem 0;
}
.tax-community .tax-title-desc {
font-size: 1.5rem;
}
} .card-columns .card {
border: none;
}
.card-columns .card.inactive {
background-color: #cae4d7;
}
.blog-card .name-organize {
flex: 1 0 50%;
}
.blog-card .name-organize,
.blog-card .name-province,
.blog-card .item,
.blog-card .entry-meta {
font-size: 80%;
font-family: "Helvetica Neue LT Thai", sans-serif;
}
.blog-card .name-province::before {
content: "";
background: url(//www.eef.or.th/wp-content/themes/eef/images/ic-province@2x.png) no-repeat 0 5px;
background-size: 100%;
width: 10px;
height: 100%;
float: left;
margin-right: 5px;
}
.blog-card .entry-content {
margin: 0 auto;
}
.blog-card .entry-title {
font-size: 1rem;
display: block;
text-align: center;
padding: 1rem;
}
.blog-card a:hover {
color: #39ab49;
}
@media (min-width: 768px) {
.blog-card .entry-title {
font-size: 1.15rem;
}
.blog-card .name-organize,
.blog-card .name-province,
.blog-card .item,
.blog-card .entry-meta {
font-size: 90%;
}
.blog-card .entry-title {
font-size: 1.25rem;
}
}
@media (min-width: 1024px) {
.blog-card .name-organize,
.blog-card .name-province,
.blog-card .item,
.blog-card .entry-meta {
font-size: 95%;
}
} .section-cmn-hero .widget_sow-hero {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.section-cmn-hero .widget_sow-hero .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
background-repeat: no-repeat;
background-size: 150%;
background-position: top left;
}
.section-cmn-hero .widget_sow-hero .sow-slider-base .sow-slider-pagination {
text-align: center;
top: 160px;
bottom: inherit;
}
.section-cmn-hero .widget_sow-hero .sow-slider-pagination li a {
background: #ddd;
}
.section-cmn-hero .widget_sow-hero .sow-slider-pagination li.sow-active a {
background: #39ab49;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image {
height: 280px !important;
background-position: center;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-wrapper {
background: #fff;
height: 100px !important;
min-width: 320px;
width: 100%;
overflow: hidden;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image-container {
height: 100%;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image-container .sow-slider-image-wrapper {
display: block;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
border-top: 5px solid #39ab49;
margin: 0 !important;
padding: 10px !important;
min-width: 320px;
}
@media (min-width: 576px) {
.section-cmn-hero .widget_sow-hero .sow-slider-image-container .sow-slider-image-wrapper {
margin: 10px !important;
width: calc(100% - 20px);
height: auto !important;
}
}
.section-cmn-hero .widget_sow-hero .sow-slider-image-container .sow-slider-image-wrapper h3 {
font-size: 12px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image-container .sow-slider-image-wrapper p {
margin: 0.5rem 0 !important;
font-size: 14px !important;
max-height: 40px;
overflow: hidden;
}
@media (min-width: 576px) {
.section-cmn-hero .widget_sow-hero .sow-slider-image-container .sow-slider-image-wrapper p {
max-height: 100%;
}
}
@media (min-width: 768px) {
.section-cmn-hero .widget_sow-hero {
box-shadow: none;
}
.section-cmn-hero .widget_sow-hero .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.section-cmn-hero .widget_sow-hero .sow-slider-base .sow-slider-pagination {
text-align: right;
top: inherit;
bottom: 20px;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image {
height: 400px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
max-width: 350px !important;
padding: 20px !important;
margin: 20px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper h3 {
font-size: 14px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper p {
font-size: 18px !important;
}
}
@media (min-width: 1024px) {
.section-cmn-hero .widget_sow-hero .sow-slider-image {
height: 450px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
max-width: 480px !important;
margin: 30px !important;
}
.section-cmn-hero .widget_sow-hero .sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper p {
font-size: 22px !important;
}
}
@media (min-width: 1200px) {
.section-cmn-hero .widget_sow-hero .sow-slider-image {
height: 500px !important;
}
} .section-cmn-intro {
padding: 1rem 0 0;
text-align: center;
}
.section-cmn-intro h2 {
font-size: 1.7rem;
color: #39ab49;
line-height: 1;
}
.section-cmn-intro h3 {
font-size: 1.3rem;
}
.section-cmn-intro p {
font-size: 1;
}
@media (min-width: 768px) {
.section-cmn-intro {
border-bottom: 4px solid #39ab49;
text-align: left;
margin-bottom: 2rem;
}
.section-cmn-intro h2 {
font-size: 2.75rem;
line-height: 1.2;
}
.section-cmn-intro h3 {
font-size: 2rem;
}
.section-cmn-intro p {
font-size: 1.4rem;
}
} .section-filter {
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.section-filter {
margin-bottom: 2rem;
}
} .searchandfilter ul {
margin: 0;
padding: 0;
}
.searchandfilter ul li {
padding: 0;
} .sf-field-taxonomy-littlebig-blog label {
position: relative;
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.sf-field-taxonomy-littlebig-blog label::after {
content: "";
position: absolute;
right: 10px;
top: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border: solid #39ab49;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
}
.sf-field-taxonomy-littlebig-blog label select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 10px 15px;
outline: 0;
border: 0;
border-radius: 0;
background: #ecf6f9;
color: #0d3d79;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.sf-field-taxonomy-littlebig-blog label select::-ms-expand {
display: none;
}
.sf-field-taxonomy-littlebig-blog label select:hover, .sf-field-taxonomy-littlebig-blog label select:focus {
color: #38ab49;
background: #ecf6f9;
}
.sf-field-taxonomy-littlebig-blog label select:disabled {
opacity: 0.5;
pointer-events: none;
}
.dropdown {
position: relative;
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.dropdown::after {
content: "";
position: absolute;
right: 10px;
top: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border: solid #39ab49;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
}
.dropdown select.chapter-group {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 10px 0 10px 15px;
outline: 0;
border: 0;
border-radius: 0;
background: #ecf6f9;
color: #0d3d79;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.dropdown select.chapter-group::-ms-expand {
display: none;
}
.dropdown select.chapter-group:hover, .dropdown select.chapter-group:focus {
color: #38ab49;
background: #ecf6f9;
}
.dropdown select.chapter-group:disabled {
opacity: 0.5;
pointer-events: none;
}
.section-cmn-related {
padding: calc(var(--s-space) * 2) 0 var(--s-space);
background-color: #f1f1f3;
} body {
font-size: var(--s-font-size);
}
.site {
position: relative;
min-height: 100vh;
}
.site a.qubely-block-btn-anchor {
border-radius: 50px;
border: 1px solid;
font-size: 16px;
}
.s-title,
._heading_alt {
font-family: atten-round-new, "Helvetica Neue LT Thai", sans-serif;
font-weight: 700;
font-style: normal;
} .site-header {
z-index: 900;
position: fixed;
left: 0;
right: 0;
top: 0;
color: var(--s-text);
background-color: var(--s-bg);
height: var(--s-header-height);
box-shadow: var(--s-shadow);
transition: 0.3s ease-in-out;
}
.site-header a {
color: var(--s-text);
font-size: var(--s-font-size);
}
.site-header-space {
min-height: var(--s-header-height);
}
.site-branding {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background-color: #39ab49;
width: 108px;
}
.site-branding svg {
width: 78px;
height: 23px;
margin-top: -1px;
}
.site-title {
margin: 0;
font-size: 22px;
line-height: 1;
padding-top: 2px;
}
.site-description {
display: none;
}
.site-toggle {
position: absolute;
top: calc((var(--s-header-height) - 50px) / 2);
right: 0;
height: 50px;
width: 56px;
font-size: 10px;
padding: 16px;
cursor: pointer;
}
.site-toggle b {
top: 50%;
margin-top: -1px;
z-index: 1;
}
.site-toggle b, .site-toggle b:before, .site-toggle b:after {
pointer-events: none;
display: block;
content: "";
border-radius: 2px;
background-color: var(--s-text);
height: 2px;
position: absolute;
transform: rotate(0);
transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s;
}
.site-toggle b:before {
left: -4px;
right: 0;
top: -8px;
}
.site-toggle b {
left: 16px;
right: 16px;
}
.site-toggle b:after {
left: 4px;
right: 0;
top: 8px;
}
.site-toggle.active b {
background-color: transparent;
}
.site-toggle.active b, .site-toggle.active b:after, .site-toggle.active b:before {
transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s;
}
.site-toggle.active b:before, .site-toggle.active b:after {
left: 0;
top: 0;
right: 0;
}
.site-toggle.active b:before {
transform: rotate(-45deg);
}
.site-toggle.active b:after {
transform: rotate(45deg);
}
.site-donate._mobile {
position: absolute;
display: flex;
top: 3px;
right: 95px;
padding: 5px 20px 10px;
cursor: pointer;
color: #fff !important;
}
.site-search {
position: absolute;
padding: 10px 16px;
right: 48px;
top: calc((var(--s-header-height) - 50px) / 2);
cursor: pointer;
height: 50px;
line-height: 26px;
}
.site-search svg {
pointer-events: none;
}
.site-member {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
}
.site-member .pic {
line-height: 0;
}
.site-member .pic img {
border-radius: 50px;
width: 32px;
}
.site-member .info {
display: none;
}
.site-nav-m {
font-size: 17px;
position: absolute;
display: block;
left: 0;
top: var(--s-header-height);
height: 0;
opacity: 0;
width: 100%;
background: none;
overflow: hidden;
transition: 0.5s ease;
z-index: 1;
}
.site-nav-m a {
color: #ccc;
}
.site-nav-m ul {
padding: 0 10px;
}
.site-nav-m ul ul {
padding: 0;
font-size: 0.9em;
font-weight: normal;
}
.site-nav-m ul ul li {
border-bottom: none;
}
.site-nav-m ul ul a {
padding: 4px 0 12px;
}
.site-nav-m li {
list-style: none;
padding: 0;
position: relative;
color: var(--s-text);
border-bottom: 1px solid var(--s-line);
}
.site-nav-m li a {
display: block;
padding: 10px 0;
width: 80%;
}
.site-nav-m li a:active {
opacity: 0.6;
}
.site-nav-m svg {
transition: all 0.3s, opacity 0.5s ease 0.5s;
opacity: 0;
}
.site-nav-m.active {
height: calc(100vh - var(--s-header-height));
background-color: var(--s-bg);
-webkit-overflow-scrolling: touch;
overflow: scroll;
opacity: 1;
}
.site-nav-m.active .menu > li {
transform: scale(1) translateY(0px);
opacity: 1;
}
.site-nav-m .menu-item-has-children {
position: relative;
}
.site-nav-m .menu-item-has-children > svg {
position: absolute;
right: -10px;
top: 5px;
opacity: 0.8;
cursor: pointer;
transition: 0.3s;
width: 40px;
height: 40px;
padding: 10px;
z-index: 1;
}
.site-nav-m .menu-item-has-children.active > svg {
transform: scaleY(-1);
}
.site-nav-m .menu-item-has-children > .sub-menu {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.5s, opacity 0.3s;
}
.site-nav-m .menu-item-has-children > .sub-menu svg {
width: 30px;
height: 30px;
padding: 6px;
right: -5px;
top: 2px;
}
.site-nav-m .menu-item-has-children.active > .sub-menu {
max-height: 300vh;
opacity: 1;
transition: opacity 0.6s ease-in-out;
}
.site-nav-m .menu > li {
transform: scale(1.1) translateY(-2px);
opacity: 0;
transition: 0.3s;
transition-delay: 0.4s;
}
.site-nav-m .menu > li:nth-child(1) {
transition-delay: 0.1s;
}
.site-nav-m .menu > li:nth-child(2) {
transition-delay: 0.15s;
}
.site-nav-m .menu > li:nth-child(3) {
transition-delay: 0.2s;
}
.site-nav-m .menu > li:nth-child(4) {
transition-delay: 0.25s;
}
.site-nav-m .menu > li:nth-child(5) {
transition-delay: 0.3s;
}
.site-nav-m .menu > li:nth-child(6) {
transition-delay: 0.35s;
}
.site-nav-m .children {
display: none;
}
li.current-menu-item > a,
li.current-menu-ancestor > a {
font-weight: bold;
color: #fff;
}
li.current-menu-item > svg,
li.current-menu-ancestor > svg {
color: #fff;
}
@media (max-width: 991px) {
body.headbar-m .site-branding,
body.headbar-m .site-member,
body.headbar-m .site-toggle {
display: none;
}
} .s-sec {
border-radius: 15px 15px 0 0;
margin-top: -15px;
position: relative;
background-color: #fff;
}
.sec-banner {
background-color: #fff;
}
.sec-banner img {
width: 100%;
}
#banner {
background-color: #fff;
}
#banner .splide__slide {
position: relative;
}
#banner .splide__slide a:hover, #banner .splide__slide a:focus, #banner .splide__slide a:active {
opacity: 0.9;
}
#banner .splide__slide img {
width: 100%;
min-height: 450px;
object-fit: cover;
opacity: 1;
}
#banner .splide__slide .info {
position: absolute;
left: 50%;
top: inherit !important;
bottom: 0;
transform: translate(-50%, 0%);
text-align: center;
color: #fff;
width: 100% !important;
max-width: 100% !important;
padding: 0 3% 3%;
}
#banner .splide__slide .info h4 {
font-size: 0.9em;
margin: 5px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
#banner .splide__slide .info h4 br {
display: none;
}
}
#banner .splide__slide .info h2 {
font-size: 1.25em;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
color: #39ab49;
}
@media (max-width: 768px) {
#banner .splide__slide .info h2 br {
display: none;
}
}
#banner .splide__slide .content-info {
max-width: 650px;
margin: 0 auto 2.75rem;
}
#banner .splide__slide a.button {
font-size: 12px;
background: rgba(0, 0, 0, 0.3);
border: 1.5px solid #39ab49;
border-radius: 30px;
font-weight: bold;
padding: 2px 0 4px 15px;
display: inline-block;
margin: 0.25rem 0;
position: relative;
}
#banner .splide__slide a.button::after {
content: "";
width: 10px;
height: 12px;
background-image: url(//www.eef.or.th/wp-content/themes/eef/images/arrow-right.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding: 0 2rem 0 0;
display: inline-block;
}
#banner .splide__slide a.button:hover {
color: white;
background-color: #39ab49;
}
#banner .splide__slide .content-info-link {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -20%);
}
#banner-thumb {
padding: 4px 2px 19px;
}
#banner-thumb .splide__slide {
border: 1.5px solid transparent;
opacity: 0.5;
transition: 0.4s ease;
}
#banner-thumb .splide__slide.is-active {
opacity: 1;
}
#banner-thumb img {
border-radius: 4px;
}
#banner-thumb .splide__arrows {
display: none;
}
.main-header {
position: relative;
overflow: hidden;
padding: var(--s-space) 0;
margin-bottom: var(--s-space);
display: flex;
}
.main-header.-banner {
background: #000;
color: #fff;
text-align: center;
}
.main-header.-banner a {
color: #fff;
}
.main-header.-banner .s-container {
position: relative;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
body.single .main-header.-banner .s-container {
padding-bottom: calc(var(--s-space) * 2);
}
.main-header.-banner .title {
margin: 0 0 10px;
font-size: 28px;
line-height: 1.5;
}
.main-header.-banner .sub-title {
font-size: 20px;
}
.main-header.-banner .entry-meta {
margin: 0 0 15px;
}
.main-header.-banner .entry-meta .cat-links a {
display: inline-block;
padding: 2px 10px 4px;
font-size: 12px;
color: #000;
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.85);
}
.main-header.-banner .entry-meta svg {
display: none;
}
.main-header.-minimal {
padding-bottom: 0;
}
.site-single .main-header.-minimal {
margin-bottom: 0;
}
.main-header.-hidden {
display: none;
}
.main-header.-center {
text-align: center;
}
.main-header .bg {
position: absolute;
top: -50px;
bottom: -50px;
left: -50px;
right: -50px;
background-size: cover;
opacity: var(--s-title-bg-opacity);
filter: blur(var(--s-title-bg-blur));
background-position: center center;
}
.main-header .bg.-blank {
filter: none;
opacity: 1;
background: #298436;
color: var(--s-bg);
}
.main-header .title {
font-size: var(--s-title-size);
margin: 0;
}
.main-header .title small {
font-size: 0.7em;
display: block;
padding-top: 5px;
}
.main-header .bc {
font-size: 0.875em;
margin: 10px 0 0;
}
.main-header .bc .si-angle-right {
padding: 0 5px;
vertical-align: -1px;
}
.site-main.-hide-title h1.entry-title,
.site-main.-hide-title h1.page-title {
display: none;
} .content-item {
position: relative;
}
.content-item .pic {
line-height: 0;
margin-bottom: 15px;
overflow: hidden;
}
.content-item .pic a:hover,
.content-item .pic a:active {
opacity: 1;
}
.content-item .pic img {
width: 100%;
transition: 0.5s ease;
}
.content-item .entry-title {
margin-bottom: 0;
font-size: 1.125em;
line-height: 1.4;
}
.content-item .entry-title b {
font-size: 1.4em;
display: block;
margin-top: -4px;
}
.content-item .entry-title span {
font-size: 16px;
display: block;
padding-bottom: 4px;
}
.content-item .entry-meta {
margin-bottom: 0;
}
.content-item .cat a {
background: var(--s-accent);
color: #fff;
font-size: 0.875em;
padding: 3px 6px;
border-radius: var(--s-border-radius);
transition: 0.3s;
}
.content-item .cat a:hover {
background: var(--s-accent-hover);
}
.content-item .tags-links,
.content-item .entry-footer {
display: none;
}
.content-item .entry-summary p {
margin-top: 8px;
margin-bottom: 0;
}
.hide-summary .content-item .entry-summary {
display: none;
}
.content-item:hover .pic img {
transform: scale(1.12);
}
.content-item.-card {
border-radius: 10px;
padding: var(--s-box-padding);
background-color: var(--s-bg);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
transform: translateZ(0);
}
.content-item.-card .entry-cat {
position: absolute;
top: 7px;
left: 7px;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
border-radius: 50px;
padding: 0 13px 4px;
font-size: 14px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.content-item.-card .pic {
margin: calc(-1 * var(--s-box-padding)) calc(-1 * var(--s-box-padding)) var(--s-box-padding);
border-radius: 10px 10px 0 0;
}
.content-item.-card .pic img {
border-radius: 10px 10px 0 0;
}
.content-item.-card a {
color: var(--s-text);
}
.content-item.-list {
display: flex;
padding: 0;
box-shadow: var(--s-shadow);
border-radius: var(--s-border-radius);
background-color: var(--s-bg);
}
.content-item.-list .pic {
margin: 0;
width: 36%;
border-radius: var(--s-border-radius) 0 0 var(--s-border-radius);
}
.content-item.-list .pic a {
display: block;
height: 100%;
}
.content-item.-list .pic img {
border-radius: var(--s-border-radius) 0 0 var(--s-border-radius);
width: 100%;
height: 100%;
object-fit: cover;
}
.content-item.-list .info {
width: 64%;
padding: var(--s-box-padding) var(--s-box-padding) var(--s-box-padding) 15px;
display: flex;
}
.content-item.-list .entry-summary {
display: none;
}
.content-item.-caption {
position: relative;
background-color: #000;
border-radius: var(--s-border-radius);
box-shadow: var(--s-shadow);
}
.content-item.-caption .pic {
height: 100%;
min-height: 150px;
margin: 0;
opacity: 0.8;
transition: 0.7s ease;
border-radius: var(--s-border-radius);
display: flex;
align-items: stretch;
}
.content-item.-caption .pic img {
height: 100%;
object-fit: cover;
border-radius: var(--s-border-radius);
transition: 0.7s ease;
}
.content-item.-caption .entry-title {
margin-bottom: 0;
}
.content-item.-caption .entry-meta {
max-height: 0;
overflow: hidden;
opacity: 0;
margin-top: 0;
transition: 0.7s ease;
color: var(--s-bg);
}
.content-item.-caption .info {
position: absolute;
bottom: 0;
z-index: 1;
padding: 15px;
color: var(--s-bg);
}
.content-item.-caption .info a {
color: var(--s-bg);
}
.content-item.-caption:hover .pic {
opacity: 0.4;
}
.content-item.-caption:hover .entry-meta {
max-height: 42px;
opacity: 1;
margin-top: 8px;
}
.content-item.-hero {
background-color: #fff;
box-shadow: var(--s-shadow);
margin: 0 calc(var(--s-space) * -1) 0;
}
@media (min-width: 768px) {
.content-item.-hero {
margin: 0;
border-radius: var(--s-border-radius) 0 0 var(--s-border-radius);
}
}
.content-item.-hero .pic img {
width: 100%;
max-height: 100vh;
object-fit: cover;
}
.content-item.-hero .info {
padding: 0 15px 15px;
}
.content-item .author {
align-items: center;
display: flex;
margin-top: 15px;
bottom: 0;
}
.content-item .author img {
width: 40px;
height: 40px;
border-radius: 40px;
margin-right: 10px;
}
.content-item .author .name {
color: var(--s-text);
}
.content-item .author .name h2 {
font-size: 1.125em;
line-height: 1;
margin-bottom: 3px;
}
.content-item .author .name small {
display: block;
opacity: 0.75;
}
.content-date {
display: flex;
align-items: center;
color: var(--s-text);
width: 100%;
margin-bottom: 15px;
}
.content-date.-caption {
display: block;
position: relative;
background-color: #000;
border-radius: 10px;
}
.content-date.-caption .calendar {
position: absolute;
left: calc(var(--s-space) / 2);
bottom: calc(var(--s-space) / 2);
z-index: 1;
}
.content-date.-caption .info {
position: absolute;
z-index: 1;
right: calc(var(--s-space) / 2);
bottom: calc(var(--s-space) / 2);
left: calc(60px + var(--s-space) / 2);
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
height: 60px;
display: flex;
align-items: center;
}
.content-date .pic {
height: 100%;
min-height: 150px;
max-height: 360px;
margin: 0;
opacity: 0.8;
transition: 0.7s ease;
border-radius: var(--s-border-radius);
display: flex;
align-items: stretch;
}
.content-date .pic img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: var(--s-border-radius);
transition: 0.7s ease;
}
.content-date .calendar {
min-width: 60px;
width: 60px;
height: 60px;
border: 2px solid #d9534f;
border-radius: 5px;
position: relative;
background-color: #fff;
overflow: hidden;
}
.content-date .date {
text-align: center;
font-size: 24px;
line-height: 38px;
height: 38px;
color: #d9534f;
}
.content-date .month {
height: 18px;
background-color: #d9534f;
font-size: 11px;
color: #fff;
text-align: center;
}
.content-date .info {
padding-left: calc(var(--s-space) / 2);
}
.content-date .entry-title {
font-size: 15px;
margin: 0;
}
.content-headline {
background: var(--s-bg);
color: var(--s-text);
position: relative;
}
.content-headline a {
color: var(--s-text);
display: block;
height: 100%;
}
.content-headline.-bright .pic img {
opacity: 1;
}
.content-headline.-notitle .info {
display: none;
}
.content-headline .pic {
height: 100%;
}
.content-headline .pic img {
width: 100%;
height: 100%;
object-fit: cover;
max-height: 500px;
opacity: 0.7;
}
.content-headline .info {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
transition: 0.5s ease-in-out;
}
.content-headline .info h2 {
margin: 0;
}
.content-headline .info h3 {
font-size: 0.8em;
margin: 8px 0 0;
}
@media (min-width: 768px) {
.content-headline .info {
font-size: 30px;
}
}
.entry-meta {
font-size: 0.82em;
margin: 5px 0 var(--s-space);
opacity: 0.8;
color: var(--s-border);
}
.entry-meta > span {
margin-right: 10px;
}
.entry-meta svg {
width: 14px;
height: 14px;
vertical-align: -2px;
margin-right: 2px;
}
.entry-meta a {
color: var(--s-border);
}
.entry-meta a:hover {
color: var(--s-accent);
}
.content-table-date {
width: 140px;
}
body.tag .content-item .tags-links,
body.category .content-item .cat-links {
display: none;
}
.tags-links {
margin-top: var(--s-space);
}
.tags-links a {
font-size: 0.875em;
border: 1px solid var(--s-border);
color: var(--s-border);
border-radius: 50px;
display: inline-block;
padding: 2px 12px;
margin: 0 8px 12px 0;
transition: 0.3s;
}
.tags-links a:hover {
color: var(--s-bg);
background-color: var(--s-border);
}
.content-pagination {
clear: both;
margin: calc(var(--s-space) * -1) 0 var(--s-space);
text-align: center;
}
.content-pagination a,
.content-pagination span {
display: inline-block;
text-align: center;
min-width: 36px;
height: 36px;
border-radius: 36px;
margin: 0 -1px;
padding: 0;
line-height: 36px;
font-family: atten-round-new, "Helvetica Neue LT Thai", sans-serif;
}
.content-pagination a {
color: var(--s-border);
transition: 0.3s;
}
.content-pagination a:hover {
color: var(--s-accent-hover);
}
.content-pagination a:active {
color: var(--s-bg);
background-color: var(--s-accent);
}
.content-pagination svg {
transform: translateY(-1px);
}
.content-pagination .current {
color: var(--s-bg);
background-color: var(--s-accent);
} body.page-template-page-form .site-content {
background-color: #f8f9fa;
}
@media (min-width: 768px) {
body.page-template-page-form .site-content {
padding-top: 20px;
padding-bottom: 20px;
}
}
.page-form {
background-color: var(--s-bg);
box-shadow: var(--s-shadow);
}
@media (min-width: 768px) {
.page-form {
margin: 0 auto;
max-width: 680px;
padding: 10px 20px 0;
}
.page-form > .main-header {
margin-top: -15px;
margin-left: -25px;
margin-right: -25px;
padding-left: 25px;
padding-right: 25px;
}
} .single-area .main-header {
text-align: center;
}
.single-area .main-header.-banner {
min-height: 290px;
}
.single-area .single-banner {
position: relative;
margin-top: -60px;
margin-bottom: var(--s-space);
}
.single-area .single-banner img {
border-radius: 10px;
}
.single-area .content-area {
max-width: 750px;
line-height: 1.8;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.single-area .entry-meta {
text-align: center;
}
.single-area .entry-meta svg {
display: none;
}
.single-area .tags-links {
text-align: center;
}
.single-area .tags-links a {
padding: 2px 12px 4px;
font-size: 13px;
color: #333;
background-color: #f0f2f4;
border: none;
}
.single-area .sec-social .seed-social {
text-align: center;
}
.single-area .sec-social .seed-social a {
padding: 4px 20px;
border-radius: 100px;
}
.single-area .sec-author h2.sec-title {
margin: 0 0 20px;
font-size: 24px;
font-weight: bold;
color: #1e416d;
text-align: center;
}
.single-area .sec-author .author {
max-width: 520px;
margin: 0 auto var(--s-space);
padding: 40px;
display: block;
font-size: 14px;
line-height: 1.5;
text-align: center;
border-radius: 10px;
border: 2px solid #1e416d;
}
.single-area .sec-author .author .pic img {
width: 120px;
border-radius: 200px;
}
.single-area .sec-author .author .name {
margin: 5px 0 12px;
font-size: 24px;
font-weight: bold;
color: #1e416d;
}
.single-area .entry-content .section-download {
text-align: center;
max-width: 500px;
margin: 0 auto;
padding: 2rem 0;
}
.single-area .entry-content .section-download .btn-download {
background: #2b8539;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0.5rem 2rem;
border-radius: 10px;
margin-bottom: 30px;
}
.single-area .entry-content .section-download .btn-download a {
color: #fff;
} .entry-author {
margin: var(--s-space) auto;
text-align: center;
}
.entry-author .pic {
margin: 8px;
}
.entry-author .pic img {
border-radius: 100%;
width: 80px;
height: 80px;
object-fit: contain;
}
.entry-author .desc {
font-size: 0.875em;
margin-top: 5px;
}
.entry-author .name {
font-size: 1.125em;
margin-bottom: 0;
}
.entry-author.-head .entry-title {
margin-bottom: 5px;
} .widget-area .current-menu-item > a {
font-weight: bold;
color: var(--s-accent);
}
.widget-area .widget_nav_menu li {
margin-bottom: 10px;
}
.widget-area .widget_nav_menu li:last-child {
margin-bottom: 0;
}
.widget-area .widget_nav_menu .sub-menu {
padding: 5px 0 0 12px;
}
.widget-area .widget_nav_menu .sub-menu li {
margin-bottom: 5px;
position: relative;
}
.widget-area ul {
padding: 0;
margin-bottom: 10px;
}
.widget-area li {
list-style: none;
}
.widget-area a {
color: var(s--text);
}
.widget-area a:hover {
color: var(--s-accent-hover);
}
.widget {
margin-bottom: var(--s-space);
}
.widget-title {
margin-bottom: 10px;
font-size: 1.375em;
} .error-404 {
text-align: center;
}
.error-404 .search-form {
margin: 0 auto 30px;
} body.category {
background-color: #eaeef0;
}
.sec-movement {
background-color: #eaeef0;
}
.read-more {
font-size: 16px;
}
.read-more a {
color: var(--s-text);
display: inline-block;
padding: 0 2px 3px;
border-bottom: 1px solid;
}
.read-more a:hover {
color: var(--s-accent);
}
.sec-research .s-container {
padding-left: 52px;
padding-right: 52px;
}
.sec-research a {
color: var(--s-text);
font-size: 1.125em;
}
.sec-research .content-item {
max-width: 300px;
margin: 0 auto 1rem;
}
.sec-research .content-item .pic {
border-radius: 10px;
position: relative;
}
.sec-research .content-item .pic :after {
content: "";
display: block;
padding-bottom: 100%;
}
.sec-research .content-item .pic img {
object-fit: cover;
height: 100%;
border-radius: 10px;
position: absolute;
}
.sec-research .content-item .info h4 {
text-align: center;
}
.sec-innovation {
background-color: #1c4f88;
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/bg-innovation.jpg);
background-size: cover;
color: #fff;
}
.sec-innovation a {
color: #fff;
}
.sec-innovation .s-container {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.sec-innovation .s-container {
max-width: 90%;
}
}
.sec-innovation .d-flex {
flex-flow: wrap;
row-gap: 1rem;
justify-content: center;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.sec-innovation .d-flex .content-item {
flex: 0 27%;
}
}
.sec-innovation .content-item {
flex: 0 44%;
margin: 0 3% 1rem;
}
.sec-innovation .content-item .pic {
border-radius: 50%;
position: relative;
border: 4px solid #fff;
}
.sec-innovation .content-item .pic :after {
content: "";
display: block;
padding-bottom: 100%;
}
.sec-innovation .content-item .pic img {
object-fit: cover;
height: 100%;
border-radius: 50%;
position: absolute;
}
.sec-innovation .content-item .info {
text-align: center;
}
.sec-innovation .content-item .entry-title {
font-size: 90%;
}
.sec-innovation .content-item:hover .pic img {
transform: none;
opacity: 0.6;
}
.sec-classroom {
background-color: #eaeef0;
}
.sec-classroom .col {
padding: 0 15px;
}
.sec-classroom a {
color: var(--s-text);
}
.sec-classroom a:hover {
color: var(--s-accent);
}
.sec-classroom h2 {
text-align: center;
}
.sec-classroom .content-item {
max-width: 250px;
margin: 0 auto 1rem;
}
.sec-classroom .content-item .pic {
border-radius: 50%;
position: relative;
border: 4px solid #fff;
}
.sec-classroom .content-item .pic :after {
content: "";
display: block;
padding-bottom: 100%;
}
.sec-classroom .content-item .pic img {
object-fit: cover;
height: 100%;
border-radius: 50%;
position: absolute;
}
.sec-classroom .content-item .info {
text-align: center;
}
.sec-classroom .content-item:hover .pic img {
transform: none;
opacity: 0.6;
}
.sec-conference {
background-color: #636a37;
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/bg-conference.jpg);
background-size: cover;
min-height: 50vh;
color: #fff;
}
.sec-conference a {
color: #fff;
}
.sec-conference .content-item {
max-width: 300px;
margin: 0 auto 1rem;
}
.sec-conference .content-item .pic {
border-radius: var(--s-border-radius);
position: relative;
border: 4px solid #fff;
}
.sec-conference .content-item .pic :after {
content: "";
display: block;
padding-bottom: 100%;
}
.sec-conference .content-item .pic img {
object-fit: cover;
height: 100%;
position: absolute;
}
.sec-conference .content-item .info {
text-align: center;
}
.sec-news {
background-color: #a2d3e2;
} .site-footer-space {
height: var(--s-footer-height);
}
.site-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: var(--s-text);
background-color: var(--s-bg);
min-height: var(--s-footer-height);
}
.site-footer a {
color: var(--s-text);
}
.site-info {
font-size: 12px;
text-align: center;
text-transform: uppercase;
position: absolute;
top: 50%;
width: 100%;
left: 0;
transform: translateY(-50%);
}
.site-footbar {
background-color: var(--s-bg);
padding: calc(var(--s-space) * 2.5) 0;
}
.site-footbar .s-container {
max-width: 1366px !important;
}
.site-footbar .widget {
margin-bottom: 0;
color: var(--s-text);
font-size: var(--s-font-size);
}
.site-footbar .widget ul.menu {
list-style: none;
padding-left: 0;
}
.site-footbar .widget ul.menu .menu-item {
margin-bottom: 3px;
}
.site-footbar .widget .menu a {
color: var(--s-text);
font-size: 14px;
line-height: 1.5em;
display: inline-block;
}
.site-footbar .widget .textwidget input[type=email] {
color: #000 !important;
border-radius: 5px 0 0 5px;
}
.site-footbar p:last-of-type {
margin-bottom: 0;
}
.site-foot-social {
margin-left: 15px;
}
.site-foot-social a {
display: inline-block;
margin: 0 8px;
width: 24px;
height: auto;
color: rgba(255, 255, 255, 0);
background-size: 100%;
background-repeat: no-repeat;
}
.site-foot-social .i-facebook {
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/facebook-brands.svg);
}
.site-foot-social .i-youtube {
background-image: url(//www.eef.or.th/wp-content/themes/eef/img/youtube-brands.svg);
}
.posts-table-wrapper {
font-family: "Helvetica Neue LT Thai", sans-serif;
}
.posts-table-wrapper a {
color: #09350f;
}
.posts-table-wrapper a:hover {
color: #1d8c2c;
}
.posts-table-wrapper td {
padding: 20px 10px !important;
border-bottom: 1px solid #e5eae6;
}
.posts-table-wrapper .sec-movement {
margin-top: 50px;
}
.posts-table-wrapper td.col-notice_file a {
text-indent: -999em;
background: url(//www.eef.or.th/wp-content/themes/eef-2019/sass/../images/btn-download@2x.png) no-repeat center center;
width: 40px;
height: 40px;
display: block;
background-size: 30px;
margin: 0 auto;
opacity: 1;
}
.posts-table-wrapper .col-date {
width: 120px;
}
.posts-table-wrapper thead tr {
background: #298436;
color: #fff;
}
.posts-table-wrapper .dataTables_paginate {
float: none !important;
text-align: center !important;
}
.posts-table-wrapper .previous {
text-indent: -999em;
background: url(//www.eef.or.th/wp-content/themes/eef-2019/sass/../images/arrow-left-dark@2x.png) no-repeat center center !important;
background-size: 15px !important;
margin-right: 10px;
}
.posts-table-wrapper .posts-table-controls .dataTables_paginate .next {
text-indent: -999em;
background: url(//www.eef.or.th/wp-content/themes/eef-2019/sass/../images/arrow-right-dark@2x.png) no-repeat center center !important;
background-size: 15px !important;
margin-left: 10px;
}
.page .posts-table-wrapper .dataTables_paginate {
margin: 20px 0;
}
.page .posts-table-wrapper a.paginate_button.current {
background: #38ab49 !important;
border-radius: 99px !important;
border: none !important;
color: #fff !important;
}
.page .posts-table-wrapper a.paginate_button:hover {
background: #1d5525 !important;
border-radius: 99px !important;
border: none !important;
color: #fff !important;
}
.info-bg .qubely-info-box-media {
margin-top: -80px;
}
.info-bg .qubely-info-box-media .qubely-info-box-image {
background-color: #38ab49;
border-radius: 50%;
}
.donation-amount {
width: 300px;
display: block;
margin: auto;
}
.donation-amount .qubely-column-inner {
text-align: center;
font-size: 32px;
font-weight: 600;
font-family: var(--s-heading);
color: #fff;
background-color: #1e416d;
border-radius: 18px;
}
.h-infobg {
background-color: #1e416d;
border-radius: 8px 8px 0px 0px;
color: #fff !important;
padding: 0px 15px;
}
.sec-related .sec-title {
text-align: center;
margin-bottom: 30px;
}
.page-template-office-gallery .main-header {
margin-bottom: 0;
}
#office-banner .splide__pagination__page {
padding: 2px;
} .content-single-notice {
margin: 2rem 0;
}
.site-nav-m ul.lang {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin: 1rem 0 0;
}
.site-nav-m ul.lang li.lang-item-en a {
padding: 0 0 0 0.25rem;
}
.site-nav-m ul.lang li {
border-bottom: 0;
}
.site-nav-m ul.lang li.current-lang a {
padding: 0 0.5rem 0 0;
margin: 0 1rem 0 0;
font-weight: bold;
border-right: 2px solid var(--s-line);
}