/*

Theme Name: PEMAJUDIGITAL ELEMENTOR

Theme URI: https://servisaircond.my

Description: Custom WordPress Theme by Pemaju Digital

Author: Pemaju Digital

Author URI: https://pemajudigital.com

Version: 1.0

License: GPL

License URI: http://www.gnu.org/copyleft/gpl.html

*/



/* ================================================== 

BASIC STYLES

================================================== */

html, body {border: 0; margin: 0; padding: 0; width: 100%; height: 100%; position: relative;} a img {border: 0}

html {scroll-behavior: smooth;}

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {background: #fff; padding: 0; margin: 0!important; font-size: .95rem; line-height: 1.3;}

img, object, embed {max-width: 100%; height: auto;} input:focus {outline: none;} *:focus {outline: none;} 

::selection {background: #fff2a8;}

::-moz-selection {background: #fff2a8;}

select {background: #fff;}

button, select {cursor: pointer;}

/* ================================================== 

LINK

================================================== */

a, input, #submit, textarea, button, button:hover, a i, a:hover i,.thumb a img, .thumb a:hover img, a:hover .thumb img, a .thumb img, .close img, .close img:hover, a .thumb::before, a:hover .thumb::before, .b-menu svg, .b-menu svg:hover {text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

a {-webkit-tap-highlight-color: transparent !important;}

*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}

/* ================================================== 

TYPOGRAPHY

================================================== */

h1, h2, h3, h4, h5, h6 {font-weight: 700; text-transform: capitalize; margin: 0; padding: 0;}

ul, li, ol {list-style: none; margin: 0; padding: 0;}

p {margin: 0;}

body, input, textarea, select, button {font-family: 'Montserrat', Helvetica Neue, Helvetica, Arial, "sans-serif"!important;}

button, select {cursor: pointer;}

button {border: none; padding: 0; box-shadow: 0; background: none;}

/* ================================================== 

LAYOUT CONTROL

================================================== */

.control {max-width: 1200px; margin: 0 auto; position: relative; padding: 0 20px;}

.sec {width: 100%; position: relative;}

.thumb img {width: 100%; height: auto; margin-bottom: -5px;}

/* ================================================== 

ELEMENTOR FIX

================================================== */

.elementor-widget-text-editor p {margin-bottom: 15px!important;}

.elementor-widget-text-editor p strong {font-weight: 600;}

.elementor-widget-text-editor a {color: #101e8b; font-weight: 500;}

.elementor-widget-text-editor a:hover {text-decoration: underline;}

.elementor-widget-text-editor h3 {font-weight: normal;}

.elementor-widget-text-editor h3 strong {font-weight: 600;}

.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {padding-left: 18px; margin-bottom: 20px;}

.elementor-widget-text-editor ul li {list-style: disc; margin-bottom: 10px;}

.elementor-widget-text-editor ol li {list-style: decimal;}

.elementor-widget:not(:last-child), .elementor-widget-text-editor p:last-child {margin-bottom: 0!important;}

.elementskit-testimonial-slider .slick-dots {bottom: 10px!important;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px!important;}

.elementskit-testimonial-slider .swiper-button-prev,

.elementskit-testimonial-slider .swiper-button-next {color: #333!important;}

.elementor-accordion-icon-right {margin-top: 3px!important;}

.cta-btn .elementor-button-content-wrapper {align-items: center;}

.cta-btn .e-font-icon-svg {font-size: 1.3rem; height: auto!important;}

.t-list ul {padding: 0; margin: 0;}

.t-list ul li {padding-left: 34px; margin-bottom: 12px; position: relative; list-style: none!important;}

.t-list ul li::before {content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1.3rem; color: #31ac00; position: absolute; top: 0; left: 0;}

.c-price del {font-weight: 400; color: #7d7d7d;}

.wsp-ctc {display: flex; justify-content: center; align-items: center;}

.wsp-ctc a .wsp-btn {font-size: 1.05rem; line-height: 1.2; font-weight: 600; color: #fff; background: #24CC63; padding: 16px 0; width: 280px; text-align: center; border-radius: 6px; display: block; margin-bottom: 4px; transition: .3s;}

.wsp-ctc a .wsp-btn i {font-size: 1.3rem; margin-right: 2px; vertical-align: -2px;}

.wsp-ctc a:hover .wsp-btn {background: #1EBC59;}

.wsp-no {color: #31b645; font-size: 1.1rem; line-height: 1.2; font-weight: 600; text-align: center;}

.o-wsp .wsp-no {color: #fff;}

.gallery {margin: 0 -5px;}

.gallery-item {margin: 0!important; padding: 5px;}

.gallery-item img {border: 2px solid #222!important; margin-bottom: -5px!important;}

.c-servis .elementor-container {flex-wrap: wrap;}

.c-servis .elementor-column {width: 33.3333333333%!important;}

.c-quot .elementor-widget-wrap {flex-direction: column;}

.c-wsp {margin-top: auto;}
.flex-two .elementor-container, .flex-one .elementor-container, .flex-three .elementor-container {flex-wrap: wrap; justify-content: center;}
.flex-one .elementor-column {width: 33.3333333333%!important;}
.flex-two .elementor-column {width: 33.3333333333%!important;}
.flex-three .elementor-column {width: 20%!important;}
/* ================================================== 

HOME

================================================== */

.negeri {display: flex; flex-wrap: wrap; margin: 0 -5px;}

.negeri .item {width: 20%; padding: 0 5px; margin-bottom: 10px;}

.negeri a {display: flex; align-items: center; border: 1px solid #ddd; background: #fff; border-radius: 4px; padding: 10px;}

.negeri a:hover {border: 1px solid #9b9b9b;}

.negeri a .thumb {max-width: 30px; border-radius: 50%;}

.negeri a .thumb img {border: 1px solid #ccc; border-radius: 50%; margin-bottom: -5px;}

.negeri a .info {margin-left: 10px; width: 100%;}

.negeri a h4 {color: #000; font-size: .9rem; line-height: 1.2; font-weight: 600;}

/* ================================================== 

LOKASI LISTING

================================================== */

.ps-top {padding: 60px 0; background: #044B9D; position: relative;}

.ps-top .bg-overlay {background: url(https://servisaircond.my/wp-content/uploads/2025/05/map-dot.svg) center center no-repeat; background-size: cover; opacity: 0.5; inset: 0; position: absolute;}

.ps-title h1 {font-size: 2rem; line-height: 1.3; color: #fff; text-align: center; margin-bottom: 10px;}

.ps-title p {font-size: .95rem; line-height: 1.5; color: #fff; text-align: center;}

.ps-list {padding: 40px 0 30px;}

.ps-list .box {display: flex; flex-wrap: wrap; margin: 0 -5px;}

.ps-list .col {width: 20%; padding: 0 5px; margin-bottom: 10px;}

.ps-list a {border: 1px solid #ccc; padding: 12px; border-radius: 6px; display: block; width: 100%; height: 100%;}

.ps-list a:hover {border-color: #222;}

.ps-list a h4 {font-size: .92rem; line-height: 1.4; font-weight: 600; color: #000;}

.ps-list a h4::before {margin-right: 5px; color: #e80000; font-size: .75rem; content: '\f3c5'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; vertical-align: .5px;}

.ps-list a span {display: block;}

.ps-more {background: #DBEDFF; padding: 40px 0;}

.ps-more .c-title {margin-bottom: 15px;}

.ps-more .c-title h3 {font-size: 1.3rem; line-height: 1.3; text-align: center;}

.ps-more .c-title p {font-size: .95rem; line-height: 1.4; margin-top: 6px; text-align: center;}

/* ================================================== 

FOOTER

================================================== */

.footer {background: #221F1F; padding: 40px 0;}

.f-company {border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 30px; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center;}

.comp-thumb {width: 120px; height: 120px; margin-bottom: 10px;}

.comp-thumb img {width: 100%; height: auto;}

.comp-info {font-size: .9rem; line-height: 1.4; color: #fff; text-align: center;}

.comp-info h4 {font-size: .9rem; line-height: 1.4; font-weight: 600; display: block;}

.f-company .socmed {margin-top: 10px;}

.f-end {display: flex; flex-direction: column; align-items: center;}

.copy p {font-size: .85rem; line-height: 1.3; color: #fff; text-align: center;}

.wdsgn {margin: 5px 0 10px;}

.wdsgn a {font-size: .85rem; line-height: 1.3; color: #fff; text-align: center;}

.end-link a {font-size: .8rem; line-height: 1.2; color: #fff;}

.end-link a:hover {text-decoration: underline;}

.end-link span {margin: 0 10px; font-size: .5rem; color: rgba(255,255,255,.4); vertical-align: 1.5px;}

.h-foot .f-end {border: none; padding: 0;}

/* ================================================== 

SOCIAL MEDIA ICON

================================================== */

.socmed ul {display: flex; justify-content: center; align-items: center;}

.socmed li {margin-right: 8px;}

.socmed li a {width: 35px; height: 35px; border-radius: 50%; display: block; padding-top: 8px; font-size: 1.2rem; line-height: 1; text-align: center; color: #fff;}

/* ================================================== 

PAGE

================================================== */

.pages {padding: 30px 0;}

.pages .control {max-width: 1000px;}

.post-edit-link {position: fixed; left: 20px; bottom: 20px; font-size: .75rem; font-weight: 500; color: #fff; background: #36980a; text-transform: uppercase; width: 50px; height: 50px; border-radius: 50%; display: block; padding-top: 17px; text-align: center; z-index: 999;}

.p-title {margin-bottom: 30px;}

.p-title h1 {font-size: 1.4rem; line-height: 1.3; font-weight: 600; color: #000; text-transform: capitalize;}

.page-content h2, .page-content h3, .page-content h4 {font-size: 1.2rem; line-height: 1.3; font-weight: 600; margin: 20px 0 15px; text-transform: capitalize;}

.page-content h2 {text-transform: uppercase; font-size: 1.3rem; text-decoration: underline;}

.page-content p {margin-bottom: 15px; word-wrap: break-word;}

.page-content p, .page-content ul li, .page-content ol li {font-size: .98rem; line-height: 1.5;}

.page-content a {color: #a10862; font-weight: 600;}

.page-content a:hover {text-decoration: underline;}

.page-content ul, .page-content ol {margin: 0 0 15px; padding-left: 30px;}

.page-content ol li {list-style: decimal;}

.page-content ul li {list-style: disc;}

.page-content ul li, .page-content ol li {padding: 1px 0; word-wrap: break-word; margin-bottom: 2px;}

.s-top {margin-bottom: 30px;}

.back button {font-size: .8rem; line-height: 1.1; color: #000; font-weight: 400; padding: 6px 8px; border: 1px solid rgba(0,0,0,.7); text-transform: uppercase; border-radius: 3px;}

.back button:hover {background: #000; color: #fff;}

.back button i {font-size: .6rem; vertical-align: 1px;}

/* ================================================== 

PAGE GALLERY

================================================== */

.p-gallery, .gallery {display: flex; flex-wrap: wrap;}

.p-gallery .item {width: 33.333333%; padding: 0 10px; margin-bottom: 20px;}

.gallery .item {width: 20%; padding: 10px;}

.gallery .item a img {border-radius: 8px; transition: .3s;}

.gallery .item a:hover img {opacity: .8;}

/* ================================================== 

PAGE CONTACT

================================================== */

.p-add h3, .p-sc h3 {font-size: 1.1rem; line-height: 1.1; font-weight: 700; margin-bottom: 10px;}

.p-add h4 {font-size: 1rem; line-height: 1.3; font-weight: 600; text-transform: uppercase;}

.p-add p {font-size: .95rem; line-height: 1.3;}

.p-dir {margin-top: 10px;}

.p-dir a {font-size: .9rem; color: #000; font-weight: 500; text-decoration: underline;}

.p-dir a:hover {text-decoration: none;}

.p-dir span {font-size: .6rem; margin: 0 3px;}

.p-call {margin: 20px 0;}

.p-call a h4 {font-size: 1.2rem; line-height: 1.1; font-weight: 500; color: #000;}

.p-call a {font-size: 1.7rem; line-height: 1.1; font-weight: 700; color: #9a005b; padding-left: 55px; display: block; position: relative;}

.p-call a::before {content: '\f2a0'; font-size: 2.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #9a005b; position: absolute; top: 2px; left: 0;}

.p-ctc {margin: 20px 0 30px;}

.p-ctc a {padding: 14px 0; font-size: .95rem; line-height: 1; font-weight: 500; width: 220px; border-radius: 30px; color: #fff; display: block; text-align: center;}

.p-ctc a i {margin-right: 2px;}

.p-ctc a.fb-btn {background: #0075ff; margin-bottom: 5px;}

.p-ctc a.wsp-btn {background: #00a500;}

.p-ctc a:hover.call-btn {color: #ec1e1e;}

.p-ctc a:hover.fb-btn {background: #006be9; color: #fff;}

.p-ctc a:hover.wsp-btn {background: #029802;}

.p-ctc a:hover.fb-btn i {color: #fff;}

/* ================================================== 

BLOG

================================================== */

.bs-title {margin-bottom: 30px; overflow: hidden;}

.bs-title h2 {font-size: 4rem; line-height: 1.3; font-weight: 900; color: #000; z-index: 3;}

.bs-title h2::before {content: 'BLOG'; position: absolute; width: 97%; top: -60px; font-size: 14rem; font-weight: 700; z-index: -1; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg,#0c0a0a 0%,rgba(12,10,10,0) 100%); opacity: .06; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #000;} 

.bs {display: flex;}

.b-content, .sidebar {position: relative;}

.b-content {width: 75%; padding-right: 50px;}

.sidebar {width: 25%;}

/* ================================================== 

BLOG LIST

================================================== */

.post-meta {font-size: .8rem; line-height: 1.1; color: #828282;}

.b-list {overflow: hidden;}

.b-list .box {display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -15px;}

.b-list .row {width: 33.3333333%; padding: 0 15px; margin-bottom: 40px;}

.b-list .thumb {position: relative; overflow: hidden; max-height: 228px; border-radius: 8px;}

.b-list .post-edit-link {position: absolute; top: 10px; right: 10px; z-index: 3;}

.b-list .info {margin-top: 12px;}

.b-list .info h4 a {font-size: 1.2rem; line-height: 1.3; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.b-list .info h4 a:hover {text-decoration: underline;}

.b-list .post-meta {margin: 10px 0 15px;}

.b-list .post-meta span {margin: 0 1px; font-size: .6rem; vertical-align: 1px;}

.b-list .post-meta a {color: #828282;}

.b-list .post-meta a:hover {text-decoration: underline;}

.b-list .thumb a img {transition: 1.3s; border-radius: 8px;}

.b-list .thumb a img:hover {transform: scale(1.15);}

.b-list .excerpt p {font-size: 1rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* ================================================== 

BLOG SINGLE

================================================== */

.b-single h1 {font-size: 2rem; line-height: 1.2; color: #000;}

.b-single .post-meta {margin: 10px 0 25px;}

.b-single .post-meta span {margin: 0 1px; font-size: .6rem; vertical-align: 1px;}

.b-single .post-meta a {color: #828282;}

.b-single .post-meta a:hover {text-decoration: underline;}

/* ================================================== 

ENTRY CONTENT

================================================== */

.entry-content {margin-top: 15px;}

.entry-content h2, .entry-content h3, .entry-content h4 {font-weight: 700; color: #000; margin: 25px 0 15px; text-transform: capitalize;}

.entry-content h2, .entry-content h3 {font-size: 1.4rem; line-height: 1.3;}

.entry-content h4 {font-size: 1.3rem; line-height: 1.3;}

.entry-content p {margin-bottom: 15px;}

.entry-content p, .entry-content ul li, .entry-content ol li {font-size: 1rem; line-height: 1.5; color: #000;}

.entry-content a {color: #a6146a; font-weight: 500;}

.entry-content a:hover {text-decoration: underline;}

.entry-content img, .page-content img {width: 100%; height: auto; margin-bottom: 15px;}

.entry-content ul, .entry-content ol {margin: 0 0 1.5em; padding-left: 30px;}

.entry-content ul li, .entry-content ol li {padding: 1px 0; margin-bottom: 2px;}

.entry-content ul li {list-style: disc;}

.entry-content ol li {list-style: decimal;}

.entry-content iframe {display: flex; margin: 0 auto;}

.galeri {display: flex; flex-wrap: wrap;}

.galeri .item {width: 33.3333333333%; padding: 5px;}

.galeri .item a img {margin-bottom: -5px;}

.galeri .item a:hover img {opacity: .7;}

.wp-embedded-content {width: 100%!important;}

.twitter-tweet {margin: 0 auto 10px!important;}

.tag {margin-bottom: 20px;}

.tag span {font-size: .8rem; line-height: 1.3; margin: 5px 5px 0 0; color: #373737; background: #eaeaea; padding: 4px 12px; border-radius: 30px; display: inline-block;}

.tag span:last-child {margin-right: 0;}

.sharer {margin-top: 30px;}

.sharer h4 {margin-bottom: 10px; font-size: 1.2rem; line-height: 1; font-weight: 600; text-transform: uppercase; z-index: 3;}

.sharer ul {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}

.sharer li {margin: 0 10px;}

.sharer li a {font-size: 2.2rem; line-height: 1; color: #000; padding-top: 7px; text-align: center; border-radius: 50%; display: block;}

.sharer li a:hover {opacity: .5;}

.sharer li a span {display: block; font-size: .6rem; line-height: 1; font-weight: 400; text-transform: uppercase; margin-top: 6px;}

/* ================================================== 

SIDEBAR

================================================== */

.c-side {margin: 30px 0;}

.c-side li a {display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #ddd; position: relative;}

.c-side .info {padding-right: 15px; width: 100%;}

.c-side li a h4 {font-size: 1rem; line-height: 1.2; color: #000; font-weight: 500; margin: 10px 0 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

.c-side li a:hover h4 {text-decoration: underline;}

.c-side li a .post-meta {font-size: .75rem; display: flex; align-items: center;}

.c-side .thumb {max-width: 110px; height: 110px; overflow: hidden;}

.c-side a .thumb img {min-width: 180px; margin-left: -30%; transition: 1.3s;}

.c-side a:hover .thumb img {transform: scale(1.15);}

/* ================================================== 

PAGINATION

================================================== */

.wp-pagenavi {width: 100%; position: relative; margin: 10px 0; display: flex; justify-content: center;}

.wp-pagenavi span, .wp-pagenavi a {color: #000; font-size: 1rem; line-height: 1; font-weight: 300; border: none!important; border-radius: 50%; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center;}

.wp-pagenavi a:hover {color: #9a005b;}

.wp-pagenavi span.current {background: #9a005b; color: #fff; font-weight: 500!important;}

.wp-pagenavi .pages {display: none;}

/* ================================================== 

RELATED ARTICLE

================================================== */

h3.rltd-title {margin: 30px 0 15px; font-size: 1.2rem; line-height: 1.2; font-weight: 700;}

.related_posts_list {padding-left: 20px; max-width: 700px;}

.related_posts_list li {margin-bottom: 10px; list-style: disc;}

.related_posts_list li a {color: #a6146a; font-size: 1.1rem; line-height: 1.3; font-weight: 500;}

.related_posts_list li a:hover {text-decoration: underline;}

/* ================================================== 

COMMENT AREA

================================================== */

.comment-area {width: 100%; float: left; padding-top: 30px;}

.cmt-title h3 {font-size: 1.5rem; line-height: 1; color: #000; font-weight: 700; margin-bottom: 10px;}

.cmt-title h3 i {vertical-align: -1px; margin-right: 3px;}

.cmt-title p {font-size: .9rem; line-height: 1.3; font-weight: 400;}

.cmt-title p i {font-size: .6rem; vertical-align: .5px;}

.cmt-title p a:hover {text-decoration: underline;}

.no-cmt {margin-top: 30px;}

.no-cmt p {font-size: 1.6rem; line-height: 1.3; font-weight: 300; text-align: center;}

.comment-wrapper {position: relative; display: block; border-bottom: 1px solid #e0e0e0; padding: 20px 0 20px;}

.author-gravatar {position: absolute; width: 70px; height: 70px;}

.author-gravatar img {border-radius: 50%; border: 6px solid #ddd;}

.comment-right {padding-left: 90px;}

.komenName {margin-bottom: 5px;}

.komenName, .komenName a {font-size: 1rem; line-height: 1.1; color: #000; font-weight: 600; text-transform: capitalize;}

.komenName a {color: #a6146a;}

.komenName a:hover {text-decoration: underline;}

.comment-meta {font-size: .8rem; color: #b1b1b1; position: relative;}

.comment-meta span {text-transform: capitalize; font: 14px Arial, Helvetica, sans-serif; color: #4f4f4f;}

.comment-meta .edit {position: absolute; right: 0; top: 0;}

.comment-meta .edit a {font-weight: normal; font-size: 11px; color: #4f4f4f; text-transform: uppercase;}

.comment-content {margin: 8px 0;}

.commentlist li ul.children li.depth-2 .comment-wrapper {margin-left: 20px;}

.commentlist .reply a {font-weight: 600!important; font-size: .7rem; text-transform: uppercase; color: #333;}

.commentlist .reply a:hover {color: #0968dc;}

.commentlist .reply a.comment-reply-link::before {content: "\f079"; font-size: .8rem; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; vertical-align: -1px;}

.commentlist .comment-edit-link {margin-left: 10px;}

.commentlist .comment-edit-link::before {content: "\f044"; font-size: .9rem; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px;}

.comment-wrp p {font-size: 1rem; line-height: 1.3; color: #313030; margin-bottom: 10px; word-wrap: break-word;}

#lastposts {width: 100%!important;}

.choosepost.blog {width: 100%!important; display: block!important; margin-bottom: 1px; padding: 0 10px; background: #f4f4f4; cursor: pointer;}

.choosepost.blog:hover {background: #ededed;}

/* ================================================== 

COMMENT FORM

================================================== */

.log {font-size: 12px; color: #585757; margin-bottom: 8px;}

.comment-title {}

.comment-title h3 {font-size: 1.6rem; font-weight: 700; text-transform: capitalize;}

.comment-title p {font-size: .95rem; line-height: 1.3; color: #646464; margin-top: 10px;}

.comment-title p span {color: #ff0000;}

#respond {margin-top: 20px; padding: 25px; background: #ededed; border-radius: 10px;}

#respond a {background: none!important; padding: 0!important; color: #2480d5!important;}

#respond a:hover {color: #ff0033!important;}

#commentform {padding-bottom: 30px;}

.cmtform-one {display: flex;}

#commentform .cmtform-one .col {width: 50%; margin-bottom: 20px;}

#commentform .cmtform-one .col.one {padding-right: 10px;}

#commentform .cmtform-one .col.two {padding-left: 10px;}

#commentform label {display: block; width: 100%; font-weight: 500; color: #000; margin-bottom: 8px;}

#commentform label span {color: #ff0000; font-weight: 700;}

#commentform input {width: 100%; color: #585757; padding-left: 10px; line-height: 14px;}

#commentform input, #commentform textarea {font-size: .95rem; line-height: 1.5; padding: 10px; background: #fff; color: #000; border: 1px solid #9fa6b2; border-radius: 4px;}

#commentform input:focus, #commentform textarea:focus {border: 1px solid #1f36b0; background: #fff;}

#commentform textarea {height: 138px; width: 100%; font-family: 'Inter', sans-serif;}

#commentform #author::before {content: "\f079"; font-family: "Font Awesome 5 Solid";}

.cmt-form {margin-bottom: 20px;}

.btn-submit {margin-top: 10px;}

.btn-submit input#submit {background: #9a005b; font-size: 1.1rem; line-height: 1; font-weight: 600; border: none; cursor: pointer; color: #fff; padding: 18px 0; text-align: center; width: 100%; border-radius: 4px; transition: all 0.2s ease-in-out; display: block;}

.btn-submit input:hover#submit {background: #a6146a;}

.cancel-comment-reply {margin: 20px 0 20px;}

.cancel-comment-reply a {font-size: 20px; color: #282828; font-weight: 600;}

.comment-extra {font-size: 12px!important;}

/* ================================================== 

SINGLE MORE POST

================================================== */

.more-post {margin: 30px 0;}

.more-post .title {margin-bottom: 20px;}

.more-post .title h3 {font-size: 1.6rem; line-height: 1.1; font-weight: 700;}

.more-post .post-meta {margin: 10px 0 15px;}

.more-one .box {max-width: 800px;}

.more-one .col {margin-bottom: 20px;}

.more-one .col:last-child {margin-bottom: 0;}

.more-one .col a {display: flex; align-items: center;}

.more-one .thumb {min-width: 180px; margin-right: 20px; position: relative; overflow: hidden;}

.more-one a .thumb {border-radius: 8px;}

.more-one a .thumb img {transition: 1.3s;}

.more-one a:hover .thumb img {transform: scale(1.15);}

.more-one .info {width: 100%;}

.more-one a .info h4 {color: #000; font-size: 1.15rem; line-height: 1.3; font-weight: 700; margin-bottom: 10px;}

.more-one a .info .excerpt p {font-size: .95rem; line-height: 1.4; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.more-one a:hover .info h4 {text-decoration: underline;}

/* ================================================== 

SEARCH PAGE

================================================== */

.search-title {margin-bottom: 30px;}

.search-title h1 {font-size: 1.4rem; line-height: 1.2; color: #000; font-weight: 600;}

/* ================================================== 

404

================================================== */

.notfound {padding: 5em 0;}

.notfound h1 {font-size: 15rem; line-height: 1.1; font-weight: 700;}

.notfound p {font-size: 1.2rem; line-height: 1.2;}

/* ================================================== 

ADD ON

================================================== */

.clearfix {clear: both;}

.video, .maps {overflow: hidden; padding-bottom: 50%; position: relative; height: 0;}

.video iframe, .maps iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.maps {margin-bottom: 0;}

.fb {color: #4267b2;}

.twit {color: #55acee;}

.ig {color: #f24d58;}

.pin {color: #e60023;}

.utube {color: #ff0000;}

.whatsapp {color: #00a500;}

.tele {color: #0088cc;}

.fb-ico {background: #4267b2;}

.twit-ico {background: #000;}

.ig-ico {background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}

.pin-ico {background: #cc2127;}

.in-ico {background: #0077b5;}

.utube-ico {background: #ff0000;}

.tiktok-ico {background: #000;}

.whatsapp-ico {background: #00a500;}

.web-ico {background: #a67c52;}

.tele-ico {background: #0088cc;}

.messenger-ico {background: #007fff;}

/* ================================================== 

CTA

================================================== */

.cta {position: fixed; bottom: 15px; right: 15px; z-index: 9999; cursor: pointer;}

.cta a {background: #24CC63; padding-top: 10px; color: #fff; font-size: 2.5rem; line-height: 1; width: 64px; height: 64px; border-radius: 50%; display: block; text-align: center;}

/* ================================================== 

TO TOP BUTTON

================================================== */

#toTop {position: fixed; bottom: 15px; right: 10px; z-index: 999; cursor: pointer;}

#toTop img {background: #fff; border-radius: 50%; width: 48px; height: 48px; display: block; padding: 13px; border: 1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}