.home-slide .row .col {
padding: 0;
}
.home-slide button.flickity-button {
width: 20px;
height: 40px;
display: block;
background-color: #ffffff70;
border-radius: 0 !important;
opacity: 1;
}
.home-slide button.flickity-button{
top: 45%;
}
.home-slide button.flickity-button.previous:before {
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-arrow-left.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: block;
}
.home-slide button.flickity-button.previous {
left: 0;
}
.home-slide button.flickity-button.next:before {
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-arrow-right.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: block;
}
.home-slide button.flickity-button.next{
right: 0;
}
.home-slide button.flickity-button svg.flickity-button-icon {
display: none;
}
.home-slide .navigation ul {
background-color: #00085;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
line-height: 1;
}
.home-slide .navigation ul li a {
color: #fff;
text-transform: uppercase;
font-weight: 600;
line-height: 1;
}
.home-slide .navigation ul li a:hover {
color: #F04345;
}
.home-slide .navigation ul li {
list-style: none;
margin: 0;
padding: 15px;
line-height: 1;
}
.home-slide .navigation {
position: absolute;
top: 0;
margin: 25px;
}
.home-slide .navigation ul li:first-child {
position: relative;
}
.home-slide .navigation ul li:first-child:after {
content: '';
width: 1px;
height: 25px;
display: block;
background-color: #fff;
position: absolute;
top: 15px;
right: 0;
} .home-our-story h4 {
font-size: min(max(2rem, 3vw), 4rem);
color: #000;
font-family: 'Roboto', sans-serif !important;
font-weight: 600 !important;
margin-bottom: 10px;
} .add_to_cart_button.added{
display: block !important;
}
.product-small .yith-wcwl-add-to-wishlist {
position: absolute;
right: 25px;
bottom: 60px;
}
.product-small .yith-wcwl-add-to-wishlist span {
display: none;
}
.product-small a.wpcbn-btn.wpcbn-btn-archive {
position: absolute;
bottom: -6px;
margin: 0 0 0 0;
transform: translate(-50%, -50%);
left: 35%;
width: 90px;
height: 50px;
border-radius: 10px !important;
background-color: #ec1b23;
font-size: 1.2rem !important;
display: flex;
align-items: center;
justify-content: center;
}
.product-small a.wpcbn-btn.wpcbn-btn-archive:hover{
background-color: #000;
}
.product-small .add-to-cart-button .add_to_cart_button:hover, .product-small .add-to-cart-button .primary.is-small:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
.product-small .add-to-cart-button .add_to_cart_button, .product-small .add-to-cart-button .primary.is-small {
font-size: 1.0rem !important;
background-color: #fff;
border-color: #fff;
color: #000;
width: 100%;
height: 45px;
display: flex !important;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.product-small .badge-container {
display: none;
}
.woocommerce-page .product-small .yith-wcwl-add-to-wishlist {
right: 0;
}
.star-rating span:before,
.stars a.active:after, 
.stars a:hover:after{
color: #ffcf3c !important;
}
.product-small .box-text-products .price-wrapper .star-rating {
position: absolute;
top: -20px;
}
.home-title h4 {
font-size: min(max(2rem, 3vw), 3rem);
text-transform: uppercase;
color: #000;
font-family: 'Roboto', sans-serif !important;
font-weight: 600 !important;
margin: 0;
}
.home-title {
display: flex;
align-items: baseline;
margin-bottom: 15px;
}
.s-all p {
white-space: nowrap;
margin: 0;
font-size: 1.1rem;
FONT-WEIGHT: 600;
color: #000;
text-transform: capitalize;
} .home-banner .col {
padding: 0;
}
.home-blog .post-item a.button {
border-radius: 0 !important;
padding: 10px 55px;
line-height: 1.5;
height: max-content;
color: #000;
border-color: #cccccc;
margin: 20px 0 0;
}
.home-blog .post-item a.button:hover,
div#post-list a.more-link:hover{
background-color: #000;
border-color: #000;
color: #fff;
}
div#post-list a.more-link {
color: #000;
border-color: #cccccc;
border-radius: 0 !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme button.change-settings-button {
margin: 0;
} .furney-img img {
max-width: 830px;
}
.furney-row {
align-items: center;
}
.product-small .yith-wcwl-wishlistaddedbrowse span,
.product-small .yith-wcwl-wishlistexistsbrowse span{
font-size: 0;
}
.product-small .yith-wcwl-wishlistaddedbrowse a,
.product-small .yith-wcwl-wishlistexistsbrowse a{
font-size: 0;
}
.product-small .yith-wcwl-add-button .fa-heart-o:before,
.product-small .yith-wcwl-wishlistaddedbrowse a:before, 
.product-small .yith-wcwl-wishlistexistsbrowse a:before{
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-favorite.svg) center/ 25px auto;
width: 25px;
height: 25px;
display: inline-block;
}
.product-small .yith-wcwl-add-button .fa-heart-o {
margin: 0;
}
.yith-wcwl-add-to-wishlist a.add_to_wishlist {
color: unset;
background: unset;
border: 0;
padding: 0;
margin: 0;
}
.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:before,
.product-small .yith-wcwl-add-button .fa-heart:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:before,
.product-small .yith-wcwl-add-button i.wishlist-icon:before{
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-favorite.svg) center/ 25px auto;
width: 25px;
height: 25px;
display: inline-block;
}
.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart:hover:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart-o:hover:before,
.product-small .yith-wcwl-wishlistaddedbrowse a:hover:before, 
.product-small .yith-wcwl-wishlistexistsbrowse a:hover:before{
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-favorite.svg) center/ 25px auto;
width: 25px;
height: 25px;
display: inline-block;
opacity: 0.6;
}
.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart:hover:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:hover:before{
opacity: 0.8;
}
.yith_ywraq_add_item_browse_message,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message {
background: #125e90 none repeat scroll 0 0;
border-radius: 3px;
display: inline-block;
margin: 15px 0;
padding: 5px 10px;
text-align: center;
width: 205px;
}
.yith_ywraq_add_item_browse_message a,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message  a{
color:#fff;
}
.yith_ywraq_add_item_browse_message:hover,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message:hover {
background: #044a80;
}
.yith-ywraq-add-button.show .add-request-quote-button.button {
background: #125e90 none repeat scroll 0 0;
text-align: center;
width: 205px;
margin:15px 0;
font-size: 1.6rem;
}
.yith-ywraq-add-button.show .add-request-quote-button.button:hover {
background: #044a80 none repeat scroll 0 0;
}
.yith_ywraq_add_item_response.yith_ywraq_add_item_response_message {
color: #044a80;
}
.col-xs-8,.col-xs-4,.col-md-6,col-sm-4 {
display: inline-block;
}
.col-xs-8 {
width: 65.66666667%;
}
.col-xs-4 {
width: 32.33333333%;
}
.woocommerce-page .product-small a.wpcbn-btn.wpcbn-btn-archive {
left: 60%;
}
.woocommerce-page .product-small a.wpcbn-btn.wpcbn-btn-archive{
display: none;
} .video.video-fit {
padding: 0 !important;
}
.wp-video, 
.wp-video-shortcode{
width: 100% !important;
}
.consult-page .row.faq .col-inner {
background-color: #fff;
padding: 15px;
}
.consult-page .accordion-title{
border: 0;
}
.consult-page label.wpforms-field-label {
color: #fff !important;
font-size: 1rem !important;
}
.consult-page h3.phone {
background-color: #fff6eb;
width: fit-content;
padding: 5px 15px;
margin: 0;
border-radius: 20px;
}
.consult-page .wpforms-container .wpforms-form .wpforms-field {
max-width: 100%;
}
.consult-page .wpforms-container .wpforms-form input {
border-radius: 0 !important;
}
.consult-page .wpforms-container .wpforms-form textarea {
border-radius: 0 !important;
height: 170px !important;
}
.consult-page .wpforms-container .wpforms-form button {
border-radius: 10px !important;
background-color: #000 !important;
}
.consult-page .wpforms-submit-container {
padding: 0 10px !important;
} .cms-title h3 {
border: solid;
background: transparent;
border-image: linear-gradient(45deg, rgb(146 146 146 / 10%), #929292 , rgb(146 146 146 / 10%)) 1;
border-width: 1px 0;
border-radius: 5px;
color: #404041;
text-align: center;
padding: 15px 0;
font-size: 1.2rem;
margin: 0 0 20px;
font-weight: 500;
}
.cms-page a:hover,
.confirm-page .form-content .row.form-footer a:hover,
.cms-page .web:hover, 
.cms-page .color-text:hover{
color: #d12e2e;
}
.cms-page .underline {
text-decoration: underline;
}
.cms-page .red,
.cms-page .red-text {
color: #FF0000;
}
.cms-page .web,
.cms-page .color-text {
color: #D12E2E;
}
.cms-page .left-menu {
margin: auto;
}
.cms-menu ul {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
font-family: 'Noto Sans Thai','Roboto',sans-serif;
}
.cms-page .cms-menu li {
list-style: none;
margin: 0;
}
.cms-menu span {
display: none;
font-family: 'Noto Sans Thai','Roboto',sans-serif;
color: #525252;
font-weight: 400;
}
.cms-menu a {
display: flex;
align-items: center;
margin: 0 5px;
}
.howto-page .cms-menu .how-to-order .image, 
.shipping-page .cms-menu .shipping .image, 
.confirm-page .cms-menu .confirm-payment .image, 
.policy-page .cms-menu .privacy-policy .image {
background-color: #000;
border-radius: 6px;
}
.howto-page .cms-menu .how-to-order img, 
.shipping-page .cms-menu .shipping img, 
.confirm-page .cms-menu .confirm-payment img, 
.policy-page .cms-menu .privacy-policy img {
filter: brightness(0) invert(1);
}
.about-page .title {
background-color: #000;
color: #fff;
padding: 10% 15%;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
border-radius: 10px;
}
.about-page .title h1 {
color: #fff;
font-size: min(max(2rem, 3vw), 3rem);
}
.about-page .title p {
margin: 0;
font-size: min(max(1rem, 2vw), 1.3rem);
font-weight: 500;
}
.about-page .about-top img {
width: 100%;
border-radius: 10px;
}
.payment-content .bank-data {
display: flex;
align-items: center;
border-radius: 20px;
height: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.cms-page .payment-content ul {
margin: 0;
font-size: 0.8rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
display: flex;
height: 100%;
}
.cms-page .payment-content li {
list-style: none;
margin: 0;
padding: 0 10px;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.payment-content li:first-child {
min-width: 100px;
text-align: right;
}
.cms-page .payment-content .bank-detail ul:first-child li {
padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:first-child li {
padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:last-child li {
padding: 0 10px 10px;
}
.cms-page .payment-content .bank-detail ul:last-child li {
padding: 0 10px 10px;
}
.payment-content .bank-detail {
height: 100%;
display: flex;
flex-direction: column;
}
.payment-content .bank-data .bank-title {
text-align: right;
}
.payment-content .kbank .bank-logo {
background-color: #02a957;
}
.payment-content .scb .bank-logo {
background-color: #4e2d7f;
}
.payment-content .ktb .bank-logo {
background-color: #37a1e4;
}
.payment-content .bay .bank-logo {
background-color: #685959;
}
.payment-content .scb .bank-detail li:first-child {
background-color: rgb(78 45 128 / 10%);
}
.payment-content .ktb .bank-detail li:first-child {
background-color: rgb(45 173 244 / 10%);
}
.payment-content .bbl .bank-detail li:first-child {
background-color: rgb(37 66 146 / 10%);
}
.payment-content .bay .bank-detail li:first-child {
background-color: rgb(253 217 0 / 10%);
}
.payment-content .kbank .bank-detail li:first-child {
background-color: rgb(2 169 87 / 10%);
}
.payment-content .bank-data img {
border-radius: 20px 0 0 20px;
width: 70px;
}
.payment-content li.number {
color: #00984A;
}
.payment-content li.type {
color: #868686;
}
.shipping-content h4 {
text-align: center;
color: #404041;
font-weight: 500;
width: auto;
margin: 0 10px;
}
.shipping-by .shipping-logo li {
margin: 15px 0 0;
list-style: none;
}
.shipping-by .shipping-logo {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.shipping-by .shipping-logo img {
width: 80px;
margin: 0 10px;
border-radius: 10px;
}
.shipping-content .ems img,
.shipping-content .ninja img,
.shipping-content .jt img {
border: 1px solid #F37021;
}
.shipping-content > div {
border-bottom: 1px solid #9f7b61;
}
.shipping-page .shipping-content .row {
margin: 20px 0 15px;
align-items: center;
flex-wrap: nowrap;
justify-content: center;
}
.shipping-content .row img {
width: 25px;
}
.shipping-content p {
color: #5B5B5B;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
text-align: center;
font-size: 0.95rem;
}
.shipping-tracking .color-span {
background-color: #D8FFD8;
color: #039B00;
border-radius: 20px;
padding: 5px 15px;
font-size: 1rem;
display: inline-block;
}
.shipping-tracking .tracking-list li {
list-style: none;
margin: 10px 0 0;
display: inline-flex;
align-items: center;
min-width: 250px;
}
.shipping-tracking .tracking-list img {
width: 50px;
border-radius: 10px;
margin: 0 15px 0 0;
}
.shipping-tracking .tracking-list {
display: flex;
flex-direction: column;
align-items: center;
}
.tracking-list a {
color: #4B4B4B;
text-decoration: underline;
}
.confirm-page .cms-title h3 {
border-width: 1px 0 0 0;
margin: 0;
}
.confirm-page .form-content > h4 {
color: #fff;
font-weight: 500;
background-color: #000;
padding: 10px 30px;
font-size: 1rem;
border-radius: 20px 20px 0 0;
}
.cms-page.policy-page strong, 
.cms-page.policy-page h3, 
.cms-page.policy-page h3 span {
font-size: 1.2rem !important;
}
.confirm-page .confirm-form {
border: 1px solid #D0D0D0;
border-radius: 20px;
}
.cms-page .cms-content {
font-family: 'Noto Sans Thai','Roboto',sans-serif;
font-weight: 400;
}
.confirm-page .confirm-form #seed-confirm-form {
padding: 20px;
border: 0;
font-family: 'Noto Sans Thai','Roboto',sans-serif;
}
.seed-confirm-form .input-text {
border-radius: 6px;
}
.confirm-page .seed-confirm-form .input-text {
background-color: #FAFAFA;
border: 1px solid #B6B6B6;
border-radius: 5px !important;
}
.confirm-page .seed-confirm-form .seed-confirm-slip .input-text {
background-color: transparent;
border: none;
padding: 5px 0;
}
input#seed-confirm-slip {
border-radius: 0 !important;
}
.seed-confirm-form label {
color: #505050;
font-size: 1rem !important;
}
input#seed-confirm-btn-submit {
display: block;
margin-left: auto;
margin-right: 0;
background-color: #000;
color: #fff;
}
input#seed-confirm-btn-submit:hover {
background-color: #ec1b23;
}
.confirm-page .form-content .row.form-footer {
margin: 0;
background-color: #F9F9F9;
padding: 20px 0;
border-radius: 0 0 20px 20px;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
border-top: 1px solid #D0D0D0;
}
.confirm-page .row.form-footer p {
margin: 0;
}
.confirm-page .form-footer .block:first-child {
border-bottom: 1px solid #D0D0D0;
margin: 0 0 20px;
padding: 0 30px 20px 30px;
}
.confirm-page .form-footer .block {
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
}
.confirm-page .form-footer img {
width: 70px;
margin: 0 20px 0 0;
}
.confirm-page .form-content .row.form-footer a {
color: #FF0000;
}
.form-footer .block h4 {
color: #000;
font-size: 1rem;
margin: 0;
}
.seed-confirm-bank-info .form-check-label {
display: flex;
align-items: center;
}
.seed-confirm-bank-info .form-check-label span {
font-size: 0.9rem;
}
.confirm-text h4 {
text-align: center;
color: #000;
margin: 30px 0 10px;
}
.confirm-text {
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #606060;
text-align: center;
}
.confirm-text a {
color: #FF0000;
}
.contact-page .cms-title h3 {
border-bottom: none;
}
.cms-page.contact-page .cms-content {
max-width: 100%;
width: 100%;
}
.form-contact .form-bg {
border: solid 1px #00984A;
border-radius: 12px;
padding-bottom: 0;
}
.contact-page .form-title, .contact-page .box-title {
background-color: #00984A;
display: inline-flex;
align-items: center;
color: #fff;
padding: 10px 30px;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.contact-page .box-text {
padding: 0;
}
.contact-page .box-text h4, .contact-page .box-text p {
margin: 0 0 0 10px;
color: #fff;
font-family: 'Roboto','Noto Sans Thai', sans-serif;
font-weight: 500;
}
.contact-page .box-bg {
background-color: #f5f5f5;
border-radius: 12px;
padding: 0 15px 30px !Important;
height: 100%;
}
.contact-page .box-contact .box-content ul {
list-style: none;
padding: 0 30px;
}
.contact-page .box-contact .box-content ul li {
display: flex;
margin: 0 0 30px 0;
}
.contact-page .box-contact .box-content ul img {
width: 50px;
}
.contact-page .box-content a,
.contact-page .box-content p {
color: #000;
}
.contact-page .wpforms-container {
margin: 0 0 30px;
}
.map iframe {
width: 100%;
border-radius: 12px;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
background-color: #000;
padding: 0 30px;
font-size: 1rem !important;
color: #fff;
width: 100%;
border-radius: 10px !important;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
background: #000 !important;
}
.wpforms-container .wpforms-form .wpforms-field-container input,
.wpforms-container .wpforms-form .wpforms-field-container textarea {
background-color: #FAFAFA;
border: 1px solid #B6B6B6;
border-radius: 10px !important;
}
.widget_product_categories li.cat-item a {
color: #404041;
}
.widget_product_categories li.cat-item.active a,
.widget_product_categories li.cat-item:hover a {
color: #000;
}
.widget_product_categories li.cat-item.active ul.children li a {
color: #404041;
}
.widget_product_categories li.cat-item.active ul.children li:hover a,
.widget_product_categories li.cat-item ul.children li.cat-item.current-cat.active a {
color: #000;
}
.howto-page .order-section .cms-title h3 {
border-bottom: none;
margin: 0;
}
.howto-page .order-content .how-col.addtocart {
background: linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%);
border-radius: 20px 20px 0 0;
align-items: flex-start;
}
.howto-page .order-content .how-col.checkout,
.howto-page .order-content .how-col.confirm-payment {
align-items: flex-start;
}
.howto-page .order-content .how-col {
padding: 20px;
}
.howto-page .order-content .how-img {
display: flex;
align-content: center;
justify-content: center;
margin-left: -20px;
}
.cms-page.howto-page .order-line {
margin: 30px 0 0 0;
}
.cms-page.howto-page .order-line a{
color: #FF0000;
}
.howto-page .how-col .step {
font-family: 'Roboto',sans-serif !important;
font-size: 1.5rem;
box-shadow: 0px 0px 7.14876px rgba(0, 0, 0, 0.24);
background-color: #fff;
text-align: center;
border-radius: 32px 0 0 32px;
padding: 10px 10px 10px 15px;
margin: auto 0;
width: auto;
}
.howto-page .how-col p {
margin: 0;
}
.howto-page .how-text h4 {
color: #000;
text-align: center;
}
.howto-page .how-text {
padding: 0;
color: #5C5C5C;
}
.howto-page .confirm-payment .color-text {
text-decoration: underline;
}
.howto-page .how-col .how-text img {
margin: 30px 0 0 0;
}
.cms-menu .how-to-order img {
width: 35px;
}
.cms-menu .shipping img {
width: 40px;
}
.foot-menu {
padding-bottom: 0;
}
.cms-menu .confirm-payment img {
width: 37px;
}
.cms-menu .privacy-policy img {
width: 38px;
}
.howto-page .bank-logo {
border-radius: 20px 0 0 20px;
height: 100%;
display: flex;
align-items: center;
}
.howto-page .cms-content {
margin: auto;
font-family: 'Noto Sans Thai','Roboto',sans-serif;
font-weight: 400;
}
.contact-page .cms-content li {
list-style: none;
margin: 0;
}
.contact-page .contact-info {
text-align: center;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.contact-page .contact-info h2 {
font-size: 2rem;
margin-bottom: 10px;
}
.contact-page .contact-info p {
color: #909090;
font-size: 0.85rem;
margin: 0;
}
.contact-page .contact-info ul {
display: grid;
align-items: center;
max-width: 370px;
margin: 30px auto;
}
.contact-page .contact-info li {
display: grid;
grid-template-columns: 0.6fr 1fr;
justify-items: start;
margin: 0 0 10px;
}
.contact-page .contact-info .icon {
display: flex;
align-items: center;
font-weight: 600;
color: #000;
width: 95px;
}
.contact-page .contact-info .icon+* {
color: #000;
font-weight: 500;
}
.contact-page .contact-info a {
color: #000;
}
.contact-page .contact-info a:hover {
color: red;
}
.contact-page .contact-info .icon img {
width: 20px;
margin-right: 10px;
}
.contact-page .contact-social {
display: flex;
align-items: center;
justify-content: center;
}
.contact-page .contact-social img {
width: 45px;
margin: 0 10px;
}
.contact-page .contact-social a:hover{
opacity: 0.9;
}
.contact-page .contact-social div a span {
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.contact-page .contact-social .col {
padding: 0;
}
.contact-page .contact-bottom {
margin: 30px 0;
}
.contact-page .contact-bottom .contact-form {
border: solid 1px #D9D9D9;
border-radius: 6px;
padding: 30px 50px;
}
.contact-page .contact-form h4 {
color: #383838;
}
.contact-page .wpforms-container .wpforms-submit-container {
text-align: right;
}
.contact-page .contact-info ul li.map a {
color: #717171;
}
.contact-page .contact-info ul li.map a:hover{
color: #F6C3C4;
}
.contact-page .contact-bottom {
display: grid;
grid-gap: 20px;
}
.contact-page .contact-bottom iframe {
border-radius: 6px;
height: 100%;
}
.cms-page.policy-page strong{
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.cms-page.policy-page .cms-content span, 
.cms-page.policy-page .cms-content strong {
font-size: 1rem !important;
}
.cms-page.policy-page p,
.cms-page.policy-page ol.big-list-1 {
font-family: 'Sarabun';
color: #000;
}
.cms-page.about-page {
padding: 30px 0;
}
.about-page .image {
display: grid;
grid-gap: 20px; 
}
.about-page .image .left {
display: grid;
grid-gap: 20px;
}
.about-page .image img {
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.about-page .about-top { 
display: grid;
grid-gap: 15px;
margin: 0 15px;
}
.about-page .middle .text {
margin: 20px 0;
}
.about-page .middle .text h4 {
font-size: min(max(1rem, 2vw), 1.3rem);
} ul#my-account-nav li a:before {
background-color: #000;
}
.woocommerce-MyAccount-content > p > strong + a {
color: #404041;
text-decoration: underline;
font-weight: 600;
}
.woocommerce-MyAccount-content > p > strong + a:hover{
color: #000 !important;
}
.widget_shopping_cart_content {
color: #000000;
}
.wishlist_table .add_to_cart {
background-color: #000;
color: #fff;
border-radius: 6px;
font-family: 'Roboto', 'IBM Plex Sans Thai', sans-serif;
font-weight: 500;
}
tbody.wishlist-items-wrapper ins span.amount {
color: #FF3636;
}
.wishlist_table .add_to_cart:hover {
background-color: #404041;
color: #fff;
}
a.more-link.button:hover {
background-color: #404041;
}
button.wp-block-search__button.wp-element-button {
background-color: #000;
color: #fff;
border-radius: 22px !important;
height: 40px;
line-height: 1;
}
button.wp-block-search__button.wp-element-button:hover {
background-color: #404041;
color: #fff;
}
a.wp-block-latest-posts__post-title {
color: #404041;
}
.home-slide {
position: absolute;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 0;
}
.home-our-story .img.has-hover {
margin-bottom: 0 !important;
}
.bg-product {
background-color: #F4F4F4;
padding: 50px 0 0;
}
a.quick-view.quick-view-added {
background-color: #000;
font-weight: 500;
}
a.quick-view.quick-view-added:hover {
filter: brightness(0.8)
}
.bg-product.furney {
margin: 20px 0;
padding-bottom: 20px;
}
.home-our-story .row-text p {
color: #000;
font-size: 1.0rem;
}
.home-our-story .button.primary span {
color: #000;
font-size: 1.0rem;
font-weight: 600;
}
.home-our-story .button.primary span:hover {
color: #F04345;
}
.s-all p:hover {
color: #F04345;   
}
.woocommerce-page .product-small .add-to-cart-button .add_to_cart_button, .woocommerce-page .product-small .add-to-cart-button .primary.is-small {
border: 1px solid #e6e4e4;
line-height: 1.4;
text-transform: CAPITALIZE;
}
.nf-form-content input[type=submit] {
background-color: #000;
width: 100%;
line-height: 2;
border-radius: 5px !important;
}
.nf-form-content input[type=submit]{
background-color: #F04345;
}
.bg-product .flickity-button.previous {
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-arrow-left.svg) center / 30px auto;
width: 50px !important;
height: 50px !important;
background-color: #fff !important;
border-radius: 100% !important;
left: 0;
background-repeat: no-repeat;
opacity: 0.8;
filter: none;
}
.bg-product .flickity-button.next {
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-arrow-right.svg) center / 30px auto;
width: 50px !important;
height: 50px !important;
background-color: #fff !important;
border-radius: 100% !important; 
right: 0;
background-repeat: no-repeat;
opacity: 0.8;
filter: none;
}
.bg-product svg.flickity-button-icon {
display: none;
}
.bg-product .flickity-prev-next-button {
margin-top: 0 !important;
top: 15%;
}
.bg-product.furney .slider-wrapper .flickity-prev-next-button {
display: block;
}
.bg-product.furney .flickity-prev-next-button {
top: 40%;
}
.furney-row .flickity-page-dots {
bottom: -40px;
}
.furney-row .slider-wrapper .flickity-page-dots .dot {
background-color: #010101 !important;
border: 1px solid #010101 !important;
opacity: 0.3;
margin: 0 15px;
}
.furney-row .slider-wrapper .flickity-page-dots .dot.is-selected{
background-color: #010101 !important;
border: 1px solid #010101 !important;
opacity: 1;
}
.stack.social img:hover {
filter: brightness(0.5);
}
.f-about li a {
text-transform: uppercase;
}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
background: #ec1b23 !important;
color: #fff !important;
}
.cat-item {
text-transform: uppercase;
}
@media (min-width:425px) {
.bg-product.furney .flickity-prev-next-button {
top: 45%;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 40px;
}
.bg-product .flickity-prev-next-button {
top: 20%;
}
.contact-page .contact-info .icon {
width: 150px;
}
}
@media (min-width: 550px) { .about-page .image {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width:768px) {
.product-small .add-to-cart-button .add_to_cart_button, .product-small .add-to-cart-button .primary.is-small {
font-size: 0.85rem !important;
}
.bg-product.furney {
padding-bottom: 50px;
}
.bg-product.furney .flickity-prev-next-button {
top: 40%;
}
.row.furney-row button.flickity-button.flickity-prev-next-button.previous {
display: none;
}
.row.furney-row button.flickity-button.flickity-prev-next-button.next {
right: -15px;
}
.bg-product .flickity-prev-next-button {
top: 35%;
}
.product-small .add-to-cart-button .add_to_cart_button, .product-small .add-to-cart-button .primary.is-small {
width: 100%;
height: 55px;
margin-top: 0;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 0;
}
.related-products-wrapper .product-small .add-to-cart-button {
position: absolute;
right: 0;
width: 50%;
max-width: 50%;
}
.product-small .add-to-cart-button {
margin-top: 15px;
}
.product-small .title-wrapper {
width: 100%;
}
.product-small .price-wrapper {
width: 100%;
} .about-page ol,
.about-page ul {
padding-left: 40px;
}
.contact-page .contact-info p {
color: #909090;
font-size: 1.0rem;
margin: 0;
}
.cms-page {
display: flex;
}
.cms-page.about-page {
display: block;
}
.cms-menu ul {
display: block;
border: 1px solid #DEDEDE;
border-radius: 5px;
}
.cms-menu span {
display: block;
font-size: 0.9rem;
margin: 0 15px;
}
.cms-menu a {
margin: 0;
}
.cms-menu .image {
padding: 10px;
min-width: 60px;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}
.cms-page .cms-menu li:first-child .image {
border-radius: 5px 0 0 0;
}
.cms-page .cms-menu li:first-child a {
border-radius: 5px 5px 0 0;
}
.cms-page .cms-menu li:last-child .image {
border-radius: 0 0 0 5px;
}
.cms-page .cms-menu li:last-child a {
border-radius: 0 0 5px 5px;
}
.howto-page .cms-menu .how-to-order span, 
.shipping-page .cms-menu .shipping span, 
.confirm-page .cms-menu .confirm-payment span, 
.policy-page .cms-menu .privacy-policy span {
color: #fff;
} 
.howto-page .cms-menu .how-to-order a, 
.shipping-page .cms-menu .shipping a, 
.confirm-page .cms-menu .confirm-payment a, 
.policy-page .cms-menu .privacy-policy a,
.cms-page .cms-menu li:hover a
{
background-color: #202020;
}
.cms-page .cms-menu li:hover .image {
background-color: #000;
}
.cms-menu img {
filter: brightness(0);
}
.cms-page .cms-menu li:hover span {
color: #fff;
}
.cms-page .cms-menu li:hover img {
filter: brightness(0) invert(1);
}
.cms-page .left-menu {
flex-basis: 36.333333%;
max-width: 36.333333%;
margin: 0;
}
.cms-page .cms-content {
max-width: 63.666667%;
}
.cms-page .cms-menu li.confirm-payment {
border: solid #DEDEDE;
border-width: 1px 0;
border-top: 0;
}
.cms-page .cms-menu li:not(li:last-child) {
border-bottom: 1px solid #DEDEDE;
}
.form-contact .wpforms-field-container .wpforms-field {
width: 50%;
display: inline-block;
padding: 15px 10px;
}
.form-contact .wpforms-field-container .wpforms-field.wpforms-field-textarea {
width: 100%;
}
.form-contact form.wpforms-form {
max-width: 550px;
margin: auto;
}
.payment-content .bank-data .bank-title {
max-width: 30%;
}
.cms-menu img {
width: 40px;
}
.payment-content .bank-data img {
width: auto;
}
.contact-page .contact-bottom {
grid-template-columns: 1fr 1fr;
}
.about-page .about-top {
grid-template-columns: 1fr 1.5fr;
align-items: center;
margin: 0 0 5%;
}
.about-page .title {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
margin-right: -10%;
z-index: 1;
height: fit-content;
}
.about-page .middle {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
margin: 5% 0;
} }
@media (min-width:850px){
.product-small .add-to-cart-button .add_to_cart_button, .product-small .add-to-cart-button .primary.is-small {
font-size: 1.0rem !important;
}
.woocommerce-page .product-small .add-to-cart-button .add_to_cart_button, .woocommerce-page .product-small .add-to-cart-button .primary.is-small {
font-size: 0.85rem !important;
}
.bg-product .flickity-prev-next-button {
top: 27%;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: -13px;
} .howto-page .bank {
flex-basis: 100%;
max-width: 100%; 
} }
@media (min-width:992px){
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 30px;
}
.bg-product .flickity-prev-next-button {
top: 30%;
} nf-field {
width: 50%;
padding: 0 5px;
}
nf-fields-wrap {
display: flex;
flex-wrap: wrap; 
}
nf-field:nth-child(5), nf-field:nth-child(6){
width: 100%
}
.nf-form-fields-required {
display: none;
}
.woocommerce-page .product-small .add-to-cart-button .add_to_cart_button,  .woocommerce-page .product-small .add-to-cart-button .primary.is-small {
width: 100%;
height: 45px;
} .cms-menu span {
font-size: 1rem;
}
.about-page .bg-image img {
border-radius: 20px 0 0 20px;
}
.about-page .content .text {
padding: 50px 60px;
}
.cms-page .left-menu {
max-width: 30%;
}
.cms-page .cms-content {
max-width: 70%;
}
.shipping-content > div {
padding-bottom: 10px;
}
.confirm-page .form-content .row.form-footer {
flex-wrap: nowrap;
}
.confirm-page .form-content .row.form-footer {
padding: 0;
}
.confirm-page .form-footer .block:first-child {
border-bottom: none;
border-right: 1px solid #D0D0D0;
margin: 0;
padding: 40px;
}
.confirm-page .form-footer .block {
padding: 40px;
}
.confirm-page .confirm-form #seed-confirm-form {
max-width: 500px;
}
.form-contact form.wpforms-form {
max-width: 350px;
}
.howto-page .order-content .how-col {
display: flex;
align-items: center;
}
.howto-page .order-content .how-img {
max-width: 25%;
padding: 0 30px 0 0;
margin: 0;
}
.howto-page .how-text h4 {
text-align: left;
}
.howto-page .order-content .how-col {
padding: 30px 30px 0 30px;
}
.howto-page .bank {
max-width: 50%;
}
.contact-page .contact-social .col {
max-width: calc(100%/3);
}
.wpforms-container .wpforms-form .wpforms-field {
max-width: 50%;
width: 100%;
display: inline-block;
padding: 0 10px 20px;
}
.wpforms-container .wpforms-form .wpforms-field-textarea {
max-width: 100%;
} }
@media (min-width:1200px){
.woocommerce-page .product-small .add-to-cart-button .add_to_cart_button, .woocommerce-page .product-small .add-to-cart-button .primary.is-small {
font-size: 1.0rem !important;
}
.bg-product.furney .flickity-prev-next-button {
top: 43%;
}
.bg-product .flickity-prev-next-button {
top: 33%;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 40px;
} .cms-menu .image {
padding: 15px 20px;
min-width: 80px;
}
.cms-page .left-menu {
max-width: 27%;
}
.cms-page .cms-content {
max-width: 73%;
}
.confirm-page .confirm-form #seed-confirm-form {
max-width: 650px;
}
.confirm-text {
padding: 0 100px;
}
.form-contact form.wpforms-form {
max-width: 500px;
}
.cms-page .payment-content ul {
font-size: 0.9rem;
}
.payment-content .bank-data img {
width: 70px;
}
.payment-content .bank-data img {
width: auto;
}
.contact-page .contact-social {
max-width: 1060px;
margin: 25px auto 45px;
} }
@media (min-width:1440px){
.woocommerce-page .product-small .add-to-cart-button {
right: 0;
}
.product-small .add-to-cart-button {
right: -23px;
}
.product-small .add-to-cart-button .add_to_cart_button, .product-small .add-to-cart-button .primary.is-small {
width: 90%;
height: 55px;
margin-top: 0;
}
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 80px;
}
.row.furney-row button.flickity-button.flickity-prev-next-button.next {
right: -30px;
}
.bg-product button.flickity-button.flickity-prev-next-button.next {
right: -20px;
}
.bg-product button.flickity-button.flickity-prev-next-button.previous {
left: -20px;
}
}
@media (min-width:1650px){
}
@media (min-width:1850px){
}
@media (min-width:1919px){
.home-our-story .row-text .col-inner.text-center {
position: absolute;
bottom: 160px;
}
}
@media (min-width:1920px){
}
@media (min-width:2560px){
}@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300&display=swap");
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, .nav > li > a{
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
p {
font-size: 14px;
}
.button, button, input, textarea, select, fieldset, label {
font-weight: 400 !important;
font-size: 14px !important;
border-radius: 10px !important;
}
.dark .button.is-form:hover, .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #000;
}
a.woocommerce-button.button {
color: #ffffff;
background-color: #000;
}
a.woocommerce-button.button:hover{
color: #fff;
background-color: #404041;
}
.woocommerce-cart p, .woocommerce-cart a, .woocommerce-cart span {
font-weight: 400;
}
button.wc-block-components-button {
height: 42px !important;
min-height: 42px !important;
line-height: unset !important;
background-color: #000;
margin-bottom: 0;
}
a.wc-block-components-button {
background-color: #000;
}
a.wc-block-components-button:hover {
background-color: #000;
}
a.wc-block-components-button span {
font-weight: 600;
color: #fff !important;
}
.button.disabled, button.disabled,
.button[disabled], button[disabled] {
opacity: 1 !important;
}
.header-button i.icon-shopping-bag {
top: -3px !important;
}
div#shop-sidebar,
.accordion {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
div#shop-sidebar span.select2-selection.select2-selection--single {
height: 40px;
display: flex;
align-items: center;
}
.page-wrapper.my-account {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
li.html.custom span {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 0.95rem;
}
div#top-bar {
padding: 5px 0;
}
.hidden-xs{
display: none;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap");
.is-form, button.is-form,
input[type="submit"].is-form,
input[type="reset"].is-form,
input[type="button"].is-form {
border: 1px solid #ebebeb !important;
height: 40px;
}
.dark .button.is-form:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
box-shadow: none !important;
text-shadow: none !important;
}
a#top-link:hover {
background-color: #404041 !important;
}
button.button:hover,
a.button.yith-wcqv-button:hover{
background-color: #404041 !important;
border-color: #404041 !important;
color: #fff !important;
}
.home-blog button.button:hover {
background-color: #404041 !important;
border-color: #404041 !important;
color: #ffffff !important;
filter: unset;
}
button.button {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
background-color: #000 !important;
border-color: #000 !important;
color: #fff !important;
text-shadow: none !important;
margin: 0;
height: 40px;
border-radius: 5px !important;
font-weight: 500 !important;
}
.woocommerce-page .badge-container {
display: none;
}
a.button-continue-shopping.button.primary.is-outline {
color: #000;
border-radius: 22px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 2.5;
}
a.checkout-button.button.alt.wc-forward {
background-color: #000;
border-radius: 22px;
color: #fff;
font-size: 1rem !important;
}
a.checkout-button.button.alt.wc-forward:hover {
background-color: #ec1b23 !important;
border-color: #ec1b23 !important;
}
.divider {
background: transparent !important;
}
.col-xs-12{
width: 100%;
}
.shop_table .cart_item td {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
.select2-container .select2-selection{
box-shadow: none !important;
border: 1px solid #B6B6B6 !important;
border-radius:10px !important;
height: 40px !important;
border-radius: 5px !important;
} .medium-text-center {
font-size: 13px !important;
padding: 10px 0 !important;
}
button i, .button i {
top: 0 !important;
}
html.js {
background: #011121 url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/bg.png) repeat-x 50% 0 scroll !important;
} .header .header-bottom { border: solid 1px #E4E4E4;
padding: 5px 0;
} .copyright-footer {
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 0.9rem;
color: #fff;
}
.footer-wrapper{
background: #000;
}
.footer-links {
padding: 35px 0 0;
}
.f-social img {
height: 30px;
}
.copyright-footer a {
z-index: 9;
position: relative;
font-weight: 400;
color: #fff !important;
}
.copyright-footer {
color: #fff;
font-weight: 400;
}
.copyright-footer a:hover{
color: #fff;
text-decoration: underline;
}
.footer-links h4 {
color: #ffffff;
font-weight: 700;
}
.footer-links a,
.footer-links p{
color: #fff !important;
font-size: 0.95rem;
padding: 0;
}
.footer-links a{
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.f-contact .icon-box {
margin-bottom: 10px;
flex-wrap: nowrap;
}
.footer-links .f-menu a {
font-weight: 300;
padding: 0;
}
.footer-links a:hover {
color: #F04345 !important;
text-decoration: unset !important;
}
.footer-links .f-menu:last-child {
padding-bottom: 0;
}
.footer-links ul li {
list-style: none !important;
margin: 0 0 10px !important;
border: 0 !important;
}
.footer-links ul.menu {
margin: 0;
}
.footer-links ul li img {
width: 20px;
}
.footer-links ul li img {
width: 20px;
margin: 0 5px 0 0;
} .html_topbar_left p {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.slider-wrapper .dot {
opacity: 1;
outline: 1px solid transparent;
border-width: 1px;
}
.slider-wrapper .dot.is-selected{
background-color: #ffffff  !important;
border-color: transparent !important;
}
.slider-wrapper button path {
display: none;
}
.slider-wrapper .slider .flickity-button:hover {
opacity: 1;
}
.header-nav .contact a:hover{
color: #F04345;
}
.home .header-main {
position: absolute !important;
width: -webkit-fill-available;
}
.header.show-on-scroll, .stuck .header-main {
background-color: #eeeeeefc;
} .page-title .page-title-inner {
padding-top: 0;
}
.cart-collaterals th {
font-weight: 600 !important;
}
.page-title .breadcrumbs {
font-size: 1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 500 !important;
}
.page-title .breadcrumbs a {
color: #000 !important;
display: inline-block;
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1rem;
}
a.button.primary.wc-backward {
border-radius: 22px !important;
background-color: #000;
color: #fff;
}
a.button.primary.wc-backward:hover {
border-radius: 22px !important;
background-color: #000;
color: #fff;
}
.page-title .breadcrumbs a:hover {
color: #000000 !important;
}
.alert-color {
text-align: center;
}
ul.message-wrapper li {
margin: 0;
}
.page-title ul.next-prev-thumbs{
display: none;
}
.header-nav.nav li a.header-cart-link.is-small {
padding: 0;
border: none;
background-color: unset;
color: #8c8d8d;
display: block;
} .header-nav.nav li{
margin: 0;
padding: 0;
}
.header-nav.nav li.menu-item a {
font-weight: 600;
padding: 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
line-height: 1 !important;
font-size: 1rem;
color: #000;
}
.header-nav.nav li.menu-item:hover .icon-angle-down:before {
color: #F04345;;
}
ul.header-nav li.menu-item .icon-angle-down{
opacity: 1;
}
ul.header-nav li.menu-item .icon-angle-down:before {
color: #fff;
opacity: 1;
}
.header-nav.nav li.menu-item.current-menu-item:not(li.menu-item-home) a,
.header-nav.nav li.menu-item:hover a{
color: #F04345;
}
.header-nav.nav li.menu-item {
line-height: 2.5;
padding: 0 7px 0 0;
}
ul.header-nav .icon-user:before {
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon/icon-user.svg) center/ 35px auto;
width: 35px;
height: 35px;
display: block;
}
.icon-search:before {
content: '' !important;
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon/icon-search.svg) center / 20px auto;
width: 20px;
height: 20px;
display: inline-block;
}
.searchform-wrapper .icon-search:before {
filter: invert(1);
}
.header-wishlist-icon .icon-heart:before{
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-favorite.svg) center/ 25px auto;
width: 25px;
height: 25px;
display: block;
}
.searchform-wrapper .icon-search:hover:before,
.header-wishlist-icon .icon-heart:hover:before,
ul.header-nav .icon-user:hover,
a.header-cart-link:hover img{
opacity: 0.7;
}
.html_topbar_left img {
width: 25px;
}
.medium-logo-center .flex-right {
display: flex;
justify-content: flex-end;
}
.mobile-nav.nav.nav-right {
display: flex;
margin: -5px 0 0 0;
} .top-divider.full-width {
display: none;
}
.header-bottom .flex-center {
width: 100%; 
}
.header-wrapper.stuck .header-bottom .flex-center {
border-bottom: none;
}
.nav-dropdown-has-border .nav-dropdown{
border: none !important;
top: 40px;
}
ul.header-nav.header-nav-main ul.nav-dropdown {
top: 27px;
}
.header-nav.nav li.header-search ul.nav-dropdown {
top: 50px;
}
.group .tour_price a {
margin: 0;
padding: 0;
font-size: 20px;
font-weight: 700;
} .header-nav .nav-dropdown-default {
padding: 10px;
border: none;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
border-radius: 10px;
}
.header-nav.nav .account-item li a {
padding: 10px 0;
font-weight: 400;
font-size: 16px;
color: #000;
}
.header-nav.nav .account-item li:hover a {
color: #000;
}
.header-nav.nav li.header-divider {
padding: 0;
margin: 0;
border-left: 1px solid #d8d7d7;
}
.nav-dropdown li.html.widget_shopping_cart {
min-width: 280px;
padding: 0;
}
.row.center {
margin: 0 auto 15px ;
padding: 0 15px;
} .header-search-form .search-form-categories{
display: none;
}
.header-search-form-wrapper .searchform .button.icon {
border-radius: 50% !important;
}
.header-search-form-wrapper .searchform .button.icon {
background-color: #000 !important;
border-radius: 0 10px 10px 0 !important;
margin: 0 !important;
padding: 0 15px !important;
height: 40px;
}
.searchform .button.icon {
background-color: #85c2df;
border: none;
}
.searchform input.search-field{
border: solid 1px #d9d9d9 !important;
border-radius: 10px 0 0 10px !important;
box-shadow: none;
font-size: 15px !important;
height: 40px;
}
ul.nav.nav-sidebar form.searchform {
max-width: 100%;
border: 0;
border-radius: 30px;
}
.autocomplete-suggestion {
flex-direction: column;
display: flex;
align-items: flex-start !important;
font-size: 1rem;
}
input.search-field::-webkit-input-placeholder { 
color: #A7A7A7;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 12px;
font-weight: 300;
}
input.search-field::-moz-placeholder { 
color: #A7A7A7;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 12px;
font-weight: 300;
}
input.search-field:-moz-placeholder { 
color: #000;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 12px;
font-weight: 300;
}
span.awl-label-text span.awl-inner-text {
font-weight: 600;
} .header-nav.nav .cart-item li a.wc-forward{
font-weight: 400;
border-radius: 5px !important;
font-size: 1rem !important;
}
.header-nav.nav .cart-item a.remove {
padding-left: 1px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
background-color: #000 !important;
border: 1px solid #000 !important;
color: #fff;
border-radius: 5px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
a.button-continue-shopping.button.primary.is-outline:hover {
background-color: #000;
border-color: #000;
}
a.wc-block-components-product-name{
color: #404041;
}
ins.wc-block-components-product-price__value.is-discounted {
color: #ff0000;
}
ul.header-nav li.menu-item.has-dropdown ul.sub-menu li a {
color: #404041 !important;
border: 0;
}
ul.header-nav li.menu-item.has-dropdown ul.sub-menu li:hover a,
ul.header-nav li.menu-item.has-dropdown ul.sub-menu li.current-menu-item a  {
color: #F04345 !important;
}
a.added_to_cart.wc-forward {
display: none;
}
ul.header-nav li.menu-item.has-dropdown ul.sub-menu li {
padding: 10px 0;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover,
.button-continue-shopping:hover{
filter: brightness(0.8);
color: #fff !important;
}
a.button.checkout.wc-forward {
background-color: #ec1b23 !important;
border-color: #ec1b23 !important;
color: #fff !important;
}
a.button.checkout.wc-forward:hover {
background-color: #000 !important;
border-color: #000 !important;
} .header-cart-link .image-icon img {
width: 25px;
min-width: unset;
vertical-align: bottom;
}
.account-item.menu-item{
background-color: #000 !important;
border: none;
}
.sidebar-menu li.account-item.has-icon.menu-item.has-child .icon-angle-down:before {
color: #fff;
}
.off-canvas .sidebar-menu .nav-vertical > li.current-menu-item:not(.menu-item-home) > a {
color: #000;
font-weight: 600;
}
.header-nav.nav .cart-item li.mini_cart_item a {
font-weight: 500;
font-size: 15px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #404041;
}
.header-nav.nav .cart-item li.mini_cart_item .quantity {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000000 !important;
font-size: 1rem;
}
.widget_shopping_cart ul.product_list_widget li {
padding: 10px 0 0 70px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.widget_shopping_cart span.amount {
font-weight: 400;
}
.widget_shopping_cart .total span.amount {
font-weight: bold;
font-size: 20px;
}
.header-wrapper .nav [data-icon-label]:after {
top: 10px;
right: -10px;
width: 18px;
height: 18px;
background: #000;
box-shadow: none;
opacity: 1;
color: #404041;
font-size: 10px;
position: absolute;
padding: 0;
font-weight: 500;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.header-button .header-cart-link {
border: none;
}
.success-color, .success.is-link, .success.is-outline {
font-size: 14px;
}
.widget_shopping_cart_content .wcppec-cart-widget-spb{
display: none;
}
.home div#content { padding: 0;
} .off-canvas .mobile-sidebar .sidebar-menu {
padding: 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.off-canvas .sidebar-menu .nav-vertical > li > a {
padding: 10px 0;
color: #404041;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.off-canvas .sidebar-menu .nav-vertical li.account-item a, 
.off-canvas .sidebar-menu .nav-vertical li.account-item ul li a {
color: #fff !important;
}
.off-canvas .sidebar-menu .nav-vertical li li > a {
font-size: 14px;
font-weight: 400;
padding: 6px 0 6px 25px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #404041 !important;
}
ul.sub-menu.nav-sidebar-ul.children li.current-menu-item a {
color: #EB5F90 !important;
}
.nav.nav-sidebar .active > .children {
padding-bottom: 10px;
}
.nav-sidebar li.header-social-icons,
.nav-sidebar li.header-newsletter-item {
display: none;
} .dashboard-links a {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
#my-account-nav.nav li a {
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1rem;
}
.woocommerce-Addresses a{
text-decoration: underline;
}
i.icon-menu {
color: #000;
}  .product-category-image{
margin: 15px auto;
}
.row.category-page-row {
padding-top: 15px;
}
.term-collection .box-badge .box-text {
background-color: rgba(255,255,255,0.6);
padding: 5px 10px;
bottom: 0;
}
.term-collection .box-badge .box-text h5{
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 500;
}
.accordion.size{
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.accordion.size img {
width: auto;
}
p.name.product-title a {
font-size: 1.3rem;
color: #000;
font-weight: 600;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
p.name.product-title a:hover {
color: #000;
}
.box-image .out-of-stock-label {
display: none;
}
.account-container.lightbox-inner {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.product-small .box-text-products .price-wrapper span.amount {
font-size: 1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000;
font-weight: 600;
}
.price-wrapper .price del span.amount {
font-weight: 400 !important;
opacity: 1;
color: #000 !important;
font-size: 0.7rem !important;
}
.product-info .price-wrapper .price del span.amount {
font-size: 1.3rem !important;
}
.price-wrapper .price ins span.amount {
color: #FF3636 !important;
}
span.woocommerce-Price-currencySymbol {
margin: 0 5px 0 0;
}
.book-row .box-excerpt.is-small {
display: none;
}
.box-text .title-wrapper {
height: 80px;
}
.category-page-row .title-wrapper .product-title{
font-size: 18px;
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wishlist-icon{
display: none;
}
.shop-container .box-text.box-text-products .product-title a {
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_price_filter .price_slider_amount .button{
margin-top: 30px
}
.widget_price_filter .price_label{
position: absolute;
}
.shop-container .box-text.box-text-products .desc-wrapper {
overflow: hidden;
}
.cart-icon strong:after{
opacity: 0;
}  aside span.widget-title {
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #fff;
font-size: 1rem;
background-color: #000;
width: 100%;
display: block;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 15px;
}
div#shop-sidebar aside .is-divider {
display: none;
}
div#shop-sidebar aside ul{
padding: 0 10px;
}
div#shop-sidebar aside ul.filter-items.filter-color li {
text-align: center;
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #85c2df;
box-shadow: none;
} .shop-container .product-main {
padding: 30px 0 0 0;
}
article#esg-grid-2-2-wrap {
display: none !important;
}
.summary-content .single_add_to_cart_button{
margin-bottom: 0;
}
.summary-content form.cart {
display: flex;
align-items: center;
}
.product-main .product-summary .breadcrumbs {
font-size: 13px;
}
.product-main .product-summary .product-title {
margin: 20px 0;
color: #000;
}
ul.tabs.wc-tabs.product-tabs li a {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000;
font-size: 1.25em;
}
ul.tabs.wc-tabs.product-tabs li a:before {
background-color: #000;
}
.product-summary .is-divider.small {
display: none;
}
.product-short-description {
margin: 25px 0;
}
.product-main .product-summary  span.amount {
font-size: 22px;
color: #000;
}
.product-main .product-summary ins span.amount {
color: #f00;
}
.product-main .product-summary .woocommerce-Price-currencySymbol {
font-size: 22px;
line-height: 1.2;
margin: 0 0 0 5px;
}
.product-main form.cart {
margin: 30px 0 10px;
max-width: unset;
}
.product-footer .nav.product-tabs li a {
font-weight: 400;
font-size: 16px;
border-color: #ececec;
}
.product-footer .nav-tabs > li.active > a {
border-top-color: #000;
}
.cart-popup-inner,
.mfp-content.off-canvas-cart{
background-color: #fff;
}
.product-footer .nav-tabs + .tab-panels {
border: 1px solid #ececec; 
}
.product-footer .has-border {
border: 1px solid #ececec;
} 
.slider-nav-reveal .flickity-button.flickity-prev-next-button:hover,
.slider-nav-reveal .flickity-button.flickity-prev-next-button {
box-shadow: none;;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
background-color: #000 !important;
border-color: #000 !important;
}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 9.8px 0;
border-bottom: 1px dashed #ddd;
margin-bottom: 15px;
}
.product-summary .cart button{
border: none;
padding: 3px 25px;
font-size: 1rem !important;
font-weight: 500 !important;
margin: 0;
height: 35px;
line-height: 0;
color: #fff;
}
.page-id-49 .col-inner p:first-child {
font-size: 1.3rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.contact-page .content-title {
padding-top: 20px;
}
.product-info.product-summary .quantity {
margin: 0 15px 0 0;
width: auto;
height: 44px;
}
.cart .quantity .input-text.qty.text {
height: 40px;
}
.quantity input {
box-shadow: none !important;
border: 1px solid #ececec !important;
}
.product-summary .product_meta > span {
padding: 15px 0;
font-weight: 400;
}
.product-summary p.product-custom-sku {
display: none;
}
.product-gallery .product-thumbnails .col{
padding: 0 13px !important;
}
.product-gallery .product-thumbnails a:hover,
.product-gallery .product-thumbnails .is-nav-selected a {
border-color: #eeefef;
}
.product-main .product-gallery img {
}
.product-info.summary .product-main .wpgs-nav .slick-current {
border-radius: 20px;
border: 0 !important;
}
.product-info.summary .product-main .thumbnail_image.slick-slide {
width: auto !important;
}
p.stock.in-stock {
color: #000;
}
.product-info.summary .value.wpcvs-attribute-value span.wpcvs-term {
line-height: unset;
width: 42px;
border-radius: 30px;
}
.product-info.summary .value.wpcvs-attribute-value span.wpcvs-term:hover{
border-color: #000;
}
.product-info.summary .wpcvs-type-button .wpcvs-term > span,
.product-info.summary .wpcvs-type-color .wpcvs-term > span{
padding: 0;
border-radius: 30px;
}
.product-info.summary .wpcvs-term.wpcvs-selected > span:before{
background-color: #000;
}
.product-info.summary .wpcvs-term.wpcvs-selected {
border-color: #000;
}
.product-small .badge,
.product-gallery .badge{
width: 42px;
height: 42px;
}
.product-small .badge-inner,
.product-gallery .badge-inner{
line-height: 2;
font-size: 12px;
}
.product-main .product-summary .wcppec-checkout-buttons {
display: none;
}
.product-summary .variations select{
box-shadow: none;
}
.product-summary .button.facebook:not(.is-outline),
.product-summary .button.twitter:not(.is-outline),
.product-summary .button.email:not(.is-outline),
.product-summary .button.pinterest:not(.is-outline),
.product-summary .button.google-plus:not(.is-outline){
color: #999 !important;
}
.product-summary .button.facebook:hover {
color: #3a589d !important;
}
.product-summary .button.twitter:hover {
color: #2478ba !important;
}
.product-summary .button.email:hover {
color: #111 !important;
}
.product-summary .button.pinterest:hover {
color: #cb2320 !important;
}
.product-summary .button.google-plus:hover {
color: #dd4e31 !important;
} .product-summary .yith-wcwl-add-to-wishlist {
margin: 15px 0;
}
.product-summary a.add_to_wishlist:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span.feedback:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span.feedback:before{ background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon-wishlist.svg) center/ 24px auto;
width: 24px;
height: 24px;
display: inline-block;
margin-right: 8px;
vertical-align: top;
}
a.add_to_wishlist{
display: inline-block;
}
.yith-wcwl-add-to-wishlist a:hover {
color: #000;
}
span.icon-heart {
display: none;
}
.my-account .woocommerce-message a {
color: #fff;
} .product-footer .woocommerce-tabs.tabbed-content {
border-top: none;
margin: 50px 0 0 0;
}
.related-products-wrapper .row-small > .flickity-viewport > .flickity-slider > .col{
padding: 0 15px; 
}
.related-products-wrapper {
margin: 40px 0;
border: 0 !important;
}
.related-products-wrapper h3 {
display: inline-block;
width: auto;
border-top: 3px solid #000;
padding: 15px 0 0 0;
margin: -1px 0 15px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000;
}  .cart-item a.header-cart-link:before {
content: '';
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon/cart.svg) center / 35px auto;
width: 35px;
height: 35px;
display: block;
opacity: 1 !important;
}
.shop_table th {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
.shop_table .order-total span.amount {
font-size: 18px;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-remove a.remove,
tr.woocommerce-cart-form__cart-item.cart_item .product-remove a.icon-remove {
font-size: 15px;
line-height: 22px;
padding-left: 1px;
}
a.remove:hover,
a.icon-circle:hover {
color: #7d7d7d !important;
}
.cart-wrapper thead {
color: #69696b;
}
.cart-collaterals .cart_totals thead th{
color: #69696b;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1rem;
font-weight: 400;
padding-top: 0;
letter-spacing: 0;
border: none;
} .page-checkout.page-wrapper {
padding-top: 0;
}
.page-checkout form.checkout h3 {
font-size: 20px;
font-weight: 500;
}
.page-checkout ul li {
list-style-type: none;
font-size: 14px !important;
margin: 0 !important;
}
.woocommerce-customer-details .addresses .woocommerce-column{
width: 50%;
}
.woocommerce a.checkout-button:hover,
.woocommerce button#place_order:hover{
background: #000 !important;
border-color: #000 !important;
}
.page-checkout .woocommerce-customer-details address {
font-style: normal;
}
.checkout-sidebar .form-row.place-order button#place_order {
width: 100%;
margin: 0 0 15px 0;
font-size: 1.2rem !important;
background-color: #000 !important;
border-color: #000 !important;
color: #fff !important;
}
form.checkout .col-inner.has-border {
border-color: #000;
border-radius: 5px;
}
.checkout-sidebar .form-row.place-order button#place_order:hover {
background-color: #ec1b23 !important;
border-color: #ec1b23 !important;
color: #fff !important;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.page-checkout #ship-to-different-address,
.page-checkout .form-row.create-account{
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 16px;
}
.message-container {
color: #686a6c;
}
.woocommerce-info .medium-text-center {
font-size: 16px !important;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
form.checkout_coupon .coupon {
display: flex;
}
form.checkout_coupon .coupon .widget-title {
border-bottom: unset;
font-size: unset;
margin-bottom: unset;
padding-bottom: unset;
width: auto;
display: flex;
align-items: center;
}
form.checkout_coupon .coupon input#coupon_code {
margin: 0 15px;
border-radius: 5px !important;
}
form.checkout_coupon .coupon button.button.expand {
padding: 0 10px !important;
}
.woocommerce-checkout form.checkout_coupon button.button.expand {
margin: 0 0 0 20px;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code {
margin: 0;
}
.page-id-16 .woocommerce-info a {
color: #fff;
}
.dashboard-links a:hover {
background-color: #000 !important;
color: #fff !important;
font-weight: 500;
}
.woocommerce-account * {
font-weight: 400;
}
.woocommerce-page {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.woocommerce-page .wc-block-components-checkout-step__description,
.woocommerce-page .wc-block-components-checkout-step__heading-content {
font-size: 1rem;
}
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block span {
font-size: 1rem;
}
.tab-panels div#tab-description {
font-family: 'Sarabun';
color: #404041;
}
.page-id-16 .woocommerce-info a:hover {
background-color: #5c5c5c;
}
.woocommerce-form-coupon.checkout_coupon{
border-width: 0;
background-color: #eeefef;
border-radius: 22px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.woocommerce-form-coupon .coupon{
max-width: 300px;
}
a.woocommerce-Button.button {
background-color: #9f7b61;
}
a.woocommerce-Button.button:hover {
background-color: #835F44;
}
input.wc-block-components-quantity-selector__input {
border: 0 !important;
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
display: none;
}
tr.wc-block-cart-items__row .wc-block-cart-item__quantity {
display: flex;
}
.wc-block-cart__submit-container {
background-color: #fff !important;
}
tr.wc-block-cart-items__row .wc-block-cart-item__quantity button.wc-block-cart-item__remove-link {
background-color: #000 !important;
color: #fff !important;
height: 40px;
text-decoration: none !important;
padding: 0 15px !important;
margin: 0 0 0 20px !important;
font-weight: 500 !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained span {
font-weight: 500;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, 
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{
font-size: 14px !important;
}
.cart-container td.wc-block-cart-item__product {
padding: 15px 0 !important;
}
tr.wc-block-cart-items__row .wc-block-cart-item__quantity button.wc-block-cart-item__remove-link:hover{
background-color: #404041 !important;
color: #fff !important;
}
.wc-block-components-sidebar-layout.wc-block-cart,
.wc-block-components-sidebar-layout.wc-block-checkout {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-components-sidebar.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
background-color: #f4f4f4;
padding: 10px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
border-radius: 6px;
color: #404041;
}
.woocommerce-cart .wc-block-components-sidebar a.shopmore {
display: block;
text-align: center;
text-transform: capitalize;
}
.woocommerce-cart .wc-block-components-sidebar a.shopmore:hover {
color: #eb5f90;
}
.woocommerce-cart .wc-block-components-sidebar a.shopmore i {
margin: 0 20px 0 0;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background-color: #000;
color: #fff;
border-radius: 30px;
margin: 25px 0;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
background-color: #000;
color: #404041;
}
tr.wc-block-cart-items__header span {
font-size: 1.2rem;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form .wc-block-components-text-input {
display: flex;
flex-direction: column;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form label:not(.wc-block-checkout__use-address-for-billing label, .wc-block-components-checkbox label) {
position: relative !important;
font-size: 1rem !important;
color: #000 !important;
order: 1;
transform: unset !important;
line-height: 1.5 !important;
overflow: unset !important;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input:not(.wc-block-checkout__use-address-for-billing input, .wc-block-components-checkbox input) {
padding: 5px 15px !important;
order: 2;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form .wc-block-components-validation-error {
order: 3;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block button.components-button.wc-block-components-button {
background-color: #000;
color: #404041;
border-radius: 22px !important;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block button.components-button.wc-block-components-button:hover {
background-color: #404041;
color: #fff;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block input {
height: 42px !important;
}
.wc-block-checkout__actions_row {
flex-direction: column-reverse;
}
.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button {
font-size: 1rem;
display: block !important;
margin: 15px 0 0 0;
}
.wc-block-checkout__actions_row button.wc-block-components-checkout-place-order-button {
background-color: #000;
color: #fff;
height: 50px !important;
min-height: 50px !important;
border-radius: 0 !important;
font-size: 1.2rem !important;
margin: 0;
}
.wc-block-checkout__actions_row button.wc-block-components-checkout-place-order-button:hover{
background-color: #000;
color: #fff;
}
.wc-block-cart-item__wrap {
line-height: 2;
}
.wc-block-grid__product-title {
color: #404041;
}
a.wp-block-button__link.add_to_cart_button {
background-color: #000;
color: #fff;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 500;
}
a.wp-block-button__link.add_to_cart_button:hover{
background-color: #404041;
color: #fff;
} .page-404{
padding: 50px 0;
}
.page-title.normal-title {
border: none;
}
input#wc-block-components-totals-coupon__input-0 {
height: 42px;
}
.wc-block-components-sidebar, .wc-block-components-sidebar span {
font-size: 1rem !important;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
background-color: #000;
color: #404041;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover {
background-color: #404041;
color: #fff;
} .is-divider {
background-color: #404041 !important;
}
.post-sidebar.col{
border: none !important;
}
.post-sidebar {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000;
}
.post-sidebar .widget > ul > li,
.post-sidebar .widget > ul > li > a {
font-size: 14px;
color: #000;
}
.post-sidebar .widget > ul > li > a:hover {
color: #000;
}
.post-sidebar .widget.widget_recent_entries > ul > li > a:before {
content: "\f044";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.post-sidebar .widget.widget_categories > ul > li > a:before {
content: "\f07c";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.badge .badge-inner {
background-color: #000;
color: #ffffff;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.badge-inner.secondary.on-sale {
background: #CD121B;
}
.post-sidebar .widget-area .widget + .widget{
border-top: 1px solid #ebebeb;
padding-top: 15px;
}
.post-sidebar .widget .is-divider {
display: none;
}
.post-sidebar .widget > ul > li + li {
border-top: none;
}
.post-sidebar aside span.widget-title {
display: inline-block;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #ffffff;
background-color: #000;
padding: 10px;
}
.post-sidebar .widget_categories {
background-color: #f4f4f4;
}
.post-sidebar .widget > ul {
padding: 10px 20px;
}
.hotline {
display: flex;
align-items: flex-end;
}
.hotline img {
width: 50px;
}
.hotline h4 {
margin: 0;
font-size: 0.9rem;
color: #f36936;
}
.header-nav.nav .hotline-content a:hover {
color: #4bb9ed;
}
.header-nav.nav .hotline-content a {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 0.9rem;
color: #504f4f;
}
.hotline-content {
line-height: 1.2;
}
.cart-icon.image-icon { }
.cart-icon.image-icon > strong {
border: none !important;
width: 20px;
height: 20px;
line-height: 1;
color: #fff !important;
border-radius: 22px;
font-size: 12px;
padding: 3px;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 600;
margin: 0;
background-color: #ec1b23 !important;
display: flex;
align-items: center;
justify-content: center;
}
li.cart-item .cart-icon.image-icon {
position: absolute;
bottom: 0;
right: -10px;
}
li.account-item.has-icon {
margin: 0;
} a.back-to-top.button {
width: 40px;
height: 40px;
line-height: 2.7;
text-align: center;
border: none;
background-color: #000 !important;
bottom: 11%;
right: 27px;
}
a.back-to-top.button .icon-angle-up::before {
content: "\f106";
color: #ffffff !important;
font-size: 25px !important;
}
a.back-to-top.button:hover .icon-angle-up::before {
color: #fff !important;
} .product-info .yith-wapo-block .checkbox-button-container, 
.product-info .yith-wapo-block .options-container .options.per-row-1,
.product-info .yith-wapo-block .radio-button-container {
display: flex !important;
flex-wrap: wrap;
}
.product-info div#yith-wapo-container .selection-single .image{
border-radius: 6px;
width: 40px;
height: 40px;
border: solid 1px #c4c4c4;
}
.product-info div#yith-wapo-container .selection-single.selected .image,
.product-info div#yith-wapo-container .selection-single:hover .image{
border: solid 2px #9f7b61;
}
.product-info div#yith-wapo-container .selection-single.selected .image img,
.product-info div#yith-wapo-container .selection-single:hover .image img{
border-radius: 3px;
}
.product-info div#yith-wapo-container .selection-single .image img{
width: 100%;
height: 100%;
border-radius: 6px;
}
.product-info div#yith-wapo-container label.yith-wapo-addon-label{
display:flex;
}
.product-info  div#yith-wapo-container small.option-price span {
font-size: 1rem;
font-weight: 400;
}
.product-info div#yith-wapo-container label.yith-wapo-addon-label small.option-price {
margin: 0 0 0 10px;
}
.product-info div#yith-wapo-container .yith-wapo-block {
width: 100%;
border: dashed 1px #c4c4c4;
padding: 25px;
margin: 0 0 25px 0;
border-radius: 6px;
}
.product-info div#yith-wapo-container div#wapo-total-price-table {
margin: 25px 0;
}
table.only_final {
margin: 0;
border-top: dashed 1px #ececec;
border-bottom: dashed 1px #ececec;
}
.product-info div#yith-wapo-container .option-container label.image-container + .checkbox-button-container {
display: none !important;
}
table.only_final tr.wapo-total-order th,
table.only_final tr.wapo-total-order td{
border: 0;
}
.product-info div#yith-wapo-container,
.product-info div#yith-wapo-container h3{
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #000000;
}
.product-info .yith-wapo-block .radio-button-container span.radiobutton {
display: none;
}
.product-info .yith-wapo-block .radio-button-container span.radiobutton + label {
border: solid 1px #c4c4c4;
padding: 5px 15px;
font-size: 1rem !important;
font-weight: 400 !important;
border-radius: 6px !important;
height: 35px;
display: flex;
align-items: center;
}
.product-info .yith-wapo-block .radio-button-container span.radiobutton + label small.option-price {
margin: 0 0 0 5px;
}
.product-info .yith-wapo-block .radio-button-container span.radiobutton.checked + label,
.product-info .yith-wapo-block .radio-button-container span.radiobutton + label:hover{
border-color: #9f7b61;
background-color: #9f7b61;
color: #fff;
}
.product-info .yith-wapo-block .radio-button-container span.radiobutton + label:hover span,
.product-info .yith-wapo-block .radio-button-container span.radiobutton.checked + label span{
color: #fff;
}
.box-text.box-text-products {
display: flex;
flex-direction: column;
}
@media (max-width: 425px){
}
@media (min-width: 550px){
.footer-links .f-contact a, .footer-links .f-contact p {
font-size: min(max(0.9rem, 3vw), 0.94rem);
}
.footer-links .f-cms {
max-width: 50%;
flex-basis: 50%;
}
.footer-links .f-contact {
max-width: 50%;
flex-basis: 50%;
}
.footer-links .f-social {
max-width: 100%;
flex-basis: 100%;
}
.f-social .social {
max-width: 225px;
margin: 0 auto;
}
}
@media (min-width: 768px){	
#logo img {
width: 100%;
}
.hidden-xs{
display: block;
}
.visible-xs{
display: none;
} .logo-center .logo img {
width: 100%;
}	
.home-ingredient .ingredient-item{
padding: 0 7.5px;
} .product-summary div.paypal-button {
float: left;
width: 33% !important;
}
}
@media (max-width: 849px) {
}
@media (min-width: 850px){
.icon-search:before {
content: '' !important;
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon/icon-search.svg) center/ 31px auto;
width: 31px;
height: 31px;
display: inline-block;
}
.searchform-wrapper .icon-search:before {
content: '' !important;
background: url(//pawsandclawsbytp.com/wp-content/themes/pawsandclawsbangkok/images/icon/icon-search.svg) center / 20px auto;
width: 20px;
height: 20px;
display: block;
}
.header-nav li.html.custom{
display: none;
}
.header-nav.nav li.menu-item a {
font-size: 0.9rem;
}
li.cart-item .cart-icon.image-icon {
top: 20px;
}
.footer-links .f-social {
max-width: 30%;
}
.footer-links .f-contact {
max-width: 40%;
}
.footer-links .f-cms {
max-width: 30%;
} .flex-left ul.header-nav {
justify-content: flex-end;
margin-right: 50px;
}
.header-wrapper li.header-search {
margin: 0 30px;
}
.header-wrapper .flex-left{
margin-right: 50px;
}
}
@media (max-width: 991px){
}
@media (min-width: 992px){
.header-nav.nav li.menu-item a.nav-top-link {
position: relative;
}
.header-nav.nav .current-menu-item:not(.menu-item-home) a.nav-top-link:after, .header-nav.nav a.nav-top-link:hover:after{
content: '';
width: 100%;
height: 3px;
display: block;
background-color: #F04345;
position: absolute;
right: 0;
left: 0;
bottom: -25px;
opacity: 1;
}
.header-nav.nav li#menu-item-103 a.nav-top-link:after {
bottom: -27px;
}
.header-nav.nav li.menu-item:hover a.nav-top-link:after,
.header-nav.nav li.menu-item.current-menu-item a.nav-top-link:after{
opacity: 1;
}
.header-nav li.html.custom{
display: inline-block;
}
.header-nav .contact a {
color: #fff;
font-weight: 600;
font-size: 1rem;
padding: 0 25px 0 0;
}
body.page-id-151 .header-nav .contact a {
color: #F04345;
}
.header-nav.nav li.menu-item {
padding: 0 15px 0 0;
}
.header-nav.nav li.menu-item a {
font-size: 1rem;
} .nav > li.account-item > a{
padding: 0;
display: inline-block;
}
.nav > li.account-item > a > i {
font-size: 1rem;
}
.nav-divided > li + li > a::after {
border: none !important;
}
.nav-small .nav > li > a,
.nav.nav-small > li > a {
padding: 0 !important;
} nav.nav-small > li.cart-item > a {
padding: 0; 
}
.header-cart-link .image-icon img {
width: 22px;
}	
.header-nav .cart-item .nav-dropdown-default {
padding: 15px;
} .header-search-form-wrapper .searchform .button.icon:hover {
background-color: #868d93;
} .woocommerce-tabs .nav > li {
margin: 0 12px;
}
.product-main .product-summary .product-title {
margin: 0 0 25px;
}
.product-main .product-info {
padding: 0 0 0 50px;
} .post-sidebar.col {
padding-left: 0 !important;
}
} 
@media (min-width: 1200px){
.footer-links{
flex-flow: nowrap !important;
}
.footer-links .f-about {
flex-basis: 50% !important;
max-width: 50% !important;
}
.footer-links .col {
padding-bottom: 0;
}
.ammenu-menu-wrapper.-desktop .ammenu-item.-main {
position: unset;
}
.ammenu-submenu-container.ammenu-submenu.-full {
width: 100% !important;
max-width: unset !important;
margin-top: 0 !important;
}
.header-nav.nav li.menu-item {
padding: 0 30px;
}
.header-nav .contact a {
font-size: 1.1rem;
border-right: solid 2px #ffffff;
margin: 0 25px 0 0;
}
}
@media (min-width: 1440px) { }