/** * Theme Name: dofi Child * Description: Child theme for the dofi * Author: LineThemes * Template: dofi */ :root { --e-global-color-primary: #2C2E35; --e-global-color-secondary: #906225; --e-global-color-text: #7A7A7A; --e-global-color-accent: #007F67; } html body { background-color: #e8e6e0;font-family: Google Sans;font-style: normal;color: var(--e-global-color-accent);font-size: 16px;line-height: 150%; } body .wrap { width: 1680px;max-width: 92.381%; } body .logo.logoDefault { width: auto;height: auto; } body .logo.logoLight { width: auto;height: auto; } body .logo.logoDark { width: auto;height: auto; } body .button, body input[type="button"], body input[type="submit"], body button { border: 1px solid rgba(255, 255, 255, 0); } body input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), body textarea, body select { background: rgba(255, 255, 255, 0.9);border: 1px solid rgba(0, 0, 0, 0); } body .content-inner[data-grid] .post, body .content-inner[data-grid-normal] .post { padding-left: 24.000000px;padding-right: 24.000000px;margin-bottom: 48px; } body .content-inner[data-grid], body .content-inner[data-grid-normal] { margin-left: -24px;margin-right: -24px; } body:not(.is-loaded):after, body:not(.is-loaded):before { content: none !important; } body ::selection { background: var(--e-global-color-accent); } body ::-moz-selection { background: var(--e-global-color-accent); } body .bgPrimary, body .site-footer, body .off-canvas-left, body input[type="submit"], body input[type="button"], body button, body .button:not([class*="product_type_"]), body .search-results .main-content .search-results .post a:hover:before, body .button:not([class*="product_type_"])::before, body .post-image a:after, body .pp-post-thumbnail a:after, body .projects-style1 .project-thumbnail > a, body .projects-style2 .project-inner:hover .project-title a:after, body .projects-style3 .project-inner:hover .project-thumbnail > a, body .projects-style2 .project-thumbnail > a::after, body .site .elementor-widget-pp-info-box-carousel .pp-info-box:hover > a .pp-info-box-title-container:after, body .site .elementor-widget-pp-info-box-carousel.style2 .pp-info-box-icon:after, body .site .elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item:after, body .site .pp-posts-carousel .pp-post-wrap:hover .pp-post-title:before, body [class*="swiper"] .swiper-pagination .swiper-pagination-bullet-active, body .site .elementor-widget-image-box .elementor-image-box-img a:after, body .site .elementor-widget-image-box:hover .elementor-image-box-title a:after, body .menu-primary .sub-menu, body.content-header-primary .content-header, [class*="header-style"] .header-info-text .gtranslate_wrapper .gt_float_switcher .gt_options { background-color: var(--e-global-color-accent); } body .colorPrimary, body a, body h1, body h2, body h3, body h4, body h5, body h6, body .post-tags a:hover, body .button:not([class*="product_type_"]).white, body .navigation .page-numbers:not(.next), body .button.colorPrimary.outline, body .projects-style1 .project-inner:not(:hover) .project-title a, body .projects-style1 .project-inner:hover .project-thumbnail > a:before, body .elementor-widget-n-accordion summary .e-n-accordion-item-title-text, body .e-n-accordion-item-title-icon, body .site .elementor-grid-1 .pp-post:hover .pp-post-title a:before, body .site .elementor-widget-pp-info-box-carousel .pp-info-box .pp-info-box-footer a:before, body .site-footer .quick-request .field label, body .site-footer .wpcf7-acceptance input[type="checkbox"]:checked::after, body .site .bgPrimary .elementor-widget-pp-info-box-carousel .pp-info-box:hover > a .pp-info-box-title-container:after, body .site .elementor-widget-pp-info-box-carousel .pp-info-box:hover .pp-info-box-icon-wrap a:before { color: var(--e-global-color-accent); } body .brPrimary, body input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus, body textarea:focus, body select:focus, body .projects-style2 .project-inner:hover, body .site-footer .quick-request input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--e-global-color-accent); } body .bgAccent, body .widget_archive label:before, body .widget_categories label:before, body .wp-block-archives-dropdown label:before, body .wp-block-archives label:before, body .widget_text .textwidget p + .wp-caption + p + form:after, body table#wp-calendar tbody tr td a:before, body .wp-calendar-nav span[class*="wp-calendar-nav"] a::before, body .widget_nav_menu .menu li .menu-item-toggle span:after, body .wp-block-categories-dropdown:before, body .projects-filter ul li:before, body .site-content .wp-block-pullquote.style2:before, body .site-content .wp-block-pullquote.style2:after, body .site .elementor-widget-pp-info-list .pp-infolist-icon-wrapper .pp-info-list-number:after, body h6.elementor-heading-title:before, body .menu-primary > li > a:after, body .site-footer .quick-request .field:last-child input[type="submit"], body .wpcf7-form .form-row.ui-dropdown .wpcf7-form-control-wrap:before, body [class*="header-style"] .header-info-text .gtranslate_wrapper .gt_float_switcher .gt_options, body .wpcf7-form .form-row .wpcf7-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label, body .wpcf7-form .form-row .wpcf7-radio .wpcf7-list-item input:checked + .wpcf7-list-item-label,.menu-sliding li .menu-item-toggle:after { background-color: var(--e-global-color-accent); } body .colorAccent, body [data-target="off-canvas-left"]:before, body .menu-extras > li i, body .site-content .page-title-inner:after, body #go-back i, body select, body .navigation .page-numbers:not(.next):not(:hover), body .navigation .page-numbers.next:after, body .related-posts-title::before, body .comments-title::before, body .comment-reply-title::before, body .single .post-date-left:before, body .wp-block-search label.wp-block-search__label:before, body .widget_search .search-form label .screen-reader-text:before, body .tagcloud a:before, body .wp-block-tag-cloud a:before, body .comment-form label:not([for="wp-comment-cookies-consent"]), body .navigation .nav-links li a span:after, body [class*="header-style"] .shopping-cart-items-count, body .post-tags a, body .search-results .post-date, body .search-results .post-index, body .search-results .main-content .search-results a:before, body .projects-style1 .project-inner, body .projects-style1 .project-inner a, body h2 b:after, body h3 b:after, body h4 b:after, body h5 b:after, body h6 b:after, body h1 strong:after, body h2 strong:after, body h3 strong:after, body h4 strong:after, body h5 strong:after, body h6 strong:after, body .elementor-heading-title:after, body .pp-second-text:after, body .elementor-widget-n-accordion summary:before, body .pp-info-list-number, body .site .elementor-widget-pp-advanced-accordion.style2 .pp-accordion-title-text:before, body .pp-info-list-title:after, body .site .elementor-widget-pp-team-member .pp-tm-description a.link, body .elementor-button-link#go-back:before, body .site .elementor-widget-pp-info-box-carousel .pp-info-box .pp-info-box-icon-wrap a:before, body .contactBox h3:before, body .pp-pricing-table-price-duration span, body .excluded, body .pp-info-box-title-container::after, body [class*="header-style"] .header-info-text .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang:before, body [class*="list-style"] li:before,.post-title:after, body .site .bgPrimary .elementor-widget-pp-info-box-carousel .pp-info-box .pp-info-box-footer a:before { color: var(--e-global-color-accent); } body.header-light [class*="site-header"] .navigator li > a:hover { color: #ffffff; } body.header-light .menu-primary > li > a:after { background-color: #ffffff; } body .pp-button-icon-number { color: #ffffff; } body .pp-buttons-halign-center .pp-buttons-group .pp-button-icon-number { color: var( --e-global-color-secondary ); } body a:hover { color: var( --e-global-color-secondary ); } body .brAccent { border-color: var(--e-global-color-accent); } body .colorLight { color: #e8e6e0; } body .bgLight { background-color: #e8e6e0; } body .brLight { border-color: #e8e6e0; } body .bgDark, body input[type="submit"]:hover, body input[type="button"]:hover, body button:hover, body .button:not([class*="product_type_"]):hover, body .site .bgPrimary .elementor-widget-pp-info-box-carousel .pp-info-box .pp-info-box-footer a:after { background-color: var(--e-global-color-secondary); } body .colorDark { color: var(--e-global-color-secondary); } body .brDark { border-color: var(--e-global-color-secondary); } body #site .form-row .wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-not-valid { border-color: #b03d2a; } body .site .elementor-widget-pp-info-box-carousel.step .pp-info-box:after { background: linear-gradient(0deg,var(--e-global-color-accent);0%, rgba(255, 255, 255, 0) 100%); } body .site .bgPrimary .elementor-button-link#go-back:before { color: #fff; } /*Calculator Iframe CSS Start*/ .VisiCalcClass {background:url(/staticAssets/calculators/load.gif) 50% 15% no-repeat; background-size: 80px 80px; min-width: 750px; min-height:800px; margin:0; padding:0; } #Loan_Repayment_Calculator { min-height:750px !important; } #Borrowing_Power_Calculator { min-height:750px !important; } #Budget_Planner { min-height:2850px !important; } #Compound_Interest_Calculator { min-height:850px !important; } #Credit_Card_Calculator { min-height:900px !important; } #How_Long_to_Repay_Calculator { min-height:750px !important; } #Interest_Only_Mortgage_Calculator { min-height:750px !important; } #Saving_Calculator { min-height:600px !important; } #Split_Loan_Calculator { min-height:800px !important; } #Property_Selling_Cost_Calculator { min-height:700px !important; } #Reverse_Mortgage_Calculator { min-height:1100px !important; } #Stamp_Duty_Calculator { min-height:800px !important; } #Income_Gross_Up_Calculator{ min-height:900px !important; } #Income_Gross_Up_Calculator{ min-height:900px !important; } #RentvsBuyCalculator { min-height:1100px !important; } #Mortgage_Switching_Calculator { min-height:1100px !important; } @media screen and (max-width: 767px) { .VisiCalcClass {min-width: 100%; min-height:1250px; margin:0; padding:0;} #Loan_Repayment_Calculator { min-height:1250px !important; } #Borrowing_Power_Calculator { min-height:1800px !important; } #Budget_Planner { min-height:5000px !important; } #Comparison_Rate_Calculator { min-height:1450px !important; } #Compound_Interest_Calculator { min-height:1200px !important; } #Credit_Card_Calculator { min-height:1500px !important; } #Extra_Repayment_Calculator { min-height:1450px !important; } #Home_Loan_Offset_Calculator{ min-height:1400px !important; } #How_Long_to_Repay_Calculator { min-height:1250px !important; } #Interest_Only_Mortgage_Calculator { min-height:1450px !important; } #Saving_Calculator { min-height:1250px !important; } #Introductory_Rate_Loan_Calculator{ min-height:1400px !important; } #Lump_Sum_Repayment_Calculator { min-height:1450px !important; } #Split_Loan_Calculator { min-height:1550px !important; } #Loan_Comparison_Calculator { min-height:1800px !important; } #Property_Buying_Cost_Calculator { min-height:1850px !important; } #Property_Selling_Cost_Calculator { min-height:1650px !important; } #Reverse_Mortgage_Calculator { min-height:1900px !important; } #Stamp_Duty_Calculator { min-height:1250px !important; } #Income_Gross_Up_Calculator{ min-height:1700px !important; } #Income_Gross_Up_Calculator{ min-height:1700px !important; } #RentvsBuyCalculator { min-height:1900px !important; } #Mortgage_Switching_Calculator { min-height:1900px !important; } } /*Calculator Iframe CSS End*/ .search-box form input::-webkit-input-placeholder { color: var(--e-global-color-accent); opacity: 1 } .search-box form input::-moz-placeholder { color: var(--e-global-color-accent); opacity: 1 } .search-box form input:-ms-input-placeholder { color: var(--e-global-color-accent); opacity: 1 } .search-box form input:-moz-placeholder { color: var(--e-global-color-accent); opacity: 1 } .header-info-text { z-index: 2 } .navigator.menu-extras { z-index: 3; } .search-box .widget.widget_search { z-index: 2; } .search-box a { z-index: 3; } #main-content .Faq_Data iframe { margin-bottom: 30px; } #main-content .Faq_Data .e-n-accordion { flex-direction: column; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item, #main-content .Faq_Data .e-n-accordion .e-n-accordion-item[open] { width: 100%; margin: 20px 0 } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item-title-icon span:before, #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary:before { display: none; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item-title-icon { display: block; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary .e-n-accordion-item-title-text, #main-content .Faq_Data .e-n-accordion .e-n-accordion-item[open] summary .e-n-accordion-item-title-text { font-size: 24px } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary { justify-content: space-between; padding-right: 40px; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item { border: none; padding: 0; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item:hover:after { display: none; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item-title-icon span.e-opened::before { display: none; } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item-title-icon span svg { display: block; } #main-content .Faq_Data iframe, #Loan_Repayment_Calculator { min-height: inherit !important; height: 550px !important; overflow: auto !important; } #main-content .Faq_Data .e-n-accordion-item-title-icon { height: 20px; top:0; bottom:0; margin: auto; } #main-content .Faq_Data .e-n-accordion-item-title { position: relative; } #main-content .Faq_Data .elementor-element.e-con-full.e-flex.e-child { position: relative; overflow: auto; } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg { fill: var(--e-global-color-accent) !important; } @media(max-width: 991px){ #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary .e-n-accordion-item-title-text, #main-content .Faq_Data .e-n-accordion .e-n-accordion-item[open] summary .e-n-accordion-item-title-text { font-size: 20px } #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary { justify-content: space-between; padding-right: 30px; } } @media(max-width: 767px){ #main-content .Faq_Data .e-n-accordion .e-n-accordion-item summary .e-n-accordion-item-title-text, #main-content .Faq_Data .e-n-accordion .e-n-accordion-item[open] summary .e-n-accordion-item-title-text { font-size: 18px } .search-box a span { display: none; } } /* Start - Header CSS*/ .site-header.header-style1.header-transparent .header-brand, .site-header-sticky.header-style .header-brand, .header-light .site-header .header-brand { width: 240px; overflow: hidden; } .site-header.header-style1.header-transparent .header-brand a img, .off-canvas-left-active [class*="header-style"] .header-brand a img, .site-header-sticky.header-style .header-brand img, .header-light .site-header .header-brand img { width: 100%; filter: drop-shadow(0 69px 0 #ffffff); -webkit-filter: drop-shadow(0 69px 0 #ffffff); } body.header-light .site-header.header-transparent .header-brand img { transform: inherit; filter: inherit; -webkit-filter: inherit; filter: brightness(0) invert(1); } @media(min-width: 1025px){ .header-style1 nav.navigator, .header-style1 + .header-style nav.navigator { width: 45% } } @media(min-width: 1200px){ .header-style1 nav.navigator, .header-style1 + .header-style nav.navigator { width: 50% } } @media(min-width: 1450px){ .header-style1 nav.navigator, .header-style1 + .header-style nav.navigator { width: 60% } } @media(max-width: 575px){ [class*="header-style"] .site-header-inner { gap: 15px; } .site-header.header-style1.header-transparent .header-brand, .site-header-sticky.header-style .header-brand, .header-light .site-header .header-brand { width: 180px; } /*.site-header.header-style1.header-transparent .header-brand a img, .off-canvas-left-active [class*="header-style"] .header-brand a img, .site-header-sticky.header-style .header-brand img, .header-light .site-header .header-brand img { filter: drop-shadow(0 52px 0 #ffffff); }*/ } /* End - Header CSS*/ .pp-buttons-halign-left .pp-button-content-wrapper .pp-button-content-inner { text-align: left; } .pp-buttons-halign-left .pp-button-content-wrapper .pp-button-icon.pp-button-icon-number { color: var( --e-global-color-accent ); } body .site-footer a:hover { color: #ffffff; text-decoration: underline; } body .site-footer .social-icons a:hover { text-decoration: none; } body .site-footer .social-icons a:hover:after { text-decoration: underline; } body .site-footer .social-icons a:after { transition: all 0.3s ease-in-out; } .pp-info-box-above-title.Services_data .pp-info-box-container .pp-info-box { outline: 1px solid #a4a29e; } .page-template-template-fullwidth .content-header.content-header-left { display: none; } .page-template-default .content-header.content-header-left { display: flex; } .elementor-element.pp-buttons-stack-desktop.elementor-fixed.center_y.bg-blur.elementor-hidden-tablet.elementor-hidden-mobile.pp-buttons-valign-middle { background-color: rgba(0, 0, 0, 0.4); } @media(min-width: 768px){ .widget.menu-style3 ul li a:after { min-width: 50px; width: 50px; } } .site .elementor-widget-pp-info-box-carousel.style2.nolink .pp-info-box .pp-info-box-icon img { filter: grayscale(0); } .site .elementor-widget-pp-info-box-carousel.style2.nolink .pp-info-box .pp-info-box-icon:after, .site .elementor-widget-pp-info-box-carousel.style2.nolink .pp-info-box .pp-info-box-icon:before { display: none; } .single-post .post-content [class*="wp-block-"] { margin-bottom: 20px; } .single-post .post-content .wp-block-button a.wp-element-button { text-decoration: none; } @media only screen and (min-width: 1025px){ .single-post .site-content .content-header.content-header-left .page-title-wrap .page-title-inner { width: 100%; } } .disclaimer-data { padding-top: 50px;} @media(max-width: 1024px) { .disclaimer-data { padding-bottom: 40px; padding-top: 40px; } } .main-content p.wp-block-paragraph { margin-bottom: 20px; } .main-content .content:last-child { margin-bottom: 0; } .site-footer dl dd { margin: 0 0 16px 30px; } .widget.menu-style3 ul li { padding: 15px 0; } .widget.menu-style3 ul li a { font-size: 22px; line-height: 1.4; } .widget.menu-style3 ul li a:after { font-size: 20px; } @media(max-width: 991px){ .widget.menu-style3 ul li a { font-size: 20px; } .widget.menu-style3 ul li a:after { font-size: 18px; } } @media(max-width: 767px){ .widget.menu-style3 ul li a { font-size: 18px; } .widget.menu-style3 ul li a:after { font-size: 16px; } } .bottom-logo-image .gallery { gap: 30px; margin-top: 20px; } .bottom-logo-image .gallery-item a, .bottom-logo-image .gallery { display: flex; flex-wrap: wrap; align-items: center; height: 100%; } .bottom-logo-image .gallery-item img { max-width: 150px; height: auto; max-height: 70px; object-fit: contain; } .single-post .cat-item.cat-item-1, .single-post .page-title-wrap .post-meta-single, .single-post #tag_cloud-1, .single-post .post-date-left, .single-post #comments { display: none; } .whatsapp-wrap { position: fixed; bottom: 50px; right: 30px; z-index: 100; width: 50px; display:inline-flex; } .whatsapp-wrap img { display: block; } @media(max-width: 1600px){ .whatsapp-wrap { bottom: 120px; } } @media(max-width: 767px){ .whatsapp-wrap { bottom: 30px; right: 20px; } } .footerbutton a.btn { border: 1px solid #ffffff; padding: 12px 32px 12px 32px; } .footerbutton a.btn:hover { background: #ffffff; color: var(--e-global-color-accent) !important; text-decoration: none !important; } .single-post #main-content { padding-left: 0; } .rightside-area {display: inline-flex; vertical-align: top; width: 40%; flex-direction: column; align-items: flex-start; } .footerbutton {display: inline-flex; vertical-align: top; width: 48%; flex-direction: column; align-items: flex-start; margin-right: 50px } @media(max-width: 767px){ .rightside-area { width: 100%; } .footerbutton { width: 100%; margin-right: 0; } }