/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2021 | 10:29:10 */
.image_border img {
  border: 1px solid lightgrey;
}
/* wrap long links in comments */
#comments a {
  word-break: break-all;
}
#comments p {
  word-break: break-word;
}
/* hide hamburger menu on desktop */
.navbar-toggle-offcanvas.toggle-offcanvas.toggle-offcanvas-show {
	display: none;
}
/* jetpack's related posts */
.jp-relatedposts-post-a {
  font-weight: bold !important;
  font-size: 16px !important;
}
/* end jetpack's related posts */
.disclaimer {
  background: #f9f9f9;
  padding: 1rem;
  font-size: 0.9rem;
  border: 1px solid #aaa;
}
.no_background_white_text_wrapper,
.no_background_black_text_wrapper {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.no_background_black_text,
.no_background_white_text {
  color: #222 !important;
}
.archive.category .no_background_white_text {
  color: #fff !important;
}
.no_background_white_text .gform_footer,
.no_background_black_text .gform_footer {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.no_background_black_text .gform_heading,
.no_background_black_text .gform_description,
.no_background_white_text .gform_heading, 
.no_background_white_text .gform_description {
  margin-bottom: 0 !important;
}
.no_background_black_text li.gfield,
.no_background_black_text li.gfield .ginput_container,
.no_background_white_text li.gfield,
.no_background_white_text li.gfield .ginput_container {
  margin-top: 0 !important;
}

/* on /need-help-in-thailand/, /exclusive-content/, and /tools-work-in-thailand/, make content width smaller */
.parent-pageid-401 .sidebar-disabled > .cs-container,
.page-id-513478 .sidebar-disabled > .cs-container,
.parent-pageid-513478 .sidebar-disabled > .cs-container,
.parent-pageid-516166 .sidebar-disabled > .cs-container,
.page-id-8923 .sidebar-disabled > .cs-container,
.page-id-517177 .sidebar-disabled > .cs-container,
.page-id-517170 .sidebar-disabled > .cs-container,
.page-id-518180 .sidebar-disabled > .cs-container,
.page-id-513305 .sidebar-disabled > .cs-container,
.parent-pageid-518857 .sidebar-disabled > .cs-container
 {
	max-width: 720px;
}
/* end on /need-help-in-thailand/, /exclusive-content/, and /tools-work-in-thailand/, make content width smaller */

/* media & text block for /need-help-in-thailand/real-estate-agent/ */
.page-id-516166 .wp-block-media-text {
  padding-bottom: 20px;
  border-bottom: 1px solid #626262;
}
.page-id-516166 a.wp-block-button__link:not(.has-background) {
  background: #f96e5b;
}
/* end media & text block for /need-help-in-thailand/real-estate-agent/ */



/* hide coupon box on checkout page */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  display: none;
}
/* end hide coupon box on checkout page */


/* mobile thailand menu (in hamburger menu) */
.mobile-thailand-menu,
#mobile-explore-thailand-menu {
  display: none;
}
#mobile-explore-thailand-menu:checked ~ .mobile-thailand-menu {
  display: block;
}
#mobile-explore-thailand-menu ~ label,
.mobile-thailand-menu label,
.mobile-thailand-menu a {
  font-family: "Alegreya Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}
#mobile-explore-thailand-menu ~ label,
.mobile-thailand-menu > li {
  border-top: 1px #e9ecef solid;
}
#mobile-explore-thailand-menu ~ label,
.mobile-thailand-menu > li > label {
  display: block;
  font-weight: bold;
  margin: 0;  
  padding: 1rem 0;
}
.mobile-thailand-menu > li > label {
  padding: 1rem 0 1rem 1rem;
}
#mobile-explore-thailand-menu ~ label::after,
.mobile-thailand-menu > li > label::after {
  float: right;
  font-family: "cs-icons";
  font-size: 14px;
  font-weight: normal;
  content: "\e90c";
}
#mobile-explore-thailand-menu:checked ~ label::after,
.mobile-thailand-menu > li > input[type="checkbox"]:checked ~ label::after {
  content: "\e90f";
}
.mobile-thailand-menu > li > input[type="checkbox"] {
  display: none;
}
.mobile-thailand-sub-menu a {
  padding: 0.3rem 0;
}
.mobile-thailand-sub-menu > li {
  list-style-type: square;
  margin: 0 0 0 32px;
}
.mobile-thailand-sub-menu {
  display: none;
}
.mobile-thailand-menu > li > input[type="checkbox"]:checked ~ .mobile-thailand-sub-menu {
  display: block;
  margin-bottom: 1rem;
}
/* end mobile thailand menu (in hamburger menu) */

/* thailand category article menu */
#menu-thailand > li > a {
	font-size: 1.07rem;
}
#menu-thailand > li > .sub-menu {
	list-style-type: square;
}
#menu-thailand > li > .sub-menu {
	padding: 0 0 15px 35px;
}
#menu-thailand > li > .sub-menu > li > a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 0.85rem;
}
/* end thailand category article menu */

/* affiliate homepage */
.page-id-516655 .sidebar-disabled > .cs-container {
	max-width: 720px;
}
.affiliate-homepage > img {
  margin-bottom: 1rem;
}
.affiliate-homepage > .our-products {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto 1fr;
	grid-column-gap: 1rem;
	grid-row-gap: 0.5rem;
}
.affiliate-homepage > .our-products > h3 {
  grid-row: 1;
  font-size: 18px;
}
.affiliate-homepage > .our-products > .price {
  grid-row: 2;
}
.affiliate-homepage > .our-products > .image {
  grid-row: 3;
}
.affiliate-homepage > .our-products > .price > span {
  font-weight: bold;
  color: green;
}
.affiliate-homepage > dl > dt {
	margin-bottom: 0.5rem;
}
.affiliate-homepage > dl > dd {
	margin-bottom: 2rem;
}
/* end affiliate homepage */

/* make link buttons white on orange */
.entry-content a.button {
  color: white !important;
  background: #f96e5b;
  padding: 1rem 2rem;
  font-size: 1rem;
}
/* end make link buttons white on orange */

/* darken and enlarge figure captions */
.wp-block-image figcaption {
	color: #64666a !important;
	font-size: 1.1rem !important;
}
/* end darken and enlarge figure captions */

/* grid for Essential Reading on /thailand/ page (and elsewhere) */
.grid3x {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2rem;
  padding: 0;
}
.grid3x > .listing-item {
	list-style: none;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto auto 1fr;
	grid-template-areas:
    "image image"
    "title title"
    "author date"
    "excerpt excerpt";
	grid-column-gap: 1rem;
	grid-row-gap: 0.5rem;
}
.grid3x > .listing-item > .image {
  grid-area: image;
  display: block;
  width: 100%;
  text-align: center;
  background-color: rgb(0, 0, 0, 0.2);
  border-radius: 5px;
}
.grid3x > .listing-item > .image > img {
  border-radius: 5px;
}
.grid3x > .listing-item > .title {
  grid-area: title;
  font-weight: bold;
}
.grid3x > .listing-item > .author {
  grid-area: author;
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
}
.grid3x > .listing-item > .date {
  grid-area: date;
  font-size: 0.875rem;
  color: #A8AAB2;
}
.grid3x > .listing-item > .excerpt {
  grid-area: excerpt;
  font-size: 0.875rem;
  color: #66676D;
}
.grid3x > .listing-item > .excerpt > .excerpt-more {
  display: none;
}
/* end grid for Essential Reading on /thailand/ page (and elsewhere) */

/* fix "Country" label missing on mobile menu */
/*#menu-item-515373 > .sub-menu {
  display: block;
}
#menu-item-515373 > .sub-menu::before {
  content: "Countries";
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}*/
/* get rid of v (down arrow) */
/*#menu-item-515373 > span {
  display: none;
}*/
/* get rid of messed up link inside sub-menu */
/*#menu-item-515373 > a,
#menu-item-515373 > .sub-menu > a,
#menu-item-515373 > .sub-menu > li:first-of-type > a:first-child {
  display: none;
}*/
/* end fix "Country" label missing on mobile menu */

/* partner promo */
.partner-promo {
  border-style: solid;
  border-width: 5px;
  border-color: #f96e5b;
}
.partner-promo > a {
  display: grid;
  grid-template-columns: 4fr 5fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas:
    "title title"
    "image info"
    "button button";
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.5rem;
  align-items: start;
  justify-items: center;
  padding: 0.5rem 1rem 1rem 1rem;
}
.partner-promo > a > .partner-name {
  grid-area: title;
  font-size: 2.1rem;
  font-weight: bold;
  color: #f96e5b;
}
.partner-promo > a > img {
  grid-area: image;
}
.partner-promo > a > .info {
  grid-area: info;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
}
.partner-promo > a > .button {
  grid-area: button;
  display: inline-block;
  background: #f96e5b;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5rem 1.7rem;
  border-radius: 3px;
}
/* end partner promo */

/* hide duplicate podcast links in sitemap */
.page-id-516919 #podcasts,
.page-id-516919 #podcasts + ul {
	display: none;
}
/* end hide duplicate podcast links in sitemap */

/* affiliate homepage Sign Up Now button */
.affiliate-signup-button {
  font-size: 1.5rem;
  text-align: center;
  background: #f96e5b;
  color: white !important;
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
/* end affiliate homepage Sign Up Now button */

/* end change "Creatives" to "Affiliate Links" */
.page-id-516655 #aff-controls > ul > li:nth-child(4) > a:active,
.page-id-516655 #aff-controls > ul > li:nth-child(4) > a:focus {
  outline: none;
}
.page-id-516655 #aff-controls > ul > li:nth-child(4) > a {
	text-indent: -9999px;
	line-height: 0;
}
.page-id-516655 #aff-controls > ul > li:nth-child(4) > a::after {
	content: "Affiliate Links";
	line-height: 1.625;
	text-align: left;
	display: block;
	text-indent: 0;
}
/* end change "Creatives" to "Affiliate Links" */

/* premium promo */
.premium-promo {
  border: 5px solid #f96e5b;
}
.premium-promo > a {
	padding: 1em;
  text-decoration: none;
  display: grid;
  grid-template-columns: 4fr 5fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas:
    "title title"
    "image info"
    "image button";
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  align-items: start;
  justify-items: center;
}
.premium-promo > a > img,
.premium-promo > a > picture {
  grid-area: image;
}
.premium-promo > a > .title {
  grid-area: title;
  font-size: 2.1rem;
  font-weight: bold;
  color: #333;
}
.premium-promo > a > .info {
  grid-area: info;
  font-size: 1.2rem;
  line-height: 1.5;
	color: #333;
  margin-top: 1rem;
}
.premium-promo > a > .title > span,
.premium-promo > a > .info > span {
  color: #f96e5b;
  font-weight: bold;
}
.premium-promo > a > button {
  background: #f96e5b;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  padding: 0.5em 1.7em;
  border-radius: 3px;
}
/* end of premium promo */

/* remove underlines on links in articles, and make links bold */
.entry-content > a, .entry-content > p > a, .entry-content > ul li > a, .entry-content > ol li > a, .entry-content > p > em > a, .entry-content > p > strong > a {
	text-decoration: none;
	font-weight: bold;
}
.entry-content > a:hover, .entry-content > p > a:hover, .entry-content > ul li > a:hover, .entry-content > ol li > a:hover, .entry-content > p > em > a:hover, .entry-content > p > strong > a:hover {
  text-decoration: underline;
}
/* end remove underlines on links in articles, and make links bold */

/* change links in comments to be orange */
.comment-content a {
  color: #f96e5b;
  text-decoration: underline;
}
/* end change links in comments to be orange */


/* hide Brewed in Bangkok from category menu in sidebar */
.widget_categories .cat-item-804 {
	display: none;
}
/* end hide Brewed in Bangkok from category menu in sidebar */

/* Patreon change "To unlock this content" text */
.patreon-text-over-button {
  text-indent: -9999px;
  line-height: 0;
}
.patreon-patron-button-wrapper {
  text-align: center;
}
.patreon-text-over-button::after {
  content: "This is one of 60+ exclusive pieces of content created only for our supporters on Patreon. To unlock all of them, please pledge $10 or more on Patreon. \a\a Doing so would help ExpatDen continue to create and publish free, longform guides on living, working, retiring, or starting businesses abroad without ruining your reading experience with ads and banners.";
  white-space: pre-line;
  display: block;
  text-indent: 0;
  line-height: 1.625;
  text-align: left;
}
/* end Patreon change "To unlock this content" text */

/* exclusive-content sidebar */
.exclusive-content-sidebar {
	border: 5px solid #f96e5b;
	padding: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}
.exclusive-content-sidebar > h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
.exclusive-content-sidebar > h2 > span {
	color: #f96e5b;
}
.exclusive-content-sidebar > p {
	color: #333;
	line-height: 1.5;
}
.exclusive-content-sidebar > p > span {
	color: #f96e5b;
	text-decoration: underline;
}
.exclusive-content-sidebar > button {
	display: block;
	background: #f96e5b;
	text-transform: uppercase;
	padding: 0.5em 2em;
	width: 100%;
	font-weight: bold;
}
/* end exclusive-content sidebar */

/* patreon sidebar */
.patreon-sidebar {
	border: 5px solid #f96e5b;
	padding: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}
.patreon-sidebar > h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
.patreon-sidebar > h2 > span {
	color: #f96e5b;
}
.patreon-sidebar > p {
	color: #333;
	line-height: 1.5;
}
.patreon-sidebar > p > span {
	color: #f96e5b;
	text-decoration: underline;
}
.patreon-sidebar > button {
	display: block;
	background: #f96e5b;
	text-transform: uppercase;
	padding: 0.5em 2em;
	width: 100%;
	font-weight: bold;
}
/* end patreon sidebar */

/* gravity forms grey background */
.gform_wrapper {
	border: 2px solid black;
	background: #e9e9e9;
	padding: 20px;
}
/* end gravity forms grey background */

/* remove "browsing category" and post count from country pages */
.category .page-subtitle,
.category .archive-count {
	display: none;
}

/* end remove "browsing category" and post count from country pages */

/* article thumbnails, don't crop */
.pk-inline-posts-container .pk-ratio-landscape::before {
	padding-bottom: 189px !important;
}
.cs-ratio-landscape::before {
	padding-bottom: 189px !important;
}
.pk-inline-posts-container .pk-overlay-background img,  
.cs-overlay-background img {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
/* end article thumbnails, don't crop

/* homepage */
.show-you-how > .wrapper > div > a {
  display: inline-block;
  background: #f96e5b;
  color: #fff;
  font-size: 1rem;
  padding: 0.7rem 1.2rem 0.5rem 1.2rem;
  border: 1px solid #f96e5b;
  text-decoration: none;
}
.show-you-how {
  min-height: 400px;
  background-image: url(/wp-content/uploads/2019/03/city-silhouette.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 4rem 0 0 0;
}
.show-you-how > .wrapper {
  width: 1060px;
  margin: 0 auto;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.75);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
}
.show-you-how > .wrapper > h2 {
  color: #f96e5b;
  grid-column: 1 / span 2;
  grid-row: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 2rem;
}
.show-you-how > .wrapper > h3 {
  grid-column: 1 / span 2;
  grid-row: 2;
  font-size: 1.5rem;
  text-align: center;
}
.show-you-how > .wrapper > form {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.show-you-how > .wrapper > p:first-of-type {
  grid-column: 1;
  grid-row: 3;
}
.show-you-how > .wrapper > p:last-of-type {
  grid-column: 2;
  grid-row: 3;
}
.show-you-how > .wrapper > div {
  grid-row: 4;
  grid-column: 1 / span 2;
  justify-self: center;
  margin-top: 1rem;
  width: 50%;
}
.show-you-how > .wrapper > p {
  line-height: 1.5;
}
.show-you-how > .wrapper > h3,
.show-you-how > .wrapper > p {
  color: #fff;
  margin: 0;
  padding: 0;
}
.starter-kit > div > a {
  display: inline-block;
  background: #f96e5b;
  color: #fff;
  font-size: 1rem;
  padding: 0.7rem 1.2rem 0.5rem 1.2rem;
  border: 1px solid #f96e5b;
  text-decoration: none;
}
.starter-kit {
  padding: 2rem 0;
}
.starter-kit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto 1fr;
  grid-gap: 1rem;
  justify-items: center;
  margin: 0 auto 2rem auto;
  padding: 0 1rem;
  width: 860px;
}
.starter-kit > h2 {
  grid-row: 1;
  grid-column: 1 / span 2;
}
.starter-kit > h2 + p {
  grid-column: 1;
  grid-row: 2 / span 2;
}
.starter-kit > p + p {
  grid-column: 2;
  grid-row: 2;
}
.starter-kit > div {
  grid-column: 2;
  grid-row: 3;
}
.starter-kit > p {
  font-size: 1.375rem;
}
.starter-kit > div > a {
  font-size: 1.7rem;
  padding: 1rem 2rem;
}

/* end homepage */

/* category pages */
.archive-description a {
  color: #f96e5b;
}
/* end category pages */


/* gutenberg tables, first row pink */
.wp-block-table thead tr:first-child th,
.wp-block-table tbody tr:first-child td {
	background: #f96e5b;
	color: #fff;
	font-weight: bold;
}
.wp-block-table thead + tbody tr:first-child td {
  background: transparent;
  color: #333;
  font-weight: normal;
}
/* end gutenberg tables, first row pink */

/*.article-list .title {
	display: block;
}
.article-list .listing-item {
	margin-bottom: 16px;
	clear: both;
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-template-rows: auto 1fr;
	grid-column-gap: 1em;
	align-items: center;
}
.article-list, .article-list li {
	list-style: none !important;
	margin-left: 0 !important;
}
.article-list .image .size-medium {
	max-width: 200px;
	float: left;
	margin: 7px 10px 10px 0;
}
.article-list .excerpt-dash {
	display: none;
}*/
.article-list {
  padding: 0;
}
.article-list .listing-item {
	margin-bottom: 16px;
	clear: both;
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-template-rows: auto 1fr;
	grid-column-gap: 1rem;
	align-items: center;
}
.article-list, .article-list li {
	list-style: none !important;
	margin-left: 0 !important;
}
.article-list .title,
.article-list .excerpt {
	grid-column: 2;
}
.article-list .image {
	grid-row: 1 / span 2;
}
.article-list .excerpt-dash {
	display: none;
}


/* woocommerce */
.woocommerce-checkout label, .woocommerce-checkout input {
	font-size: 1rem !important;
}
.woocommerce-tabs .cab-author {
  display: none;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
	float: none;
}
.woocommerce-checkout .wc_payment_method {
	list-style: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	background: transparent;
}
.woocommerce-product-details__short-description ul {
	padding-left: 30px;
}
._mi {
	width: 20px !important;
	text-align: center;
}
.single_add_to_cart_button.button.alt {
  width: 200px;
  height: 60px;
}
.product-template-default .footer-widgets .custom-html-widget,
.product-template-default .site-footer {
  display: none;
}
/* checkout next steps */
.checkout-next-steps ol,
.checkout-next-steps li {
	list-style-type: decimal !important;
}

/* hide footer on checkout page */
.no-footer .footer-widgets,
.no-footer .site-footer {
	display: none;
}
/* show USD on checkout price */
.order-total .woocommerce-Price-amount::after {
	content: " USD";
}

/* checkout page */
.woocommerce-checkout .site-title a {
  pointer-events: none;
}
.woocommerce-checkout .site-title {
  text-align: center;
}
.woocommerce-checkout .nav-primary {
  display: none;
}
.woocommerce-checkout .checkout h3 {
  background: #f96e5b;
  color: #fff;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 2em 0 0 0;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  float: none;
  width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-payment {
  border: 2px solid #f96e5b;
  border-top: none;
  border-radius: 0 !important;
}
.StripeElement {
  border: 1px solid #aaa !important;
}
.woocommerce-checkout #payment div.payment_box::after,
.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}
.woocommerce-checkout .payment_method_stripe {
  padding: 0 !important;
}
.woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
  background: #fff !important;
}
.woocommerce-checkout .input-text,
.woocommerce-checkout .input-text:focus {
  padding: 0.5em;
  border: 1px solid #aaa;
  line-height: 1.5 !important;
  color: #333;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p {
  width: 100%;
}
#wc-stripe-cc-form {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 1em;
}
#wc-stripe-cc-form .form-row {
  width: 100%;
  padding: 0 !important;
}
#wc-stripe-cc-form .form-row-wide {
  grid-column: 1 / span 2;
}
#wc-stripe-cc-form .form-row-first {
  grid-column: 3 / span 1;
}
#wc-stripe-cc-form .form-row-last {
  grid-column: 4 / span 1;
}
.woocommerce-checkout h3 {
	margin-top: 10px;
}
.woocommerce-checkout .checkout-guarantee {
  padding: 1em;
  margin-top: 2em;
  border: 2px solid #333;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 2em 1fr;
  grid-gap: 1em;
}
.woocommerce-checkout .checkout-guarantee figure {
  grid-column: 1 / span 1;
  grid-row: 1 / span 2;
}
.woocommerce-checkout .checkout-guarantee h3 {
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
  font-weight: bold;
  text-align: center;
}
.woocommerce-checkout .checkout-guarantee p {
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}
.woocommerce-checkout .checkout-need-help {
  padding: 1em;
  margin-top: 2em;
  border: 2px solid #333;
  text-align: center;
}
.woocommerce-checkout .checkout-need-help h3 {
  font-weight: bold;
}
.woocommerce-checkout .next-steps {
  list-style-type: none !important;
  display: flex;  
}
.woocommerce-checkout .next-steps li {
  counter-increment: step-counter;
  list-style-type: none !important;
  margin-left: 0 !important;
  margin-right: 1.8em;
}
.woocommerce-checkout .next-steps li::before {
  content: counter(step-counter);
  margin-right: 0.6em;
  background: #f96e5b;
  color: #fff;
  width: 1.8em;
  height: 1.8em;
  border-radius: 0.9em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.woocommerce-checkout .woocommerce-billing-fields h3::before,
.woocommerce-checkout #order_review_heading::before
 {
  border: 2px solid #fff;
  width: 1.4em;
  height: 1.4em;
  border-radius: 0.7em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.3em;
}
.woocommerce-checkout #payment_method_stripe:checked + label .gateway-icons {
	display: grid;
}
.woocommerce-checkout .gateway-icons {
  display: none;
  grid-template-columns: 70px auto repeat(6, 70px);
  grid-template-rows: auto 1fr;
  grid-row-gap: 0;
  grid-column-gap: 0.2em;
  justify-content: center;
  color: #333;
  margin-top: 0;
}
.woocommerce-checkout .gateway-icon {
  width: 70px;
}
.woocommerce-checkout .secure,
.woocommerce-checkout .safe {
  font-weight: bold;
  font-size: 1.2em;
}
.woocommerce-checkout .secure {
  grid-column: 2;
  grid-row: 1;
}
.woocommerce-checkout .safe {
  grid-column: 3 / span 6;
  grid-row: 1;
  text-align: center;
}
.woocommerce-checkout .gateway-lock {
  grid-column: 1;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: end;
}
.woocommerce-checkout .gateway-stripe {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  align-self: end;
}
.woocommerce-checkout .gateway-diners-club,
.woocommerce-checkout .gateway-jcb,
.woocommerce-checkout .gateway-visa,
.woocommerce-checkout .gateway-discover {
  border: 1px solid #ddd;
  border-radius: 3px;
}
.woocommerce-checkout .gateway-diners-club {
  grid-column: 3;
  grid-row: 2;
}
.woocommerce-checkout .gateway-jcb {
  grid-column: 4;
  grid-row: 2;
}
.woocommerce-checkout .gateway-mastercard {
  grid-column: 5;
  grid-row: 2;
}
.woocommerce-checkout .gateway-visa {
  grid-column: 6;
  grid-row: 2;
}
.woocommerce-checkout .gateway-discover {
  grid-column: 7;
  grid-row: 2;
}
.woocommerce-checkout .gateway-american-express {
  grid-column: 8;
  grid-row: 2;
}
.woocommerce-checkout .payment-description {
  padding: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  border: 2px solid #f96e5b;
  border-top: none;
  border-bottom: none;
}
.woocommerce-checkout #stripe-payment-data > p {
  display: none;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: none !important;
  padding-top: 0;
  padding-bottom: 0;
}
.woocommerce-checkout .payment_method_stripe > label {
  color: #333; /* fff */
}
#place_order {
  font-size: 1.3em;
  padding: 0.5em 1.5em;
  text-transform: none;
}
/* end checkout page */
/* bundle upgrade on checkout page */
.woocommerce-checkout .bundle-upgrade-description {
  padding: 1rem;
  border: 2px solid #f96e5b;
  border-top: none;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: 2rem;
}
.woocommerce-checkout .bundle-upgrade-description > .image {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
}
.woocommerce-checkout .bundle-upgrade-description > .text {
  grid-column: 2;
  grid-row: 1;
}
.woocommerce-checkout .bundle-upgrade-description > .cta {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}
.woocommerce-checkout .bundle-upgrade-description .bundle-upgrade-button {
  background: #f96e5b;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 25px;
  border-radius: 3px;
  display: inline-block;
}
/* end bundle upgrade on checkout page */

/* product thumbnails on checkout page */
.woocommerce-checkout .product-name > img {
  vertical-align: middle;
}
/* end product thumbnails on checkout page */


/* end woocommerce */


/* mobile version */
@media only screen and (max-width: 1020px) {
  /* grid for Essential Reading on /thailand/ page (and elsewhere) */
  .grid3x {
    grid-template-columns: 1fr 1fr;
  }
  /* end grid for Essential Reading on /thailand/ page (and elsewhere) */
}

@media only screen and (max-width: 640px) {
  /* show hamburger menu on mobile */
  .navbar-toggle-offcanvas.toggle-offcanvas.toggle-offcanvas-show {
	display: flex;
  }
  .premium-promo > a {
  	grid-template-columns: 1fr;
  	grid-template-rows: auto auto auto 1fr;
  	grid-template-areas:
  	  "title"
  	  "image"
      "info"
      "button";
    grid-row-gap: 0;
	}
  .premium-promo > a > h3 {
  	font-size: 1.6rem;
	}
  .premium-promo > a > p {
    margin-top: 0;
  }
  .show-you-how > .wrapper > h2 {
    font-size: 1.6rem;
    margin: 0;
  }
  .show-you-how {
    background-image: none;
    margin-top: 0;
    padding-top: 0;
    min-height: auto;
  }
  .show-you-how > .wrapper {
    background: #333;
  }
  .show-you-how > .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    width: 100%;
  }
  .show-you-how > .wrapper > h2 {
    grid-column: 1;
    grid-row: 1;
  }
  .show-you-how > .wrapper > h3 {
    grid-column: 1;
    grid-row: 2;
    max-width: 100%;
  }
  .show-you-how > .wrapper > p:first-of-type {
    grid-column: 1;
    grid-row: 3;
    font-size: 1.1rem;
  }
  .show-you-how > .wrapper > p:last-of-type {
    grid-column: 1;
    grid-row: 4;
    font-size: 1.1rem;
  }
  .show-you-how > .wrapper > form {
    grid-column: 1;
    grid-row: 4;
  }
  .show-you-how > .wrapper > div {
    grid-row: 5;
    grid-column: 1;
    justify-self: center;
    margin-top: 1rem;
    width: 100%;
  }
  .starter-kit {
    padding: 1rem;
  }
  .starter-kit > h2 {
    font-size: 1.6rem;
    margin: 0;
  }
  .starter-kit > div {
    width: 100%;
  }
  .starter-kit > div > a {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }
  .starter-kit {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    width: 100%;
  }
  .starter-kit > h2 {
    grid-column: 1;
    grid-row: 1;
  }
  .starter-kit > h2 + p {
    grid-column: 1;
    grid-row: 2;
    max-width: 90%;
  }
  .starter-kit > p + p {
    grid-column: 1;
    grid-row: 3;
    font-size: 1.1rem;
  }
  .starter-kit > div {
    grid-column: 1;
    grid-row: 4;
  }
  /* woocommerce mobile */
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0.5em;
  }
  #wc-stripe-cc-form {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  #wc-stripe-cc-form .form-row-wide {
    grid-column: 1 / 2;
  }
  #wc-stripe-cc-form .form-row-first {
    grid-column: 1 / 2;
  }
  #wc-stripe-cc-form .form-row-last {
    grid-column: 1 / 2;
  }
	.woocommerce-checkout-review-order-table .product-name {
    display: flex;
    align-items: center;
  }
  .woocommerce-checkout-review-order-table .product-name .product-quantity {
    display: none;
  }
  .woocommerce-checkout .checkout-guarantee {
    grid-template-columns: 1fr;
    grid-template-rows: 200px auto 1fr;
    justify-items: center;
  }
  .woocommerce-checkout .checkout-guarantee figure {
    grid-column: 1;
    grid-row: 1 / span 1;
    max-height: 200px;
  }
  .woocommerce-checkout .checkout-guarantee h3 {
    grid-column: 1;
    grid-row: 2 / span 1;
    margin: 0;
  }
  .woocommerce-checkout .checkout-guarantee p {
    grid-column: 1;
    grid-row: 3 / span 1;
		margin-bottom: 0;
  }
  .woocommerce-checkout .checkout-need-help p {
    margin-bottom: 0;
  }
	.woocommerce-checkout .gateway-icons {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 0.5em;
    grid-column-gap: 0.5em;
    justify-content: center;
    color: #333;
    margin-top: 0;
    margin-left: -2rem;
    justify-items: center;
    align-items: center;
  }
  .woocommerce-checkout .secure {
    grid-column: 1 / span 3;
    grid-row: 1;
  }
  .woocommerce-checkout .safe {
    grid-column: 1 / span 3;
    grid-row: 3;
    text-align: center;
  }
  .woocommerce-checkout .gateway-lock {
    display: none;
  }
  .woocommerce-checkout .gateway-stripe {
    grid-column: 1 / span 3;
    grid-row: 2;
  }
  .woocommerce-checkout .gateway-diners-club {
    grid-column: 1;
    grid-row: 4;
  }
  .woocommerce-checkout .gateway-jcb {
    grid-column: 2;
    grid-row: 4;
  }
  .woocommerce-checkout .gateway-mastercard {
    grid-column: 3;
    grid-row: 4;
  }
  .woocommerce-checkout .gateway-visa {
    grid-column: 1;
    grid-row: 5;
  }
  .woocommerce-checkout .gateway-discover {
    grid-column: 2;
    grid-row: 5;
  }
  .woocommerce-checkout .gateway-american-express {
    grid-column: 3;
    grid-row: 5;
  }
  .woocommerce-checkout .bundle-upgrade-description {
    grid-template-columns: 1fr;
  }
  .woocommerce-checkout .bundle-upgrade-description > .image {
    grid-column: 1;
    grid-row: 1;
  }
  .woocommerce-checkout .bundle-upgrade-description > .image > img {
    max-height: 200px;
    width: auto;
  }
  .woocommerce-checkout .bundle-upgrade-description > .text {
    grid-column: 1;
    grid-row: 2;
  }
  .woocommerce-checkout .bundle-upgrade-description > .cta {
    grid-column: 1;
    grid-row: 3;
    justify-self: center;
  }
  /* end woocommerce mobile */

  /* grid for Essential Reading on /thailand/ page (and elsewhere) */
  .grid3x {
    grid-template-columns: 1fr;
  }
  /* end grid for Essential Reading on /thailand/ page (and elsewhere) */
  
}
/* end mobile version */
