/* Theme Name: Beruco Theme URI: https://wordpress.zozothemes.com/beruco/ Author: zozothemes Author URI: https://zozothemes.com/ Text Domain: beruco Tested up to: 6.6 Version: 1.0.4 Requires at least: 6.0 Requires PHP: 8.0 Description: Beruco 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: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://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 { --dark-bg: #091216; --dark-bg-rgba: #1D1D1D; --border-color: #323232; --trans-color: transparent; --bg-ext: rgba(255,255,255,.05); --dark-overlay-color : rgba(0,0,0, 0.05); --dark-txt-clr: #282828; --light-color: #ffffff; --default-text-color: #797979; } html { height: 100%; box-sizing: border-box; } *,::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; } .fa, .fas { font-family: 'FontAwesome'; } .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; } .page-load-status { text-align: center; margin-top: 30px; } @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; } .beruco-body-inner { overflow: hidden; } .beruco-body-inner.container .header-navbar.navbar > .container { padding: 0 30px; } .fa, .fas { font-family: 'FontAwesome'; font-weight: 400; } body.rtl { direction: rtl; } a { text-decoration: none; outline: none; cursor: pointer; color: #141422; } 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; } .img-scale img { transform: scale(0.9); } select { height: 55px; line-height: 55px; padding: 0 10px; border-color: #eaeaea; } select:focus { outline: 0; } .single-post select{ color: var(--default-text-color); } 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: 0; border: 1px solid #eaeaea; padding: 0 10px; } form.post-password-form input { height: 54px; border-radius: 0; } .wp-block-search__input { min-height: 52px; border-radius: 0; border: 1px solid #eaeaea; max-width: 186px; 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: 400; color: #252525; } .bypostauthor { display: block; } figure.alignnone, figure.aligncenter { max-width: fit-content; max-width: -webkit-fill-available; margin: 0 auto 1rem auto; } .wpcf7-form br { display: none; } /*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: 999; } header.header-absolute .navbar > div > ul.nav > li.secondary-toggle-wrapper { background-color: transparent; padding-left: 0; margin-left: -12px; } header a.btn.btn-primary { border: 0; padding: 17px 35px; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; border-radius: 0; } header a.btn-primary:not(:disabled):not(.disabled):active:focus, header a.btn-primary:not(:disabled):not(.disabled):focus { box-shadow: none; } body.home.page-template-default header a.btn.btn-primary { padding: 13px 35px } body.home .nav.navbar-ul.pull-right a.full-search-toggle:before { background: rgb(255 255 255 / 29%); } body.home .header-sticky .nav.navbar-ul.pull-right a.full-search-toggle:before { background: rgb(0 0 0 / 10%); } /*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: 0; } body.mobile-menu-active .mobile-menu-floating > nav.mobile-menu-wrapper { margin-top: 0; } 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 10px 30px; margin-top: 30px; } body.mobile-menu-active .mobile-menu-floating img.mobile-logo { max-width: 153px; } .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; } header .header-topbar > div > ul.nav.pull-right > li:last-child { padding-left: 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; } .wp-menu:not(.mobile-menu) .cus-img-menu li > ul.sub-menu.mega-menu { left: -34px; 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; } .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: 55px; line-height: 55px; width: 55px; } .header-topbar ul.nav.social-icons > li > a { box-shadow: none; font-size: 16px; width: 50px; border-left: solid 1px rgba(255,255,255,0.08); color: #b5b5b5; } .header-topbar a.h-phone { font-weight: 600; display: inline-block; line-height: 1; margin-left: 0; color: #fb3e3f; border-radius: 5px; } .header-topbar a:hover { color: rgb(255 255 255 / 76%) !important; } .header-topbar ul.nav.social-icons > li:last-child > a { border-right: solid 1px rgba(255,255,255,0.08); } .site-header ul.nav.social-icons > li > a { margin-right: 0; } header ul.nav.social-icons a span { line-height: 35px; } .zozo-block-primary.beruco-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-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu li > ul.sub-menu > li { border: 0; } .header-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu li { padding: 0px 0px; } .header-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu li a { padding: 5px 20px; } 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-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu > li > a { font-weight: 600; } li.menu-item.menu-item-has-children { position: relative; } li.menu-item.menu-item-has-children.menu-item-has-mega-children { position: static; } .header-navbar.navbar .wp-menu li > ul.sub-menu li { display: block; position: relative; line-height: 30px; padding: 6px 20px 6px 20px; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a { position: relative; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a:before { content: ""; position: absolute; left: -15px; transform: skewX(-45deg) translateY(-50%); width: 18px; height: 5px; top: 50%; z-index: -1; opacity: 0; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover:before, .header-navbar.navbar .wp-menu li > ul.sub-menu li.current-menu-item > a:before { opacity: 1; left: 2px; z-index: 1; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover, .header-navbar.navbar .wp-menu li > ul.sub-menu li.current-menu-item > a { padding-left: 30px; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a, .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover, .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover:before, .header-navbar.navbar .wp-menu li > ul.sub-menu li a:before { 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; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu li:last-child { padding-bottom: 25px; } ul.nav.wp-menu > li.menu-item-has-children:not(.menu-item-has-mega-children) > .sub-menu li:first-child { padding-top: 25px; } 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; } .wp-menu li > ul.sub-menu ul.sub-menu { left: 100%; top: 20px; padding: 0; } ul.sub-menu.mega-menu { display: flex; } .header-navbar.navbar .wp-menu li > ul.sub-menu li a { display: block; padding: 0 15px; } 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 > span.down-arrow:after, ul.mobile-menu li.menu-item-has-children > span.up-arrow:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; transform: translateY(-50%); } 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: 260px; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 0; z-index: 99; letter-spacing: 0.5px; } ul.nav.wp-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: 278px; opacity: 0; visibility: hidden; box-shadow: 11px 10px 38px 0px rgb(0 0 0 / 10%); border-radius: 0; } 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; font-weight: 700; } ul.mobile-menu li.menu-item-has-children > span.down-arrow:after { content: "\f64d"; } ul.mobile-menu li.menu-item-has-children > span.up-arrow:after { content: "\f63b"; } ul.mobile-menu li.menu-item-has-children > span { position: absolute; right: 16px; z-index: 999; top: -16px; 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.wp-menu ul.sub-menu li.menu-item.current-menu-ancestor.menu-item-has-children > a:before { opacity: 1; left: 14px; } ul.wp-menu ul.sub-menu li.menu-item.current-menu-ancestor.menu-item-has-children > a { padding-left: 15px; } 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%); } .header-navbar.navbar .wp-menu li > ul.sub-menu.mega-menu li { border-right: 1px dashed #eaeaea; } .header-navbar.navbar .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; } ul.nav.topbar-ul.pull-right { align-items: center; } .header-topbar { background: #00152f; font-size: 13px; line-height: 50px; padding: 0; color: var(--dark-txt-clr); } .header-topbar:before { content: ""; width: 72px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 26%; margin: auto; } .header-topbar:after { content: ""; width: 350px; background-color: transparent; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; } ul.nav.topbar-ul.pull-right address { position: relative; } ul.nav.topbar-ul.pull-right address:before { content: ""; height: 14px; width: 1px; background-color: rgb(255 255 255 / 22%); position: absolute; right: -14px; top: 50%; transform: translateY(-50%); } @-webkit-keyframes hor-run { 0% { left: 0px; } 50% { left : 300px; } 100% { left: 0; } } @-webkit-keyframes hor-run-center { 0% { left: 10%; } 50% { left : 40%; } 100% { left: 100%; } } .topbar-right ul.social-icons > li > a { display: inline-block; padding: 0; line-height: 40px; } .header-topbar ul.nav.topbar-ul > li a.email-link { display: inline-block; } .header-topbar ul.nav.topbar-ul > li a.email-link span { vertical-align: -1px; } .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: var(--dark-txt-clr); } .header-navbar a.h-phone { font-size: 18px; margin-right: 23px; position: relative; font-weight: 600; letter-spacing: 0; } .header-navbar a.h-phone:before { content: ""; position: absolute; width: 0; height: 1px; top: 60px; transition: all .3s; } .header-navbar a.h-phone:hover:before { transition: all .3s; width: 100%; } .header-sticky .header-navbar a.h-phone:before { top: 50px; } .header-navbar a.h-phone i { font-size: 16px; } 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 > *.site-title { font-size: 34px; line-height: 40px; text-transform: uppercase; letter-spacing: 0; } .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: #c1c1c1; font-size: 15px; padding: 0px 5px; text-transform: none; font-weight: 400; letter-spacing: 0; } .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; } .site-header .header-topbar .container-fluid { padding-left: 34px; padding-right: 0; } li.header-navigation-wrapper { padding-left: 34px; } .header-topbar .top-menu li { padding: 0 20px; } .header-topbar ul.nav.topbar-ul > li { position: relative; } .header-topbar .top-menu li { position: relative; font-weight: 400; } .header-topbar .top-menu li:before, .header-topbar ul.nav.topbar-ul.element-left > li:before { content: ""; border-right: 1px solid #cdcdcd; position: absolute; height: 15px; right: 0; top: 50%; transform: translateY(-50%); } .header-topbar ul.nav.topbar-ul.element-left > li:before { right: 14px; } .header-topbar .top-menu li:last-child:before, .header-topbar ul.nav.topbar-ul.element-left > li:last-child:before { border-right: none; } .header-topbar .top-menu li:last-child:before, .header-topbar ul.nav.topbar-ul.element-left > li:last-child:before { border-right: none; } .header-topbar ul.nav.topbar-ul.element-left > li span.bi { vertical-align: -1px; } /*Secondary bar styles*/ body.secondary-bar-active { overflow: hidden; } .secondary-bar-wrapper { position: fixed; height: 100%; width: 100%; background: rgb(255 255 255 / 54%); z-index: 99999; top: 0; opacity: 0; visibility: hidden; transition: all ease-in-out .35s; } .secondary-bar-inner { padding: 60px 50px 40px 50px; } .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: var(--light-color); 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); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } body.secondary-bar-active .secondary-bar-wrapper.from-right .secondary-bar-inner { right: 0; box-shadow: 0px 0px 9px -1px rgb(255 255 255 / 2%); -webkit-box-shadow: 0px 0px 9px -1px rgb(255 255 255 / 2%); -moz-box-shadow: 0px 0px 9px -1px rgb(255 255 255 / 2%); } 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: 12px; top: 8px; height: 31px; } .secondary-bar-inner a.secondary-menu-toggle:before { content: "\f64d"; font-family: 'bootstrap-icons'; background: transparent; line-height: 36px; color: #fff; font-size: 23px; font-weight: 100; transition: all .3s; opacity: 1; transform: rotate(45deg); position: absolute; right: 20px; top: 12px; z-index: 1; } .secondary-bar-inner a.secondary-menu-toggle:after { content: ""; position: absolute; width: 60px; height: 60px; right: 0; top: 0; border-radius: 50%; z-index: 0; transform: rotate(0deg); transition: all .3s; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .secondary-bar-inner a.secondary-menu-toggle:hover:after { background-color: #263036; transform: rotate(180deg); transition: all .3s; } .secondary-bar-inner a.secondary-menu-toggle span { opacity: 0; } 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; } .secondary-bar-inner .widget .widget-title { color: var(--dark-txt-clr); } .secondary-bar-inner .contact-widget-info p span:last-child, .secondary-bar-inner .contact-widget-info p a { color: var(--default-text-color); } /*-------------------------------------------------------------- 03. Page title bar --------------------------------------------------------------*/ header.beruco-page-header { background-repeat: no-repeat; background-position: center center; background-size: cover; background: #fdf2f0; position: relative; z-index: 1; overflow: hidden; } header.beruco-page-header:before { content: unset; width: 23%; max-width: 13%; height: 300px; background-size: 74%; position: absolute; bottom: -148px; left: 1px; z-index: 1; background-repeat: no-repeat; transform: rotate(10deg); } header.beruco-page-header:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; } .page-title-wrap:before { content: unset; } .page-title-wrap:after { content: ""; position: absolute; bottom: -68px; left: -148px; opacity: 1; width: 150px; height: 120px; border: 2px solid rgb(248 56 57 / 35%); border-left: 0; border-top: 0; transform: rotate(225deg); } .page-title-wrap:after { background: linear-gradient(to top,rgb(248 56 57 / 29%),rgb(255 255 255 / 0)); background: linear-gradient(to top,rgb(248 56 57 / 29%),rgb(255 255 255 / 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 > *, .page-title-wrap h1 { display: table-cell; margin: 0; padding: 0; word-break: break-word; } .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; margin-bottom: 10px; } ul.page-title-elements.page-title-center.pull-center * { word-break: break-all; text-align: center; color: var(--light-color); } ul.page-title-elements.page-title-center.pull-center h1.page-title, ul.page-title-elements.page-title-center.pull-center .breadcrumbs-wrap { text-align: center; } .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; } ul.page-title-elements.page-title-center.pull-center .breadcrumb-wrap li:last-child { padding-right: 7px; } .page-title-wrap .breadcrumb > li > span { line-height: 1; } .page-title-wrap .breadcrumb > li > span.current { font-style: italic; color: #c1c1c1; } .page-title-wrap .breadcrumb > li { text-align: left; } i.breadcrumb-delimiter { margin: 0 9px; } i.breadcrumb-delimiter:after { opacity: 1; transform: none; font-style: normal; vertical-align: -2px; font-weight: 700; width: 12px; height: 12px; position: relative; display: inline-block; content: "\f285"; font-family: 'bootstrap-icons'; font-size: 12px; } ul.nav.wp-menu > li { padding: 0 22px; margin: 0; float: left; } ul.nav.wp-menu > li:first-child { padding-left: 0; } ul.nav.wp-menu > li > a { margin: 0; display: initial; font-size: 14px; position: relative; z-index: 9; font-weight: 700; } ul.nav.wp-menu > li:hover > a:before, ul.nav.wp-menu > li.current-menu-item > a:before, .header-navbar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a:before { transition: 0.4s; transform: scale(1); } .header-sticky ul.nav.wp-menu > li > a:before, .header-sticky ul.nav.wp-menu > li.current-menu-item > a:before { opacity: 0.2; } 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%); } .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.beruco-toggle { display: block; margin-top: 35px; margin-left: 0; } header .navbar > div > ul.nav > li.secondary-toggle-wrapper { background-color: #fdf2f0; padding: 0 35px 0 0; margin-right: -30px; } .sticky-head.header-sticky ul .secondary-toggle-wrapper a.beruco-toggle { margin-top: 29px; margin-left: 0; } a.mobile-menu-toggle > span, a.beruco-toggle > span { border-bottom: solid 1px; width: 55px; height: 2px; display: block !important; margin-bottom: 13px; transition: all ease 0.35s; } a.mobile-menu-toggle > span:last-child, a.beruco-toggle > span:last-child { margin-bottom: 0; } a.beruco-toggle > span:nth-child(2) { position: relative; border: none; } .header-sticky a.beruco-toggle>span:nth-child(2):before { top: -40px; } body.mobile-menu-active a.mobile-menu-toggle > span:last-child, a.beruco-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.beruco-toggle.active > span:nth-child(2) { opacity: 0; } body.mobile-menu-active a.mobile-menu-toggle > span:first-child, a.beruco-toggle.active > span:first-child { transform: rotate(45deg) translateY(7px); margin-bottom: 0; } /* Button Style */ .blog .beruco-masonry .post-meta .post-more a:after { margin-left: 5px; } .flip-box-inner .cea-button-link .cea-button-icon i:before { content: unset; } .header-navbar .cea-button-link:after { margin-left: 6px; } .call-us-team a.cea-button-link, .call-us-team a.cea-button-link:hover span.cea-button-num { display: inline-block; background-color: #0b162d; color: #fff; border-radius: 15px 0 15px 0; transition: all .3s; } .call-us-team a.cea-button-link:hover { transition: all .3s; } .call-us-team a.cea-button-link span.cea-button-text { font-weight: 500; letter-spacing: 1px; display: inline-block; padding: 14px 25px; font-size: 15px; } .call-us-team a.cea-button-link span.cea-button-num { font-weight: 700; letter-spacing: 1px; display: inline-block; padding: 14px 30px; border-radius: 0 0 15px 0; } .elementor-button.elementor-size-sm, .header-navbar .cea-button-link { position: relative; overflow: hidden; } .header-navbar .cea-button-link .cea-button-text { position: relative; } .header-navbar .cea-button-link { padding: 17px 28px 17px 29px; font-size: 14px; font-weight: 700; transition: all .3s; border-radius: 0; color: #fff; line-height: 1; } .header-navbar .cea-button-link:hover { transition: all .3s; } .header-sticky .header-navbar .cea-button-link { color: var(--light-color) !important; } .header-sticky .header-navbar .cea-button-link:hover { color: #f83839 !important; } .header-navbar .cea-button-link .cea-button-content-wrapper { line-height: 1; } .dark-btn .cea-button-link .cea-button-icon { background-color: var(--light-color); color: #0d152c; } .dark-btn .cea-button-link.elementor-size-sm:hover .cea-button-icon { background-color: #2f3748; color: var(--light-color); } .sticky-head.header-sticky .header-navbar a.h-phone { color: #262626; } /*-------------------------------------------------------------- 04. Default Blog --------------------------------------------------------------*/ h2.entry-title { line-height: 45px; font-size: 34px; margin-bottom: 0; } .blog .entry-title a { word-break: break-word; } h2.entry-title a { color: inherit; } .entry-header { margin-bottom: 15px; } .beruco-masonry article header.entry-header:first-child { padding-top: 40px; } .beruco-masonry[data-columns="2"] article header.entry-header:first-child { padding-top: 25px; } .beruco-masonry article header.entry-header .entry-title { word-break: break-all; position: relative; } .beruco-masonry[data-columns="2"] article header.entry-header .entry-title { width: auto; white-space: normal; overflow: unset !important; text-overflow: initial; word-break: break-word; font-size: 22px; line-height: 32px; margin-bottom: 0px; } .beruco-masonry[data-columns="2"] .featured-media { margin-bottom: 20px; } .beruco-masonry .top-meta-wrap:nth-child(2) { right: auto; bottom: auto; padding: 0; font-size: 14px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } .beruco-masonry .top-meta-wrap:nth-child(2):before { transform: none; right: -5px; border-left: 2px dashed; } .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { font-size: 16px; height: auto; color: #797979; } .paged.paged-4 .beruco-masonry .top-meta-wrap:nth-child(3) { border-bottom: 0; } .archive .beruco-masonry .top-meta-wrap:nth-child(3), .search .beruco-masonry .top-meta-wrap:nth-child(3), .initiat .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; top: 0; left: 0; right: auto; line-height: 1; } .archive .beruco-masonry .top-meta-wrap:nth-child(2) { top: 0; left: 0; } .post-meta a { padding-left: inherit; } .post-meta svg { padding: 1px; vertical-align: inherit; color: #000; } .beruco-masonry > article .entry-content p { margin-bottom: 12px; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a { line-height: 1; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; position: relative; display: block; padding-right: 18px; transition: all .3s; padding-left: 0; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover { padding-left: 0; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:before { content: "\f144"; font-family: 'bootstrap-icons'; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-weight: 700; margin: auto; text-align: center; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover:before { color: #262626; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:before, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover:before, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a { transition: all .3s; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-meta .post-more a { padding-right: 20px; font-size: 15px; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-meta .post-more a:before { content: ""; position: absolute; transform: translateY(-50%) skewX(-40deg); width: 15px; height: 4px; top: 50%; bottom: auto; opacity: 1; z-index: 9; right: 0; border-radius: 0; left: auto; } .initiate .beruco-masonry[data-columns="2"] .top-meta-wrap:nth-child(2) { right: auto; bottom: auto; top: 27px; position: absolute; margin: 0; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover:after, .elementor-widget-ceaposts .blog-inner .read-more:hover:after, .team-inner .read-more:hover:after, .flip-box-inner .cea-button-link:hover .cea-button-icon i::before, .service-style-default .service-inner .read-more:hover:after { animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover { color: #120E35; } .beruco-masonry .top-meta-wrap .nav.post-meta { line-height: 1; margin-bottom: 2px; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li { line-height: 1; margin: 0; transition: all .3s; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li:hover { transition: all .3s; } .beruco-masonry .top-meta-wrap .post-meta .post-date a:hover { color: rgb(255 255 255 / 74%); } .beruco-masonry .bottom-meta-wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 23px; border-top: 1px solid #eaeaea; min-height: 46px; } .initiate .beruco-masonry[data-columns="2"] .top-meta-wrap { bottom: auto; padding: 0; margin-top: 0; position: absolute; top: 0; right: 0; left: auto; } .beruco-masonry[data-columns="2"] .top-meta-wrap ul.nav.post-meta > li.post-date { position: relative; top: auto; right: 0; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-author a { margin-left: 0; font-weight: 600; color: #a5a5a5; display: inline-block; text-transform: uppercase; font-size: 14px; } .beruco-masonry[data-columns="2"] article .entry-header { margin-bottom: 18px; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap ul.nav.post-meta > li span { margin-right: 4px; } .beruco-masonry[data-columns="2"] ul.nav.post-meta > li.post-date > a { padding: 8px 15px; font-size: 13px; } .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover { color: var(--dark-bg); } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-date { position: absolute; top: -161px; right: 0; } .beruco-masonry .media .top-meta-wrap ul.nav.post-meta > li.post-date { position: relative; top: 0; } .beruco-masonry article .media header.entry-header:first-child { padding-top: 0; } .beruco-masonry > article .media { -ms-flex-align: center; align-items: center; } ul.nav.post-meta > li.post-category { position: relative; padding-left: 22px; } ul.nav.post-meta > li.post-date > a { padding: 12px 20px; line-height: 1; font-size: 14px; color: #fff; } /*Blog Grid*/ .beruco-masonry { position: relative; flex: 0 0 auto; } .beruco-masonry > article.tag-sticky-2:before { content: "\F4EB"; position: absolute; right: 15px; top: 15px; font-family: 'bootstrap-icons'; font-size: 25px; color: #cfcfcf; } .beruco-masonry > article { display: inline-block; padding: 30px 30px 30px; overflow: hidden; box-shadow: 0px 12px 10px rgb(238 239 240 / 25%); border-radius: 0; border: 1px solid #F2F5FA; } .beruco-masonry[data-columns="2"] article { padding: 30px 31px; } .beruco-masonry article > *:last-child { margin-bottom: 0; } .blog .beruco-masonry .featured-media-inner img { border-radius: 0; } .beruco-masonry .featured-media { margin-left: -30px; margin-right: -30px; margin-bottom: 35px; } .beruco-masonry .featured-media:first-child { margin-top: -30px; } /* Blog List */ /* Default Blog List */ body.blog .beruco-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: -30px; } .blog article.post { display: flex; flex-direction: column; } body.blog .beruco-masonry .media { display: flex; } body article.post .media { align-items: center; -ms-flex-align: center; } .beruco-masonry .media .featured-media-inner.section-inner img { border-radius: 0; height: 370px; object-fit: cover; } .beruco-masonry article .media-body header.entry-header:first-child { padding-top: 0; } .beruco-masonry article .media header.entry-header .entry-title { font-size: 28px; line-height: 38px; } article > * { margin-bottom: 15px; } article > *:last-child { margin-bottom: 0px; } .elementor-widget-ceaposts .blog-style-modern .blog-inner > .post-category { position: absolute; top: 30px; left: 40px; } .blog-style-modern .blog-inner:hover, .blog-style-modern .blog-inner { -webkit-transform: none; transform: none; transition: .5s ease; margin-top: 0; } .blog-style-classic-pro .blog-inner .post-details-outer { padding: 0px 30px 30px 30px; box-shadow: none; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 30px; } .blog-style-classic-pro .blog-inner .post-details-outer .post-category a { padding: 0; color: #797979; background: transparent; } .blog-style-classic-pro .blog-inner .post-details-outer .post-category a:nth-child(3) { padding-left: 6px; } .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a i { display: none; } .blog-style-classic-pro .blog-inner .post-author a > span.author-name { margin-left: 3px; font-weight: 500; } .blog-style-classic-pro .blog-inner .nav.top-meta-list > li:first-child { position: relative; } .blog-style-classic-pro .blog-inner .post-thumb a img { position: relative; } .blog-style-classic-pro .blog-inner .post-thumb a:after { content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0; opacity: 0; background: linear-gradient(to right, #212529, rgb(15 12 30 / 54%)); transition: all .3s; } .blog-style-classic-pro .blog-inner:hover .post-thumb a:after { opacity: 1; transition: all .3s; width: 100%; } /*-------------------------------------------------------------- 05. Blog Single --------------------------------------------------------------*/ .single-post .top-meta-wrap { margin-top: 0; margin-bottom: 29px; padding: 27px 0px 27px; position: relative; line-height: 1; border-bottom: 1px solid #eaeaea; } .single-post .top-meta-wrap:first-child { margin-top: 0; padding-top: 0; } .single-post .post-inner figure.featured-media { margin-bottom: 0; } .single-post .top-meta-wrap ul li { position: relative; } .top-meta-wrap .post-author a { text-transform: capitalize; } .beruco-masonry .top-meta-wrap { position: relative; padding: 0; color: var(--light-color); margin-bottom: 12px; margin-top: 15px; } .beruco-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 { font-size: 18px; margin-right: 5px; vertical-align: 0px; } .beruco-masonry .top-meta-wrap .post-meta a, .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span { color: #a5a5a5; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; } ul.nav.post-meta > li.post-category { position: relative; } ul.nav.post-meta > li.post-category:before { content: "//"; position: absolute; left: 7px; top: 1px; font-size: 14px; } .beruco-masonry .top-meta-wrap .post-meta a { line-height: 24px; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-author a:hover { color: var(--dark-txt-clr); } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span.bi { margin-right: 0; display: none; } .beruco-masonry article .entry-header { margin-bottom: 0; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span.bi:before { margin-right: 0 !important; line-height: 1; content: "\F47F"; font-size: 15px; position: absolute; left: 0; right: 0; top: -17px; text-align: center; } .single-post .bottom-meta-wrap { margin-bottom: 33px; margin-top: 40px; border-top: 1px solid rgb(236 238 243); border-bottom: 1px solid rgb(236 238 243); padding: 22px 0 15px; display: inline-block; width: 100%; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span.bi { margin-right: 0; } .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: 0; } .beruco-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; } .cea-icon-list .cea-icon-list-item .cea-icon-list-icon i { font-size: 15px; } .single-post .cea-icon-list .cea-icon-list-item .cea-icon-list-icon i { font-size: 15px; } .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: inherit; } .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 16px; } .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, .wp-block-quote.is-large { font-size: 23px; line-height: 1.5; font-weight: 600; } 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 { background: #FEF8F8; margin: 35px 0px 30px 0px; padding: 34px 40px 35px 40px; border: none; z-index: 1; color: var(--dark-bg); position: relative; font-style: italic; overflow: hidden; border-radius: 0; } 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; font-size: 114px; line-height: 85px; bottom: -20px; text-align: center; right: 52px; margin: auto; z-index: 1; border-radius: 0; opacity: 0.1; font-style: normal; } p.quote-author { 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; } .single-post .wp-block-quote.is-style-large cite { display: inline-block; line-height: 1; } cite br { display: none; } .single-post blockquote cite { display: inline-block; text-transform: capitalize; position: relative; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-bottom: 14px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p, .wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 24px; line-height: 36px; color: #333; } blockquote cite::before { content: ""; width: 20px; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; } blockquote cite { padding-left: 29px; } .wp-block-quote.has-text-align-right { border-left: 0; } blockquote cite, .wp-block-quote cite, .wp-block-quote footer { display: block; font-style: italic; } .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: 50px; height: 50px; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; margin-right: 5px; font-weight: 600; border-radius: 0; border: 1px solid; } nav.post-nav-links .post-page-numbers:last-child { margin-right: 0px; } .post-page-numbers { color: var(--dark-txt-clr); } nav.post-nav-links .post-page-numbers:focus { color: var(--dark-txt-clr); } nav.post-nav-links .post-page-numbers:hover { color: var(--light-color); } nav.post-nav-links .post-page-numbers.current { color: var(--light-color); } nav.post-nav-links { margin-top: 50px; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date { margin-top: -72px; margin-right: 30px; } .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date { margin-top: auto; margin-right: 0; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a { display: inline-block; font-size: 14px; line-height: 1; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: all .3s; color: #fff; padding: 12px 16px; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:hover { background-color: var(--dark-bg); color: #fff; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:before { content: "\f1f6"; font-family: 'bootstrap-icons'; line-height: 1; margin-right: 7px; font-size: 14px; color: #fff! important; font-weight: 400; vertical-align: -1px; } .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a { position: relative; height: auto; line-height: 1; top: auto; right: auto; padding: 10px 15px 10px; display: unset; font-size: 14px; letter-spacing: 1px; background: #fb3e3f; color: #fff; } .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a:before { position: relative; font-size: 14px; left: auto; top: auto; margin-right: 6px; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:hover { color: #fff !important; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:hover, .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:hover:before { transition: all .3s; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a time { position: relative; } .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a:hover { transition: all .3s; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date a:hover:before, .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a:hover:before { transition: all .3s; } .single-post .top-meta-wrap ul.nav.post-meta li.post-date .bi { display: none; } /*-------------------------------------------------------------- 06. Comments --------------------------------------------------------------*/ .single-post .comments-wrapper.section-inner { margin-top: 0; } .post-comments .comments { margin-bottom: 40px; } .comment-reply-title, .post-comments .post-box-title { font-size: 30px; font-weight: 700; line-height: 38px; } .comment-reply-title { margin-bottom: 30px; } .comment-content.entry-content { margin-bottom: 0; } .comment-author.vcard img { float: left; } .comments-wrapper > #respond { margin-bottom: 0; margin-top: 20px } .comment-respond { position: relative; z-index: 1; margin: 20px 0 50px; padding: 42px 50px 50px; background: #f7f7f7; overflow: hidden; } .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: 0; position: relative; } .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; margin-bottom: 10px; color: #666; } .single-post .comments-wrapper.section-inner input, .single-post .comments-wrapper.section-inner textarea, .page .comments-wrapper.section-inner input, .page .comments-wrapper.section-inner textarea { width: 100%; outline: none; min-height: 30px; margin-bottom: 0px; padding: 10px 15px; border: solid 1px #fff; background-color: #fff; } .single-post .comments-wrapper.section-inner textarea { padding-top: 10px; } .single-post .comments-wrapper.section-inner input.submit, .page .comments-wrapper.section-inner input.submit { width: auto; margin-top: 0; margin-bottom: 0; padding: 0 30px; font-size: 14px; background-color: transparent; transition: all .3s; } .single-post .comments-wrapper.section-inner input.submit:hover, .page .comments-wrapper.section-inner input.submit:hover { transition: all .3s; } .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; } p.comment-form-cookies-consent { padding: 8px 0; } textarea { width: 100%; border: 1px solid #eaeaea; border-radius: 0; 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: 10px; line-height: 34px; } .comment-respond .comment-reply-title small { margin: 0 15px; 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 { padding-left: 75px; margin-bottom: 10px; } .comment-body .reply { padding-left: 75px; margin-bottom: 0; } .comment-body .reply a.comment-reply-link { padding: 0; display: inline-block; border-radius: 0; font-size: 14px; background: transparent; line-height: 1; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; transition: all .3s; } .comment-body .reply a.comment-reply-link { position: relative; padding-right: 20px; } .comment-body .reply a.comment-reply-link:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%) skewX(-35deg); right: 0; width: 12px; height: 5px; } .comments-wrapper.section-inner { padding-top: 90px; padding-bottom: 0; } .comment-body .reply a.comment-reply-link:hover { color: var(--dark-txt-clr); } .comment-author.vcard span.says { font-size: 12px; margin-left: 6px; } 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 0px 0; display: inline-block; width: 100%; } ul.nav.pagination.post-pagination { padding: 30px 0 0; } ul.nav.pagination.post-pagination > li > a, ul.nav.pagination.post-pagination > li > span { display: inherit; border: 1px solid; padding: 0; width: 55px; text-align: center; border-radius: 0; background: transparent; height: 55px; font-weight: 400; line-height: 55px; color: #262626; border-radius: 0; } 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; } ul.nav.pagination.post-pagination > li > a i { font-size: 20px; } /*-------------------------------------------------------------- 08. elementor common styles --------------------------------------------------------------*/ .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; } .beruco-content-wrap .elementor-inner-section > .elementor-container.elementor-column-gap-default { margin: 0 -15px; } .beruco-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; } /* Border Shapes */ .border-shape-top, .border-shape-top-left { position: relative; } .border-shape-top:before { content: ""; position: absolute; height: 72%; width: 132px; left: -7px; top: 0; opacity: 1; transform: skew(-31deg, 0); } .border-shape-top-left:before { content: ""; position: absolute; height: 72%; width: 100px; right: 26px; top: 0; left: auto; opacity: 1; transform: skew(30deg, 0); } .border-shape-top:after, .border-shape-top-left:after { content: ""; width: 159px; height: 500px; position: absolute; right: -105px; transform: rotate(29deg); top: -16px; z-index: 9; } .border-shape-top-left:after { width: 190px; height: 500px; left: -93px; right: auto; transform: rotate(-29deg); } /*-------------------------------------------------------------- 09. Footer --------------------------------------------------------------*/ .footer-widgets-wrap { background: #09172E; color: #ababab; padding-top: 70px; padding-bottom: 50px; position: relative; } .footer-widgets-wrap1:before { content: ""; width: 300px; height: 300px; position: absolute; top: 137px; right: -155px; animation: rotate-animation 20s infinite linear; background-repeat: no-repeat; background-size: contain; background-position: center center; } .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; } .custom-text-path .e-text-path { animation: spin 30s linear infinite; } /* Rotate Animation */ @keyframes rotate-animation { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } /* Rotate 2 */ @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); } } .footer-widgets-wrap li a { line-height: 23px; } .footer-widgets-wrap a { color: #ffff; } .footer-widgets-wrap .textwidget strong { color: #b5b5b5; } .insta-footer-wrap { padding: 30px 0; border-radius: 0; position: relative; overflow:hidden; } .insta-footer-wrap > * { position: relative; z-index: 9; } aside.footer-insta-widget.col-12 .insta-footer-content { max-width: 65%; } aside.footer-insta-widget.col-12 .insta-footer-content h3 { font-size: 42px; line-height: 1.3; padding-right: 74px !important; } /* Footer Top Feature */ .footer-insta-widget .wp-block-columns.is-layout-flex { margin-bottom: 0; } .footer-insta-widget .elementor-widget-container.feature-box-default { padding: 0; text-align: center; margin-bottom: 0; } .footer-insta-widget .elementor-widget-container.feature-box-default .cea-featured-icon i { line-height: unset; } .footer-insta-widget .elementor-widget-container.feature-box-default .cea-featured-icon { width: 60px; height: 60px; line-height: 60px; background: transparent; border-radius: 50%; font-size: 22px; border: solid 1px; color: #f22c31; } .widget-sub-title { font-size: 22px; color: #bdbdbd; letter-spacing: -0.2px; } .footer-widget.contact-widget { margin-right: 22px; padding: 24px 19px; width: 31%; position: relative; text-align: center; } .insta-footer-wrap a.phone { font-size: 34px; line-height: 1.5; margin-bottom: 0; font-weight: 700; letter-spacing: -1px; display: inline-block; color: #fff; transition: all .3s; } .insta-footer-wrap a.phone:hover { opacity: 0.7; } .footer-widget.contact-widget:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; z-index: -1; transition: 0.4s; border-radius: 0; transform: skewX(-17deg); -webkit-transform: skewX(-17deg); -moz-transform: skewX(-17deg); -ms-transform: skewX(-17deg); -o-transform: skewX(-17deg); } .insta-footer-wrap a.phone:hover { color: #fff; transition: all .3s; } .title { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; } .insta-footer-wrap .sub-title { margin-bottom: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; display: inline-block; position: relative; } ul.nav.ft-feature-wrap li { display: inline-block; width: 32%; padding: 0 15px; } aside.footer-widget-2 h5, .widget .widgettitle, .widget .widget-title { font-size: 22px; position: relative; display: inline-block; margin-bottom: 5px; letter-spacing: 0; line-height: 1.3; text-transform: capitalize; z-index: 2; } .widget .widgettitle, .widget .widget-title { margin-bottom: 13px; padding-bottom: 13px; } .widget.text-widget-content .widgettitle { line-height: 1; } .error404-content .bi.bi-search { color: #fff; } aside.footer-widget-2 h5:before, .widget .widgettitle:before, .widget .widget-title:before,.wp-block-heading.cus-woo-title:before,.cus-woo-search .wp-block-search__label:before { content: ""; position: absolute; left: 10px; transform: skewX(-45deg); width: 18px; height: 22px; top: 4px; z-index: -1; opacity: 0.6; } .widget-content-bx a i { margin-right: 8px; vertical-align: middle; margin-left: 1px; } .footer-widgets-wrap .widget_nav_menu li a { display: block; padding-bottom: 5px; padding-top: 5px; } .footer-widgets-wrap .widget_nav_menu li:first-child a { padding-top: 0; } .footer-widgets-wrap .widget_nav_menu li:last-child a { padding-bottom: 0; } /*Footer Middle*/ .footer-widgets-wrap aside.footer-widget-2.col-md-4 { flex: 0 0 auto; width: 41.66666667%; } .footer-widgets-wrap aside.footer-widget-2.col-md-8 { flex: 0 0 auto; width: 58.3333%; padding-left: 35px; } .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; } .widget-content-bx a { display: inline-block; margin-bottom: 4px; } .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: 400; } .zozo_social_widget ul.nav.social-icons > li > a { width: 40px; height: 40px; margin-right: 5px; font-size: 14px; line-height: 40px; background: #313c44; border-radius: 50%; border: solid 1px; } .zozo_social_widget ul.nav.social-icons > li > a { color: #fff; } .zozo_social_widget ul.nav.social-icons > li > a:hover { background-color: #fff!important; } /*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 .row .col-12 { display: flex; align-items: center; justify-content: center; } .footer-bottom-wrap .widget.widget_nav_menu li:last-child { margin-right: 0; } .footer-style-two { text-align: center; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li a { display: block; padding: 0 30px; position: relative; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li:first-child a { padding-left: 0; } .footer-style-two ul.menu { display: flex; justify-content: center; } .footer-style-two .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; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li:first-child a::before { content: unset; } .footer-content { line-height: 26px; } .footer-box-icon { font-size: 22px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fb3e3f; color: #fff; } .wp-block-columns.cus-footer-contact { margin-bottom: 0; padding-top: 40px; margin-top: 40px; border-top: solid 1px rgba(255,255,255,0.12); } /*-------------------------------------------------------------- 10. Widgets --------------------------------------------------------------*/ .content-widgets-wrapper .widget_block, .content-widgets-wrapper .content-widgets > .widget { margin-bottom: 40px; padding: 30px 30px 35px; position: relative; background: #f7f7f7; } .content-widgets-wrapper .widget_block:last-child, .content-widgets-wrapper .content-widgets > .widget:last-child { margin-bottom: 0; } .content-widgets.widget-area-right { padding-left: 15px; } .widget .widget-title { color: var(--dark-txt-clr); } /*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: #ffffff; } .wp-block-group__inner-container h2 { font-size: 22px; line-height: 1.3; } .widget:last-child { margin-bottom: 0 } .widget-title { margin-bottom: 30px; position: relative; padding-top: 0; font-size: 24px; line-height: 1.3; } .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, .widget-area-left .widget .widget-title { padding-left: 0; z-index: 2; padding-bottom: 16px; margin-bottom: 5px; position: relative; display: inline-block; text-transform: capitalize; } .widget-area-right .wp-block-group__inner-container h1:before, .widget-area-right .wp-block-group__inner-container h2:before, .widget-area-right .wp-block-group__inner-container h3:before, .widget-area-right .wp-block-group__inner-container h4:before, .widget-area-right .wp-block-group__inner-container h5:before, .widget-area-right .wp-block-group__inner-container h6:before, .widget-area-left .widget .widget-title:before { content: ""; position: absolute; left: 10px; transform: skewX(-45deg); width: 18px; height: 22px; top: 4px; z-index: -1; opacity: 0.2; } .widget ul li, .widget ol li { padding: 5px 0; margin-bottom: 0; } .widget select { width: 100%; border: 1px solid #eaeaea; color: var(--default-text-color); } .widget.widget_text form select { margin-bottom: 10px; } .content-widgets-wrapper .widget_categories ul li a, .content-widgets-wrapper .widget_archive ul li a, .content-widgets-wrapper .wp-block-categories li a{ position: relative; padding-left: 18px; font-weight: 600; } .content-widgets-wrapper .widget_categories ul li a:before, .content-widgets-wrapper .widget_archive ul li a:before, .content-widgets-wrapper .wp-block-categories li a:before { position: absolute; left: 0; content: "\f285"; line-height: 1; font-size: 13px; font-family: 'bootstrap-icons'; top: 50%; transform: translateY(-50%); } .content-widgets-wrapper .widget_categories ul li, .content-widgets-wrapper .widget_archive ul li, .content-widgets-wrapper .wp-block-categories li { padding: 20px 0; border-bottom: 1px solid #eaeaea; 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; } .content-widgets-wrapper .widget_categories ul li:first-child, .content-widgets-wrapper .widget_archive ul li:first-child, .content-widgets-wrapper .wp-block-categories li:first-child{ padding-top: 0; } .widget.widget_categories li ul.children, .widget.widget_pages li ul.children { padding-left: 20px; padding-top: 10px; } .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: 4px; padding-top: 0; } .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; } .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 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 solid #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 solid #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: 14px; font-style: italic; position: relative; } .comments-wrap span:before { content: "\f293"; font-family: 'bootstrap-icons'; font-style: normal; font-size: 13px; margin-right: 6px; font-weight: 400; vertical-align: -2px; } .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; background-color: #f8f8f8; } .beruco-masonry .wp-caption-text { background: #f8f8f8; } span.text-widget-content-text { color: #ffff; font-weight: 300; } .about-description { padding-top: 20px; } /* latest */ .widget.beruco_latest_post_widget .side-item .side-image { margin-right: 15px; min-width: 80px; } .widget.beruco_latest_post_widget .side-item .side-image img { width: 70px; height: 70px; object-fit: cover; } .widget.beruco_latest_post_widget .side-item .side-item-text { line-height: 23px; font-weight: 400; } .widget.beruco_latest_post_widget .side-item { display: flex; align-items: center; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; padding-bottom: 20px; } .widget .widget-content ul.side-newsfeed li { padding: 0; } .widget.beruco_latest_post_widget .side-item .side-item-text .comments-wrap span { font-style: initial; font-weight: 400; } .widget.beruco_latest_post_widget .side-item .side-item-text a { margin-bottom: 6px; display: inline-block; font-weight: 600; } .widget.beruco_latest_post_widget li:last-child .side-item { margin-bottom: 0; border: 0; padding: 0; } /* 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: 0 !important; display: inline-block; padding: 10px 20px 7px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 14px; } .has-text-align-center.has-white-color { color: var(--light-color); } /* Tags */ p.wp-block-tag-cloud a.tag-cloud-link { position: relative; display: inline-block; font-size: 15px !important; line-height: 22px; padding: 4px 15px 6px; margin-right: 6px; margin-bottom: 10px; transition: all .3s; color: var(--default-text-color); border: solid 1px #ed745d; } p.wp-block-tag-cloud a.tag-cloud-link:hover, .widget-area-right .widget p.wp-block-tag-cloud a.tag-cloud-link:hover { color: var(--light-color); } .widget-area-right .widget p.wp-block-tag-cloud a.tag-cloud-link:hover { background-color: var(--dark-bg); transition: all .3s; } p.wp-block-tag-cloud { margin-top: 6px; } /*Widget Search*/ .widget_search .search-form .input-group .form-control, .widget_search .search-form .input-group .btn { height: 55px; border: 1px solid; border-radius: 0; border-right: none; } footer .widget_search .search-form .input-group .form-control, footer .widget_search .search-form .input-group .btn { border: 1px solid #fff; } footer .widget_search .search-form .input-group .btn:focus { border: none; } .widget_search .search-form .input-group .btn { width: 55px; line-height: 1; position: relative; } .widget_search .search-form .input-group .btn:hover { background: #000; color: #fff; } .widget_search .search-form .input-group .btn { border: 1px solid rgb(255 255 255 / 20%); padding: 0; } .widget.widget_search .form-inline.search-form, .widget.widget_categories form select, .widget.widget_archive select { margin-bottom: 5px; } .search-form .input-group .btn { padding: 0 16px; border-radius: 0; height: 55px; line-height: 55px !important; vertical-align: initial; } .widget_search .search-form .input-group .btn:focus { box-shadow: none; } .form-control:focus { box-shadow: none; } form.form-inline.search-form .input-group { border-radius: 0; overflow: hidden; width: 100%; } form.form-inline.search-form .input-group > * { display: inline-block; height: 55px; line-height: 55px; vertical-align: middle; } input[type="submit"], .search-form .input-group .btn { border: solid 1px; color: var(--dark-txt-clr); line-height: 49px; padding: 0 35px; font-size: 16px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .search-form .input-group .btn:active:focus { box-shadow: none; } .search-form .input-group .btn:hover { color: var(--light-color); } .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: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .mailchimp-wrapper .input-group { height: 52px; line-height: 52px; margin-bottom: 0; margin-top: 20px; } .secondary-bar-inner .mailchimp-wrapper .input-group { margin-top: 10px; } .site-footer .mailchimp-wrapper .input-group { margin-top: 10px; } .site-footer .widget.beruco_mailchimp_widget { margin-top: 0px; padding: 36px 45px 47px; background-color: #ffffff12; } .mailchimp-wrapper .input-group input { height: 52px; } .cus-social-icons .widget.zozo_social_widget .widgettitle { font-size: 18px; margin-bottom: 14px; padding-bottom: 0; } .cus-social-icons .widget.zozo_social_widget .widgettitle:before { content: unset; } footer .mailchimp-wrapper .input-group input.btn.btn-default { color: #fff; font-weight: 600; border-left: 0; padding: 0 19px; border-radius: 0; } footer button.input-group-addon.zozo-mc.btn.btn-default { min-width: 52px; border-radius: 0 !important; margin-left: 7px !important; position: absolute; right: 0; top: 0; bottom: 0; height: 52px; border: none; background-color: transparent; } footer button.input-group-addon.zozo-mc.btn.btn-default:hover { opacity: 0.8; } 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: #282828; border-color: var(--light-color); } p.zozo-mc-subtitle { margin-bottom: 24px; padding-top: 1px; } footer .mailchimp-wrapper .input-group input#zozo-mc-email, .secondary-bar-inner .mailchimp-wrapper .input-group input#zozo-mc-email { background: transparent; border: 1px solid rgb(255 255 255 / 15%); color: #ffffff; border-radius: 0; padding: 10px 18px; } footer .zozo-mc-form, .secondary-bar-inner .zozo-mc-form { margin-top: -5px; } footer .mailchimp-wrapper .input-group input#zozo-mc-email::placeholder, .secondary-bar-inner .mailchimp-wrapper .input-group input#zozo-mc-email::placeholder { color: #b3b3b3; } .secondary-bar-inner .mailchimp-wrapper .input-group input.btn.btn-default { padding: 0 15px; border-radius: 0; font-weight: 400; } .secondary-bar-inner .mailchimp-wrapper .input-group input.btn.btn-default:hover, .secondary-bar-inner .mailchimp-wrapper .input-group input.btn.btn-default:focus { box-shadow: none; background-color: #374148; } span.mc-notice-msg { color: #ff0033; } span.mc-notice-msg.mc-failure { color: #ff0033; } span.mc-notice-msg.mc-success { color: #006900; } span.mc-notice-msg, span.mc-notice-msg.mc-success, span.mc-notice-msg.mc-failure { font-size: 14px; } .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: #272f32 !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 #272f32; font-weight: 600; } footer .widget_calendar caption { border-bottom: 1px solid #272f32; color: var(--light-color); } .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 #272f32; 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 { position: relative; display: inline-block; font-size: 15px !important; line-height: 22px; font-weight: 600; padding: 4px 17px 6px; margin-right: 6px; margin-bottom: 10px; transition: all .3s; border: solid 1px; } .widget .tagcloud > a:hover, .widget .tagcloud > a:focus, .widget .tagcloud > a:active { color: #fff; } .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; } .footer-bottom-wrap ul.nav:last-child { margin-bottom: 0; } img.footer-logo { max-width: 150px; margin-left: 0; margin-bottom: 10px; } .sidebar-broucher .media-body { position: relative; } .sidebar-broucher .media-body:before { content: ""; height: 45px; width: 1px; background: #eaeaea; right: 40px; position: absolute; top: 50%; transform: translateY(-50%); } .sidebar-broucher .doc-icon { width: 60px; height: 60px; line-height: 60px; background: rgb(184 151 128 / 12%); text-align: center; font-size: 24px; } .sidebar-broucher .icon-box { position: absolute; top: 15px; right: 0; font-size: 20px; } .widget .broucher-option li { padding-bottom: 23px; margin-bottom: 22px; border-bottom: solid 1px #eaeaea; padding-top: 0; } .widget .broucher-option li:last-child { border-bottom: none; padding: 0; margin: 0; } .sidebar-broucher .icon-box a { color: #777; } .widget .broucher-option h6 { line-height: 26px; font-size: 18px; } /* 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: 1px; 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; } /* Text Widget */ .text-widget-content img { margin: 0; max-width: 206px; } .footer-style-two .text-widget-content img { margin: auto; max-width: 185px; } .cus-contact a:first-child { font-size: 18px; padding-right: 27px; } .cus-contact a:first-child:hover { color: var(--light-color); } .custom-contact a { color: #fff; } .custom-contact a:hover { color: #141422; } .contact-info-wrapper > * { margin-bottom: 0px; } /* Service Menu Widget */ .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a { padding: 10px 45px 10px 25px; display: block; overflow: hidden; position: relative; z-index: 1; font-weight: 600; background-color: var(--light-color); margin-bottom: 5px; border-radius: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:before { content: "\f144"; padding-left: 0; font-size: 17px; position: relative; top: 50%; width: 30px; margin-right: 0; text-align: center; font-weight: 700; position: absolute; right: 16px; transform: translateY(-50%); -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:after { content: ""; position: absolute; right: 30px; bottom: 0; width: 80px; height: 1px; top: 27px; z-index: -1; opacity: 0; -webkit-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; transition: .3s cubic-bezier(.165,.84,.44,1) .2s; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:after { content: unset; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover:after, .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a:after { opacity: 1; width: 30px; -webkit-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; transition: .3s cubic-bezier(.165,.84,.44,1) .2s; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover:before { transform: translateY(-50%); -webkit-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; transition: .3s cubic-bezier(.165,.84,.44,1) .2s; animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a, .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a:before .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover:before { animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -webkit-animation: blinker 1s linear infinite; -webkit-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .3s cubic-bezier(.165,.84,.44,1) .2s; transition: .3s cubic-bezier(.165,.84,.44,1) .2s; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover, .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a { -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover { -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } /* Contact Info */ .contact-widget-info p { position: relative; margin-bottom: 5px; } .contact-widget-info p:first-child { margin-bottom: 5px; } .single-cea-service .contact-widget-info p:first-child { margin-bottom: 20px; } .contact-widget-info p > span.bi { position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; left: 1px; line-height: 1; color: #ffffff; } .contact-widget-info p span:last-child { display: block; padding-left: 32px; color: #ffffff; } .contact-widget-info p:last-child { padding-bottom: 0; margin-bottom: 5px; border-bottom: none; } .secondary-bar-inner .contact-widget-info p > span.bi { font-size: 20px; } .secondary-bar-inner .contact-widget-info p span:last-child { padding-left: 30px; } .secondary-bar-inner .contact-widget-info p { position: relative; margin-bottom: 18px; } .footer-widget-email-box { position: relative; display: block; border: solid 1px #374148; padding: 6px; border-radius: 4px; } .footer-widget-email { position: relative; display: block; background-color: #1b262e; border-radius: 4px; padding: 12px 21px 15px; } .footer-widgets-wrap .footer-widget-2 .widget_block { overflow: visible; } .site-footer .widget-content h6.footer-widget-email-title { margin-bottom: 8px; font-size: 18px; line-height: 1; padding-bottom: 0; } .footer-widget-email-icon { position: absolute; top: 50%; right: -25px; transform: translateY(-50%) skewX(-17deg); height: 58px; width: 60px; font-size: 24px; color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #ef2429; } .wp-block-group__inner-container .media-left { position: relative; } .wp-block-group__inner-container .media-left:before { content: ""; width: 16px; height: 16px; background: #00a757; position: absolute; border-radius: 50%; bottom: 3px; right: 1px; border: solid 2px #fff; } .insta-footer-content1 { margin-top: 30px; } .insta-footer-content1 .f-bottom-content { font-size: 60px; line-height: 70px; font-weight: 600; } /*-------------------------------------------------------------- 11. Full Screen Search --------------------------------------------------------------*/ .full-search-wrapper { background: rgb(255 255 255 / 92%); height: 50%; width: 100%; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 999999; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: all ease 350ms; transform: translateY(-100%); box-shadow: 0 0 32px rgb(0 0 0 / 7%); } .full-search-wrapper.search-wrapper-opened { visibility: visible; transform: translateY(0%); transition: all ease 350ms; } .full-search-wrapper .search-form { position: absolute; width: 50%; 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.form-inline.search-form .form-control { border-radius: 0; height: 60px; line-height: 60px; padding: 0 19px; border: solid 1px; } .full-search-wrapper .input-group { width: 100%; position: relative; } .full-search-wrapper .input-group:after { content: unset; } .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; } .full-search-wrapper input.form-control { border: none; color: var(--dark-txt-clr); font-size: 20px; line-height: 30px; } .full-search-wrapper input.form-control::placeholder { color: var(--default-text-color); font-size: 20px; line-height: 30px; } .full-search-wrapper .search-form .input-group .btn { border: none; cursor: pointer; position: absolute; right: 0; top: 0; line-height: 55px !important; height: 60px; font-size: 17px; padding: 0px 23px 0 23px; z-index: 5; background: transparent; display: block; } .full-search-wrapper .search-form .input-group .btn:hover { color: #fff; background: transparent; } .full-search-wrapper .search-form .input-group .input-group-btn { width: auto; line-height: 55px; height: 55px; margin-left: 0 !important; } .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; } .full-search-wrapper .search-form .input-group .btn:hover { background: transparent; } a.full-search-toggle.close { top: 0; padding: 0; position: absolute; right: 0; width: 55px; height: 55px; } .full-search-wrapper.search-wrapper-opened a.full-search-toggle.close:hover { opacity: 1; background-color: #263036; } a.full-search-toggle.close:before, a.full-search-toggle.close:after { right: 26px; top: 14px; height: 25px; } a.full-search-toggle.close:hover:before, a.full-search-toggle.close:hover:after { background: #fff; } a.full-search-toggle { position: relative; padding-right: 7px; } a.full-search-toggle > i { font-size: 18px; } .mobilebar a.full-search-toggle { position: relative; padding-right: 0; } .mobilebar a.full-search-toggle:before { content: unset; } /* Toggle Text Search Wrap Styles */ .textbox-search-wrap .form-control { width: 0; height: 0; padding: 0; -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; } .textbox-search-wrap.active .form-control { width: 200px; border-right: 1px solid #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height: 40px; line-height: 40px; padding: 10px; font-size: 14px; } .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; max-width: 100%; left: auto; right: 0px; 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; } .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; } a.full-bar-search-toggle { font-size: 16px; } .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.form-inline.search-form .input-group > * { height: 100%; } .full-bar-search-wrap .input-group .form-control { font-size: 26px; line-height: 1; padding: 0 30px 0 40px; font-weight: 500; background: #14212a; border: none; color: #fff; } .full-bar-search-wrap .input-group .form-control::placeholder { color: #fff !important; } .header-sticky .full-bar-search-wrap .input-group .form-control { background: #fff; color: #797979; } .header-sticky .full-bar-search-wrap .input-group .form-control::placeholder { color: #262626 !important; } .header-sticky .full-bar-search-wrap .input-group .form-control { padding: 0 30px 0 28px; } .close.full-bar-search-toggle { z-index: 99; vertical-align: middle; top: 50%; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } a.bottom-search-toggle { display: inline-block; font-size: 18px; padding-right: 9px; } a.beruco-toggle > span { border-color: inherit; } a.beruco-toggle.active > span { background: var(--light-color); border-radius: 0; border: none; } .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: 30px; border-radius: 0; transform: scale3d(1, 1, 1); box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; } .bottom-search-wrap form.search-form { display: flex; } .bottom-search-wrap form.search-form label { margin-bottom: 0; display: flex; } .bottom-search-wrap form.search-form input { height: 50px; line-height: 50px; padding: 0 15px; } .bottom-search-wrap form.search-form input.search-submit { font-size: 12px; } .bottom-search-wrap form.form-inline.search-form .input-group > *, .bottom-search-wrap .search-form .input-group .btn { height: 50px; line-height: 50px !important; } .bottom-search-wrap .search-form .input-group .btn { padding: 0 17px; color: var(--light-color); } .bottom-search-wrap .search-form .input-group .btn:hover { background-color: var(--dark-bg); } .bottom-search-wrap .search-form .input-group .btn:focus { box-shadow: none; } .overlay-search-form .overlay-search-trigger span { color: #fff; } /*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; } /* Cea Button Style */ .cea-btn-style-1 .cea-button-content-wrapper { position: relative; } .cea-btn-style-1 .elementor-button.cea-button:focus, .header-navbar .cea-button-link:focus { color: #262626 !important; } .cea-btn-style-1 .elementor-button.cea-button:before, .header-navbar .cea-button-link:before { content: ""; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; background: #ffffff; z-index: 0; transition: transform 500ms ease, background 500ms ease, width 500ms ease, height 500ms ease; } .cea-btn-style-1 .elementor-button.cea-button:hover:before, .header-navbar .cea-button-link:hover:before { width: calc(100% - 4px); height: calc(100% - 4px); } /*Spacing*/ .mb-0 { margin-bottom: 0; } .pl-lg-5 { padding-left: 50px; } /* Back to top */ .back-to-top { display: none; position: fixed; right: 35px; bottom: 35px; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 0; font-size: 17px; line-height: 1; letter-spacing: 0.5px; -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; text-transform: uppercase; font-weight: 600; border-radius: 50%; } .back-to-top i { display: block; width: 45px; height: 45px; line-height: 45px; color: var(--light-color); } .back-to-top:hover { color: var(--light-color); } .back-to-top:focus { color: var(--light-color); } .back-to-top:hover i { transition: all .3s; } /*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-share > li > a:hover, ul.social-share > li > a { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } 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-fb, ul.social-icons.social-h-own>li a.social-fb:hover, article.post ul.social-icons>li>a.social-fb, ul.social-icons>li>a.share-fb:hover, ul.nav.social-icons.team-social a.social-fb { 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; } /* Social Media Background Colors */ ul.social-icons.social-bg-own>li a.social-fb, ul.social-icons.social-hbg-own>li a.social-fb:hover, article.post ul.social-icons>li>a.social-fb: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-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); } .site-header ul.social-icons.social-hbg-white>li a:hover { background: transparent; } /* 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%); color: #777; } 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: 50%; } .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; } .beruco-post-banner { margin: -2px; } .beruco-post-banner .post-thumb { position: relative; margin: 2px; } .beruco-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; } .beruco-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 .beruco-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; } .blog-multi-layout-3 .post-more { margin-top: 0.5rem; } .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: #b5b5b5; border-color: #272f32; } 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[type="submit"]:hover{ background-color: #141422!important; } input.wpcf7-form-control, textarea.wpcf7-form-control { transition: all ease 0.35s; padding-left: 35px !important; } input.wpcf7-form-control:focus, textarea.wpcf7-form-control:focus { border-bottom: solid 1px; } ul.nav.post-meta > li { margin: 5px 0px; margin-right: 11px; line-height: 1; } .single-post ul.nav.post-meta > li { margin: 0px 0px 0; } .single-post .bottom-meta-wrap ul.nav.post-meta > li { margin: 0px; } 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 0px; line-height: 1; padding-left: 0; } ul.nav.post-meta > li.post-category a:after { content: ","; } ul.nav.post-meta > li.post-category a:last-child:after { content: ""; } ul.nav.post-meta > li:last-child { margin-right: 0; } ul.nav.post-meta > li.post-tag > *, ul.nav.post-meta > li.post-date > * { display: inline-block; vertical-align: middle; } .bottom-meta-wrap ul.nav.post-meta > li.post-date a { color: #797979; } li.post-tag span.ti-tag { display: none !important; } .single-post .top-meta-wrap ul.nav.post-meta li a { color: #a5a5a5; font-weight: 600; font-size: 14px; text-transform: uppercase; } .single-post .top-meta-wrap ul.nav.post-author > li.post-date a { color: #555; } ul.nav.post-meta > li.post-tag > a { position: relative; display: inline-block; font-size: 14px; line-height: 1; color: #525252; background: #f7f7f7; padding: 9px 15px; margin-right: 5px; margin-top: 2px; transition: all .3s; font-weight: 600; border-radius: 0; } .single-post .bottom-meta-wrap ul.nav.post-meta > li.post-tag > a { margin-bottom: 10px; } ul.nav.post-meta > li.post-tag > *.bi.bi-tag { display: none; } 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; } .single-post ul.nav.post-meta li.post-category { padding-left: 20px; margin-top: 3px; } .single-post ul.nav.post-meta > li.post-category { position: relative; } .single-post ul.nav.post-meta > li.post-category:before { content: "//"; position: absolute; left: 5px; top: 0px; } .single-post .top-meta-wrap ul.nav.post-meta li.post-category a { padding-left: 0; } .single-post .top-meta-wrap ul.nav.post-meta li.post-category a:after { content: ","; } .single-post .top-meta-wrap ul.nav.post-meta li.post-category a:last-child:after { opacity: 0; } .single-post .top-meta-wrap ul.nav.post-meta li.post-category a { margin: 0; } input.wpcf7-form-control,textarea.wpcf7-form-control { border-bottom: 1px solid#eaeaea; padding-left: 15px } textarea.wpcf7-form-control { border-bottom: 1px solid#eaeaea; padding-left: 15px; padding-right: 0; } input.wpcf7-form-control { border: 1px solid #f83839; } /* 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: 32px; } .pagination-single-inner > h6 > a span.arrow { display: inline-block; color: var(--light-color); line-height: 10px; text-align: center; margin-bottom: 0px; width: 49px; border-radius: 0; font-size: 18px; transition: all .3s; } .pagination-single-inner > h6 > a:hover span.arrow { background: var(--dark-bg); } .pagination-single-inner > h6 > a.previous-post span.arrow .pagination-single-inner > h6 > a span.title { display: block; font-size: 22px; line-height: 1.2; color: #262626; transition: all .3s; } .pagination-single-inner > h6 > a:hover span.title { transition: all .3s; } .pagination-single-inner > h6 > a.next-post span.title, .pagination-single-inner > h6 > a.previous-post span.title { color: var(--dark-txt-clr); font-size: 18px; line-height: 28px; display: block; font-weight: 700; margin-top: 8px; } .pagination .page-numbers:not(.next, .prev) { padding: 4px; text-align: center; background: var(--dark-bg); color: #fff; min-width: 35px; display: inline-block; margin: 0 3px; } .pagination-next, .pagination-previous { white-space: unset; } .pagination-single-inner > h6 > a.previous-post span.arrow .bi-arrow-left::before, .pagination-single-inner > h6 > a.next-post span.arrow .bi-arrow-right::before { font-family: 'bootstrap-icons'; } .pagination-single-inner > h6 > a.previous-post span.arrow .bi-arrow-left::before { content: "\f13f"; } .pagination-single-inner > h6 > a.next-post span.arrow .bi-arrow-right::before { content: "\f144"; } .pagination-single-inner > h6 > a span.arrow i { margin-top: -1px; height: 45px; line-height: 40px; text-align: center; } .comments-pagination.pagination .page-numbers.current { color: #fff; } .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; } .comments-pagination a.prev.page-numbers, .comments-pagination a.next.page-numbers { font-size: 0; font-weight: 400; } .comments-pagination a.prev.page-numbers > span:before { content: "\f12c"; } .comments-pagination a.next.page-numbers > span:before { content: "\f135"; } .comments-pagination a.prev.page-numbers > span:before, .comments-pagination a.next.page-numbers > span:before { font-size: 25px; font-family: 'bootstrap-icons'; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; background: transparent; color: #777; margin-right: 3px; border-radius: 50%; } .comments-pagination.pagination .page-numbers { padding: 0; width: 50px; color: #262626; height: 50px; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; margin-right: 5px; border-radius: 0; border: 1px solid; background: transparent; margin: 0 3px; font-weight: 600; } .comments-pagination.pagination .page-numbers .pagination .page-numbers.current { opacity: 1; color: var(--light-color) } .comments-pagination a.next.page-numbers > span:before { margin-right: 0; display: inline; color: var(--default-text-color); } .comments-pagination a.prev.page-numbers:hover > span:before, .comments-pagination a.next.page-numbers:hover > span:before { color: var(--light-color); } /* 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: var(--light-color); } ul.social-share { margin: 0 -3px; background: #f7f7f7; padding: 3px 7px; border-radius: 0; } ul.social-share > li > a { background: var(--dark-bg); color: var(--light-color); text-decoration: none; border-radius: 50%; margin-right: 5px; width: 35px; height: 35px; text-align: center; line-height: 35px; } ul.social-share > li > a > i { color: var(--light-color); text-decoration: none; border-radius: 50%; margin-right: 0; width: 35px; height: 35px; line-height: 35px; } 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; } ul.social-share > li > a.social-instagram { background: #ff057c; } .bottom-meta-wrap li.post-share-wrap { margin-top: 0; } .beruco-masonry .bottom-meta-wrap ul.social-share > li > a > i { color: #6e6e6e; } .post-share-wrap ul.social-share > li > a { background: transparent !important; margin-right: 0; } .post-share-wrap ul.social-share > li > a > i { color: #555555; } /*-------------------------------------------------------------- 13. Gutenberg --------------------------------------------------------------*/ .wp-block-search__button { color: var(--light-color); border: 4px; border-radius: 0; padding: 3px 19px; min-height: 52px; font-weight: 600; border: solid 1px; } .wp-block-button { margin-bottom: 20px; } .wp-block-search__button:hover { background: var(--dark-bg); color: var(--light-color); } .wp-block-button.is-style-outline a.wp-block-button__link { border-color: var(--dark-bg); color: var(--dark-bg) !important; } .wp-block-button.is-style-outline a.wp-block-button__link:hover { color: var(--light-color) !important; } .wp-block-button__link { color: var(--light-color); border-radius: 0; border: solid 1px; } .wp-block-button__link:hover { background: var(--dark-bg); } .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: var(--light-color); 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: var(--light-color); } .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: var(--light-color); } 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; } .page .entry-content p:last-child img.alignright { margin-left: 67%; } .wp-block-file__button:hover { color: #fff; background: #14212a; } /* 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; } /* Section Title */ .section-title-wrapper span.elementor-divider-separator { position: relative; } .elementor-widget-ceasectiontitle .section-title-wrapper .elementor-divider { padding-top: 30px; padding-bottom: 25px; } .section-title-wrapper span.elementor-divider-separator:before { content: ""; position: absolute; left: 0; top: -2px; width: 28px; border-bottom: solid #ffffff 2px; line-height: 20px; font-weight: 600; text-align: center; } .section-title-wrapper span.elementor-divider-separator:after { content: "❯❯"; position: absolute; left: 0; top: -10px; font-size: 17px; letter-spacing: -1px; height: 20px; width: 26px; line-height: 20px; font-weight: 600; text-align: center; } .section-title-wrapper span.elementor-divider-separator:after, .section-title-wrapper span.elementor-divider-separator:before { -webkit-animation: heading-move 7s infinite linear; animation: heading-move 7s infinite linear; } .section-title-wrapper .title-wrap > .section-title { position: relative; } .section-title-wrapper .title-wrap > *.sub-title { display: inline-block; position: relative; } .section-title-wrapper .title-wrap > *.sub-title { padding-left: 44px; padding-right: 0px; padding-top: 2px; } .section-title-wrapper .title-wrap > *.sub-title:before { content: ""; background: none; position: absolute; left: 13px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fb3e3f; top: 50%; transform: translateY(-50%); } .section-title-wrapper .title-wrap > *.sub-title:after { content: ""; position: absolute; left: 10px; transform: skewX(-45deg); width: 13px; height: 17px; background: #ff00004a; top: 1px; } .section-title-wrapper.c-dark .title-wrap > *.sub-title .subtitle-dots:before { color: #091216; } .section-title-wrapper.c-grey .title-wrap > *.sub-title .subtitle-dots:before { color: #f7f7f7; } .cea-align-center .section-title-wrapper .title-wrap > *.sub-title:before, .cea-align-center .section-title-wrapper .title-wrap > *.sub-title:after { left: 0px; } .cea-align-center .section-title-wrapper .title-wrap > *.sub-title:after { top: 1px; left: -2px; } .cea-align-center .section-title-wrapper .title-wrap > *.sub-title { padding-left: 31px; } .cea-align-center .section-title-wrapper .section-content { max-width: 100%; margin: 0 auto; } .theme-separator .section-title-wrapper span.elementor-divider-separator:after { color: var(--light-color) !important; } .theme-separator .section-title-wrapper .title-wrap > *.sub-title:before { background-color: var(--light-color); } .theme-separator .section-title-wrapper span.elementor-divider-separator::before, .secondary-bg-border .section-title-wrapper span.elementor-divider-separator:before { border-bottom: solid 2px; } /* Heading Animation */ @-webkit-keyframes heading-move { 0% { transform: translateX(-1px); } 50% { transform: translateX(72px); } 100% { transform: translateX(-1px); } } @keyframes heading-move { 0% { transform: translateX(-1px); } 50% { transform: translateX(72px); } 100% { transform: translateX(-1px); } } /* Button Horizontal Animate */ @-webkit-keyframes btn-hor-animate { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @keyframes btn-hor-animate { 0% { transform: translateX(-50px); } 50% { transform: translateX(130px); } 100% { transform: translateX(-50px); } } /* Colors */ .typo-white { color: var(--light-color); } a.typo-white:hover { color: var(--light-color); } /* 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 { margin-top: 60px; border-radius: 0; box-shadow: none; border: none; padding: 0; } .custom-post-nav a > * { padding: 0 5px; color: var(--light-color); display: inline; vertical-align: middle; line-height: 1; font-size: 24px; } .custom-post-nav .ti-arrow-left:before { content: "\f13f"; } .custom-post-nav .ti-arrow-right:before { content: "\f144"; } .custom-post-nav .ti-arrow-left:before, .custom-post-nav .ti-arrow-right:before { font-size: 17px; vertical-align: -6px; font-family: 'bootstrap-icons'; } .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a { border-radius: 0; position: relative; box-shadow: none; margin: 0; line-height: 32px; transition: all .3s; border-bottom: solid 2px; padding-bottom: 3px !important; } .custom-post-nav .prev-nav-link > a { padding: 0 0 0 22px; } .custom-post-nav .next-nav-link > a { padding: 0 22px 0 0; } .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a, .custom-post-nav .prev-nav-link > a:hover, .custom-post-nav .next-nav-link > a:hover { transition: all .3s; } .custom-post-nav .prev-nav-link > a > i, .custom-post-nav .next-nav-link > a > i { vertical-align: middle; position: absolute; top: 0px; left: 0; padding: 0; line-height: 1; border-radius: 0; transition: all .3s; margin-bottom: 0; font-weight: 700; } .custom-post-nav .next-nav-link > a > i { right: auto; left: 0; } .custom-post-nav .next-nav-link > a > i { right: 0; left: auto; } .custom-post-nav a h5 { font-size: 22px; color: var(--dark-bg); font-weight: 700; transition: all .3s; padding: 0; } .custom-post-nav a:hover h5 { transition: all .3s; } .custom-post-nav .prev-nav-link > a:hover > i, .custom-post-nav .next-nav-link > a:hover > i, .custom-post-nav .prev-nav-link > a:hover h5, .custom-post-nav .next-nav-link > a:hover h5 { transition: all .3s; } /*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; } .testimonial-style-list .testimonial-inner .post-thumb { display: none; } /* Team */ .team-wrapper.team-style-default .team-inner .post-thumb img { filter: grayscale(1); transition: all .3s; } .team-wrapper.team-style-default .team-inner:hover .post-thumb img { filter: grayscale(0); transform: translateY(-30px); transition: all .3s; } .team-wrapper.team-style-default .team-inner > .post-thumb img.img-fluid.rounded-circle { box-shadow: none; border: solid; padding: 10px; } .team-wrapper.team-style-default .team-inner:hover > .post-thumb img.img-fluid.rounded-circle { transform: scale(0.95); } .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: var(--light-color); box-shadow: 0px 10px 12px rgb(179 179 179 / 21%), inset 1px 4px 5px rgb(133 154 169 / 30%); color: var(--dark-bg); } .team-wrapper .owl-carousel .team-inner { margin-bottom: 0; } .single-cea-team .team-image-wrap img { border-radius: 0; height: unset; width: unset; object-fit: unset; padding-right: 0; } .team-info .team-title h2 { font-size: 36px; margin-bottom: 5px; color: var(--light-color); } .single-cea-team .team-info > *.team-title span.team-designation { color: var(--dark-txt-clr); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 23px; line-height: 1; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap { background: var(--dark-bg); bottom: -67px; right: 20px; border-radius: 0; top: auto; text-align: center; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap{ bottom: 0; left: -40px; border-radius: 0px; top: 20px; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul { border-radius: 0; position: relative; transform: scaleX(0); top: -189px; background-color: #fff3ed !important; } .team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap > ul { 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; transform: scaleX(1); top: -189px; } .single .row.team { border-radius: 0; padding: 0; position: relative; box-shadow: none; overflow: hidden; background-color: #f7f7f7; } .single .row.team:before { content: ""; position: absolute; bottom: 0; width: 256px; right: 0; max-width: 256px; height: 256px; opacity: 0.5; } .team .team-designation-wrap { position: relative; display: inline-block; } .team .team-designation-wrap:before { content: ""; position: absolute; right: -24px; line-height: 1; font-size: 19px; top: 2px; } .team .team-designation-wrap:after { content: ""; position: absolute; right: -90px; width: 60px; top: 11px; height: 1px; } .single .row.team .team-details-icon { border-radius: 50%; transition: all .3s; } .single .row.team .team-media:hover .team-details-icon { transition: all .3s; } .single .col-sm-5.team-image-wrap { padding-left: 0; } .team-info > * .col-md-6 { border-bottom: solid 1px #ffffff2e; padding-bottom: 20px; margin-bottom: 15px; padding-left: 0; padding-right: 0; } .team-media.media a { font-size: 16px; font-weight: 700; } .team-info > * .col-md-6:nth-child(even) { padding-left: 0px; } .team-info > *.team-other-details { margin-bottom: 13px; padding-left: 10px; } .team-media.media { padding-left: 0; } .team-media.media .media-body span { font-size: 16px; } .single .row.team .col-sm-7.team-info { padding-right: 60px; padding-left: 49px; } .single-cea-team .team-social-wrap ul.social-icons > li > a { border-radius: 50%; box-shadow: none; margin-right: 10px; background: transparent; border: solid 1px; height: 45px; width: 45px; text-align: center; margin-right: 10px; display: inline-block; line-height: 45px; font-size: 15px; } .single-cea-team .team-social-wrap ul.social-icons > li > a:hover { opacity: 0.8; } .team-media.media .team-details-icon a:hover { opacity: 0.8; border-left: none; } .single-cea-team .team-social-wrap ul.social-icons > li > a i { color: #141422; transition: all .3s; } .single-cea-team .team-social-wrap ul.social-icons > li > a:hover i { color: var(--light-color); transition: all .3s; } .team-form .contact-form-wrapper span.wpcf7-form-control-wrap textarea { margin-bottom: 15px; padding-top: 14px !important; } .single-cea-team .team-info .col-md-6.team-experience-wrap { position: absolute; left: -412px; bottom: -65px; padding: 20px 30px 23px 30px !important; border: none; margin: 0; background: var(--light-color); width: 56%; } .single-cea-team .team-info .col-md-6.team-experience-wrap .team-details-label, .single-cea-team .team-info .col-md-6.team-experience-wrap .team-experience { color: var(--light-color); } .single-cea-team .team-info .col-md-6.team-experience-wrap .team-details-label { color: rgb(255 255 255 / 75%); } .single-cea-team .team-info .col-md-6.team-experience-wrap .team-details-icon { width: 70px; height: 70px; line-height: 70px; font-size: 22px; margin-right: 22px; } .team-media.media .media-body span.team-experience { font-size: 21px; font-weight: 700; } .team-form .cf-style-classic span.wpcf7-form-control-wrap input, .team-form .cf-style-classic span.wpcf7-form-control-wrap select, .team-form .cf-style-classic span.wpcf7-form-control-wrap textarea { background: var(--light-color); border-color: var(--light-color); } .team-wrapper.team-style-default .team-inner:before { content: ""; position: absolute; border: solid 1px rgb(251 62 63 / 18%); right: 0; bottom: 0; left: 0; height: 40%; } .team-wrapper.team-style-default .team-inner > .post-thumb { overflow: visible; } .team-wrapper.team-style-default .team-inner .social-icons > li > a { color: #fff; font-size: 15px; } .team-wrapper.team-style-default .team-inner { overflow: hidden; } .team-wrapper.team-style-default .team-inner * { position: relative; z-index: 1; } .team-wrapper.team-style-default .team-inner * .post-image-link { display: block; } .team-wrapper.team-style-default .team-inner *.team-social-wrap { position: absolute; left: 0; right: 0; margin-top: -64px; opacity: 0; transition: all .3s; } .team-wrapper.team-style-default .team-inner:hover *.team-social-wrap { transition: all .3s; margin-top: -73px; opacity: 1; } .team-wrapper.team-style-default .team-inner .post-thumb .post-image-link:before { position: absolute; content: ""; top: 50%; left: 0; z-index: 1; right: 0; bottom: 0; transition: all .3s; } .team-wrapper.team-style-default .team-inner:hover .post-thumb .post-image-link:before { background-color: #172024; transition: all .3s; } .team-wrapper .team-inner .post-overlay-items { z-index: 2; } .team-style-default .team-inner .post-overlay-items > .team-social-wrap:before { color: #fff; } .team-style-classic-pro .post-details-outer { box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 5%); } .team-wrapper.team-style-list .media .post-thumb:after { background: none; } .team-inner .read-more:after { content: "❯"; margin-left: 1px; font-size: 15px; line-height: 0; vertical-align: 0; margin-left: 5px; } .team-inner .read-more { position: relative; } /* Team Classic */ .team-wrapper.team-style-classic .owl-carousel .team-inner { margin-bottom: 0; box-shadow: 0px 12px 20px 6px rgb(0 0 0 / 3%); -webkit-box-shadow: 0px 12px 20px 6px rgb(0 0 0 / 3%); padding: 40px 30px; } .team-style-classic .team-designation { border: none; padding: 0; font-size: inherit; font-weight: 400; margin: 14px 0 18px 0; display: block; } .team-style-classic ul.nav.social-icons > li > a { height: 40px; width: 40px; text-align: center; margin-right: 10px; display: inline-block; line-height: 40px; } .team-style-classic .team-inner { border-radius: 40px 0 40px 0; } .team-style-classic ul.social-icons.social-bg-trans>li a, .team-style-classic ul.social-icons.social-bg-transparent>li a { background: #f4f4f4; } .team-style-classic ul.social-icons.social-white>li a { color: var(--dark-bg); } .team-style-classic ul.social-icons.social-h-white>li a:hover { color: var(--light-color); } .team-wrapper.team-style-classic .team-inner > * { position: relative; } .team-wrapper.team-style-classic .team-inner { position: relative; } .team-wrapper.team-style-classic .team-inner:before { content: ""; background: #fef8f8; width: 100%; height: 75%; position: absolute; right: 0; bottom: 0; border-radius: 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .team-wrapper.team-style-classic .team-inner:hover:before { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .team-style-classic .owl-stage-outer .team-inner { margin: 0; } .team-style-classic .post-thumb:first-child { margin-top: 0; } .team-style-classic .post-thumb img, .team-style-classic .team-inner:hover .post-thumb img { -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .team-wrapper.team-style-classic .team-inner > *.post-thumb:before { content: ""; position: absolute; width: 186px; height: 186px; border-radius: 50%; top: -5px; left: 0; right: 0; margin: auto; transition: all .3s; } .team-wrapper.team-style-classic .team-inner:hover > *.post-thumb:before { border-top: none; top: 4px; left: 20px; transition: all .4s; } .team-wrapper.team-style-list .media .team-social-wrap ul.social-icons > li > a { background: transparent; border: 1px solid; height: 35px; width: 35px; line-height: 35px; } .team-wrapper.team-style-classic .team-inner > .post-thumb:before { content: unset; } /* Team List */ .team-wrapper.team-style-list .team-inner { border-radius: 0; margin-bottom: 70px; position: relative; } .team-wrapper.team-style-list .media { -ms-flex-align: inherit !important; align-items: inherit !important; } .team-wrapper.team-style-list .media-body { padding-top: 18px; } .team-wrapper.team-style-list .media .post-thumb img { border-radius: 0; } .team-style-list .team-inner .media-body .team-social-wrap { margin-bottom: 30px; } .team-wrapper.team-style-list .media .team-designation { text-decoration: none; font-size: 14px; margin-bottom: 0; font-weight: 500; position: absolute; padding: 2px 17px; background: #fdf2f0; text-transform: uppercase; right: 43px; bottom: -18px; letter-spacing: 2px; } .team-wrapper.team-style-list .media .team-designation:before { content: "◆"; padding-right: 6px; } /* Blog */ .blog-style-modern .blog-inner span.before-icon { display: none; } /* Blog Default */ .blog-wrapper.blog-style-default .post-overlay-items { opacity: 1; z-index: 1; } .blog-wrapper.blog-style-default .blog-inner:hover .post-thumb.post-overlay-active:before { transition: all .3s; } .blog-wrapper.blog-style-default .blog-inner .post-date a { color: var(--light-color); padding: 6px 16px; border-radius: 8px; font-size: 15px; margin-right: 9px; z-index: 3; position: relative; transition: all .3s; } .blog-wrapper.blog-style-default .top-meta { position: absolute; top: 0px; right: 30px; } .elementor-widget-ceaposts .blog-inner > *.post-thumb:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background: linear-gradient(to top, #1a1a1a, rgb(15 12 30 / 0%)); transition: all .3s; } .elementor-widget-ceaposts .blog-inner:hover .post-thumb:before { opacity: 1; transition: all .3s; height: 100%; } .elementor-widget-ceaposts .blog-style-default .blog-inner > *.post-thumb:before { opacity: 1; } .blog-style-default .blog-inner .post-title-head { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Blog List */ .elementor-widget-ceaposts .blog-style-list .blog-inner .post-category { position: absolute; left: 35px; top: 30px; } .elementor-widget-ceaposts .blog-style-list .blog-inner .post-more { padding-right: 0px; } .elementor-widget-ceaposts .blog-style-list .blog-inner .post-thumb img { margin-top: 0px !important; } .elementor-widget-ceaposts .blog-style-list .blog-inner { margin-bottom: 40px !important; } .blog-wrapper.blog-style-list .blog-inner .media .media-body { padding: 30px 40px 30px 40px; } .blog-style-classic-pro .blog-inner .bottom-meta { padding: 20px 0px 0; margin: 24px 0px 0; border-radius: 0; border-top: solid 1px #eaeaea; } .blog-style-list .post-author a > span.author-name { margin-left: 10px; } .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a { color: #fff; position: absolute; right: 74px; top: -41px; display: inline-block; padding: 11px 12px 12px; font-size: 14px; width: 92px; text-align: center; line-height: 20px; z-index: 2; letter-spacing: 0.5px; border-radius: 0; font-weight: 600; } .elementor-widget-ceaposts .blog-wrapper .blog-inner .post-thumb img{ max-width: none; width: 100%; margin-top: 0px; } .elementor-widget-ceaposts .blog-inner .read-more { position: relative; z-index: 2; } .elementor-widget-ceaposts .blog-inner .read-more:before { content: ""; position: absolute; right: 0; transform: translateY(-50%) skewX(-40deg); width: 15px; height: 4px; top: 50%; } .elementor-widget-ceaposts .blog-inner .read-more::after { content: unset; transition: all .3s; position: absolute; right: 30px; opacity: 0; } .elementor-widget-ceaposts .blog-inner .read-more:hover:after { right: -20px; opacity: 1; transition: all .3s; } .elementor-widget-ceaposts .blog-inner .read-more:hover, .elementor-widget-ceaposts .blog-inner .read-more, .elementor-widget-ceaposts .blog-inner .read-more::before, .elementor-widget-ceaposts .blog-inner .read-more:hover::after, .elementor-widget-ceaposts .blog-inner .read-more:hover::before { transition: all .3s; } .blog-style-classic-pro .blog-inner .nav.top-meta-list, .blog-style-classic-pro .blog-inner .top-meta, .blog-style-classic-pro .blog-inner .bottom-meta { line-height: 1; } .blog-style-classic-pro .blog-inner .top-meta { font-size: 14px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .blog-style-classic-pro .blog-inner .post-category { text-transform: uppercase; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .blog-style-classic-pro .blog-inner .post-title-head { position: relative; } .blog-style-classic-pro .blog-inner .post-details-outer .post-category .before-icon { display: none; } .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner { box-shadow: 0 0 10px 5px rgb(0 0 0 / 0.03); } .elementor-widget-ceaposts .blog-style-default .blog-inner { border: none; margin-top: 2px; } .elementor-widget-ceaposts .blog-style-default .blog-inner .post-date a { top: 16px; right: -8px; } .elementor-widget-ceaposts .blog-style-list .blog-inner { border: none; } .blog-style-classic-pro.blog-dark .blog-inner .post-details-outer { background: #142029; } .blog-style-classic-pro.blog-dark .blog-inner .post-title-head { border-bottom-color: #2e3b44; } .blog-style-list.blog-dark .bottom-meta { padding-top: 17px; margin-top: 30px; border-top: 1px solid #2e3b44; } .blog-style-classic-pro .blog-inner .post-author a > span.author-name, .blog-style-classic-pro .blog-inner .post-details-outer .post-category a { color: #959595; } .cea-counter-wrapper.cea-counter-style-classic { border: none; } /* Pricing */ .pricing-table-wrapper.pricing-style-default .pricing-content { border-bottom: 1px solid #ECECEC; } .pricing-style-default a.cea-button { display: block; } .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); } .cea-switcher-header ul.nav>li { line-height: 1; } .entry-content .cea-switcher-header ul { margin-bottom: 0; } .pricing-style-classic.pricing-table-wrapper ul > li { text-align: left; } .pricing-style-classic.pricing-table-wrapper ul > li:after { content: "\f271"; font-family: 'bootstrap-icons'; position: absolute; right: 0; } .pricing-style-classic .pricing-table-info > *.price-text span { color: transparent; } .pricing-style-default .pricing-inner-wrapper>.pricing-image { padding: 10px; border: solid 1px; border-radius: 50%; } .pricing-list .cea-icon-list-item span.cea-icon-list-icon i { font-size: 20px; line-height: 25px; margin-right: 10px; } /* 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-bottom: 0; } .nav.nav-tabs.cea-tabs .nav-link { border: 0; box-shadow: 0px 10px 40px 0px rgb(16 16 16 / 6%); } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs .nav-link { display: block; } .cea-tab-elementor-widget a.nav-item.nav-link.active img { filter: brightness(0) invert(1); } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs { background-color: var(--light-color); padding: 30px 20px 32px 30px; box-shadow: 0px 0px 32px 0px rgb(80 80 80 / 10%); } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs .nav-link { box-shadow: none; position: relative; } .feature-box-wrapper > .media > *:first-child { margin-right: 15px; } .feature-box-wrapper.feature-box-classic > .media > *:first-child { max-width: 65%; } .cea-tab-elementor-widget.tab-style-2.cea-vertical-tab a.nav-item.nav-link:before { left: 0; bottom: 0; top: 1px; width: 6px; content: ""; height: 0px; left: -31px; border-radius: 0; position: absolute; transition: 0.4s all ease-in-out; } .cea-tab-elementor-widget.tab-style-2.cea-vertical-tab a.nav-item.nav-link.active:before { height: 100%; } .tab-style-3.cea-vertical-tab .cea-tabs, .tab-style-3.cea-vertical-tab .cea-tab-content { width: 50%; } .tab-style-3.cea-vertical-tab .cea-tabs { padding-top: 42px; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link * { margin-bottom: 0; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link { display: flex; line-height: 1; position: relative; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link { margin-bottom: 44px; box-shadow: none; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-icon { position: absolute; z-index: 1; border: solid 5px #fff; border-radius: 50%; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-icon { width: 70px; height: 70px; line-height: 64px; background: #f3f7fa; display: block; text-align: center; padding: 0; margin-right: 8px; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-title { background: #f3f7fa; border-radius: 100px; padding: 20px 65px 20px 100px; display: inline-block; position: relative; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:first-child, .elementor-element .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:last-child { margin-left: 160px; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:nth-child(2), .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:nth-child(4) { margin-left: 53px; } /* Services Grid */ .service-style-default .service-inner { position: relative; box-shadow: 3px 5px 41px 0px rgb(2 24 93 / 6%); } .service-style-default .owl-carousel-item .service-inner { position: relative; } .service-style-default .service-inner:hover:before { transition: all .3s; } .service-style-classic-pro .post-details-outer { margin: 0; padding: 10px 32px 26px 32px; overflow: visible; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04); } .service-style-default .service-inner .service-icon-img-wrap { width: 90px; height: 90px; line-height: 90px; padding: 23px 20px 0; background: #ffffff; border-radius: 50%; display: block; text-align: right; margin: auto; margin-left: 0; margin-top: -50px; position: relative; z-index: 2; transform: rotateY(0deg); } .service-style-default .service-inner .service-icon-img-wrap{ display: flex; margin-left: auto; position: absolute; flex-direction: column; transform: translateY(-150px); transition: .3s; margin-top: 0; top: 30px; } .service-style-default .service-inner:hover .service-icon-img-wrap { transform: rotateY(180deg); } .service-style-default .service-inner .service-icon-img-wrap:before { content: ""; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; background: #fff; border-radius: 50%; z-index: -1; border: solid 1px; } .service-style-default .service-inner .service-icon-img-wrap, .service-style-default .service-inner:hover .service-icon-img-wrap { transition: all .3s; } .service-style-default .service-inner .read-more { position: relative; } .service-style-default .service-inner .read-more:after { content: unset; transition: all .3s; position: absolute; right: 30px; opacity: 0; transition: all .3s; } .service-style-default .service-inner .read-more:hover:after { right: -20px; opacity: 1; transition: all .3s; } .service-style-default .post-thumb { border-radius: 0; } .service-style-default .service-inner .entry-title { width: 100%; height: 100%; position: relative; padding: 15px 30px 18px 20px; z-index: 1; overflow: hidden; } .service-style-default .service-inner .read-more:before { width: 20px; content: "\F144"; font-family: 'bootstrap-icons'; font-size: 23px; position: absolute; left: auto; right: 0; top: 50%; transition: all .3s; } .service-style-default .service-inner .read-more:hover::before { width: 0; transition: all .3s; } .service-style-classic-pro .post-details-outer:before { content: ""; position: absolute; bottom: -13px; width: 46px; right: 18px; max-width: 100%; height: 86px; background-repeat: no-repeat; transform: rotate(28deg); background-size: 71%; opacity: 0.3; } .service-style-classic-pro .service-inner .post-details-outer .service-icon-img-wrap { position: absolute; right: 5px; top: -91px; margin: 0; width: 86px; height: 86px; z-index: 1; padding: 16px; } .service-style-classic-pro .service-inner:hover .post-details-outer .service-icon-img-wrap { background-color: var(--light-color); right: 15px; top: -100px; } .service-style-classic-pro .service-inner .post-thumb:before { content: ""; top: 0; right: 0; left: 0; bottom: 0; position: absolute; opacity: 0; width: 0; } .service-style-classic-pro .service-inner:hover .post-thumb:before { background: rgb(248 56 57 / 81%); width: 100%; opacity: 1; } .service-style-classic-pro .service-inner .post-details-outer .service-icon-img-wrap img { filter: brightness(100); transform: rotateY(0deg); } .service-style-classic-pro .service-inner:hover .post-details-outer .service-icon-img-wrap img { filter: none; transform: rotateY(180deg); } .service-style-classic-pro .service-inner .post-excerpt { position: absolute; top: -74px; left: 0px; color: var(--light-color); max-width: 60%; opacity: 0; margin-bottom: 0; transition: all .3s; } .service-style-classic-pro .service-inner:hover .post-excerpt { opacity: 1; top: -84px; left: 30px; } .service-style-classic-pro .service-inner:hover .post-details-outer .service-icon-img-wrap img, .service-style-classic-pro .service-inner .post-details-outer .service-icon-img-wrap img { transition: all .4s; } .service-style-classic-pro .service-inner:hover .post-details-outer .service-icon-img-wrap, .service-style-classic-pro .service-inner:hover .post-thumb:before, .service-style-classic-pro .service-inner .post-thumb:before { transition: all .3s; } .service-style-classic-pro .post-details-outer .service-icon-img-wrap:first-child { margin-top: 0; } .service-style-classic-pro .service-inner:hover .post-details-outer { -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } .service-wrapper .owl-carousel .owl-dots { margin-top: 8px; } .service-style-classic-pro .service-inner .post-thumb.post-overlay-active { position: relative; overflow: hidden; } .service-style-classic-pro .service-inner .post-thumb.post-overlay-active:before { position: absolute; content: ""; top: 0; left: 0; height: 0; width: 100%; opacity: 0; z-index: 1; -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } .service-style-classic-pro .service-inner:hover .post-thumb.post-overlay-active:before { height: 100%; opacity: 1; -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .6s cubic-bezier(.165,.84,.44,1) .2s; } .service-style-classic-pro .service-inner:hover .post-thumb.post-overlay-active .post-overlay-items { height: 100%; opacity: 1; -webkit-transition: .7s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .7s cubic-bezier(.165,.84,.44,1) .2s; } .service-style-classic-pro .service-inner .post-thumb.post-overlay-active .post-overlay-items { opacity: 0; z-index: 2; -webkit-transition: .7s cubic-bezier(.165,.84,.44,1) .2s; -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s; transition: .7s cubic-bezier(.165,.84,.44,1) .2s; } .service-wrapper.service-style-default .owl-carousel .owl-nav .owl-prev { margin-right: 60px; } .service-wrapper.service-style-modern .service-icon-img-wrap img { border: none; } .service-wrapper.service-style-list .service-icon-img-wrap img, .service-wrapper.service-style-modern .service-icon-img-wrap img { margin: 0; } .service-style-list .service-inner .media-body { padding: 0px 30px 0 36px; } .service-style-modern .post-thumb { border-radius: 0; margin-left: -30px; margin-right: -30px; } .service-style-modern .service-inner { position: relative; box-shadow: 3px 5px 41px 0px rgb(2 24 93 / 6%); border-radius: 0; } .service-style-modern .service-inner:before { content: ""; position: absolute; right: -43px; transform: skewX(-45deg); width: 86px; height: 85px; background: #f7f7f7; top: 0; z-index: 0; transition: all .3s; } .service-style-modern .service-inner:hover:before { opacity: 1; transition: all .3s; } /* Service Classic */ .service-style-classic .service-inner { position: relative; } .service-style-classic .post-thumb { border-radius: 0; } .service-style-classic .post-thumb:before { content: ""; position: absolute; left: 0; top: 0; right: 0; width: 0; bottom: 0; opacity: 0; transition: all .3s; background: linear-gradient(to bottom,rgba(0,0,0,0) -5.4%,#14212a 86%); } .service-style-classic .service-inner:hover .post-thumb:before { opacity: 1; width: 100%; transition: all .3s; } .service-style-classic .service-inner .service-icon-img-wrap { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .service-style-classic .service-inner:hover .service-icon-img-wrap { opacity: 1; border-radius: 50px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .service-style-classic .service-inner .entry-title:before { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: transparent; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .service-style-classic .service-inner:hover .entry-title:before { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transform: scaleY(1); transform: scaleY(1); } .service-wrapper.service-style-classic .service-inner .entry-title:after { content: ""; position: absolute; right: 0px; left: auto; bottom: 0px; width: 0; height: 0; border-bottom: 58px solid #f7f7f7; border-left: 100px solid #fff; transition: all 0.3s; opacity: 1; } .service-wrapper.service-style-classic .service-inner:hover .entry-title:after { opacity: 0; transition: all 0.3s; bottom: -100%; z-index: -1; } .service-style-classic .post-title-head { padding-bottom: 0; } .service-wrapper.service-style-classic .service-inner:hover .post-title-head a { color: #fff; } .service-style-classic .service-icon-img-wrap { width: 70px; height: 70px; background-color: var(--light-color); position: absolute; right: 10px; top: auto; bottom: 28px; padding-top: 13px; z-index: 9; } .service-style-classic .post-excerpt { position: absolute; bottom: 80px; padding: 0 30px; color: var(--light-color); text-align: left; opacity: 0; transition: all .3s; } .service-style-classic .service-inner:hover .post-excerpt { opacity: 1; } .service-style-classic .entry-title { width: 100%; height: 100%; position: relative; margin-top: -82px; margin-right: 25px; margin-left: 25px; padding: 15px 30px 18px 20px; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); z-index: 1; overflow: hidden; } .service-style-modern.service-light .service-inner .service-icon-img-wrap { max-width: 75px; } /* Service Single */ .single .service-img, .single .service-img img { border-radius: 0; } .service .service-info-wrap { padding: 0 0px; } .single-cea-service .service-content { padding: 0; } .widget-area-left .contact-widget-info > p > span.bi, .widget-area-right .contact-widget-info > p > span.bi { font-size: 15px; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%) rotateY(0deg); width: 30px; height: 30px; line-height: 35px; text-align: center; color: #fff; border-radius: 50%; transition: all .3s; } .widget-area-left .contact-widget-info > p, .widget-area-right .contact-widget-info > p { position: relative; margin-bottom: 20px; } .widget-area-left .contact-widget-info p span:last-child, .widget-area-right .contact-widget-info p span:last-child { padding-left: 48px; display: block; color: #141422; } .widget-area-left .contact-widget-info > p a, .widget-area-right .contact-widget-info > p a { color: #141422; } .widget-area-left .contact-widget-info > p:hover span.bi { transition: all .3s; transform: translateY(-50%) rotateY(180deg); } .service-info-wrap .feature-box-wrapper > .media > *:first-child { margin-right: 25px; } .widget-area-left .contact-widget-info p:before { border-bottom: solid 1px #f5c6c7; } .widget-area-left .contact-widget-info p:last-child:before { border-bottom: 0; } .widget-area-left .contact-widget-info > p > span.bi{ position: absolute; width: 35px; height: 35px; left: -2px; top: 50%; transform: translateY(-50%); } /* Portfolio */ /* Portfolio Single */ .single-cea-portfolio .portfolio-image { box-shadow: none; border-radius: 0; overflow: hidden; } .portfolio-single .portfolio-format { padding-bottom: 50px; border-bottom: none; margin-bottom: 0; } .portfolio-single .portfolio-video.post-video-wrap .video-play-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; font-size: 84px; color: #fff; width: 100px; height: 100px; line-height: 106px; border-radius: 50%; margin: auto; } .portfolio-single .portfolio-video.post-video-wrap iframe { height: 425px; border-radius: 10px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { border-bottom: 1px solid #e8e8e8; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li:first-child { padding-top: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > .portfolio-meta-title-wrap { width: 48%; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > ul >li, .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { font-size: 16px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li h6 { margin-bottom: 0; letter-spacing: 0; font-weight: 700; font-size: 16px; } .portfolio-meta ul.nav.social-icons > li > a { color: var(--dark-txt-clr); height: 35px; width: 35px; line-height: 35px; border: solid 1px; background-color: transparent; } .portfolio-meta ul.nav.social-icons > li > a:hover { color: var(--light-color); } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon { color: var(--light-color) !important; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon { display: inline-block; font-size: 14px; width: 30px; height: 30px; line-height: 25px; margin-right: 12px; text-align: center; border-radius: 0; color: #fff; position: relative; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon i { position: relative; font-size: 15px; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon:after { content: ""; position: absolute; top: -10px; left: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 10.8675px solid #000; } .portfolio-inner .post-category a { padding-left: 4px; } .portfolio-inner .post-category a:hover { background: transparent; } .portfolio-inner .post-category a:active, .portfolio-inner .post-category a:focus { background: transparent !important; } .portfolio-wrapper .isotope-filter { margin-bottom: 25px; margin-top: 0; } /* Portfolio Filter */ .isotope-filter ul.nav.m-auto.d-block li a { padding: 4px 14px; color: var(--dark-txt-clr); margin: 0; margin-bottom: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; line-height: 1; } .isotope-filter ul.nav li.active a:after, .isotope-filter ul.nav li a:after { left: 0; width: 0%; right: 0; height: 1px; margin: auto; } .isotope-filter ul.nav li.active a:after, .isotope-filter ul.nav li a:hover:after { width: 50%; } /* Portfolio Default */ .mfp-wrap { z-index: 9992; } .portfolio-wrapper.portfolio-style-default .isotope-filter ul.nav li a:after, .portfolio-wrapper.portfolio-style-default .isotope-filter ul.nav li a:before { content: unset; } .portfolio-wrapper.portfolio-style-default .isotope-filter ul.nav li.active a:before, .portfolio-wrapper.portfolio-style-default .isotope-filter ul.nav li:hover a:before { opacity: 1; transition: all .3s; } /* Portfolio Grid */ .portfolio-style-default .portfolio-inner .post-overlay-items ul.nav { margin-bottom: 0; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-category a { font-size: 15px; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-category a:last-child { padding-left: 4px; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-category a:hover { background: transparent; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-category { color: var(--light-color); } .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a { background: var(--light-color); width: 50px; height: 50px; line-height: 53px; display: inline-block; margin: 0 6px; border-radius: 50%; font-size: 18px; } .portfolio-style-default .portfolio-inner .post-overlay-items .post-icons a { color: var(--dark-bg) } .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a.image-gallery-link { width: 70px; height: 70px; line-height: 70px; font-size: 24px; border-radius: 0; position: relative; color: var(--dark-txt-clr); background-color: transparent; } .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a.image-gallery-link:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; transform: rotate(45deg); border: solid 1px; transition: all .3s; } .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a.image-gallery-link:hover:before { transform: rotate(-45deg); transition: all .3s; } .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons li.post-link-wrap { display: none; } .portfolio-single.portfolio-model-2 .col-sm-4 { position: absolute; top: 0; right: 0; flex: 0 0 auto; width: 35%; } .portfolio-single.portfolio-model-2 .col-sm-12 { flex: 0 0 auto; width: 65%; } .row.portfolio-details .col-sm-8 { flex: 0 0 auto; width: 100%; } .portfolio-style-default .post-overlay-items { -webkit-backdrop-filter: none; backdrop-filter: none; border: none; background-color: transparent; } .portfolio-style-default .active .portfolio-inner .post-thumb:before { opacity: 0; bottom: -121%; } .portfolio-style-default .active.center .portfolio-inner .post-thumb:before { opacity: 1; bottom: -68%; z-index: 2; border-radius: 50%; top: auto; } .portfolio-style-default .post-overlay-items { top: auto; left: 0%; bottom: 7px; } .portfolio-inner:hover .post-overlay-items { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } .owl-item.active.center .portfolio-inner .post-overlay-items { opacity: 1; } /* Portfolio Classic */ .portfolio-style-classic .portfolio-inner .post-category { position: relative; color: #fff; opacity: 0; transition: all .4s; } .portfolio-style-classic .portfolio-inner .post-thumb.post-overlay-active:after { content: unset; } .portfolio-style-classic .portfolio-inner:hover .post-category, .portfolio-style-classic .portfolio-inner:hover .post-overlay-items { opacity: 1; transition: all .4s; } .portfolio-style-classic .portfolio-inner:hover .post-thumb.post-overlay-active .post-overlay-items .post-icons .post-magnific-wrap { transform: scale(1); transition: all .4s; } .post-magnific-wrap .ti-zoom-in:before { content: "\e61a"; color: #ffffff; } .portfolio-style-classic .portfolio-inner .post-title-head { display: inline-flex; padding: 10px 21px 14px; font-size: 26px; line-height: 1; margin-top: 0; margin-right: 14px; } .portfolio-style-classic .portfolio-inner .post-overlay-items a.post-title:hover { color: rgba(255, 255, 255, 0.726); } .portfolio-style-classic .portfolio-inner .post-thumb.post-overlay-active .post-overlay-items .post-icons .post-magnific-wrap .post-magnific.image-gallery-link { width: 50px; height: 50px; font-size: 20px; line-height: 50px; border-radius: 0; background-color: var(--dark-bg); } .portfolio-style-classic .portfolio-inner .post-overlay-items { justify-content: unset; flex-direction: unset; } .portfolio-style-classic .portfolio-inner .post-icons ul { margin-bottom: 0; } .portfolio-style-classic .portfolio-inner .post-thumb.post-overlay-active .post-overlay-items .post-icons .post-link-wrap { display: none; } /* Portfolio Modern */ .portfolio-style-modern .post-icons { position: relative; } .portfolio-style-classic-pro .portfolio-inner .post-category a { padding-left: 4px; } /* Single Gallery Columns */ .portfolio-single .isotope[data-cols="1"] img { width: 100%; } .portfolio-single .isotope[data-cols="2"], .portfolio-single .isotope { display: grid; grid-template-columns: auto auto; gap: 20px; } .portfolio-single .isotope[data-cols="3"] { display: grid; grid-template-columns: auto auto auto; gap: 20px; } .portfolio-single .isotope[data-cols="4"] { display: grid; grid-template-columns: auto auto auto auto; gap: 20px; } .portfolio-single .isotope[data-cols="5"] { display: grid; grid-template-columns: auto auto auto auto auto; gap: 20px; } .portfolio-single .isotope[data-cols="6"] { display: grid; grid-template-columns: auto auto auto auto auto auto; gap: 20px; } .portfolio-single .portfolio-sub-title { text-align: center; padding: 10px 30px; position: absolute; z-index: 9; right: 15px; color: #fff; border-bottom-left-radius: 10px; } .portfolio-single .isotope .cpt-item figure { margin-bottom: 0; } .row.portfolio-details .section-title-wrapper .section-description { max-width: 100%; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > .portfolio-meta-title-wrap { width: 48%; } .single ul.portfolio-meta-list { padding: 40px 41px; box-shadow: none; border-radius: 0; position: relative; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { border-bottom: 1px solid #e3e3e3; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { padding: 21px 0px 22px; } .single ul.portfolio-meta-list .portfolio-categories li { padding-right: 5px; } .single ul.portfolio-meta-list .portfolio-categories li:last-child { padding-right: 0; } /* Testimonials */ .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner { border-radius: 0; border-bottom: solid; } .testimonial-style-default .testimonial-inner:before { content: ""; position: absolute; width: 100px; height: 80px; line-height: 70px; right: 0; top: 0; transition: all .3s; } .testimonial-style-default .testimonial-inner::after { content: "\f6b0"; font-family: 'bootstrap-icons'; top: 25px; right: 26px; position: absolute; font-size: 50px; transition: all .3s; } .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner:hover:before { transition: all .3s; } .testimonial-style-default .testimonial-inner:hover::after { color: #fff; transition: all .3s; } .testimonial-style-classic.testimonial-slide-model .testimonial-inner, .testimonial-style-list.testimonial-slide-model .testimonial-inner { margin: 0; } .testimonial-wrapper.testimonial-style-classic .testimonial-inner { border-radius: 0; border: none; } .testimonial-rating { font-size: 16px; line-height: 1; text-align: center; } .testimonial-rating i { padding: 0 2px; } .cus-testdark .testimonial-rating i { padding: 0 2px; } .cus-testdark .testimonial-rating { font-size: 13px; } .cus-testimonial-page .testimonial-style-list .testimonial-inner .testimonial-rating { left: 42px; bottom: 59px; top: auto; } .testimonial-style-list .testimonial-inner { padding: 0; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: auto; margin-right: 5.8%; position: relative; z-index: 1; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list .post-thumb { margin-right: 4.8%; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list .testimonial-inner .post-excerpt { position: relative; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list .testimonial-inner .post-excerpt::before { content: ""; width: 64px; height: 64px; background-size: contain; position: absolute; bottom: -104px; right: 54px; background-repeat: no-repeat; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list a.client-name, .cus-testimonial-page .testimonial-style-list .top-meta { text-align: left; padding-right: 0; } .testimonial-wrapper.testimonial-style-list .post-thumb img { margin-right: 0; } .testimonial-style-list .testimonial-inner .post-thumb:after { content: unset; } .testimonial-style-list .testimonial-designation { margin-top: 11px; } .testimonial-style-list .testimonial-inner:after { content: unset; height: 70px; width: 70px; line-height: 70px; border-radius: 50%; position: absolute; top: 65px; right: 118px; font-size: 29px; text-align: center; background: var(--light-color); } .testimonial-style-list .owl-carousel .owl-nav { right: 40px; position: absolute; top: -7px; } .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media { align-items: start; } .testimonial-style-list .testimonial-inner .media-body { padding-bottom: 0; padding-right: 0; } .testimonial-style-list .owl-prev, .testimonial-style-list .owl-next { left: auto; top: auto; bottom: 26px; right: 90px; border-radius:0%; } .testimonial-style-list .owl-next { top: auto; } .testimonial-style-list .owl-prev { right: 102px; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner .post-thumb:before { content: "◆"; font-size: 80px; position: absolute; transform: translateX(-50%); bottom: -20px; left: 50%; color: #091216; } .testimonial-style-modern .testimonial-inner .post-thumb > a > img { border: solid 1px; padding: 8px; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner:after { content: unset; } .testimonial-style-classic .owl-carousel .owl-dots { right: 40px; left: auto; margin: auto; bottom: 13px; } .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { content: unset; width: 56px; position: absolute; top: 50%; height: 1px; background: #fff; line-height: 50px; } .owl-carousel .owl-nav .owl-prev:before { left: -24px; } .owl-carousel .owl-nav .owl-next:before { right: -27px; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { margin-top: 0px; } .owl-carousel .owl-nav .owl-prev:after, .owl-carousel .owl-nav .owl-next:after { content: ""; color: #fff; font-size: 18px; position: absolute; transform: translateX(-50%); } .owl-carousel .owl-nav .owl-prev:after { left: -24px; transition: all .3s; } .owl-carousel .owl-nav .owl-next:after { right: -41px; transition: all .3s; } .owl-carousel .owl-nav .owl-prev:hover:after, .owl-carousel .owl-nav .owl-next:hover:after { transform: translateX(-50%) rotate(90deg); transition: all .3s; } .testimonial-wrapper.testimonial-style-list .testimonial-rating { font-size: 19px; line-height: 1; text-align: center; letter-spacing: 4px; } .testimonial-style-list .top-meta ul li { margin-right: 0; } .portfolio-style-default .owl-carousel .owl-nav { text-align: center; text-align: -webkit-center; font-size: 0px; right: 41px; position: absolute; top: -55px; } .portfolio-slide-model .owl-next, .portfolio-slide-model .owl-prev { display: inline-block; padding: 0 10px; color: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .portfolio-slide-model .owl-next { right: 15%; } .portfolio-slide-model .owl-prev { margin-right: 0; left: 15%; } .portfolio-style-default .owl-carousel .owl-nav .owl-prev, .portfolio-style-default .owl-carousel .owl-nav .owl-next { color: #fff; font-size: 12px; left: auto; right: auto; } .portfolio-style-default .owl-carousel .owl-nav .owl-prev { left: -47px; } .portfolio-style-default .owl-carousel .owl-nav .owl-prev:hover, .portfolio-style-default .owl-carousel .owl-nav .owl-next:hover { background-color: var(--dark-bg); } /* Testimonials Single */ .single .testimonial-info > .testimonial-img { margin-bottom: 15px; } .single .testimonial-content-wrap .testimonial-rating { font-size: 16px; } .testimonial-content-wrap { margin-bottom: 23px; } .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-info > .testimonial-designation-wrap { font-size: 19px; font-weight: 600; color: #262626; } .single .testimonial-content-wrap { margin-bottom: 26px; } /* Feature Box */ .feature-box-wrapper .fbox-content a { color: inherit; } .cus-fb-hover .feature-box-wrapper.feature-box-default { transition: .4s; overflow: hidden; min-height: 221px; background: var(--light-color); } .cus-fb-hover .feature-box-inner { position: relative; transition: .5s; } .cus-fb-hover .cea-feature-box-img { display: inline-block; transition: .4s; } .cus-fb-hover .fbox-content { opacity: 0; transition: .4s; margin-bottom: -28%; opacity: 0; transition: .4s; margin-bottom: -28%; } .feature-box-default figure.cea-feature-box-img { position: relative; } .feature-box-default figure.cea-feature-box-img:before { content: ""; position: absolute; left: 70px; right: 70px; top: 70px; bottom: 70px; background: #ffffffa8; border-radius: 0; transform: scale(0) rotate(45deg); transition: .3s; } .feature-box-default .feature-box-inner:hover figure.cea-feature-box-img:before { transform: scale(1) rotate(45deg); transition: .3s; } .cus-fb-hover .feature-box-wrapper.feature-box-default:hover .feature-box-inner { transform: translateY(-35%); } .cus-fb-hover .feature-box-wrapper.feature-box-default:hover .cea-feature-box-img, .cus-fb-hover .feature-box-wrapper.feature-box-default:hover .cea-featured-icon { opacity: 0; } .cus-fb-hover .feature-box-wrapper.feature-box-default:hover .fbox-content { opacity: 1; } .feature-box-wrapper > a, .feature-box-wrapper:hover > a { color: var(--default-text-color); } .feature-box-wrapper:hover > a .fbox-content { color: var(--default-text-color); } .feature-box-wrapper.feature-box-classic-pro .media-icon-part { margin-right: 20px; } .feature-box-wrapper.feature-box-classic-pro:hover .cea-featured-icon { transform: rotateY(360deg); transition: all .5s; } .feature-box-wrapper.feature-box-classic-pro .cea-featured-icon { transform: rotateY(0deg); transition: all .5s; } .elementor-element.cus-bx .feature-box-wrapper.feature-box-default { position: relative; overflow: hidden; box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 2%); } .elementor-element.cus-bx .feature-box-wrapper.feature-box-default:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; opacity: 1; z-index: 0; background: linear-gradient(to top,rgba(0,0,0,0) -5.4%,rgb(255 255 255) 50%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .elementor-element.cus-bx .feature-box-wrapper.feature-box-default:hover:before { background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .cea-view-framed .cea-featured-icon { margin-right: 21px; } .cea-view-framed.fb-cus .cea-featured-icon, .cea-view-framed .feature-box-wrapper.feature-box-classic-pro .cea-featured-icon { margin-right: 0; } /* Feature Classic */ .feature-box-wrapper.feature-box-classic { border: none; } .feature-box-wrapper.feature-box-classic .feature-box-inner { position: static; } .elementor-widget-container.feature-box-wrapper.feature-box-classic:before, .elementor-widget-container.feature-box-wrapper.feature-box-classic:after { content: unset; } .feature-box-wrapper.feature-box-classic .cea-featured-icon { position: absolute; right: 25px; top: 20px; } .feature-box-wrapper.feature-box-classic .fbox-number { position: relative; left: 0; width: auto; text-align: left; background: none; } .feature-box-style-5 .feature-box-wrapper .fbox-number { position: absolute; top: -91px; right: 0; left: 0; margin: auto; width: 50px; height: 50px; line-height: 50px; border-radius: 17px 0; } .fb-home-six .feature-box-default .cea-featured-icon { margin-top: -64px; } /* Border */ .elementor-column.border-left-cls { position: relative; } .elementor-column.border-left-cls:before { content: ""; width: 1px; height: 57%; position: absolute; top: 35px; left: 38px; border: solid 1px; } .feature-box-modern { box-shadow: none; } /* Flipbox */ .flip-box-icon { margin-bottom: 15px; } .flip-box-wrapper .flip-back { z-index: 1; } .flip-box-inner .cea-button-link.elementor-size-sm .cea-button-icon, .feature-box-inner .cea-button-link.elementor-size-sm .cea-button-icon { font-size: 13px; position: relative; top: auto; right: auto; left: auto; padding: 0; background: transparent; line-height: 1; height: auto; } .flip-box-inner .cea-button-link.elementor-size-sm .cea-button-icon i { vertical-align: -1px; } .cea-counter-style-list .media-body.counter-right { display: flex; flex: 100%; } .cea-counter-style-list .media-body.counter-right .counter-value { width: 90px; display: grid; margin-right: 15px; } .cus-service-flip .flip-box-wrapper .flip-front { position: absolute; bottom: 20px; top: auto; left: 20px; right: 20px; border-top: solid 1px #da1318; display: block; transform: scaleY(1); } .cus-service-flip .flip-box-wrapper:hover .flip-front { opacity: 0; transition: all .3s; bottom: -50px; transform: scaleY(0.5); } .cus-service-flip .flip-box-wrapper .flip-front .flip-box-image { position: absolute; display: flex; align-items: center; justify-content: center; top: -50px; left: 50%; transform: translateX(-50%); width: 123px; height: 123px; border-radius: 50%; background-image: linear-gradient(0deg, white 0%, #f3f3f3 100%); z-index: 0; border-top: solid 1px #da1318; } .cus-service-flip .flip-box-wrapper .flip-back { top: 20px; left: 20px; right: 20px; bottom: 20px; transform: scale(1, 0); transform-origin: bottom center; transition: transform 500ms ease; } .cus-service-flip .flip-box-wrapper:hover .flip-back { transform: scale(1, 1); transition: transform 500ms ease; } .cus-service-flip .flip-box-wrapper .flip-back:before { content: ""; left: 0; right: 0; bottom: 0; top: 0; position: absolute; height: 194px; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-image { position: absolute; top: 21px; left: 0; right: 0; margin: auto; width: 90px; display: block; height: 90px; line-height: 90px; padding-top: 16px; background: #da1318; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-image img { width: 57px; filter: brightness(100); } .cus-service-flip .flip-box-wrapper .flip-back .flip-content { padding-top: 44px; } .flip-back .cea-button:hover { background: transparent !important; } .flip-back .cea-button-wrapper .cea-button:hover { background: transparent !important; } /* Progress Bar */ .elementor-widget-progress span.elementor-title { text-align: center; } /* Contact Form */ .contact-form-wrapper.cf-style-default span.wpcf7-form-control-wrap input, .contact-form-wrapper.cf-style-default span.wpcf7-form-control-wrap select, .contact-form-wrapper.cf-style-default span.wpcf7-form-control-wrap textarea { margin-bottom: 20px; color: var(--default-text-color); background-color: var(--light-color); } .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 { border: solid 1px #eaeaea; padding: 10px 15px !important; height: 55px; line-height: 55px; } select.wpcf7-form-control { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==)!important; background-repeat: no-repeat!important; background-position-x: 98%!important; background-position-y: 49%!important; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; appearance: none!important; } .contact-form-wrapper span.wpcf7-form-control-wrap select { line-height: 1; } .contact-dark .contact-form-wrapper span.wpcf7-form-control-wrap input, .contact-dark .contact-form-wrapper span.wpcf7-form-control-wrap select, .contact-dark .contact-form-wrapper span.wpcf7-form-control-wrap textarea { border-color: rgb(255 255 255 / 21%); } .contact-dark .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit:hover { background-color: #2c323c; } .contact-form-wrapper span.wpcf7-form-control-wrap textarea { height: 130px; margin-bottom: 20px; padding-top: 12px !important; line-height: 1; } .contact-form-wrapper input.wpcf7-form-control.wpcf7-submit { border-radius: 0; padding: 0px 30px 0 30px; margin-top: 0; } .wpcf7-not-valid-tip { font-size: 12px; line-height: 1; position: absolute; bottom: -16px; } /* Modern Form */ .cf-style-modern span.wpcf7-form-control-wrap input, .cf-style-modern span.wpcf7-form-control-wrap select, .cf-style-modern span.wpcf7-form-control-wrap textarea { background: transparent; border: 0; border: 1px solid #ffd3d4; border-radius: 0; } .form-dark .cf-style-modern span.wpcf7-form-control-wrap input, .form-dark .cf-style-modern span.wpcf7-form-control-wrap select, .form-dark .cf-style-modern span.wpcf7-form-control-wrap textarea { border: 1px solid #4f535a; margin-bottom: 20px; } .form-dark .cf-style-modern span.wpcf7-form-control-wrap textarea { margin-bottom: 0; padding-top: 10px !important; } /* Classic */ .contact-form-wrapper.cf-style-classic span.wpcf7-form-control-wrap textarea { padding-top: 15px !important; } .cus-cf-1 .contact-form-wrapper.cf-style-classic span.wpcf7-form-control-wrap textarea { margin-bottom: 16px; } .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 { border: 1px solid #f7f7f7; } /* Popover */ .popover-outer-wrapper.content-visible-hover .popover-content { opacity: 1; visibility: visible; } .cea-view-framed .cea-popup-anything.popup-trigger-icon:after, .cea-view-framed .cea-popup-anything.popup-trigger-icon:before { border-radius: 50%; } /* Timeline */ .timeline > li .timeline-body img { padding: 8px; transition: all .3s; } .timeline > li:hover .timeline-body img { padding: 0; transition: all .3s; } .timeline > li > .timeline-panel:after{ content: unset; } .timeline > li .timeline-panel { border: solid 1px #fff; transition: all .3s; text-align: center; } .timeline > li:hover .timeline-panel { border: solid 1px; transition: all .3s; } .timeline > li { margin-bottom: 80px; } .timeline > li > .timeline-sep-title { font-size: 105px; font-weight: 600; line-height: 1; position: absolute; color: #fdf4f2; margin-left: 134px; } .timeline-sep-title > span { display: block; line-height: 1; margin-top: 0; font-size: 20px; letter-spacing: 4px; font-weight: 600; text-transform: uppercase; position: absolute; right: 0; left: 0; top: 41px; } .timeline > li > .timeline-badge, .timeline-sep-title { top: 50%; left: 50%; margin-left: -25px; transform: translateY(-50%); } .timeline > li > .timeline-badge { width: 70px; line-height: 70px; height: 70px; } .timeline > li.timeline-inverted > .timeline-sep-title { margin-right: 134px; margin-left: 0; } .timeline:before { width: 2px; border-right: 1px solid; left: 50.8%; } .timeline > li:not(.timeline-inverted) { padding-right: 115px; } .timeline > li.timeline-inverted { padding-left: 159px; } .timeline > li > .timeline-sep-title:before { content: ""; left: -76px; width: 60px; height: 1px; z-index: 999; position: absolute; top: 50%; transform: translateY(-50%); } .timeline > li.timeline-inverted > .timeline-badge:before { background: #f9efed; } .timeline > li.timeline-inverted > .timeline-sep-title:before { right: -86px; left: auto; } .timeline > li > .timeline-panel { padding: 38px 40px 38px 40px; } .timeline > li > .timeline-panel .timeline-title { color: #262626; margin-bottom: 18px; } /*-------------------------------------------------------------- 21. Timeline Slide --------------------------------------------------------------*/ ul.cd-timeline-navigation > li, .events-content > ul > li { list-style: none; } .cd-horizontal-timeline { opacity: 0; margin: 0 auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline.loaded { margin: 0; } .cd-horizontal-timeline .timeline:before { border: none; } .cd-horizontal-timeline .timeline { padding: 0; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 72%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #ffffff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #ffffff, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #ffffff, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #ffffff, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .events ul { list-style: unset; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #f74f22; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; padding-bottom: 15px; color: #797979; font-size: 15px; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a.selected:before { position: absolute; content: ""; width: 2px; height: 80px; left: 22px; background: #ccc; bottom: -76px; } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; font-size: 16px; font-weight: 700; color: #252525; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 40px; width: 40px; line-height: 40px; border-radius: 0; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; border: none; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; 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; } .cd-timeline-navigation a:hover { background: #070e20; 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; } .cd-timeline-navigation a.prev::after { content: "❮"; position: absolute; height: 40px; width: 40px; line-height: 39px; left: -5px; top: 19px; bottom: 0; font-size: 18px; right: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; display: inline-block; } .cd-timeline-navigation a.next::after { content: "❯"; position: absolute; height: 40px; width: 40px; line-height: 39px; font-size: 18px; left: -3px; top: 19px; bottom: 0; font-size: 20px; right: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; display: inline-block; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { width: 90%; max-width: 800px; position: relative; margin: 0 auto; padding: 15px; border: 2px solid; border-radius: 0; background-color: var(--light-color); -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content { height: auto !important; overflow: hidden; } .cd-horizontal-timeline .events-content ul { padding-left: 0; padding: 20px; margin-bottom: 0; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; padding: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-weight: 700; font-size: 22px; line-height: 34px; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 7px auto 14px; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 14px; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 30px; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 22px; } .cd-horizontal-timeline .events-content em { font-size: 16px; } .cd-horizontal-timeline .events-content p { font-size: 16px; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /* Counter */ .cea-counter-style-classic span.counter-up { text-decoration: none; text-decoration-thickness: auto; } /* Day Count down */ .day-counter .rounded-circle { border: none; position: relative; transition: all 0.3s; } .day-counter .rounded-circle { border: none; position: relative; transition: all 0.3s; } .day-counter .counter-item { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 1; margin-top: -9px; } .day-counter .counter-item > span { text-transform: uppercase; } .day-counter .rounded-circle:nth-child(2):before, .day-counter .rounded-circle:nth-child(4):before, .day-counter:hover .rounded-circle:nth-child(1):before, .day-counter:hover .rounded-circle:nth-child(3):before { opacity: 0.4; transition: all 0.3s; } .day-counter:hover .rounded-circle:nth-child(2):before, .day-counter:hover .rounded-circle:nth-child(4):before { opacity: 1; transition: all 0.3s; } /* Client Slider */ .elementor-widget-image-carousel .swiper-slide-inner img { transition: all .3s; } .elementor-widget-image-carousel .swiper-slide-inner:hover img { transform: scale(1.1); transition: all .3s; } /* Floating Image */ .cus-float-img .float-parallax img { border-radius: 50%; border: solid 5px; opacity: 0.3; } /* 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); } } .owl-carousel .owl-dots { text-align: center; } .testimonial-style-list .owl-carousel .owl-dots { position: absolute; right: 0; margin-top: 0; left: auto; } .owl-dots button.owl-dot { width: 35px; height: 7px; margin: 0 5px; opacity: 0.5; border-radius: 0; box-shadow: 0 3px 3px rgb(0 0 0 / 15%); transform: scale(1) rotate(0); -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } .owl-dots button.owl-dot.active { width: 35px; height: 7px; border-radius: 0; opacity: 1; box-shadow: 0 3px 3px rgb(0 0 0 / 15%); transform: none; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } .owl-prev, .owl-next { position: absolute; top: 26%; transform: translateY(-50%); right: 0; } .owl-prev { margin-right: 0; left: 0; } .testimonial-style-classic .owl-prev { left: -170px; } .testimonial-style-classic .owl-next { right: -170px; } .cea-carousel-style-default .owl-carousel .owl-dots { text-align: left; margin-top: 0; } .service-slide-model .owl-carousel-item, .blog-slide-model .owl-carousel-item { margin: 0 7px; } .drk-carousel .owl-dots button.owl-dot { background-color: #fff; margin: 0 15px; } .blog-style-classic-pro .owl-carousel .owl-dots { margin-top: 0; } /* Play Icon */ .cea-popup-anything.popup-trigger-txt { width: 100px; height: 100px; display: block; line-height: 100px; border: solid 1px #ffffff; border-radius: 50%; transition: all .3s; } .cea-popup-anything.popup-trigger-txt:hover { opacity: 0.8; transition: all .3s; } /*-------------------------------------------------------------- 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: var(--light-color); 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: var(--light-color); 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 colors */ 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.dark-mode-activated rs-layer-wrap.rs-parallax-wrap, body.dark-mode-activated section.elementor-section.bg-extra .feature-box-wrapper, body.single.dark-mode-activated ul.portfolio-meta-list, body.dark-mode-activated .content-widgets-wrapper .widget_block, body.dark-mode-activated .content-widgets-wrapper .content-widgets > .widget { background-color: var(--dark-bg) !important; color: #fff !important; } body.dark-mode-activated .team-light .team-inner { background-color: var(--dark-bg) !important; } body.dark-mode-activated .sub-title, body.dark-mode-activated .section-title, body.dark-mode-activated .feature-box-wrapper .feature-box-title, body.dark-mode-activated .elementor-title, body.dark-mode-activated .post-title-head, body.dark-mode-activated .post-title-head .post-title, body.dark-mode-activated ul.nav.wp-menu > li > a, 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 .blog-inner .bottom-meta a { color: #fff !important; } body.dark-mode-activated .testimonial-inner .post-excerpt, body.dark-mode-activated .elementor-progress-percentage, body.dark-mode-activated .section-description .section-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 { background: var(--dark-bg-rgba) !important; color: #fff; } body.dark-mode-activated .elementor-widget-container.feature-box-wrapper { background: var(--trans-color) !important; color: #a7a7a7; box-shadow: none !important; } body.dark-mode-activated .blog-wrapper.blog-style-classic-pro .blog-inner, body.dark-mode-activated .service-style-classic .service-inner { background: 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 .beruco-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.Beruco_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 { border-color: var(--bg-ext) !important; } body.dark-mode-activated h2.we-stand__top-title { color: transparent; } body.dark-mode-activated .portfolio-inner .post-overlay-items a.post-title, body.dark-mode-activated h5.slide-box-title { color: initial !important; } .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: #fff; } 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); } body.dark-mode-activated .elementor .elementor-background-overlay, body.dark-mode-activated .insta-footer-wrap:before { background: rgba(0,0,0, 0.5) !important; } body.dark-mode-activated p.wp-block-tag-cloud a.tag-cloud-link { background: #dddddd; } body.dark-mode-activated img.site-logo, body.dark-mode-activated img.sticky-logo { filter: saturate(9); } .dark-mode-activated header.beruco-page-header:after { background: rgb(0 0 0 / 88%); } /* 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 { background: 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 .beruco-masonry > article, body.single-post.dark-mode-activated .comments-wrapper.section-inner input.submit { box-shadow: none; } li.breadcrumb-wrap { list-style: 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; } /* Cost Calculator */ .cus-cc-form .btQuoteBooking .btContactNext { box-shadow: none; } .cus-cc-form .btQuoteBooking .btContactNext { font-size: 16px; letter-spacing: 2px; font-weight: 700; } .cus-cc-form .btQuoteBooking input[type="text"], .cus-cc-form .btQuoteBooking input[type="email"], .cus-cc-form .btQuoteBooking input[type="password"], .cus-cc-form .btQuoteBooking input[type="url"], .cus-cc-form .btQuoteBooking input[type="tel"], .cus-cc-form .btQuoteBooking input[type="number"], .cus-cc-form .btQuoteBooking input[type="date"], .cus-cc-form .btQuoteBooking textarea, .cus-cc-form .btQuoteBooking .fancy-select .trigger, .cus-cc-form .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .cus-cc-form .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText, .cus-cc-form .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText, .cus-cc-form .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { line-height: 55px; min-height: 55px; padding: 0 15px; background-color: #fff; border: 1px solid #eaeaea; border-radius: 0; box-shadow: none; color: #777; } .cus-cc-form .btQuoteBooking .ddChild { top: auto !important; } .cus-cc-form .btQuoteBooking .btContactSubmit { font-size: 16px; letter-spacing: 1.5px; border-radius: 0; padding: 12px 35px; } .cus-cc-form .btQuoteBooking .btContactNext:hover, .cus-cc-form .btQuoteBooking input[type="text"]:focus, .cus-cc-form .btQuoteBooking input[type="email"]:focus, .cus-cc-form .btQuoteBooking input[type="url"]:focus, .cus-cc-form .btQuoteBooking input[type="tel"]:focus, .cus-cc-form .btQuoteBooking input[type="number"]:focus, .btQuoteBooking input[type="date"]:focus, .cus-cc-form .btQuoteBooking textarea:focus, .cus-cc-form .btQuoteBooking .fancy-select .trigger.open, .cus-cc-form .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText:focus { box-shadow: none; } /*-------------------------------------------------------------- 17. Responsive --------------------------------------------------------------*/ @media only screen and (min-width: 1700px) { .single-post .beruco-content-wrap.container, .page.page-id-156 .beruco-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 (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, .beruco-slider-wrapper rs-module rs-mask-wrap .rs-layer.res-sl-none { display: none; } } @media only screen and (max-width: 1540px) { header .navbar > div > ul.nav.pull-right > li:last-of-type .btn.btn-primary { display: none; } 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; } } @media only screen and (max-width: 1400px) { header .navbar > div > ul.nav.pull-right > li:last-of-type .btn.btn-primary { display: none; } 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 { padding: 0 19px; } ul.nav.wp-menu > li > a, .header-navbar.navbar .wp-menu li > ul.sub-menu li a { font-size: 12px; } ul.nav.wp-menu > li { padding: 0 11px; } .header-navbar a.h-phone { font-size: 15px; display: none; } .elementor-widget-star-rating .elementor-star-rating__wrapper { display: block; } header .navbar > div > ul.nav > li { padding-right: 15px; } ul.nav.wp-menu > li.menu-item-has-children > a:after { font-size: 9px; } } @media only screen and (max-width: 1150px) { .header-navbar a.h-phone { display: none; } .portfolio-single.portfolio-model-2 .col-sm-12 { flex: 0 0 auto; width: 62.666667%; } .portfolio-single.portfolio-model-2 .col-sm-4 { flex: 0 0 auto; width: 37.333333%; } h2.entry-title { font-size: 25px; line-height: 34px; } .topbar-ul.pull-right > li:first-child { display: none; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-image { position: relative; top: auto; left: auto; right: auto; margin: auto; } .cus-service-flip .flip-box-wrapper .flip-back { padding: 24px 30px 24px 30px !important; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-title { margin: 20px 20px 0px 20px !important; color: var(--dark-txt-clr) !important; } .cus-service-flip .flip-box-wrapper .flip-back .flip-content { padding-top: 15px; } .cus-service-flip .flip-box-wrapper .flip-back:before { content: unset; } } /* 1024 min-width */ @media (min-width: 1024px) { aside .widget-area-left { padding-right: 20px; } } @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) { .full-search-wrapper .search-form { width: 75%; } .beruco-post-banner .banner-inner-col, .beruco-content-wrap.container > .row .col-md-8.order-md-2, .beruco-content-wrap.container > .row .col-md-4.order-md-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .beruco-content-wrap.container > .row .col-md-4.order-md-1, .beruco-content-wrap.container > .row .col-md-8.order-md-2, .beruco-content-wrap.container > .row .col-md-4.order-md-3 { width: 100%; } ul.nav.pagination.post-pagination { padding: 20px 0 60px; } .testimonial-wrapper.testimonial-style-modern ul.nav.pagination.post-pagination { padding: 20px 0 0px; margin-bottom: 0; } .testimonial-wrapper.testimonial-style-modern .testimonial-inner { margin-bottom: 30px; margin-top: 0; } body.page .page-title-wrap, body.error404 .page-title-wrap, body.single .page-title-wrap, body.blog .page-title-wrap, body.search .page-title-wrap, body.archive .page-title-wrap { padding: 40px 0px 40px; } .mobile-menu-floating .header-titles { margin-top: 0; } .mobile-menu-floating .search-form .input-group .btn { padding: 0 20px; } .header-logobar.logobar { display: none; } .beruco-content-wrap.container { width: 100%; } header.beruco-page-header .container { width: auto; } .site-footer-wrap .container { width: auto; } .beruco-content-wrap { padding: 50px 15px !important; } .header-navbar { display: none; } .content-widgets.widget-area-right { padding: 0; } .site-footer-wrap .container { width: auto; max-width: initial; } .site-footer .insta-footer-wrap { z-index: 0; margin: 0; padding: 50px 20px; background-color: unset; } aside.footer-insta-widget.col-12 { background-color: unset; } .footer-widget.contact-widget:before { transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); } ul.nav.ft-feature-wrap { margin-bottom: 30px; } .container, .container-sm { max-width: initial; } .header-mobilebar.navbar { padding: 0; 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%); } .header-mobilebar.navbar > .container { padding: 0 15px; } aside.footer-insta-widget.col-12 .insta-footer-content h3 { padding-right: 0px !important; } aside.footer-insta-widget.col-12 h3 { max-width: 100%; } aside.footer-insta-widget.col-12 { background-color: transparent; } .page-title-wrap .breadcrumb { display: block; } ul.page-title-elements.page-title-center.pull-center h1.page-title { margin-bottom: 10px; } .testimonial-wrapper.testimonial-style-list .post-title-head, .testimonial-wrapper.testimonial-style-list .bottom-meta { transform: translateX(25%) translateY(0%); } .elementor-widget-ceaposts .post-overlay-items > * { display:block; } .tab-style-3.cea-vertical-tab .cea-tabs { padding-top: 0; } .tab-style-3.cea-vertical-tab .cea-tabs, .tab-style-3.cea-vertical-tab .cea-tab-content { width: 100%; justify-content: center; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-icon { width: 58px; height: 58px; line-height: 51px; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:first-child, .elementor-element .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:last-child { margin-left: 0; padding: 0; margin-bottom: 0; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:nth-child(2), .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link:nth-child(4) { margin-left: 0; } .tab-style-3.cea-vertical-tab .cea-tabs > a.nav-item { width: auto; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link { margin-bottom: 0; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link { margin-bottom: 20px; margin-right: 15px; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link { display: inline-block; } .single .row.team .col-sm-7.team-info { padding: 35px 50px 40px; } .single-cea-team .team-info > *.team-title { margin-bottom: 15px; } .team-info > * .col-md-6 { margin-bottom: 0; } .single-cea-team .team-image-wrap img { margin: auto; padding: 0; } .single .row.team .col-sm-5.team-image-wrap { margin-bottom: 10px; } .single .row.team .col-sm-5.team-image-wrap { padding-right: 0; padding-top: 30px; } .single .row.team:before { content:""; } .portfolio-single.portfolio-model-2 .col-sm-4 { position: relative; top: auto; right: auto; } .mobile-menu-floating { padding-top: 51px; } .mobile-menu-wrapper ul.mobile-menu li > a { font-weight: 600; } body.mobile-menu-active .mobile-menu-floating > nav.mobile-menu-wrapper { margin-top: 0; } .mobile-menu-floating i.close-icon:before { content: "\f659"; font-family: 'bootstrap-icons'; border: none; transform: none; font-style: normal; } .mobile-menu-floating i.close-icon:after { content: unset; } .mobile-menu-floating .search-form .input-group .btn > span { font-size: 17px; } body.mobile-menu-active .mobile-menu-floating .form-inline.search-form { margin-top: 40px; padding: 0 15px; } .section-title-wrapper .section-description { margin: 0; max-width: 100%; } .border-shape-top:before, .border-shape-top-left:before, .border-shape-top:after, .border-shape-top-left:after { content: unset; } .blog-style-classic-pro .blog-inner .post-details-outer { position: relative; margin-right: 0; padding: 0px 30px 34px; margin-left: 0; } .blog-style-classic-pro .blog-inner .nav.top-meta-list > li:first-child { position: absolute; top: -46px; } .footer-widgets-wrap { padding-bottom: 60px !important; padding-top: 60px !important; } aside.footer-insta-widget.col-12 .insta-footer-content h3 { padding-right: 0 !important; } .footer-insta-widget .d-lg-flex { display: block !important; } .footer-widget.contact-widget { padding: 31px 19px 36px; border: none; width: 100%; border-radius: 0; } aside.footer-insta-widget.col-12 .insta-footer-content { max-width: 100%; padding-bottom: 40px; text-align: center; } .footer-widgets-wrap .col-md-3, .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(2), .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(3), .footer-widgets-wrap aside.footer-widget-2.col-md-3:last-child { width: 50%; flex: 0 0 auto; } .footer-widgets-wrap aside.footer-widget-2.col-md-3 { margin-bottom: 30px; } .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(2) { padding-left: 33px; } .portfolio-single.portfolio-model-2 .col-sm-12, .portfolio-single.portfolio-model-2 .col-sm-4 { flex: 0 0 auto; width: 100%; } .row.portfolio-details > .col-sm-4 { margin-bottom: 0; } .portfolio-single .portfolio-format { padding-bottom: 40px; } .beruco-masonry .top-meta-wrap { bottom: auto; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-date { position: relative; top: auto; right: auto; margin-right: 12px; } ul.nav.post-meta > li.post-date > a { padding: 10px 15px; } .beruco-masonry .top-meta-wrap { margin-bottom: 17px; margin-top: 20px; } .full-search-wrapper .search-form .input-group .btn { height: 50px; line-height: 50px !important; padding-right: 21px; top: 4px; } .full-search-wrapper form.form-inline.search-form .form-control { font-size: 16px; border-radius: 0; height: 50px; margin-top: 5px; } .full-search-wrapper .input-group:after { bottom: 4px; } .full-search-wrapper { background-color: #fff !important; } .full-search-wrapper { transition: all ease 500ms; transform: translateX(100%); } .full-search-wrapper.search-wrapper-opened { transform: translateX(0%); transition: all ease 500ms; } .cus-service-flip .flip-box-wrapper .flip-back { padding: 24px 30px 24px 30px !important; } .cus-service-flip .flip-box-wrapper .flip-back:before { content: unset; } .cus-service-flip .flip-box-wrapper .flip-back .flip-content { padding-top: 15px; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-title { margin: 20px 20px 0px 20px !important; color: var(--dark-txt-clr) !important; } .cus-service-flip .flip-box-wrapper .flip-back .flip-box-image { position: relative; top: auto; left: auto; right: auto; margin: auto; } .wp-block-search__input { max-width: 100%; } .beruco-content-wrap.container > .row .col-md-4.order-md-3 { margin-top: 30px; } .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; line-height: 1; display: inline-block; right: auto; } .archive .beruco-masonry .top-meta-wrap:nth-child(3), .search .beruco-masonry .top-meta-wrap:nth-child(3), .initiat .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; top: 15px; left: auto; right: 0; display: none; } .single-cea-service .beruco-content-wrap.container > .row .col-md-8.order-md-2, .single-cea-service .beruco-content-wrap.container > .row .col-md-4.order-md-3 { order: 1!important; } .single-cea-service .beruco-content-wrap .col-md-4.order-md-1 { width: 100%; margin-top: 30px; } .portfolio-style-default .active.center .portfolio-inner .post-thumb:before { bottom: 0; height: 20%; border-radius: 0; } .page-title-wrap > ul.page-title-elements > * { margin-top: 5px; } .section-title-wrapper span.elementor-divider-separator:before { border-bottom: solid #ffffff 3px; } .cd-horizontal-timeline .events-content { width: 100%; } .f-bottom-date { font-size: 40px; line-height: 46px; margin-bottom: 8px !important; } .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a { position: relative; top: 0; left: 0; width: auto; padding: 12px 20px 9px; font-size: 16px; } .elementor-widget-ceaposts .cea-carousel .blog-inner { margin: 0 !important; } .portfolio-style-classic .isotope .isotope-item:nth-child(4) .portfolio-inner, .portfolio-style-classic .isotope .isotope-item:nth-child(6) .portfolio-inner { transform: rotate(0deg); margin-left: 0; margin-right: 0; margin-top: 0; } .mobile-menu-floating form.form-inline.search-form .input-group input.form-control { border: solid 1px; border-right: none; } .mobile-menu-floating .search-form .input-group .btn { border-left: none; color: #fff; } .team-wrapper.team-style-list .media { display: block; text-align: center; } .team-wrapper.team-style-list .team-inner { margin-bottom: 50px; } header.beruco-page-header:before { content: unset; } .team-style-list .team-inner .media-body .team-social-wrap { margin-bottom: 0; } .single-cea-service .custom-post-nav { margin-top: 40px; margin-bottom: 0; } .team-wrapper.team-style-list .media .post-thumb { margin-right: 0; } a.full-search-toggle.close { width: 40px; height: 40px; } a.full-search-toggle.close:before, a.full-search-toggle.close:after { right: 19px; top: 12px; height: 15px; } .beruco-masonry .featured-media { margin-bottom: 30px; } .beruco-masonry .bottom-meta-wrap { position: relative; bottom: auto; right: auto; margin-top: 13px; padding-top: 17px; } .beruco-masonry article header.entry-header .entry-title { width: 100%; } .beruco-masonry[data-columns="2"] article header.entry-header .entry-title { margin-bottom: 13px; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-meta .post-more a:before { margin-top: 0; } .beruco-masonry[data-columns="2"] .bottom-meta-wrap { margin-top: 13px; position: relative; left: auto; right: auto; bottom: auto; width: auto; height: auto; } .single-cea-team .team-info .col-md-6.team-experience-wrap { position: relative; left: auto; bottom: auto; padding: 0 !important; border: none; margin: 0 0 10px; background: transparent !important; width: auto; } .single-cea-team .team-info .col-md-6.team-experience-wrap .team-details-label, .single-cea-team .team-info .col-md-6.team-experience-wrap .team-experience { color: var(--dark-txt-clr); } .team-media.media .media-body span.team-experience { font-size: 16px; font-weight: 700; } .single-cea-team .team-info .col-md-6.team-experience-wrap .team-details-icon { width: 50px; height: 50px; line-height: 50px; font-size: 16px; margin-right: 11px; } .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a { display: none; } .blog-style-classic-pro .blog-inner .nav.top-meta-list > li:first-child{ position: relative; top: 0; } } @media only screen and (max-width: 991px) { .single .entry-content h1 { font-size: 44px; line-height: 53px; } .single .entry-content h2 { font-size: 34px; line-height: 43px; } .single .entry-content h3 { font-size: 30px; line-height: 38px; } .beruco-content-wrap.container > .row { display: block; } .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: 27px !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; } .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; } .page-title-wrap .breadcrumb > li > span { line-height: 30px; } .testimonial-style-list .owl-prev, .testimonial-style-list .owl-next { left: auto; right: auto; bottom: -21px; } .testimonial-style-list .owl-prev { margin-left: -65px; } .testimonial-style-list .testimonial-inner .media-body { padding-bottom: 0; padding-right: 0; padding-top: 35px; } .testimonial-wrapper.testimonial-style-list .post-title-head, .testimonial-wrapper.testimonial-style-list .bottom-meta { transform: none; } .testimonial-wrapper.testimonial-style-list .testimonial-inner > *.media { display: block; text-align: center; } .testimonial-wrapper.testimonial-style-list .post-thumb { width: auto; position: relative; top: auto; left: auto; margin: auto 0 20px; text-align: center; } .testimonial-style-classic .owl-carousel .owl-dots { position: relative; right: auto; bottom: auto; } footer .col-md-4 { flex: 0 0 auto; width: 100%; } .no-search-results-form, .service .service-info-wrap { padding-bottom: 25px; } .single-cea-service .col-md-4.order-md-1 { flex: 0 0 auto; width: 100%; } .single-cea-service .content-widgets-wrapper .content-widgets > .widget:last-child { margin-bottom: 0; } .footer-bottom-wrap .row .col-12, .footer-bottom-wrap .nav.copyright-bar-ul { display: block; text-align: center; } .footer-bottom-wrap .nav.copyright-bar-ul { float: none; } .testimonial-inner ul.nav.top-meta-list > li { display: block; margin-right: 0; } .testimonial-style-list .testimonial-inner .testimonial-rating { position: relative; left: auto; bottom: auto; z-index: 1; padding: 20px 10px 0px; background: transparent; } .cus-testimonial-page .testimonial-style-list .testimonial-inner .testimonial-rating { left: auto; bottom: auto; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list .testimonial-inner .post-excerpt::before { content: unset; } .single-post .beruco-content-wrap .col-md-8 article { margin-bottom: 50px; } .pagination-single-inner > h6 > a span.arrow { position: relative; top: auto; display: block; margin: 0 auto 8px; } .pagination-single-inner > h6 > a.next-post span.title { padding-right: 0; } .pagination-single-inner > h6 > a.previous-post span.title { padding-left: 0; } .site-footer .insta-footer-wrap .wp-block-columns.is-layout-flex { display: inline-block; width: 100%; } .footer-widgets-wrap aside.footer-widget-2.col-md-4, .footer-widgets-wrap aside.footer-widget-2.col-md-8 { flex: 0 0 auto; width: 100%; } .footer-widgets-wrap aside.footer-widget-2.col-md-8 { padding-left: 15px; margin-top: 40px; } .site-footer .widget.beruco_mailchimp_widget { margin-top: 0px; } .insta-footer-content h3.mb-4 { margin-bottom: 5px !important; } .wp-block-group.is-nowrap.is-layout-flex.wp-container-7, .wp-block-group.is-nowrap.is-layout-flex.wp-container-11 { background: #fdf2f0; padding: 30px 40px; margin-bottom: 17px; } .blog-style-list .blog-inner .media { display: block; } .blog-wrapper.blog-style-list .blog-inner .media .post-thumb { max-width: 100%; } } @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: 22.5%; } .elements-3 > div > ul.pull-center.justify-content-center { width: 55%; } .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: 815px) { .footer-style-two ul.menu { display: block; } .footer-style-two .widget.widget_nav_menu li { padding-bottom: 14px; } .footer-style-two { text-align: left; } .footer-style-two .text-widget-content img { margin: 0; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li a { padding: 0 21px; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li:first-child a { padding-left: 21px; } .footer-widgets-wrap .footer-style-two .widget_nav_menu li:first-child a::before { content: "◆"; } } @media only screen and (max-width: 768px) { .slide-image-wrap img { max-width: 230px; } .slider-section { padding: 0; } .elementor-column.border-left-cls:before { content: unset; } .day-counter .rounded-circle { margin-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .footer-widgets-wrap aside.footer-widget-2.col-md-3 { flex: 0 0 auto; width: 100%; margin-bottom: 35px; } .footer-widget-email-icon { right: 20px; transform: translateY(-50%) skewX(0deg); } .footer-widget-text h3 { font-size: 34px; } .header-topbar .topbar-left { display: none; } .footer-bottom-wrap ul.nav { margin-bottom: 0; } p.footer-copyright { margin-bottom: 0px; } .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: 42px; line-height: 49px; } 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; } body .insta-footer-wrap { padding: 20px; } body .footer-widgets-wrap { padding: 50px 0 60px 0 !important; } body .beruco-content-wrap { padding-top: 50px; padding-bottom: 50px; } .blog .post-pagination-wrap { margin-bottom: 50px; } .wp-block-search__input { max-width: 85%; } .single-post .beruco-content-wrap .col-md-8 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; } body.page .page-title-wrap, body.error404 .page-title-wrap, body.single .page-title-wrap { padding: 35px 0px; } .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link, .tab-style-3.cea-vertical-tab .cea-tabs, .tab-style-3.cea-vertical-tab .cea-tab-content, .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link *.cea-tab-title { display: block; } .cea-tab-elementor-widget.tab-style-3.cea-vertical-tab a.nav-item.nav-link, .tab-style-3.cea-vertical-tab .cea-tabs .nav-item.nav-link * { margin-bottom: 10px; } ul.nav.social-icons.team-social { justify-content: flex-start; } ul.nav.pagination.post-pagination { padding: 20px 0 20px; } .portfolio-single .row.portfolio-details > div.col-sm-4 { margin-top: 0; margin-bottom: 0; } .timeline > li.timeline-inverted > .timeline-panel:after, .timeline > li > .timeline-panel:after { border: none; } .footer-widgets-wrap .col-md-3, .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(2), .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(3), .footer-widgets-wrap aside.footer-widget-2.col-md-3:last-child { width: 100%; flex: 0 0 auto; } .custom-post-nav { display: flex; justify-content: space-between; align-items: center; } .footer-widgets-wrap aside.footer-widget-2.col-md-3:nth-child(2) { padding-left: 15px; } .footer-widget.contact-widget { padding: 25px 19px 25px; } .footer-widgets-wrap aside.footer-widget-2.col-md-3:last-child { margin-bottom: 0; } .portfolio-inner .post-overlay-items { bottom: 0; max-width: 100%; } .back-to-top { right: 20px; bottom: 25px; width: 35px; height: 35px; } .timeline > li > .timeline-panel { width: 100%; margin-left: 0; text-align: center; } .timeline > li.timeline-inverted { padding-left: 0; } .timeline > li:not(.timeline-inverted) { padding-right: 0; } .timeline > li.timeline-inverted > .timeline-sep-title { margin-right: 0; margin-left: 0; padding-left: 0; text-align: center; } .timeline > li > .timeline-sep-title { font-size: 50px; position: relative; margin-left: 0; text-align: center; margin-top: 12px; margin-bottom: 70px; padding-left: 0; } .timeline-sep-title > span { font-size: 18px; } .timeline > li > .timeline-sep-title:before { content: unset; } .timeline:before { opacity: 0; } .timeline > li { margin-bottom: 30px; } .timeline > li > .timeline-badge { position: relative; top: auto; transform: none; } h4.timeline-title { font-size: 24px; line-height: 28px; } .isotope-filter ul.nav.m-auto.d-block li a { margin-bottom: 20px; } ul.nav.ft-feature-wrap li { display: block; width: 100%; margin-bottom: 30px; } ul.nav.ft-feature-wrap li:last-child { margin-bottom: 0; } .feature-box-wrapper.feature-box-classic > .media > *:first-child, .f-bottom-date { max-width: 100%; } .custom-post-nav .prev-nav-link > a > i, .custom-post-nav .next-nav-link > a > i { top: 50%; transform: translateY(-50%); } .single-cea-testimonial .testimonial { color: #797979; border-radius: 0; box-shadow: none; padding: 0; } .single .testimonial-info > .testimonial-designation-wrap { margin-bottom: 50px; } .back-to-top i { width: 35px; height: 35px; line-height: 35px; } .wp-block-columns.cus-footer-contact { display: block; } .wp-block-columns.cus-footer-contact .wp-block-column:first-child { margin-bottom: 30px; } /* Blog List */ body.blog article.post .media { display: block !important; } body.blog article.post .media figure.featured-media { margin: 0; width: 100%; margin-right: 0px; margin-bottom: 0px; } body.archive article.post .media { display: block !important; } body.archive article.post .media figure.featured-media { margin: 0; width: 100%; margin-right: 0px; margin-bottom: 0px; } .beruco-masonry .media .featured-media-inner.section-inner img{ object-fit: unset; height: auto; margin-bottom: 15px; } } @media only screen and (max-width: 740px){ .single .row.team:before { width: 0; } } @media only screen and (max-width: 712px) { .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; } } @media only screen and (max-width: 680px) { .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a { top: auto; right: 0; margin-top: 25px; right: auto; display: inline-block; width: auto; } .single-post .top-meta-wrap .post-meta.pull-right { float: none; display: block; position: relative; top: auto; left: auto; right: auto; } .single-post .top-meta-wrap:before { right: 0; } .single-post .has-post-thumbnail .top-meta-wrap:nth-child(2) ul.nav.post-meta li.post-date a { display: block; padding: 30px 17px 9px; margin-top: 0; } .portfolio-style-default .active.center .portfolio-inner .post-thumb:before { height: 24%; } .single-post .has-post-thumbnail .top-meta-wrap:nth-child(2) ul.nav.post-meta li.post-date { display: none; } } @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; } .portfolio-single .portfolio-grid-gallery .isotope { display: grid; grid-template-columns: auto; gap: 20px; } aside.footer-insta-widget.col-12 .insta-footer-content h3 { font-size: 30px; line-height: 40px; } .page-title-wrap h1 { font-size: 36px; line-height: 46px; } .wp-block-columns.cus-footer-cols.is-layout-flex { display: block; } .wp-block-columns.cus-footer-cols.is-layout-flex .wp-block-column { margin-bottom: 30px; } } @media only screen and (max-width: 625px) { .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; } } @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: 30px; } .footer-widgets-wrap aside.footer-widget-2.col-md-3:last-child { flex: 0 0 auto; width: 100%; margin-bottom: 0px; } aside.footer-insta-widget.col-12 h3 { max-width: 100%; font-size: 44px; margin-bottom: 10px; } .insta-footer-wrap a.btn { font-size: 16px; padding: 10px 20px 10px 20px; } .elementor-element .elementor-star-rating__wrapper { display: block; } .portfolio-style-default .active.center .portfolio-inner .post-thumb:before { height: 33%; } .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; } a.rsvp-link-txt { padding: 40px 0 34px; } aside.footer-insta-widget.col-12 h3.f-hw-txt { font-size: 60px; line-height: 1; } } @media only screen and (max-width: 545px) { .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { bottom: auto; } .f-bottom-content:before { content: unset; } .team-wrapper.team-style-list .media { margin-bottom: 0; padding: 0; } .team-wrapper.team-style-list .media .post-thumb { margin-bottom: 10px !important; } .custom-post-nav .prev-nav-link > a:after, .custom-post-nav .next-nav-link > a:before { content: unset; } .custom-post-nav { display: block; margin-top: 43px; margin: 40px auto 0 auto; text-align: center; } .custom-post-nav .prev-nav-link { margin-bottom: 14px; } .custom-post-nav .prev-nav-link, .custom-post-nav .next-nav-link { display: block !important; float: none !important; text-align: center; } .custom-post-nav .next-nav-link > a { margin-bottom: 18px; } .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a { text-align: center; float: none; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-category { display: none; } } @media only screen and (max-width: 520px){ .entry-content .blog-inner .bottom-meta-list.meta-right:last-child { display: block; } } @media only screen and (max-width: 480px) { .float-parallax { position: absolute; top: 86% !important; left: 30% !important; display:none; } .bottom-meta-wrap ul.nav.post-meta { float: none; display: block; } .single-post .top-meta-wrap { display: block; } .bottom-meta-wrap ul.nav.post-meta:last-child { margin-bottom: 0; } .beruco-masonry > article .entry-content p { margin-bottom: 18px; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-date span { font-size: 14px; } .single .row.team .col-sm-5.team-image-wrap { padding-top: 0; } .header-titles > *.site-title { font-size: 32px; } .header-mobilebar ul.nav.mobilebar a i { font-size: 19px; } .beruco-masonry article header.entry-header:first-child { padding-top: 42px; } .beruco-masonry article li.post-more.pull-right { float: none; } .beruco-masonry .top-meta-wrap:nth-child(2) { right: auto; top: 30px; } .single-post .bottom-meta-wrap { padding: 30px 0 23px; } .single-post ul.nav.post-meta > li.post-author { margin-bottom: 22px; } .single-post ul.nav.post-meta > li { display: block; } .single-post ul.nav.post-meta > li.post-share-wrap { display: inline-block; } .single-post ul.nav.post-meta li.post-category { padding-left: 18px; } .single-post ul.nav.post-meta > li.post-category:before { left: 2px; } .single-post .has-post-thumbnail .top-meta-wrap:nth-child(2) ul.nav.post-meta li.post-date a { display: inline-block; padding: 10px 17px 9px; margin-top: 15px; } .custom-post-nav .prev-nav-link > a { text-align: left; } .custom-post-nav .next-nav-link > a { text-align: right; } } @media only screen and (max-width: 466px) { ul.nav.pagination.post-pagination > li { margin-bottom: 13px; } } @media only screen and (max-width: 430px) { .beruco-masonry .top-meta-wrap ul.nav.post-meta > li { line-height: 1; display: block; margin-right: 0; } .beruco-masonry .top-meta-wrap { padding: 10px 32px 13px; } .beruco-masonry article header.entry-header:first-child { padding-top: 70px; } .cus-contact a:first-child { display: block; margin-bottom: 12px; } .entry-content .blog-inner .bottom-meta-list.meta-right:last-child { float: none; margin-top: 20px; } .no-search-results-form .no-search-title { font-size: 32px; line-height: 1; } .portfolio-slide-model .owl-next, .portfolio-slide-model .owl-prev { top: 30%; } .content-widgets-wrapper .widget_block, .content-widgets-wrapper .content-widgets > .widget { padding: 20px; margin-bottom: 30px; } .single-post .top-meta-wrap .post-meta.pull-right { top: -63px; right: 0; } .single-post .top-meta-wrap .post-meta.pull-right:nth-child(2) { top: auto; right: auto; } .initiate .beruco-masonry .top-meta-wrap:nth-child(3) { padding: 0; font-size: 13px; } .insta-footer-wrap a.phone { font-size: 24px; line-height: 1.5; margin-bottom: 0px; } aside.footer-insta-widget.col-12 .insta-footer-content h3 { font-size: 25px; line-height: 35px; } .beruco-masonry .top-meta-wrap { text-align: left; } .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-author { margin-bottom: 0; margin-top: 17px; } .beruco-masonry article .entry-header { margin-bottom: 5px; } ul.nav.post-meta > li.post-category:before { left: 4px; } ul.nav>li.header-titles-wrapper > * .site-title a, ul.nav>li.header-titles-wrapper > * .site-title { font-size: 18px; line-height: 1; } .beruco-masonry .bottom-meta-wrap { display: block; } .beruco-masonry .top-meta-wrap { margin-bottom: 12px; margin-top: 20px; } .site-footer .widget.beruco_mailchimp_widget { margin-top: 0px; padding: 36px 45px 110px; background-color: #131a1e; } footer .mailchimp-wrapper .input-group input#zozo-mc-email, .secondary-bar-inner .mailchimp-wrapper .input-group input#zozo-mc-email { width: 100%; margin-bottom: 20px; text-align: center; } footer .mailchimp-wrapper .input-group input.btn.btn-default { width: 100%; } } @media only screen and (max-width: 380px) { .single .row.team .col-sm-7.team-info { padding: 20px 20px 30px; } .single-cea-team .team-info > *.team-title { margin-bottom: 20px; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li { display: block; text-align: center; } .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon { display: block; margin: auto auto 10px auto; } .row.portfolio-details .col-sm-4 > .portfolio-meta ul.portfolio-meta-list > li > .portfolio-meta-title-wrap { width: 100%; } .portfolio-details ul.portfolio-categories.nav, .portfolio-details ul.nav.portfolio-share.social-icons { justify-content: center; } .portfolio-details ul.nav.portfolio-share.social-icons { margin-top: 10px; } ul.nav.pagination.post-pagination > li { margin-bottom: 13px; } .back-to-top { right: 10px; bottom: 10px; } .portfolio-style-default .active.center .portfolio-inner .post-thumb:before { height: 38%; } .comment-respond { padding: 27px 35px 35px; } .single ul.portfolio-meta-list { padding: 30px 25px; } } @media only screen and (max-width: 360px) { .beruco-masonry > article { padding: 21px 25px 44px; } } @media only screen and (max-width: 323px) { .single-post .bottom-meta-wrap ul.nav.post-meta > li.post-tag > a:last-child { margin-top: 15px; } .beruco-masonry .bottom-meta-wrap { margin-top: 7px; padding-top: 19px; } } /*-------------------------------------------------------------- 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; padding-left: 0; } .rtl .widget-content-bx a i { margin-left: 8px; } .rtl ul.nav.copyright-bar-ul { padding: 0; } .rtl aside.footer-insta-widget.col-12 h3 { text-align: right; padding-right: 0 !important; } .rtl aside.footer-widget-2 h5:after { left: -20px; right: auto; } .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.beruco_latest_post_widget .side-item .side-image { margin-left: 15px; margin-right: 0; } .rtl header .navbar > div > ul.nav > li.header-navigation-wrapper { padding-right: 34px; } .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; } .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li a:before { right: 14px; left: auto; } .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover:before { right: 14px; } .rtl header .header-topbar > div > ul.nav.pull-right > li:last-child { padding-right: 35px; border-right: solid 1px rgba(255,255,255,0.2); border-left: none; } .rtl .header-sticky ul.nav.navbar-ul.element-left.right-element-exist .header-titles-wrapper { border-left: solid 1px rgb(0 0 0 / 8%); } .rtl li.header-navigation-wrapper { padding-right: 34px; } .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li a:hover, .rtl .header-navbar.navbar .wp-menu li > ul.sub-menu li.current-menu-item a { padding-left: 0; padding-right: 36px; } .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; } /* 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; } .rtl .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a { right: auto; left: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .rtl ul.nav.navbar-ul.element-left.right-element-exist .header-titles-wrapper { margin-right: -30px; border-left: solid 1px rgba(255,255,255,0.2); } .rtl .testimonial-style-list .testimonial-inner .testimonial-rating { left: auto; right: 90px; } .rtl .section-title-wrapper .title-wrap > *.sub-title { padding-left: 0; padding-right: 31px; } .rtl .section-title-wrapper .title-wrap > *.sub-title:after, .rtl .insta-footer-wrap .sub-title:after { right: 0; } .rtl aside.footer-insta-widget.col-12 .insta-footer-content { max-width: 65%; text-align: right; } .rtl .section-title-wrapper .title-wrap > *.sub-title:before, .rtl .insta-footer-wrap .sub-title:before { left: -29px; } .rtl .insta-footer-wrap .sub-title { padding-left: 0; padding-right: 31px; } /* 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%); transform: translateY(0); transition: all ease 0.35s; margin-bottom: 15px; } .header-navbar.navbar .wp-menu li.cus-img-menu > ul.sub-menu.mega-menu li { border: 0; } .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: 16px; line-height: 30px; display: block; margin-top: 5px; margin-bottom: 0; } .cus-img-menu .menu-item .widget .wp-block-image figcaption a, .cus-img-menu .menu-item .widget .wp-block-image:hover figcaption a { transition: all .3s; } .cus-img-menu .widget.widget_block.widget_media_image figure.wp-block-image { margin: 0px 0 15px; } .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 a { padding: 0; font-size: 14px; } header ul.nav.wp-menu .cus-img-menu ul.sub-menu.mega-menu { padding: 25px 11px 4px; } ul.zhf-nav-menu > li.cus-img-menu > ul.sub-menu.mega-menu > li.mega-menu-col > ul.sub-menu { display: flex; flex-wrap: wrap; } .header-navbar.navbar .cus-img-menu ul.sub-menu.mega-menu ul.sub-menu li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 15px; } .zhf-nav-menu li.cus-img-menu.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu ul.sub-menu li { padding: 0 15px; } .cus-img-menu ul.sub-menu.mega-menu ul.sub-menu li a { padding: 0; } .zhf-nav-menu li.cus-img-menu .menu-item-has-children > a { display: none; } ul.nav.wp-menu .cus-img-menu ul.sub-menu.mega-menu ul.sub-menu { display: flex; flex-wrap: wrap; } 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; } /* 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 25px 0px rgb(0 0 0 / 4%); max-width: 1146px; padding: 25px 10px; flex-wrap: wrap; } header ul.nav.wp-menu .cus-img-menu ul.sub-menu.mega-menu { width: 1146px; } li.cus-img-menu.menu-item.menu-item-has-children.menu-item-has-mega-children { position: static; } .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: 500; 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%); } 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%); } 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: 25px 10px 20px; } .zhf-nav-menu li.menu-item.menu-item-has-children.menu-item-has-mega-children > ul.sub-menu.mega-menu ul.sub-menu li { padding: 0; 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 li { padding: 0; } .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; } .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; } .zhf-full-search-wrapper { background: #09172e; } .zhf-search-toggle-wrap .zhf-icon { padding: 0; } /* 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; } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs:before { top: auto; left: auto; width: auto; height: auto; all:unset; position: relative; background-color: unset; border-radius: 50px; } .cea-tab-elementor-widget.tab-style-2.cea-vertical-tab a.nav-item.nav-link:before { all:unset; } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs { padding: 15px; } .elementor-14656 .elementor-element.elementor-element-241e5b3 .cea-tabs > a:not(last-child) { margin-right: 0; } .tab-style-2.cea-vertical-tab .cea-tabs { vertical-align: top; float: none; display: inline-block; width: 100%; text-align: center; } .tab-style-2.cea-vertical-tab .cea-tab-content { width: 100%; padding-left: 0; } .tab-style-2.cea-vertical-tab .nav.nav-tabs.cea-tabs .nav-link { position: relative; line-height: 43px; } .page-title-wrap:after { left: -64px; } .testimonial-wrapper.testimonial-style-list .owl-carousel .owl-dots { position: relative; left: auto; transform: none; display: block; bottom: auto; margin: 43px auto 0; } .testimonial-wrapper.testimonial-style-list a.client-name, .testimonial-style-list .top-meta, .cus-testimonial-page .testimonial-wrapper.testimonial-style-list a.client-name, .cus-testimonial-page .testimonial-style-list .top-meta { text-align: center; padding-right: 0; } .team-wrapper.team-style-classic .team-inner > *.post-thumb:before { content: unset; } .footer-widgets-wrap .widget_nav_menu li a { padding-bottom: 0; } .cus-testimonial-page .testimonial-wrapper.testimonial-style-list .post-thumb { margin-right: 0; } .elementor-widget-ceaposts .blog-style-list .blog-inner .read-more { top: 90px; left: -25px; } } .page-id-23141 header#site-header { background: transparent; } .primary-menu .menu-item-has-children ul.sub-menu li a { color: initial; } .cus-switcher .cea-switcher-header { position: absolute; top: -75px; right: 0; } .cus-txt-fb { font-size: 18px; font-weight: 600; color: #fff; } .cus-txt-fb i { color: #B674FF; } .cus-review-box .feature-box-wrapper.feature-box-classic-pro .media-icon-part { margin-right: 12px; } .cus-review-box .fbox-content i.bi { color: #fbb54c; font-size: 12px; line-height: 1; } .cus-review-box .review-txt { font-size: 12px; color: #131725; -webkit-text-stroke: 0.3px; letter-spacing: 0.1px; } .cus-review-box .fbox-content { line-height: 21px; } .cus-counter-inner-row { margin-left: 70px; margin-right: 70px; } @media only screen and (max-width: 1024px) { .cus-switcher .cea-switcher-header { position: relative; top: auto; right: 0; } .cus-counter-inner-row { margin-left: 0px; margin-right: 0px; } .cea-counter-style-list .media-body.counter-right { display: flex; flex: 100%; align-items: center; } li.menu-item.menu-item-has-children.menu-item-has-mega-children, li.cus-img-menu.menu-item.menu-item-has-children.menu-item-has-mega-children { position: relative; } }