/* Theme Name: Toka Child Theme Theme URI: https://toka.peerduck.com Author: PeerduckThemes Author URI: https://peerduck.com Description: Blank Child Theme for Toka Template: toka Version: 1.00 Requires at least: 5.0 Requires PHP: 7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, three-columns, custom-colors, featured-images, theme-options Text Domain: toka */ body .new-header{ z-index: 10; position: absolute; left: 0; top: 0; width: 100%; } body.page-id-24925 .nav-white-desktop{ background: #fff; } .three-colum.elementor-section .elementor-container{ gap: 36px;} .three-colum.elementor-section .elementor-container>.elementor-column{ width: calc(33.3333% - 24px); box-shadow: rgba(197, 136, 118, 0.08) 0 4px 24px; border-radius: 30px; overflow: hidden; transition: all 0.3s ease-in-out; } .three-colum.elementor-section .elementor-container>.elementor-column:hover{transform: translateY(-20px); } .three-colum.elementor-section .elementor-container>.elementor-column:hover .elementor-button{ background: #C58876; color: #fff; } .three-colum.elementor-section .elementor-container>.elementor-column:hover .elementor-button .elementor-button-icon{ filter: brightness(0) invert(1); } .three-colum.elementor-section .elementor-container>.elementor-column .inner-image{ top: 190px; transition: all 0.3s ease-in-out; } .three-colum.elementor-section .elementor-container>.elementor-column:hover .inner-image{ right: 36px; } .overlay-box-main{ border-radius: 30px; overflow: hidden; position: relative; display: block; width: 100%; } .overlay-box-main .img{ background: #FFE4D9; min-height: 600px; width: 100%; display: block; position: relative;} .overlay-box-main .img img{ position: absolute; opacity: 0.2; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .overlay-box-main .over-box-main{ position: absolute; left: 0; padding: 0 20px; top: 0; width: 100%; height: 100%; display: flex ;align-items: center; justify-content: center; } .overlay-box-main .over-box-main .box-inner{ width: 100%; text-align: center; max-width:700px; margin: 0 auto; padding: 0px; } .overlay-box-main .over-box-main h6{line-height: normal; margin: 0; padding: 0; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: 18px; font-weight: 600; color: #898989; letter-spacing: 0.1rem; text-transform: uppercase;} .overlay-box-main .over-box-main h2{ letter-spacing: 0.01rem; line-height: normal; font-weight: normal; font-family: "Playfair Display", Sans-serif; margin: 0; padding:8px 0 0 0; font-size: 60px; color: #000; } .overlay-box-main .theme-btn{ justify-content: center; padding: 52px 0 0 0; } .theme-btn{display: flex ;align-items: center; } .theme-btn a{ display: flex; border-radius: 100px; gap: 16px; background: #C58876; border: #C58876 solid 1px; align-items: center; justify-content: center; padding: 0 36px; min-height:52px ; font-size: 18px; font-weight: 600; color: #fff;} .theme-btn a i{ background: url(images/star.svg) no-repeat center center; transition: all 0.3s ease-in-out; width: 18px; height: 18px; display: flex ; align-items: center; justify-content: center; filter: brightness(0) invert(1);} .heyflow-button i{margin: 0 10px 0 0; font-size: 0; background: url(images/star.svg) no-repeat center center; transition: all 0.3s ease-in-out; width: 18px; height: 18px; display: flex ; align-items: center; justify-content: center; filter: brightness(0) invert(1);} .heyflow-button.secondary i{filter: none;} .heyflow-button.secondary:hover i{filter: brightness(0) invert(1); } .swiper-arrow-dot-row{ padding: 60px 0 0 0; display: flex ;align-items: center; justify-content: space-between;} .swiper-arrow-dot-row .swiper-pagination{ display: flex ;gap: 14px; position: relative; left: auto; right: auto; top: auto; bottom: auto !important;} .swiper-arrow-dot-row .swiper-pagination .swiper-pagination-bullet{ margin: 0 !important; transition: all 0.3s ease-in-out; width: 6px; height: 6px; display: flex ;align-items: center; border-radius: 100px; background: #D9D9D9; opacity: 1; } .swiper-arrow-dot-row .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #C58876;width: 40px;} .swiper-arrow-dot-row .swiper-arrow-box{ display: flex; align-items: center; gap: 20px;} .swiper-arrow-dot-row .swiper-arrow-box>div{left: auto; margin: 0; transition: all 0.3s ease-in-out; right: auto; top: auto; bottom: auto; position: relative; border: solid 1px rgba(67, 75, 78, 0.35); display: flex ; border-radius: 100px; width: 50px; height: 50px;} .swiper-arrow-dot-row .swiper-arrow-box>div::after{ display: none;} .swiper-arrow-dot-row .swiper-arrow-box .swiper-button-next{ background: url(images/left-arrow.svg) no-repeat center center;} .swiper-arrow-dot-row .swiper-arrow-box .swiper-button-next:hover{background: url(images/left-arrow-h.svg) no-repeat center center #C58876; border-color: #C58876; } .swiper-arrow-dot-row .swiper-arrow-box .swiper-button-prev{ background: url(images/right-arrow.svg) no-repeat center center;} .swiper-arrow-dot-row .swiper-arrow-box .swiper-button-prev:hover{background: url(images/right-arrow-h.svg) no-repeat center center #C58876; border-color: #C58876; } .icon-title-listing.elementor-section .elementor-container{ gap: 32px;} .process-section-ele{ position: relative; } .process-section-ele::after{ z-index: -1; pointer-events: none; position: absolute; border-radius: 30px; left:1%; top: 0; right: 1%; bottom: 0; content:''; background:url(images/process-bg.png) no-repeat center top #FDD9D940; background-size: 100% auto; } .process-section .process-block-main{ display: block; width: 100%; } .process-block-main .desktop-images{ display: block; width: 100%;} .process-block-main .desktop-images .process-img-box{ display: none; width: 100%; height: 600px; position: relative; border-radius: 30px; overflow: hidden;} .process-block-main .desktop-images .process-img-box.active{ display: block;} .process-block-main .desktop-images .process-img-box img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .step-listing{ padding: 40px 0 0 0; display: flex ;align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 32px;} .step-listing .step-box-main{ display: block; width: calc(25% - 24px);} .step-listing .step-box-main a{ transition: all 0.3s ease-in-out; padding: 40px 0 0 0; border-top: rgba(67, 75, 78, 0.08) solid 3px; display: block; width: 100%;} .step-listing .step-box-main a .step-title{ text-transform: uppercase; line-height: normal; margin: 0; padding: 0 0 8px; font-size: 16px; font-weight: 600; color: #C58876; } .step-listing .step-box-main a h6{ margin: 0; font-family: "Playfair Display", Sans-serif; line-height: normal; padding: 0 0 10px; font-size: 28px; color: #434B4E; letter-spacing: 0.01rem; } .step-listing .step-box-main a .mobile-img{ display: none; width: 100%;} .step-listing .step-box-main a .text p{ color: #787878; font-size: 16px; line-height: 1.75;} .step-listing .step-box-main.active a{ border-color:#C58876 ; } .team-box-main{width: 100%; border-radius: 30px; overflow: hidden; } .team-box-main .img{ background: #FDD9D9; display: block; overflow: hidden; width: 100%; aspect-ratio: 410/440; position: relative; } .team-box-main .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .team-box-main .team-box-sub{ padding: 20px 10px 28px; text-align: center; background: rgba(255, 228, 217, 0.35); border-top: #fff solid 3px;; } .team-box-main .team-box-sub h4{ margin: 0; font-weight: normal; font-family: "Playfair Display", Sans-serif; line-height: normal; padding: 0 0 11px; line-height: normal; font-size: 32px; color: #434B4E; letter-spacing: 0.01rem;} .team-box-main .team-box-sub .name-sub{ font-weight: bold; color: #898989; font-size: 16px; text-transform: uppercase;} .story-box-main{ position: relative; } .story-section-outer .swiper-slide{ width: 860px; display: block;} .story-box-inner{ background: #FDD9D9; display: flex ; align-items: stretch; width: 100%; overflow: hidden; border-radius: 30px;} .story-box-inner .img { height: 480px;position: relative; overflow: hidden; min-width: 400px; width: 400px;} .story-box-inner .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .story-box-inner .story-box-sub{ width: 100%; padding: 40px; display: block; width: 100%; display: flex; flex-direction: column; } .story-box-inner .story-box-sub .text p{ color: #434B4E; font-size: 32px ; line-height: 1.31; letter-spacing: 0.01rem; font-weight: normal; font-family: "Playfair Display", Sans-serif; font-style: italic;} .story-box-inner .story-box-sub .name-sub{ padding: 20px 0 0 0; margin-top: auto; font-size: 20px; color: #C58876; font-weight: 600; text-transform: uppercase; } .story-section-outer .swiper-arrow-dot-row{ padding: 0; position: absolute; right: 0; width: auto; bottom: 100%; margin: 0 0 60px; } .story-section-outer .swiper{ overflow: visible; } .story-outer-main{ overflow: hidden; } body .cls-faq .elementor-accordion-item{ border-radius: 20px; background: rgba(255, 228, 217, 0.35); border: #FFE4D9 solid 1px !important; display: block;} body .cls-faq .elementor-accordion-item + .elementor-accordion-item{ margin-top: 15px; } body .cls-faq .elementor-accordion-item .elementor-accordion-title i{font-style: normal; padding: 0 5px 0 0; color: #C58876; font-weight: 600; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: 16px; } .footer-new::after{ background: rgba(254, 242, 242, 0.95); position: absolute; left: 1%; right: 1%; top: 0; bottom: 0; content: ''; z-index: 1; pointer-events: none; border-radius: 30px; } .footer-new>div{ position: relative; z-index: 2; } body .copyright-new p strong{ font-weight: normal; color: #C58876; } .footer-wapper{ position: relative; } .footer-wapper .footer-new{ position: absolute; left: 0; bottom: 20px; width: 100%; } .cls-btn .elementor-button{ border: #C58876 solid 1px !important; transition: all 0.3s ease-in-out; } .cls-btn .elementor-button:hover{ background: transparent !important; color: #C58876 !important; } .cls-btn .elementor-button .elementor-button-icon{ filter: brightness(0) invert(1); } .cls-btn .elementor-button:hover .elementor-button-icon{ filter: none; } .theme-btn a{ border: #C58876 solid 1px !important; transition: all 0.3s ease-in-out; } .theme-btn a:hover{background: transparent !important; color: #C58876 !important; } .theme-btn a:hover i{filter: none;} .heyflow-button:hover i{filter: none;} .icon-title-listing.elementor-section .elementor-container .elementor-widget-image-box .elementor-widget-container{ height: 100%; } .icon-title-listing.elementor-section .elementor-container .elementor-col-25.elementor-column>.elementor-widget-wrap>.elementor-element, .icon-title-listing.elementor-section .elementor-container> .elementor-col-25.elementor-column>.elementor-widget-wrap{ height: 100%; } .elementor-image-box-title{ display: block;} .story-box-main .icon{ position: absolute; right:-30px; bottom: -48px; background: url(images/testi-icon-1.svg) no-repeat center center; width: 105px; height: 105px; } p + p{ padding-top: 16px; } .new-header{ border-radius: 0; background: none; transition: all 0.3s ease-in-out; } .new-header.fixed{ z-index: 15; position: fixed; background: #FEF2F2; box-shadow: 0 6px 32px rgba(0, 0, 0, .1); } @media (min-width: 1600px) and (max-width: 1740px) { } @media (min-width: 1231px) and (max-width: 1599px) { } @media (min-width: 1101px) and (max-width: 1300px) { .three-colum.elementor-section .elementor-container>.elementor-column .inner-image img{ max-width: 50px; } .overlay-box-main .over-box-main h2{ font-size: 54px;} .overlay-box-main .img{ min-height: 550px; } .process-block-main .desktop-images .process-img-box{ border-radius: 20px; } .process-block-main .desktop-images .process-img-box{ height: 450px; } .team-box-main .team-box-sub{ padding: 16px 10px 20px; } .team-box-main .team-box-sub h4{ font-size: 24px;} .team-box-main .team-box-sub .name-sub{font-size: 15px;} .story-section-outer .swiper-slide{ width: 760px; } .story-box-inner .img{ width: 300px; height: 380px; min-width: 300px;} .story-box-inner .story-box-sub{ padding: 30px; } .story-box-inner .story-box-sub .text p{ font-size: 26px;} .story-box-inner .story-box-sub .name-sub{ font-size: 18px;} } @media (min-width: 768px) and (max-width: 1100px) { .three-colum.elementor-section .elementor-container>.elementor-column .inner-image{ top: 170px; } .three-colum.elementor-section .elementor-container>.elementor-column .inner-image img{ max-width: 44px; } .three-colum.elementor-section .elementor-container>.elementor-column{ border-radius: 20px; } .process-block-main .desktop-images .process-img-box{ height: 400px; } .team-box-main .team-box-sub{ padding: 16px 10px 20px; } .team-box-main .team-box-sub h4{ font-size: 24px;} .team-box-main .team-box-sub .name-sub{font-size: 15px;} } @media (min-width:992px) and (max-width: 1100px) { .three-colum.elementor-section .elementor-container>.elementor-column .inner-image{ top: 160px; } .story-section-outer .swiper-slide{ width: 720px; } .story-box-inner .img{ width: 300px; height: 360px; min-width: 300px;} .story-box-inner .story-box-sub{ padding: 30px; } .story-box-inner .story-box-sub .text p{ font-size: 24px;} .story-box-inner .story-box-sub .name-sub{ font-size: 18px;} } @media (max-width: 1100px) { .logo-listing .elementor-image-box-wrapper .elementor-image-box-content{ display: none; } .logo-listing .elementor-container{ display: flex ; gap: 0px; flex-wrap: nowrap; align-items: center; justify-content: center; } .logo-listing .elementor-container>div{width: auto; } .header-inner>.elementor-container>.elementor-column{ width: auto; } .header-inner>.elementor-container{ gap: 10px; flex-direction: row-reverse;} .header-inner>.elementor-container>.elementor-column .elementor-icon-box-content{ display: none;} .overlay-box-main .over-box-main h2{ font-size: 45px;} .overlay-box-main{ border-radius: 0; } .Libido-section-outer .swiper-arrow-dot-row{ padding: 24px 20px 0; } .overlay-box-main .theme-btn{ padding: 32px 0 0 0; } .theme-btn a{ font-size: 16px;} .heyflow-button { font-size: 16px;} .overlay-box-main .img{ min-height: 550px; } .swiper-arrow-dot-row .swiper-arrow-box>div{ height: 40px; width: 40px; } .swiper-arrow-dot-row .swiper-arrow-box{ gap: 14px;} .process-section{ padding: 0 20px; } .step-listing .step-box-main a{ padding: 24px 0 0 0; } .step-listing .step-box-main a h6{ font-size: 20px;} .step-listing{ gap:12px;} .step-listing .step-box-main{ width: calc(25% - 9px);} .process-block-main .desktop-images .process-img-box{ border-radius: 20px; } .step-listing .step-box-main a .text p{ font-size: 14px; line-height: 1.5;} .story-section-outer .swiper-arrow-dot-row{ position: relative; margin: 24px auto 0; display: flex; align-items: center; justify-content: center; right: auto; } .process-section-ele::after{ border-radius: 20px; left: 0; right: 0; } } @media (max-width: 992px) { .three-colum.elementor-section .elementor-container{ gap: 36px;} .three-colum.elementor-section .elementor-container>.elementor-column{ width: 100%; } .three-colum.elementor-section .elementor-container>.elementor-column .inner-image{ top: auto !important; position: relative; right: 0; margin: -70px 20px -20px 0; } .three-colum.elementor-section .elementor-container>.elementor-column .inner-image img{ max-width: 44px; } .icon-title-listing.elementor-section .elementor-container{ gap: 4%; row-gap: 30px; } .three-colum.elementor-section .elementor-container>.elementor-column .inner-image{ top: 160px; } .story-section-outer .swiper-slide{ width: 600px; } .story-box-inner .img{ width: 280px; height: 340px; min-width: 280px;} .story-box-inner .story-box-sub{ padding: 24px; } .story-box-inner .story-box-sub .text p{ font-size: 20px;} .story-box-inner .story-box-sub .name-sub{ font-size: 16px;} .story-box-main .icon{ width: 80px; height: 80px; background-size: 100% auto; right: -23px;bottom: -26px;} } @media (max-width: 767px) { .step-listing{ flex-direction: column;} body .new-header>.elementor-container{display: flex ;align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap;} body .new-header>.elementor-container>div{ width: auto; } .three-colum.elementor-section .elementor-container>.elementor-column{ border-radius: 20px; } .icon-title-listing.elementor-section .elementor-container{ gap: 30px;} .process-block-main .desktop-images{ display: none; height: 450px; } .step-listing{ flex-direction: column; padding: 0px 0 0 0; } .step-listing .step-box-main{ width: 100%;} .step-listing .step-box-main a{ padding: 24px 0; text-align: center; } .step-listing .step-box-main a .mobile-img{ margin:14px 0 24px 0; display: none ;width: 100%; border-radius: 16px; overflow: hidden;} .step-listing .step-box-main.active a .mobile-img{display: block;} .step-listing .step-box-main a .mobile-img img{ width: 100%; height: auto; } .team-box-main .team-box-sub{ padding: 16px 10px 20px; } .team-box-main .team-box-sub h4{ font-size: 24px;} .team-box-main .team-box-sub .name-sub{font-size: 16px;} .team-section-outer .swiper-arrow-dot-row{ padding: 24px 0 0 0; } .story-section-outer .swiper-slide{ width: 600px; } .story-box-inner .img{ width: 100%; height: 432px; min-width:100%;} .story-box-inner .story-box-sub{ padding: 24px; } .story-box-inner .story-box-sub .text p{ font-size: 20px;} .story-box-inner .story-box-sub .name-sub{ font-size: 16px;} .story-box-main .icon{ width: 80px; height: 80px; background-size: 100% auto; right: -23px;bottom: -26px;} .story-section-outer .swiper-slide{ width: 100%;} .story-box-inner{ flex-direction: column;} .footer-new::after{ border-radius: 20px; left: 20px; right: 20px; } .footer-image img{ width: 120%; min-width: 520px;} .footer-image .elementor-widget-container{display: flex ;align-items: center; justify-content: center; } .footer-wapper{ overflow: hidden; } body .heyflow-button{ font-size: 14px; padding: 10px 14px;} } @media (min-width: 568px) and (max-width: 767px) { } @media (min-width: 240px) and (max-width: 567px) { } .Libido-section-outer .swiper-arrow-box { display: none; } .custom-center-align {text-align: center;} .custom-right-align {text-align: right;} button.heyflow-button.secondary { background: transparent !important; color: #c58876; } button.heyflow-button.secondary:hover { background: #c58876 !important; color: #ffffff !important; } @media (min-width: 1025px) { .custom-icon-boc .elementor-icon-box-wrapper { float: right; margin-right: 20px; } .custom-button-header { width: max-content !important; } .header-inner .elementor-container.elementor-column-gap-default { justify-content: flex-end; } } @media (max-width: 767px) { .text-align-center-mobile .elementor-widget-container { text-align: center; } }