/* Theme Name: Finxpert Theme URI: https://wordpress.zozothemes.com/finxpert/ Author: zozothemes Author URI: https://zozothemes.com/ Text Domain: finxpert Tested up to: 6.6 Version: 2.0.2 Requires at least: 6.7 Requires PHP: 8.0 Description: Finxpert brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2021 works great in many languages, for any abilities, and on any device. Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (https://www.gnu.org/licenses/gpl-2.0.html) */ /*------------------------------------------- TABLE OF CONTENT ---------------------------------------------*/ /**! 01. Normalize **/ /**! 02. Header **/ /**! 03. Page title bar **/ /**! 04. Default Blog **/ /**! 05. Blog Single **/ /**! 06. Comments **/ /**! 07. Pagination **/ /**! 08. Elementor common styles **/ /**! 09. Footer **/ /**! 10. Widgets **/ /**! 11. Full Screen Search **/ /**! 12. Social Color **/ /**! 13. Gutenberg **/ /**! 14. Shortcodes & Overwrite css of CEA **/ /**! 15. Dark Mode **/ /**! 16. 404 **/ /**! 17. responsive **/ /**! 18. RTL **/ /*-------------------------------------------------------------- 01. Normalize --------------------------------------------------------------*/ :root { --sec-bg: #2F4F4F; --sec-dark-bg: #163838; --bg-light-clr: #f2f4f3; --border-color: #eaeaea; --trans-color: transparent; --bg-ext: rgba(255,255,255,.05); --dark-overlay-color : rgba(0,0,0, 0.05); --light-color: #ffffff; --drk-txt-color: #212121; --default-text-color: #797979; --head-font-semibold: 600; --head-font-bold: 700; --border-radius-30: 30px; --border-radius-20: 20px; --trans-dft: all .3s; } *,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none;height:auto;max-width:100%;}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll} .page-loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; z-index: 99999; background-color: #fff; } .page-loader.intiate { transition: all ease 0.35s; } .page-loader.loaded { opacity: 0; visibility: hidden; transition: all ease 0.35s; } .page-load-end .page-loader { visibility: hidden; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .page-load-initiate span.page-loader-divider, .page-load-end span.page-loader-divider { position: absolute; height: 1px; width: 100%; transition: all ease 0.35s; transform: translate(-50%, -50%); top: 50%; left: 0; right: auto; background: #fff; z-index: 9; animation: linezoom 5s infinite; } .page-load-end span.page-loader-divider { width: 100%; opacity: 0; transform: translateX(0); left: 0; } @keyframes linezoom { from { transform: scale(0); } to { transform: scale(1); } } html { scroll-behavior: smooth; } .page-load-initiate .page-loader,.page-load-end .page-loader { background: transparent; } .page-load-initiate .page-loader:before,.page-load-end .page-loader:before,.page-load-initiate .page-loader:after,.page-load-end .page-loader:after { content: ""; position: fixed; left: 0; height: 50%; width: 100%; background: -webkit-gradient(linear, left top, right top, from(#0c3df4), to(#02b5ff)); background: -webkit-linear-gradient(left, #0c3df4 0%, #02b5ff 100%); background: -o-linear-gradient(left, #0c3df4 0%, #02b5ff 100%); background: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .page-load-initiate .page-loader:before,.page-load-end .page-loader:before { top: 0; } .page-load-initiate .page-loader:after, .page-load-end .page-loader:after { bottom: 0; } .page-load-end .page-loader:before,.page-load-end .page-loader:after { height: 0; -webkit-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1); -o-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1); transition: all 0.7s cubic-bezier(1, 0, 0.55, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; color: #151515; font-weight: 400; font-size: 16px; line-height: 1.7; } .fa, .fas { font-family: 'FontAwesome'; font-weight: 400; } body.rtl { direction: rtl; } a { text-decoration: none; outline: none; cursor: pointer; color: #151515; } a:focus, a:hover, a:active { text-decoration: none; outline: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } p:last-child { margin-bottom: 0; } p { margin-top: 0; margin-bottom: 1rem; } ul, ol { padding-left: 15px; } ul:last-child, ol li:last-child { margin-bottom: 0px; } ol li { margin-bottom: 8px; } ul.nav>li { display: inline-block; } img, video { max-width: 100%; height: auto; } img { display: block; margin: 0 auto; } svg { width: 1em; height: 1em; } .img-scale img { transform: scale(0.9); } select { height: 55px; line-height: 55px; padding: 0 10px; } select:focus { outline: 0; } iframe { border: 0; } input:focus { outline: 0; } span:focus { outline: 0; } ::selection { color: #fff; } pre { background: #eeeeee none repeat scroll 0 0; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } table td, table th { border: 1px solid #e1e1e1; padding: 5px 10px; } input, .wp-block-search__input { min-height: 40px; border-radius: 4px; border: 1px solid rgba(234,234,234,0.5); } form.post-password-form input { height: 54px; } .wp-block-search__input { min-height: 52px; border-radius: 4px; border: 1px solid rgba(234,234,234,0.5); padding: 0 12px; } table { margin-bottom: 25px; width: 100%; text-align: center; } svg { fill: currentColor; } ul { margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #252525; } .bypostauthor { display: block; } figure.alignnone, figure.aligncenter { max-width: fit-content; max-width: -webkit-fill-available; } /*Theme Color*/ .page-title-wrap a, .logged-in-as a, .footer-widgets-wrap a:hover { color: #000; } .theme-color{ color: #000; } .dark { color: #252525; } /*Bootstrap Class*/ .text-center { text-align: center; } /*Content Inner*/ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; } #site-content { background: #fff; } /*-------------------------------------------------------------- 02. Header --------------------------------------------------------------*/ .site-header.header-absolute { position: absolute; left: 0; right: 0; z-index: 9999; } header a.btn.btn-primary { border: 0; } /*Logo*/ .header-navbar.navbar .header-titles > div { display: block; } .site-logo img { max-width: 160px; padding: 10px 0; } .header-titles a.site-link.sticky-logo-link, .sticky-head.header-sticky .header-titles a.site-link { display: none; } .sticky-head.header-sticky .mobilebar .header-titles a.site-link { display: block; } .sticky-head.header-sticky .header-titles a.site-link.sticky-logo-link { display: block; } /* Element Space Styles/Mobile Bar Styles */ .mobilebar-left, .mobilebar-right, .navbar-left, .navbar-right { margin: 0 -10px; } .mobilebar-left > *, .mobilebar-right > *, .navbar-left > *, .navbar-right > * { padding: 0 10px; } body.mobile-menu-active { overflow: hidden; } body.mobile-menu-active .mobile-menu-floating { overflow-y: auto; } .mobile-menu-floating { position: fixed; background: #fff; z-index: 999999; padding-bottom: 50px; height: 100%; width: 100%; padding: 20px 15px; left: -100%; top: 0; transition: all ease-in-out 0.5s; } body.mobile-menu-active .mobile-menu-floating { left: 0; } body.mobile-menu-active .mobile-menu-floating > * { margin-bottom: 25px; } body.mobile-menu-active .mobile-menu-floating > nav.mobile-menu-wrapper { margin-top: 9px; } body.mobile-menu-active .mobile-menu-floating > *:last-child { margin-bottom: 0; } ul.mobile-menu li { display: block; position: relative; } .mobile-menu-wrapper ul.mobile-menu li > a { padding: 15px 0; line-height: 1; display: block; } i.close-icon:after, i.close-icon:before { content: ""; border-bottom: solid 1px #000; height: 1px; width: 30px; display: block; } i.close-icon:after { transform: rotate(-45deg); } i.close-icon:before { transform: rotate(45deg); } .mobile-menu-floating a.mobile-menu-toggle { position: absolute; right: 20px; top: 30px; } .mobile-menu-floating .header-titles { padding: 10px; margin-top: 30px; } .mobile-menu-active .mobile-menu-floating * .site-title { font-size: 42px; line-height: 52px; } .header-mobilebar.navbar ul.nav.mobilebar.element-left { line-height: 1; } .header-mobilebar ul.nav.mobilebar a i { font-size: 25px; } header address { margin-bottom: 0; } ul.nav > li > a { display: inline-flex; } header .navbar > div > ul.nav > li { padding-right: 30px; position: relative; } header .navbar > div > ul.nav > li:last-child { padding-right: 0; } .wp-menu.mobile-menu li > ul.sub-menu { display: none; } .wp-menu:not(.mobile-menu) > li > ul.sub-menu { position: absolute; left: 0; top: 125%; z-index: 9; opacity: 0; visibility: hidden; transition: all .25s ease-in-out; margin: 0 auto; padding: 0; } .wp-menu:not(.mobile-menu) li > ul.sub-menu.mega-menu { left: 15px; right: 15px; } .header-navbar.navbar > .container { position: relative; } .wp-menu:not(.mobile-menu) li:hover > ul.sub-menu { opacity: 1; visibility: visible; top: 100%; transition: all .25s ease-in-out; } ul.nav.wp-menu > li > ul.sub-menu.mega-menu > li.mega-menu-col > ul.sub-menu { left: 0; margin: 0; top: auto; position: relative; box-shadow: none; display: flex; flex-wrap: wrap; } .header-topbar ul.nav.social-icons > li > a, .header-logobar ul.nav.social-icons > li > a, .header-navbar ul.nav.social-icons > li > a { height: 35px; line-height: 0; width: 35px; } .site-header ul.nav.social-icons > li > a { margin-right: 7px; } .site-header ul.nav.social-icons > li:last-child > a { margin-right: 0px; } header ul.nav.social-icons a span { line-height: 35px; } header a.btn.btn-primary { padding: 15px 30px; } .zozo-block-primary.finxpert-slide { position: relative; } .header-logobar, .header-navbar { padding: 0; } .header-logobar { background-color: #fff; } .header-logobar .header-parts-nav > ul { line-height: 100px; } .header-logobar .header-parts-nav > ul > li > * { vertical-align: middle; display: inline-block; } header ul.nav.wp-menu li > ul.sub-menu.mega-menu li > ul.sub-menu > li { border: 0; } header ul.nav.wp-menu li > ul.sub-menu.mega-menu li { padding: 0px 0px; } header ul.nav.wp-menu li > ul.sub-menu.mega-menu li a { padding: 0px 13px; } span.menu-item-icon { margin-right: 10px; } header .wp-menu li > ul.sub-menu.mega-menu > li > a:before, header .wp-menu li > ul.sub-menu.mega-menu > li > a:after { display: none; } header .wp-menu li > ul.sub-menu.mega-menu li a::before { display: none; } header .wp-menu li > ul.sub-menu.mega-menu > li > a { font-weight: 600; } .site-header .header-navbar.navbar .wp-menu li>ul.sub-menu.mega-menu>li>a { font-weight: 700; } li.menu-item.menu-item-has-children { position: relative; } li.menu-item.menu-item-has-children.menu-item-has-mega-children { position: static; } header ul.nav.wp-menu li > ul.sub-menu li { display: block; position: relative; line-height: 35px; padding: 7px 20px 7px 20px; } header ul.nav.wp-menu li > ul.sub-menu li a { position: relative; transition: all .3s; } header ul.nav.wp-menu li > ul.sub-menu li a:hover { padding-left: 30px; transition: all .3s; } header ul.nav.wp-menu li > ul.sub-menu li a:before { content: ""; position: absolute; left: 0; width: 14px; height: 4px; background: #000; top: 50%; transform: translateY(-50%); border-radius: 20px; opacity: 0; transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.25, 1, 0.55, 1) 0s; left: -20px; } header ul.nav.wp-menu li > ul.sub-menu li a:hover:before { opacity: 1; left: 9px; } header ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu li:last-child { padding-bottom: 20px; } header ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu li:first-child { padding-top: 20px; } header ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li.menu-item-has-children > .sub-menu li:first-child:last-child { padding: 7px 20px; } header .wp-menu li > ul.sub-menu ul.sub-menu { left: 100%; top: 20px; padding: 0; } ul.sub-menu.mega-menu { display: flex; } header ul.nav.wp-menu li > ul.sub-menu li a { display: block; padding: 0 15px; font-weight: bold; } ul.nav.wp-menu > li.menu-item-has-children > a { position: relative; } ul.nav.wp-menu > li.menu-item-has-children > a:after { content: "\e64b"; position: absolute; right: 0; font-family: themify; font-size: 10px; } ul.mobile-menu li.menu-item-has-children ul.sub-menu { padding-left: 15px; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu { width: 250px; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 10px; z-index: 99; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu, ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu .sub-menu { left: 100%; top: 0; position: absolute; margin-left: 0; min-width: 275px; opacity: 0; visibility: hidden; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children):hover > .sub-menu > li > ul.sub-menu .sub-menu { opacity: 1; visibility: visible; top: 0; transition: all .25s ease-in-out; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; } ul.mobile-menu li.menu-item-has-children > span.down-arrow:after, ul.mobile-menu li.menu-item-has-children > span.up-arrow:after { font-family: 'bootstrap-icons'; font-size: 17px; } ul.mobile-menu li.menu-item-has-children > span.up-arrow:after { content: "\f63b"; } ul.mobile-menu li.menu-item-has-children > span.down-arrow:after { content: "\f64d"; } ul.mobile-menu li.menu-item-has-children > span { position: absolute; right: 16px; z-index: 999; top: 0; color: #333; border-radius: 4px; width: 50px; height: 50px; text-align: center; } ul.nav.wp-menu > li.menu-item-has-children li.menu-item-has-children > a { position: relative; } ul.nav.wp-menu > li.menu-item-has-children li.menu-item-has-children > a:after { content: "\e649"; font-family: 'themify'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 10px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } ul.nav.wp-menu > li.menu-item-has-children li.menu-item-has-children > a:hover:after { transform: rotate(180deg) translateY(50%); } ul.nav.wp-menu li > ul.sub-menu.mega-menu li { border-right: 1px dashed #eaeaea; } ul.nav.wp-menu li > ul.sub-menu.mega-menu li:last-child { border-right: 0; } ul.nav.wp-menu > li.menu-item-has-children > a { padding-right: 20px; } .overlay-search-form.active .form-control { width: 75%; } .elements-1 .pull-center { margin-left: 50%; margin-right: unset; transform: translateX(-50%); } .pull-right { float: right; } .header-topbar { background: #00152f; font-size: 13px; line-height: 50px; padding: 0; color: #fff; } .topbar-right ul.social-icons > li > a { display: inline-block; padding: 0; line-height: 40px; } .topbar-right > *:last-child { padding-right: 0; } .topbar-right > * { padding-right: 15px; } .topbar-left span.welcome-txt { position: relative; } .topbar-left { position: relative; } .header-navbar, .header-mobilebar { line-height: 100px; background: #fff; } .header-navbar { line-height: 60px; } .header-mobilebar { line-height: 60px; display: none; } .header-mobilebar.navbar ul.nav.mobilebar.pull-right { line-height: 1; } .header-navbar .header-titles { line-height: 1; } .header-navbar a:hover, .header-navbar a:active { color: #000; } ul.nav.social-icons a { padding: 0 5px; border: none; line-height: 25px; font-size: 13px; font-weight: 500; background-color: transparent; text-align: center; } .header-titles > * { display: block; float: none; width: 100%; margin-bottom: 15px; line-height: 1; } .header-titles > a.site-link { margin-bottom: 0; } .header-titles > *:last-child { margin-bottom: 0; } ul.nav>li.header-titles-wrapper > * { display: inline-block; vertical-align: middle; } .header-titles > .site-description { line-height: 1; margin: 0; color: #818488; font-size: 13px; padding: 0px 5px; letter-spacing: 1.5px; } .header-titles > .site-title.inline-heading > a { font-size: 26px; margin-bottom: 5px; font-weight: 700; } .header-titles > .site-logo { margin: 0; max-width: 330px; } .overlay-search-form { position: fixed; height: 100%; width: 100%; left: 0; text-align: center; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; line-height: 1; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; z-index: 999999; } .overlay-search-form > .overlay-form-wrap { position: relative; top: 50%; left: 0; right: 0; margin: 0 auto; display: block; transform: translateY(-50%); max-width: 80%; } .overlay-search-form.active { visibility: visible; opacity: 1; } .overlay-search-form .overlay-search-trigger { position: absolute; right: 30px; top: 30px; } .overlay-search-form .overlay-search-trigger > svg { color: #fff; height: 30px; width: 30px; } .site-header .container-fluid { padding: 0 30px; } /*Secondary bar styles*/ body.secondary-bar-active { overflow: hidden; } body.secondary-bar-active .secondary-bar-wrapper .wp-block-contact-form-7-contact-form-selector { padding: 10px 26px 15px 26px; background-color: var(--bg-light-clr); border-radius: 20px 20px 0px 20px; border: 1px solid var(--border-color); } .secondary-bar-wrapper { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.9); z-index: 99999; top: 0; opacity: 0; visibility: hidden; transition: all ease-in-out .35s; } .secondary-bar-inner { padding: 60px 20px 40px 20px; } .secondary-bar-wrapper.from-right { left: 0; transform: translateX(25%); } .secondary-bar-wrapper.from-left { right: 0; transform: translateX(-25%); } .secondary-bar-inner { position: absolute; top: 0; width: 300px; max-width: 100%; height: 100%; overflow-y: auto; background: #fff; transition: all 0.35s ease-in-out .35s; } .secondary-bar-wrapper.from-right .secondary-bar-inner { right: -300px; } .secondary-bar-wrapper.from-left .secondary-bar-inner { left: -300px; } body.secondary-bar-active .secondary-bar-wrapper { opacity: 1; visibility: visible; transform: translateX(0); } body.secondary-bar-active .secondary-bar-wrapper.from-right .secondary-bar-inner { right: 0; box-shadow: 0px 0px 9px -1px rgba(64,64,64,0.6); -webkit-box-shadow: 0px 0px 9px -1px rgba(64,64,64,0.6); -moz-box-shadow: 0px 0px 9px -1px rgba(64,64,64,0.6); } body.secondary-bar-active .secondary-bar-wrapper.from-left .secondary-bar-inner { right: auto; left: 0; } .secondary-bar-inner a.secondary-menu-toggle { position: absolute; right: 10px; top: 50px; } ul.nav.post-meta { display: inline-flex; } .header-navbar.navbar > .container > div a.custom-logo-link, .header-navbar.navbar > .container > div a.custom-logo-link > img { padding: 0; position: relative; display: block; } ul.nav.post-meta > li { display: inline-block; vertical-align: middle; } ul.nav.post-meta { display: inline-block; vertical-align: middle; } .footer-copyright { text-align: center; } /* Wpml */ header .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown { display: inline-block; } header .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown a { background: inherit; } header .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu { background: #fff; } /*-------------------------------------------------------------- 03. Page title bar --------------------------------------------------------------*/ header.finxpert-page-header { background-repeat: no-repeat; background-position: center center; background-size: cover; background: #f1f1f1; position: relative; z-index: 0; overflow: hidden; } header.finxpert-page-header:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; } .page-title-wrap { padding-top: 70px; padding-bottom: 75px; } .page-subtitle { margin-top: 12px; } .page-title-wrap { display: table; width: 100%; line-height: 1; position: relative; z-index: 9; } .page-title-wrap:after { content: ""; position: absolute; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0.1))); background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0.1)); background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0.1)); background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.1)); width: 140px; height: 140vh; top: -20%; left: 15%; z-index: -1; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); opacity: .2; } .page-title-wrap > *, .page-title-wrap h1 { display: table-cell; margin: 0; padding: 0; } .page-title-wrap > ul.page-title-elements > * { margin-top : 10px; } .page-title-wrap > ul.page-title-elements > *:first-child { margin-top: 0; } ul.page-title-elements.page-title-center.pull-center h1.page-title { display: block; word-break: break-word; } .page-title-wrap > ul.page-title-elements.pull-center > .breadcrumbs-wrap li.breadcrumb-wrap { display: inline-block; } .page-title-wrap .breadcrumb { background: no-repeat; margin: 0; padding: 0; line-height: 2; color: #fff; } .page-title-wrap .breadcrumb > li > span { line-height: 1; } .page-title-wrap .breadcrumb > li { text-align: left; } i.breadcrumb-delimiter { margin: 0 10px; } i.breadcrumb-delimiter:after { content: "\e649"; font-family: 'themify'; font-size: 10px; font-style: normal; } ul.nav.wp-menu > li { padding: 0 15px; margin: 0; float: left; } ul.nav.wp-menu > li > a { margin: 0; display: initial; font-size: inherit; position: relative; z-index: 9; } .header-navbar { font-size: 14px; } ul.nav.wp-menu > li > a:before { content: ''; position: absolute; left: 0px; bottom: -0.2em; width: 0; height: 6px; background: #000; z-index: 0; transition: 0.2s 0.2s; z-index: -1; } ul.nav.wp-menu > li:hover > a:before { width: 0px; height: 0px; border-radius: 50%; } ul.nav.wp-menu > li:first-child > a{ padding-left: 0; } .widget-content ul { list-style: none; padding-left: 0; } .sticky-outer { height: auto; } .sticky-outer .header-sticky { left: 0; position: fixed; right: 0; top: 0; z-index: 9; } .sticky-head.header-sticky .header-navbar a { color: #000; } .sticky-head.header-sticky .header-navbar a.btn.btn-primary { color: #fff; padding: 10px 30px; } .sticky-head.header-sticky .header-navbar, .sticky-head.header-sticky .header-mobilebar { background: #fff; color: #000; } .sticky-head.header-sticky .header-navbar { background-color: rgb(255,255,255); box-shadow: 0 0 20px -1px rgb(0 0 0 / 10%); -ms-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -o-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px -1px rgb(0 0 0 / 10%); backdrop-filter: blur(12px); } .sticky-head.header-sticky .header-navbar a:hover, .sticky-head.header-sticky .header-navbar a:focus, .sticky-head.header-sticky .header-navbar a:active { color: #000; } .header-mobilebar .site-logo img { max-height: 60px; } .sticky-outer .header-sticky.hide-up { transform: translateY(-100%); transition: all ease 0.7s; } .sticky-outer .header-sticky.sticky-head { -webkit-animation: slide-down 0.35s; -moz-animation: slide-down 0.35s; animation: slide-down 0.35s; z-index: 10; } .sticky-outer .header-sticky.sticky-head.hide-up { -webkit-animation: slide-up 0.35s; -moz-animation: slide-up 0.35s; animation: slide-up 0.35s; } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } /* Toggle Icon */ ul .secondary-toggle-wrapper a.finxpert-toggle { display: inline-block; } a.mobile-menu-toggle > span:last-child, a.finxpert-toggle > span:last-child { margin-bottom: 0; } body.mobile-menu-active a.mobile-menu-toggle > span:last-child, a.finxpert-toggle.active > span:last-child { transform: rotate(-45deg) translateY(-7px); margin-bottom: 0; } body.mobile-menu-active a.mobile-menu-toggle > span:nth-child(2), a.finxpert-toggle.active > span:nth-child(2) { opacity: 0; } body.mobile-menu-active a.mobile-menu-toggle > span:first-child, a.finxpert-toggle.active > span:first-child { transform: rotate(45deg) translateY(7px); margin-bottom: 0; } /*-------------------------------------------------------------- 04. Default Blog --------------------------------------------------------------*/ h2.entry-title { line-height: 38px; font-size: 28px; margin-bottom: 0; text-transform: capitalize; } .blog .entry-title a { word-break: break-word; } h2.entry-title a { color: inherit; } .entry-header { margin-bottom: 18px; } .post-meta a { padding-left: inherit; text-transform: uppercase; font-weight: bold; font-size: 13px; } .post-meta svg { padding: 1px; vertical-align: inherit; color: #000; } .finxpert-masonry > article .entry-content p { margin-bottom: 15px; } /*Blog Grid*/ .finxpert-masonry { position: relative; flex: 0 0 auto; } .finxpert-masonry > article.tag-sticky-2:before { content: "\F4EB"; position: absolute; right: 45px; top: 38px; font-family: 'bootstrap-icons'; font-size: 25px; color: #cfcfcf; } .finxpert-masonry > article { display: inline-block; padding: 30px 30px; overflow: hidden; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); border-radius: 6px; border: 1px solid #F2F5FA; } .finxpert-masonry article > *:last-child { margin-bottom: 0; } .blog .finxpert-masonry .featured-media-inner img { width: 100%; border-radius: 0; } .finxpert-masonry .featured-media { margin-left: -30px; margin-right: -30px; margin-bottom: 30px; } .finxpert-masonry .featured-media:first-child { margin-top: -30px; } article > * { margin-bottom: 15px; } article > *:last-child { margin-bottom: 0px; } body.blog .finxpert-masonry .media .featured-media { order: 0; } body.blog article.post .media figure.featured-media , body.archive article.post .media figure.featured-media { width: 45%; margin-right: 35px; margin-bottom: 0px; } .blog article.post { display: flex; flex-direction: column; } body.archive .finxpert-masonry .media .featured-media { order: 0; } .finxpert-masonry .featured-media{ order: 0 ; } .finxpert-masonry .media .featured-media-inner.section-inner img { border-radius: 0; height: 370px; object-fit: cover; } .finxpert-masonry article .media header.entry-header .entry-title { font-size: 28px; line-height: 38px; } .finxpert-masonry .media .featured-media { margin: 0; } .finxpert-masonry .media { align-items: center; } .finxpert-masonry .media .featured-media-inner.section-inner img { height: 370px; object-fit: cover; } /*-------------------------------------------------------------- 05. Blog Single --------------------------------------------------------------*/ .single-post .top-meta-wrap { margin-bottom: 40px; display: block; overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid rgb(236 238 243); } .single-post .bottom-meta-wrap { margin-bottom: 40px; margin-top: 40px; border-top: 1px solid rgb(236 238 243); border-bottom: 1px solid rgb(236 238 243); padding: 15px 0; display: inline-block; width: 100%; } .single-post .entry-header { margin-bottom: 0; } .post-inner { display: inline-block; width: 100%; margin-bottom: 0; } .featured-media-inner.section-inner img { border-radius: 10px; } .finxpert-masonry .featured-media-inner.section-inner img { border-radius: 0; } .entry-content ul { margin-bottom: 20px; } ul.nav.flex-column.cea-icon-list { margin-bottom: 0; } .wp-block-media-text .wp-block-media-text__content p.has-large-font-size { line-height: 1.1; } blockquote.wp-block-quote p { font-size: 1.5em; } .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 16px; color: #fff !important; } .entry-content .wp-block-archives-dropdown.wp-block-archives, .wp-block-categories-dropdown.wp-block-categories { margin-bottom: 30px; } .entry-content form.wp-block-search__text-button.wp-block-search { margin-bottom: 30px; } blockquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-large:not(.is-style-plain),.wp-block-quote.has-text-align-right, .wp-block-quote { margin: 0 0 1rem; background: #F8F9FB; padding: 30px; font-style: italic; } .wp-block-quote.has-text-align-right { border-left: 0; } blockquote cite { display: block; text-decoration: underline; } .entry-content p.has-large-font-size { line-height: 1.4; } nav.post-nav-links span.label { margin-right: 10px; } nav.post-nav-links .post-page-numbers { width: 59px; height: 35px; display: inline-block; vertical-align: middle; text-align: center; line-height: 34px; background: #eaeaea; margin-right: 5px; border-radius: 0.25rem; } nav.post-nav-links .post-page-numbers:last-child { margin-right: 0px; } .post-page-numbers { color: #fff; } nav.post-nav-links .post-page-numbers:focus { color: #fff; } nav.post-nav-links .post-page-numbers:hover { color: #fff; } nav.post-nav-links { margin-top: 50px; } /*-------------------------------------------------------------- 06. Comments --------------------------------------------------------------*/ .post-comments .comments { margin-bottom: 40px; } .comment-reply-title, .post-comments .post-box-title { font-size: 21px; font-weight: 700; } .comment-reply-title { margin-bottom: 30px; } .comment-content.entry-content { margin-bottom: 0; } .comment-author.vcard img { float: left; } .comment-respond { margin-top: 50px; } .comment .comment-respond { margin-bottom: 50px; } .single-post .comments-wrapper.section-inner div.comments { margin-bottom: 50px; } .single .entry-content h2 { margin-top: 0.7em; margin-bottom: 0.7em; } .entry-content h1 + h2 { margin-bottom: 0.5rem !important; margin-top: 0.5rem !important; } hr { background: #eaeaea; } .comment-metadata > * { font-size: 12px; color: #8b8787; font-weight: 600; } .comment-footer-meta .comment-reply .comment-reply-link { font-weight: 700; text-transform: uppercase; font-size: 13px; border: solid 1px #eaeaea; padding: 0 12px; border-radius: 4px; background-color: #000; position: absolute; top: 30px; right: 30px; color: #fff; } .comments-inner > * { margin-bottom: 30px; } .comment-body { padding: 30px 30px; border: 1px solid rgb(236 238 243); border-radius: 6px; position: relative; box-shadow: 0px 16px 24px rgb(189 196 205 / 13%); } .comments li.comment:last-child { margin-bottom: 0; } input#wp-comment-cookies-consent { min-height: 13px; margin-right: 8px; } .single-post .comments-wrapper.section-inner label { display: block; } .single-post .comments-wrapper.section-inner input, .single-post .comments-wrapper.section-inner textarea { width: 100%; outline: none; border: 1px solid rgb(236 238 243); -webkit-border-radius: 10px 10px 0px 10px; -moz-border-radius: 10px 10px 0px 10px; -o-border-radius: 10px 10px 0px 10px; -ms-border-radius: 10px 10px 0px 10px; border-radius: 10px 10px 10px 10px; box-shadow: 0px 16px 24px rgb(189 196 205 / 13%); min-height: 54px; margin-bottom: 0px; padding: 0 15px; } .single-post .comments-wrapper.section-inner input:hover { color: #fff; } .single-post .comments-wrapper.section-inner input.submit { width: auto; margin-top: 15px; margin-bottom: 0; } .comment-respond p.form-submit { margin-bottom: 0; } input#wp-comment-cookies-consent { min-height: 30px; margin-right: 10px; width: auto; display: inline-block; float: left; } textarea { width: 100%; border: 1px solid #eaeaea; border-radius: 0px; height: 140px; padding: .475rem .75rem; } textarea:focus, input:focus { outline: none; } .comment-respond input[type="submit"] { background: #000000; } .comment-respond .comment-reply-title { margin-bottom: 0; } .comment-respond .comment-reply-title small { margin: 0 20px; text-decoration: underline; } .comment-author.vcard { line-height: 1; } .comment-author.vcard img { margin-right: 15px; max-width: 60px; border-radius: 50%; } .comment-author span.fn { font-size: 18px; font-weight: 900; color: #000; display: block; margin-bottom: 2px; line-height: 23px; } div.comment { margin-bottom: 30px; } div.comment.parent article { margin-bottom: 30px; } .comment-content img { margin-left: 0; margin-top: 20px; } .comment-body .comment-content { font-size: 12px; line-height: 24px; padding-left: 75px; margin-bottom: 20px; } .comment-body .reply { padding-left: 75px; margin-bottom: 0; } .comment-body .reply a.comment-reply-link { padding: 0px 20px; display: inline-block; border-radius: 5px; font-weight: bold; font-size: 12px; background: #0061ea0d; } .comment-author.vcard span.says { font-size: 12px; margin-left: 15px; } div.comment.parent.depth-2, div.comment.parent.depth-3, div.comment.parent.depth-4, div.comment.parent.depth-5 { padding-left: 4%; } div.comment.depth-2 { padding-left: 4%; } /*-------------------------------------------------------------- 07. Pagination --------------------------------------------------------------*/ .pagination-single { position: relative; margin-top: 0px; padding: 30px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 4px; background: #0061ea0d; display: inline-block; width: 100%; } ul.nav.pagination.post-pagination { padding: 30px 0; } ul.nav.pagination.post-pagination > li > a, ul.nav.pagination.post-pagination > li > span { display: inherit; border: 1px solid #eaeaea; padding: 7px 15px; text-align: center; min-width: 45px; border-radius: 4px; background: transparent; color: inherit; } ul.nav.pagination.post-pagination > li { margin-right: 8px; } ul.nav.pagination.post-pagination > li:last-child { margin: 0; } ul.nav.pagination.post-pagination > li > span.active { color: #fff; } /*-------------------------------------------------------------- 08. elementor common styles --------------------------------------------------------------*/ body.elementor-default .finxpert-content-wrap.container.page { max-width: 100%; } .finxpert-content-wrap.container.page .section-inner.error404-content, .finxpert-content-wrap.container .team-content-area .team, .team-content-area .custom-post-nav { max-width: 1400px; margin: auto; } .finxpert-content-wrap > .row > .col-md-12 { padding-left: 0; padding-right: 0; } .elementor-section { position: relative; padding: 130px 0; } .elementor-section.elementor-inner-section { padding: 0 0; } body .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding-left: 15px; padding-right: 15px; } .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default { margin: 0 -15px; } .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { margin: 0 auto; } .blur-shaded > .elementor-column-wrap { -webkit-backdrop-filter: blur(7.2px); backdrop-filter: blur(7.2px); } body .elementor-column-gap-default > .elementor-column > .elementor-element-populated, body .elementor-column-gap-wide>.elementor-column>.elementor-element-populated, body .elementor-column-gap-narrow>.elementor-column>.elementor-element-populated, body .elementor-column-gap-extended>.elementor-column>.elementor-element-populated, body .elementor-column-gap-wider>.elementor-column>.elementor-element-populated { padding-top: 0; padding-bottom: 0; } body .elementor-widget:not(:last-child) { margin-bottom: 0; } .finxpert-content-wrap .elementor-inner-section > .elementor-container.elementor-column-gap-default { margin: 0 -15px; } .finxpert-content-wrap .elementor-section-stretched.elementor-section-full_width .elementor-inner-section > .elementor-container.elementor-column-gap-default { margin: auto; } .elementor-shape-top { top: -2px !important; } /* Flex Container */ .finxpert-content-wrap .e-con>.e-con-inner { max-width: 1400px; } /*-------------------------------------------------------------- 09. Footer --------------------------------------------------------------*/ .footer-widgets-wrap { background: #00152f; color: #ababab; padding-top: 70px; padding-bottom: 50px; border-radius: 1rem 1rem 0px 0px; } .footer-widgets-wrap li a { line-height: 23px; } .footer-widgets-wrap a { color: #fff; } .footer-widgets-wrap .widget .widget-title { color: #fff; } .footer-widgets-wrap .textwidget strong { color: #fff; } .insta-footer-wrap { padding: 30px 0; border-radius: 1rem; position: relative; overflow:hidden; } .insta-footer-wrap:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #171b2c42; } .insta-footer-wrap > * { position: relative; z-index: 9; } .insta-footer-wrap a.btn { font-size: 16px; padding: 15px 30px 15px 30px; } aside.footer-insta-widget a.btn.btn-lg.btn-white:hover { background: #fff; color: #000; } aside.footer-insta-widget.col-12 h3 { max-width: 75%; font-size: 35px; line-height: 50px; } aside.footer-widget-2 h5 { position: relative; display: inline-block; line-height: 1; margin-bottom: 5px; } /*Footer Middle*/ .footer-btn { background: #000; color: #fff; display: inline-block; padding: 8px 26px; font-size: 15px; font-weight: 500; border: 0; border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; color: #000 !important; text-transform: capitalize; text-transform: uppercase; font-weight: 600; } aside.footer-widget-2 { padding-right: 40px; } aside.footer-widget-2:last-child { padding-right: 15px; } .footer-widget-text p { color: #fff; font-size: 15px; line-height: 28px; margin-bottom: 30px; margin-top: 12px; } .footer-widget-text h3 { color: #fff; font-size: 50px; font-weight: 700; } .zozo_social_widget ul.nav.social-icons > li > a { width: 34px; height: 34px; margin-right: 6px; font-size: 12px; line-height: 36px; } /*Footer Bottom*/ .site-footer-wrap, .site-footer-wrap a { color: #ababab; } /*Footer Style 1*/ .footer-widget-1.col-3 { text-align: center; background: #000; padding: 35px 15px 15px; } .footer-widget-2.col-9 { padding-top: 28px; } .footer-bottom-wrap .widget.widget_nav_menu li { display: inline-block; margin-right: 20px; padding-bottom: 0; } .footer-bottom-wrap .widget.widget_nav_menu li:last-child { margin-right: 0; } /*-------------------------------------------------------------- 10. Widgets --------------------------------------------------------------*/ .content-widgets-wrapper .widget_block, .content-widgets-wrapper .content-widgets > .widget { margin-bottom: 40px; padding: 30px; background: #fff; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); border-radius: 10px; border: 1px solid #F2F5FA; } .content-widgets.widget-area-right { padding-left: 15px; } .widget .widget-title { margin-bottom: 20px; padding-bottom: 0; color: #252525; } /*widget general*/ .widget { max-width: 100%; overflow: hidden; margin-bottom: 25px; } .site-footer .widget-content h1, .site-footer .widget-content h2, .site-footer .widget-content h3, .site-footer .widget-content h4, .site-footer .widget-content h5, .site-footer .widget-content h6 { color: #fff; } .wp-block-group__inner-container h2 { font-size: 22px; line-height: 1.2; } .widget:last-child { margin-bottom: 0; } .widget-title { margin-bottom: 30px; position: relative; padding-top: 0; font-size: 21px; line-height: 30px; } .wp-block-group__inner-container h1, .wp-block-group__inner-container h2, .wp-block-group__inner-container h3, .wp-block-group__inner-container h4, .wp-block-group__inner-container h5, .wp-block-group__inner-container h6 { margin-bottom: 25px; } .widget ul li, .widget ol li { padding: 5px 0; margin-bottom: 0; } .widget select { width: 100%; border: 1px solid #eaeaea; color: #818488; } .content-widgets-wrapper .widget_categories ul li a, .content-widgets-wrapper .widget_archive ul li a{ color: #000; padding-left: 25px; position: relative; } .widget.widget_categories li ul.children, .widget.widget_pages li ul.children{ padding-left: 20px; padding-top: 20px; } .widget.widget_archive ul li { position: relative; width: 100%; } .widget li.menu-item.menu-item-has-children ul.sub-menu { padding-left: 15px; padding-top: 10px; } .widget.widget_nav_menu li { padding-bottom: 8px; padding-top: 0; } .widget.widget_nav_menu li a:before { content: "\F287"; margin-right: 15px; font-family: 'bootstrap-icons'; padding-left: 1px; font-size: 5px; position: relative; top: -3px; } .widget li.menu-item.menu-item-has-children ul.sub-menu li { padding: 0 0 10px 0; } .widget li.menu-item.menu-item-has-children ul.sub-menu li:last-child { padding-bottom: 0; } ol.wp-block-latest-comments { padding-left: 0px; margin-bottom: 0; } .wp-block-latest-comments__comment footer.wp-block-latest-comments__comment-meta { margin-bottom: 0; line-height: 25px; } .widget_categories ul li a:before, .widget_meta ul li a:before, .widget_archive ul li a:before { color: #000; } .widget.widget_categories li ul.children li:last-child { border: 0; padding-bottom: 0; } .widget ul li:last-child, .widget ol li:last-child { padding-bottom: 0; } .widget ul li:first-child, .widget ol li:first-child { padding-top: 0; } .widget li:last-child { border-bottom: 0; } .widget.widget_archive li, .widget.widget_categories li, .widget.widget_pages li, .widget.widget_meta li, .widget.widget_recent_comments li { border-bottom: 1px dashed #eaeaea; } .widget.widget_archive li, .widget.widget_categories li, .widget.widget_pages li, .widget.widget_meta li, .widget.widget_recent_comments li { border-bottom: 1px dashed #eaeaea; } footer .widget.widget_archive li, footer .widget.widget_categories li, footer .widget.widget_pages li, footer .widget.widget_meta li, footer .widget.widget_recent_comments li { border-color: rgba(234,234,234,0.2); } .widget.widget_archive li:last-child, .widget.widget_categories li:last-child, .widget.widget_pages li:last-child, .widget.widget_meta li:last-child, .widget.widget_recent_comments li:last-child { border: 0; } .widget.widget_categories li ul.children li:last-child { border: 0; } .widget .nav { display: block; } .comments-wrap>* i { font-size: 13px; vertical-align: unset; } .comments-wrap span { font-size: 13px; font-style: italic; position: relative; } .comments-wrap span:before { content: "\e6b6"; font-family: "themify"; font-style: normal; font-size: 12px; margin-right: 6px; } .widget.widget_media_image img { margin: 0; } .textwidget strong { color: #000; } .wp-caption-text { color: #767676; font-size: 14px; line-height: 1.6; margin: 0; padding: 0.5rem; text-align: center; } footer .wp-caption-text { color: inherit; } /* latest */ .widget.finxpert_latest_post_widget .side-item .side-image { min-width: 80px; } .widget.finxpert_latest_post_widget .side-item .side-image img { border-radius: 4px; width: 80px; height: 80px; object-fit: cover; } .widget.finxpert_latest_post_widget .side-item .side-item-text { line-height: 22px; font-size: 13px; font-weight: bold; } .widget .widget-content ul.side-newsfeed li { padding: 0; } .widget.finxpert_latest_post_widget .side-item .side-item-text .comments-wrap span { font-style: initial; font-weight: 400; } .widget.finxpert_latest_post_widget .side-item .side-item-text a { margin-bottom: 5px; display: inline-block; } /* cover block */ .wp-block-cover.is-repeated.widget-cover-block { padding: 80px 30px; text-align: center; margin: -30px -30px -30px -30px; position: relative; box-sizing: unset; } .wp-block-cover.is-repeated.widget-cover-block a.wp-block-button__link { border-radius: 6px !important; display: inline-block; padding: 10px 20px; } .has-text-align-center.has-white-color { color: #fff; } /* Tags */ p.wp-block-tag-cloud a.tag-cloud-link { font-size: 14px !important; padding: 1px 14px; border-radius: 4px; background-color: #0061ea0d; margin-bottom: 5px; display: inline-block; font-weight: bold; } /*Widget Search*/ .widget_search .search-form .input-group .form-control, .widget_search .search-form .input-group .btn { height: 55px; border: none; border-radius: 0; } .widget_search .search-form .input-group .form-control { border-right: none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .widget_search .search-form .input-group .btn { width: 55px; line-height: 1; position: relative; border-left: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .widget_search .search-form .input-group .btn:hover { background: #000; color: #fff; } .search-form .input-group .btn { padding: 0 16px; border-radius: 0; height: 60px; line-height: 60px !important; vertical-align: initial; } .form-control:focus { box-shadow: none; } .form-inline.search-form .input-group { border-radius: 10px 10px 0px 10px; overflow: hidden; border: 1px solid #dbe5e2; } .form-inline.search-form .input-group > * { display: inline-block; height: 60px; line-height: 55px; vertical-align: middle; } input[type="submit"], .search-form .input-group .btn { border: none; color: #ffffff; line-height: 54px; padding: 0 20px; cursor: pointer; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .mailchimp-wrapper .input-group { height: 52px; line-height: 52px; } .mailchimp-wrapper .input-group input { height: 52px; } footer .mailchimp-wrapper .input-group input.btn.btn-default { border-radius: 50px; position: absolute; right: 1px; top: 1px; z-index: 99; } footer button.input-group-addon.zozo-mc.btn.btn-default { min-width: 46px; border-radius: 46px !important; margin-left: 7px !important; position: absolute; right: 4px; top: 3px; bottom: 3px; height: 46px; z-index: 999; } footer button.input-group-addon.zozo-mc.btn.btn-default:hover { opacity: 0.9; background: #fff; color: #000; } footer .mailchimp-wrapper .input-group input.btn.btn-default:focus { box-shadow: none; } footer .mailchimp-wrapper .input-group input.btn.btn-default:hover { background: #fff; color: #000; } footer .mailchimp-wrapper .input-group input#zozo-mc-email { background: transparent; border: 1px solid rgba(255,255,255,.1); color: #fff; border-radius: 25px; padding: 0 23px; } footer .mailchimp-wrapper .input-group input#zozo-mc-email::placeholder { color: #b9bbc7; font-size: 15px; } span.mc-notice-msg { color: #ff0033; } span.mc-notice-msg.mc-failure { color: #ff0033; } span.mc-notice-msg.mc-success { color: #006900; } .input-group>.form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .search-form .input-group .input-group-btn { line-height: 55px; height: 55px; display: inherit; } /*Rss Widget*/ .rsswidget img { display: inherit; margin: 0px !important; } .widget_rss ul li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; padding-top: 0; } .footer-widgets-wrap .widget_rss li { border-color: #1e2c3c !important; } .widget_rss ul li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } li a.rsswidget { font-weight: 600; display: block; } .rssSummary { margin-top: 10px; margin-bottom: 10px; } span.rss-date { font-weight: 500; } .widget_rss cite { font-weight: 600; } /*Calendar Widget*/ .widget_calendar caption { text-align: center; border-bottom: 1px solid #eaeaea; font-weight: 600; } .widget_calendar .calendar_wrap th, .widget_calendar tfoot td a { color: #fff; } .widget_calendar .calendar_wrap td a { font-weight: 800; } .footer-widgets-wrap .widget_calendar th, .footer-widgets-wrap .widget_calendar td { border: 1px solid #1e2c3c; padding: 4px 8.5px; } .calendar_wrap th, tfoot td { background: #000; } .footer-widgets-wrap .about-widget.widget-content img { margin-bottom: 30px; max-width: 50%; margin-left: 0 !important; margin-right: auto; } /* tag */ .widget .tagcloud > a { font-size: 12px !important; text-transform: capitalize; padding: 0px 10px; text-align: center; border: solid #eaeaea 1px; display: inline-block; margin: 4px; border-radius: 4px; color: #000; } .widget .tagcloud > a:hover, .widget .tagcloud > a:focus, .widget .tagcloud > a:active { background: #fff; color: #00152f; } .footer-widgets-wrap a:hover, .footer-widgets-wrap a:focus, .footer-widgets-wrap a:active { color: #fff; } .footer-bottom-wrap { padding: 20px 0; background: #011d40; border-radius: 0px 0px 1rem 1rem; } .footer-bottom-wrap ul.nav:last-child { margin-bottom: 0; } img.footer-logo { max-width: 150px; margin-left: 0; margin-bottom: 10px; } /* Close icon style */ .close { position: absolute; right: 16px; top: 16px; width: 32px; height: 32px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .close:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=100); cursor: pointer; background: #eaeaea; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .close:hover:before, .close:hover:after { transform: rotate(90deg); transition: all ease .4s; } .close:before, .close:after { position: absolute; content: ' '; height: 16px; width: 2px; background-color: #fff; right: 15px; top: 8px; transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; } .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* Author Widgets */ .widget.zozo_author_widget .author-img img { margin: 0; margin-bottom: 15px; } /*-------------------------------------------------------------- 11. Full Screen Search --------------------------------------------------------------*/ .full-search-wrapper { background: rgba(0, 0, 0, 0.95); height: 100%; width: 100%; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 999999; transition: all ease 900ms; transform: translateY(-100%); } .full-search-wrapper.search-wrapper-opened { visibility: visible; transform: translateY(0%); transition: all ease 900ms; } .full-search-wrapper .search-form { position: absolute; width: 80%; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .full-search-wrapper .form-inline.search-form .form-control { line-height: 40px; border-radius: 0; } .full-search-wrapper .input-group { width: 100%; } .full-search-wrapper .search-form .input-group .btn:focus { box-shadow: none; } .full-search-wrapper .search-form .form-control { background: transparent; font-size: 16px; height: 60px; padding: 5px 23px 5px 23px; } .full-search-wrapper input.form-control { border:0 ; color: var(--light-color); font-size: 20px; line-height: 30px; } .full-search-wrapper input.form-control::placeholder { color: var(--light-color); font-size: 22px; line-height: 30px; } .full-search-wrapper .search-form .input-group .btn { border: none; cursor: pointer; position: absolute; right: 0; line-height: 55px; height: 55px; padding: 0px 23px; z-index: 5; } .full-search-wrapper .search-form .input-group .btn:hover { color: #fff; opacity: 0.8; transition: var(--trans-dft); } .full-search-wrapper .search-form .input-group .input-group-btn { width: auto; line-height: 55px; height: 55px; } .full-search-wrapper .input-group-btn .btn.btn-default { border: none; font-size: 20px; line-height: 45px; padding: 0; position: absolute; top: 0; right: 0; } a.full-search-toggle.close { right: 50px; top: 50px; border-radius: 50px; } a.full-search-toggle.close:hover { background: var(--light-color) !important; } a.full-search-toggle.close:hover:before, a.full-search-toggle.close:hover:after { background: var(--dark-bg); } /* Toggle Text Search Wrap Styles */ .textbox-search-wrap .form-control { width: 0; height: 0; padding: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .textbox-search-wrap.active .form-control { width: 200px; border-right: 1px solid #eaeaea; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height: 40px; line-height: 40px; padding: 10px 17px; font-size: 14px; border-radius: 30px; } .site-header .textbox-search-toggle { width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; display: inline-block; border-radius: 50%; border: solid 1px #eaeaea59; } .textbox-search-wrap .form-control:focus { outline: 0; box-shadow: none; } .textbox-search-wrap .textbox-search-toggle, .textbox-search-wrap, .full-bar-search-wrap { display: inline-block; } .full-bar-search-wrap { position: absolute; top: 0; left: 0; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background: #fff; } .full-bar-search-wrap.active { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 9; } .full-bar-search-wrap, .full-bar-search-wrap .search-form, .full-bar-search-wrap .input-group, .full-bar-search-wrap .input-group .form-control { height: 100%; width: 100%; z-index: 9; } .full-bar-search-wrap .form-inline.search-form .input-group > * { height: 100%; } .full-bar-search-wrap .input-group .form-control { font-size: 30px; line-height: 1; padding: 0 40px; font-weight: bold; } .full-bar-search-wrap .input-group .form-control::placeholder { color: #000 !important; } .close.full-bar-search-toggle { z-index: 99; vertical-align: middle; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } a.finxpert-toggle > span { border-color: inherit; } .bottom-search-wrap { display: inline-block; position: absolute; right: 0; top: 100%; width: 340px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; z-index: 99; transform: scale(0); } .bottom-search-wrap.active { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background: #fff; padding: 20px; border-radius: 0 0 0 16px; transform: scale3d(1, 1, 1); box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; } .bottom-search-wrap .form-inline.search-form .input-group > *, .bottom-search-wrap .search-form .input-group .btn { height: 50px; line-height: 50px !important; } .overlay-search-form .overlay-search-trigger span { color: #fff; } /* Header form */ header span.wpcf7-form-control-wrap input, header span.wpcf7-form-control-wrap select { height: 52px; line-height: 52px; } header span.wpcf7-form-control-wrap input, header span.wpcf7-form-control-wrap select, header span.wpcf7-form-control-wrap textarea { width: 100%; display: block; border-color: 1px solid #eaeaea; margin-bottom: 15px; padding: 0 15px 0 15px !important; } header input.wpcf7-form-control.wpcf7-submit { margin-bottom: 0; } header button.close-popup { width: 30px; height: 30px; line-height: 1; } header button.btn.btn-primary { padding: 9px 30px; border-color: inherit; } /*Button Styles*/ .btn, button, .btn.bordered:hover { background: #000; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:hover { color: #fff; } ::selection { background: #000; } ::selection { color: #fff; } /*Spacing*/ .mb-0 { margin-bottom: 0; } .pl-lg-5 { padding-left: 50px; } /* Back to top */ .back-to-top { display: none; background: #2e3c4b; color: #fff; position: fixed; right: 50px; bottom: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px 10px 0px 10px; font-size: 24px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; z-index: 9; } .back-to-top:hover { color: #fff; } .back-to-top:focus { color: #fff; } .back-to-top { font-size: 0; } .back-to-top:before { content: "\F148"; font-family: 'bootstrap-icons'; font-weight: 900; font-size: 15px; line-height: 40px; } .back-to-top:after { content: ""; position: absolute; left: 0; right: 0; width: 40px; height: 40px; background: #000; border-radius: 10px 10px 0px 10px; opacity: 0; z-index: -2; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-name: shadow-blink; -webkit-animation-name: shadow-blink; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .blinker { animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } /*Animation*/ @-webkit-keyframes shadow-blink { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(1.7); -webkit-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); } } @keyframes shadow-blink { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(1.7); -webkit-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.3; } 100% { opacity: 1.0; } } /*-------------------------------------------------------------- 12. Social Color --------------------------------------------------------------*/ ul.social-icons.social-circled>li a, article ul.social-icons>li>a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } ul.social-icons.social-rounded>li a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } ul.social-icons.social-transparent>li a { background: transparent; } ul.social-icons.social-white>li a, ul.social-icons.social-h-white>li a:hover { color: #fff; } ul.social-icons.social-black>li a, ul.social-icons.social-h-black>li a:hover { color: #000; } ul.social-icons.social-bg-white>li a, ul.social-icons.social-hbg-white>li a:hover { background-color: #fff; } ul.social-icons.social-bg-black>li a, ul.social-icons.social-hbg-black>li a:hover { background-color: rgba(0, 0, 0, 0.6); } ul.social-icons.social-bg-light>li a, ul.social-icons.social-hbg-light>li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-bg-dark>li a, ul.social-icons.social-hbg-dark>li a:hover { background: #000000; } ul.social-icons.social-bg-trans>li a, ul.social-icons.social-bg-transparent>li a { background: transparent; } ul.social-icons.social-circled.social-bg-transparent>li a { border: 2px solid; font-size: 27px; height: 57px; width: 57px; line-height: 57px; } /* Social Media Colors */ ul.social-icons.social-hbg-transparent>li a:hover { background: transparent; } ul.social-icons.social-own>li a.social-facebook, ul.social-icons.social-h-own>li a.social-facebook:hover, article.post ul.social-icons>li>a.social-facebook, ul.social-icons>li>a.share-facebook:hover, ul.nav.social-icons.team-social a.social-facebook { color: #3b5999; } ul.social-icons.social-own>li a.social-twitter, ul.social-icons.social-h-own>li a.social-twitter:hover, article.post ul.social-icons>li>a.social-twitter, ul.social-icons>li>a.share-twitter:hover, ul.nav.social-icons.team-social a.social-twitter { color: #55acee; } ul.social-icons.social-own>li a.social-instagram, ul.social-icons.social-h-own>li a.social-instagram:hover, article.post ul.social-icons>li>a.social-instagram, ul.social-icons>li>a.share-instagram:hover, ul.nav.social-icons.team-social a.social-instagram { color: #e4405f; } ul.social-icons.social-own>li a.social-linkedin, ul.social-icons.social-h-own>li a.social-linkedin:hover, article.post ul.social-icons>li>a.social-linkedin, ul.social-icons>li>a.share-linkedin:hover, ul.social-icons>li>a.share-linkedin:hover, ul.nav.social-icons.team-social a.social-linkedin { color: #0077B5; } ul.social-icons.social-own>li a.social-pinterest, ul.social-icons.social-h-own>li a.social-pinterest:hover, article.post ul.social-icons>li>a.social-pinterest, ul.social-icons>li>a.share-pinterest:hover, ul.nav.social-icons.team-social a.social-pinterest { color: #bd081c; } ul.social-icons.social-own>li a.social-youtube, ul.social-icons.social-h-own>li a:hover.social-youtube, article.post ul.social-icons>li>a.social-youtube, ul.social-icons>li>a.share-youtube:hover, ul.nav.social-icons.team-social a.social-youtube { color: #cd201f; } ul.social-icons.social-own>li a.social-vimeo, ul.social-icons.social-h-own>li a.social-vimeo:hover, article.post ul.social-icons>li>a.social-vimeo, ul.social-icons>li>a.share-vimeo:hover { color: #1ab7ea; } ul.social-icons.social-own>li a.social-soundcloud, ul.social-icons.social-h-own>li a.social-soundcloud:hover, article.post ul.social-icons>li>a.social-soundcloud, ul.social-icons>li>a.share-soundcloud:hover { color: #ff3300; } ul.social-icons.social-own>li a.social-yahoo, ul.social-icons.social-h-own>li a.social-yahoo:hover, article.post ul.social-icons>li>a.social-yahoo, ul.social-icons>li>a.share-yahoo:hover { color: #410093; } ul.social-icons.social-own>li a.social-tumblr, ul.social-icons.social-h-own>li a.social-tumblr:hover, article.post ul.social-icons>li>a.social-tumblr, ul.social-icons>li>a.share-tumblr:hover { color: #34465d; } ul.social-icons.social-own>li a.social-paypal, ul.social-icons.social-h-own>li a.social-paypal:hover, article.post ul.social-icons>li>a.social-paypal, ul.social-icons>li>a.share-paypal:hover { color: #003087; } ul.social-icons.social-own>li a.social-mailto, ul.social-icons.social-h-own>li a.social-mailto:hover, article.post ul.social-mailto>li>a.social-mailto, ul.social-icons>li>a.share-mailto:hover { color: #ffa500; } ul.social-icons.social-own>li a.social-flickr, ul.social-icons.social-h-own>li a.social-flickr:hover, article.post ul.social-icons>li>a.social-flickr, ul.social-icons>li>a.share-flickr:hover { color: #ff0084; } ul.social-icons.social-own>li a.social-dribbble, ul.social-icons.social-h-own>li a.social-dribbble:hover, article.post ul.social-icons>li>a.social-dribble, ul.social-icons>li>a.share-dribble:hover { color: #ea4c89; } ul.social-icons.social-own>li a.social-rss, ul.social-icons.social-h-own>li a.social-rss:hover, article.post ul.social-icons>li>a.social-rss, ul.social-icons>li>a.share-rss:hover { color: #ff6600; } ul.social-icons.social-own>li a.social-tiktok, ul.social-icons.social-h-own>li a.social-tiktok:hover, article.post ul.social-icons>li>a.social-tiktok, ul.social-icons>li>a.share-tiktok:hover { color: #FC0151; } ul.social-icons.social-own>li a.social-whatsapp, ul.social-icons.social-h-own>li a.social-whatsapp:hover, article.post ul.social-icons>li>a.social-whatsapp, ul.social-icons>li>a.share-whatsapp:hover { color: #075e54; } /* Social Media Background Colors */ ul.social-icons.social-bg-own>li a.social-facebook, ul.social-icons.social-hbg-own>li a.social-facebook:hover, article.post ul.social-icons>li>a.social-facebook:hover { background: #3b5999; } ul.social-icons.social-bg-own>li a.social-twitter, ul.social-icons.social-hbg-own>li a.social-twitter:hover, article.post ul.social-icons>li>a.social-twitter:hover { background: #55acee; } ul.social-icons.social-bg-own>li a.social-instagram, ul.social-icons.social-hbg-own>li a.social-instagram:hover, article.post ul.social-icons>li>a.social-instagram:hover { background: #e4405f; } ul.social-icons.social-bg-own>li a.social-linkedin, ul.social-icons.social-hbg-own>li a.social-linkedin:hover, article.post ul.social-icons>li>a.social-linkedin:hover { background: #0077B5; } ul.social-icons.social-bg-own>li a.social-pinterest, ul.social-icons.social-hbg-own>li a.social-pinterest:hover, article.post ul.social-icons>li>a.social-pinterest:hover { background: #bd081c; } ul.social-icons.social-bg-own>li a.social-youtube, ul.social-icons.social-hbg-own>li a.social-youtube:hover, article.post ul.social-icons>li>a.social-youtube:hover { background: #cd201f; } ul.social-icons.social-bg-own>li a.social-vimeo, ul.social-icons.social-hbg-own>li a.social-vimeo:hover, article.post ul.social-icons>li>a.social-vimeo:hover { background: #1ab7ea; } ul.social-icons.social-bg-own>li a.social-soundcloud, ul.social-icons.social-hbg-own>li a.social-soundcloud:hover, article.post ul.social-icons>li>a.social-soundcloud:hover { background: #ff3300; } ul.social-icons.social-bg-own>li a.social-yahoo, ul.social-icons.social-hbg-own>li a.social-yahoo:hover, article.post ul.social-icons>li>a.social-yahoo:hover { background: #410093; } ul.social-icons.social-bg-own>li a.social-tumblr, ul.social-icons.social-hbg-own>li a.social-tumblr:hover, article.post ul.social-icons>li>a.social-tumblr:hover { background: #34465d; } ul.social-icons.social-bg-own>li a.social-paypal, ul.social-icons.social-hbg-own>li a.social-paypal:hover, article.post ul.social-icons>li>a.social-paypal:hover { background: #003087; } ul.social-icons.social-bg-own>li a.social-mailto, ul.social-icons.social-hbg-own>li a.social-mailto:hover, article.post ul.social-icons>li>a.social-mailto:hover { background: #ffa500; } ul.social-icons.social-bg-own>li a.social-flickr, ul.social-icons.social-hbg-own>li a.social-flickr:hover, article.post ul.social-icons>li>a.social-flickr:hover { background: #ff0084; } ul.social-icons.social-bg-own>li a.social-dribbble, ul.social-icons.social-hbg-own>li a.social-dribbble:hover, article.post ul.social-icons>li>a.social-dribble:hover { background: #ea4c89; } ul.social-icons.social-bg-own>li a.social-rss, ul.social-icons.social-hbg-own>li a.social-rss:hover, article.post ul.social-icons>li>a.social-rss:hover { background: #ff6600; } ul.social-icons.social-bg-own>li a.social-bloglovin, ul.social-icons.social-hbg-own>li a.social-bloglovin:hover { background: #00BFF8; } ul.social-icons.social-bg-own>li a.social-tiktok, ul.social-icons.social-hbg-own>li a.social-tiktok:hover { background: #FC0151; } ul.social-icons.social-bg-own>li a.social-whatsapp, ul.social-icons.social-hbg-own>li a.social-whatsapp:hover { background: #075e54; } ul.social-icons.social-own>li a.social-bloglovin, ul.social-icons.social-h-own>li a.social-bloglovin:hover { color: #00BFF8; } /* Social Hover Effects */ ul.social-icons.social-h-white>li a:hover { color: #fff; } ul.social-icons.social-h-black>li a:hover { color: #333; } ul.social-icons.social-hbg-white>li a:hover { background-color: #fff; } ul.social-icons.social-hbg-black>li a:hover { background-color: #333; } ul.social-icons.social-hbg-light>li a:hover { background: rgba(255, 255, 255, 0.5); } ul.social-icons.social-hbg-dark>li a:hover { background: rgba(0, 0, 0, 0.5); } /* Extra Styles */ .img-box-style-1 .elementor-image-box-wrapper { position: relative; } .img-box-style-1 .elementor-image-box-content { position: absolute; bottom: 8px; padding: 10px; background: rgba(0,0,0,0.5); } .img-box-style-1.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title { color: #fff; margin: 0; padding: 0; } .dark-color { color: #000; } .theme-color-bg { background-color: #000; } .custom-team-style .team-social-wrap { padding-bottom: 20px; } .slider-section { padding: 100px 0; } .slider-section .section-content { padding: 100px 0; max-width: 600px; } .slider-section { padding: 100px 0; background-color: #000; color: #fff; position: relative; } .slide-section-title { font-size: 42px; font-weight: 500; } .slide-image-wrap img { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); } a.btn.slider-btn { color: #fff; border: solid 1px; padding: 12px 34px; display: inline-block; margin-top: 10px; border-radius: 4px; } .mobile-menu-floating a.default-logo { display: none; } ul.nav.social-icons > li > a { height: 40px; width: 40px; text-align: center; margin-right: 10px; display: inline-block; line-height: 40px; } ul.nav.social-icons > li:last-child > a { margin-right: 0; } ul.nav.social-icons.social-radius li > a { border-radius: 5px; } ul.nav.social-icons.social-circle li > a { border-radius: 50px; } .social-icons.social-bg-white a { box-shadow: 4px 3px 15px 0px rgb(0 0 0 / 15%); } ul.nav.social-icons.social-transparent li > a { background: transparent; } ul.nav.social-icons a span { display: inline-block; margin: 0 auto; line-height: 40px; } /* Margin Classes */ .mt-30 { margin-top: 30px; } /*Extra Styles*/ .navi { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } ul.navi.meta-list > li { margin: 0 5px; padding: 0; } ul.navi.meta-list { margin: 0 -5px; font-size: 12px; } a.post-author-link .author-name { margin-left: 4px; } .post-category { margin: 0 -2px; } .post-category a { color: #fff; padding: 0px 0px; font-size: 12px; border-radius: 4px; margin: 3px 2px; } .finxpert-post-banner { margin: -2px; } .finxpert-post-banner .post-thumb { position: relative; margin: 2px; } .finxpert-post-banner .post-thumb:before { position: absolute; height: 100%; width: 100%; top: 0; content: ""; background: rgba(0,0,0,0.2); } ul.overlay-list { position: absolute; bottom: 0; padding: 15px; } .overlay-list .post-title-head { margin: 0; } .overlay-list .post-title-head a, ul.overlay-list .meta-wrap, ul.overlay-list .meta-wrap a { color: #fff; } .overlay-list .post-category { margin-bottom: 10px; } span.ti-angle-left.slick-arrow, span.ti-angle-right.slick-arrow { position: absolute; right: 10px; z-index: 1; top: 2px; padding: 6px; background: #000; color: #fff; font-size: 10px; cursor: pointer; } span.ti-angle-right.slick-arrow { right: 2px; } span.ti-angle-left.slick-arrow { right: 20px; } .finxpert-post-banner .post-thumb img { width: 100%; } .column-md-6 { padding: 0 15px; } .zozo-media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .d-flex { display: -ms-flexbox!important; display: flex!important; } h6.news-title { border-bottom: solid #e5192c; display: flex; margin-bottom: 20px; } h6.news-title > span { background: #000; color: #fff; padding: 10px; } a.read-more { font-size: 14px; background: #111; color: #fff; padding: 7px 10px; border-radius: 4px; line-height: 14px; display: inline-block; } .blog .finxpert-masonry .post-meta .post-more a:hover { color: #232323; } a.read-more:hover, a.read-more:active, a.read-more:focus { background-color: #000; } .post-category a.post-category-3 { background: #3bcc3b; } .post-category a.post-category-5 { background: #ca32ca; } .post-category a.post-category-6 { background: #f1911a; } .post-category a.post-category-8 { background: #5856ff; } .post-category a.post-category-2 { background: #4f95ff; } .post-category a.post-category-9 { background: #d50753; } .post-category a.post-category-10 { background: #07d57f; } .overlay-list a.post-title { text-shadow: #7b7b7b 1px 0 10px; } .media-body h6.post-title-head { margin-bottom: 0; } .header-navbar { z-index: 2; } .site-footer-wrap a.back-to-top { color: #fff; } span.post-rating > i { color: #ffb203; font-size: 14px; } span.post-rating > i.empty-star { color: #e6e6e6; } .meta-wrap { display: flex; } ul.navi.meta-list.meta-right { margin-left: auto; } .post-comment a > i { display: inline-block; vertical-align: middle; margin-right: 3px; } a.post-author-link > span:first-child { margin-right: 3px; } footer .widget .tagcloud > a { color: inherit; border-color: rgba(255,255,255,0.1); } a.btn.blog-btn { background: #000; color: #fff; padding: 10px; margin-top: 22px; display: inline-block; } .load-more-posts { text-align: center; } input.wpcf7-form-control.wpcf7-submit { display: inline-block; width: auto; } input.wpcf7-form-control, textarea.wpcf7-form-control { transition: all ease 0.35s; } input.wpcf7-form-control:focus, textarea.wpcf7-form-control:focus { border-bottom: #00152f solid 1px; } ul.nav.post-meta > li { margin: 5px 0px; margin-right: 15px; } ul.nav.post-meta > li span { vertical-align: inherit; margin-right: 10px; line-height: inherit; font-weight: bold; } ul.nav.post-meta > li.post-category a { margin: 0 3px; line-height: 1; } .finxpert-masonry > article .top-meta-wrap li.post-category a { color: #fff; } ul.nav.post-meta > li:last-child { margin-right: 0; } ul.nav.post-meta > li.post-date > * { display: inline-block; vertical-align: middle; } ul.nav.post-meta > li.post-tag > * { display: inline-block; vertical-align: middle; } li.post-tag span.ti-tag { display: none !important; } ul.nav.post-meta > li.post-tag > a { margin-top: 3px; margin-bottom: 3px; padding: 10px 20px; line-height: 1; font-size: 12px; background: #0061ea0d; border-radius: 4px; } li.post-views-wrap { font-size: 12px; } li.post-views-wrap > .post-views { background: #111; color: #fff; padding: 4px; border-radius: 4px; margin-left: 5px; } ul.page-title-elements.page-title-right { text-align: right; } h6.post-title-head { font-size: 14px; line-height: 20px; } .entry-content > img { margin-bottom: 0.75rem; } .entry-content > h5 { margin-top: 1rem; margin-bottom: 0.75rem; } a.next-post { display: block; text-align: right; } /* Paginations */ .pagination-single-inner { display: flex; gap: 35px; } .pagination-single-inner > *:last-child { margin-left: auto; } .pagination-single-inner > h6.pagination-next { margin-left: auto; } .pagination-single-inner > h6.pagination-prev { margin-left: 0; } .pagination-single-inner > * { width: 50%; } .pagination-single-inner h6 { font-size: 20px; word-break: break-word; } .pagination-single-inner > h6 > a { position: relative; line-height: 1.5; } .pagination-single-inner > h6 > a span.arrow { display: inline-block; background: #000; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-bottom: 15px; border-radius: 50%; font-size: 15px; } .pagination-single-inner > h6 > a span.title { display: block; } .pagination .page-numbers:not(.next, .prev) { padding: 4px; text-align: center; background: #000; color: #fff; min-width: 35px; display: inline-block; margin: 0 3px; } .pagination .page-numbers.current { opacity: 0.3; } .pagination span.prev.page-numbers { margin-right: 4px; } .pagination .page-numbers:not(.next, .prev):hover { background: #111; color: #fff; } .pagination .nav-links { text-align: center; } /* Social share */ ul.social-share > li > a.social-whatsapp > img { max-width: 30px; } ul.social-share > li > a.social-whatsapp { padding: 0; } .post-share-wrap { margin-top: 12px; } .post-meta li.post-share-wrap .social-share a:hover { color: #eaeaea; } ul.social-share { margin: 0 -3px; } ul.social-share > li > a { background: #000; color: #fff; text-decoration: none; border-radius: 50%; margin-right: 7px; width: 20px; height: 20px; text-align: center; line-height: 20px; } ul.social-share > li > a > i { font-size: 16px; width: 20px; height: 20px; line-height: 20px; } ul.social-share > li > a.social-facebook { background: #3b5998; } ul.social-share > li > a.social-twitter { background: #55acee; } ul.social-share > li > a.social-linkedin { background: #007bb6; } ul.social-share > li > a.social-pinterest { background: #cb2027; } .bottom-meta-wrap li.post-share-wrap { margin-top: 0; } /*-------------------------------------------------------------- 13. Gutenberg --------------------------------------------------------------*/ .wp-block-search__button { color: #fff; border: 4px; border-radius: 5px; padding: 3px 19px; min-height: 52px; } .wp-block-button { margin-bottom: 20px; } .wp-block-search__button:hover { background: #000; color: #fff; } .wp-block-button.is-style-outline a.wp-block-button__link { border-color: #000; color: #000 !important; } .wp-block-button.is-style-outline a.wp-block-button__link:hover { background: #000; color: #fff !important; } .wp-block-button__link { color: #fff; border-radius: 5px; } .wp-block-button__link:hover { background: #000; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { line-height: 1.5; } .wp-block-cover .has-background-dim:not([class*=-background-color]) { color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .wp-block-cover .has-background-dim:not([class*=-background-color]), .has-pale-pink-background-color { color: #fff; } .single-post .entry-content iframe { display: block; width: 100%; } .wp-container-1.wp-block-group.has-background { padding: 35px; margin-bottom: 20px; } div.gallery { margin-top: 30px; } .wp-block-cover.is-repeated.widget-cover-block .wp-block-cover__inner-container { z-index: 999; position: relative; } .wp-block-cover.is-repeated.widget-cover-block a.wp-block-button__link.has-white-background-color.has-text-color.has-background { background: #fff; } span.wp-block-cover__background.has-background-dim-10 { opacity: 10%; } span.wp-block-cover__background.has-background-dim-20 { opacity: 20%; } span.wp-block-cover__background.has-background-dim-30 { opacity: 30%; } span.wp-block-cover__background.has-background-dim-40 { opacity: 40%; } span.wp-block-cover__background.has-background-dim-50 { opacity: 50%; } span.wp-block-cover__background.has-background-dim-60 { opacity: 60%; } span.wp-block-cover__background.has-background-dim-70 { opacity: 70%; } span.wp-block-cover__background.has-background-dim-80 { opacity: 80%; } span.wp-block-cover__background.has-background-dim-90 { opacity: 90%; } .alignright { display: inline; float: right; margin-left: 1.5em; } .alignleft { display: inline; float: left; margin-right: 1.5em; } figure.wp-block-gallery.alignleft.extraclass { margin-right: 30px; } /* gallery */ .gallery figure.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 20%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } /*-------------------------------------------------------------- 14. Shortcodes & Overwrite css of CEA --------------------------------------------------------------*/ /* Divider */ .elementor-widget-text-editor span.sub-title { padding: 0 40px; } /* Colors */ .typo-white { color: #fff; } a.typo-white:hover { color: #fff; } /* text transparent style */ .we-stand__top { position: relative; display: block; } .we-stand__top-title-box { position: relative; display: block; text-align: center; z-index: 1; } .we-stand__top-title-box-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } h2.we-stand__top-title { font-size: 190px; font-weight: 900; line-height: 210px; background-color: #000; mix-blend-mode: lighten; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; -webkit-background-clip: text; background-clip: text; background-position: center center; background-attachment: fixed; } /*navigation */ .custom-post-nav a > * { padding: 0 5px; color: #fff; display: inline; vertical-align: middle; line-height: 1; font-weight: 400; font-size: 16px; } .custom-post-nav a{ margin-top: 15px; margin-bottom: 15px; } /*slider style */ .slide-widget-container.slide-box-wrapper { background: rgba(255,255,255,0.7); color: #60697b; padding: 25px; border-radius: 5px; font-weight: 600; backdrop-filter: blur(8px); } .slide-widget-container.slide-box-wrapper span.subtitle { font-size: 14px !important; margin-bottom: 5px !important; display: inline-block; } .slide-content span { color: #005DE8; background: #005de81f; padding: 0px 10px; display: inline-block; font-size: 11px !important; border-radius: 5px; margin-right: 15px; } .slide-content { display: flex; font-size: 14px !important; } h5.slide-box-title { margin-bottom: 15px !important; } .testimonial-style-list .owl-prev, .testimonial-style-list .owl-next { left: 36%; top: 7px; } .testimonial-style-list .owl-next { top: 60px; } /*Portfolio */ .portfolio-inner .post-category a:hover { background: transparent; color: inherit; } /* Team */ .team-wrapper.team-style-modern .team-inner .post-overlay-items { border-radius: 50%; margin: 15%; } .team-style-modern .team-social-wrap ul.social-icons > li > a { background: #ffff; box-shadow: 0px 10px 12px rgb(179 179 179 / 21%), inset 1px 4px 5px rgb(133 154 169 / 30%); } /* blog */ .blog-style-modern .blog-inner span.before-icon { display: none; } /* Pricing */ .pricing-table-wrapper.pricing-style-default .pricing-content { border-bottom: 1px solid #ECECEC; } .pricing-style-default a.cea-button { display: block; position: relative; } .pricing-style-default ul.pricing-features-list > li.list-group-item { padding: 5px 0; } .pricing-table-wrapper ul > li { color: inherit; } .elementor-widget-wrap>.elementor-element.blur .pricing-inner-wrapper { -webkit-backdrop-filter: blur(7.2px); backdrop-filter: blur(7.2px); } /* Border radius Style */ section.elementor-section.overflow-hid { overflow: hidden; } /*Progress bar */ .circle-progress-style-default .progress-value { font-size: 18px; } /* Tab */ span.elementor-tab-icon.elementor-tab-icon-top { margin-bottom: 15px; } .cea-tab-elementor-widget .nav.nav-tabs.cea-tabs a.nav-item.nav-link:last-child { margin: 0; } .nav.nav-tabs.cea-tabs .nav-link { border: 0; box-shadow: 0px 10px 40px 0px rgb(16 16 16 / 6%); } .cea-tab-elementor-widget a.nav-item.nav-link.active img { filter: brightness(0) invert(1); } .tab-fullwidth .nav.nav-tabs.cea-tabs .nav-link { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } /* Border animation */ .elementor-widget-image.border-anim img { -webkit-animation: border-transform-default 10s linear infinite alternate forwards; animation: border-transform-default 10s linear infinite alternate forwards; border-radius: 100%; } @-webkit-keyframes border-transform-default { 0%, to { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } @keyframes border-transform-default { 0%, to { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } /* Verticle Move animation */ .elementor-element.verticle-move { -webkit-animation: moveBounce 5s linear infinite; animation: moveBounce 5s linear infinite; } @keyframes moveBounce { 0% { transform: translateY(0px); } 50% { transform: translateY(20px); } 100% { transform: translateY(0px); } } .elementor-element.rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } /*-------------------------------------------------------------- 15. Woocommerce --------------------------------------------------------------*/ .woocommerce ul.products li.product .zozo-woo-buttons-pack a { height: 45px; line-height: 50px; width: 45px; margin: 0 0; margin-bottom: 8px; border-radius: 5px; color: #797979; background: #fff; box-shadow: 0 0 25px rgb(23 23 23 / 6%); margin: 0 5px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { text-decoration: none; text-transform: capitalize; line-height: 26px; font-size: 21px; font-weight: 400; letter-spacing: 0; display: block; margin: 0 0 11px; padding-bottom: 0; text-align: center; } .woocommerce .products ul, .woocommerce ul.products { margin: 0 -15px; } .woocommerce ul.products li.product .woo-thumb-wrap { position: relative; margin-bottom: 27px; background: #f8f8f8; } .woocommerce div ul.products li.product .price { font-size: 14px; color: #888; line-height: 24px; text-align: center; margin-bottom: 20px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 0 15px; margin: 0; margin-bottom: 35px; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: 33.333333%; } .woocommerce-page ul.products li.product img { margin-bottom: 15px; } .woocommerce select { height: 40px; background-repeat: no-repeat; background-position: right; line-height: 18px; border: 1px solid #eaeaea; border-radius: 4px; width: auto; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { height: auto; max-width: 70px; padding: 5px 20px; min-height: auto !important; margin: 0; line-height: 1; border-radius: 4px; right: 30px; top: 15px; font-weight: 400; } .woocommerce span.onsale { left: 30px; top: 30px; } span.zozo-product-favoured { left: 7px; top: -7px; background: deeppink; } .woocommerce .woocommerce-ordering { margin-bottom: 35px; } .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { border: none; padding: 30px 25px; box-shadow: 0 5px 30px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 8%); -moz-box-shadow: 0 5px 30px rgb(0 0 0 / 10%); border-radius: 0 10px 10px 10px; margin: 0 0 4em; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; overflow: visible; border-bottom: solid 2px #eaeaea; } .wc-tabs-wrapper h2 { display: none; } .product .entry-summary form.cart { padding-top: 30px; border-top: solid 1px #eaeaea; margin-top: 30px; margin-bottom: 30px; } .product_meta { border: 1px solid #eaeaea; border-left: 0; border-right: 0; padding: 26px 0; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .product_meta>span { display: block; position: relative; margin-bottom: 10px; font-weight: 600; color: #191919; } .product_meta>span span { font-weight: 400; padding-left: 0; color: #797979; } .single-product-buttons-pack a { height: 50px; border: 2px solid #eaeaea; display: inline-block; border-radius: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; font-size: 17px; line-height: 50px; font-weight: 500; vertical-align: bottom; outline: none; width: 50px; text-align: center; margin-left: 18px; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .woocommerce button.single_add_to_cart_button.button, .short-product-view-inner .single_add_to_cart_button { padding: 16px 31px 15px 31px; float: none; margin-left: 9px; height: 50px; } .woocommerce .quantity .qty { text-align: center; margin: 0 10px 0 0; display: inline-block; height: 49px; position: relative; z-index: 1; border-radius: 6px; width: 80px; border: 1px solid #eaeaea; border-bottom: none; -webkit-box-shadow: 0 5px 5px 0 rgb(1 1 1 / 12%); -moz-box-shadow: 0 5px 5px 0 rgba(1,1,1,.12); box-shadow: 0 5px 5px 0 rgb(1 1 1 / 12%); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 13px 23px; letter-spacing: 0; border-width: 0 0 2px 0; border-style: solid; border-color: transparent; transition: all .3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: red; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { text-align: left; padding-left: 0; padding-right: 0; border: 0; margin: 0; background: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin-right: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 13px 23px; letter-spacing: 0; border-width: 0 0 2px 0; border-style: solid; border-color: transparent; transition: all .3s; color: #ffffff; font-family: Wix Madefor Display; font-weight: 400; font-size: 18px; line-height: 28px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; } .woocommerce table.shop_attributes { margin-bottom: 0; } a.zozo-product-compare-trigger { top: 10px; right: auto; left: 20px; } body.woocommerce-page .short-product-view-inner > .product > div.entry-summary { padding-left: 20px; margin: 0; } body.woocommerce-page .short-product-view-inner > .product > div { width: 50%; } a.zozo-compare-close { left: -40px; height: 40px; width: 40px; line-height: 40px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 15px 19px; } .woocommerce nav.woocommerce-pagination { text-align: center; margin-top: 30px; } .zozo-woo-compare-inner .zcompare > .zcompare-body p a { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 0; } .zozo-woo-compare-inner .zcompare { margin-bottom: 15px; } .zozo-woo-compare-inner .zcompare > .zozo-compare-img { border-radius: 5px; } .zozo-woo-compare-wrap { padding: 18px 15px; margin-top: 85px; } .zozo-sticky-cart-wrap, .zozo-sticky-wishlist-wrap { z-index: 9; padding: 15px 0; } ul.zozo-sticky-wishlist > li > .product-name a { margin-bottom: 12px; display: block; font-weight: 600; } ul.cart-dropdown-menu .product-thumbnail, ul.zozo-sticky-cart .product-thumbnail, ul.wishlist-dropdown-menu .product-thumbnail, ul.zozo-sticky-wishlist .product-thumbnail { margin-right: 10px; } .mini-view-wishlist a, .mini-view-cart a { border: 1px solid #eaeaea; border-radius: 5px; padding: 11px 20px !important; font-weight: 700; margin: 0 auto; width: fit-content; } a.zozo-woo-compare-ajax.zozo-btn { border: 1px solid #eaeaea; border-radius: 5px; padding: 6px 0px; font-weight: 700; } a.zozo-sticky-cart-close, a.zozo-sticky-wishlist-close { background: #f2f2f2; left: -40px; top: 0px; width: 40px; line-height: 40px; } .woo-icon-count { left: -10px; right: auto; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 14px; line-height: 14px; width: 14px; } .zozo-sticky-cart-wrap { margin-top: -80px; } .zozo-product-short-view { max-width: 80%; margin: 0 auto; background: #fff; display: table; padding: 15px; position: relative; } body.woocommerce-page .short-product-view-inner > .product { max-width: 100%; } body .mfp-close-btn-in .mfp-close { color: #fff; background: #000 !important; } ul.zozo-sticky-cart > li > .product-name a, ul.wishlist-dropdown-menu > li > .product-name a, ul.zozo-sticky-wishlist > li > .product-name a { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 8px; display: inline-block; } /*-------------------------------------------------------------- 15. Dark Mode --------------------------------------------------------------*/ .dar-light-sticky { position: fixed; right: 20px; top: 30%; z-index: 99; } .dar-light-sticky .dar-light-inner i.bi.bi-sun.light-mode { color: #ffbc00; } i.bi.bi-moon-fill.dark-mode { color: sandybrown; } .dar-light-sticky .dar-light-inner { position: relative; width: 30px; text-align: center; border-radius: 20px; background: #fff; box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset; padding-top: 4px; padding-bottom: 4px; } .dar-light-sticky .dar-light-inner .round-ball-switch { position: absolute; height: 100%; width: 24px; cursor: pointer; background: transparent; margin: 0 auto; left: 0; right: 0; top: calc( 0% - 0px ); border-radius: 20px; transition: all ease 0.35s; } body.dark-mode-activated .dar-light-inner .round-ball-switch { bottom: 0; top: calc( 0% - 0px ); background: transparent; transition: all ease 0.35s; } body.dark-mode-activated .dar-light-inner { background: #3e3e3e; color: #a7a7a7; } .dar-light-sticky .dar-light-inner .round-ball-switch:before { content: ""; background: #000; width: 24px; height: 24px; display: block; border-radius: 50%; top: 5px; position: absolute; transition: all ease 0.35s; } body.dark-mode-activated .dar-light-inner .round-ball-switch::before { top: auto; bottom: 5px; transition: all ease 0.35s; } .dark-mode-activated .dar-light-sticky .dar-light-inner .round-ball-switch:before { background: #fff; } /* dark mode colors */ :root { --dark-bg: #121212; --dark-bg-rgba: #1D1D1D; --border-color-drk-mode: #323232; --trans-color: transparent; --light-color: #ffffff; --bg-ext: rgba(255,255,255,.05); --dark-overlay-color : rgba(0,0,0, 0.05); } body.dark-mode-activated, body.dark-mode-activated section.elementor-section.elementor-top-section.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default, body.dark-mode-activated #site-content, body.dark-mode-activated .site-footer, body.dark-mode-activated .cea-accordion-header > a, body.dark-mode-activated .elementor-widget-text-editor span.sub-title, body.single.dark-mode-activated ul.portfolio-meta-list, body.dark-mode-activated .content-widgets-wrapper .widget_block, body.dark-mode-activated .popover-content, body.dark-mode-activated header.site-header:not(.header-absolute), body.dark-mode-activated .cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-icon, body.dark-mode-activated .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs, body.dark-mode-activated ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu, body.dark-mode-activated .header-navbar.navbar .wp-menu li > ul.sub-menu li, body.dark-mode-activated header ul.nav.wp-menu ul.sub-menu.mega-menu, body.dark-mode-activated .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a { background-color: var(--dark-bg) !important; color: var(--light-color) !important; } body.dark-mode-activated .team-light .team-inner, body.dark-mode-activated rs-module-wrap { background-color: var(--dark-bg) !important; } body.dark-mode-activated .sub-title, body.dark-mode-activated .elementor-title, body.dark-mode-activated .post-title-head, body.dark-mode-activated rs-layer#slider-1-slide-1-layer-1, body.dark-mode-activated rs-layer#slider-1-slide-2-layer-1, body.dark-mode-activated .cea-counter-wrapper span.counter-up, body.dark-mode-activated .isotope-filter ul.nav.m-auto.d-block li a, body.dark-mode-activated .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6, body.dark-mode-activated input.wpcf7-form-control::placeholder, body.dark-mode-activated textarea.wpcf7-form-control::placeholder, body.dark-mode-activated.single-cea-testimonial .testimonial, body.dark-mode-activated h2.entry-title, body.dark-mode-activated .widget .widget-title, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap input, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap select, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap textarea { color: var(--light-color); } body.dark-mode-activated .feature-box-wrapper .feature-box-title, body.dark-mode-activated .section-title-wrapper .title-wrap > *.sub-title, body.dark-mode-activated .elementor-element .cea-icon-list-item .icon-list-text, body.dark-mode-activated .elementor-element .section-title-wrapper .section-title, body.dark-mode-activated .elementor-element .section-title-wrapper .section-title .title-suffix, body.dark-mode-activated .elementor-element .section-title-wrapper .section-title .title-prefix, body.dark-mode-activated .elementor-element .section-description .lead, body.dark-mode-activated .post-title-head .post-title, body.dark-mode-activated .circle-progress-wrapper, body.dark-mode-activated .elementor-widget-text-editor, body.dark-mode-activated .portfolio-inner .post-category a:hover, body.dark-mode-activated .primary-menu .menu-item-has-children ul.sub-menu li a, body.dark-mode-activated .elementor-title, body.dark-mode-activated .pricing-style-default .pricing-table-info, body.dark-mode-activated .pricing-table-wrapper .pricing-features-list, body.dark-mode-activated .cea-counter-wrapper .counter-title > *, body.dark-mode-activated .elementor-heading-title, body.dark-mode-activated .circle-progress-wrapper .circle-progress-title > *, body.dark-white-text-button span.cea-button-text, body.dark-mode-activated .blog-inner .bottom-meta a, body.dark-mode-activated .cea-counter-wrapper .counter-value > * { color: var(--light-color) !important; } body.dark-mode-activated .testimonial-inner .post-excerpt, body.dark-mode-activated .elementor-progress-percentage, body.dark-mode-activated .section-description .section-content, body.dark-mode-activated .cea-counter-wrapper .counter-content { color: #a7a7a7 !important; } body.dark-mode-activated .blog-inner .bottom-meta a.read-more:hover { color: #000 !important; } body.dark-mode-activated .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media, body.dark-mode-activated .cea-accordion-content, body.dark-mode-activated .blog-wrapper .blog-inner, body.dark-mode-activated .footer-widgets-wrap, body.dark-mode-activated .footer-bottom-wrap, body.dark-mode-activated .sticky-head.header-sticky .header-navbar, body.dark-mode-activated .team-style-classic-pro .post-details-outer, body.dark-mode-activated .team-style-default .team-inner .post-overlay-items > .team-social-wrap, body.dark-mode-activated .service-inner, body.dark-mode-activated .pagination-single, body.dark-mode-activated .blog-style-classic-pro .blog-inner .post-details-outer, body.dark-mode-activated .cf-style-classic-pro span.wpcf7-form-control-wrap input, body.dark-mode-activated .cf-style-classic-pro span.wpcf7-form-control-wrap select, body.dark-mode-activated .cf-style-classic-pro span.wpcf7-form-control-wrap textarea, body.dark-mode-activated .bg-extra > .elementor-widget-container, body.dark-mode-activated .cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-title, body.dark-mode-activated .content-widgets-wrapper .content-widgets > .widget, body.dark-mode-activated .elementor-widget-container.cea-tab-elementor-widget.tab-style-2.cea-vertical-tab .cea-tab-pane > section, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap input, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap select, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap textarea, body.dark-mode-activated .service-style-classic-pro .post-details-outer, body.dark-mode-activated .bg-box .elementor-widget-container.feature-box-wrapper, body.dark-mode-activated .bg-box .elementor-widget-container.cea-counter-wrapper, body.dark-mode-activated .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner, body.dark-mode-activated .testimonial-wrapper.testimonial-style-modern .testimonial-inner, body.dark-mode-activated blockquote, body.dark-mode-activated.single-post .comments-wrapper.section-inner input:not([type="submit"]), body.dark-mode-activated.single-post .comments-wrapper.section-inner textarea, body.dark-mode-activated .elementor-element:not(.elementor-motion-effects-element-type-background).bg-box > .elementor-widget-wrap, body.dark-mode-activated .pricing-table-wrapper .pricing-inner-wrapper, body.dark-mode-activated section.elementor-section.elementor-inner-section.bg-row, body.dark-mode-activated .day-counter > div, body.dark-mode-activated .bg-box-fr .flip-box-wrapper .flip-box-inner .flip-front, body.dark-mode-activated .bg-box-bk .flip-box-wrapper .flip-box-inner .flip-back, body.dark-mode-activated .contact-form-wrapper .wpcf7-form label, body.dark-mode-activated .nav.nav-tabs.cea-tabs .nav-link, body.dark-mode-activated.single .row.team, body.dark-mode-activated .bg-box.elementor-widget.elementor-widget-contactform { background-color: var(--dark-bg-rgba) !important; color: var(--light-color); } body.dark-mode-activated .elementor-shape .elementor-shape-fill { fill: transparent; } body.dark-mode-activated .elementor-widget-container.feature-box-wrapper { color: #a7a7a7 !important; box-shadow: none !important; } body.dark-mode-activated .dark-text { color: var(--light-color) !important; } body.dark-mode-activated rs-layer-wrap .dark-text { filter: invert(1) !important; } body.dark-mode-activated .elementor-widget-container.feature-box-wrapper a, body.dark-mode-activated .elementor-widget-ceaposts .blog-inner .post-excerpt { color: #a7a7a7 !important; } body.dark-mode-activated .elementor-widget-container.feature-box-wrapper a.cea-button-link.elementor-button.cea-button, body.dark-mode-activated .team-media.media .media-body span.team-experience { color: var(--light-color) !important; } body.dark-mode-activated .blog-wrapper.blog-style-classic-pro .blog-inner, body.dark-mode-activated .service-style-classic .service-inner, body.dark-mode-activated .cea-tabs > a, body.dark-mode-activated .tab-style-2.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-title, body.dark-mode-activated .elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, body.dark-mode-activated .service-style-classic-pro .service-inner { background-color: var(--trans-color) !important; } body.dark-mode-activated .elementor-widget-container, body.dark-mode-activated .elementor-widget-divider .elementor-divider-separator, body.dark-mode-activated .cea-accordion-header > a, body.dark-mode-activated .custom-post-nav, body.single.dark-mode-activated ul.portfolio-meta-list, body.dark-mode-activated .portfolio-single .portfolio-format, body.dark-mode-activated .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li, body.dark-mode-activated .finxpert-masonry > article, body.dark-mode-activated .content-widgets-wrapper .widget_block, body.dark-mode-activated .content-widgets-wrapper .content-widgets > .widget, body.dark-mode-activated .widget.finxpert_latest_post_widget .side-item, body.single-post.dark-mode-activated .bottom-meta-wrap, body.dark-mode-activated .blog-wrapper.blog-style-list .blog-inner, body.dark-mode-activated .blog-style-list .bottom-meta, body.dark-mode-activated .elementor-widget-container.feature-box-wrapper.feature-box-classic:before, body.dark-mode-activated .popover-content, body.dark-mode-activated .cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-icon, body.dark-mode-activated .elementor-widget-ceaposts .blog-style-default .blog-inner, body.dark-mode-activated section.elementor-section.elementor-inner-section.elementor-element, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap input, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap select, body.dark-mode-activated .cf-style-classic span.wpcf7-form-control-wrap textarea, body.dark-mode-activated .testimonial-wrapper.testimonial-style-classic .testimonial-inner, body.dark-mode-activated.single-post .comments-wrapper.section-inner input:not([type="submit"]), body.dark-mode-activated.single-post .comments-wrapper.section-inner textarea, body.dark-mode-activated .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a, body.dark-mode-activated ul.nav.pagination.post-pagination > li > a, ul.nav.pagination.post-pagination > li > span, body.dark-mode-activated .comment-body, body.dark-mode-activated .single-post .top-meta-wrap, body.dark-mode-activated .elementor-widget-ceaposts .blog-inner .read-more, body.dark-mode-activated section.elementor-section, body.dark-mode-activated .elementor-widget-wrap>.elementor-element.blur .pricing-inner-wrapper, body.dark-mode-activated .elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap input, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap select, body.dark-mode-activated .cf-style-modern span.wpcf7-form-control-wrap textarea, body.dark-mode-activated .elementor-widget-ceaposts .blog-style-list .blog-inner { border-color: var(--bg-ext) !important; box-shadow: none !important; } .dark-mode-activated section.elementor-section.elementor-top-section.elementor-element.elementor-section-stretched.dark-no-bg { background-image: none; } body.dark-mode-activated h2.we-stand__top-title { color: transparent; } body.dark-mode-activated .dark-button a.cea-button-link.elementor-button.cea-button, body.dark-mode-activated .service-wrapper.dark-button .service-inner a.read-more.elementor-button, body.dark-mode-activated .service-icon-bg-dark .service-icon-img-wrap > img { background-color: var(--dark-bg) !important; color: var(--light-color) !important; border-color: var(--bg-ext) !important; } body.dark-mode-activated .elementor-progress-percentage { color: var(--light-color) !important; } body.dark-mode-activated .icon-bg-dark .cea-featured-icon { background-color: var(--bg-ext) !important; } body.dark-mode-activated .widget-area-right .widget p.wp-block-tag-cloud a.tag-cloud-link { background-color: var(--bg-ext) !important; color: var(--light-color) !important; } body.dark-mode-activated .portfolio-inner .post-overlay-items a.post-title, body.dark-mode-activated h5.slide-box-title { color: inherit !important; } body.dark-mode-activated .nav.nav-tabs.cea-tabs .nav-link .cea-tab-title { color: inherit; } .dark-mode-activated h1, .dark-mode-activated .h1, .dark-mode-activated h2, .dark-mode-activated .h2, .dark-mode-activated h3, .dark-mode-activated .h3, .dark-mode-activated h4, .dark-mode-activated .h4, .dark-mode-activated h5, .dark-mode-activated .h5, .dark-mode-activated h6, .dark-mode-activated .h6, .dark-mode-activated a { color: var(--light-color); } body.dark-mode-activated .blog-wrapper .blog-inner, body.dark-mode-activated .content-widgets-wrapper .widget_block, body.dark-mode-activated .content-widgets-wrapper .content-widgets > .widget { box-shadow: none !important; } body.dark-mode-activated .image-grid-wrapper .owl-carousel .owl-item .image-grid-inner img { filter: invert(.5); } .testimonial-style-list .testimonial-inner .media-body { padding-bottom: 40px; padding-right: 40px; } body.dark-mode-activated .elementor .elementor-background-overlay, body.dark-mode-activated .insta-footer-wrap:before, body.dark-mode-activated .team-wrapper.team-style-modern .team-inner .post-overlay-items { background-color: rgba(0,0,0, 0.5) !important; } body.dark-mode-activated .bg-box-fr-rgba .flip-box-wrapper .flip-box-inner .flip-front { background-color: rgba(0,0,0, 0.8) !important; } body.dark-mode-activated p.wp-block-tag-cloud a.tag-cloud-link { background-color: #dddddd; } body.dark-mode-activated img.sticky-logo { filter: brightness(0) invert(1); } .dark-mode-activated header.finxpert-page-header:after { background-color: rgb(0 0 0 / 88%); } .dark-mode-activated .sticky-head.header-sticky .header-navbar a { color: var(--light-color); } .dark-mode-activated .pricing-table-wrapper .pricing-title { color: var(--light-color) !important; } body.dark-mode-activated .cea-mailchimp-wrapper input.form-control { background: var(--bg-ext) !important; border-color: var(--border-color) !important; color: var(--light-color) !important; } /* extra color */ body.dark-mode-activated section.elementor-section.bg-extra, body.dark-mode-activated section.elementor-section.elementor-top-section.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.bg-extra, body.dark-mode-activated .nav.nav-tabs.cea-tabs .nav-link { background-color: var(--bg-ext) !important; } body.single-post.dark-mode-activated .comments-wrapper.section-inner input.submit { border: none; } body.dark-mode-activated .custom-post-nav, body.single.dark-mode-activated ul.portfolio-meta-list, body.dark-mode-activated .finxpert-masonry > article, body.single-post.dark-mode-activated .comments-wrapper.section-inner input.submit { box-shadow: none; } li.breadcrumb-wrap { list-style: none; } body.dark-mode-activated .elementor-element.cus-bx .feature-box-wrapper.feature-box-default:before { display: none; } /*-------------------------------------------------------------- 16. 404 --------------------------------------------------------------*/ .section-inner.thin.error404-content h1.entry-title { margin-bottom: 30px; } .section-inner.thin.error404-content .intro-text p { margin-bottom: 25px; } /*-------------------------------------------------------------- 17. responsive --------------------------------------------------------------*/ @media only screen and (max-width: 1199px) { .slider-section .section-content { max-width: 400px; } } @media only screen and (max-width: 1140px) { h2.we-stand__top-title { font-size: 160px; font-weight: 900; line-height: 130px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .slide-image-wrap img { max-width: 300px; } .flash-news-wrap { width: 350px; } } @media only screen and (max-width: 1024px) { .header-logobar.logobar { display: none; } .finxpert-content-wrap.container { width: 100%; } header.finxpert-page-header .container { width: auto; } .site-footer-wrap .container { width: auto; } .finxpert-content-wrap { padding: 50px 15px; } li.menu-item.menu-item-has-children.menu-item-has-mega-children { position: relative; } .header-navbar { display: none; } .content-widgets.widget-area-right { padding: 0; } .site-footer-wrap .container { width: auto; max-width: initial; } .insta-footer-wrap { margin: 0 50px -100px 50px; z-index: 0; } .container, .container-sm { max-width: initial; } .header-mobilebar.navbar { padding: 0; } .header-mobilebar.navbar > .container { padding: 0 15px; } aside.footer-insta-widget.col-12 h3 { max-width: 68%; } .cus-cp-wrap .circle-progress-style-classic-pro { display: contents; } } @media only screen and (max-width: 991px) { .finxpert-post-banner .banner-inner-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .blog-multi-layout-3 .zozo-media { display: block; } .blog-multi-layout-3 .media-body { flex: unset; border-bottom: 1px solid #f1f1f1; padding-bottom: 1rem; } .zozo-block-primary-inner .post-thumb img, .blog-multi-layout-3 .post-thumb img, .zozo-block-primary .post-thumb img { width: 100%; } .blog-multi-layout-1 { margin-bottom: 2rem; } ul.page-title-elements.page-title-right { text-align: left; } .blog-multi-layout-3 .zozo-block-secondary .post-thumb { margin-right: 0 !important; } .blog-multi-layout-1 .zozo-block-secondary { margin-left: 0; margin-top: 1.5rem; } .blog-multi-layout-3 .post-thumb img { margin-bottom: 1rem; } .blog-multi-layout-3 .zozo-block-secondary > .zozo-media { margin-bottom: 1.25rem; } .page-title-wrap > * { float: none; display: block; } .page-title-wrap > *.page-title-right { margin-top: 15px; } .single-post .entry-header .top-meta-wrap .post-meta.pull-right { float: none; margin-top: 10px; } .pagination-single-inner { display: block; } .pagination-single-inner > * { width: 100%; text-align: center; } .pagination-single-inner a.next-post { text-align: center; } .pagination-single-inner > h6:first-child { margin-bottom: 20px !important; } .pagination-single-inner > h6:last-child { margin-bottom: 0; } h2.we-stand__top-title { font-size: 110px; font-weight: 900; line-height: 130px; } .footer-widgets-wrap aside.footer-widget-2.col-md-3 { flex: 0 0 auto; width: 50%; margin-bottom: 35px; } aside.footer-insta-widget.col-12 h3 { max-width: 100%; font-size: 35px; line-height: 45px; margin-bottom: 30px; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: 100%; margin-right: 0; margin-bottom: 35px } .testimonial-style-list .owl-prev, .testimonial-style-list .owl-next { left: auto; right: 15px; margin: 0; } .testimonial-wrapper.testimonial-style-list .post-thumb img { margin-right: 0; } .testimonial-slide-model .testimonial-inner { margin: 0; } .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media { display: block; } .testimonial-style-list .testimonial-inner .post-thumb:before { right: 60px; } .testimonial-style-list .testimonial-inner .post-thumb:after { right: 15%; } .testimonial-style-list .testimonial-inner:after { right: 0; display: none; z-index: 1; } } @media only screen and (min-width: 991px) { .column-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 912px) { .elements-3 > div > ul { width: 20%; } .elements-3 > div > ul.pull-center.justify-content-center { width: 60%; } .elements-2 .pull-center.right-element-exist { margin-left: 50%; margin-right: unset; transform: translateX(-50%); } .elements-2 .pull-center { margin-right: 50%; margin-left: unset; transform: translateX(50%); } } @media only screen and (max-width: 768px) { .slide-image-wrap img { max-width: 230px; } .slider-section { padding: 0; } } @media only screen and (max-width: 767px) { .footer-widget-text h3 { font-size: 34px; } .header-topbar .topbar-left { display: none; } .footer-bottom-wrap ul.nav { margin-bottom: 30px; } .banner-inner-2 .banner-inner { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .zozo-block-primary .post-thumb img { width: 100%; } .load-more-posts { margin-bottom: 50px; } .page-title-wrap h1 { font-size: 26px; line-height: 37px; } h2.we-stand__top-title { font-size: 90px; font-weight: 900; line-height: 110px; } span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item { margin: 0; display: block; } aside.footer-insta-widget.col-12 h3 { max-width: 100%; font-size: 25px; line-height: 35px; margin-bottom: 30px; } body .insta-footer-wrap { padding: 20px; margin-left: 50px; margin-right: 50px; } body .footer-widgets-wrap { padding: 150px 0 50px 0; } body .finxpert-content-wrap { padding-top: 50px !important; padding-bottom: 50px !important; } .blog .post-pagination-wrap { margin-bottom: 0; } .wp-block-search__input { max-width: 85%; } .single-post article { margin-bottom: 50px; } body .round-infoboxes .elementor-widget-ceafeaturebox { position: relative !important; top: auto !important; bottom: auto !important; transform: initial !important; margin-bottom: 30px; width: 100% !important; height: auto; } .round-infoboxes .elementor-widget-ceafeaturebox .feature-box-wrapper.feature-box-default { border-radius: 0; } .footer-bottom-wrap ul.nav.copyright-bar-ul p.footer-copyright { text-align: left; } body.page .page-title-wrap, body.error404 .page-title-wrap, .single .page-title-wrap { padding: 80px 0px; } } @media only screen and (max-width: 640px) { h2.we-stand__top-title { font-size: 60px; font-weight: 900; line-height: 60px; } .float-parallax { position: absolute; top: 86% !important; left: 50% !important; } .slide-widget-container.slide-box-wrapper { padding: 15px; } .slide-widget-container.slide-box-wrapper span.subtitle { font-size: 12px !important; margin-bottom: 3px !important; } } @media only screen and (max-width: 600px) { .site-logo > img { max-width: 170px; } .slide-image-wrap img { display: none; } .footer-widgets-wrap aside.footer-widget-2.col-md-3 { flex: 0 0 auto; width: 100%; margin-bottom: 40px; } .footer-widgets-wrap aside.footer-widget-2.col-md-3:last-child { flex: 0 0 auto; width: 100%; margin-bottom: 0px; } body .insta-footer-wrap { padding: 20px; margin-left: 25px; margin-right: 25px; } aside.footer-insta-widget.col-12 h3 { max-width: 100%; font-size: 18px; line-height: 26px; margin-bottom: 17px; } .insta-footer-wrap a.btn { font-size: 16px; padding: 10px 20px 10px 20px; } } @media only screen and (max-width: 480px) { .float-parallax { position: absolute; top: 86% !important; left: 30% !important; display:none; } .woocommerce table.shop_table td.product-remove { padding-top: 15px; } } /*-------------------------------------------------------------- 18. RTL --------------------------------------------------------------*/ body.rtl { direction: rtl; text-align: right; } .rtl aside.footer-widget-2 { padding-right: 15px; padding-left: 40px; } .rtl .widget.widget_nav_menu li a { position: relative; } .rtl .widget.widget_nav_menu li a:before { position: absolute; right: 0; margin-right: 0; margin-left: 15px; } .rtl .widget-content ul { padding-right: 0; } .rtl .widget.widget_nav_menu li a { position: relative; padding-right: 20px; } .rtl .footer-bottom-wrap .widget.widget_nav_menu li { margin-left: 20px; margin-right: 0; } .rtl .footer-bottom-wrap .widget.widget_nav_menu li:last-child { margin-left: 0; } .rtl footer button.input-group-addon.zozo-mc.btn.btn-default { left: 4px; right: auto; margin-left: 0 !important; } .rtl ul.nav.copyright-bar-ul { padding: 0; } .rtl aside.footer-insta-widget.col-12 h3 { text-align: right; padding-right: 0 !important; } .rtl header .navbar > div > ul.nav > li:last-child { padding-left: 0; } .rtl header .navbar > div > ul.nav > li { padding-left: 30px; padding-right: 0; } .rtl .widget.finxpert_latest_post_widget .side-item .side-image { margin-left: 15px; margin-right: 0; } .rtl .bottom-search-wrap { right: auto; left: 0; } .rtl ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu { left: -100%; } .rtl ul.nav.wp-menu > li.menu-item-has-children li.menu-item-has-children > a:after { left: 0; right: auto; transform: rotate(180deg) translateY(50%); } .rtl ul.nav.wp-menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after { transform: rotate(0deg) translateY(-50%); } .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li a:before { right: -20px; left: auto; } .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover:before { right: 0; } .rtl .slide-content span { margin-right: 0; margin-left: 15px; } .rtl .post-author a > span.author-name { margin-left: 0; margin-right: 15px; } .rtl .zozo_social_widget ul.nav.social-icons > li > a { margin-right: 0; margin-left: 6px; } .rtl .zozo_social_widget ul.nav.social-icons > li:last-child > a { margin-left: 0; } .rtl ul.nav.post-meta > li span { margin-left: 10px; margin-right: 0; } .rtl ul.nav.post-meta > li { margin-right: 0; margin-left: 15px; } .rtl ul.nav.post-meta > li:last-child { margin-left: 0; } .rtl .pull-right { float: left; } .rtl .comment-author.vcard img { margin-right: 0; margin-left: 15px; float: right; display: inline-block; } .rtl .comment-body .comment-content, .rtl .comment-body .reply { padding-right: 75px; } .rtl div.comment.parent.depth-2,.rtl div.comment.parent.depth-3,.rtl div.comment.parent.depth-4,.rtl div.comment.parent.depth-5 { padding-left: 0px; padding-right: 25px; } .rtl div.comment.depth-2 { padding-left: 0px; padding-right: 25px; } .rtl .pagination-single-inner { direction: ltr; text-align: initial; } .rtl .content-widgets.widget-area-right { padding-right: 15px; padding-left: 0; } .rtl .wpcf7 { text-align: right; } .rtl .wpcf7-form-control-wrap > *::placeholder { text-align: right; } body.rtl .round-infoboxes .elementor-widget-ceafeaturebox.round-featurebox2 { left: 0; right: auto; } .rtl .portfolio-style-classic .portfolio-inner .post-icons { position: absolute; left: 34px; bottom: 8px; } .rtl .portfolio-style-classic .portfolio-inner .post-icons { position: absolute; left: 34px; bottom: 8px; } .rtl .portfolio-style-classic .portfolio-inner .post-icons { position: absolute; left: 34px; bottom: 8px; } /* SHortcodes */ .rtl ul { padding-right: 0; } .rtl .testimonial-wrapper.testimonial-style-list .post-thumb img { margin-right: 0; margin-left: 25px; } .rtl .testimonial-wrapper.testimonial-style-list .post-thumb { margin-left: 50px; margin-right: 0; } .rtl .testimonial-style-list .testimonial-inner .post-thumb:after { right: auto; left: -60px; } .rtl .cea-view-framed .cea-popup-anything.popup-trigger-icon:before, .rtl .cea-view-framed .cea-popup-anything.popup-trigger-icon:after { left: 50%; right: auto; } .rtl .team-details-icon { margin-right: 0; margin-left: 15px; } .rtl.single-cea-team .team-social-wrap ul.social-icons > li > a { margin-right: 0; margin-left: 10px; } .rtl.single-cea-team .team-social-wrap ul.social-icons > li:last-child > a { margin-left: 0; } .rtl .blog-style-list .post-thumb { margin-left: 35px; margin-right: 0; } .rtl .portfolio-meta span.portfolio-meta-icon { margin-right: 0 !important; margin-left: 10px; } /* Header Footer */ header .feature-box-wrapper > .media > *:first-child { margin-right: 13px; } /*Slider */ rs-layer-wrap.rs-parallax-wrap.blend-par { mix-blend-mode: multiply; } /* mega menu image */ .cus-img-menu .menu-item .widget img { box-shadow: 0 6px 10px rgb(0 0 0 / 8%); border-radius: 7px; transform: translateY(0); transition: all ease 0.35s; } .header-navbar.navbar .wp-menu li.cus-img-menu > ul.sub-menu.mega-menu li { border: 0; } header ul.nav.wp-menu li.cus-img-menu > ul.sub-menu.mega-menu li a { padding: 10px 13px; } .header-navbar.navbar .wp-menu li.cus-img-menu > ul.sub-menu.mega-menu > li > a { display: none; } .cus-img-menu .menu-item .widget .wp-block-image figcaption { text-align: center; font-size: 13px; line-height: 30px; display: flex; justify-content: space-evenly; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; margin-left: 20px; margin-bottom: 0; } .cus-img-menu .menu-item .widget .wp-block-image figcaption a:first-child:after { content: ""; width: 2px; height: 10px; background: #cfcfcf; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); } .header-navbar { z-index: 3; } .cus-img-menu .widget.widget_block.widget_media_image figure.wp-block-image { margin: 5px 0; } .header-navbar.navbar .cus-img-menu ul.sub-menu.mega-menu ul.sub-menu li { -ms-flex: 0 0 16%; flex: 0 0 20.666%; max-width: 19.666%; padding: 0 0px; } .cus-img-menu ul.sub-menu.mega-menu > li.col-3 { width: 20%; } .header-navbar.navbar .wp-menu li.cus-img-menu > ul.sub-menu.mega-menu li .wp-block-image figure { margin-bottom: 0; } /* zhf Mega menu */ ul.zhf-nav-menu > li > ul.sub-menu.mega-menu > li.mega-menu-col > ul.sub-menu { left: 0; margin: 0; top: auto; position: relative; box-shadow: none; width: 100%; opacity: 1; visibility: visible; } header ul.nav.wp-menu ul.sub-menu.mega-menu { display: flex; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 10px; max-width: 1140px; padding: 25px 0px 17px 14px; flex-wrap: wrap; } ul.nav.wp-menu li > ul.sub-menu.mega-menu li.cus-home-variations:after { content: unset; } .header-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu > li.cus-home-variations > a { font-weight: 700; color: #262626; } header ul.nav.wp-menu li.cus-landing-menu ul.sub-menu.mega-menu:before { content: ""; width: 1px; height: 100%; position: absolute; background-color: #eaeaea; z-index: 2; left: 170px; transform: translateX(-50%); bottom: 0; } header ul.nav.wp-menu li.cus-landing-menu ul.sub-menu.mega-menu { width: 54%; left: 0; margin: 0; } ul.nav.wp-menu > li > ul.sub-menu.mega-menu > li.cus-home-variations > ul.sub-menu, ul.nav.wp-menu > li > ul.sub-menu.mega-menu > li.cus-landing-variations > ul.sub-menu { display: block; } ul.nav.wp-menu li > ul.sub-menu.mega-menu li.cus-home-variations { position: relative; border: 0; } .cus-img-menu .menu-item figure:hover img { transition: all ease 0.35s; transform: translateY(-6px); } .tab-style-2 .nav.nav-tabs.cea-tabs { justify-content: center; } .header-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu > li > a { font-weight: 700; color: #888888; } .zhf-menu-wrap .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children { position: static; } ul.zhf-nav-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu { width: 290px; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 10px; } ul.zhf-nav-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu { left: 100%; top: 0; position: absolute; margin-left: 0; min-width: 275px; opacity: 0; visibility: hidden; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 5px; } ul.zhf-nav-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; } .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu { width: 100%; padding: 20px 0; } .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu ul.sub-menu li { display: none; } .zhf-menu-wrap .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children:hover ul.sub-menu.mega-menu ul.sub-menu li { display: block; } .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu span.dropdown-icon { display: none; } ul.nav.wp-menu.primary-menu, nav.primary-menu-wrapper, header .navbar > div > ul.nav > li { position: static; } ul.nav.wp-menu.primary-menu { position: relative; } header .wp-menu:not(.mobile-menu) li.cus-img-menu > ul.sub-menu.mega-menu { left: -300px; right: -300px; } .mobile-menu-active .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu { display: block; padding: 0; } .mobile-menu-active .zhf-nav-menu .sub-menu li:first-child { padding-top: 0; } .mobile-menu-active .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu li.mega-menu-col { width: 100%; max-width: 100%; } .mobile-menu-active ul.zhf-nav-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu { box-shadow: none; } .mobile-menu-active .sub-menu .dropdown-icon:after { content: "\e64b" !important; } .mobile-menu-active ul.zhf-nav-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu { position: relative; left: auto; box-shadow: none; } /* Responsive */ @media only screen and (max-width: 1024px) { .zhf-menu-wrap .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children { position: relative; } section.float-parallax-started .float-parallax { display: none; } } .service-archive-title { margin-top: 20px; } /* Finxpert Extra style */ /* =============================================================== */ /**! 01. Normalize **/ /**! 02. Header **/ /**! 03. Page title bar **/ /**! 04. Default Blog **/ /**! 05. Blog Single **/ /**! 06. Comments **/ /**! 07. Pagination **/ /**! 08. elementor common styles **/ /**! 09. Footer **/ /**! 10. Widgets **/ /**! 11. Full Screen Search **/ /**! 12. Social Color **/ /**! 13. Gutenberg **/ /**! 14. Shortcodes & Overwrite css of CEA **/ /**! 15. Dark Mode **/ /**! 16. 404 **/ /**! 17. responsive **/ /**! 18. RTL **/ /* ================================================================= */ /**! 02. Header **/ ul.nav.wp-menu > li { padding: 0 24px; } ul.nav.wp-menu > li > a { letter-spacing: 0.7px; } .page-title-wrap > ul.page-title-elements > * { margin-top: 20px; } .site-header .btn.btn-primary .btn-text { font-weight: 600; } .site-header .header-logobar { border-radius: 0px 0px; } .site-header .header-logobar ul.nav.logobar-ul { align-items: center; } .site-header .header-logobar address:after { position: absolute; content: ''; background: #e7e3ee; width: 1px; height: 54px; top: 50%; transform: translateY(-50%); right: 0; } .header-titles .site-title { font-size: 44px; } .site-header .header-logobar address { position: relative; padding-right: 40px; } .sticky-head.header-sticky .header-navbar a.cea-button-link { color: #fff !important; } .sticky-head .header-navbar .header-titles-wrapper { padding-right: 0px; } .sticky-head.header-sticky .header-navbar .header-titles-wrapper{ padding-right: 30px; } .sticky-head .header-navbar .h-phone, .sticky-head.header-sticky .header-navbar .h-phone { font-size: 18px; letter-spacing: 0.5px; font-weight: 600; } .header-navbar.navbar .header-titles > div { display: none; } .site-header .header-logobar .email-link, .secondary-bar-active .secondary-bar-inner .widget-content .contact-widget-info p a { color: #666B68; } .site-header .header-navbar .primary-menu-wrapper ul.nav.wp-menu > li:first-child { padding-left: 0px; } .site-header .header-logobar.navbar > div > ul.nav > li:first-child { padding-right: 40px; } .site-header .header-logobar.navbar > div > ul.nav > li > h5 { margin-bottom: 0px; } header ul.nav.wp-menu li > ul.sub-menu li a { padding: 0px 10px; } header ul.nav.wp-menu li > ul.sub-menu li { padding: 3px 15px 3px 17px; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu { border-radius: 0px 0px 10px 10px; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu > li > ul.sub-menu { border-radius: 0px 10px 10px 10px; } header.finxpert-page-header:after { content: ""; background: rgb(22 56 56 / 93%); position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; } /*Secondary bar styles*/ body.secondary-bar-active .secondary-bar-wrapper .text-widget-content img { margin: 0; max-width: 230px; } aside.footer-widget-2 h5, .widget .widgettitle, .widget .widget-title, .widget .wp-block-heading { font-size: 24px; line-height: 32px; font-weight: 600; position: relative; display: inline-block; padding-left: 33px; margin-bottom: 22px; } aside.footer-widget-2 h5:before, .widget .widgettitle:before, .widget .widget-title:before, .widget .wp-block-heading:before { content: ""; position: absolute; width: 21px; height: 9px; border-radius: 30px; top: 50%; transform: translateY(-50%); left: 1px; } .secondary-bar-wrapper .zozo_social_widget ul.social-icons.social-circled.social-bg-transparent>li a { border: 1px solid; font-size: 14px; height: 40px; width: 40px; line-height: 40px; } .secondary-bar-wrapper .secondary-bar-inner .finxpert_contact_info_widget { border-bottom: 1px solid #dbe5e2; padding-bottom: 30px; padding-top: 30px; margin-top: 35px; border-top: 1px solid #dbe5e2; } body.secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner .zozo_social_widget .widget-title { padding-bottom: 5px; } body.secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner .finxpert_contact_info_widget .contact-widget-info span { padding-right: 10px; } body.secondary-bar-active .secondary-bar-wrapper .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit { padding: 12px 19px; line-height: 24px; border-radius: 10px; } .secondary-bar-wrapper .zozo_social_widget ul.nav.social-icons > li > a { margin-right: 2px; } .secondary-bar-wrapper .secondary-bar-inner { padding: 60px 50px 40px 50px; } .secondary-menu-toggle.finxpert-toggle { width: 50px; cursor: pointer; position: relative; text-align: center; display: block; } .secondary-menu-toggle.finxpert-toggle span { display: block; border-bottom: 2px solid; margin: 8px 0; width: 42px; border-radius: 50px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .secondary-menu-toggle.finxpert-toggle span:nth-child(2), .secondary-menu-toggle.finxpert-toggle span:nth-child(3) { width: 24px; margin-left: 18px; } .secondary-menu-toggle.finxpert-toggle span:nth-child(3) { margin-bottom: 0; } .secondary-menu-toggle.finxpert-toggle span:nth-child(4) { border: none; position: relative; } .secondary-menu-toggle.finxpert-toggle span:nth-child(4):before { content: "\f135"; font-family: 'bootstrap-icons'; display: inline; top: -58px; position: absolute; font-size: 29px; font-weight: 100; transform: rotate(-45deg); left: -8px; transition: all .3s; } .secondary-menu-toggle.finxpert-toggle:hover span:nth-child(4):before { transform: none; top: -59px; transition: all .3s; animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } .sticky-head .secondary-toggle-wrapper { display: flex; align-items: center; } .secondary-bar-wrapper .mailchimp-wrapper .input-group input { border: solid 1px var(--border-color); border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; padding-left: 20px; } .secondary-bar-wrapper p.zozo-mc-subtitle { font-size: 18px; line-height: 32px; } .secondary-bar-wrapper .mailchimp-wrapper .input-group .zozo-mc.btn.btn-default { padding: 0 25px 0 20px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; color: var(--light-color); } .secondary-bar-wrapper .mailchimp-wrapper .input-group .zozo-mc.btn.btn-default:focus { box-shadow: none; } .secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner input.wpcf7-form-control, .secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner textarea.wpcf7-form-control { border: 1px solid var(--border-color); padding: 15px; border-radius: var(--border-radius-30); margin-bottom: 30px; } body.secondary-bar-active .secondary-bar-wrapper .wp-block-contact-form-7-contact-form-selector { padding: 30px 26px 0px 26px; } .secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner textarea.wpcf7-form-control { margin-bottom: 0px; } .secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner input.wpcf7-form-control:focus, .secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner textarea.wpcf7-form-control:focus { border: 1px solid; } .secondary-bar-wrapper .wp-block-search__label { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .secondary-bottom-cols .contact-widget { padding: 24px 34px 26px; text-align: center; color: #fff; width: 100%; border-right: solid 1px #ffffff3d; border-bottom: none; margin-bottom: 0; } .secondary-bottom-cols .contact-widget a { font-size: 24px; color: #fff; } .secondary-bottom-cols .contact-widget .title { opacity: 0.7; font-size: 15px; letter-spacing: 0.5px; line-height: 28px; } .secondary-menu-toggle.finxpert-toggle.active span:nth-child(4):before, .secondary-menu-toggle.finxpert-toggle.active:hover span:nth-child(4):before { opacity: 0; transform: scale(0); transition: var(--trans-dft); } body.mobile-menu-active a.mobile-menu-toggle > span:first-child, a.finxpert-toggle.active > span:first-child, body.mobile-menu-active a.mobile-menu-toggle > span:nth-child(3), a.finxpert-toggle.active > span:nth-child(3) { margin-bottom: 0; border-radius: 0; width: 22px; } body.mobile-menu-active a.mobile-menu-toggle > span:first-child, a.finxpert-toggle.active > span:first-child { transform: rotate(45deg) translateY(0px); } body.mobile-menu-active a.mobile-menu-toggle > span:nth-child(3), a.finxpert-toggle.active > span:nth-child(3) { transform: rotate(-42deg) translateY(-27px); } .secondary-bar-inner a.secondary-menu-toggle.active { top: 23px; right: 0; } /* Secondary Widgets */ .secondary-bar-inner .widget { margin-bottom: 30px; } .secondary-bar-inner .widget:last-child { margin-bottom: 0; } .secondary-cols form.wp-block-search { padding: 23px 30px 38px; background: var(--bg-light-clr); border-radius: 10px; } .cus-sec-col-two .text-widget-inner .text-widget-content-text { font-size: 18px; } :where(.wp-block-columns.is-layout-flex.secondary-bottom-cols) { gap: 0; } .secondary-bar-inner .feature-box-wrapper.feature-box-custom { padding: 26px 25px 22px; background-color: var(--bg-light-clr); text-align: center; margin-bottom: 0; border-radius: 10px; } .wp-block-columns.secondary-bottom-cols.wp-block-columns-is-layout-flex { border-radius: 12px; } .secondary-bar-inner .feature-box-custom .fbox-number { position: absolute; right: 0; } .secondary-bar-inner .feature-box-custom .cea-featured-image { padding-bottom: 25px; border-bottom: solid 1px; margin-bottom: 15px; } .secondary-bar-inner .feature-box-custom .cea-featured-image img { max-width: 50px; margin: 0; } .secondary-bar-inner .feature-box-inner > *.feature-box-title { text-align: left; font-size: 18px; line-height: 24px; } body.secondary-bar-active .secondary-bar-wrapper .secondary-bar-inner .nav.social-icons > li > a { border-radius: var(--border-radius-30); margin-left: 0; color: var(--light-color); width: 60px; height: 35px; font-size: 13px; line-height: 35px; } .secondary-bar-wrapper .secondary-bar-inner .nav.social-icons > li > a { background: #85A6A6; } header .navbar > div > ul.nav > li.secondary-toggle-wrapper { border-bottom: none !important; } .header-navbar .cea-button-link { padding: 17px 30px 17px 30px; font-size: 14px; transition: all .3s; border-radius: 40px; line-height: 1; letter-spacing: 0.7px; } .header-navbar .cea-button-link:hover { background-color: var(--sec-bg); color: #fff; transition: all .3s; } .widget.finxpert_mailchimp_widget .widgettitle { margin-bottom: 15px; } .service-link-pos { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .secondary-bar-inner .feature-box-custom .cea-featured-image { position: relative; } .secondary-bar-inner .feature-box-custom .cea-featured-image:before { content: ""; width: 0; height: 1px; position: absolute; bottom: -1px; left: 0; transition: all .3s; } .secondary-bar-inner .feature-box-custom:hover .cea-featured-image:before { transition: all .3s; width: 100%; } a.full-search-toggle { font-size: 16px; } /**! 04. Default Blog **/ .blog-wrapper ul.nav.top-meta-list > li:last-child, .blog-wrapper ul.nav.bottom-meta-list > li:last-child { margin-right: 15px; } .finxpert-masonry > article { display: flex; flex-direction: column; padding: 27px 35px 35px; } .finxpert-masonry > article.tag-sticky-2:before { right: 10px; top: 6px; } .finxpert-masonry .featured-media { order: 1; } .finxpert-masonry .top-meta-wrap { order: 2; } .finxpert-masonry .entry-header { order: 3; } .finxpert-masonry .post-inner { order: 4; } .finxpert-masonry .bottom-meta-wrap { order: 5; } .finxpert-masonry > article .top-meta-wrap li.post-category a, .finxpert-content-wrap .post-category a { background-color: transparent; padding: 0; margin: 0; font-size: 15px; color: var(--default-text-color); letter-spacing: 0.5px } .finxpert-content-wrap .post-category .before-icon { display: none; } .blog .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li.post-date a, .single-post .top-meta-wrap ul.nav.post-meta li.post-date a { background-color: transparent; } /* archive Page */ .archive .finxpert-masonry .entry-title { line-height: 37px; font-size: 24px; } /* cea-button */ .cea-button-wrapper .cea-button-link, .site-header .btn.btn-primary, .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary { position: relative; } .site-header .btn.btn-primary .btn-text, .cea-button-wrapper .cea-button-link .cea-button-content-wrapper { position: relative; z-index: 2; } .section-title-wrapper .cea-button-wrapper .cea-button-link { position: relative; } body .wp-block-columns.cus-footer-middle.is-layout-flex { align-items: normal; } .cus-footer-middle figure.wp-block-image { margin-bottom: 23px; } .cus-footer-middle .custom-footer-txt { margin-bottom: 22px; } /* Section Title */ .section-title-wrapper .section-description { max-width: 100%; } /* Feature-Box-Default */ .feature-box-default .feature-box-inner { text-align: left; } .feature-box-default:hover .feature-box-inner .cea-feature-box-img img { -webkit-animation: rotate-horizontal 3s linear; animation: rotate-horizontal 3s linear; } .feature-box-default .feature-box-inner .fbox-number { transition: all 0.3s ease-in; } .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link { position: absolute; left: 0; bottom: 0; border: solid 1px #163838; height: 34px; padding: 0 13px; font-size: 0; line-height: 33px; transition: all .3s; } .feature-box-wrapper.feature-box-default .fbox-number { position: absolute; bottom: -100px; right: -7px; -webkit-text-stroke: 1px var(--e-global-color-primary); opacity: 0.3; transition: var(--trans-dft); } .feature-box-wrapper.feature-box-default:hover .fbox-number { transition: var(--trans-dft); } .feature-box-wrapper.feature-box-default { position: relative; } .feature-box-wrapper.feature-box-default:before { content: unset; width: 1px; height: 100px; position: absolute; left: 30px; top: 84px; animation: vermove 2s infinite; } @keyframes vermove { 0% { transform: translate3d(-200%, 0, 0); } 60% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(100%, 0, 0); } } /* feature-box-modern */ .feature-box-modern { box-shadow: none; } .feature-box-wrapper.feature-box-modern:before { content: ""; height: 1px; background: #2e4f4f; position: absolute; bottom: 15px; right: 44px; left: 58px; } .feature-box-wrapper.feature-box-modern .fbox-number { position: absolute; bottom: 8px; left: 26px; transition: all .3s; line-height: 1; } .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link { position: absolute; right: 15px; bottom: 0; border: solid 1px #163838; height: 34px; padding: 0 13px; font-size: 0; line-height: 33px; transition: all .3s; } .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link .cea-button-icon, .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link .cea-button-icon { font-size: 30px; border-radius: 30px; transition: all .3s; } .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link i, .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link i { transform: rotate(-45deg); display: block; transition: all .3s; } .cus-hover-eft:hover .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link, .cus-hover-eft2:hover .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link { font-size: 15px; padding: 0 8px 0 18px; transition: all .3s; } .cus-hover-eft:hover .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link .cea-button-icon, .cus-hover-eft2:hover .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link .cea-button-icon { transition: all .3s; } .feature-box-wrapper.feature-box-modern > .media > *:first-child { margin-right: 20px; } .cus-hover-eft .cea-button-text, .cus-hover-eft2 .cea-button-text { opacity: 0; } .cus-hover-eft:hover .cea-button-text, .cus-hover-eft2:hover .cea-button-text { opacity: 1; } .feature-box-wrapper .fbox-content a { color: inherit; } /* feature-box-classic */ .elementor-widget-container.feature-box-wrapper.feature-box-classic:before, .elementor-widget-container.feature-box-wrapper.feature-box-classic:after { content: unset; } /* Animation */ @-webkit-keyframes rotate-horizontal { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } @keyframes rotate-horizontal { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } .elementor-element .horizontal-teeth { -webkit-animation: horizontal-teeth 3s linear; animation: horizontal-teeth 3s linear infinite; } @-webkit-keyframes horizontal-teeth { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } @keyframes horizontal-teeth { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } 100% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); } } /* Cea Slider */ .cea-carousel-style-classic .feature-box-wrapper { overflow: hidden; padding: 32px 35px 76px 35px; border-radius: 15px; } .cea-carousel-style-classic .feature-box-wrapper .fbox-number { bottom: -53px; -webkit-text-stroke: 1px var(--e-global-color-primary); opacity: 0.7; font-size: 40px; color: transparent; line-height: 1; margin-bottom: 0; background-color: #f5f7f6; } .cea-carousel-style-classic .feature-box-wrapper .feature-box-title { margin-bottom: 12px; } .cea-carousel-style-classic .feature-box-default .feature-box-inner:before { content: ""; width: 66%; height: 1px; position: absolute; bottom: -34px; left: 2px; transition: all .3s; background-color: #d7d7d7; } .cea-icon-list-item strong { font-weight: 600; } .drk-bg .cea-carousel-style-classic .feature-box-wrapper .feature-box-title { margin-bottom: 12px; color: #fff; } .drk-bg .feature-box-default .feature-box-inner:before { background-color: #ffffff36; } .drk-bg .cea-carousel-style-classic .feature-box-wrapper .fbox-number { -webkit-text-stroke: 1px #ffffff7a; background-color: transparent; font-weight: 800; } .drk-bg .cea-carousel-style-classic .feature-box-wrapper { border-radius: 15px; } /* counter-style-list */ .cea-counter-style-list .counter-left .counter-icon { position: absolute; right: 80px; top: 10px; } /**! 05. Blog Standard **/ .finxpert-masonry > article { padding: 27px 35px 35px; } .finxpert-masonry .featured-media:first-child { margin-top: -30px; margin-right: -35px; margin-left: -35px; } .finxpert-content-wrap .top-meta-wrap { border-bottom: 1px solid var(--border-color); padding: 0 3px; padding-bottom: 10px; margin-bottom: 22px; } .finxpert-masonry > article { border-radius: 15px; transition: 400ms cubic-bezier(0.17, 0.46, 0.55, 0.71); box-shadow: none; border: solid 1px #eaeaea; } .finxpert-masonry .bottom-meta-wrap ul.nav.post-meta > li { margin: 0px 0px; } .finxpert-masonry .entry-title { line-height: 44px; font-size: 36px; } .finxpert-masonry .featured-media { margin-bottom: 20px; } .finxpert-masonry .social-share { margin: 0 -3px; padding-top: 3px; } .finxpert-masonry .top-meta-wrap ul.nav.post-meta li span.bi.bi-person, .single-post .top-meta-wrap ul.nav.post-meta li span.bi.bi-person, .single-post .top-meta-wrap ul.nav.post-meta > li.post-date span.bi, .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li.post-date span.bi { display: none; } .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li, .single .top-meta-wrap ul.nav.post-meta > li { margin: 0 18px 0 16px; position: relative; } .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li:last-child , .single .top-meta-wrap ul.nav.post-meta > li:last-child { margin-right: 0; } .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li:before, .single .top-meta-wrap ul.nav.post-meta > li:before { content: ""; width: 8px; height: 8px; position: absolute; left: -17px; border-radius: 50px; top: 50%; transform: translateY(-50%); } .finxpert-masonry .top-meta-wrap ul.nav.post-meta > li a, .single .top-meta-wrap ul.nav.post-meta > li a { color: #9d9d9d; font-size: 15px; font-weight: 600; margin: 0; } .finxpert-masonry > article .top-meta-wrap li.post-category a:after, .single .top-meta-wrap ul.nav.post-meta > li a:after { content: ","; } .finxpert-masonry > article .top-meta-wrap li.post-category a:last-child:after, .single .top-meta-wrap ul.nav.post-meta > li a:last-child:after { content: unset; } .finxpert-content-wrap .top-meta-wrap .nav abbr { line-height: 1; color: #797979; letter-spacing: 0.3px; font-size: 15px; font-weight: 600; } .finxpert-masonry .nav .post-more a { font-size: 15px; transition: all .3s; letter-spacing: 1px; border: solid 1px; border-color: var(--e-global-color-primary); border-radius: 30px; line-height: 1; padding: 13px 41px 12px 25px; } .finxpert-masonry .nav .post-more a { position: relative; z-index: 1; transition: all .3s; } .finxpert-masonry article:hover .nav .post-more a:before { transition: all .3s; width: 100%; color: var(--light-color); z-index: -1; } .finxpert-masonry article .nav .post-more a:after { content: "\f135"; font-family: 'bootstrap-icons'; transition: all .3s; margin-left: 0; font-size: 25px; font-weight: 500; position: absolute; right: 19px; top: 50%; transform: translateY(-50%) rotate(-45deg); } .finxpert-masonry article .nav .post-more a:hover:after { transition: all .3s; transform: translateY(-50%) rotate(0deg); } .finxpert-masonry article:hover .nav .post-more a, .blog .finxpert-masonry article:hover .post-meta .post-more a { color: var(--light-color); transition: all .3s; transition: all .3s; } .finxpert-masonry .bottom-meta-wrap ul.social-share > li > a { text-decoration: none; border-radius: 50%; margin-right: 0; width: 35px; height: 35px; line-height: 35px; color: #728787; background-color: #f1f1f1; } .finxpert-masonry .bottom-meta-wrap ul.social-share > li > a:hover i { color: var(--light-color); transition: all .3s; } .finxpert-masonry .bottom-meta-wrap ul.social-share > li > a { margin-right: 5px; } .finxpert-masonry > article .entry-content p { margin-bottom: 25px; } .finxpert-content-wrap aside.content-widgets-outer-wrapper .widget_search .wp-block-search__label, .elementor-widget-sidebar .elementor-widget-container .widget_search .wp-block-search__label { font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 15px; } .finxpert-content-wrap aside.content-widgets-outer-wrapper .widget_search, .elementor-widget-sidebar .elementor-widget-container .widget_search { padding: 20px 30px 30px 30px; } .finxpert-content-wrap aside.content-widgets-outer-wrapper .finxpert_latest_post_widget .widget-title { margin-bottom: 25px; } .widget.finxpert_latest_post_widget .side-item .side-image img { border-radius: 10px 10px 10px 10px; width: 90px; height: 90px; } .content-widgets-wrapper .widget_block, .content-widgets-wrapper .content-widgets > .widget, .elementor-widget-container .widget { margin-bottom: 35px; padding: 30px 30px; position: relative; background: #f5f7f6; box-shadow: none; border-radius: 20px; } .entry-content .widget-content ul { margin-bottom: 0; } .elementor-widget-sidebar .elementor-widget-container .widget_block .widget-content .wp-block-group .wp-block-categories-list { margin-bottom: 0px; } .content-widgets-wrapper .widget_categories ul li, .content-widgets-wrapper .widget_archive ul li, .content-widgets-wrapper .wp-block-categories li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; line-height: 1; } .content-widgets-wrapper .widget_categories ul li:last-child, .content-widgets-wrapper .widget_archive ul li:last-child, .content-widgets-wrapper .wp-block-categories li:last-child { border-bottom: none; } .widget_categories ul li a, .widget_archive ul li a, .wp-block-categories li a { position: relative; padding-left: 18px; font-weight: 600; display: inline-block; } .widget_categories ul li a:before, .widget_archive ul li a:before, .wp-block-categories li a:before { position: absolute; left: 0; content: "\f285"; font-family: 'bootstrap-icons'; line-height: 1; font-size: 11px; top: 50%; transform: translateY(-50%); width: auto; height: auto; background-color: transparent; } .finxpert-content-wrap .widget-title { margin-bottom: 30px; } p.wp-block-tag-cloud a.tag-cloud-link { background-color: #fff; border-radius: 30px; padding: 7px 16px 9px; font-weight: 600; line-height: 1; margin-bottom: 6px; margin-right: 6px; color: #797979; } .finxpert-content-wrap .wp-block-tag-cloud a.tag-cloud-link:hover { color: var(--light-color); } .entry-content p.wp-block-tag-cloud a.tag-cloud-link { background-color: #f5f7f6; } .wp-block-search__input{ border-radius: 30px 0px 0px 30px; border: 1px solid var(--border-color); width: 100%; padding-left: 20px; } .wp-block-search__button { padding: 3px 24px; border-radius: 0px 30px 30px 0px; } ul.nav.pagination.post-pagination > li > a, ul.nav.pagination.post-pagination > li > span{ font-size: 16px; line-height: 29px; font-weight: 600; border-radius: 30px; width: 59px; height: 35px; line-height: 35px; padding: 0; margin: 0; } ul.nav.pagination.post-pagination > li a.prev-page i, ul.nav.pagination.post-pagination > li a.next-page i { font-size: 22px; } ul.nav.pagination.post-pagination > li > a:hover, ul.nav.pagination.post-pagination > li > span:hover { border-color: #05071C; } ul.nav.pagination.post-pagination { padding: 15px 0 0; } /* Error 404 Page */ .error404 .form-inline.search-form .input-group input { border-radius: 30px 0px 0px 30px !important; } .error404 .form-inline.search-form .input-group .btn { border-radius: 0px 30px 30px 0px !important; } .error404 .form-inline.search-form .input-group { border: none; width: 100%; overflow: initial; } .error404 .form-inline.search-form .input-group input.form-control { border: 1px solid #eaeaea !important; padding-left: 23px; } .section-inner.error404-content .entry-title { margin-bottom: 25px; font-size: 54px; line-height: 64px; } .error404 .form-inline.search-form .input-group .btn:focus { box-shadow: none; } .full-search-wrapper .form-inline.search-form .input-group input.form-control { border-radius: 30px !important; } .error404 .form-inline.search-form .input-group > *.form-control:focus { border: 1px solid; } .form-inline.search-form .input-group > *.form-control:focus { border-radius: 30px; } .widget.finxpert_latest_post_widget .side-item { border-bottom: 1px solid #e5e5e5; align-items: center; display: flex; margin-bottom: 20px; padding-bottom: 20px; } .widget.finxpert_latest_post_widget .side-item .side-item-text a { margin-bottom: 7px; } .widget .widget-content ul.side-newsfeed li:last-child .side-item { margin: 0; padding: 0; border: none; } .widget.finxpert_latest_post_widget .side-item .side-item-text { line-height: 24px; font-size: 16px; font-weight: 600; letter-spacing: -0.2px; } .widget.finxpert_latest_post_widget .side-item .side-item-text .comments-wrap span { font-size: 14px; } .widget.finxpert_latest_post_widget .side-item .side-image { margin-right: 22px; min-width: 90px; } .finxpert-content-wrap .post-share-wrap ul.nav.social-share > li a:hover { transition: all 0.3s ease; } .finxpert-content-wrap .post-share-wrap ul.nav.social-share > li a:hover i { color: #fff; transition: all 0.3s ease; } .single-post .finxpert-content-wrap .post-share-wrap ul.nav.social-share > li a { background-color: #f1f1f1; } /* WP Search */ .search-no-results .no-search-results-form .input-group { width: 100%; } .search-no-results .form-inline.search-form .input-group > *.form-control:focus { border-radius: 0; } .search-no-results .no-search-results-form .input-group .btn { padding: 0px 32px 0 25px; } .search-no-results .no-search-results-form .input-group .btn:focus, .search-no-results .no-search-results-form .input-group .btn:active { box-shadow: none; background-color: #84a6a6; border-color: #84a6a6; } .site-header .search-form { display: flex; justify-content: space-between; flex-wrap: nowrap; } .search-form label { width: 100%; line-height: 1; display: inline-block; margin-bottom: 0; } .search-form .search-field { width: 100%; } .full-search-wrapper .search-form .search-field { padding-left: 23px; background: #2e4f4f; height: 55px; margin-right: -6px; border-right: none; border-radius: 30px 0 0px 30px; color: var(--light-color); border-color: rgb(255 255 255 / 34%); } .full-search-wrapper .search-form .search-field::placeholder { color:var(--light-color); } .full-search-wrapper .search-form input.search-submit:hover { background-color: rgb(132 166 166 / 51%); border-color: rgb(132 166 166 / 51%); } /* Bottom Search */ .bottom-search-wrap.active { padding: 20px; border-radius: 0 0 0 16px; } .bottom-search-toggle { display: inline-block; } .site-header .header-sticky .textbox-search-toggle { border: solid 1px #aaaaaa; } /* Bottom Box Search */ .bottom-search-wrap .search-form input.search-submit, .bottom-search-wrap .search-form .search-field { height: 50px; line-height: 50px; padding: 0 19px; } .bottom-search-wrap .search-form .search-field { padding-left: 23px; background-color: transparent; margin-right: -6px; border-right: none; border-radius: 30px 0 0 30px; border-color: #dbdbdb; color: var(--default-text-color) } .bottom-search-wrap .search-form .search-field::placeholder { color: var(--drk-txt-color); } /* Fullbar Search */ .full-bar-search-wrap .search-form .search-field { height: 100%; padding: 0; border: none; font-size: 24px; } .full-bar-search-wrap .search-form .search-field::placeholder { color: var(--default-text-color); } .full-bar-search-wrap .search-form { padding: 0 85px 0 40px; } .full-bar-search-wrap .search-form .search-submit { display: none; } .full-search-wrapper .search-form { display: flex; } /* Mobile Menu Search */ body.mobile-menu-active .mobile-menu-floating .search-form { display: flex; } .mobile-menu-floating .search-form .search-field::placeholder { color: var(--default-text-color); } .mobile-menu-floating .search-form .search-field { background-color: transparent; color: #797979; border-color: #eaeaea; border-radius: 30px 0 0px 30px; padding: 0 17px; height: 55px; } .mobile-menu-active .mobile-menu-floating *.search-submit { color: #ffff; padding: 0 19px; } /* Error 404 Search */ .error404-content .search-form { display: flex; } .error404-content .search-form .search-field { border-radius: 30px 0 0 30px; border-color: #dbdbdb; color: var(--default-text-color); height: 55px; line-height: 55px; padding: 0 19px; } /* Widget Search */ .widget.widget_search .search-form { display: flex; } .widget.widget_search .search-form .search-field { height: 55px; padding: 5px 22px; border-radius: 30px 0 0 30px; } /* Blockquote */ blockquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right, .wp-block-quote { margin: 24px 0px 30px 0px; padding: 0; padding-left: 58px; border: none; z-index: 1; color: #262626; position: relative; overflow: hidden; border-radius: 0; letter-spacing: -0.5px; font-size: 24px; line-height: 1.5; font-weight: 600; min-height: 70px; font-style: normal; background-color: transparent; } blockquote:before, .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before, .wp-block-quote.is-style-large:not(.is-style-plain):before, .wp-block-quote.has-text-align-right:before, .wp-block-quote:before { content: "\e67f"; font-family: 'themify'; position: absolute; left: 4px; font-size: 30px; line-height: 1; top: 5px; color: #fff; text-align: center; margin: auto; border-radius: 50%; } p.quote-author { margin-top: 13px; position: relative; font-size: 16px; font-style: italic; padding-left: 29px; font-weight: 600; margin-top: 12px; } p.quote-author::before { content: ""; width: 20px; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; } /**! 08. elementor common styles **/ /* page-title */ .page-title-wrap .breadcrumb { background: no-repeat; margin: 0; line-height: 2; color: #fff; padding: 3px 22px 3px 22px; border: 1px solid #ffffff33; border-radius: 30px; display: inline-block; } .page-title-wrap > *, .page-title-wrap h1 { display: block; } /* Service-style-default */ .service-style-default .service-inner { border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .service-style-default .service-inner .post-thumb { border-radius: 20px 20px 0px 20px; } .service-style-default .service-inner .entry-title .post-title-head { border-bottom: 1px solid #dbe5e2; } .service-style-default .service-inner .nav .post-more a { position: relative; } .service-style-default .service-inner .post-category { position: absolute; top: 50px; right: 50px; } .service-style-default .service-inner .post-category a { background: transparent; color: #000; font-size: 14px; line-height: 15px; font-weight: 400; padding: 8px 13px; border: 1px solid #dbe5e2; border-radius: 10px 10px 0px 10px; } .service-style-default .service-inner .post-category .before-icon { display: none; } .service-style-default .service-inner .post-thumb:before, .service-style-classic .service-inner .post-thumb:before { content: ""; position: absolute; width: 100%; height: 100%; transition: 400ms ease; background: #01baddd6; transform: scale(0); } .service-style-default .service-inner:hover .post-thumb:before, .service-style-classic .service-inner:hover .post-thumb:before { transform: scale(1); transition: 400ms ease; opacity: 0.3; } .team-wrapper.team-style-classic-pro [class*="col-"] { padding: 0px 0px; margin-bottom: 40px; } /* Service-style-classic */ .service-style-classic .service-inner { border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .service-style-classic .service-inner .nav .post-more .read-more { position: relative; padding-right: 43px; z-index: 1; } .service-style-classic .service-inner .post-category span { font-size: 0px; } .service-style-classic .service-inner .post-thumb { border-radius: 10px 10px 0px 10px; } .service-style-classic .service-inner .post-category a { color: #fff; font-size: 15px; line-height: 21px; border-radius: 10px 10px 0px 10px; padding: 5px 12px; transition: all 0.5s ease; transform: scale(0); opacity: 0; pointer-events: none; } .service-style-classic .service-inner:hover .entry-title:before { width: 100%; transition: all 0.3s ease-in; } .service-style-classic .service-inner .entry-title:before { width: 0%; transition: all 0.3s ease-in; } .service-style-classic .service-inner:hover .post-category a { transition: all 0.5s ease; transform: scale(1); opacity: 1; } .service-style-classic .service-inner .post-thumb.post-overlay-active .post-category { padding-top: 8px; } /* Service-style-modern */ .service-style-modern .service-inner .bottom-meta { position: absolute; right: 48px; top: 50px; } .service-wrapper.service-style-modern .service-inner{ border-radius: 15px 15px 15px 15px !important; } .service-style-modern .service-inner .post-thumb img { border-radius: 10px 10px 10px 10px; } .service-style-modern .service-inner:hover { transform: translateY(0px); } /* Service-style-classic-pro */ .service-style-classic-pro .service-inner .post-details-outer { border-radius: 10px 10px 10px 10px; border: 1px solid #dbe5e2; margin: -24px 14px 0 14px; transition: all 0.5s ease-out; } .service-style-classic-pro .service-inner .post-thumb img { border-radius: 20px 20px 0px 20px; } .service-style-classic-pro .service-inner:hover .post-details-outer { margin: -54px 14px 0 14px; transition: all 0.5s ease-out; } /* Extra Service */ .service-area .e-con-inner:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 10px 10px 0px 10px; transform: scaleX(0); transition: all 400ms ease; } .service-area:hover .e-con-inner:before { transform: scaleX(1); transition: all 400ms ease; } .service-area:hover .e-con-inner .feature-box-default .feature-box-inner .feature-box-title { color: #fff; } body.single .content-widgets-wrapper .widget_search, body.single .content-widgets-wrapper .content-widgets > .widget { border-radius: 10px; padding: 30px 35px 35px 35px; border: none; margin-top: 0; box-shadow: none; background-color: #f5f7f6; } .widget ul li:first-child, .widget ol li:first-child { padding-top: 0; } body.single-cea-service .widget_nav_menu .menu-services-menu-container li { border: none; margin-bottom: 0; display: block; padding: 0; } .single-cea-service .widget_nav_menu .menu-services-menu-container li a { border: none; margin-bottom: 15px; display: block; padding: 12px 19px 13px 20px; border-radius: 30px; font-weight: 600; font-size: 18px; letter-spacing: -0.2px; background: #fff; } .single-cea-service .widget_nav_menu .menu-services-menu-container li.current-menu-item a:hover { color: #212121; } .single-cea-service .widget_nav_menu .menu-services-menu-container li:last-child a { margin-bottom: 4px; } .widget.widget_nav_menu li a { position: relative; } .widget.widget_nav_menu li a:before { content: "\f285"; margin-right: 9px; font-family: 'bootstrap-icons'; padding-left: 0; font-size: 13px; position: relative; top: 0; } /*Team*/ /* Team Default */ .team-wrapper.team-style-default .team-inner > .post-thumb { overflow: unset; margin-top: 20px; } .team-main-page .team-wrapper.team-style-default .team-inner > .post-thumb { margin-top: 0px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap { width: 80px; height: 50px; top: -68px; right: 17px; border-radius: 10px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap:before { width: 80px; color: var(--light-color); text-align: center; line-height: 50px; font-size: 18px; color: var(--light-color); border-radius: 10px; transition: var(--trans-dft); position: absolute; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap:before { background-color: #163838; transition: var(--trans-dft); } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul { border-radius: 10px; top: -43px; position: absolute; padding: 8px 8px; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap > ul { top: -93px; transform: scaleY(1); } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li a { height: 25px; line-height: 25px; padding: 0; width: 30px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul li a:hover { opacity: 0.7; } .team-style-default .owl-prev, .team-style-default .owl-next { top: -147px; right: 13px; } .team-wrapper.team-style-default .team-inner .post-thumb a.post-image-link { position: relative; overflow: hidden; display: block; border-radius: 15px; } .team-style-default .team-inner .post-overlay-items { position: relative; z-index: 9; } .team-wrapper.team-style-default .team-inner .post-thumb a.post-image-link:before { content: ""; position: absolute; top: 0; left: 10px; width: 200%; height: 200%; border-radius: inherit; transition: 0.3s; pointer-events: none; opacity: 0; background: radial-gradient(50% 50% at 50% 50%, #00342b 0%, rgb(255 255 255 / 0%) 100%); } .team-wrapper.team-style-default .team-inner .post-thumb a.post-image-link:before { opacity: 1; z-index: 9; } .elementor-widget-ceateam .team-wrapper.fullwidth-team.team-style-default.team-slide-model:before { position: absolute; content: ""; top: 0; left: -366px; height: calc(100% - 0px); width: 420px; background: linear-gradient(90deg, #f2f4f3 28%, rgba(255, 255, 255, 0) 100%); z-index: 9; } /* team-style-classic-pro */ .team-style-classic-pro .team-inner .post-details-outer { margin: 0px 20px; } .team-wrapper.team-style-classic-pro .team-inner img, .team-wrapper.team-style-classic-pro .team-inner .post-overlay-items { border-radius: 20px 20px 0px 20px; --rotateX: 0px; --rotateY: 0px; } .team-style-classic-pro .team-inner .post-thumb.post-overlay-active { padding-left: 100px; } .team-style-classic-pro .team-inner .post-details-outer { box-shadow: none; border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .team-style-classic-pro .team-inner .team-designation { position: absolute; top: 0px; right: 25px; background-color: #fff; padding: 6px 15px; border-radius: 10px 10px 0px 10px; opacity: 0; transition: all 0.5s ease; } .team-style-classic-pro .team-inner:hover .post-details-outer { margin-bottom: 0px; transition: 0.5s; } .team-style-classic-pro .team-inner:hover .team-designation { opacity: 1; top: -52px; transition: all 0.5s ease; } .team-style-classic-pro .team-inner .team-social-wrap .nav>li { display: block; } .team-style-classic-pro .team-inner .team-social-wrap ul.social-icons li { padding-bottom: 10px; transition: all 0.5s ease; } .team-style-classic-pro .team-inner:hover .team-social-wrap .social-icons { top: 45px; transition: all 0.5s ease; } .team-style-classic-pro .team-social-wrap ul.social-icons > li > a { background: transparent; } .team-style-classic-pro .team-social-wrap ul.social-icons { padding: 10px 0px 0px 10px; border: 1px solid; border-radius: 10px 10px 0px 10px; } .team-style-classic-pro .team-inner .nav.social-icons li > a { font-size: 15px; line-height: 18px; } .team-style-classic-pro .team-inner .nav.bottom-meta-list .post-more .read-more { position: relative; } .team-style-classic-pro .team-inner .post-overlay-items{ opacity: 1; } .team-style-classic-pro .team-inner .post-more a.read-more { padding: 3px 0px 0px 0px; } .team-style-classic-pro .team-inner { padding: 0; } .team-style-classic-pro .team-inner .team-social-wrap .social-icons { position: absolute; top: 75px; transition: all 0.5s ease; } .team-style-list .team-inner .post-more .read-more, .team-style-classic .team-inner .nav .post-more .read-more { position: relative; } /* team-style-classic */ .team-style-classic .owl-stage-outer .team-inner { border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .team-style-classic .owl-stage-outer .team-inner .post-image-link img { border-radius: 10px 10px 0px 10px; } .team-style-classic .blog-inner .post-more .read-more { position: relative; padding-right: 43px; z-index: 1; } .team-style-classic .team-inner .team-designation { margin: 10px 0px 10px 0px; } .team-wrapper.team-style-classic .team-inner:hover .post-overlay-items { border-radius: 0px 0px 0px 10px; } .team-style-classic .team-inner .post-overlay-items .team-designation { border:none; display: inline-block; position: absolute; padding: 7px 10px; border-radius: 10px 10px 0px 10px; top: -60px; left: 50px; width: 75%; font-size: 20px; color: #fff; text-align: center; } .team-style-classic .team-inner { padding: 30px 30px 20px 30px; -webkit-box-shadow:none; box-shadow:none; } .team-style-classic .team-inner .post-overlay-items .team-social-wrap { text-align: center; } .team-style-classic .team-inner .post-overlay-items .team-social-wrap .nav.social-icons li a { font-size: 18px; } .team-wrapper.team-style-classic .team-inner:hover .post-overlay-items { display: block; } /* cea-carousel-style-default */ .content-carousel-wrapper.cea-carousel-style-default .owl-stage .owl-slide-item:before { content: ""; background-image: url(https://wordpress.zozothemes.com/finxpert/wp-content/uploads/sites/20/2024/04/happy.png); width: 64px; height: 64px; position: absolute; background-size: 45px; background-repeat: no-repeat; right: 0; left: auto; } /* Cea Accordions */ .cea-accordions .cea-accordion-content .card-body { padding: 18px 0px 10px 5px; } .cea-accordion { margin-top: 15px; } /* Testimonial Single */ .single .testimonial-content-wrap { margin-bottom: 26px; } .single .testimonial-content-wrap .testimonial-content { margin-bottom: 23px; text-align: center; font-style: italic; font-family: inherit; font-size: 19px; line-height: 34px; color: var(--default-text-color); } .single .testimonial-content-wrap { margin-bottom: 26px; } .single .testimonial-content-wrap .testimonial-rating { font-size: 16px; text-align: center; } .single .testimonial-rating i { padding: 0 2px; } .single .testimonial-info > .testimonial-designation-wrap { font-size: 19px; font-weight: 600; color: #262626; } .single-cea-testimonial .testimonial-info .testimonial-img:before { border-radius: 50%; } /* Testimonial-style-default */ .testimonial-wrapper.testimonial-style-default .owl-nav .owl-next:before { content: "\f13f"; font-family: 'bootstrap-icons'; transition: all 0.5s ease; font-size: 40px !important; } .testimonial-wrapper.testimonial-style-default .owl-nav { position: absolute; top: 50%; right: -17%; transform: translate(-50%, -50%); } .testimonial-wrapper.testimonial-style-default .owl-nav .owl-next:hover:before, .testimonial-wrapper.testimonial-style-default .owl-nav .owl-prev:hover:before { transition: all 0.5s ease; } .testimonial-wrapper.testimonial-style-default .owl-nav .owl-prev:before { content: "\f144"; font-family: 'bootstrap-icons'; transition: all 0.5s ease; font-size: 40px !important; } .testimonial-wrapper.testimonial-style-default .owl-nav .owl-next, .testimonial-wrapper.testimonial-style-default .owl-nav .owl-prev { background: transparent; } .testimonial-wrapper.testimonial-style-default .owl-nav button.owl-next { position: absolute; top: -90px; right: auto; } .testimonial-wrapper.testimonial-style-default .owl-nav button.owl-prev { position: absolute; top: 90px; left: 0; margin: 0; } .testimonial-wrapper.testimonial-style-default.testimonial-light .owl-item .testimonial-inner { margin: 0; } .testimonial-style-default.testimonial-wrapper a.client-name{ font-size: 25px; line-height: 32px; } .team-style-classic-pro .team-designation{ font-size: 16px; } .testimonial-style-default .testimonial-inner .post-thumb .post-image-link img { border-radius: 20px 20px 0px 20px; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.post-thumb { position: absolute; bottom: 0; left: 5px; } .testimonial-wrapper.testimonial-style-default .testimonial-inner .post-title-head, .testimonial-wrapper.testimonial-style-default .testimonial-inner .top-meta { margin-left: 227px; } .testimonial-wrapper.testimonial-style-default .owl-carousel .owl-dots { position: absolute; top: -139px; right: -172px; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner { margin-bottom: 50px; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner .post-title-head, .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner .top-meta { margin-left: 200px; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner::before { content: ""; position: absolute; background-position: center center; right: 60px; bottom: 10px; background-repeat: no-repeat; width: 100px; height: 82px; background-size: 100%; opacity: 0.2; } /* testimonial-style-modern */ .testimonial-wrapper.testimonial-style-modern .testimonial-inner:after { content: "\f25a"; font-family: bootstrap-icons !important; background-color: transparent !important; font-size: 50px; line-height: 65px; left: 35px; top: 2px; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner { border-radius: 20px 20px 0px 20px; border: 1px solid #dbe5e2; -webkit-box-shadow:none; box-shadow:none; } /* testimonial-style-classic */ .testimonial-wrapper.testimonial-style-classic .testimonial-inner { border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .testimonial-style-classic .testimonial-inner .post-thumb .post-image-link img { border-radius: 20px 20px 0px 20px; } /* testimonial-style-classic-pro */ .testimonial-wrapper.testimonial-style-classic-pro .testimonial-inner { padding: 50px 40px 40px 40px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { transition: var(--trans-dft); border-radius: 30px; } .owl-carousel button.owl-dot { width: 45px; height: 7px; margin: 0 6px; background-color: var(--e-global-color-primary); } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background-color: transparent; border: solid 1px #163838;; } .owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-prev:hover:before { color: var(--light-color); transition: var(--trans-dft); } .owl-carousel .owl-nav button { width: 65px; height: 40px; line-height: 40px; } .owl-prev, .owl-next { top: 0; right: 0px; } .owl-prev { margin-right: 76px; } .owl-carousel .owl-nav .owl-prev:before { content: "\f12c"; } .owl-carousel .owl-nav .owl-next:before{ content: "\f135"; } .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { font-family: 'bootstrap-icons'; transition: all 0.5s ease; font-size: 30px !important; line-height: 38px; } .testimonial-style-classic-pro .testimonial-inner { margin: 0px; } /* Testimonial-style-list */ .single-cea-testimonial .testimonial-info .testimonial-img:before { background: #fff; } .single .testimonial-info > .testimonial-img { margin-bottom: 15px; } .testimonial-wrapper.testimonial-style-default .owl-carousel button.owl-dot { background-color: #fff; box-shadow: none; } .testimonial-wrapper.testimonial-style-default .owl-carousel .owl-dots button.owl-dot.active { transform: none; background-color: #577575; } .owl-dots button.owl-dot.active { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } /* Team Single */ .team-content-area .team .team-image-wrap { width: 33.333%; padding-left: 0; } .team-content-area .team .team-info { width: 66.666%; padding-right: 75px; } .team-image-wrap img { border-radius: 10px 0 0 10px; object-position: top; height: auto; width: auto; } .single .row.team { position: relative; overflow: hidden; border-radius: 15px; padding: 0; box-shadow: none; background: #f2f4f3; } .single .row.team:before { content: unset; position: absolute; background-position: center; background-size: 58%; right: 0; bottom: 0; width: 650px; height: 558px; opacity: 0.4; } .team-content-area .team .team-image-wrap .team-img { padding-right: 0; margin-right: 51px; border-right: solid 1px #eaeaea; } .single-cea-team span.team-designation { font-size: 30px; line-height: 36px; color: #143838; font-weight: 600; letter-spacing: -0.5px; } .team-info > *.team-title { padding-bottom: 24px; border-bottom: solid 1px #dddddd; margin-top: -15px; } .single-cea-team .team-social-wrap ul.social-icons > li > a, .single-cea-team .team-details-icon { border-color: var(--e-global-color-primary); background: transparent; border-radius: 30px; font-size: 18px; } .single-cea-team .team-social-wrap ul.social-icons > li > a { width: 45px; height: 45px; line-height: 45px; } .single-cea-team .team-details-icon { width: 73px; height: 41px; line-height: 41px; } .single-cea-team .team-social-wrap ul.social-icons > li > a { color: var(--e-global-color-primary) !important; box-shadow: none; } .single-cea-team .team-media.media .media-body span, .single-cea-team .team-social-wrap ul.social-icons > li > a { font-size: 16px; } .team-info > * .col-md-6 { margin-bottom: 30px; } .team-info > *.team-other-details { margin-bottom: 15px; } .single-cea-team .team-media.media a, .team-media.media .media-body span.team-experience { font-weight: 600; } .team-media.media .media-body span.team-experience { font-weight: 600; color: #212121; font-size: 16px; } .single-cea-team .team-social-wrap ul.social-icons > li > a:hover, .finxpert-content-wrap .team-content-area .team-details-icon:hover { color: var(--light-color) !important; } .team-form .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { border-radius: 30px; font-weight: 600; margin-top: 0; } .team-content-area .custom-post-nav { display: block; } .custom-post-nav { padding: 10px 0 0 0; border: none; border-top: solid 1px #eaeaea; box-shadow: none; margin-top: 0; } .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a { box-shadow: none; padding: 0; } .custom-post-nav a > * { font-size: 22px; line-height: 34px; font-weight: 600; } .team-form .cf-style-default .wpcf7-form-control.wpcf7-textarea { padding-top: 12px !important; } .team-form .input.wpcf7-form-control, .team-form textarea.wpcf7-form-control, .team-form .contact-form-wrapper span.wpcf7-form-control-wrap input { border-radius: 10px; } .single .content-widgets-wrapper .widget_search .wp-block-search__label { font-size: 30px; line-height: 37px; font-weight: 600; margin-bottom: 22px; } .single .content-widgets-wrapper .widget_search, .single .content-widgets-wrapper .content-widgets > .widget { border-radius: 10px; padding: 30px 30px 35px 30px; border: 1px solid #eaeaea; box-shadow: none; } .wp-block-search__inside-wrapper { display: flex; } .single .content-widgets-wrapper .wp-block-search__input { border-radius: 30px 0px 0px 30px; border: 1px solid #dbe5e2; width: 100%; } .single .content-widgets-wrapper .wp-block-search__input:focus { border: 1px solid; } .single .content-widgets-wrapper .wp-block-search__button { border-radius: 0px 30px 30px 0px; padding: 4px 18px; min-height: 52px; border: 1px solid; } .single .content-widgets-wrapper .sidebar-form input.wpcf7-form-control.wpcf7-submit, .single .content-widgets-wrapper .sidebar-form .wpcf7-form-control.wpcf7-textarea { margin-bottom: 0px; } .single .content-widgets-wrapper .wp-block-search__button:hover { min-height: 50px; border: 1px solid #05071c; } .single .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a { font-size: 19px; line-height: 30px; display: block; padding: 12px 20px; border: solid 1px #dbe5e2; margin-bottom: 11px; border-radius: 10px 10px 0px 10px; transition: all 0.5s ease-in-out; } .single .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a { border: solid 1px; } .single .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover { border: solid 1px; transition: all 0.5s ease-in-out; } .single .content-widgets .widget .menu-service-sidebar-menu-container ul > li:last-child a { margin-bottom: 0px; } .single .content-widgets-wrapper .widget_nav_menu .widget-title { margin-bottom: 25px; } .single .content-widgets-wrapper .sidebar-form input.wpcf7-form-control, .single .content-widgets-wrapper .sidebar-form .wpcf7-form-control.wpcf7-textarea { border: 1px solid #eaeaea; border-radius: 10px 10px 10px 10px; padding-left: 15px; } input.wpcf7-form-control.wpcf7-submit { text-transform: uppercase; padding: 13px 34px !important; line-height: 24px; font-weight: 600; letter-spacing: 1px; } .single .content-widgets-wrapper input.wpcf7-form-control:focus, .single .content-widgets-wrapper .sidebar-form .wpcf7-form-control:focus, .cf-style-default .contact-us-form .wpcf7-form-control-wrap input.wpcf7-form-control:focus, .cf-style-default .contact-us-form .wpcf7-form-control-wrap textarea.wpcf7-form-control:focus { border: 1px solid; } .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { margin-top: 30px; } /* Contact-us form*/ .contact-form-wrapper span.wpcf7-form-control-wrap textarea { height: 130px; padding-top: 9px !important; } .contact-us-form span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text, .contact-us-form span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea, .cf-style-modern span.wpcf7-form-control-wrap input, .cf-style-modern span.wpcf7-form-control-wrap textarea { border: 1px solid #dbe5e2; border-radius: 10px 10px 10px 10px; } .contact-us-form input.wpcf7-form-control.wpcf7-submit, .contact-form-wrapper.cf-style-modern input.wpcf7-form-control.wpcf7-submit { border-radius: 10px 10px 10px 10px; } .contact-us-form span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea, .cf-style-modern span.wpcf7-form-control-wrap textarea { padding-top: 15px !important; } .contact-us-form span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea { margin-bottom: 0px; } .cf-style-classic span.wpcf7-form-control-wrap input, .cf-style-classic span.wpcf7-form-control-wrap select, .cf-style-classic span.wpcf7-form-control-wrap textarea { background: #fff; border-radius: 8px; border: solid 1px #fff; } .wpcf7-not-valid-tip { position: absolute; bottom: -25px; font-size: 14px; } .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { border-radius: 30px; } .cus-contact-dark .contact-form-wrapper .wpcf7-form label, .contact-form-wrapper span.wpcf7-form-control-wrap textarea { color: #fff; } /* cf-style-modern */ .cf-style-modern { border-radius: 0; } .contact-form-wrapper.cf-style-modern input.wpcf7-form-control.wpcf7-submit { margin-bottom: 0px; } .cf-style-modern .appointment .wpcf7-form-control-wrap select { border-radius: 0; } .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-form-wrapper span.wpcf7-form-control-wrap select, .contact-form-wrapper span.wpcf7-form-control-wrap textarea { color: #666B68; margin-bottom: 10px; } .cus-fb-modern-contact .fbox-content { margin-left: 46px; } /* blog */ .blog-inner .post-author a > span.author-name { margin-left: 10px; } .blog-wrapper.blog-style-default .post-overlay-items { opacity: 1; transition: all .3s; } .blog-wrapper.blog-style-default .blog-inner:hover .post-overlay-items { opacity: 1; transition: all .3s; } .blog-wrapper.blog-style-default .post-overlay-items .post-date a { padding: 7px 17px 9px; border-radius: 30px; } /* .blog-multi-layout-1 */ .blog-layouts-wrapper .post-title-head { font-weight: 600; } .blog-multi-layout-1 .post-author a > span.author-name { margin-left: 7px; } .blog-multi-layout-1 .cea-block-primary { box-shadow: none; border-right: 1px solid #eaeaea; padding-bottom: 0; padding-right: 40px; margin-right: 10px; margin-bottom: 0; } .blog-multi-layout-1 .cea-block-primary > *:not(.post-thumb) { padding: 0px 30px 0 0; } .blog-multi-layout-1 .cea-block-secondary .media { margin-bottom: 60px !important; padding: 0px 140px 0px 0px; position: relative; border: none; } .blog-multi-layout-1 .cea-block-secondary .media:before { content: ""; position: absolute; width: 100%; height: 1px; background: #eaeaea; bottom: -30px; } .blog-multi-layout-1 .cea-block-secondary .media:last-child:before { content: unset; } .blog-multi-layout-1 .cea-block-secondary .media:last-child { border-radius: 0; padding-bottom: 0; margin-bottom: 0 !important; } .blog-multi-layout-1 .cea-block-secondary .media .media-body.ml-3 { margin-left: 30px !important; } .blog-multi-layout-1 .post-overlay-items .post-date a { border-radius: 10px 10px 0px 10px; padding: 7px 15px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .post-thumb { width: 37%; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .bottom-meta { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-left: 40px; border-left: solid 1px #eaeaea; padding-top: 20px; padding-bottom: 20px; } .blog-layouts-wrapper .blog-multi-layout-1 .bottom-meta .nav .post-more .read-more { font-size: 0; height: 34px; line-height: 34px; padding: 0 14px; border-radius: 30px; } .blog-layouts-wrapper .blog-multi-layout-1 .bottom-meta .nav .post-more .read-more:after { content: "\f135"; font-family: 'bootstrap-icons'; font-size: 30px; border-radius: 30px; padding: 0; display: inline-block; transform: rotate(-45deg); } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-primary .post-thumb a { position: relative; overflow: hidden; display: block; border-radius: 15px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-primary .post-thumb a:before { content: ""; position: absolute; top: 0; right: 10px; width: 200%; height: 200%; border-radius: inherit; transition: 0.3s; pointer-events: none; opacity: 1; background: radial-gradient(50% 50% at 50% 50%, #2F4F4F 0%, rgb(255 255 255 / 0%) 100%); } .blog-multi-layout-1 .cea-block-secondary .media:after { content: ""; position: absolute; width: 0; height: 1px; bottom: -30px; opacity: 0; transition: all .3s; } .blog-multi-layout-1 .cea-block-secondary .media:hover:after { opacity: 1; width: 100%; transition: all .3s; } .blog-multi-layout-1 .cea-block-secondary .media:last-child:after { content: unset; } .blog-multi-layout-1 .cea-block-primary .bottom-meta { position: absolute; left: 46px; margin-top: -97px; } .top-meta .top-meta-list li a { padding-left: 15px; position: relative; } .top-meta .top-meta-list li a:before { content: ""; width: 8px; height: 8px; position: absolute; left: 0; border-radius: 50px; top: 50%; transform: translateY(-50%); } .top-meta .top-meta-list li .post-author a { padding: 0; } .top-meta .top-meta-list li .post-author a:before { content: none; } .blog-layouts-wrapper .cea-block-secondary .post-thumb img { margin: 0; border-radius: 10px; } /* Blog-multi-layout-3 */ .blog-layouts-wrapper .blog-multi-layout-3 .post-category a { background-color: #F8F9FB; color: #666B68; font-size: 14px; margin-left: -7px; } .blog-layouts-wrapper .blog-multi-layout-3 .post-title-head { border-bottom: 1px solid #dbe5e2; } .blog-layouts-wrapper .blog-multi-layout-3 .post-more .read-more { position: relative; padding-top: 9px; } .bottom-meta .nav .post-more .read-more { position: relative; padding-top: 9px; padding-left: 0; } .blog-multi-layout-3 .cea-block-primary { border-radius: 20px 20px 0px 20px; } .blog-multi-layout-3 .cea-block-primary .post-image-link img, .blog-layouts-wrapper .post-thumb.post-overlay-active:before{ border-radius: 20px 20px 0px 0px; } .blog-multi-layout-3 .cea-block-primary .post-overlay-items .post-date a { position: absolute; left: 20px; bottom: 0px; border-radius: 10px 10px 0px 0px; padding: 5px 14px; } .blog-multi-layout-3 .cea-block-primary .top-meta { display: flex; } .blog-multi-layout-3 .cea-block-secondary .secondary-wrap { margin-bottom: 30px; } .blog-multi-layout-3 .cea-block-secondary .secondary-wrap { margin-bottom: 30px; padding: 20px 25px 25px 25px; border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .blog-multi-layout-3 .cea-block-secondary .secondary-wrap .entry-title .post-title-head { padding-bottom: 15px; } .blog-multi-layout-3 .cea-block-secondary .secondary-wrap .bottom-meta .nav { display: flex; justify-content: space-between; align-items: center; } .blog-multi-layout-3 .cea-block-primary { border: 1px solid #dbe5e2; } .blog-multi-layout-3 .post-author .author-name { margin-left: 8px; } .blog-multi-layout-3 .post-category { font-size: 0px; } .blog-multi-layout-3 .cea-block-primary .post-author { margin-left: 10px; } /* blog-style-modern */ .blog-style-modern .blog-inner { border-radius: 20px 20px 20px 20px; border: 1px solid #dbe5e2; } /* blog-style-list */ .blog-style-list .blog-inner .post-more .read-more { position: relative; padding: 7px 10px; padding-right: 43px; padding-top: 9px; z-index: 1; } .blog-style-list .blog-inner .bottom-meta { margin-top: 20px; padding-top: 20px; } .blog-wrapper.blog-style-list .blog-inner .media .media-body { padding: 0px 35px; } .blog-style-list .blog-inner .post-more:hover .read-more:before, .blog-style-modern .blog-inner .post-more:hover .read-more:before { transition: all .3s; width: 100%; z-index: -1; } .blog-style-list .blog-inner .media .post-thumb { border-radius: 20px 0px 0px 20px; } .blog-wrapper.blog-style-list .blog-inner { border-radius: 20px !important; } .bottom-meta .post-more .read-more:hover { color: #fff; transition: all .3s; padding-left: 19px; padding-right: 36px; } /* blog-style-classic */ .blog-style-classic .owl-carousel-item .blog-inner > *:not(.post-thumb) { padding: 0 0px; } .blog-wrapper.blog-style-classic .blog-inner { border-radius: 15px; } .blog-style-classic .blog-inner .post-thumb { border-radius: 10px 10px 0px 10px; } .blog-wrapper.blog-style-classic .post-overlay-items .post-date a { color: #fff; border-radius: 10px 10px 0px 10px; padding: 8px 10px; position: absolute; bottom: 15px; left: 15px; } .blog-style-classic .blog-inner .nav .post-more .read-more { position: relative; z-index: 1; } /* blog-style-classic-pro */ .blog-style-classic-pro .blog-inner .post-details-outer { margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 30px; padding: 30px 30px 15px 30px; box-shadow: none; border: 1px solid #dbe5e2; border-radius: 20px 20px 0px 20px; } .blog-style-classic-pro .blog-inner .post-details-outer .post-category { font-size: 16px; } .blog-style-classic-pro .blog-inner .post-details-outer .post-category a { padding: 4px 0px; font-size: 16px; line-height: 22px; } .blog-style-classic-pro .blog-inner .post-thumb .post-image-link img { border-radius: 20px 20px 0px 20px; } .blog-style-classic-pro .blog-inner .nav .post-more .read-more { padding-top: 9px; padding-bottom: 9px; } /* Blog-style-default */ .blog-style-default .blog-inner .post-thumb, .finxpert-content-wrap .blog-wrapper.blog-style-default .blog-inner { border-radius: 10px; } /* Portfolio-style-default */ .portfolio-style-default .portfolio-inner .post-overlay-items { border-radius: 0 0 20px 20px; border: none; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-link-wrap .post-link { display: none; } .finxpert-content-wrap .portfolio-style-default .portfolio-inner .post-category a, .portfolio-style-modern .portfolio-inner .post-overlay-items .post-category a { padding-left: 4px; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a, .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a { width: 66px; height: 40px; line-height: 43px; margin: 0 3px; border-radius: 30px; color: #fff; font-size: 18px; transition: all .3s; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a, .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a:hover, .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a, .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a:hover { transition: all .3s; } .portfolio-style-default .portfolio-inner .post-overlay-items ul.nav { display: inline-block; margin-bottom: 10px; } .portfolio-style-default .portfolio-inner .post-image-link img, .portfolio-inner .post-thumb:hover img { border-radius: 20px; } .portfolio-style-default .post-overlay-items{ backdrop-filter: blur(0px); } .portfolio-wrapper.portfolio-style-modern .isotope-filter { margin-bottom: 25px; margin-top: 25px; } .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav.m-auto.d-block li a { padding: 7px 13px 7px; margin: 0 5px; margin-bottom: 15px; line-height: 1; color: #797979; } .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav.m-auto.d-block li.active .isotope-filter-item { color: #fff; } .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav li.active a:after, .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav li a:after { content: unset; } .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav.m-auto.d-block li.active a:hover, .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav.m-auto.d-block li.active a:focus, .portfolio-wrapper.portfolio-style-modern .isotope-filter ul.nav.m-auto.d-block li.active a:active { color: #ffffff; } /* Portfolio-style-classic */ .portfolio-style-classic .portfolio-inner .post-overlay-items { padding: 35px 35px 35px; } .portfolio-style-classic .portfolio-inner .entry-title { padding-bottom: 20px; margin-bottom: 22px; border-bottom: solid 1px #ffffff38; } .portfolio-style-classic .portfolio-inner .post-icons { position: absolute; right: 34px; bottom: 8px; } .portfolio-style-classic .portfolio-inner .post-overlay-items .post-icons a { font-size: 23px; width: 68px; height: 39px; line-height: 45px; border-radius: 30px; border: solid 1px; background-color: transparent; transition: all 0.3s; } .portfolio-style-classic .portfolio-inner .post-overlay-items .post-icons a:hover { color: var(--light-color); opacity: 0.7; transition: all 0.3s; } .portfolio-style-classic .portfolio-inner .post-category a { font-size: 15px; letter-spacing: 0; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; padding-left: 4px; } .portfolio-style-classic .post-thumb.post-overlay-active:after{ content: unset; } .portfolio-inner .post-overlay-items .post-link-wrap .post-link { display: none; } .portfolio-style-classic .portfolio-inner { overflow: hidden; } .portfolio-inner .post-thumb img, .portfolio-inner .post-thumb:hover img { transform: none; } .portfolio-style-classic .portfolio-inner img, .portfolio-style-classic .portfolio-inner .post-overlay-items { border-radius: 10px; } .elementor-widget-ceaportfolio .portfolio-wrapper.portfolio-style-default.portfolio-slide-model:before { position: absolute; content: ""; top: 0; right: -366px; height: calc(100% - 0px); width: 420px; background: linear-gradient(90deg, #fff 28%, rgba(255, 255, 255, 0) 100%); z-index: 9; } /* Portfolio-style-modern */ .finxpert-content-wrap .portfolio-style-modern .portfolio-inner .top-meta .top-meta-list li a { padding: 0 0px 0 3px; } .finxpert-content-wrap .portfolio-style-modern .portfolio-inner .top-meta .top-meta-list li a:before { content: unset; } .portfolio-style-modern .portfolio-inner:hover .post-thumb img { transform: scale(1.1); } .portfolio-style-modern .portfolio-inner .post-thumb:hover { -webkit-clip-path: none; clip-path: none; } .portfolio-style-modern .portfolio-inner .post-thumb:hover, .portfolio-style-modern .portfolio-inner .post-overlay-items, .portfolio-style-modern .portfolio-inner .post-thumb { border-radius: 20px; } .portfolio-style-modern .portfolio-inner:hover .post-overlay-items { opacity: 1; } /* Portfolio-style-classic-pro */ .portfolio-style-classic-pro .portfolio-inner .post-thumb.post-overlay-active img, .portfolio-style-classic-pro .portfolio-inner .post-thumb.post-overlay-active { border-radius: 20px; } .portfolio-style-classic-pro .portfolio-inner .post-thumb { box-shadow: none; } .portfolio-style-classic-pro .portfolio-inner:hover .post-thumb.post-overlay-active img, .portfolio-style-classic-pro .portfolio-inner:hover .post-thumb { border-radius: 20px; } /* Portfolio Single */ .row.portfolio-details > .col-sm-8, .row.portfolio-details > .col-sm-4 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .portfolio-single.portfolio-model-2 .col-sm-12 { padding: 0 15px; } .row.portfolio-details > .col-sm-4 { order: 2; } .row.portfolio-details > .col-sm-8 { order: 3; } .single-cea-portfolio ul.portfolio-meta-list { border: 0; display: flex; flex-wrap: wrap; box-shadow: none; padding: 0px 5px 27px; position: relative; margin-bottom: 45px; background: transparent; border-bottom: solid 1px #eaeaea; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { padding: 0; margin-bottom: 18px; border-bottom: none; line-height: 1; flex: 0 0 20%; max-width: 20%; display: block; list-style: none; position: relative; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li:before { content: "'"; position: absolute; width: 1px; height: 50px; background: #eaeaea; right: 63px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li:last-child:before { content: unset; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li >.portfolio-meta-title-wrap { width: auto; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { font-size: 18px; font-weight: 600; margin-bottom: 11px; } .single-cea-portfolio .portfolio-image { box-shadow: none; border-radius: 0; overflow: hidden; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > ul >li { font-size: 16px; margin-right: 3px; } .portfolio-single .portfolio-format { border-bottom: none; margin-bottom: 0; padding-bottom: 50px; } /**! 09. Footer **/ .footer-widgets-wrap, .footer-bottom-wrap { border-radius: 0; } .footer-widgets-wrap .widget .footer-contact .footer-title { font-size: 33px; line-height: 42px; } .footer-widgets-wrap .widget .footer-contact { padding-left: 80px; } .site-footer .footer-widgets-wrap .cus-footer-middle .wp-block-image img { margin: 0; } .site-footer .footer-contact.cus-footer-middle-2 .footer-title { padding-bottom: 40px; } .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary { margin-bottom: 40px; padding: 14px 26px 14px 26px; border-radius: 15px 15px 0px 15px; background: transparent; border: 1px solid; margin-left: 10px; } .site-footer .footer-contact.cus-footer-middle-2 .contact-time { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .footer-contact.cus-footer-middle-2 * { position: relative; } .cus-footer-middle-2:before { content: ""; position: absolute; background-color: rgb(19 21 40); top: -120px; left: 0; right: -1500px; bottom: -170px; } .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary:hover a { color: #fff; } .btn-primary.focus, .btn-primary:focus { border: 1px solid; background: transparent; box-shadow: none; } footer button.input-group-addon.zozo-mc.btn.btn-default:focus { border: 1px solid; background: transparent; box-shadow: none; } .site-footer-wrap .footer-bottom-wrap { position: relative; } .site-footer-wrap .footer-bottom-wrap .copyright-widget ul.nav.social-icons > li > a { width: auto; background-color: transparent; height: auto; line-height: 1; font-size: 14px; margin-right: 6px; padding: 7px 12px; border: solid 1px; border-radius: 30px; color: #fff; opacity: 0.7; } .site-footer-wrap .footer-bottom-wrap .copyright-widget ul.nav.social-icons > li > a:hover { opacity: 0.9; } .site-footer .cus-footer-middle .input-group-addon.zozo-mc.btn.btn-default { color: #fff; } .site-footer .footer-widgets-wrap .mailchimp-wrapper .input-group .input-group-addon { border-radius: 0px 30px 30px 0px !important; padding: 0 5px 0 0px; } footer .mailchimp-wrapper .input-group input#zozo-mc-email { border: 1px solid rgb(255 255 255 / 28%); } footer .widget.zozo_mailchimp_widget { margin-bottom: 22px; } footer button.input-group-addon.zozo-mc.btn.btn-default { min-width: 55px; height: 52px; top: 0; right: 0; bottom: 0; z-index: auto; } .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary span { position: relative; z-index: 2; font-weight: 600; letter-spacing: 1px; transition: all .3s; } .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary:hover span { color: #fff; transition: all .3s; } .cus-footer-middle .wp-block-column:nth-child(3) .widget_nav_menu { padding-left: 25px; } .footer-widgets-wrap .widget .footer-contact.cus-footer-middle-2 .contact-day { font-size: 20px; line-height: 28px; color: #C8D1CF; } .footer-widgets-wrap { overflow: hidden; } .footer-bottom-wrap .col-12 { display: flex; justify-content: space-between; align-items: center; } /**! 10. Widgets **/ .col-md-4 .widget { position: relative; } body .wp-block-columns.cus-middle-widget-wrap:before { content: ""; position: absolute; left: 562px; top: -120px; bottom: -120px; width: 1px; background: rgb(255 255 255 / 14%); } .widget.widget_archive ul li { position: relative; width: 100%; } .text-widget-content img, .cus-logo-img img { max-width: 220px; margin: 0; } .footer-cta { padding-left: 148px; padding-top: 16px; } body .wp-block-columns.cus-middle-widget-wrap { align-items: normal; gap: 0; } .entry-content form.wp-block-search__text-button.wp-block-search { margin-bottom: 0; } .widget.finxpert_mailchimp_widget .zozo-mc-subtitle { margin-bottom: 24px; } .arrow-icon-left i { content: "\f135"; font-family: 'bootstrap-icons'; transform: rotate(45deg); font-size: 690px; color: transparent; -webkit-text-stroke: 1px #355454; } .arrow-icon-left .bi::before { transform: rotate(-45deg); width: auto; line-height: 1; position: absolute; top: -138px; left: -356px; } .footer-cta .footer-widget .title { font-weight: 600; font-size: 15px; text-transform: uppercase; margin-bottom: 3px; letter-spacing: 0.5px; } .footer-widgets-wrap .footer-widget h4 a { color: #fff; font-size: 30px; font-weight: 700; } .widget_search .search-form .input-group .btn { border-radius: 0; } .footer-widget { padding-bottom: 33px; margin-bottom: 29px; border-bottom: solid 1px rgb(255 255 255 / 14%); } .site-footer .footer-widget:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .footer-widget .footer-location { font-size: 19px; display: inline-block; letter-spacing: -0.2px; font-weight: 500; line-height: 30px; color: #fff; padding-right: 30px; } .widget.widget_nav_menu li { padding-bottom: 13px; padding-top: 0; } .wp-block-column.cus-footer-ser-menu { padding-left: 74px; } .wp-block-column.cus-footer-quicklink { padding-left: 22px; } .site-footer .widget.finxpert_mailchimp_widget { margin-bottom: 20px; } .footer-widgets-wrap .widget .footer-btm-rating a { color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0; } .text-widget-content, .cus-logo-img img { z-index: 2; } .footer-widgets-wrap figure.cus-logo-img a { display: block; position: relative; z-index: 1; } .contact-widget-info p .bi { margin-right: 7px; } .contact-widget-info p span a { color: #686868; } .sidebar-broucher .media-body { position: relative; } .sidebar-broucher .doc-icon { width: 60px; height: 60px; line-height: 60px; background: rgb(20 56 56); text-align: center; font-size: 20px; color: #fff; border-radius: 50%; } .widget .broucher-option h6 { line-height: 26px; font-size: 16px; } .sidebar-broucher .icon-box { position: absolute; top: 15px; right: 0; font-size: 20px; } .sidebar-broucher .media-body:before { content: ""; height: 45px; width: 1px; background: #e5e5e5; right: 40px; position: absolute; top: 50%; transform: translateY(-50%); } .widget .broucher-option li { padding-bottom: 23px; margin-bottom: 22px; border-bottom: solid 1px #e5e5e5; padding-top: 0; } .widget .broucher-option li:last-child { border-bottom: none; padding: 0; margin: 0; } /* Back To Top */ .back-to-top, .back-to-top:after { width: 55px; height: 35px; line-height: 35px; text-align: center; border-radius: 30px; } .back-to-top:before { line-height: 36px; } .back-to-top:hover:after { content: unset; } /* Custom CTA Widget */ .wp-block-columns.cus-cta-widget { text-align: center; padding: 150px 40px 70px; background-color: #163838; border-radius: 10px; } .wp-block-columns.cus-cta-widget .wp-block-column * { position: relative; } .widget .wp-block-columns.cus-cta-widget .size-full img { max-width: 183px; } .widget .wp-block-columns.cus-cta-widget .wp-block-heading { padding: 0; margin-bottom: 29px; line-height: 34px; } .widget .wp-block-columns.cus-cta-widget .wp-block-heading:before { content: unset; } .wp-block-columns.cus-cta-widget .wp-block-button a.wp-block-button__link { border: 1px solid; padding: 8px 45px 8px 27px; display: block; font-size: 15px; font-weight: 600; color: #fff !important; text-transform: uppercase; letter-spacing: 1px; position: relative; transition: var(--trans-dft); } .wp-block-columns.cus-cta-widget .wp-block-button a.wp-block-button__link:hover { background-color: transparent !important; transition: var(--trans-dft); } .wp-block-columns.cus-cta-widget .wp-block-button a.wp-block-button__link:before { content: "\f135"; font-family: 'bootstrap-icons'; transition: all .3s; margin-left: 0; font-size: 27px; font-weight: 500; position: absolute; right: 19px; top: 50%; transform: translateY(-50%) rotate(-45deg); transition: var(--trans-dft); } .wp-block-columns.cus-cta-widget .wp-block-button a.wp-block-button__link:hover:before { transform: translateY(-50%) rotate(0deg); transition: var(--trans-dft); } .wp-block-columns.cus-cta-widget:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } /**! 11. Full Screen Search **/ .full-search-wrapper { height: 50%; } .full-search-wrapper:before { content: "\f135"; font-family: 'bootstrap-icons'; position: absolute; top: 46%; left: 50%; opacity: 1; transform: translateX(-50%) rotate(-45deg); font-size: 501px; color: transparent; opacity: 0.1; -webkit-text-stroke: 1px #fff; } .full-search-wrapper .form-inline.search-form .form-control::placeholder { font-size: 20px; line-height: 30px; } .full-search-wrapper .form-inline.search-form .input-group > *.form-control { padding-left: 23px; background: #2e4f4f; } .mobile-menu-floating .form-inline.search-form { display: block; } .full-search-wrapper.search-wrapper-opened .form-inline.search-form .input-group > * { height: 55px; } .full-search-wrapper .search-form { top: 68%; width: 65%; } .full-search-wrapper .search-form .input-group .btn { line-height: 55px !important; } /*-------------------------------------------------------------- 13. Gutenberg --------------------------------------------------------------*/ .widget { margin-bottom: 40px; } .wp-block-search__button { margin-left: 0px; } nav.post-nav-links .post-page-numbers { border-radius: 30px 30px 30px 30px; } nav.post-nav-links .post-page-numbers { border-radius: 30px 30px 30px 30px; background: transparent; color: #666B68; border: 1px solid; } nav.post-nav-links .post-page-numbers.current { color: #fff; border: 1px solid; } nav.post-nav-links .post-page-numbers.current:hover { border: 1px solid; } nav.post-nav-links .post-page-numbers:hover { border: 1px solid #2f4f4f !important; } .wp-block-button__link { border-radius: 60px; padding: 17px 38px 16px 40px; } aside.footer-widget-2 h5, .widget .widgettitle, .widget .widget-title { margin-bottom: 20px; } .wp-block-button.is-style-outline a.wp-block-button__link { border: 1px solid; } .wp-block-button.is-style-outline a.wp-block-button__link:hover { border: 1px solid #05071C; } .zozo-booking-form-wrap .bookly-form select, select{ background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; min-width: 127px; color: #666B68; } textarea { border-radius: 10px; } blockquote.wp-block-quote p { font-size: 25px; line-height: 38px; } .comment-body .reply a.comment-reply-link:hover { color: #fff; border: 1px solid #2f4f4f; } .comment-body { border: 1px solid #eaeaea; border-radius: 10px; box-shadow: none; } .comment-body .reply a.comment-reply-link { border-radius: 30px; border: 1px solid; padding: 4px 18px; background: transparent; font-size: 15px; line-height: 22px; font-weight: 600; } .single-post .comments-wrapper.section-inner textarea, .page .comments-wrapper.section-inner textarea { padding: 10px 15px; } .single-post .comments-wrapper.section-inner input.submit { margin-top: 0; } .single-post .comments-wrapper.section-inner input, .single-post .comments-wrapper.section-inner textarea { box-shadow: none; border-color: #eaeaea; border-radius: 10px; } input[type="submit"], .search-form .input-group .btn { font-weight: 600; text-transform: uppercase; border-radius: 0px 30px 30px 0px; } .form-inline.search-form .input-group input.form-control { border-radius: 30px 0 0 30px; padding-left: 15px; } .widget.widget_archive li, .widget.widget_categories li, .widget.widget_pages li, .widget.widget_meta li, .widget.widget_recent_comments li { border-bottom: 1px solid #e5e5e5; } .form-inline.search-form .input-group { border-radius: 30px; border: solid 1px; } .single-post .comments-wrapper.section-inner input.submit, .page .comments-wrapper.section-inner input.submit { border-radius: 30px; padding: 0px 34px; width: auto; } .single-post .comments-wrapper.section-inner input.submit:hover, .page .comments-wrapper.section-inner input.submit:hover { color: #fff; } form.post-password-form input { border-radius: 30px; border: 1px solid #dbe5e2; padding: 0px 15px; } form.post-password-form input[type="submit"] { padding: 0 24px; } .widget select { border-radius: 10px 10px 10px 10px; border: 1px solid #dbe5e2; padding-left: 15px; } aside.footer-widget-2:last-child .widget_calendar caption { color: #f7f7f7fc; } footer .widget .tagcloud > a, aside.content-widgets-outer-wrapper .widget_tag_cloud .tagcloud a { border-radius: 30px; background-color: #fff; border: none; margin-bottom: 10px; margin-right: 7px; color: #000; font-weight: 600; font-size: 14px !important; line-height: 28px; } .widget .tagcloud > a:hover, .widget .tagcloud > a:focus, .widget .tagcloud > a:active { color: #fff !important; } footer .widget .tagcloud > a { background-color: #294a4a; color: #fff; padding: 0 17px 3px; } .footer-widgets-wrap .widget_calendar th, .footer-widgets-wrap .widget_calendar td { border: 1px solid rgb(255 255 255 / 9%); padding: 4px 8.5px; } footer .widget_calendar caption { border-bottom: 1px solid rgba(234, 234, 234, 0.2); color: var(--light-color); } .footer-widgets-wrap .widget_rss li { border-color: rgba(234, 234, 234, 0.2) !important; } .footer-widgets-wrap li a.rsswidget { font-weight: 600; display: block; color: #fff; } aside.content-widgets-outer-wrapper .widget_pages ul li.page_item, .footer-widgets-wrap .widget.widget_pages ul li.page_item { border: none; } aside.content-widgets-outer-wrapper .widget_pages ul li.page_item a, .footer-widgets-wrap .widget.widget_pages ul li.page_item a { position: relative; padding-left: 18px; } aside.content-widgets-outer-wrapper .widget_pages ul li.page_item a:before, .footer-widgets-wrap .widget.widget_pages ul li.page_item a:before { position: absolute; left: 0; content: "\f285"; font-family: 'bootstrap-icons'; line-height: 1; font-size: 13px; font-weight: 600; top: 50%; transform: translateY(-50%); width: auto; height: auto; background-color: transparent; } .single-post .comments-wrapper.section-inner div.comments { margin-top: 40px; } .comment-reply-title, .post-comments .post-box-title { font-size: 30px; font-weight: 700; line-height: 40px; } .page .comments-wrapper.section-inner { margin-top: 40px; } .page .entry-content p:last-child img.alignright { margin-left: 67%; } .page .comments-wrapper.section-inner input { border-radius: 10px; border: 1px solid #eaeaea; width: 100%; padding: 0 10px; min-height: 50px; } .page .comments-wrapper.section-inner label { margin-right: 7px; } .page .comments-wrapper.section-inner input:focus { border: 1px solid; } input[type="submit"], .search-form .input-group .btn { padding: 0px 25px; } .widget_search .search-form .input-group .form-control, .widget_search .search-form .input-group .btn { height: 55px; line-height: 44px !important; padding: 0 7px 0 0; border-radius: 0 !important; } .widget_search .search-form .input-group .form-control:focus, .widget_search .search-form .input-group .btn:focus { box-shadow: none; } .comment-body .comment-content { font-size: 15px; } .wp-block-file *+.wp-block-file__button { border-radius: 40px; font-size: 15px; font-weight: 600; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite{ text-align: left; } select { width: 100%; border-radius: 10px 10px 0px 10px; border: 1px solid #dbe5e2; } .wp-calendar-table #today { font-weight: 600; } form.post-password-form input { margin-left: 7px; } .content-widgets-wrapper .widget_categories ul li a, .content-widgets-wrapper .widget_archive ul li a { padding-left: 15px; } .finxpert-masonry[data-columns="2"] > article header.entry-header .entry-title { line-height: 38px; font-size: 28px } .finxpert-masonry[data-columns="2"] > article .entry-content p { margin-bottom: 12px; height: 88px; overflow: hidden; text-overflow: ellipsis; } /* Blog Archieve */ .finxpert-content-wrap .finxpert-masonry[data-columns="2"] article { padding: 30px 30px 32px; } .finxpert-content-wrap .finxpert-masonry[data-columns="2"] .top-meta-wrap { margin-bottom: 15px; line-height: 1; padding-bottom: 17px; } .finxpert-content-wrap .finxpert-masonry[data-columns="2"] .featured-media:first-child { margin-top: -30px; margin-right: -30px; margin-left: -30px; } .finxpert-masonry[data-columns="2"] > article header.entry-header { margin-bottom: 12px; } .finxpert-masonry[data-columns="2"] > article .entry-content p { margin-bottom: 22px; } /* Blog Single */ .single .featured-media { margin-bottom: 20px; } .single .finxpert-content-wrap .featured-media-inner.section-inner img { border-radius: 10px 10px 10px 10px; } .pagination-single { background: #f5f7f6; border-radius: 10px; padding: 30px 34px; margin-bottom: 0; } .pagination-single-inner > h6 > a span.arrow { border-radius: 30px; height: 30px; width: 48px; line-height: 30px; margin-bottom: 10px; } .single-post .finxpert-content-wrap .bottom-meta-wrap { border-top: 1px solid #eaeaea; padding: 17px 0px 0; border-bottom: none; margin-bottom: 35px; margin-top: 35px; } .single-post .finxpert-content-wrap .bottom-meta-wrap .post-tag a { background: transparent; border: 1px solid #12383863; border-radius: 30px; margin-right: 2px; padding: 8px 13px; } .single-post .finxpert-content-wrap .bottom-meta-wrap .post-tag a:hover { color: var(--light-color); } .single-post .finxpert-content-wrap .bottom-meta-wrap .post-tag span { display: none; } .finxpert-content-wrap .post-share-wrap ul.nav.social-share > li a { display: block; position: relative; text-decoration: none; border-radius: 50%; width: 35px; height: 35px; line-height: 37px; } .single-post .comments-wrapper.section-inner input:hover { background: transparent; } .comments-pagination a.prev.page-numbers, .comments-pagination a.next.page-numbers { font-size: 0; font-weight: 400; } .comments-pagination.pagination .page-numbers { padding: 0; width: 59px; height: 35px; display: inline-block; vertical-align: middle; text-align: center; line-height: 35px; margin-right: 5px; border: 1px solid; background: transparent; margin: 0 3px; font-weight: 600; opacity: 1; border-radius: 40px; color: #666B68; } .pagination .page-numbers.current:hover { color: #fff; border: 1px solid #05071C; } .comments-pagination.pagination .page-numbers.current { color: #fff !important; } .comments-pagination a.next.page-numbers > span:before { content: "\f135"; } .comments-pagination a.prev.page-numbers > span:before { content: "\f12c"; } .comments-pagination a.prev.page-numbers > span:before, .comments-pagination a.next.page-numbers > span:before { font-size: 25px; font-family: 'bootstrap-icons'; width: 59px; height: 35px; display: block; text-align: center; line-height: 35px; background: transparent; color: #666B68; margin-right: 0; } .comments-pagination a.prev.page-numbers:hover > span:before, .comments-pagination a.next.page-numbers:hover > span:before { border-radius: 40px; color: #fff; } .comments-pagination a.next.page-numbers:hover, .comments-pagination a.prev.page-numbers:hover { border-color: #05071C; color: #fff; } .comments-pagination a.next.page-numbers { width: auto; height: auto; line-height: normal; overflow: hidden; } .comments-pagination.pagination .page-numbers.current:hover { border-color: #05071C; } .comments-pagination.pagination .page-numbers.current:hover { border-color: #05071C; transition: .3s all; } .pagination .page-numbers:not(.next, .prev):hover { background: #2f4f4f; color: #fff; transition: all .3s; border-color: #2f4f4f; } /* Progressbar */ .elementor-widget-progress .elementor-progress-bar { box-shadow: none; } .elementor-progress-percentage { margin-top: 0; color: #545454; font-weight: 600; padding-right: 0 !important; position: absolute; left: -77px; width: 60px; height: 41px; top: -30px; padding-right: 0; line-height: 41px; text-align: center; color: #fff; border-radius: 30px; } /* Doctor Directory */ .single-doctors-directory .page-title-bar { background: #06061b; padding-top: 325px; padding-bottom: 70px; } .single-doctors-directory .page-title-bar .breadcrumbs { margin-top: 20px; } .doctor-single-info > * h5 { font-size: 28px; line-height: 34px; } .doctor-single-info .doctor-spcialities h5, .doctor-single-info .doctor-gender h5, .doctor-single-info .doctor-website h5, .doctor-single-info .doctor-address h5, .doctor-single-sidebar .doctor-address h5 { position: relative; padding-bottom: 0; margin-bottom: 18px; } .doctor-single-info .doctor-address h5, .doctor-single-info .doctor-address .doctor-opening-hours h6, .doctor-single-sidebar .doctor-address h5, .doctor-single-sidebar .doctor-address .doctor-opening-hours h6 { margin-bottom: 12px !important; } .doctor-single-info .doctor-address span.before-icon > i, .doctor-single-sidebar span.before-icon > i { color: #36bbdd; } .doctor-opening-hours > h6 { font-size: 18px; line-height: 30px; } .doctor-single-info .doctor-address, .doctor-single-sidebar .doctor-address { padding: 30px 40px 40px 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .doctor-single-info .s-title { color: #262626; } .doctor-spcialities, .doctor-single-info .doctor-phone { border-top: 1px solid #eaeaea; padding-top: 18px; } .single-doctors-directory .dd-row .btn { background: #36bbdd; border-radius: 10px 10px 0px 10px; } .doctor-single-info .doctor-image img { border: none; border-radius: 15px 15px 0px 15px; } .doctor-single-info .doctor-content.mt-4 { margin-top: 30px !important; } .dd-row .btn:focus, .dd-row .btn:hover { box-shadow: none; background-color: #262626 !important; } .doctor-mail-wrap .dd-input-group input, .doctor-mail-wrap .dd-input-group textarea { border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; } .doctor-single-info .doctor-address, .doctor-single-sidebar .doctor-address { border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; } .doctor-mail-wrap .dd-input-group input:focus, .doctor-mail-wrap .dd-input-group textarea:focus { border-color: #36bbdd; } .doctor-single-info .doctor-address .doctor-opening-hours, .doctor-single-sidebar .doctor-opening-hours { margin-top: 23px; padding-top: 18px; border-top: 1px solid #eaeaea; } .doctor-single-info .doctor-rating, .doctor-single-info .doctor-designation { border-right: 1px solid #eaeaea; } .doctor-rating i.fa { color: #34b9da; } /**! 14. Shortcodes & Overwrite css of CEA **/ /**! 17. Responsive **/ @media only screen and (min-width: 1700px) { .single-post .cheval-content-wrap.container, .page.page-id-156 .cheval-content-wrap.container { min-height: 100vh; } .full-bar-search-wrap { max-width: 100%; right: 0; } } @media only screen and (max-width: 1899px) { ul.topbar-items.nav.pull-center .header-address.goal-txt { display: block; } header.restaurt-header .header-inner ul.navbar-items.nav.pull-right > li:nth-child(2) .nav-item-inner { padding-right: 30px; display: block; } section.elementor-section.elementor-section-content-middle.elementor-section-stretched.cus-bg-rem { background: none !important; } } @media only screen and (min-width: 1700px) { .single-post .cheval-content-wrap.container, .page.page-id-156 .cheval-content-wrap.container { min-height: 100vh; } .full-bar-search-wrap { max-width: 100%; right: 0; } } @media only screen and (max-width: 1699px) { header.restaurt-header .header-inner ul.navbar-items.nav.pull-right > li:last-of-type, header.restaurt-header .header-inner.header-seafood ul.navbar-items.nav.pull-left > li:last-of-type { display: block; } header.restaurt-header .header-inner ul.navbar-items.nav.pull-right > li:nth-child(2) .nav-item-inner { display: none; } ul.nav.wp-menu > li > a, .header-navbar.navbar .wp-menu li > ul.sub-menu li a { font-size: 14px; } ul.nav>li.header-titles-wrapper > * .site-title a, ul.nav>li.header-titles-wrapper > * .site-title { font-size: 28px; line-height: 1; } section.elementor-section.elementor-section-content-middle.elementor-section-stretched.cus-bg-rem .elementor-background-overlay { background: none !important; } } @media only screen and (max-width: 1590px) { header .navbar > div > ul.nav.pull-right > li:last-of-type .btn.btn-primary, .header-navbar .cea-button-link.elementor-size-sm.elementor-button, .cheval-slider-wrapper rs-module rs-mask-wrap .rs-layer.res-sl-none { display: none; } header .navbar > div > ul.nav.pull-right > li { padding-right: 0; } header .navbar > div > ul.nav.pull-right > li .full-bar-search-toggle { padding-right: 30px; } } @media only screen and (max-width: 1540px) { header .navbar > div > ul.nav.pull-right > li:last-of-type .btn.btn-primary, .header-navbar .cea-button-link.elementor-size-sm.elementor-button { display: none; } header .navbar > div > ul.nav.pull-right > li { padding-right: 0; } header .navbar > div > ul.nav.pull-right > li .full-bar-search-toggle, header .navbar > div > ul.nav.pull-right > li .full-search-toggle { padding-right: 30px; } header .header-topbar.navbar > div > ul.nav.pull-right > li { padding-right: 30px; } header .header-topbar.navbar > div > ul.nav.pull-right > li:last-child { padding-right: 0; } header .nav.navbar-ul.pull-right a.full-search-toggle:before, body.home .nav.navbar-ul.pull-right a.full-search-toggle:before, body.home .header-sticky .nav.navbar-ul.pull-right a.full-search-toggle:before, header .header-sticky .nav.navbar-ul.pull-right a.full-search-toggle:before { background: none; } ul.nav.wp-menu > li.menu-item-has-children > a { padding-right: 14px; } h2.entry-title { font-size: 27px; } .header-navbar .nav.pull-right .cea-button-link { display: none; } .testimonial-wrapper.testimonial-style-default .owl-carousel .owl-dots { top: -145px; right: 0; } } @media only screen and (max-width: 1400px) { header .navbar > div > ul.nav.pull-right > li:last-of-type .btn.btn-primary { display: none; } header .navbar > div > ul.nav.pull-right > li { padding-right: 0; } header .navbar > div > ul.nav.pull-right > li .full-bar-search-toggle { padding-right: 30px; padding-left: 25px; } .header-navbar .nav.pull-right .cea-button-link { margin-right: 0; } header .nav.navbar-ul.pull-right a.full-search-toggle:before, body.home .nav.navbar-ul.pull-right a.full-search-toggle:before, body.home .header-sticky .nav.navbar-ul.pull-right a.full-search-toggle:before, header .header-sticky .nav.navbar-ul.pull-right a.full-search-toggle:before { background: none; } ul.nav.wp-menu > li > a, .header-navbar.navbar .wp-menu li > ul.sub-menu li a { font-size: 10px; } ul.nav.wp-menu > li { padding: 0 12px; } a.full-search-toggle > i { font-size: 12px; } .header-navbar a.h-phone { font-size: 15px; } .elementor-widget-star-rating .elementor-star-rating__wrapper { display: block; } .site-footer .container, .finxpert-page-header .container { max-width: 1200px; } .finxpert-content-wrap.container.page .section-inner.error404-content, .finxpert-content-wrap.container .team-content-area .team, .team-content-area .custom-post-nav { max-width: 1200px; margin: auto; } body .wp-block-columns.cus-middle-widget-wrap .cus-navmenu-wedgets { position: relative; } body .wp-block-columns.cus-middle-widget-wrap:before { content: unset; } .wp-block-column.cus-footer-ser-menu { padding-left: 40px; } .team-content-area .team .team-image-wrap .team-img { margin-right: 30px; } .finxpert-masonry .entry-title { line-height: 42px; font-size: 34px; } body .wp-block-columns.cus-middle-widget-wrap .cus-navmenu-wedgets:before { content: ""; position: absolute; right: 0; top: -120px; bottom: -120px; width: 1px; background: rgb(255 255 255 / 14%); } .footer-widgets-wrap { padding-top: 80px !important; padding-bottom: 90px !important; } .cea-carousel-style-classic .feature-box-wrapper .feature-box-title { margin-bottom: 8px; font-size: 22px; line-height: 32px; } header ul.nav.wp-menu li.cus-landing-menu ul.sub-menu.mega-menu { width: 84%; left: 0; margin: 0; } } @media only screen and (max-width: 1260px) { .header-navbar .nav.pull-right .cea-button-link { margin-right: 0; } } @media only screen and (max-width: 1200px) { .single .row.team .col-sm-5.team-image-wrap { padding-right: 0; } } @media only screen and (max-width: 1150px) { .header-navbar a.h-phone { display: none; } header .wp-menu:not(.mobile-menu) li.cus-img-menu > ul.sub-menu.mega-menu { left: -200px; right: -200px; } h2.entry-title { font-size: 25px; line-height: 35px; } ul.nav.navbar-ul.element-left.right-element-exist .header-titles-wrapper { padding: 0px 0; margin-right: 25px; } .header-navbar .cea-button-link { padding: 10px 18px 10px 17px; font-size: 10px; } } /* Tabs */ @media only screen and (max-width: 1024px) { .blog .finxpert-content-wrap.container, .archive .finxpert-content-wrap.container, .search .finxpert-content-wrap.container, .error404 .finxpert-content-wrap.container, .single-cea-portfolio .finxpert-content-wrap > .row > .col-md-12 { padding-left: 15px!important; padding-right: 15px!important; } .single.single-cea-team .row.team { padding: 40px 30px; border-radius: 0; margin-top: -50px; } .no-search-results-form { margin-bottom: 50px; } .team-content-area .custom-post-nav { padding: 0 15px; } .finxpert-content-wrap.container > .row { display: block; margin: 0; } .mobile-menu-wrapper ul.mobile-menu li > a { font-weight: 600; } .footer-widgets-wrap { padding-top: 50px !important; padding-bottom: 50px !important; } .full-search-wrapper .search-form { top: 50%; width: 80%; } .full-search-wrapper.search-wrapper-opened .form-inline.search-form .input-group > * { height: 50px; } a.full-search-toggle.close { right: 20px; top: 20px; } .full-search-wrapper .search-form .input-group .btn { line-height: 50px !important; height: 50px; padding: 0 19px 0 17px; } .full-search-wrapper input.form-control::placeholder { font-size: 16px; line-height: 30px; } .page-title-wrap h1 { font-size: 50px; line-height: 60px; } .section-inner.thin.error404-content h1.entry-title { margin-bottom: 13px; font-size: 45px; line-height: 52px; } .finxpert-content-wrap > .row > .col-md-3, .finxpert-content-wrap > .row > .col-md-5, .finxpert-content-wrap > .row > .col-md-7 { padding-left: 15px; padding-right: 15px; } .team-style-classic-pro .team-inner .post-thumb.post-overlay-active{ padding-left: 0px; } .team-style-classic-pro .team-inner:hover .team-social-wrap .social-icons{ background-color: #fff; } .testimonial-wrapper.testimonial-style-default .owl-nav { display: none; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner::before { opacity: 0.1; } .single-cea-testimonial .testimonial { max-width: 100%; margin: 0 auto; } .team-inner .post-overlay-items > * ul.nav.social-icons{ background-color: #fff; } .team-style-classic .team-inner .post-overlay-items > * ul.nav.social-icons{ background-color: transparent; } .testimonial-wrapper.testimonial-style-default .testimonial-inner { padding: 16px 20px 16px 20px; } .service-style-default .service-inner .post-category { position: absolute; top: 35px; right: 50px; } .service .service-info-wrap { padding: 0px; } .section-title-wrapper .section-description { max-width: 100%; } .blog-multi-layout-3 .col-md-4 { width: 50%; } .blog-multi-layout-3 .col-md-4:last-child { width: 100%; } .cus-footer-middle-2:before{ /* content: unset; */ display: none; } .page-title-wrap:after{ /* content: unset; */ display: none; } body.page .page-title-wrap{ text-align: center; } .footer-widgets-wrap .widget .footer-contact{ padding-left: 30px; } .footer-widgets-wrap { padding-top: 60px; padding-bottom: 60px; } .custom-post-nav { margin-top: 20px; margin-bottom: 35px; } .finxpert-content-wrap.container { padding: 50px 0px !important; } .blog .page-title-wrap, .single-post .page-title-wrap, .single-product .page-title-wrap, .single[class*="single-cea-"] .page-title-wrap, .page .page-title-wrap, .error404 .page-title-wrap, .archive .page-title-wrap, .search .page-title-wrap { padding-top: 40px !important; padding-bottom: 55px !important; text-align: center; } .cus-footer-middle .wp-block-column:nth-child(3) .widget_nav_menu{ padding-left: 0px; } .finxpert-content-wrap.container > .row .col-md-8.order-md-2, .finxpert-content-wrap.container > .row .col-md-4.order-md-1, .finxpert-content-wrap .finxpert-md-4.order-md-1, .finxpert-content-wrap.container > .row .col-md-4.order-md-3 { width: 100%; flex: 0 0 100%; max-width: 100%; } .blog .finxpert-content-wrap.container > .row .col-md-8.order-md-2, .blog .finxpert-content-wrap.container > .row .col-md-4.order-md-3, .archive .finxpert-content-wrap.container > .row .col-md-8.order-md-2, .archive .finxpert-content-wrap.container > .row .col-md-4.order-md-3, .search .finxpert-content-wrap.container > .row .col-md-8.order-md-2, .search .finxpert-content-wrap.container > .row .col-md-4.order-md-3 { padding-right: 0; padding-left: 0; } .finxpert-content-wrap aside.content-widgets-outer-wrapper .finxpert_latest_post_widget .widget-title, .widget .widget-title, .finxpert-content-wrap aside.content-widgets-outer-wrapper .widget_search .wp-block-search__label{ margin-bottom: 25px; } .finxpert-content-wrap .post-inner .top-meta-wrap { margin-bottom: 25px; } .team-style-classic-pro .team-inner { margin: 0px 15px; } .sticky-head .nav .site-link { display: block; } body.elementor-default .finxpert-content-wrap.container.page { max-width: 100%; overflow: hidden; } .blog .finxpert-content-wrap.container .order-md-3 { width: 100%; } .team-image-wrap img { margin-left: auto; border-radius: 15px; } .team-content-area .team .team-image-wrap .team-img { margin-right: 0; border-right: none; } .team-content-area .team .team-info { padding-right: 0; padding-left: 0; max-width: 100%; flex: 0 0 100%; } .team-info > *.team-title { margin-top: 27px; } .team-info > * .col-md-6 { margin-bottom: 15px; } .single .row.team .col-sm-5.team-image-wrap { width: 100%; flex: 0 0 100%; max-width: 100%; } .testimonial-wrapper.testimonial-style-default .owl-carousel .owl-dots, .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.post-thumb { position: relative; top: auto; right: auto; } .testimonial-wrapper.testimonial-style-default .testimonial-inner > *.post-thumb { text-align: center; bottom: auto; } .testimonial-wrapper.testimonial-style-default .testimonial-inner .post-title-head, .testimonial-wrapper.testimonial-style-default .testimonial-inner .top-meta { margin-left: 0; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner .post-title-head, .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner .top-meta { margin-left: 0; } .single-cea-portfolio ul.portfolio-meta-list { margin-top: 0; padding: 4px 0px 22px; margin-bottom: 30px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { flex: 0 0 33.3333%; max-width: 33.3333%; margin-bottom: 18px; } .portfolio-single .portfolio-format { padding: 0 0px 30px; } .row.portfolio-details > .col-sm-4 { order: 2; margin-bottom: 0; } .owl-carousel .owl-dots { margin-top: 13px; } .arrow-icon-left .bi::before { content: unset; } .footer-cta { padding-left: 0; padding-top: 12px; display: block !important; } .footer-widget { padding-bottom: 22px; margin-bottom: 16px; } body .wp-block-columns.cus-middle-widget-wrap:before { content: unset; } .wp-block-column.cus-footer-ser-menu { padding-left: 0; } body .wp-block-columns.cus-middle-widget-wrap { display: block; } .wp-block-column.cus-footer-quicklink { padding-left: 0; } body .wp-block-columns.cus-middle-widget-wrap:before { left: 50%; transform: translateX(-50%); width: 1px; } .footer-widget { padding-bottom: 17px; margin-bottom: 0; border-bottom: none; } body .wp-block-columns.cus-middle-widget-wrap .wp-block-column { margin-bottom: 20px; } body .wp-block-columns.cus-middle-widget-wrap .wp-block-column:last-child { margin-bottom: 0; } .footer-widgets-wrap .footer-widget h4 a { font-size: 24px; } .widget.widget_nav_menu li { padding-bottom: 7px; } .site-footer-wrap .footer-bottom-wrap .copyright-bar-ul { display: block; text-align: center; } .site-footer-wrap .footer-bottom-wrap .copyright-bar-ul .footer-copyright { margin-bottom: 13px; } .site-footer-wrap .footer-bottom-wrap .copyright-widget ul.nav.social-icons > li { padding-bottom: 0; } figure.cus-logo-img { margin-bottom: 10px; } .footer-widget .footer-location { font-size: 16px; font-weight: 500; padding-right: 0; } .text-widget-content img, .cus-logo-img img { max-width: 169px; } .team-wrapper.team-style-default .team-inner > .post-thumb { margin-top: 0; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-default .testimonial-inner { margin-bottom: 30px; } .row.portfolio-details > .col-sm-8, .row.portfolio-details > .col-sm-4 { margin-bottom: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li:before { content: unset; } .portfolio-style-classic .portfolio-inner .post-icons { bottom: auto; top: 16px; right: 16px; } .portfolio-style-classic .portfolio-inner .entry-title { padding-bottom: 10px; margin-bottom: 13px; border-bottom: solid 1px #ffffff38; } .feature-box-wrapper.feature-box-default .cea-button-wrapper .cea-button-link { position: relative; bottom: auto; left: auto; right: auto; } .custom-post-nav .next-nav-link > a { margin-bottom: 0; } .feature-box-wrapper.feature-box-modern .fbox-number { left: 0; } .blog-layouts-wrapper .col-md-6 { width: 100%; flex: 0 0 100%; max-width: 100%; } .blog-multi-layout-1 { margin-bottom: 0; } .blog-multi-layout-1 .cea-block-primary { border-right: none; padding-right: 0px; margin-right: 0; } .blog-multi-layout-1 .cea-block-primary > *:not(.post-thumb) { padding: 0px 0px 0 0; } .feature-box-wrapper.feature-box-modern .cea-button-wrapper .cea-button-link { right: 0; } .blog-multi-layout-1 .cea-block-secondary .media { padding: 0px 0 0px 0px; } .team-style-default .owl-prev, .team-style-default .owl-next { position: relative; top: auto; left: auto; right: auto; margin: 0 14px; } .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-form-wrapper span.wpcf7-form-control-wrap select, .contact-form-wrapper span.wpcf7-form-control-wrap textarea { margin-bottom: 15px; } .finxpert-content-wrap.container > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; } ul.nav.pagination.post-pagination { padding: 15px 0 45px; } .wp-block-columns.cus-cta-widget { justify-content: center; } .single .finxpert-content-wrap.container > .row .col-md-4.order-md-3 { margin-top: 50px; } body .wp-block-columns.cus-middle-widget-wrap .cus-navmenu-wedgets:before { content: unset; } .footer-bottom-wrap .col-12 { text-align: center; flex-direction: column; } } @media (min-width: 768px) and (max-width: 990px) { .service-style-default .service-inner .service-icon-img-wrap { opacity: 0; } .team-style-classic-pro.team-normal-model .post-details-outer { position: relative; margin: 15px 0px; padding: 20px 20px 15px 20px !important; } } @media only screen and (max-width: 991px) { .doctor-single-info .doctor-image { margin-bottom: 30px; } .doctor-single-info .doctor-image img { width: 100%; } .dd-row .dd-col-6 { width: 100%; } body.single .dd-container .dd-row:not(:last-child) { padding-bottom: 30px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .bottom-meta { position: relative; right: auto; top: auto; transform: none; padding-left: 0; border-left: none; padding-top: 21px; padding-bottom: 0; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .bottom-meta .bottom-meta-list.meta-right { float: none; } .blog-multi-layout-1 .cea-block-secondary .media { margin-bottom: 24px !important; } .blog-multi-layout-1 .cea-block-secondary .media:before { content: unset; } .footer-bottom-wrap ul.nav.copyright-bar-ul p.footer-copyright { text-align: center; margin-bottom: 0; } } @media only screen and (max-width: 768px) { .page-title-wrap h1 { font-size: 38px; line-height: 48px; } .team-style-classic-pro .team-inner .team-social-wrap .social-icons{ left: 15px; top: 15px; } .blog-multi-layout-3 .col-md-4 { width: 100%; } .site-footer .footer-widgets-wrap aside.footer-widget-2 { width: 100%; } .site-footer .footer-widgets-wrap { padding: 60px 0px 35px 0px; } .footer-widgets-wrap .widget .footer-contact { margin-top: 30px; padding-left: 0px; } .site-footer .footer-contact.cus-footer-middle-2 .footer-title { padding-bottom: 25px; } .site-footer .footer-contact.cus-footer-middle-2 .contact-time { width: 100%; } .site-footer .footer-contact.cus-footer-middle-2 .btn.btn-primary { margin-bottom: 25px; } .site-footer .footer-widgets-wrap aside.footer-widget-2 .cus-footer-middle { display: block; } body.single .content-widgets-wrapper .widget_search, body.single .content-widgets-wrapper .content-widgets > .widget { padding: 23px 30px 27px 25px; } .single-post .finxpert-content-wrap .bottom-meta-wrap { padding: 15px 0px; display: flex; flex-direction: column; } .widget.finxpert_latest_post_widget .side-item .side-image { padding-right: 0px; } .blog-multi-layout-1 .row .col-md-6 { width: 100%; } .content-widgets-wrapper .widget_block { margin-top: 30px; } .custom-post-nav { margin-top: 30px; margin-bottom: 31px; text-align: center; } .custom-post-nav .next-nav-link { float: none; text-align: center; padding: 0 30px; } .site-footer .footer-widgets-wrap aside.footer-widget-2 { padding-right: 15px; } .sidebar-form .col-md-6.pl-2 { padding-left: 15px !important; } .sidebar-form .col-md-6.pr-2 { padding-right: 15px !important; } .content-widgets-wrapper .widget_block:last-child, .content-widgets-wrapper .content-widgets > .widget:last-child { margin-bottom: 0px; } .site-footer .footer-widgets-wrap aside.footer-widget-2 .cus-footer-middle .wp-block-column { margin-bottom: 30px; } .site-footer .footer-widgets-wrap aside.footer-widget-2 .cus-footer-middle .wp-block-column:last-child { margin-bottom: 0px; } .single .row.team .col-sm-7.team-info { padding: 0px 0px; } .team-info > *.team-title { margin-top: -5px; } .team-style-classic-pro.team-normal-model .team-inner .team-designation { padding: 5px 10px; } .single ul.nav.post-meta > li.post-tag { margin-bottom: 15px; } .content-widgets-wrapper .widget_block { margin-top: 0; } .cus-cp-wrap .circle-progress-style-classic-pro { display: contents; } } @media only screen and (max-width: 767px) { .single-doctors-directory .doctor-single-sidebar { margin-top: 0; } .single-doctors-directory .doctor-single-info { margin-bottom: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .portfolio-single .row.portfolio-details > div.col-sm-4 { margin-top: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { font-size: 16px; } .footer-bottom-wrap ul.nav { margin-bottom: 0; } .footer-bottom-wrap ul.nav.copyright-bar-ul p.footer-copyright { text-align: center; } .portfolio-inner .post-overlay-items { bottom: 0; max-width: calc(100% - 0px); } .search-form input[type="submit"], .search-form .search-field { font-size: 14px; padding: 0 17px; height: 45px; line-height: 45px; color: var(--light-color); } .error404-content .search-form .search-field, .widget.widget_search .search-form .search-field { height: 45px; line-height: 45px; } .mobile-menu-floating .search-form .search-field { height: 45px; } .full-search-wrapper .search-form .search-field { height: 45px; padding-left: 17px; } } @media only screen and (max-width: 640px) { .single-cea-portfolio ul.portfolio-meta-list { padding: 0px 0px 12px; display: block; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { max-width: 100%; margin-bottom: 20px; } .blog-wrapper.blog-style-list .blog-inner .media .post-thumb { margin-bottom: 20px; } .blog-wrapper.blog-style-list .blog-inner .media .media-body { padding: 0px 25px 28px; } ul.nav.pagination.post-pagination > li > a, ul.nav.pagination.post-pagination > li > span { margin: 0 0 10px 0; } } @media only screen and (max-width: 520px) { .blog-multi-layout-1 .cea-block-secondary .media { display: block; } .blog-multi-layout-1 .cea-block-secondary .media .media-body.ml-3 { margin-left: 0px !important; margin-top: 20px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .bottom-meta { padding-top: 17px; } .blog-layouts-wrapper .blog-multi-layout-1 .cea-block-secondary .post-thumb { width: 100%; } .blog-multi-layout-1 .cea-block-secondary .media { margin-bottom: 15px !important; } .single-post .bottom-meta-wrap .nav.post-meta.pull-right { margin-top: 0; } .custom-post-nav .next-nav-link { padding: 0 0px; } } @media only screen and (max-width: 480px) { .testimonial-wrapper.testimonial-style-default .testimonial-inner { padding: 40px 20px 40px 20px; } .cea-counter-style-list .counter-left .counter-icon { position: absolute; right: 30px; top: 30px; } .page-title-wrap h1 { font-size: 44px; line-height: 52px; } .page .page-title-wrap, .error404 .page-title-wrap { padding-top: 40px; padding-bottom: 60px; } .widget.finxpert_latest_post_widget .side-item { display: flex; align-items: center; } .widget.finxpert_latest_post_widget .side-item .side-image { padding-bottom: 0px; } .full-search-wrapper:before{ content: unset; display: none; } .testimonial-style-classic-pro .owl-nav{ display: none; } .finxpert-content-wrap .top-meta-wrap { padding: 0px 15px 8px 3px; } .finxpert-masonry > article { padding: 25px; } .blog-style-list .blog-inner .media .post-thumb { border-radius: 20px 20px 0px 0px; } .single-post .finxpert-content-wrap .post-inner .post-category, .finxpert-content-wrap .finxpert-masonry .top-meta-wrap .post-category { display: none; } .cf-style-default .contact-us-form .col-md-6.pr-2 { padding-right: 15px !important; } .cf-style-default .contact-us-form .col-md-6.pl-3 { padding-left: 15px !important; } .page-title-wrap .breadcrumb { justify-content: center; } .page-title-wrap .breadcrumb li { text-align: center; } .page-title-wrap > ul.page-title-elements > * { margin-top: 15px; } } @media only screen and (max-width: 360px) { .blog-multi-layout-1 .cea-block-secondary .media .media-body.ml-3 { margin-left: 0px !important; } .team-media.media { display: block !important; text-align: center !important; } .team-social-wrap .nav.team-social { justify-content: center; } .team-details-icon { margin: 0 auto 15px auto; } .team-style-classic-pro.team-normal-model .post-details-outer { position: relative; margin: 15px 0px; padding: 20px 20px 15px 20px !important; } .team-style-classic-pro.team-slide-model .team-inner .team-social-wrap .social-icons { top: 15px; } .single.single-cea-team .row.team { padding: 20px 20px; } .team-info > *.team-title { padding-bottom: 15px; text-align: center } } @media only screen and (max-width: 350px) { .finxpert-content-wrap.container .post-inner .nav.post-meta.pull-right { float: left; } } /**! 18. RTL **/ .rtl .site-header .header-navbar .nav.navbar-ul .h-phone .mr-2, .rtl .site-header .header-topbar .nav.topbar-ul .mr-2, .rtl .site-header .header-logobar .nav.logobar-ul .me-2, .rtl .site-header .header-logobar .nav.logobar-ul .me-1 { margin-right: 0px; margin-left: 10px; } .rtl .team-style-classic-pro.team-slide-model .team-inner .team-social-wrap .social-icons { left: 35px; top: 20px; } .rtl .testimonial-wrapper.testimonial-style-default .owl-nav { right: 122%; } .rtl .cus-footer-middle-2:before { right: 0; left: -1500px; } .rtl .footer-widgets-wrap .widget .footer-contact { padding-left: 0px; padding-right: 65px; } body.blog .finxpert-masonry .media .featured-media { order: 0; } svg.e-font-icon-svg.e-far-dot-circle{ width: 1em; height: 1em; } body.blog article.post .media figure.featured-media , body.archive article.post .media figure.featured-media { width: 45%; margin: 0; margin-right: 35px; } .blog article.post { display: flex; flex-direction: column; } .finxpert-masonry > article { border-radius: 10px; transition: 400ms cubic-bezier(0.17, 0.46, 0.55, 0.71); } @media only screen and (max-width: 767px) { body.blog article.post .media { display: block !important; } body.blog article.post .media figure.featured-media { width: 100%; margin: 0 0 25px 0; } } /* Basic styling for the marquee container */ .finxpert-marquee { overflow: hidden; white-space: nowrap; display: flex; } .finxpert-marquee i { padding: 0 5px; } /* Popup sign in / register */ #login-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; justify-content: center; align-items: center; z-index: 1000; } /* Popup content */ .popup-content { background: #fff; padding: 30px; width: 90%; max-width: 500px; border-radius: 5px; position: relative; } /* Close button */ .close-popup { position: absolute; top: 0px; right: 0px; background: red; color: white; border: none; font-size: 20px; cursor: pointer; } /* New Theme Styles */ .woocommerce-cart-item { position: relative; } .woocommerce-cart-item .mini-cart-dropdown { display: none; position: absolute; right: 0; top: 100%; width: 300px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.15); border-radius: 10px; z-index: 999; padding: 20px; animation: fadeIn 0.3s ease-in-out; } .cart-count { background-color: #f97316; color: white; border-radius: 50%; padding: 2px 6px; font-size: 12px; margin-left: 4px; vertical-align: top; } a.cart-trigger { line-height: 12px; } /* Hover-based cart behavior */ .woocommerce-cart-item.hover-cart:hover .mini-cart-dropdown { display: block; } /* Click-based cart toggle */ .woocommerce-cart-item.click-cart .mini-cart-dropdown.show { display: block; } .woocommerce .mini-cart-dropdown ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: 600; color: #000; line-height: 1; } .woocommerce .mini-cart-dropdown .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { line-height: 35px; } .mini-cart-dropdown ul.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item { margin-bottom: 30px; border-bottom: 1px solid #eaeaea; padding-bottom: 19px; } .mini-cart-dropdown ul.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item:last-child { margin-bottom: 0; border: 0; } .woocommerce .mini-cart-dropdown .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { line-height: initial; padding-top: 18px; } .mini-cart-dropdown .wpc-minicart-extra { line-height: initial; } .mini-cart-dropdown .widget_shopping_cart_content > * { margin-bottom: 15px; } .mini-cart-dropdown p.woocommerce-mini-cart__buttons.buttons { line-height: initial; } .woocommerce .mini-cart-dropdown ul.cart_list li img, .woocommerce ul.product_list_widget li img { border: 1px solid #eaeaea; width: 50px; } .woocommerce .mini-cart-dropdown .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { color: #222; } /* Initial hidden state */ .secondary-bar-wrapper.from-top { transform: translateX(-50%); } body.secondary-bar-active .secondary-bar-wrapper.from-top .secondary-bar-inner { top: 50px; left: 50%; transform: translateX(-50%); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); } .secondary-bar-wrapper.from-top .secondary-bar-inner { top: -300px; left: 50%; right: auto; transform: translateX(-50%); } .secondary-bar-inner .secondary-close { position: absolute; top: 1rem; right: 1rem; font-size: 1.5rem; } /* New Mega Menu option styles */ .mega-menu-posts-container .mega-posts-grid { display: grid; grid-template-columns: repeat(1, 250px); gap: 20px; } .mega-menu-posts-container .mega-posts-grid.mobile-mega-post { gap: 0; } .mega-menu-posts-container .mega-posts-grid.post-row-grid { grid-template-columns: repeat(4, 250px); } .mega-menu-posts-container .mega-posts-grid.mobile-mega-post .mega-post-thumb, .mega-menu-posts-container .mega-posts-grid.mobile-mega-post + .mega-menu-pagination { display: none; } .mega-posts-wrap { padding: 15px; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); width: 100%; min-width: 600px; margin-top: 10px; } .mega-post-item { transition: all 0.3s ease; } .mega-post-item:hover { transform: translateY(-3px); } .mega-post-thumb { margin-bottom: 8px; } .mega-post-thumb img { width: 100%; height: auto; border-radius: 4px; } .mega-post-content h5 { font-size: 14px; margin: 0; line-height: 1.4; color: #333; } .mega-menu-pagination .mega-nav-buttons { list-style: none; padding: 0; margin: 0; display: flex; justify-content: start; } .mega-menu-pagination .mega-nav-buttons li { display: inline-block; margin: 0 5px; padding: 0; width: fit-content; } .mega-menu-posts-container .mega-menu-pagination .mega-nav-buttons li .mega-nav-btn { display: block; width: fit-content; padding: 5px 10px; border-radius: 5px; color: #fff; text-decoration: none; font-size: 14px; margin-top: 15px; }