@charset "UTF-8"; :root { --bs-black:#000000; --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc221c; --bs-orange:#fd7e14; --bs-orange-dark:#ee4a34; --bs-orange-dark-light:#fae4df; --bs-yellow:#ffcc00; --bs-green:#28a745; --bs-teal:#20c997; --bs-cyan:#17a2b8; --bs-white:#ffffff; --bs-gray:#dedede; --bs-gray-light: #f7f7f7; --bs-gray-dark:#343a40; --bs-primary:#e11c09; --bs-primary-dark:#a6460f; --bs-primary-light: #ff3e551f; --bs-primary-shadow:rgb(0 123 255 / 0.5); --bs-secondary:#0d0b1a; --bs-secondary-dark: #000000; --bs-gray-500: #f2f2f2; --bs-gray-500-thumb: #c2c2c2; --bs-success:#28a745; --bs-info:#17a2b8; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#343a40; --bs-font-sans-serif:"Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-font-awesome: "FontAwesome"; --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0)); --bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0)); --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2); --bs-radius: 0.1875rem; --bs-theme-radius: 6.25rem; --bs-transition: all .35s cubic-bezier(.645,.045,.355,1); --bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1); --bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1); } .bg-primary-light { background-color: var(--bs-primary-light); } /* --- Selection Colors --- */ ::-webkit-selection { background-color: var(--bs-primary); color: var(--bs-white); } ::selection { background-color: var(--bs-primary); color: var(--bs-white); } /* ---//--- */ /* --- Scrollbar Colors --- */ ::-webkit-scrollbar { width: 0.625rem; background-color: var(--bs-gray-500); } ::-webkit-scrollbar-thumb { background-color: var(--bs-gray-500-thumb); border-radius: 0.625rem; } ::-webkit-scrollbar-corner { background-color: var(--bs-gray-500); } /* ---//--- */ .navigation-wrapper { width: 100%; } .overlay-enabled { overflow: hidden; } .main-header { position: relative; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--bs-white); -webkit-transition: min-height 0.3s ease; transition: min-height 0.3s ease; width: 100%; z-index: 3; } @media only screen and (min-width: 783px) { body.admin-bar .main-header .is-sticky-menu { top: 32px; } } @media only screen and (max-width: 782px) and (min-width: 601px) { body.admin-bar .main-header .is-sticky-menu { top: 46px; } } h4.site-title::first-letter { color: var(--bs-primary); } .logo a, .mobile-logo a, .site-title { display: block; font-size: 30px; font-weight: 700; line-height: 1.2; white-space: normal; width: 100%; max-width: max-content; height: auto; text-decoration: none !important; } .logo a, .mobile-logo a { margin: auto 0; } a.site-title { margin: auto 0 0; } .site-first-letter, .site-last-letter { color: var(--bs-primary); font-weight: bolder; } .logo a:focus { outline-width: 1px; outline-style: dotted; } .site-description { width: 100%; display: block; font-size: 0.656rem; font-weight: 500; line-height: 1.2; white-space: normal; margin: 0; margin-top: 0.35rem; } .navbar-brand { padding: 0; } .logo img { width: 100%; float: none; margin: 0; } .main-navigation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex-wrap: wrap; min-height: 101px; } .navbar-area { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-pack: end; justify-content: space-between; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; height: 100%; } .main-navbar { text-align: right; position: relative; } .not-included { color: red; display: block; font-size: 0.7em; line-height: 1; padding: 0 0 5px 0; margin-top: 1px; } .main-mobile-build .not-included { margin-top: -6px; } .main-navbar .main-menu > li > a > .not-included { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; max-width: 100%; z-index: 1; bottom: -5px; } .main-header .widget_nav_menu li > a > .not-included, .main-footer .widget_nav_menu li > a > .not-included, .main-footer .main-menu > li > a > .not-included { display: contents; line-height: 0; width: 100%; } .main-footer .main-menu > li > a > .badge, .main-navbar .main-menu > li > a > .badge { position: absolute; top: 1.25rem; right: 0; } .badge { position: relative; } .main-navbar ul.main-menu { display: inline-block; } ul.main-menu { list-style: none; margin: 0px; padding: 0px; display: block; } ul.main-menu li { list-style: none; } .main-menu > li > a, .dropdown-menu li a { position: relative; display: block; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.3px; text-align: inherit; text-decoration: none; z-index: 0; } .main-mobile-menu .main-menu > li > a, .main-mobile-menu .dropdown-menu li a { line-height: 2.8125rem; } .main-navbar:not(.breadcrumb-menu) .main-menu > li > a { line-height: 6.25rem; } .main-mobile-menu .main-menu > li > a, .main-mobile-menu .dropdown-menu li a { font-size: 18px; } .main-menu > li a img { width: auto; height: 15px; display: inline-block; vertical-align: initial; margin: auto; margin-right: 5px; transform: translateY(1px); } .main-footer .main-menu > li > a { padding: 0px 5px; } .widget-left .main-menu > li:first-child > a, .widget-right .main-menu > li:first-child > a { padding-left: 0 } .widget-left .main-menu > li:last-child > a, .widget-right .main-menu > li:last-child > a { padding-right: 0; } .main-footer .main-menu > li > a, .main-navbar .main-menu > li > a { display: inline-flex; } .main-navbar .main-menu > li.menu-item > a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background-color: var(--bs-primary); opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .main-navbar .main-menu > li.menu-item > a:hover:after, .main-navbar .main-menu > li.menu-item > a:focus:after, .main-navbar .main-menu > .menu-item.active > a:after { opacity: 1; width: 100%; } .main-navbar .main-menu > li.menu-item > a { padding: 0 .85rem; } .main-menu > li > a { white-space: normal; border: 0; border-radius: 0; } /* Desktop Menu Start */ .main-footer .main-menu > li, .main-navbar .main-menu > li { display: inline-block; margin: 0 -1px; position: relative; } /* Dropdown Menu Border Start */ .textwidget .about-addresss a { color: var(--bs-white); } .main-footer .widget_nav_menu ul.menu .sub-menu li.menu-item a, .main-header .widget_nav_menu ul.menu .sub-menu li.menu-item a, .main-header .widget_nav_menu ul.menu .sub-menu li.menu-item a { margin: 0; display: block; width: 100%; } .main-header .widget_nav_menu ul.menu > li > a { line-height: 45px; } .main-header .widget_nav_menu .sub-menu, .main-navbar .dropdown-menu { position: absolute; z-index: 99; width: 220px; background: var(--bs-white); padding: 5px; margin: 0; border: 0; border-radius: 0; -moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075); box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075); font-size: 1rem; text-align: left; display: block; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .main-navbar .dropdown-menu { border-bottom-width: 4px; border-style: solid; border-color: var(--bs-primary); } .main-footer .widget_nav_menu .sub-menu, .main-footer .main-menu .dropdown-menu { position: absolute; top: auto; right: auto; bottom: 50px; left: auto; border: 0; padding: 5px; border-radius: 0; text-align: left; margin: 0 auto; background: var(--bs-white); min-width: 12.5rem; opacity: 0; visibility: hidden; transform: translateY(10px); -webkit-box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15); transition: all .25s; } .main-header .widget_nav_menu .menu > .menu-item > .sub-menu:before, .main-footer .widget_nav_menu .menu .menu-item .sub-menu:before, .main-footer .main-menu .menu-item .dropdown-menu:before { content: ''; position: absolute; top: auto; right: auto; bottom: -10px; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } .main-header .widget_nav_menu .menu > .menu-item > .sub-menu:before { top: -10px; border-bottom: 10px solid var(--bs-white); } .main-footer .widget_nav_menu .menu .menu-item .sub-menu:before, .main-footer .main-menu .menu-item .dropdown-menu:before { border-top: 10px solid var(--bs-white); } .main-footer .main-menu .dropdown-menu, .main-footer .widget_nav_menu .sub-menu { bottom: 100%; } .main-header .widget_nav_menu .sub-menu, .main-navbar .dropdown-menu { top: 100%; } .main-footer .widget_nav_menu .menu-item:hover > .sub-menu, .main-footer .widget_nav_menu .menu-item.focus > .sub-menu, .main-header .widget_nav_menu .menu-item:hover > .sub-menu, .main-header .widget_nav_menu .menu-item.focus > .sub-menu, .main-footer .main-menu .menu-item:hover > .dropdown-menu, .main-footer .main-menu .menu-item.focus > .dropdown-menu, .main-navbar .main-menu .menu-item:hover > .dropdown-menu, .main-navbar .main-menu .menu-item.focus > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: scaleY(1); transform: scaleY(1); } .main-footer .main-menu .dropdown-menu li .dropdown-menu, .main-footer .widget_nav_menu .sub-menu li .sub-menu { bottom: 100%; transform: translateY(12px); } .main-header .widget_nav_menu .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu { top: -4px; transform: translateY(-12px); } .main-footer .widget_nav_menu .sub-menu li .sub-menu, .main-footer .main-menu .dropdown-menu li .dropdown-menu, .main-header .widget_nav_menu .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu { display: block; opacity: 0; visibility: hidden; } .main-footer .widget_nav_menu .sub-menu li .sub-menu, .main-footer .main-menu .dropdown-menu li .dropdown-menu { margin-bottom: 1.25rem; } .main-header .widget_nav_menu .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu { left: 100%; margin-top: 0; margin-left: 10px; } .main-footer .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu, .main-footer .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu { bottom: 100%; } .main-header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu, .main-navbar .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu { left: auto; right: 100%; margin-right: 10px; } .main-header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu, .main-navbar .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { right: auto; left: 100%; } .main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu { left: auto; right: 100%; margin-right: 10px; } .main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { right: auto; left: 100%; } .main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { right: auto; left: 100%; } .main-footer .main-menu .main-navbar .dropdown-menu > li, .main-footer .widget_nav_menu .sub-menu > li, .main-header .widget_nav_menu .sub-menu > li, .main-navbar .dropdown-menu > li { padding: 0; position: relative; height: auto; } .main-footer .main-menu .dropdown-menu li a, .main-footer .widget_nav_menu .sub-menu li a, .main-header .widget_nav_menu .sub-menu li a, .main-navbar .dropdown-menu li a { border-bottom: 1px solid var(--bs-gray-light); color: var(--bs-secondary-dark); font-weight: 600; line-height: 24px; padding: 8px 18px 8px 18px; text-transform: none; white-space: normal; } .main-footer .main-menu .dropdown-menu li:last-child a, .main-footer .widget_nav_menu .sub-menu li:last-child a, .main-header .widget_nav_menu .sub-menu li:last-child a, .main-navbar .dropdown-menu li:last-child a { border-bottom: 0; border-radius: 0 3px 3px; } .main-footer .main-menu .dropdown-menu li:hover > a, .main-footer .main-menu .dropdown-menu li.focus > a, .main-footer .widget_nav_menu .sub-menu li:hover > a, .main-footer .widget_nav_menu .sub-menu li.focus > a, .main-header .widget_nav_menu .sub-menu li:hover > a, .main-header .widget_nav_menu .sub-menu li.focus > a, .main-navbar .dropdown-menu li:hover > a, .main-navbar .dropdown-menu li.focus > a { background-color: var(--bs-gray-light); } .main-footer .main-menu .dropdown-menu li:last-child, .main-footer .widget_nav_menu .sub-menu li:last-child, .main-header .widget_nav_menu .sub-menu li:last-child, .main-navbar .dropdown-menu li:last-child { border-bottom-color: transparent; } .main-footer .main-menu .dropdown-menu .menu-item-has-children > a:after, .main-footer .widget_nav_menu .sub-menu .menu-item-has-children > a:after, .main-header .widget_nav_menu .sub-menu .menu-item-has-children > a:after, .main-navbar .dropdown-menu .menu-item-has-children > a:after { font-family: var(--bs-font-awesome); font-weight: 900; content: "\f054"; position: absolute; top: 50%; right: 20px; font-size: 10px; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main-navbar .main-menu > li.dropdown > a:before { content: "\f067"; font-family: var(--bs-font-awesome); font-weight: 900; position: absolute; top: 53%; right: 0px; font-size: 12px; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--bs-secondary); } .main-footer .main-menu .dropdown-menu .menu-item-has-children:hover > a:after, .main-footer .main-menu .dropdown-menu .menu-item-has-children.focus > a:after, .main-footer .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after, .main-footer .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after, .main-header .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after, .main-header .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after, .main-navbar .dropdown-menu .menu-item-has-children:hover > a:after, .main-navbar .dropdown-menu .menu-item-has-children.focus > a:after { opacity: 1; right: 15px; } .header .widget_nav_menu .sub-menu { border-top-color: var(--bs-primary); } /* Desktop Menu End */ /* Sticky Menu */ .breadcrumb-sticky-menu, .is-sticky-menu { position: fixed; top: -1px; left: 0; right: 0; width: 100%; background: var(--bs-white); z-index: 999; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown; animation: 1s ease-in-out 0s normal none 1 running fadeInDown; } .breadcrumb-sticky-menu .breadcrumb-button { border-bottom: 1px solid rgb(108 117 125 / 0.6); } .is-sticky-menu .sticky-navbar-brand { display: block; visibility: visible; } a.sticky-navbar-brand, .is-sticky-menu .sticky-navbar-brand + .navbar-brand { display: none; visibility: hidden; } @-webkit-keyframes fadeInDown { from { opacity:0;-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to { opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInDown { from { opacity:0;-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to { opacity:1; -webkit-transform:none; transform:none; } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown; } /* Mbile Menu Start */ @media (max-width: 991px) { div.main-mobile-nav { display: block; } } .main-mobile-nav { width: 100%; display: none; background: var(--bs-white); border-bottom: 1px solid rgb(108 117 125 / 0.6); } .main-mobile-menu { display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; padding: 1.219em 0px; min-height: 97px; } .main-mobile-menu ul.main-menu { height: 100%; max-height: 22.5rem; overflow-x: hidden; overflow-y: overlay; -ms-touch-action: overlay; -webkit-overflow-scrolling: touch; touch-action: auto; } .main-mobile-menu ul, .main-mobile-menu ul li { padding: 0; list-style: none; position: relative; border: 0; } .main-mobile-menu ul.main-menu > li:first-child { border-top: 1px solid #e0e0e0; } .main-mobile-menu ul.main-menu > li { border-bottom: 1px solid #e0e0e0; } .main-mobile-menu ul li { margin: 0; } .main-mobile-menu .header-wrap-right li { margin-right: 10px; } .main-mobile-wrapper { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; visibility: hidden; opacity: 0; transition: var(--bs-transition); -webkit-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; -o-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; } .header-menu-active .main-mobile-wrapper { opacity: 1; visibility: visible; } .main-mobile-menu ul.main-menu .dropdown-menu { display: none; } .main-mobile-build { position: absolute; top: -200%; left: 0; right: 0; z-index: 0; width: 100%; max-width: 500px; height: auto; padding: 0; margin: auto; text-align: left; background: var(--bs-white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms; -o-transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms; transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms; } .mobile-menu-scroll { padding: 0; margin: 0px; height: 100%; overflow-x: hidden; overflow-y: auto; } .header-menu-active .main-mobile-wrapper { -webkit-transition: all 600ms cubic-bezier(.22,.61,.24,1) 0ms; -o-transition: all 600ms cubic-bezier(.22,.61,.24,1) 0ms; transition: all 600ms cubic-bezier(.22,.61,.24,1) 0ms; } .header-menu-active .main-mobile-build { top: 100%; z-index: 1; } .menu-collapse-wrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; } .main-mobile-build .login-btn { margin-top: 16px; } .main-mobile-menu ul.main-menu li.menu-item-has-children { display: flex; justify-content: flex-start; flex-wrap: wrap; } .main-mobile-menu ul.main-menu > li a { width: 100%; padding: 0; color: var(--bs-secondary); padding-left: 15px; } .main-mobile-menu ul.main-menu li.menu-item-has-children ul.dropdown-menu li > a { padding-left: 25px; width: 100%; } .main-mobile-menu ul.main-menu .menu-item-has-children > a { flex: 1; } .main-footer span.mobile-collapsed { display: none; } span.mobile-collapsed { max-width: 60px; } .main-mobile-menu ul.main-menu .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .mobile-collapsed > button { cursor: pointer; flex-basis: 10%; font-size: 18px; text-align: center; line-height: 46px; padding: 0 1.17em; color: var(--bs-secondary); background-color: var(--bs-primary-light); border: 0; border-radius: 0; border-left: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; height: 100%; } .mobile-collapsed > button:hover, .mobile-collapsed > button:focus { background-color: var(--bs-primary); } .mobile-collapsed > button:hover, .mobile-collapsed > button:focus, .mobile-collapsed > button:hover:before, .mobile-collapsed > button:focus:before { color: var(--bs-white); } .mobile-collapsed > button:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); display: block; } .main-mobile-menu ul.main-menu .menu-item-has-children.current > .mobile-collapsed > button:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-mobile-menu ul.main-menu .dropdown-menu { margin: 0; float: none; clear: both; background: none; border-top: 1px solid #e0e0e0; width: 100%; padding: 0; border-radius: 0; box-shadow: none; } .main-mobile-menu ul.main-menu .menu-item a { display: inline-block; } .main-mobile-menu ul.main-menu li > a { text-transform: none; font-weight: 600; letter-spacing: 0.5px; } .main-mobile-menu ul.main-menu .menu-item-has-children.current > a { margin: 0; } /* Hamburger menu icon on the main-navigations */ .main-mobile-nav .menu-right-list { padding-left: 1rem; padding-right: 1rem; } .main-mobile-nav .menu-right-list li { min-height:auto; } .main-mobile-nav .menu-right-list li .btn { line-height: 0.85; } .main-mobile-nav .menu-right-list li .btn .bticn { width: 30px; height: 30px; line-height: 30px; } span.tgl-lbl { line-height: .75; display: block; } .hamburger-menu { width: 40px; height: 40px; vertical-align: middle; border-radius: 0; overflow: hidden; } .menu-collapsed { width: inherit; height: inherit; display: block; padding: .55em .47em .7em; position: relative; z-index: 1; border: 2px solid var(--bs-primary-light); background-color: var(--bs-primary); } .menu-collapsed:hover, .menu-collapsed:focus { background-color: var(--bs-white); border-color: var(--bs-primary); } .menu-collapsed:hover div, .menu-collapsed:focus div { background-color: var(--bs-primary); } .hamburger-menu div { height: 3px; width: 100%; margin: 0 0 5px; background: var(--bs-white); } .hamburger-menu div:first-child { margin-top: 0px; } .hamburger-menu div:last-child { margin-bottom: 0; } .hamburger-menu .meat, .hamburger-menu .bottom-bun, .hamburger-menu > button:hover div, .hamburger-menu > button:focus div { width: 100%; } .hamburger-menu > button:hover .top-bun, .hamburger-menu > button:focus .top-bun { -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate; animation: burger-hover 0.8s infinite ease-in-out alternate; } .hamburger-menu > button:hover .meat, .hamburger-menu > button:focus .meat { -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms; animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms; } .hamburger-menu > button:hover .bottom-bun, .hamburger-menu > button:focus .bottom-bun { -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms; animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms; } @-webkit-keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } @keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } /* Above Header On Mobile Start */ .header-above-btn { position: relative; width: 28px; height: 43px; overflow: hidden; text-align: center; z-index: 0; border: 2px solid var(--bs-primary-light); margin-left: 5px; } .header-above-collapse { display: inline-block; position: absolute; top: -3px; left: 0px; padding: 0; width: 35px; height: 50px; border: none; color: var(--bs-white); background-color: var(--bs-primary); z-index: 1; } button.header-above-collapse:focus { background-color: var(--bs-primary); } .header-above-collapse span { top: 40%; } .header-above-collapse span, .header-above-collapse span:before, .header-above-collapse span:after { position: absolute; width: 7px; height: 7px; line-height: 7px; text-align: center; background: var(--bs-white); left: 35%; margin-left: -3px; border-radius: 50%; } .header-above-collapse span:before, .header-above-collapse span:after { content: '' } .header-above-collapse span:before { bottom: 100%; margin-bottom: 4px } .header-above-collapse span:after { top: 100%; margin-top: 4px } .header-above-wrapper { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; visibility: hidden; opacity: 0; transition: var(--bs-transition); -webkit-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; -o-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms; } .header-above-wrapper.is-active { opacity: 1; visibility: visible; } .header-above-bar { position: absolute; text-align: center; top: -250%; right: 0; left: 0; margin: 0 auto; display: block; height: auto; width: 95%; padding: 15px 0; border-radius: 0; background-color: var(--bs-white); border-top: 4px solid var(--bs-primary); z-index: -1; -webkit-box-shadow: 0 15px 40px rgba(0,0,0,.15); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); -webkit-transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms; -o-transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms; transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms; } .header-above-wrapper.is-active .header-above-bar { top: 100%; } .header-above-bar .widget-left, .header-above-bar .widget-right, .header-above-bar .header-widget .widget { width: 100%; } .header-above-bar .header-widget .widget { margin-bottom: 10px; } .header-above-bar #header-top-right .widget:last-child { margin-bottom: 0px; } .header-above-bar #header-top-right .widget.widget-social-widget:first-child:before { background: none; } .header-above-bar .header-widget .widget .contact-area { padding-left: 0; } .header-above-bar .text-heading { color: var(--bs-secondary); } .widget-social-widget li a { color: var(--bs-white); background-color: var(--bs-primary); } /* Menu Right Start */ .main-mobile-build-right ul, .main-menu-right > ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; } .main-menu-right > ul { padding-left: 1.75rem; } .main-mobile-build-right > ul > ul > li, .main-mobile-build-right > ul > li, .main-menu-right > ul > ul > li, .main-menu-right > ul > li { display: inline-block; margin-right: 15px; position: relative; color: initial; list-style: none; } .main-menu-right > ul > ul > li:last-child, .main-menu-right > ul > li:last-child { margin-right: 0; } .main-menu-right > ul > li { display: flex; align-items: center; min-height: 6.25rem; } /*=============== 05. Search =============*/ .header-search-popup { position: absolute; top: 100%; right: 25%; width: 100%; min-width: 315px; z-index: 0; background-color: var(--bs-white); overflow: hidden; border-radius: 10rem; visibility: hidden; opacity: 0; transform: translateY(-20%); border: 1px solid var(--bs-gray-light); box-shadow: 0px 2px 16px -3px rgb(0 0 0 / 0.15); -webkit-backface-visibility: hidden; transition: all 0.5s ease-in-out; } .header-search-flex { display: flex; align-items: center; justify-content: center; max-width: 300px; position: relative; padding-right: 45px; min-height: 52px; margin: auto; } .header-search-popup form { width: 100%; margin: auto; position: relative; z-index: 1; opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.9s ease-in-out 1.4s; transition: all 0.9s ease-in-out 1.4s; } .header-search-popup form .header-search-field { padding-right: 40px; color: inherit; font-weight: 500; font-size: 1rem; line-height: 24px; outline: none; box-shadow: none; border-radius: 100px; height: 40px; min-height: 40px; } .header-search-popup form .header-search-field:hover, .header-search-popup form .header-search-field:focus { border-color: var(--bs-primary); } .header-search-popup input[type="search"].header-search-field::-moz-placeholder { /*color: var(--bs-white);*/ font-weight: 500 } .header-search-popup input[type="search"].header-search-field:-moz-placeholder { /*color: var(--bs-white);*/ font-weight: 500 } .header-search-popup input[type="search"].header-search-field:-ms-input-placeholder { /*color: var(--bs-white);*/ font-weight: 500 } .header-search-popup input[type="search"].header-search-field::-webkit-input-placeholder { /*color: var(--bs-white);*/ font-weight: 500 } .header-search-popup .search-submit { position: absolute; top: 0; bottom: 0; right: 0; line-height: 1; margin: 4px 4px 4px 0; width: 32px; height: 32px; padding: 0; font-size: .8rem; text-align: center; color: var(--bs-white); background-color: var(--bs-primary); border-radius: 100px; border: none; opacity: 0; } .header-search-popup .search-form:hover .search-submit, .header-search-popup .header-search-field:focus + .search-submit, .header-search-popup .search-submit:focus { opacity: 1; } .header-search-popup .header-search-close { width: 38px; height: 38px; top: 0; bottom: 0; left: auto; right: 0; margin: auto 0; border-radius: 100%; -webkit-transition: all 0.9s ease-in-out 1.5s; transition: all 0.9s ease-in-out 1.5s; opacity: 0; visibility: hidden; display: none; } .header-search-active .header-search-popup { transform: translateY(0); } .header-search-active .header-search-popup, .header-search-active .header-search-close, .header-search-active .header-search-popup form { opacity: 1; visibility: visible; } .header-search-active .header-search-close, .header-search-active .header-search-popup form { display: block; } .mobile-menu-right .header-search-popup .header-search-close { width: 60px; height: 60px; right: 6%; top: 25%; } @media only screen and (max-width:991px) { .header-search-popup form { width: 90%; } } .close-style { position: absolute; top: 0; right: -45px; margin: 0 auto; display: block; width: 45px; height: 44px; border-radius: 0; border-color: var(--bs-primary); border-style: solid; background: var(--bs-white); z-index: 9; } .close-style:before, .close-style:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 25px; height: 4px; background: var(--bs-secondary); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .close-style:hover:before, .close-style:hover:after, .close-style:focus:before, .close-style:focus:after { background: var(--bs-primary); } .close-style:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close-style:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-style:hover:before, .close-style:hover:after, .close-style:focus:before, .close-style:focus:after { -webkit-transform: none; -ms-transform: none; transform: none; } .menu-collapsed:focus, .close-style:focus { outline-color: var(--bs-white); } .main-header .header-search-toggle, .header-cart, .header-account-wrapper a { color: var(--bs-white); background: var(--bs-primary); display: inline-block; width: 40px; height: 40px; text-align: center; cursor: pointer; line-height: 2.25; padding: 0; border-radius: 6.25rem; border: 1px solid transparent; } .header-account-wrapper a:hover, .header-account-wrapper a:focus { background: var(--bs-secondary); color: var(--bs-white); } .mobile-menu-right .header-search-toggle { font-size: 1.25rem; line-height: 2; border-radius: 3px; color: var(--bs-white); background-color: var(--bs-primary); } @media (min-width: 601px) { .admin-bar .main-mobile-nav:not(.is-sticky-menu) .header-close-menu { top: 0%; } .admin-bar .main-mobile-nav:not(.is-sticky-menu) .main-mobile-build { padding-top: 0; } } /* ---//--- */ .header-search-popup .header-search-close, .more-link:after, .more-link, .widget .cat-item:hover a + span, .widget_title:after, .navbar-brand, img.navbar-brand, .is-sticky-menu img.navbar-brand, .active-two .main-navbar .main-menu > li > a, .main-navbar .dropdown-menu > li, .main-navbar .dropdown-menu li a, .main-navbar .dropdown-menu .menu-item-has-children > a:after, .main-footer .dropdown-menu > li, .main-footer .dropdown-menu li a, .main-footer .main-menu .dropdown-menu .menu-item-has-children > a:after, .sub-menu .menu-item-has-children > a:after, .mobile-collapsed > button, .mobile-collapsed > button:before, .main-mobile-build li > a, .hamburger-menu div, .hamburger-menu .meat, .hamburger-menu .bottom-bun, .header-sidebar-toggle span, .header-sidebar-toggle span:before, .header-sidebar-toggle span:after, .header-search-active .header-search-popup form, .header-search-popup form, .close-style:before, .close-style:after, .header-search-popup span:before, .header-search-popup span:after, .edd_checkout a, .button, button, input, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .bg-gray{ background-color: var(--bs-gray-500); } /*-------------------------------------------------------------- # Basic Typography Structure --------------------------------------------------------------*/ *:not(table *) { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-break: break-word; } body { overflow-x: hidden; } body:not(.admin-bar) { position: relative; } a { color: var(--bs-primary); text-decoration: none; outline: none; } a:not(.comments-count) { text-decoration: underline; } a:hover, a:active, a:focus { color: var(--bs-primary); text-decoration: none; } a:hover, a:active, button:focus { box-shadow: none; } button[type=submit]:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a:focus { outline-width: 1px; outline-offset: -3px; outline-style: dotted; text-decoration: none; } a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } button, input, optgroup, select, textarea { margin: 0; } button, input { overflow: visible; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; display: block; } em, cite, q { color: var(--bs-primary); font-style: italic; font-weight: bold; } code, kbd, tt, var, samp, pre { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; background: var(--bs-secondary); color: var(--bs-white); padding: 1px 0.3125rem; border-radius: 0px; font-size: 88%; } pre { display: block; margin: 0 0 0.625rem; font-size: 0.8125rem; word-break: break-all; word-wrap: break-word; border: 1px solid var(--bs-gray-light); border-radius: 0px; overflow: auto; } .table>thead { vertical-align: bottom; } .table th, .table td { padding: 1.5rem; vertical-align: top; } table.table th, table.table td { padding-top: .95rem; padding-bottom: .95rem; } table.table.btn-table td { vertical-align: middle; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-white); color: var(--bs-secondary); } figure { margin: 0; } address, table, pre { width: 100%; } small { font-size: 80%; } fieldset { border: 1px solid var(--bs-gray-light); margin: 1.5rem 0.125rem; padding: 0.625rem 1.5625rem 1.25rem; border-radius: 0; } iframe { max-width: 100%; /* height: auto; */ } button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 0; } button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 600; line-height: 1.5; background-color: var(--bs-primary); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--bs-white); position: relative; z-index: 0; overflow: hidden; border: 2px solid transparent; padding: 0.688rem 1.375rem; letter-spacing: 0.05rem; font-size: 1rem; border-radius: 6.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /*.comment-metadata .edit-link a, .comment-body .reply a, .scrolling-btn, .more-link, .bs-tab-filter a, form button, .bs-post-pagination div.nav a, .btn:not(.btn-link):not(.btn-play):not(.btn-video) { position: relative; overflow: hidden; z-index: 0; border-radius: 5px; text-decoration: none; transition: 0.5s all ease; }*/ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 1px dotted; outline-offset: -2px; } input[type="text"]:not(.adminbar-input), input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .form-control { border-radius: 0; display: block; line-height: 1.5; font-size: 0.97rem; font-weight: 500; padding: 0.65rem 1.25rem; vertical-align: middle; width: 100%; min-height: 50px; background-color: var(--bs-white); border: 1px solid var(--bs-gray-light); outline: none; letter-spacing: 0.5px; box-shadow: none; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="range"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="time"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="color"]:hover, textarea:hover, select:hover { background-color: var(--bs-white); border-color: var(--bs-primary); outline: none; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } select { border: 1px solid var(--bs-gray); border-radius: 0; display: block; font-size: 92%; font-weight: 500; padding: 0.375rem 0.75rem; min-height: 50px; position: relative; text-decoration: none; white-space: nowrap; width: 100%; box-shadow: none; overflow: auto !important; outline: 0; background-color: var(--bs-white); } textarea { height: 8.125rem; overflow: auto; resize: vertical; } input[type=checkbox], input[type=radio], form[id*=give-form] #give-gateway-radio-list>li input[type=radio], form[id*=give-form] #give-gateway-radio-list>li input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio], div.wpforms-container-full .wpforms-form input[type=checkbox] { position: relative; border: 2px solid var(--bs-secondary-dark); background-color: var(--bs-white); color: var(--bs-primary); clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: 0; outline: 0; padding: 0; text-align: center; vertical-align: middle; width: 16px !important; max-width: 16px; border-radius: 3px; -moz-appearance: none !important; -webkit-appearance: none !important; transition: .05s border-color ease-in-out; } input[type=radio] { border-radius: 50%; margin-right: 0.25rem; line-height: 0.75rem; } input[type=checkbox]:hover:before, input[type=radio]:hover:before, input[type=checkbox]:checked:before, input[type=radio]:checked:before { display: inline-block; vertical-align: middle; speak: none; line-height: 1.1; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } input[type=radio]:checked:before { content: "⬤"; text-indent: -9999px; border-radius: 6.25rem; font-size: 1.5rem; width: 0.46rem; height: 0.46rem; margin: 0.152rem 0.152rem 0.25rem 0.175rem; line-height: 1.25rem; background: var(--bs-primary); } input[type=checkbox]:checked, input[type=checkbox]:hover, input[type=radio]:checked, input[type=radio]:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); } input[type=checkbox]:checked:before { content: ''; position: absolute; left: 1px; top: 0.32rem; background-color: var(--bs-white); width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*---//---*/ /* --- Primary Colors --- */ button[type=submit]:hover, button[type=button]:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button[type=submit]:focus, button[type=button]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { color: var(--bs-white); background-color: var(--bs-secondary); } /* ---//--- */ .read-link { font-weight: 600; text-decoration: none; position: relative; -webkit-transition: all .3s linear 0ms; transition: all .3s linear 0ms; } .read-link:hover, .read-link:focus { color: var(--bs-secondary); } .bg-primary-light { background-color: var(--bs-primary-light); } .h-full { height: 100%; } .minus-mt-6 { margin-top: -6rem; } .st-my-default { margin: 6.75rem 0; } .st-mt-default { margin-top: 6.75rem; } .st-mb-default { margin-bottom: 6.75rem; } .st-mt-minus { margin-top: -85px; } .st-py-default { padding: 6.75rem 0; } .st-pt-default { padding-top: 6.75rem; } .st-pb-default { padding-bottom: 6.75rem; } .st-pt-plus { padding-top: 10.5rem; } .btn-rounded { border-radius: 10em; } .btn-white { background-color: var(--bs-white); color: var(--bs-secondary-dark); } .btn-white:hover, .btn-white:focus { background-color: var(--bs-primary); } .btn-border-white { color: var(--bs-white); border-color: var(--bs-white); } .btn-border-white:hover, .btn-border-white:focus { color: var(--bs-primary); } .btn.btn-like-icon { padding-right: 3.75rem; } .btn.btn-secondary.btn-like-icon { border: 0; background-color: var(--bs-secondary); } .theme-slider .btn.btn-secondary.btn-like-icon { background-color: rgba(0, 0, 0, .6); } .btn-like-icon .bticn { position: absolute; top: 5px; right: 5px; margin: 0 auto; width: 35px; height: 35px; display: inline-block; border-radius: 100%; line-height: 35px; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .btn:hover .bticn, .btn:focus .bticn { transform: rotate(360deg); color: var(--bs-white); background-color: var(--bs-primary); } .btn .bticn { color: var(--bs-primary); background-color: var(--bs-white); } .btn-border-white .bticn { color: var(--bs-secondary-dark); } .btn-white .bticn { background-color: var(--bs-primary); color: var(--bs-white); } .btn-like-icon .bticn span { margin-left: 1px; } .btn.st-load-btn { font-size: 0.9375rem; } .st-load-item { display: none; } .st-load-spinner { position: relative; cursor: pointer; width: 1.125rem; height: 1.125rem; display: inline-block; vertical-align: middle; } .st-load-spinner:before, .st-load-spinner:after { position: absolute; display: block; content: ""; width: 0.5625rem; height: 0.5625rem; left: 0; top: -0.3125rem; right: 0; bottom: 0; margin: auto; border-width: 2px; border-style: solid; border-color: transparent; border-bottom-color: var(--bs-white); border-right-color: var(--bs-white); border-radius: 0 0 1px 0; transform: translate(0%, 0%) rotate(45deg); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .loadspinner .st-load-spinner:before { border-radius: 50%; animation: 0.8s spin 0.4s linear forwards infinite; } .loadspinner .st-load-spinner:after { width: 1.125rem; height: 1.125rem; border-radius: 50%; animation: 0.8s spinReverse 0.4s linear forwards infinite; } /* Top Animation Effects */ /* Round Rotation Circle Effect */ @-webkit-keyframes slideTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}} @keyframes slideTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}} /* ---//--- */ /* Round Rotation Circle Effect */ @keyframes spin{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg)}} @keyframes spinReverse{from{transform:rotate(0deg) scale(1)}to{transform:rotate(-360deg)}} /* ---//--- */ /* Boounce Effect */ @keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}} @keyframes bounce_two{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-1.375rem)}50%{transform:scale(1,1) translateY(0)}57%{transform:scale(1,1) translateY(-0.1875rem)}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}} @keyframes bounce_three{from{transform:translateY(0)}to{transform:translateY(-0.9375rem)}} /* ---//--- */ /* WaveIn Effect for use Call Icon */ @keyframes waveIn{from{opacity:0;transform:scale(.3) translate(-20px,10px)}50%{transform:translate(0,0);opacity:1}} /* ---//--- */ /* Buzz Effect for use Contact Widget */ @keyframes buzz-out{10%{-webkit-transform:translateX(0.1875rem) rotate(2deg);transform:translateX(0.1875rem) rotate(2deg)}20%{-webkit-transform:translateX(-0.1875rem) rotate(-2deg);transform:translateX(-0.1875rem) rotate(-2deg)}30%{-webkit-transform:translateX(0.1875rem) rotate(2deg);transform:translateX(0.1875rem) rotate(2deg)}40%{-webkit-transform:translateX(-0.1875rem) rotate(-2deg);transform:translateX(-0.1875rem) rotate(-2deg)}50%{-webkit-transform:translateX(0.125rem) rotate(1deg);transform:translateX(0.125rem) rotate(1deg)}60%{-webkit-transform:translateX(-0.125rem) rotate(-1deg);transform:translateX(-0.125rem) rotate(-1deg)}70%{-webkit-transform:translateX(0.125rem) rotate(1deg);transform:translateX(0.125rem) rotate(1deg)}80%{-webkit-transform:translateX(-0.125rem) rotate(-1deg);transform:translateX(-0.125rem) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} /* ---//--- */ /* Ripple Effect for use Play Button */ @-webkit-keyframes ripple {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}} @keyframes ripple {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}} /* Shape Effect */ @-webkit-keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}} @keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}} @-webkit-keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}} @keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}} @-webkit-keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}} @keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}} @keyframes moveleftbounce{0%{transform:translateX(0px)}50%{transform:translateX(20px)}100%{transform:translateX(0px)}} /*===== // =====*/ /*===== 02. Preloader Start =====*/ .preloader { position: fixed; top: 0; left: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 9999999; background-color: var(--bs-primary); overflow: hidden; } /*===== // =====*/ /*===== 03. Above Header =====*/ .above-header { border-bottom: 1px solid rgb(108 117 125 / 0.6); } .above-header { position: relative; background: var(--bs-secondary); color:#fff; } .header-widget { height: 100%; } .above-header .widget-left a:hover, .above-header .widget-left a:focus { color: var(--bs-white); } .widget_social_widget li a { border-radius: 0; background: var(--bs-white); } .text-heading { color: var(--bs-white); text-align: initial; overflow: hidden; position: relative; } .text-heading strong { text-decoration: underline; } .text-sliding { display: inline; margin-left: 2px; } .text-sliding span { white-space: nowrap; } /*===== // =====*/ /*===== 04. Navigation Start =====*/ .logo { color: var(--bs-white); } .logo img { max-width: 13.125rem; } body.homepage-1 .main-navigation { background-color: var(--bs-secondary); border-bottom: 1px solid rgb(108 117 125 / 0.6); } .homepage-3 .main-navigation, .homepage-3 .main-navigation .main-menu-right > ul > li { min-height: 78px; } .homepage-3 .main-navigation.is-sticky-menu { background: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .homepage-3 .navbar-area { -ms-flex-pack: space-between; justify-content: space-between; background-color: var(--bs-secondary); border: 1px solid rgb(108 117 125 / 0.6); border-radius: 6.25rem; padding: 0 0.9rem; } .homepage-3 .main-navbar .main-menu > li > a { line-height: 2.25rem; } .homepage-3 .main-navbar .main-menu > li > a > .badge { top: -0.9rem; } .homepage-3 .main-navbar .main-btn-home { display: inline-block; } .homepage-3 .main-navbar .main-btn-home a { border-radius: 6.25rem; color: var(--bs-white); background-color: var(--bs-primary); width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; } .main-navigation .contact-area { color: var(--bs-white); } .main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) { color: var(--bs-secondary); } .is-sticky-menu .main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) { color: var(--bs-secondary); } .main-navbar .main-menu > li:hover > a, .main-navbar .main-menu > li.focus > a, .main-navbar .main-menu .menu-item.active > a { color: var(--bs-primary); } .header-transparent .main-header .header-search-toggle, .header-transparent .header-cart { font-size: 1rem; } .homepage-1 .main-header .header-search-toggle, .homepage-1 .header-cart { color: var(--bs-white); background-color: var(--bs-primary); } .homepage-2 .navbar-area { justify-content: space-between; -ms-flex-pack: space-between; background-color: rgb(0 0 0 / 0.4); padding-left: 0.95rem; } .main-nav-info .menu-right-list { padding: 0; justify-content: flex-end; -ms-flex-pack: end; } .main-info-list { padding-right: 0.938rem; } .main-info-list .widget:not(:first-child) { margin-left: 1.875rem; } .main-info-list .widget:first-child { padding-right: 1rem; } .main-navigation-info .menu-right-list, .main-navigation-info .logo { min-height: 110px; } .main-navigation-info .logo { display: flex; justify-content: center; flex-direction: column; } .main-navigation-info .logo a.site-title { margin: 0; } .homepage-2 .main-navbar .main-menu > li > a, .homepage-4 .main-navbar .main-menu > li > a { line-height: 5rem; } .homepage-5 .main-navbar .main-menu > li > a { line-height: 4rem; } .homepage-2 .main-mobile-menu, .homepage-2 .main-navigation, .homepage-2 .main-menu-right > ul > li, .homepage-4 .main-mobile-menu, .homepage-4 .main-navigation, .homepage-4 .main-menu-right > ul > li { min-height: 5rem; } .homepage-2 .main-navigation, .homepage-2 .main-menu-right > ul > li { border-bottom: 0; } .homepage-2 .main-navigation, .homepage-2 .is-sticky-menu .navbar-area { background: var(--bs-secondary-dark); } .homepage-2 .menu-social-list ul li { margin-top: 0; } .homepage-2 .menu-social-list .widget ul li { margin-right: -3px; margin-top: 0; } .homepage-2 .menu-social-list .widget.widget_social_widget ul { margin-top: 0; } .homepage-2 .navbar-area .main-menu-right > ul > li { border-left: 1px solid rgb(108 117 125 / 0.6); margin: 0; } .homepage-2 .menu-social-list ul li:not(:last-child) { border-right: 1px solid rgb(108 117 125 / 0.6); } .homepage-2 .main-header .header-search-toggle, .homepage-2 .header-cart, .homepage-2 .menu-social-list ul li a { width: 70px; min-height: 80px; text-align: center; border-radius: 0; background: none !important; } .homepage-2 .main-navbar .main-menu > li > a > .badge { top: 0.5rem; } .homepage-3 .header-cart { background: none !important; } .navbar-area .btn-primary { white-space: nowrap; } .homepage-4.header-transparent .navbar-area, .homepage-4.header-transparent .main-header .th-ovelay, .homepage-5.header-transparent .navbar-area { background-color: rgb(0 0 0 / 0.4); } .homepage-4.header-transparent .main-header .th-ovelay { padding: 0 0.95rem; } .homepage-4 .navbar-area, .homepage-5 .navbar-area{ justify-content: space-between; -ms-flex-pack: space-between; padding-left: 0.95rem; } .homepage-4 .main-header .header-search-toggle, .homepage-4 .header-cart{ background-color: var(--bs-primary); } .homepage-4 li.cart-wrapper:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; height: auto; margin: auto; border-right: 1px solid rgb(108 117 125 / 0.4); } body.homepage-4 .main-navigation-info .th-ovelay { border-bottom: 1px solid rgb(108 117 125 / 0.4); } .homepage-4 .navbar-area .widget_social_widget li a { color: var(--bs-primary); background-color: var(--bs-secondary-dark); } .homepage-4 .navbar-area .widget_social_widget li:last-child { margin-right: 15px; } .homepage-4 .main-header .search-button, .homepage-4 .cart-wrapper{ width: 50px; } .homepage-4 .main-info-list .widget:first-child { border-right: 1px solid rgb(108 117 125 / 0.4); } .homepage-5 .main-navbar .main-btn-home { display: inline-block; margin-left: -15px; } .homepage-5 .main-navbar .main-btn-home a { border-radius: 0; color: var(--bs-white); background-color: var(--bs-primary); width: 60px; height: 67px; line-height: 60px; text-align: center; display: inline-block; font-size: 30px; } .homepage-5.header-transparent .navbar-area { transform: skewX(-10deg); } .homepage-5 li.menu-social-list:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; height: auto; margin: auto; border-right: 1px solid rgb(108 117 125 / 0.6); } .homepage-5 .main-mobile-menu, .homepage-5 .main-navigation, .homepage-5 .main-menu-right > ul > li { min-height: 4rem; } .homepage-5 .navbar-area .menu-right-list, .homepage-5 li.menu-social-list .widget_social_widget { margin-right:15px; } .homepage-5 .widget_social_widget li a { transform: skewX(-10deg); position: relative; z-index: 0; background: #252524; border-radius: 5px; } .homepage-5 .widget_social_widget li a i { position: absolute; left: -4px; width: 120%; height: 100%; transform: skewX(10deg); border-radius: 0; } .homepage-5 a.btn,.homepage-5 .more-link { border-radius: 5px; transform: skewX(-10deg) !important; margin-right: 4px; } .homepage-5 a.btn span.text { display: inline-block; transform: skewX(10deg) !important; } .homepage-5 .btn-like-icon .bticn, .homepage-5 .main-header .contact-icon, .homepage-5 .widget_social_widget li a i, .homepage-5 .main-header .contact-area .contact-icon i { border-radius: 5px; } .homepage-5 .main-header .contact-icon{ transform: skewX(-10deg) !important; } .homepage-5 .menu-right-list button.header-cart, .homepage-5 .main-header .header-search-toggle { background-color: #252524; border-radius: 5px; transform: skewX(-10deg); } .homepage-5 .menu-right-list button.header-cart:hover, .homepage-5 .menu-right-list button.header-cart:focus, .homepage-5 .main-header .header-search-toggle:hover, .homepage-5 .main-header .header-search-toggle:focus { background: var(--bs-primary); } .homepage-5 .menu-right-list li.cart-wrapper .cart-icon-wrap span { left: 23px; top: -2px; transform: skewX(-10deg); border-radius: 5px; } /*===== // =====*/ /*=============== 04. Cart =============*/ .cart-icon-wrap { position: relative; } .menu-right-list button.header-cart { background-color: var(--bs-primary); padding: 0 6px; } .menu-right-list li.cart-wrapper, .menu-right-list li.search-button { position: relative; } .menu-right-list li.cart-wrapper .cart-icon-wrap span { position: absolute; top: 0; right: -10px; width: 20px; height: 20px; line-height: 20px; border-radius: var(--bs-theme-radius); text-align: center; font-size: 0.75rem; color: var(--bs-white); background-color: var(--bs-primary); } .homepage-1 .menu-right-list li.cart-wrapper .cart-icon-wrap span { top: -10px; left: 0; color: var(--bs-white); background-color: var(--bs-secondary-dark); } .homepage-2 .menu-right-list li.cart-wrapper .cart-icon-wrap span { top: 20px; left: 18px; } .shopping-cart { position: absolute; top: 96%; right: -28px; z-index: 9999999; width: 280px; background: var(--bs-white); border-radius: 0; padding: 20px; transform: scale(1, 0); -webkit-transform: scale(1, 0); -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); } .menu-right-list li.cart-wrapper:hover .shopping-cart, .menu-right-list li.cart-wrapper:focus-within .shopping-cart { visibility: visible; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .shopping-cart-header .badge { border-radius: var(--bs-theme-radius); background-color: var(--bs-primary); color: var(--bs-white); font-weight: 400; margin-left: -6px; vertical-align: super; border: 2px solid var(--bs-white); } .shopping-cart { text-align: left; } .shopping-cart-header { border-bottom: 1px solid #E8E8E8; padding-bottom: 15px; color: var(--bs-secondary); } .shopping-cart-total { float: right; font-size: 1.125rem; font-weight: 600; } .shopping-cart .shopping-cart-items { padding: 0; padding-top: 15px; list-style: none; } .shopping-cart .shopping-cart-items a.remove { transform: translateY(5px); } .shopping-cart .shopping-cart-items li { margin-bottom: 10px; margin-top: 0; padding: 0; width: 100%; } .shopping-cart .shopping-cart-items .item-img { float: left; margin-right: 12px; width: 50px; height: 50px; border-radius: var(--bs-theme-radius); text-align: center; border: 1px solid var(--bs-gray-light); box-shadow: 0 0 12px -3px rgb(0 0 0 / 0.25); } .shopping-cart .shopping-cart-items .item-img img { width: 100%; vertical-align: baseline; border-radius: var(--bs-theme-radius); float: none; } .shopping-cart .shopping-cart-items .item-name { display: block; font-weight: 600; font-size: 1rem; } .shopping-cart .shopping-cart-items .item-price { margin-right: 0; color: var(--bs-secondary-dark); } .shopping-cart .shopping-cart-items .item-quantity { color: var(--bs-red); } .cart-icon { color: #515783; margin-right: 7px; float: left; } .shopping-cart .btn { width: 100%; } .shopping-cart .bticn { width: 40px; height: 40px; line-height: 40px; top: 3px; right: 3px; } /*===== // =====*/ /*===== 05. Slider =====*/ .slider-section { position: relative; overflow: hidden; width: 100%; padding: 0; color: var(--bs-white); background-color: var(--bs-secondary); z-index: 0; } .home-slider, .home-slider .owl-item img { width: 100%; height: 100%; } .slider-section.image-move .owl-item .item { overflow: hidden; } .slider-section.image-move .owl-item .item>img { display: block; width: 100%; height: 100%; -webkit-transform-style: flat; transform-style: flat; -webkit-transition: all 20s; transition: all 20s; transition-timing-function: linear; } .slider-section.image-move .owl-item:nth-child(even) .item>img { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .slider-section.image-move .owl-item:nth-child(odd) .item>img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .slider-section.image-move .owl-item.active:nth-child(even) .item>img { -webkit-transform: scale(1.1); transform: scale(1.1); } .slider-section.image-move .owl-item.active:nth-child(odd) .item>img { -webkit-transform: scale(1.4); transform: scale(1.4); } .main-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.5); } .main-table { overflow: hidden; display: table; width: 100%; height: 100%; } .main-table-cell { display: table-cell; vertical-align: middle; } .main-slider div.main-content { position: relative; max-width: 45rem; width: 100%; margin-top: 4rem; margin-bottom: 8rem; } .main-slider .text-left { margin-right: auto; } .main-slider .text-center { margin: auto; } .main-slider .text-right { margin-left: auto; } .main-content h4 { margin-bottom: 1rem; display: inline-block; position: relative; font-size: 20px; font-weight: 500; border: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 10px; color: var(--bs-white); background-color: rgba(255, 255, 255, 0.2); } .main-content h4 span { background-color: var(--bs-primary); color: var(--bs-white); padding: 0px 6px; text-align: center; margin-right: 5px; } .main-content:not(.text-right) h4 {} .main-content.text-right h4 {} .main-content h1 { font-size: 4.5rem; margin-bottom: 1rem; } .main-content h1 .primary{ color: var(--bs-primary); } .main-content p { font-weight: 400; font-size: 1.125rem; margin-bottom: 1.75rem; } .main-content .btn:not(.btn-play) { margin-right: 1.12rem; } .btn.btn-play { text-decoration: none; color: var(--bs-white); vertical-align: middle; box-shadow: none; } .btn.btn-play span.btn { vertical-align: baseline; text-align: center; width: 2.375rem; height: 2.375rem; padding: 0; position: relative; z-index: 0; line-height: 2.375rem; } .btn.btn-play span.btn:after, .btn.btn-play span.btn:before { content: ""; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; border: 1px solid var(--bs-white); } .btn.btn-play span.btn:before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; } .btn.btn-play span.btn:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; } .btn.btn-play i { margin-left: 0.25rem; } .owl-carousel { position: relative; z-index: 0; } .home-slider .owl-nav { margin: 0; } .home-slider div.owl-nav button[class*=owl-] { position: absolute; top: 0; bottom: 0; margin: auto 0; font-size: 36px; opacity: 1; } .home-slider div.owl-nav button[class*=owl-]:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bs-secondary); border-radius: 50px; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); z-index: 0; } .home-slider .owl-nav .owl-prev { right: auto; left: 1.5rem; } .home-slider .owl-nav .owl-next { left: auto; right: 1.5rem; } .owl-theme div.owl-nav [class*=owl-] { width: 60px; height: 60px; line-height: 60px; display: inline-block; cursor: pointer; text-align: center; color: var(--bs-white); background: none; outline: none; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .owl-theme:not(.home-slider) .owl-nav { width: 100%; margin: 1.5625rem auto 0 auto; } .owl-theme .owl-nav button[class*=owl-]:hover { width: 61px; color: var(--bs-white); } .owl-theme .owl-nav button[class*=owl-]:hover:after { background-color: var(--bs-primary); } .owl-theme .owl-nav button[class*=owl-] i { color: var(--bs-white); position: relative; z-index: 1; } .owl-theme .owl-nav .owl-prev i { margin-left: 0; } .owl-theme .owl-nav .owl-next i { margin-right: -0.125rem; } .owl-dot-1 .home-slider .owl-dots { list-style: none; margin: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5.5%; padding: 20px 0; } .owl-dot-1 .home-slider .owl-dots button { border-radius: 50px; width: 30px; height: 30px; border: unset; background-color: var(--bs-primary); color: #fff; } .owl-dot-1 .home-slider .owl-dots:before,.home-slider .owl-dots:after { content: ""; position: absolute; width: 2px; height: 77px; left: 50%; margin-left: -1px; } .owl-dot-1 .home-slider .owl-dots:before { background: -webkitGradient(linear, left top, left bottom, from(#fff), to(rgba(1, 15, 52, .7))); background: linear-gradient(0deg, #fff, #010f34b3); bottom: 100%; } .owl-dot-1 .home-slider .owl-dots:after { background: -webkitGradient(linear, left bottom, left top, from(#fff), to(rgba(1, 15, 52, .7))); background: linear-gradient(180deg, #fff, #010f34b3); top: 100%; } .owl-dot-1 .home-slider .owl-dot.active, .owl-dot-1 .home-slider .owl-dot:hover, .owl-dot-1 .home-slider .owl-dot.focus { background: var(--bs-white); color: var(--bs-secondary); outline: none; } .owl-dot-2 .owl-dots button span{ display: none !important; } .owl-dot-2 .owl-dots button{ position: relative; display: inline-block; width: 15px; height: 15px; border: 3px solid #fff; background: var(--bs-secondary); border-radius: 50%; background: transparent; cursor: pointer; margin: 0px 6px; box-shadow: 0px 0px 0px 3px var(--bs-secondary); transition: all 500ms ease; } .owl-dot-2 .owl-dots button:hover, .owl-dot-2 .owl-dots button:focus, .owl-dot-2 .owl-dots button.active{ background: var(--bs-primary); outline: none; } .homepage-3 .main-slider div.main-content { margin-top: 0; margin-bottom: 0; } .homepage-3 .home-slider div.owl-nav button[class*=owl-] { transform: translateY(0); } .owl-nav-2 .home-slider div.owl-nav button[class*=owl-]:after { content: ""; position: absolute; inset: 0; mask-image: url(../images/btn-circle.svg); mask-size: 100% 100%; background-color: var(--bs-white); border-radius: unset; } .owl-nav-2 .home-slider div.owl-nav button .icon { height: 19px; width: 55px; display: inline-block; background: var(--bs-white); mask-image: url(../images/btn-arrow-icon.svg); mask-size: cover; position: absolute; right: -12px; top: calc(50% - 9.5px); transition: 0.4s; } .owl-nav-2 .owl-theme div.owl-nav [class*=owl-] { width: 80px; height: 80px; } .owl-nav-2 .owl-theme div.owl-nav .owl-next{ transform: rotate(-180deg); } .owl-nav-2 .home-slider div.owl-nav button:hover .icon { right: 0; } /*===== // =====*/ /*===== 07. Heading Section =====*/ .heading-design-1 .theme-main-heading .title { color: var(--bs-primary); position: relative; font-size: 17px; line-height: 1; display: inline-block; font-weight: 600; z-index: 2; padding: 10px 14px; border-radius: 5px; border: 4px solid; margin-bottom: 15px; animation-name: bounce_two; animation-timing-function: ease; animation-duration: 2s; animation-iteration-count: infinite; transform-origin: bottom; } @keyframes bounce_two { 0% { transform: scale(1, 1) translateY(0) } 10% { transform: scale(1.1, .9) translateY(0) } 30% { transform: scale(.9, 1.1) translateY(-1.375rem) } 50% { transform: scale(1, 1) translateY(0) } 57% { transform: scale(1, 1) translateY(-0.1875rem) } 64% { transform: scale(1, 1) translateY(0) } 100% { transform: scale(1, 1) translateY(0) } } .heading-design-1 .theme-main-heading .title:before { background: var(--bs-primary); content: ""; width: 30px; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.3; } .heading-design-1 .theme-main-heading h2 { position: relative; z-index: 0; } .heading-design-1 .theme-main-heading h2 span { -webkit-text-fill-color: var(--bs-primary-light); -webkit-text-stroke-width: 1px; font-weight: 800; } .heading-design-1 .theme-main-heading.theme-white-heading h2 span { -webkit-text-fill-color: var(--bs-primary); color: var(--bs-white); } .heading-design-1 .theme-main-heading p { margin-bottom: 0; font-weight: 500; } .theme-white-heading, .theme-white-heading .title { color: var(--bs-white); } .heading-design-1 .theme-white-heading .title:before { background: var(--bs-white); } .color-primary { color: var(--bs-primary); } .heading-design-2 .theme-main-heading .title { border: none; border-radius: 4px; color: var(--bs-primary); background-color: transparent; background-image: linear-gradient(180deg, var(--bs-primary-light) 0%, var(--bs-primary-light) 100%); padding: 5px 20px 5px 20px; margin-bottom: 1rem; display: inline-flex; gap: 10px; align-items: center; font-size: 18px; font-weight: 600; line-height: 1.2; animation-name: bounce_two; animation-timing-function: ease; animation-duration: 2s; animation-iteration-count: infinite; transform-origin: bottom; } .heading-design-2 .theme-main-heading .title .htdot { height: 8px; width: 8px; border-radius: 50px; display: inline-block; background: var(--bs-primary); } .heading-design-2 .theme-main-heading .subtitle { position: relative; } /*===== // =====*/ /*===== Info Section =====*/ .info-section { margin-bottom: 1.25rem; position: relative; } .info-section .info-box-inner { box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09); } .info-section .info-image-box{ position: relative; overflow: hidden; } .info-section .info-box-inner img { width: 100%; transition: all .4s ease; } .info-section .content-box { position: relative; padding: 38px 30px 32px; background-color: var(--bs-white); } .info-section .info-box-icon { position: absolute; top: -60px; left: 30px; z-index: 1; width: 80px; height: 80px; text-align: center; line-height: 80px; background-color: var(--bs-white); box-shadow: 0 0px 15px rgba(0,0,0,.1); border-radius: 50%; margin-bottom: 0; transition: all .3s ease; color: var(--bs-primary); } .info-section .info-box-icon i { font-size: 40px; transition: all .3s ease; line-height: 80px; } .info-section .info-box-title { margin-top: 0; margin-bottom: 10px; position: relative; z-index: 1; } .info-section .info-box-title a { color: var(--bs-secondary); text-decoration: none; } .info-section .info-content { margin-bottom: 22px; } .info-section .content-box:before{ content: ""; position: absolute; top: -30px; left: 0; width: 100%; height: 70px; background-color: var(--bs-white); transform: skewY(-9deg); } .info-section .content-box:after{ content: ""; position: absolute; top: -38px; left: 0; width: 100%; border: 5px solid var(--bs-gray); transform: skewY(-9deg); transition: all .3s ease; } .info-section .col-lg-6 .content-box:before { content: ""; position: absolute; top: -55px; left: 0; width: 100%; height: 80px; background-color: var(--bs-white); transform: skewY(-4deg); } .info-section .col-lg-6 .content-box:after { content: ""; position: absolute; top: -62px; left: 0; width: 100%; border: 5px solid var(--bs-gray); transform: skewY(-4deg); ransition: all .3s ease; } .info-section .info-box-inner:hover .content-box:after{ border-color: var(--bs-primary); } .info-section .info-box-inner:hover .info-box-icon{ background-color: var(--bs-primary); transform: translateY(-10px); color: var(--bs-white); transition: all .4s ease; } .info-section .info-box-inner:hover .info-image-box img { -webkit-transform: scale(1.1); transform: scale(1.1); } .info-section .info-box-inner:hover .info-box-title a { color: var(--bs-primary); } /*===== /Info section-2 End/ =====*/ /*========================================= Service Section =========================================*/ .service-section{ position: relative; } .service-section .service-inner-box { position: relative; box-shadow: 0 0px 15px rgba(0,0,0,.1); background-color: var(--bs-white); padding: 10px 10px 25px; } .service-section .service-image-box { position: relative; text-align: center; overflow: hidden; } .service-section .service-image-box .img-fluid { width: 100%; transition: all .4s ease; } .service-section .service-icon{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-38px); width: 78px; height: 78px; background-color: var(--bs-primary); line-height: 80px; text-align: center; border-radius: 50%; } .service-section .service-icon i{ color: var(--bs-white); font-size: 38px; line-height: 78px; display: inline-block; transition: all .3s ease; } .service-section .content-box { position: relative; text-align: center; padding: 40px 16px 0; } .service-section .content-box .service-title { padding: 8px 12px; position: absolute; top: -23px; left: 50%; width: max-content; background-color: #fff; margin-bottom: 0; transform: translateX(-50%); box-shadow: 0 0px 15px rgba(0,0,0,.1); } .service-section .content-box .service-title a { color: var(--bs-secondary); font-weight: 600; text-decoration: none; } .service-section .service-excerpt { margin-bottom: 1rem; } .service-section a.read-link { font-size: 0px; transition: all linear .3s; display: flex; justify-content: center; align-items: center; border-bottom: none; margin-top: 25px; text-decoration: none; } .service-section .read-link i { font-size: 20px; margin-left: 0; transition: all linear .3s; width: 50px; height: 50px; color: var(--bs-white); background: var(--bs-primary); border-radius: 50px; text-align: center; line-height: 2.5; } .service-section .service-inner-box:hover .read-link{ font-size: 16px; } .service-section .service-inner-box:hover .read-link i { width: 30px; height: 30px; line-height: 30px; margin-left: 5px; } .service-section .service-inner-box:hover .service-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .service-section .service-inner-box:hover .service-icon i { transform: scale(-1) rotate(180deg); } /*===== / Service Section-1 End / =====*/ /*========================================= Features Section-2 Start =========================================*/ .abiz-features-section-2{ background: url(../../assets/images/features.jpg) no-repeat fixed center center / cover rgb(0 0 0 / 0.7); background-blend-mode: multiply; } .abiz-features-section-2 .feature-single-item { border: 1px solid rgba(255, 255, 255, 0.3); padding: 20px; padding-top: 0; border-radius: 8px; text-align: center; cursor: pointer; position: relative; margin-bottom: 15px; } .abiz-features-section-2 .feature-icon-box { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; -webkit-transition: 1s; transition: 1s; margin: 0 auto; background: -webkit-gradient(linear, left top, left bottom, color-stop(-210.71%, var(--bs-primary)), to(var(--bs-white))); background: linear-gradient(180deg, var(--bs-primary) -210.71%, var(--bs-white) 100%); margin-top: -30px; -webkit-transition: 1s; transition: 1s; } .abiz-features-section-2 .feature-icon-box img { height: 70px; width: 70px; border-radius: 100%; } .abiz-features-section-2 .feature-icon-box i { font-size: 2rem; line-height: 2.2; } .abiz-features-section-2 .feature-single-item h5 { color: var(--bs-primary); margin-top: 15px; } .abiz-features-section-2 .feature-single-item h5 a { text-decoration: none; } .abiz-features-section-2 .feature-single-item p { color: var(--bs-white); } .abiz-features-section-2 .feature-single-item:hover .feature-icon-box { background: var(--bs-primary); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); color: var(--bs-white); } .abiz-features-section-2 .shape-top { position: absolute; top: 50%; right: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.6s ease-in-out; } .abiz-features-section-2 .shape-bottom { position: absolute; bottom: 50%; left: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.6s ease-in-out; } .abiz-features-section-2 .feature-single-item:hover .shape-top{ top: -1px; right: -1px; opacity: 1; visibility: visible; } .abiz-features-section-2 .feature-single-item:hover .shape-bottom{ position: absolute; bottom: -1px; left: -1px; opacity: 1; visibility: visible; } .abiz-features-section-2 .button-icon{ display:none; } /*===== /Features Section-2 End / =====*/ /*===== 14. Blog Post =====*/ .post-section { position: relative; overflow: hidden; } .blog-carousel .owl-stage { margin: 15px 0; } .post-grid { background: none; box-shadow: none; clear: both; } .post-grid .author-name > a:not(:hover):not(:focus) { color: var(--bs-secondary); } .post-grid:not(.post-single):hover .author-name > a:not(:hover):not(:focus), .post-grid:not(.post-single):focus-within .author-name > a:not(:hover):not(:focus) { color: var(--bs-white); } span.post-underline { display: block; border-width: 0; border-bottom-width: 3px; border-style: dotted; border-color: var(--bs-gray-500-thumb); height: 4px; position: relative; background: none; margin-bottom: 1.65rem; } .post-grid .post-title { padding-bottom: 1.55rem; margin-bottom: 2rem; } .post-job .post-title { padding-bottom: 0; margin-bottom: 0.5rem; border-bottom: 0; } span.post-underline:after, .post-items:not(.latest_posts):not(.post-job) .post-title:after { content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; border-width: inherit; border-bottom-width: inherit; border-style: inherit; border-color: inherit; } .post-title a { text-decoration: none; } .post-title a:not(:hover):not(:focus) { color: var(--bs-secondary); } .post-items p { font-weight: 500; } .post-items p { display: block; word-break: break-word; position: relative; margin-bottom: 1.25rem; } .post-items p > img { border-radius: 10px; width: 95%; margin: auto; } .post-items p + blockquote { margin-top: 1.7rem; } .post-image { width: 100%; position: relative; overflow: hidden; z-index: 0; } .post-image-absolute { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; opacity: 0; visibility: hidden; z-index: 0; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .post-image-absolute:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bs-secondary-dark); opacity: 0.7; z-index: 0; } .post-image-absolute .featured-image, .post-image-absolute .featured-image a { width: 100%; height: 100%; } .featured-image a.post-hover { position: relative; z-index: 0; display: block; overflow: hidden; } .post-image-absolute .featured-image img { height: 100%; object-fit: cover; object-position: center; } .post-image .post-meta { position: absolute; top: 30px; right: 30px; left: 30px; margin: 0 auto; text-align: right; z-index: 0; } .post-content { position: relative; width: 100%; padding: 40px 20px 30px; border-radius: inherit; z-index: 0; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .post-grid .post-content { background-color: var(--bs-white); box-shadow: 0px 0px 20px 0px rgba(33, 68, 98, 0.19); } .post-grid .post-image + .post-content { width: 90%; margin: auto; margin-top: -2.5rem; } .post-items:not(.post-single) .post-content:before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background-color: var(--bs-secondary); opacity: 0; -webkit-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; transform-origin: top; border-radius: inherit; z-index: -1; } .post-items:not(.latest_posts):hover .post-content:before, .post-items:not(.latest_posts):focus-within .post-content:before { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } .post-items .post-image-absolute + .post-content:before { display: none; } .post-grid .post-image { border-radius: inherit; } a.more-link { background-color: var(--bs-primary); color: var(--bs-white); text-decoration: none; padding-right: 3.75rem; position: relative; } a.more-link:after { content: "\f061"; font-family: var(--bs-font-awesome); position: absolute; top: 0; right: 6px; bottom: 0; margin: auto 0; width: 36px; height: 36px; line-height: 36px; font-size: 1.125rem; text-align: center; background-color: var(--bs-white); color: var(--bs-primary); border-radius: 100%; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); z-index: 0; } a.more-link:hover:after, a.more-link:focus:after { transform: rotate(360deg); color: var(--bs-primary); background-color: var(--bs-secondary); } a.more-link:hover, a.more-link:focus { color: var(--bs-white); background-color: var(--bs-primary); } .blog-post-content .post-meta.list-item li { display: inline-block; } .blog-post-content .post-meta.list-item li:not(:last-child) { margin-right: 10px; } .post-meta { margin-bottom: 1rem; } .post-meta > div:not(.post-line) { width: 100%; align-items: flex-start; } .post-grid .post-meta > div:not(.post-line) { justify-content: flex-start; position: relative; } .post-grid .post-meta > div:not(.post-line) > span:not(:first-child) { position: relative; padding-left: 6px; margin-left: 2px; } .post-grid .post-meta > div:not(.post-line) > span:not(:first-child):after { content: "/"; position: absolute; top: 0; left: 0; color: var(--bs-secondary); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .post-grid:hover .post-meta > div:not(.post-line) > span:not(:first-child):after, .post-grid:focus-within .post-meta > div:not(.post-line) > span:not(:first-child):after { color: var(--bs-white); } .post-meta a { text-decoration: none; color: inherit; } .post-meta .post-date a { line-height: 1.1; font-weight: 600; } .post-items:not(.post-grid) .post-meta .post-date a { display: flex; align-items: center; justify-content: flex-start; } .post-items:not(.post-grid):not(:hover):not(:focus-within) .post-meta .post-date a:not(:hover):not(:focus) { color: var(--bs-secondary); } .post-items:not(.post-grid) .post-meta .post-date span { font-size: 3.125rem; line-height: 0.65; display: inline-block; font-weight: bold; margin-right: 0.625rem; } .author-name > a { display: flex; flex-wrap: wrap; align-items: center; } .author-name .author-image { width: 50px; height: 50px; border-radius: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #fefefe; } .widget_rss .rss-date:not(.icon) { position: relative; padding-left: 16px; } .widget_rss .rss-date:not(.icon):before { content: ''; width: 6px; height: 6px; background-color: var(--bs-primary); position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; border-radius: 50%; } .count-link { position: absolute; right: -16px; top: -35px; width: 50px; height: 50px; font-size: 0.75rem; font-weight: 600; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; background-color: var(--bs-white); box-shadow: 0px 0px 7.52px 0.48px rgba(33, 33, 33, 0.23); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .count-link i { margin-bottom: 3px; } .count-link a, .count-link i { line-height: 1; color: var(--bs-secondary-dark); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .post-meta ul { padding: 0; list-style: none; margin: 0; } .post-meta ul li a:not(:nth-child(2)) { margin-left: 6px; } .post-meta ul li a:first-child { display: none; } .post-line a { color: var(--bs-white); text-decoration: inherit; } .post-line { color: var(--bs-white); background-color: var(--bs-primary); font-size: 1rem; font-weight: 600; padding: 6px 15px; border-radius: 6.25rem; display: inline-block; line-height: 1.15; position: absolute; top: -15px; left: auto; } .post-grid:not(:hover):not(:focus-within) .post-line { background-color: var(--bs-secondary); } .post-line a:hover, .post-line a:focus { color: var(--bs-white); } .post-line > span:not(:last-child) { margin-right: 10px; } .post-line > span i { margin-right: 2px; } .post-items .widget_social_widget { text-align: center; margin: 1.5rem 0; } .post-items .widget_social_widget .widget-title, .post-items .widget_social_widget ul { display: inline-block; margin: 0; vertical-align: middle; } .post-items .widget_social_widget .widget-title { margin-right: 15px; } .post-items .widget_social_widget li a { color: var(--bs-white); background-color: var(--bs-secondary); } .post-items .widget_social_widget li a:hover, .post-items .widget_social_widget li a:focus { color: var(--bs-white); background-color: var(--bs-primary); } .post-items:hover .post-image-absolute, .post-items:focus-within .post-image-absolute { opacity: 1; visibility: visible; } .post-items:not(.latest_posts):not(.post-single):hover p, .post-items:not(.latest_posts):not(.post-single):hover .post-title a:not(:hover):not(:focus), .post-items:not(.latest_posts):not(.post-single):hover .post-date a:not(:hover):not(:focus), .post-items:not(.latest_posts):not(.post-single):focus-within p, .post-items:not(.latest_posts):not(.post-single):focus-within .post-title a:not(:hover):not(:focus), .post-items:not(.latest_posts):not(.post-single):focus-within .post-date a:not(:hover):not(:focus) { color: var(--bs-white); } .post-items:hover span.post-underline, .post-items:focus-within span.post-underline, .post-items:not(.latest_posts):not(.post-job):not(.post-single):hover .post-title, .post-items:not(.latest_posts):not(.post-job):not(.post-single):focus-within .post-title { border-color: var(--bs-white); } .post-items:not(.post-single):hover .count-link a, .post-items:not(.post-single):hover .count-link i, .post-items:not(.post-single):focus-within .count-link a, .post-items:not(.post-single):focus-within .count-link i { color: var(--bs-white); } .post-items:not(.post-single):hover .count-link, .post-items:not(.post-single):focus-within .count-link { background-color: var(--bs-primary); color: var(--bs-white); } .post-single .post-title { border-color: var(--bs-gray); font-size: 2rem; } .post-items blockquote { width: 82.563%; margin: auto; text-align: center; } .post-items .widget { width: 60%; margin: auto; } /*===== // =====*/ /*========================================= Footer Section =========================================*/ .main-footer { position: relative; color: var(--bs-white); background-repeat: no-repeat; background-position: center top; background-size: cover; padding-top: 50px; } .main-footer .gallery-item { border: 1px solid #202052; } .main-footer .gallery-item figcaption:before { font-size: 0.5rem; } .footer-main { padding-top: 50px; } .footer-main .col { border-top: 1px solid rgba(255, 255, 255, .2); padding: 50px; } .footer-main .col:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .2); } .footer-copyright .row { border-top: 1px solid rgba(255, 255, 255, .2); } .footer-main .contact-area { align-items: baseline; } .footer-main .contact-area:not(:last-child) { margin-bottom: .75rem; } .footer-main .contact-icon { width: 16px; height: auto; font-size: 100%; margin-right: 10px; } .footer-main .contact-info .text { line-height: 1.5; } .footer-main .st-grid-dl dt:not(#sunday), .footer-main .st-grid-dl dd:not(:last-child) { border-bottom: 1px solid rgb(171 171 171 / 0.20); } .footer-main .st-grid-dl dt#sunday, .footer-main .st-grid-dl dd#closed { color: var(--bs-primary); } .footer-copyright { color: #fff; font-size: 16px; line-height: 12px; } .footer-copyright .widget-left img { margin-bottom: 15px; max-width: 180px; margin-top: 10px; } .footer-copyright .copyright-text { font-size: 1.17rem; line-height: initial; } .copyright-text a { color: var(--bs-primary); } .copyright-text a:not(:hover):not(:focus) { text-decoration: none; } .footer-copyright .widget_text .textwidget .logo { margin-bottom: 0; } .footer-copyright .widget-left { min-height: 60px; position: relative; } .footer-copyright .col-lg-12 .widget-left .contact-icon-duplicate { display: none; } .footer-copyright .copyright-text, .footer-copyright .menu { margin-top: 1rem; } .footer-copyright .menu li { display: inline-block; position: relative; } .footer-copyright .menu li a { color: var(--bs-white); position: relative; z-index: 0; display: inline-block; outline: none; } .footer-copyright .menu li a:hover, .footer-copyright .menu li a:focus{ color: var(--bs-primary); } .footer-copyright .menu li a:before{ content: "\f324"; font-family: var(--bs-font-awesome); font-weight: 800; position: absolute; top: 9px; bottom: 0; left: -5px; margin: auto 0; color: var(--bs-primary); transition: all .2s ease-in-out; } @media (min-width: 992px) { .footer-copyright .col-lg-12 .widget-left { padding-right: 60px; } .footer-copyright .col-lg-12 .widget-left .contact-icon-duplicate { right: -50px; display: flex; } } .footer-copyright .col-lg-12 .widget-left { justify-content: center; } .footer-copyright .col-lg-12 .widget-left .widget.widget-contact { position: relative; z-index: 0; } .footer-copyright .col-lg-12 .copyright-text { padding: 20px 0; } .footer-copyright .contact-area .contact-icon { font-size: 1.563rem; width: 44px; height: 44px; border-radius: 100%; background-color: var(--bs-primary); color: var(--bs-white); } .footer-copyright .contact-area .contact-icon-duplicate { font-size: 4rem; color: var(--bs-primary); position: absolute; top: 0; right: 15px; bottom: 0; margin: auto 0; display: flex; align-items: center; -webkit-transform: scaleX(-1); transform: scaleX(-1); opacity: 0.15; } .footer-copyright .contact-area .contact-icon:after, .footer-copyright .contact-area .contact-icon:before { content: ""; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; background-color: var(--bs-primary); opacity: 0.3; } .footer-copyright .contact-area .contact-icon:before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; } .footer-copyright .contact-area .contact-icon:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; } .footer-copyright .contact-area .title { font-size: 1.563rem; font-weight: 600; color: var(--bs-white); } .footer-copyright .contact-area .text { font-size: 2.188rem; font-weight: bold; } .footer-copyright .contact-area a:not(:hover):not(:focus) { color: var(--bs-white); } .footer-top .widget-contact { display: flex; align-items: center; background-color: #FFFFFF0D; justify-content: center; border-style: solid; border-width: 0px 0px 3px 0px; border-color: var(--bs-white); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 24px 15px 21px 15px; } .footer-top .widget-contact:hover { border-color: var(--bs-primary); } .footer-top .widget-contact .contact-icon { margin-right: 25px; } .footer-top .widget-contact .title { font-weight: 600; font-size: 20px; } .footer-top .widget-contact .text, .footer-top .widget-contact .text a { font-size: 18px; color: #fff; } .footer-top .widget-contact:hover .contact-icon:after{ opacity: 1; transform: scale(1.15); } .footer-top-2 { padding: 28px 0; border-top: 2px solid var(--bs-secondary); border-bottom: 2px solid var(--bs-secondary); display: block; position: relative; } .footer-top-2 .footer-top-item { display: flex; align-items: center; justify-content: space-between; } .footer-top-2 .footer-top-item .footer-top-title { font-weight: 700; font-size: 20px; line-height: 44px; text-transform: uppercase; color: var(--bs-primary); } .footer-top-2 .footer-top-item .footer-item-link { display: flex; align-items: center; gap: 25px; } .footer-top-2 .footer-top-item .footer-icon-wrap{ position: relative; display: flex; align-items: center; justify-content: center; max-width: 70px; } .footer-top-2 .footer-top-item .footer-icon-wrap .icon-1 { font-size: 32px; color: var(--bs-primary); position: relative; z-index: 1; transition: all 0.4s ease; } .footer-top-2 .footer-top-item .footer-icon-wrap .icon-2 { position: absolute; font-size: 70px; color: var(--bs-white); transition: all 0.4s ease; } .footer-top-2 .footer-top-item .footer-item-link a { font-weight: 600; font-size: 34px; font-size: 28px; line-height: 44px; color: var(--bs-white); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .footer-top-item:after { content: ""; position: absolute; width: 2px; height: 100%; background: var(--bs-secondary); top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer-main .about-addresss i { margin-right: 10px; } .footer-main .wp-block-calendar thead tr th { background-color: var(--bs-primary); } .footer-main .wp-block-calendar td, .footer-main .wp-block-calendar th { color: var(--bs-white); } /*===== Footer Section End =====*/ /*=============== Contact-Area Start =============*/ .contact-area { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .contact-icon { display: flex; align-items: center; background: var(--bs-primary); justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 1; font-size: 30px; width: 55px; height: 55px; line-height: 55px; margin-right: 30px; border-radius: 50px; color: var(--bs-white); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .contact-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; box-shadow: 0 0 0 3px #fff; top: 0; left: 0; opacity: 0; transition: 300ms; } .contact-area .contact-icon i, .contact-area .contact-icon img { color: inherit; display: inline-block; vertical-align: baseline; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .contact-area:hover .contact-icon i, .contact-area:hover .contact-icon img, .contact-area:focus-within .contact-icon i, .contact-area:focus-within .contact-icon img { /*-webkit-animation: buzz-out 1.25s linear infinite;; animation: buzz-out 1.25s linear infinite;;*/ } .contact-info { display: inline-block; text-align: left; color: inherit; } .contact-info .text { margin-bottom: 0; line-height: normal; font-weight: 500; } .contact-info .title { font-weight: 500; font-size: 1.325rem; line-height: 1.4; margin-bottom: 1px; } .contact-info .btn-link { text-decoration: none; box-shadow: none; padding: 0; font-weight: 700; } .contact-info .btn-link:not(:hover):not(:focus) { color: var(--bs-secondary); } .contact-btn { display: inline-block; overflow: hidden; margin-top: 2rem; } .contact-btn .read-link:after { content: "\f061"; height: 0.9375rem; width: 0.9375rem; border-radius: 1.25rem; background-color: var(--bs-secondary); color: var(--bs-white); font-size: 0.625rem; } .contact-btn .read-link:hover, .contact-btn .read-link:focus { color: var(--bs-primary); } .contact-btn .read-link:hover:after, .contact-btn .read-link:focus:after { background-color: var(--bs-primary); color: var(--bs-white); } /* ------------ Contact Area End --------- */ /*========================================= Page Scroller =========================================*/ .scrollingUp { position: fixed; bottom: 55px; right: 30px; background: 0 0; color: var(--bs-primary); width: 46px; height: 46px; line-height: 46px; text-align: center; transition: .9s; border-radius: 100%; font-size: 30px; border: none; z-index: 5; overflow: visible; visibility: hidden; opacity: 0; box-shadow: inset 0 0 0 2px var(--bs-primary-light) !important; } button.scrollingUp:hover, button.scrollingUp:focus { outline: none; color: var(--bs-primary); background: 0 0; } .scrollingUp.is-active { visibility: visible; opacity: 1; } .scrollingUp i { transform: translateY(-2px); } .scrollingUp svg { position: absolute; top: 0; left: 0; width: 46px; height: 46px; transform: rotate(-90deg); } .scrollingUp circle { stroke-width: 2; fill: none; stroke: var(--bs-primary); stroke-dasharray: 262px; box-sizing: border-box; transition: all 200ms linear!important; } /*===== // =====*/ /*===== 21. Breadcrumb =====*/ .breadcrumb-area { width: 100%; position: relative; z-index: 2; height: auto; display: block; min-height: 260px; background-size: 100%; background-color: var(--bs-secondary); } .breadcrumb-area:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, var(--bs-primary) 23%, rgba(10, 19, 79, .807) 55%, rgba(10, 19, 79, .555) 60%, rgba(10, 19, 79, .421)); opacity: 0.75; transition: var(--bs-transition); z-index: -1; } .breadcrumb-content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 100%; padding: 30px; min-height: 260px; color: var(--bs-white); } .breadcrumb-heading { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; padding: 0; width: 100%; max-width: 50%; } .breadcrumb-list { flex-shrink: 0; list-style: none; width: 100%; max-width: 50%; padding: 0; margin: 0; } .breadcrumb-list li { display: inline-block; word-break: break-word; font-weight: 600; font-size: 1.125rem; } .breadcrumb-list li a { color: var(--bs-white); text-decoration: none; } .breadcrumb-list li:not(:first-child) { margin-left: 0.35rem; } .breadcrumb-list li i { vertical-align: baseline; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; font-size: 1rem; background-color: var(--bs-white); color: var(--bs-primary); border-radius: 6.25rem; text-align: center; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .breadcrumb-content .breadcrumb-list li a:hover i, .breadcrumb-content .breadcrumb-list li a:focus i { color: var(--bs-white); background: var(--bs-secondary); transform: rotate(360deg); } .breadcrumb-center .breadcrumb-content { -ms-flex-direction: column; flex-direction: column; justify-content: center; margin: auto; } .breadcrumb-center .breadcrumb-content { padding: 30px 0 0; } .breadcrumb-center .breadcrumb-heading { text-align: center; margin-bottom: 0.75rem; } .breadcrumb-list { text-align: center; max-width: max-content; display: inline-block; padding: 0.438rem 0.834rem 0.438rem 0.5rem; border-radius: 6.25rem; background-color: var(--bs-primary); } .breadcrumb-left .breadcrumb-content { justify-content: space-between; } .breadcrumb-right .breadcrumb-content { flex-direction: row-reverse; justify-content: space-between; } .breadcrumb-right .breadcrumb-list, .breadcrumb-left .breadcrumb-heading { text-align: left; } .breadcrumb-left .breadcrumb-list, .breadcrumb-right .breadcrumb-heading { text-align: right; } /*===== // =====*/ /*===== 26. Pagination =====*/ .navigation.pagination, .woocommerce nav.woocommerce-pagination ul { display: inline-flex; margin: 0; padding: 10px; background-color: #fff; border-radius: 40px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.5); } nav.woocommerce-pagination ul, .pagination .nav-links { display: inline-flex; } .pagination .page-numbers:not(.dots), .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers { font-weight: 600; border-width: 2px; border-style: solid; border-color: transparent; color: var(--bs-white); background-color: var(--bs-secondary); display: flow-root; font-size: 16px; line-height: 1.2; min-width: 40px; text-align: center; padding: 0.532rem 0.35rem; -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); vertical-align: baseline; white-space: nowrap; position: relative; text-decoration: none; border-radius: 6.25rem; cursor: pointer; } .pagination .page-numbers:not(.dots):after, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 92%; height: 92%; margin: auto; border: 3px solid var(--bs-white); border-radius: 6.25rem; } .pagination .page-numbers.dots { display: inline-block; line-height: 16px; font-size: 50px; margin-right: 10px; } .pagination .nav-links a:hover, .pagination .nav-links a:focus, .pagination .nav-links .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current { color: var(--bs-white); background-color: var(--bs-primary); } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .pagination .page-numbers:not(.dots):not(:last-child), .woocommerce nav.woocommerce-pagination ul.page-numbers li:not(:last-child) .page-numbers { margin-right: 7px; } .pagination .page-numbers.next:hover, .pagination .page-numbers.next:focus, .pagination .page-numbers.prev:hover, .pagination .page-numbers.prev:focus, .woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:focus, .woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:hover { transform: rotate(360deg); } .fx-post-pagination div.nav { display: inline-flex; align-items: center; } .fx-post-pagination div.nav>span { display: inline-block; margin: 0 10px; line-height: 40px; padding: 0 10px; font-weight: 700; } .fx-post-pagination div.nav a { display: inline-block; color: var(--bs-white); padding: 5px 25px; font-weight: 600; letter-spacing: 0.185px; position: relative; z-index: 0; border-radius: 6.25rem; background-color: var(--bs-primary); vertical-align: middle; display: inline-block; padding: 0 20px; line-height: 40px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /*===== // =====*/ /*===== 29. Author-Area =====*/ .author-details { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 1.875rem; border-radius: 10px; overflow: hidden; color: var(--bs-white); background-color: var(--bs-secondary); } .author-details .section-header { width: 100%; display: block; margin-bottom: 1.5rem; } .comments-title h3, .comment-reply-title, .author-details .section-header h3 { line-height: 1; font-size: 2rem; padding-bottom: 1.25rem; margin-bottom: 2.35rem; border-width: 0; border-bottom-width: 3px; border-style: dotted; border-color: var(--bs-gray-500-thumb); position: relative; } .comments-title h3:before, .comment-reply-title:before, .author-details .section-header h3:before { content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; border-width: inherit; border-bottom-width: inherit; border-style: inherit; border-color: inherit; } .author-details .media { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .author-details .media .auth-mata { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-positive: 0; flex-grow: 0; margin-right: 1.25rem; margin-top: 0; } .author-details .media .auth-mata img { width: 110px; border-radius: 100%; border: 1px solid rgb(222 222 222 / 0.10); } .author-details .media .media-body { flex: 1; } .author-details h4, .author-details .author-widget { display: inline-block; } .author-details .widget_social_widget li a { background-color: var(--bs-white); color: var(--bs-primary); } .author-details .media .media-body h5 { letter-spacing: 0.25px; vertical-align: baseline; } .author-details .media .media-body h5 a:not(:hover):not(:focus) { color: var(--bs-white); } .author-details .media .media-body h5 span { font-size: 1rem; } .author-details .media .media-body h5 span, .author-details .media .media-body p { font-weight: 500; } .author-details .media .media-body h5 span i { font-size: 80%; margin-right: 3px; } .author-details a { text-decoration: none; } .author-details p { display: block; clear: both; } .author-details .btn { color: var(--bs-secondary); font-weight: 700; padding: 0.75rem 1.135rem; font-size: 0.95rem; letter-spacing: 0; } .author-details .btn:hover, .author-details .btn:focus { border-color: var(--bs-white); } /*===== // =====*/ /*===== 30. Comments-Area =====*/ .comment-form-rating { display: block; clear: both; margin-top: 45px; } .comments-area {} .comments-title, .comments-title { margin-bottom: 1.25rem; text-align: left; } .comment-list { padding: 0; list-style: none; margin-bottom: 1.75rem; } .comments-area li { list-style: none; position: relative; padding-left: 110px; } .comments-area .comment-body { padding: 30px; min-height: 120px; overflow-wrap: break-word; border-radius: 7px; z-index: 0; box-shadow: 0px 0px 15px 3px rgba(33, 33, 33, 0.15); } .comments-area .children .comment-body { box-shadow: none; background-color: var(--bs-primary-light); } .comments-area li:not(:last-child) .comment-body { margin-bottom: 1.75rem; } .comments-area .comment-meta { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: baseline; align-items: baseline; font-weight: 600; } .comments-area .comment-meta a:not(:hover):not(:focus) { text-decoration: none; color: var(--bs-secondary); } .comments-area .comment-meta time { font-weight: 500; } .comments-area .comment-meta .comment-author img { position: absolute; z-index: 0; left: 0px; top: 0; bottom: 0; width: 90px; border-radius: 100%; } .comment-author b { font-weight: 700; } .comment-meta .comment-metadata { margin-left: 5px; } .comment-content { position: relative; z-index: 0; padding: 0.5rem 0 0.85rem; } .comment-content p { margin: 0; font-weight: 500; } .comment-metadata .edit-link { margin-left: 10px; } .comment-metadata .edit-link, .comment-body .reply { font-weight: 600; display: inline-block; } .comment-metadata .edit-link a, .comment-body .reply a { display: inline-flex; font-weight: 700; } .comment-metadata .edit-link a:not(:hover):not(:focus), .comment-body .reply a:not(:hover):not(:focus) { color: var(--bs-secondary); } .comment-body .reply { text-align: left; } .comment-list .children { position: relative; padding: 0; margin: 0; margin-top: 30px; margin-left: 4.5rem; z-index: 0; } #cancel-comment-reply-link { color: var(--bs-primary); text-decoration: underline; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus { text-decoration: none; } /*===== // =====*/ /*===== 31. Form Part for Comment =====*/ .comment-respond { margin-top: 2.5rem; } .comments-title h5, .comment-reply-title { text-align: left; color: var(--bs-secondary); } .comment-form { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .comment-form > p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) { flex: 1 1 40%; } .comment-form > p:nth-child(2n+1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) { margin-right: 1.25rem; } .comment-form p.comment-form-url:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) { margin-right: 0; } .comment-form label { font-weight: 600; font-size: 1rem; margin-bottom: 5px; } .comment-form .comment-form-cookies-consent label { margin-bottom: 0; vertical-align: middle; margin-left: 6px; } .comment-form .required { color: var(--bs-red); } .comment-form-comment { max-width: 100%; flex-basis: 100%; } .comment-form p.comment-notes { font-weight: 600; } .comment-form > p:not(:last-child) { margin-bottom: 1rem; } .comment-form input, .comment-form input[type="text"]:not(.adminbar-input), .comment-form textarea, .comment-form select { box-shadow: 0 0 15px 3px rgb(0 0 0 / 0.1); } .comment-form-cookies-consent, .form-submit { width: 100%; } /*===== // =====*/ /*===== / Abiz About section Start / =====*/ .about-section .about-section-image { position: relative; top: 3px; } .about-section .about-image-inner { position: relative; display: table; } .about-section .about-image-inner img { max-width: 100%; height: auto; } .about-section .about-image-inner .about-image-two { position: absolute; top: 30px; width:170px; height:220px; right: 30px; border: 10px solid var(--bs-white); z-index: 1; animation: zumpBottom 2s linear infinite; } @keyframes zumpBottom { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } .about-section .about-experience { position: absolute; left: 0px; bottom: 40px; padding: 16px 32px; text-align: center; background-color: var(--bs-primary); z-index: 1; } .about-section .about-exp-year { margin-bottom: 3px; font-weight: 700; font-size: 45px; line-height: 1.22; color: var(--bs-white); letter-spacing: -0.03em; text-transform: capitalize; } .about-section .about-exp-title { margin: 0; font-weight: 600; font-size: 16px; line-height: 1.375; color: var(--bs-white); letter-spacing: -0.03em; text-transform: capitalize; } .about-section .about-ply-button { position: absolute; top: 230px; right: 100px; z-index: 1; } .about-section .about-video-btn { position: relative; display: flex; align-items: center; font-size:1.5rem; justify-content: center; width: 55px; height: 55px; background:var(--bs-primary); color: var(--bs-white); border-radius: 50%; border: 1px solid var(--bs-primary); transition: all 500ms ease; } .about-section .about-video-btn span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border: 1px solid var(--bs-primary); border-radius: 50%; z-index: -1; transition: all 500ms ease; -webkit-animation: pulse-animate 4s linear infinite; animation: pulse-animate 4s linear infinite; } .about-section .about-video-btn span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .about-section .about-video-btn span:nth-child(3) { -webkit-animation-delay: 2s; animation-delay: 2s; } .about-section .about-video-btn span:nth-child(4) { -webkit-animation-delay: 3s; animation-delay: 3s; } @keyframes pulse-animate { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(2.5); transform: scale(2.5); opacity: 0; } } .about-section .about-image-inner:before{ content: ""; width: calc(100% - 70px); height: calc(100% - 66px); position: absolute; left: -47px; bottom: -48px; z-index: -1; animation: zump 2s linear infinite; background-image:url(../images/doted-shap-bg.png); } @keyframes zump { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 50% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); } } .about-section .about-image-inner:after{ content: ""; width: 100%; height: 100%; background-color: var(--bs-primary); position: absolute; left: 0; top: 0; transform: rotate(4.3deg); z-index: -1; animation: rotateShape 3s linear infinite; } @keyframes rotateShape { 50% { transform: rotate(-4.3deg); } 100% { transform: rotate(4.3deg); } } .about-section .about-content .about-info{ margin-bottom: 22px; display: flex; align-items: center; gap: 20px; } .about-section .about-content .about-info-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 74px; height: 74px; font-size: 40px; color: var(--bs-primary); background-color: var(--bs-black); transition: all 500ms ease; border-radius: 50px; } .about-section .about-content .about-info-text { margin: 0; font-weight: 600; font-size: 16px; color: var(--bs-primary); line-height: 1.62; text-transform: capitalize; } .about-section .about-content .about-desc-text-p { margin-bottom: 27px; text-transform: capitalize; } .about-section .about-content .about-content-list { margin-bottom: 40px; display: flex; align-items: center; gap: 12px 30px; flex-wrap: wrap; } .about-section .about-content .about-content-list li { display: flex; gap: 11px; font-weight: 600; font-size: 16px; color: var(--easilon-black, #2B2B5E); line-height: 1.75; text-transform: capitalize; } .about-section .about-content .about-list-icon { font-size: 18px; color: var(--bs-primary); } @media only screen and (max-width: 992px){ .about-section .about-content { position: relative; top: 3rem; } } @media only screen and (max-width: 600px){ .about-section .about-experience { bottom: 10px; padding: 10px 20px; } .about-section .about-ply-button { top: 144px; right: 50px; } .about-section .about-exp-year { font-size: 25px; line-height: 1; } .about-section .about-exp-title { font-weight: 500; font-size: 14px; line-height: 1; } .about-section .about-image-inner .about-image-two { top: 0; width: 150px; height: 200px; object-fit: cover; right: 30px; border: 5px solid var(--bs-white); } .about-section .about-video-btn { font-size: 1rem; justify-content: center; width: 45px; height: 45px; } } /*===== / End About Section / =====*/ /*===== / Start Marquee Section / =====*/ .abiz-marquee-section { position: relative; display: block; background-color: var(--bs-secondary); padding: 1rem 0 1rem; z-index: 1; overflow: hidden; } .abiz-marquee-section .marquee-inner{ position: relative; display: block; } .abiz-marquee-section .marquee-wrapper{ width: 100000px; transform: translateX(0px); } @keyframes marqueeAnimation-9925992 { 100% { transform: translateX(-3126.59px); } } .abiz-marquee-section .marquee-inner-content .marquee-list { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; } .abiz-marquee-section .marquee-inner-content .marquee-title { position: relative; display: inline-flex; } .abiz-marquee-section .marquee-inner-content .marquee-title a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; letter-spacing: -0.8px; text-transform: capitalize; font-weight: 500; line-height: 20px; color: var(--bs-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; padding: 0 22px; text-decoration: none; } .abiz-marquee-section .marquee-inner-content .marquee-title i{ color: var(--bs-white); position: relative; font-size: 16px; margin-right: 15px; } .abiz-marquee-section .marquee-inner-content .marquee-title .marqueee-color-txt { position: relative; margin-right: 5px; color: var(--bs-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } /*===== / End Marquee Section / =====*/ /*===== / Blog section-1 start / =====*/ .blog-section .blog-item-current { position: relative; padding: 14px; border: 1px solid var(--bs-gray); padding-bottom: 0; box-shadow: 0 10px 60px rgba(0, 0, 0, .07); transition: all .3s ease; } .blog-section .blog-header { position: relative; } .blog-post-content { padding: 20px; } .blog-post-content .post-meta.list-item { list-style-type: none; padding-left: 0; } .blog-post-content .post-meta.list-item li i { background: var(--bs-primary); height: 1.7rem; width: 1.7rem; line-height: 1.7rem; border-radius: 100%; text-align: center; color: var(--bs-white); font-size: 0.8rem; } .blog-section .blog-thumb { position: relative; overflow: hidden; margin-bottom: 0; } .blog-section .post-thumb.blog-img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px); } .blog-section .blog-item-current:hover .post-thumb.blog-img:first-child{ transform: translatex(0) scalex(1); opacity: 1; filter: blur(0); } .blog-section .post-thumb.blog-img { position: relative; width: 100%; display: block; transition: all .5s ease; } .blog-section img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all .4s ease-in-out; } .blog-inner .blog-thumb+.post-category { position: absolute; left: 20px; bottom: 0; background: var(--bs-primary); color: var(--bs-white); z-index: 1; display: block; align-items: center; justify-content: center; padding: 10px; text-align: center; line-height: 1; text-align: left; } .blog-inner .post-category { position: absolute; left: 20px; bottom: 0; background: var(--bs-primary); color: var(--bs-white); z-index: 1; display: block; align-items: center; justify-content: center; padding: 10px; text-align: center; line-height: 1; text-align: left; } .blog-inner .post-category.not-thumb { position: relative; display: inline-block; } .blog-section .post-category a, .blog-section .post-category i { color: var(--bs-white); text-decoration: none; } .blog-section .post-category i, .post-meta i { margin-right: 6px; } .post-meta i { color: var(--bs-primary); } /*===== / Blog section-End 1 / =====*/ /*===== / Blog section-2 / =====*/ .blog-section .blog-wrapper .blog-inner-2 { position: relative; overflow: hidden; padding: 30px; padding-bottom: 38px; margin: 30px 0; z-index: 1; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .blog-section .blog-inner-2:before, .blog-section .blog-inner-2::after { position: absolute; left: 0; right: 0; top: 0; height: calc(100% - 8px); content: ""; z-index: -1; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .blog-section .blog-inner-2:before { transform-origin: right center; -webkit-transform-origin: right center; -webkit-transform: scale(0, 1); -khtml-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -khtml-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -moz-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -ms-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); z-index: -1; background: var(--bs-secondary); } .blog-section .blog-inner-2::after { width: calc(100% - 20px); z-index: -3; margin: 0 auto; background-color: var(--bs-primary); background-image: linear-gradient(1deg, var(--bs-primary)) 0%, var(--bs-primary-light) 100%); } .blog-section .blog-inner-2 .blog-item-bg { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bs-white); z-index: -2; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; box-shadow: 0px 0px 18px 0px rgba(13, 0, 34, 0.04); height: calc(100% - 8px); } .blog-inner-2 .blog-meta { display: flex; align-items: center; margin-bottom: 20px; justify-content: flex-start; } .blog-inner-2 .blog-img-thumb { width: 43px; height: 43px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 14px; position: relative; } .blog-inner-2 .blog-meta .info { line-height: 22px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: var(--bs-secondary); } .blog-inner-2 .blog-meta .info a{ font-weight: 700; color: var(--bs-secondary-dark); } .blog-inner-2 .blog-tags { margin-bottom: 20px; } .blog-inner-2 .blog-tags a { color: var(--bs-white); display: inline-block; padding: 6px 13px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; line-height: 1; font-weight: 700; position: relative; z-index: 1; overflow: hidden; } .blog-inner-2 .blog-tags li{ list-style:none; } .blog-inner-2 .blog-tags li a::before, .blog-inner-2 .blog-tags li a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; } .blog-inner-2 .blog-tags li a::before{ background-color: var(--bs-primary); background-image: linear-gradient(1deg, var(--bs-primary)) 0%, var(--bs-primary-light) 100%); } .blog-inner-2 .blog-tags li a::after{ background: var(--bs-white); opacity: 0; } .blog-inner-2 .post-title { font-size: 22px; line-height: 30px; } .blog-inner-2 .post-title a{ color: var(--bs-secondary); } .blog-inner-2 .blog-link { font-weight: 700; color: var(--bs-secondary); margin-top: 20px; display: inline-block; } .blog-inner-2 .blog-link i{ -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blog-inner-2:hover { color: var(--bs-white); } .blog-inner-2:hover:before{ transform-origin: left center; -webkit-transform-origin: left center; -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .blog-inner-2:hover .blog-meta .info { color: var(--bs-gray-light); } .blog-inner-2:hover .blog-tags a { color: var(--bs-secondary); } .blog-inner-2:hover .post-title a, .blog-inner-2:hover .blog-link { color: var(--bs-white); } .blog-inner-2:hover .blog-tags li a::before { opacity: 0; } .blog-inner-2:hover .blog-tags li a::after { opacity: 1; } .blog-inner-2:hover .blog-meta .info a{ color: var(--bs-primary); } .blog-inner-2 .post-title a:hover, .blog-inner-2 .blog-link:hover{ color:var(--bs-primary) !important; } .blog-inner-2:hover::after { top: 8px; -webkit-transition-delay: .16s; transition-delay: .16s; } /*===== / Blog Section-2 End / =====*/ /*===== / Blog Section-3 Start / =====*/ .blog-inner-3 .blog-single { position: relative; display: block; margin-bottom: 30px; } .blog-inner-3 .blog-inner-img { position: relative; display: block; overflow: hidden; z-index: 1; } .blog-inner-3 .blog-inner-img:before{ background-color: var(--bs-white); position: absolute; height: 0; width: 100%; left: 0; top: 0; opacity: 0; -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; content: ""; z-index: 1; } .blog-inner-3 .blog-inner-img .blog-user-box { position: absolute; bottom: 35px; left: 30px; display: flex; align-items: flex-end; z-index: 2; } .blog-inner-3 .blog-inner-img img { width: 100%; transition: .5s ease; transform: scale(1); height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; } .blog-inner-3 .blog-single:hover .blog-inner-img img{ transform: scale(1.05); } .blog-inner-3 .blog-single:hover .blog-inner-img:before{ height: 100%; opacity: .05; } .blog-inner-3 .blog-single:hover .blog-inner-img:after{ height: 0; opacity: .5; } .blog-inner-3 .blog-inner-img .blog-user-img { position: relative; display: block; width: 50px; height: 50px; border-radius: 50%; z-index: 2; } .blog-inner-3 .blog-inner-img .blog-user-img img { border: 1px solid var(--bs-black); border-radius: 50% !important; } .blog-inner-3 .blog-inner-img .blog-user-author { position: relative; display: block; background-color: var(--bs-white); padding-left: 47px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; border-radius: 15px; margin-left: -40px; } .blog-inner-3 .blog-inner-img .blog-user-box a { position: relative; display: contents; } .blog-inner-3 .blog-inner-img .blog-user-author p { font-size: 14px; color: var(--bs-black); font-weight: 600; text-transform: uppercase; letter-spacing: -0.56px; line-height: 14px; } .blog-inner-3 .blog-inner-img:after { position: absolute; content: ""; background-color: var(--bs-white); height: 100%; width: 100%; left: 0; top: 0; bottom: 0; opacity: 0; z-index: 1; -moz-transition: all 600ms ease-out 0s; -webkit-transition: all 600ms ease-out 0s; -ms-transition: all 600ms ease-out 0s; -o-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; } .blog-inner-3 .blog-single .blog-content { position: relative; display: block; background-color: var(--bs-white); border: 1px solid var(--bs-gray); border-top: 0; padding: 23px 29px 21px; z-index: 1; } .blog-inner-3 .blog-single .blog-content:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bs-black); transform: scaleY(0.0) rotateX(0deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: -1; } .blog-inner-3 .blog-single:hover .blog-content:before{ transform: scaleY(1.0) rotateX(0deg); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .blog-inner-3 .blog-single .blog-content .blog-meta-info { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content:space-between; list-style:none; padding: 0; } .blog-inner-3 .blog-single .blog-content .blog-meta-info li a{ position: relative; display: flex; align-items: center; font-size: 16px; color: var(--bs-secondary); letter-spacing: -0.64px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-inner-3 .blog-single:hover .blog-content .blog-meta-info li a, .blog-inner-3 .blog-single:hover .blog-content .post-title a, .blog-inner-3 .blog-single:hover .blog-content p{ color: var(--bs-white); } .blog-inner-3 .blog-single .blog-content .blog-meta-info li i{ position: relative; display: inline-block; font-size: 17px; color: var(--bs-primary); padding-right: 15px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-inner-3 .blog-single .blog-content .post-title { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: -0.96px; border-bottom: 2px solid var(--bs-gray); padding-bottom: 17px; margin-bottom: 10px; margin-top: 15px; position: relative; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-inner-3 .blog-single .blog-content .post-title:before{ content: ""; position: absolute; bottom: -12px; right: 0; border-top: 12px solid transparent; border-left: 12px solid var(--bs-gray); border-bottom: 12px solid transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-inner-3 .blog-single .blog-content .post-title a{ color: var(--bs-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } /*===== / Blog Section-3 End / =====*/ /*===== / Contact Form 7 start / =====*/ .ct-contact-form .wpcf7 form { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -3%; } .contact-wrap.ct-contact-form { margin-top: 2rem; } .ct-contact-form .wpcf7 form p { flex: 100%; margin-bottom: 3%; } .ct-contact-form .wpcf7 form p:nth-child(5), .ct-contact-form .wpcf7 form p:nth-child(3) { margin-left: 3%; } .ct-contact-form .wpcf7 form p:nth-child(5), .ct-contact-form .wpcf7 form p:nth-child(2), .ct-contact-form .wpcf7 form p:nth-child(3), .ct-contact-form .wpcf7 form p:nth-child(4) { flex: 0 0 48.5%; } .ct-contact-form .wpcf7 form .wpcf7-response-output { position: relative; bottom: 2.5rem; } @media (max-width: 35.938em) { .ct-contact-form .wpcf7 form { margin-bottom: -2rem; } .ct-contact-form .wpcf7 form p { margin-bottom: 2rem; } .ct-contact-form .wpcf7 form p:nth-child(5), .ct-contact-form .wpcf7 form p:nth-child(3) { margin-left: 0; } .ct-contact-form .wpcf7 form p:nth-child(5), .ct-contact-form .wpcf7 form p:nth-child(2), .ct-contact-form .wpcf7 form p:nth-child(3), .ct-contact-form .wpcf7 form p:nth-child(4) { flex: 0 0 100%; } } .ct-contact-form .wpcf7 form input[type="text"], .ct-contact-form .wpcf7 form input[type="email"], .ct-contact-form .wpcf7 form input[type="url"], .ct-contact-form .wpcf7 form input[type="password"], .ct-contact-form .wpcf7 form input[type="search"], .ct-contact-form .wpcf7 form input[type="number"], .ct-contact-form .wpcf7 form input[type="tel"], .ct-contact-form .wpcf7 form input[type="range"], .ct-contact-form .wpcf7 form input[type="date"], .ct-contact-form .wpcf7 form input[type="month"], .ct-contact-form .wpcf7 form input[type="week"], .ct-contact-form .wpcf7 form input[type="time"], .ct-contact-form .wpcf7 form input[type="datetime"], .ct-contact-form .wpcf7 form input[type="datetime-local"], .ct-contact-form .wpcf7 form input[type="color"], .ct-contact-form .wpcf7 form textarea { background: var(--bs-white); border-color: transparent; border-radius: 0; box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.07); } /*===== / Contact Form 7 End / =====*/ /*===== / product section / =====*/ .product-section ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; } .product-section ul.products::before { content: " "; display: table; } .product-section li.product-list { width: 22.05%; float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; margin-left: 0; } .products li.first { clear: both; } .product-list .product-main { margin-bottom: 0; position: relative; } .product-main a{ display: inline-block; text-decoration: none; } .product-main .product-fimg a img{ margin: 0; } .product-main a img{ width: 100%; height: auto; display: block; box-shadow: none; } .product-main .product-action { position: absolute; bottom: 6px; left: 0; width: 100%; padding: 20px; text-align: center; transform: translateY(100%); opacity: 0; transition: var(--bs-transition-slow); } .product-action .button.add_to_cart_button { background-color: var(--bs-primary); color: var(--bs-white); font-weight: 600; border-radius: 100px; overflow: hidden; } .product-single h3 { font-size: 25px; padding: 0; margin-bottom: 8px; margin: 0; } .product-single .price { font-size: 18px; line-height: 1.2; color: var(--bs-secondary); display: block; font-weight: 400; margin-bottom: 0.5em; } .product-single .price del { color: inherit; opacity: .5; display: inline-block; } .product-single .price del span { color: var(--bs-gray); text-decoration-line: line-through; } .product-single .price ins { background: 0 0; font-weight: 700; display: inline-block; } .product-content ins .amount { color: var(--bs-primary); text-decoration: underline; } .products li.last { margin-right: 0; } .product-single:hover .product-action{ opacity: 1; transform: translateY(0); } .product-main .product-single .sale-ribbon { position: absolute; top: 15px; left: 15px; margin: 0; font-size: 13px; font-weight: 600; text-align: center; padding: 3px 12px; text-transform: uppercase; color: var(--bs-white); background: var(--bs-primary) none repeat scroll 0 0; box-shadow: 0 0 12px rgb(255 255 255 / 0.35); z-index: 1; } .product-main .button { display: inline-block; margin-top: 1em; } /* service bg animation */ .service-section .bg-shape1 { position: absolute; top: 0; right: 0; overflow: hidden; } .service-section .bg-shape1 svg { animation: bounce 10s linear infinite; width: 600px; } /* ------------------------*/ /*********** Primary button */ .btn.btn-primary { display: inline-block; position: relative; z-index: 1; overflow: hidden; text-decoration: none; color: var(--bs-white); border: 0.15em solid var(--bs-primary); border-radius: 0; transition: 4s; background:var(--bs-primary) } .btn{ position: relative; overflow: hidden; } .btn-style-one .btn.btn-primary { transition: 0s; } .btn-style-one .btn:before, .btn-style-one .btn:after { content: ""; position: absolute; height: 100%; top: 0; width: 0%; background-color: var(--bs-white); z-index: -1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-style-one .btn:before { left: 0; border-radius: 0 20px 20px 0; } .btn-style-one .btn:after { right: 0; border-radius: 20px 0 0 20px; } .btn-style-one .btn:hover, .btn-style-one .btn:focus { color: var(--bs-secondary); box-shadow: none; } .btn-style-one .btn.btn-white:hover, .btn-style-one .btn.btn-white:focus { color: var(--bs-white); } .btn-style-one .btn:hover::before, .btn-style-one .btn:hover:after, .btn-style-one .btn:focus::before, .btn-style-one .btn:focus:after { width: 100%; border-radius: 0; } .btn-style-one .btn.btn-like-icon { padding-right: 2.75rem; } /* ------------------------*/ /* Common Widget Style */ .main-navigation-area .contact-info .text { font-size: 1.5rem; font-weight: 700; } .main-navigation-area .contact-info .title { font-size: 1rem; font-weight: 500; } .widget-left, .widget-right { display: inline-flex; align-items: center; } .widget-right li a { margin-left: auto; } .widget-left li a { margin-right: auto; } .widget-left .widget:nth-child(2n+3), .widget-left .widget:first-child{ padding-left: 0px; } .widget-right .widget:nth-child(n+2) { padding: 0 1.75rem; } .widget-right .widget.widget_social_widget { padding-right: 0; } .widget.widget-text-slide { width: 100%; } /*---//---*/ /* Header Widget */ .main-header p:not(.site-description) { margin: 0; } .main-header .contact-area { min-height: 45px; } .main-header .contact-icon { font-size: 1rem; width: 30px; height: 30px; border-radius: 100%; margin-right: 10px; color: var(--bs-white); overflow: hidden; -webkit-transition: 0.6s; transition: 0.6s; } .above-header .widget-left, .above-header .widget-right { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 50px; } .header-widget:not(.header-carousel) .widget:not(.widget_media_video) { display: inline-block; margin: 0; } .header-widget:not(.header-item):not(.header-carousel) .widget:not(.widget_media_video) { line-height: 50px; } .main-header .widget:not(.widget_social_widget) li { display: inline-block; padding: 0; } .main-header .widget:not(.widget_nav_menu):not(.widget_social_widget) li { margin: 0 10px 5px 0; } .main-header .widget.widget_nav_menu li { margin: 0 10px 0 0; } .main-header .widget:not(.widget_social_widget) li:last-child, .tagcloud a:last-child { margin: 0; } .header-widget ul li, .header-widget ul li a, .main-header .widget span { font-weight: 500; } .main-header .contact-area, .main-header .contact-area a:not(:hover):not(:focus) { color: var(--bs-white); } .header-widget ul li span, .header-widget a, .contact-info a { text-decoration: none; position: relative; text-shadow: -0.15px -0.15px 0 transparent, 0.15px 0.15px transparent; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .header-widget ul li span, .header-widget a { display: inline-block; } .header-widget .widget:not(.widget_social_widget) li a { width: max-content; } .header-widget .widget:not(.widget_social_widget):not(.widget-contact) i, .header-widget .widget:not(.widget_social_widget):not(.widget-contact):not(.widget_media_gallery):not(.widget_media_gallery) img { font-size: 15px; display: inline-block; } .header-widget .widget:not(.widget_social_widget):not(.widget-contact):not(.widget_media_gallery):not(.widget_media_gallery) img { height: 1.25rem; } .main-header .widget li:last-child, .header-widget-info li:last-child { margin-right: 0; } .header-widget .fa-phone + span { font-weight: 700; } .breadcrumb-widget .widget .widget-title, .footer-copyright .widget:not(.widget-info):not(.widget-none) .widget-title, .main-header .widget:not(.widget-info):not(.widget-none) .widget-title { display: none; } .widget .gallery { display: flow-root; margin-top: -2.5%; } .footer .gallery-popup-icon, .sidebar .gallery-popup-icon { top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; justify-content: center; align-items: center; } .header-widget .gallery .gallery-item a { display: block; } .header-widget .widget img { width: 50px; } .header-widget .gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-widget .gallery .gallery-item { -ms-flex: 1; flex: 1; margin: 0 6px 0 0; padding: 0; } .header-widget .widget_media_video { display: block; width: 100%; } .header-widget .widget_media_video .wp-video .mejs-container { width: 100% !important; max-height: 170px; } .header-widget .widget_media_video .wp-video-shortcode video, .header-widget .widget_media_video video.wp-video-shortcode { max-height: 170px; } .header-widget .widget-menu-top li a i { display: block; text-align: center; font-size: 32px; margin-bottom: 5px; } /* ---//--- */ /* Basic Css for widget */ .widget.widget_rss h5 { margin-bottom: 0; } .widget.widget_rss h5 a { display: inline-block; } .widget li { list-style: none; position: relative; } .widget li a { position: relative; z-index: 0; display: inline-block; text-decoration: none; font-weight: 600; } .widget li a:before, .widget li a:after { font-family: var(--bs-font-awesome); font-weight: 900; position: absolute; } .footer-main .widget_nav_menu li a:before, .footer-main .widget:not(.widget_nav_menu):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:before { right: 0; } .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:not(.wp-block-social-link-anchor):before { content: "\f061"; left:-20px; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:not(.wp-block-social-link-anchor):after { content: "\f061"; right: 1rem; opacity: 0; -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); } .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:hover:before, .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:focus:before { opacity: 0; right: 1rem; } .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:hover:after, .footer-main .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:focus:after { opacity: 1; right: 10px; color: var(--bs-primary); } .footer-main .widget li a { color: var(--bs-white); } .footer-main .widget li a:focus, .footer-main .widget li a:hover, .footer-main .widget li a:focus:before, .footer-main .widget li a:hover:before { color: var(--bs-primary); } /* ---//--- */ /* Search Form Start */ .widget .search-form label, .mail-form, .search-form { width: 100%; } .widget .woocommerce-product-search, .mail-form>div, .search-form { display: block; position: relative; overflow: hidden; border-radius: 0.3125rem; z-index: 0; } .widget .woocommerce-product-search button, .widget .search-form .search-submit { color: var(--bs-white); font-weight: 600; padding: 0 0.5rem; border-radius: 10rem; margin: auto; right: 8px; } .widget .search-form .search-submit { width: 36px; height: 36px; } .widget .woocommerce-product-search button { height: 41px; padding: 0 18px; } .sidebar .widget.widget_product_search .search-field { padding-right: 6.25rem; } .widget .woocommerce-product-search button:focus, .widget .woocommerce-product-search button:hover, .widget .woocommerce-product-search button, .widget .search-form .search-submit:focus, .widget .search-form .search-submit:hover { color: var(--bs-white); } .search-submit i { font-size: inherit; line-height: 2.15; } .widget form .search-field { padding-right: 5.35rem; } .widget form .search-field:not(:hover), .widget form .search-field:not(:focus) { border-color: transparent; } .widget form .search-field, .widget .mail-form .form-control { padding-left: 1.25rem; min-height: 50px; border-radius: 0.3125rem; padding-top: 0.81rem; padding-bottom: 0.81rem; } .sidebar .widget form .search-field { color: var(--bs-white); background-color: var(--bs-primary); } .widget .mail-form .form-control { padding-right: 3.8rem; } .widget form { overflow: hidden; } .widget .woocommerce-product-search, .widget .search-form, .widget form .search-field { border-radius: 10rem; } .footer-main .mail-form .submit, .search-form .search-submit, .widget .woocommerce-product-search button { position: absolute; top: 0; right: 0; bottom: 0; border: none; outline: none; box-shadow: none; line-height: 2; z-index: 0; } .footer-main .mail-form .submit, .search-form .btn.search-submit:not(:hover):not(:focus), .search-form .search-submit:not(:hover):not(:focus), .widget .woocommerce-product-search button { color: var(--bs-white); background-color: var(--bs-primary); } .sidebar .widget .woocommerce-product-search button, .sidebar .widget .search-form button.search-submit { right: 36px; background-color: var(--bs-secondary); } .sidebar .widget .search-field::-webkit-input-placeholder { color: var(--bs-white); } .sidebar .widget .search-field::placeholder { color: var(--bs-white); } .footer-main .mail-form .submit { padding: 0 .85rem; border-radius: 0 0.3125rem 0.3125rem 0; font-size: 1.5625rem; border: 1px solid transparent; } .footer-main .mail-form .submit:hover, .footer-main .mail-form .submit:focus { border-color: var(--bs-white); } .widget .btn:not(.btn-link):not(.btn-play):not(.btn-video):before { border-radius: 0 30px 30px 0; } /* ---//--- */ /* Subscribe Form Start */ .sidebar .widget_subscribe { text-align: center; font-weight: 500; } .sidebar .widget_subscribe form button { display: block; width: 100%; color: #ffffff; margin-top: 1.25rem; } .sidebar .widget_subscribe form input[type="email"] { border-radius: 10rem; padding-left: 1.25rem; padding-right: 1.25rem; } .sidebar .widget_subscribe form input[type="email"]:not(:hover):not(:focus) { border-color: transparent; background-color: var(--bs-gray-light); } /*---//---*/ /* Manual Links Start & Calendar Start */ .widget > ul, .widget div > ul, .tagcloud { list-style: none; margin: 0; padding: 0; position: relative; z-index: 0; } .calendar_wrap { position: relative; padding: 1.875rem; background-color: var(--bs-primary-light); border: 1px solid var(--bs-gray); } .main-footer .calendar_wrap { padding: 1rem; color: var(--bs-secondary); } .sidebar .calendar_wrap { padding: 10px; padding-bottom: 30px; background: none; border: none; } .calendar_wrap table { width: 100%; background: none; border: none; margin: 0; caption-side: top; } .calendar_wrap table caption { font-weight: 700; color: var(--bs-secondary); position: relative; padding-right: 8.75rem; text-align: right; } .calendar_wrap table th, .calendar_wrap table td { text-align: center; line-height: 45px; border: 0; padding: 0; text-align: center; border-radius: 0; } .calendar_wrap table th { color: var(--bs-secondary); background: none; font-weight: 700; } .calendar_wrap table td { font-weight: 500; position: relative; } .calendar_wrap table tfoot { background-color: var(--bs-gray-light); } .sidebar .wp-block-calendar { padding: 20px; } .wp-block-calendar table{ caption-side: top; } .wp-calendar-nav { font-weight: 600; padding: 1.15rem 1.4rem; background-color: var(--bs-primary); display: flex; align-items: center; justify-content: space-between; } .main-footer .wp-calendar-nav { right: .75rem; } .wp-block-calendar caption { text-align: center; color: var(--bs-white); background: var(--bs-primary); font-weight: 600; } .wp-block-calendar td#today { color: var(--bs-white); background-color: var(--bs-primary); } .wp-calendar-nav a { width: 60px; height: 26px; line-height: 26px; display: inline-block; text-align: center; color: var(--bs-white); background-color: var(--bs-primary); text-decoration: none; border-radius: 10rem; transition: var(--bs-transition); } .wp-calendar-nav a:hover, .wp-calendar-nav a:focus { color: var(--bs-white); background-color: var(--bs-primary); } /* --/-- */ /* Widget Meta */ .header-widget .widget_meta a { font-size: 12px; } .header-widget .widget.widget_meta li a:before { line-height: 1.2; font-size: 13px; } .sidebar .widget_meta ul li a { line-height: 45px; color: var(--bs-secondary); } .widget_meta ul li a { padding-right: 0; padding-left: 25px; } .widget_meta ul li a:before { left: 0; color: var(--bs-primary); } .widget_meta ul li:nth-child(1) a:before { content: "\f007"; } .widget_meta ul li:nth-child(2) a:before { content: "\f08b"; } .widget_meta ul li:nth-child(3) a:before { content: "\f086"; } .widget_meta ul li:nth-child(4) a:before { content: "\f27a"; } .widget_meta ul li:nth-child(5) a:before { content: "\f19a"; } .footer-main .widget li a:hover:before, .footer-main .widget li a:focus:before, .widget_meta li a:hover:before, .widget_meta li a:focus:before { -webkit-animation: iconRightCaret 600ms ease; animation: iconRightCaret 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Right Caret */ @-webkit-keyframes iconRightCaret { 0% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } 50% { -ms-transform: translateX(2px); -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes iconRightCaret { 0% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } 50% { -ms-transform: translateX(2px); -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } } /* ---//--- */ /* Widget Tag & Widget Text & Widget Social */ .tagcloud a { margin-bottom: 10px; margin-right: 6px; } .tagcloud a { font-size: 1rem !important; display: inline-block; line-height: 1.9; padding: 0 0.875rem; padding-right: 1.92rem; font-weight: 500; position: relative; text-decoration: none; color: var(--bs-white); background-color: var(--bs-secondary); border-radius: 6.25rem; } .tagcloud a:after { content: "#"; position: absolute; top: 0; right: 4px; bottom: 0; width: 22px; height: 22px; line-height: 22px; font-size: 0.75rem; font-weight: 900; text-align: center; border-radius: 100%; margin: auto; background-color: var(--bs-primary); -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); } .tagcloud a:hover, .tagcloud a:focus { color: var(--bs-white); background-color: var(--bs-primary); } .tagcloud a:hover:after, .tagcloud a:focus:after { color: var(--bs-primary); background-color: var(--bs-white); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .widget-text p:last-child { margin: 0; } .widget_social_widget li a { width: 30px; height: 30px; text-align: center; line-height: 38px; border-radius: 100%; overflow: hidden; display: inline-flex; text-decoration: none; -webkit-transition: 0.6s; transition: 0.6s; } .widget_social_widget li a i { vertical-align: middle; } .widget_social_widget li:not(:last-child) { margin-right: 5px; } .widget.widget_social_widget ul { margin-top: -0.75rem; } .widget.widget_social_widget ul li { margin-top: 0.75rem; } .main-header .contact-area:hover .contact-icon i, .main-header .contact-area:focus-within .contact-icon i, .main-header .contact-area:hover .contact-icon img, .main-header .contact-area:focus-within .contact-icon img { -webkit-animation: slideTop .8s; animation: slideTop .8s; } .widget_social_widget li a:hover i, .widget_social_widget li a:focus i { -webkit-animation: slideTop .8s; animation: slideTop .8s; color: var(--bs-white); background-color: var(--bs-primary); } .homepage-2 .main-header .widget_social_widget li a i { color: var(--bs-white); width: 100%; height: 100%; } .homepage-2 .main-header .widget_social_widget li a:hover i, .homepage-2 .main-header .widget_social_widget li a:focus i { color: var(--bs-primary); background: none; } .main-header .contact-area:hover .contact-icon i, .main-header .contact-area:focus-within .contact-icon i { color: var(--bs-primary); background-color: var(--bs-white); border-radius: 100%; } .widget_social_widget li a i, .main-header .contact-area .contact-icon i { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; } .homepage-3 .main-header .widget_social_widget li a, .homepage-3 .main-header .contact-area .contact-icon, .homepage-3 .main-header .widget_social_widget li a i, .homepage-3 .main-header .contact-area .contact-icon i { background-color: var(--bs-secondary); } .homepage-3 .main-header .widget_social_widget li a:hover i, .homepage-3 .main-header .widget_social_widget li a:focus i, .homepage-3 .main-header .contact-area:hover .contact-icon i, .homepage-3 .main-header .contact-area:focus-within .contact-icon i { color: var(--bs-white); background-color: var(--bs-primary); } .sidebar .widget_social_widget li a { color: var(--bs-primary); background-color: var(--bs-white); box-shadow: 0 5px 10px rgb(0 0 0 / 0.09); } .widget_social_widget ul li:last-child { margin-right: 0px; } .main-footer .widget_social_widget li a, .sidebar .widget_social_widget li a, .widget_social_widget li { display: inline-block; } .main-footer .widget_social_widget li a { color: var(--bs-secondary); } .main-footer .widget_social_widget li a { background-color: var(--bs-white); } .main-footer .widget_social_widget li a:hover, .main-footer .widget_social_widget li a:focus { color: var(--bs-white); background-color: var(--bs-primary); } .homepage-1 .main-header .widget_social_widget li a { color: var(--bs-primary); background-color: var(--bs-secondary-dark); } .widget_special_social a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: var(--bs-white); background-color: var(--bs-primary); padding: 13px 20px; text-decoration: none; position: relative; z-index: 0; } .widget_special_social a:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; z-index: -1; transition: var(--bs-transition); } .widget_special_social a:hover:after, .widget_special_social a:focus:after { background-color: rgb(1 1 47 / 0.1); } .widget_special_social p { font-weight: 600; line-height: 1.17; letter-spacing: 0.15px; margin: 0; } .widget_special_social span { margin: 0; font-size: 14px; font-weight: 500; display: block; } .widget_special_social i { font-size: 30px; } .widget_special_social a.twitter { background-color: #03a9f4; } .widget_special_social a.facebook { background-color: #3a559f; } .widget_special_social a.instagram { background-color: #d62976; } /* ---//--- */ /* Widget Title Set */ .main-footer div.widget.widget-none .widget-title { margin-bottom: 1rem; line-height: 1.5; } .main-footer .widget .widget-title::first-letter { color: var(--bs-primary); } .main-footer .widget .widget-title { color: var(--bs-white); padding-bottom: 10px; position: relative; } .widget_seperator { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; margin-bottom: 34px; } .widget_seperator span { height: 5px; width: 80px; border-radius: 5px; } .widget_seperator span:nth-child(2) { width: 15px; } .widget_seperator span:nth-child(3) { width: 6px; } .textwidget .logo { margin-bottom: 1rem; } /* ---//--- */ /*--------------------------------------- Post Widget -----------------------------------------*/ .widget_latest_posts .post-items { flex-direction: row; -webkit-align-items: center; align-items: center; text-align: left; border: none; background: none; box-shadow: none; } .widget_latest_posts .post-items:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--bs-gray); } .widget_latest_posts .post-image { margin-right: 15px; flex-basis: 28.44%; overflow: visible; -webkit-box-shadow: none; box-shadow: none; } .widget_latest_posts .featured-image .post-hover { display: block; border-radius: 10px; overflow: hidden; } .widget_latest_posts .featured-image, .widget_latest_posts .featured-image > a { width: 80px; height: 80px; } .widget_latest_posts .post-image img { height: 100%; object-fit: cover; } .widget_latest_posts .post-image .post-hover:before { font-size: 10px; max-width: 25px; max-height: 25px; } .widget_latest_posts .post-content { flex: 1; padding: 0; } .widget_latest_posts .post-title { font-size: 1rem; margin-bottom: 5px; padding-bottom: 0; border-bottom: 0; } .widget_latest_posts .post-meta:not(.post-img-meta):not(.post-tags) { font-size: 13px; padding: 0; padding-top: 5px; margin-top: 5px; justify-content: flex-start; } .widget_latest_posts .post-meta time:not(.icon):before { display: none; } .widget_latest_posts .post-meta time:not(.icon) { padding-left: 0; } .widget_latest_posts .post-meta .post-date { line-height: 1.2; -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .widget_latest_posts .post-meta .post-date i { margin-right: 6px; } .widget_latest_posts .post-items:hover .post-date, .widget_latest_posts .post-items:focus-within .post-date, .widget_latest_posts .post-items:hover .post-title a, .widget_latest_posts .post-items:focus-within .post-title a { color: var(--bs-primary); } .widget_latest_posts .post-image .post-meta { top: -5px; left: -2px; right: unset; } .widget_latest_posts .post-image .count-link { top: -5px; left: 2px; right: unset; font-size: 14px; font-weight: 700; width: 30px; height: 30px; color: var(--bs-white); border: 2px solid var(--bs-white); background-color: var(--bs-primary); box-shadow: none; } .widget_latest_posts .post-image .count-link a { color: inherit; } /* ---//--- */ /*--------------------------------------- Widget Sidebar Start .sidebar .tagcloud, -----------------------------------------*/ .sidebar .widget_nav_menu .menu, .sidebar > .widget.widget_social_widget > ul, .sidebar .tagcloud, .sidebar .widget_social, .sidebar .widget .gallery, .sidebar .widget > ul, .sidebar .widget form, .sidebar .widget-content, .sidebar .rc-post, .sidebar .widget div > ul, .sidebar .widget .wp-block-tag-cloud { padding: 1.8rem; } .sidebar .widget figure.wp-block-gallery { padding: 1rem; } .wp-block-image { overflow:hidden; } .wp-block-gallery .wp-block-image img { -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .wp-block-gallery .wp-block-image img { width: 100%; transition: all .4s ease; } .wp-block-gallery .wp-block-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .sidebar .widget { margin-bottom: 30px; overflow: hidden; position: relative; border-style: solid; border-width: 1px; border-color: var(--bs-gray); background-color: var(--bs-white); } .wp-block-tag-cloud a { display: inline-block; position: relative; letter-spacing: .15px; padding: 10px 20px; font-weight: 600; font-size: 14px !important; border: none; margin-top: 20px; color: var(--bs-white); background-color: var(--bs-primary); border-radius: 0; text-transform: capitalize; text-decoration: none; z-index: 0; border-radius: 5px; } .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus { background-color: var(--bs-secondary); } .footer-section .wp-block-tag-cloud a:hover, .footer-section .wp-block-tag-cloud a:focus { color: var(--bs-primary); background-color: var(--bs-white); } /*******************/ .sidebar .widget-title, .sidebar .widget .wp-block-heading { position: relative; margin-bottom: 0; padding: 25px 18px; font-size: 1.25rem; line-height: 1.2; color: #fff; overflow: hidden; background-color: var(--bs-secondary); background: url(../images/pattern1.png) repeat-x center / contain , var(--bs-secondary); -webkit-animation: animatedBackground 2s linear infinite; animation: animatedBackground 2s linear infinite; } .sidebar .widget-title:before, .sidebar .widget .wp-block-heading:before { content: ''; position: absolute; width: 100px; height: 100px; background: var(--bs-primary); border-radius: 100%; z-index: 1; opacity: 0.6; top: -47px; right: -40px; -webkit-transition: all .4s cubic-bezier(.645,.045,.355,1); transition: all .4s cubic-bezier(.645,.045,.355,1); } .sidebar .widget-title:after, .sidebar .widget .wp-block-heading:after { content: ''; position: absolute; width: 70px; height: 70px; background: var(--bs-primary); border-radius: 100%; opacity: 0.9; top: -33px; right: -26px; transition-delay: 0.15s; -webkit-transition: all .4s cubic-bezier(.645,.045,.355,1); transition: all .4s cubic-bezier(.645,.045,.355,1); } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 20px 0; } } @-webkit-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 20px 0; } } /***************/ .widget_media_video iframe { width: 100%; height: 100%; } .widget.widget_media_image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bs-secondary-dark); opacity: 0.5; } .main-footer .widget:last-child, .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget_social_widget ul { padding: 0 15px; } .sidebar .widget ul li.menu-item-has-children { padding-bottom: 0; } .sidebar .widget_recent_comments li { padding: 15px; word-break: break-word; } .widget_special_social a:not(:last-child), .sidebar .widget.woocommerce ul > li:not(:last-child), .sidebar .widget.widget_nav_menu ul li:not(:last-child) a, .sidebar .widget.widget_pages ul li:not(:last-child) a, .sidebar .widget.widget_meta ul li:not(:last-child), .sidebar .widget.widget_archive ul > li:not(:last-child), .sidebar .widget.widget_categories ul > li:not(:last-child) { margin-bottom: 0rem; border-bottom: 1px solid var(--bs-gray); } .woocommerce.widget_top_rated_products ul.product_list_widget li { margin-top: 10px; padding-bottom: 12px; } .woocommerce.widget_top_rated_products ul.product_list_widget li:first-child { margin-top: 0; } .woocommerce.widget_top_rated_products ul.product_list_widget li:last-child { padding-bottom: 0; } .sidebar .widget.widget_nav_menu ul li a, .sidebar .widget.widget_pages ul li a { display: block; } .sidebar .widget.widget_shopping_cart .widget_shopping_cart_content, .sidebar .widget.widget_nav_menu .menu-all-pages-container { padding: 1.875rem; } .sidebar .widget_layered_nav ul li a, .sidebar .widget_pages ul li a, .sidebar .widget.widget_nav_menu ul li a { line-height: 45px; } .sidebar .widget_layered_nav ul li a, .sidebar .widget_pages ul li a, .sidebar .widget_recent_comments a, .sidebar .widget_recent_entries li a, .sidebar .widget.widget_nav_menu ul li a { color: var(--bs-secondary); } .sidebar .widget_custom_html .contact-area { margin-bottom: 18px; } .sidebar .widget_custom_html .contact-area:last-child { margin-bottom: 0; } .sidebar .widget_custom_html .contact-info, .sidebar .widget_custom_html .contact-info a { color: var(--bs-white); } .sidebar .widget_top_rated_products .star-rating { position: absolute; bottom: 4px; right: 0; font-size: 14px; } .sidebar .widget_layered_nav ul li a:hover, .sidebar .widget_layered_nav ul li a:focus, .sidebar .widget_pages ul li a:hover, .sidebar .widget_pages ul li a:focus, .sidebar .widget_recent_comments a:hover, .sidebar .widget_recent_comments a:focus, .sidebar .widget_meta ul li a:hover, .sidebar .widget_meta ul li a:focus, .sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_recent_entries ul li a:focus, .sidebar .widget.widget_nav_menu ul li a:hover, .sidebar .widget.widget_nav_menu ul li a:focus { color: var(--bs-primary); } .sidebar .widget.widget_product_categories ul > li:not(.cat-parent), .sidebar .widget.widget_archive ul > li, .sidebar .widget.widget_categories ul > li, .sidebar .widget ul > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-radius: 0; font-weight: 600; color: var(--bs-secondary); z-index: 1; padding: 10px 0.7rem 10px 1rem; } .sidebar .widget:not(.widget_meta):not(.widget_shopping_cart) ul > li:after { content: "\f101"; font-family: var(--bs-font-awesome); font-weight: 600; font-size: 14px; position: absolute; top: 1px; left: 0; bottom: 0; color: var(--bs-secondary); display: flex; align-items: center; margin: auto 0; -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); z-index: -1; } .sidebar .widget:not(.widget_meta) ul > li:hover:after, .sidebar .widget:not(.widget_meta) ul > li:focus-within:after { left: 82%; color: var(--bs-primary); } .sidebar .widget ul > li.wc-block-grid__product:after {display:none !important} .sidebar .widget.woocommerce.widget_shopping_cart .cart_list li.mini_cart_item { padding-left: 0; border-bottom: none; margin-bottom: 20px; } .sidebar .widget ul > li:not(:last-child){ border-bottom: 1px solid var(--bs-gray); } .sidebar .widget.widget_product_categories ul > li:not(.cat-parent) > a:not(:hover):not(:focus), .sidebar .widget.widget_archive ul > li > a:not(:hover):not(:focus), .sidebar .widget.widget_categories ul > li > a:not(:hover):not(:focus), .sidebar .widget ul > li > a:not(:hover):not(:focus){ color: var(--bs-secondary); } .sidebar .widget.widget_product_categories ul > li.cat-parent > a { margin-bottom: 0; width: 80%; } .sidebar .widget.widget_product_categories ul > li.cat-parent > span { width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; border-radius: 100px; margin-left: 0; vertical-align: middle; font-weight: 600; margin-top: -5px; } .sidebar .widget.widget_product_categories ul > li a, .sidebar .widget.widget_archive ul > li, .sidebar .widget.widget_categories ul > li { padding: 10px 0.7rem 10px 1.25rem; -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); } .sidebar .widget.widget_archive ul > li ul, .sidebar .widget.widget_categories ul > li ul { position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--bs-primary-light); border: 1px solid #cccccc; padding: 15px; border-radius: 10px; opacity: 0; visibility: hidden; z-index: 1; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .sidebar .widget.widget_archive ul li:hover > ul, .sidebar .widget.widget_archive ul li:focus-within > ul, .sidebar .widget.widget_categories ul li:hover > ul, .sidebar .widget.widget_categories ul li:focus-within > ul { visibility: visible; opacity: 1; -webkit-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } .sidebar .widget.widget_archive ul > li:after, .sidebar .widget.widget_categories ul > li:after { content: "\f101"; font-family: var(--bs-font-awesome); font-weight: 600; font-size: 14px; position: absolute; top: 1px; left: 0; bottom: 0; transform: rotate(90deg); color: var(--bs-secondary); display: flex; align-items: center; margin: auto 0; -webkit-transition: var(--bs-transition-slow); transition: var(--bs-transition-slow); z-index: -1; } .sidebar .widget.widget_archive ul > li:hover, .sidebar .widget.widget_categories ul > li:hover, .sidebar .widget.widget_archive ul > li:focus-within, .sidebar .widget.widget_categories ul > li:focus-within { padding: 10px 0.7rem 10px 0.7rem; color: var(--bs-primary); } .sidebar .widget.widget_archive ul > li:hover a, .sidebar .widget.widget_categories ul > li:hover a, .sidebar .widget.widget_archive ul > li:focus-within a, .sidebar .widget.widget_categories ul > li:focus-within a { color: var(--bs-primary) !important; } .sidebar .widget.widget_archive ul > li:hover:after, .sidebar .widget.widget_categories ul > li:hover:after, .sidebar .widget.widget_archive ul > li:focus-within:after, .sidebar .widget.widget_categories ul > li:focus-within:after { left: 82%; color: var(--bs-primary); transform: rotate(0deg); } .widget_product_categories ul.children { padding-left: 20px; } .widget_top_rated_products li img, .sidebar .widget.widget_product_categories ul > li span { width: 35px; height: 35px; line-height: 35px; border-radius: 100%; text-align: center; color: var(--bs-white); background-color: var(--bs-primary); } .widget_top_rated_products li img { padding: 3px; float: right; } .widget_top_rated_products li a { display: flow-root; line-height: 3.2; color: var(--bs-white); background-color: var(--bs-secondary); border-radius: 10rem; } .widget_top_rated_products li a span { padding: 1rem 0.87rem 1rem 1.25rem; } .widget_top_rated_products .woocommerce-Price-amount.amount { display: inline-block; padding: 10px 20px; border-radius: 0 0 10rem 10rem; margin-left: 1.5rem; } .widget_top_rated_products .woocommerce-Price-amount.amount { background-color: var(--bs-primary); color: var(--bs-white); } .widget_top_rated_products del .woocommerce-Price-amount.amount { background-color: var(--bs-gray); color: var(--bs-white); } .widget.widget_products li:not(:last-child) { padding-bottom: 1.25rem; border-bottom: 1px solid var(--bs-gray); } .widget.widget_products ul li { background-color: var(--bs-secondary); border-radius: 0.625rem; overflow: hidden; padding: 15px; color: var(--bs-white); } .widget_top_rated_products ul.product_list_widget li img { margin-top: 9px; margin-right: 10px; } .widget_products img { border-radius: 0.625rem; } .widget_products .product-title { display: block; margin: 0.5rem 0 0.1rem; font-weight: 600; letter-spacing: 0.25px; } .woocommerce.widget_products ul.product_list_widget li { margin-top: 10px; } .woocommerce.widget_products ul.product_list_widget li:first-child { margin-top: 0; } .woocommerce-Price-amount.amount { font-weight: 600; } del .amount { color: var(--bs-gray-500-thumb); text-decoration: line-through; } ins .amount { color: var(--bs-primary); text-decoration: underline; } .widget.widget_price_filter .price_slider_wrapper { display: block; padding-top: 6px; } .woocommerce .widget_price_filter .ui-slider span.ui-slider-handle, .woocommerce .widget_price_filter .ui-slider div.ui-slider-range { background-color: var(--bs-primary); } .wp-block-calendar thead th { background: var(--bs-primary); color: var(--bs-white); } .calendar_wrap table tbody #today, .calendar_wrap table tbody a:hover, .calendar_wrap table tbody a:focus { color: var(--bs-white); background-color: var(--bs-primary); border-radius: 0; } .sidebar .calendar_wrap table tbody a { display: block; border-radius: 0; color: #ffffff; } .calendar_wrap table td a { white-space: nowrap; } .sidebar .widget select { margin: 15px auto 0; } .sidebar .widget select:not(:hover), .sidebar .widget select:not(:focus) { border-color: transparent; } .sidebar [class*='widget-']:not(.widget-info):not(.widget_social_widget) li a:before { color: inherit; } .sidebar .widget-contact { color: var(--bs-white); background-color: var(--bs-primary); padding: 30px; } .sidebar .widget-contact .widget-title:first-letter { color: var(--bs-white); } .sidebar .widget.widget-contact .widget-title { border-bottom: none; margin: 0; } .sidebar .widget-contact .contact-icon { width: 35px; height: 35px; line-height: 2.25; text-align: center; background-color: var(--bs-white); border-radius: 50%; } .sidebar .widget-contact .contact-area { margin-bottom: 1rem; } .sidebar .widget-contact a:hover, .sidebar .widget-contact a:focus { color: var(--bs-white) } .sidebar .widget.widget_text { color: var(--bs-white); background-color: var(--bs-secondary); } .sidebar .textwidget { padding: 1.875rem; text-align: center; font-weight: 500; } .sidebar .textwidget p:last-child { margin-bottom: 0; } .sidebar .textwidget strong { font-size: 1.125rem; } .widget_text .textwidget img { display: inline-block; } .sidebar .widget_text .widget.widget_social_widget { padding: 0; margin-bottom: 1rem; background: none; } .footer-section .widget_text .textwidget p { text-align: justify; } /* ---//--- */ /* Footer Widget*/ .footer-main .widget { margin-bottom: 2.3rem; } .footer-main .widget_text .widget { margin-bottom: 1.5rem; } .footer-main .widget_text .logo + p { margin-bottom: 2rem; } .footer-main .widget_text .widget *:not(:hover):not(:focus) { color: var(--bs-white); } .main-footer .widget_latest_posts .featured-image .post-hover, .main-footer .widget_media_image img { border: 1px solid #202052; } .footer-copyright .widget { display: inline-block; max-width: 100%; } .main-footer .widget ul ul { padding-left: 15px; } .footer-main .widget:not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li:not(:last-child) a:not(.wp-block-social-link-anchor) { margin-bottom: 0; border-bottom: 1px solid rgb(171 171 171 / 0.20); } .footer-main .widget:not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a:not(.wp-block-social-link-anchor) { display: block; line-height: 40px; left:20px; } .footer-copyright .widget:not(.widget-info):not(.widget_social_widget) li:not(:first-child) a { padding-left: 22px; border-left: 1px solid var(--bs-primary); } .header-widget .widget_media_gallery img, .sidebar .widget_media_gallery img { margin: auto; } .sidebar .widget_media_gallery .gallery-item, .footer .widget_media_gallery .gallery-item { border-radius: 5px; overflow: hidden; } .footer:not(.footer-main .footer-center):not(.footer-main .footer-right) .widget_media_gallery img { margin: auto 0; } .footer-main .widget-text .logo + p { margin-top: 25px; } .footer-copyright .widget_media_gallery { max-width: 150px; min-height: 44px; } .footer-copyright .widget ul { margin-top: -0.75rem; } .footer-copyright .widget li { display: inline-block; margin-top: 0.75rem; } .footer-copyright .widget li:not(:last-child) { margin-right: 1.25rem; } .footer-main .wp-block-embed iframe { height: auto; } /* ---//--- */ button.wp-block-search__button.wp-element-button { width: 50%; border-radius: 5px; } .footer-main button.wp-block-search__button.wp-element-button { width: 100%; } /*===== * Cart =====*/ .widget_shopping_cart_content .cart-header i, .cart-wrapper .cart-icon-wrap i { display: inline-block; color: inherit; vertical-align: middle; font-size: 22px; } .cart-icon-wrap, .cart-wrapper { position: relative; } .cart-wrapper .cart-icon-wrap .cart-count span { position: absolute; top: 20px; right: 0; width: 20px; height: 20px; line-height: 2.05; display: inline-block; font-size: 10px; color: var(--bs-white); border-width: 1px; border-style: solid; border-radius: 50%; text-align: center; background-color: var(--bs-primary); } .shopping-cart { position: absolute; top: 100%; right: 0; z-index: 1; width: 250px; padding: 12px; color: var(--bs-primary); background: var(--bs-white); border-radius: 0 3px 3px; border: 0; border-top: 3px solid var(--bs-primary); opacity: 0; visibility: hidden; -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: var(--bs-transition); transition: var(--bs-transition); } .shopping-cart:after { top: -8px; left: 95%; content: ""; position: absolute; width: 11px; height: 11px; border: 3px solid; background-color: var(--bs-white); border-right: none; border-bottom: none; -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .shopping-cart:after { right: 15%; } .cart-icon-wrap:hover .shopping-cart, .cart-icon-wrap:focus .shopping-cart { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0); } .widget_shopping_cart_content .cart-header, .shopping-cart .cart-header { display: flex; align-items: center; justify-content: space-between; color: var(--bs-primary); border-bottom: 1px solid #E8E8E8; padding-bottom: 15px; } .shopping-cart .cart-badge { color: var(--bs-white); font-size: 10px; margin: 0; width: 16px; height: 16px; line-height: 1.6; text-align: center; vertical-align: super; border-radius: 100px; display: inline-block; background-color: var(--bs-primary); } .widget_shopping_cart_content ul.cart-items, div.shopping-cart ul.cart-items { padding: 0; margin: 0; padding-top: 20px; padding-bottom: 20px; list-style: none; max-height: 100%; overflow-x: hidden; overflow-y: auto; } .widget_shopping_cart ul.cart-items li, div.shopping-cart ul.cart-items li { display: inline-block; width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 15px; position: relative; } .widget_shopping_cart ul.cart-items li a:not(.remove), div.shopping-cart ul.cart-items li a:not(.remove) { line-height: 10px; } .shopping-cart .cart-items .item-img { float: left; margin-right: 12px; width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 4.5; border-width: 1px; border-style: solid; border-color: var(--bs-primary); } .shopping-cart .cart-items .item-img img { width: 100%; border-radius: 50%; display: inline-block; float: none; margin: auto; } .shopping-cart .cart-items .item-name { font-size: 14px; font-weight: 600; display: block; padding-top: 15px; } .shopping-cart .cart-items .amount { font-size: 12px; font-weight: 600; margin-right: 0; color: #222; } .shopping-cart .cart-items .quantity { font-size: 12px; font-weight: 600; vertical-align: text-bottom; color: var(--bs-primary); justify-content: flex-start; } .shopping-cart .btn { display: block; line-height: 24px; font-size: 1.125rem; letter-spacing: 0.35px; } .widget_shopping_cart .btn i, .shopping-cart .btn i { font-size: 12px; margin-left: 5px; position: relative; top: -1px; } .widget_shopping_cart ul a.remove, div.shopping-cart ul a.remove { float: right; margin-top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 100%; color: var(--bs-white) !important; background-color: var(--bs-primary); box-shadow: 0 0 10px rgb(0 0 0 / 0.15); } .sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove { position: relative; margin-left: 10px; } /*===== // =====*/ .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: var(--bs-primary-light); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--bs-primary); } .abiz-content .container.woo-container { padding: 0; } .woo-container .row { width: 100%; flex-basis: 100%; } .abiz-content .woocommerce div.product { margin-bottom: 30px; } .woocommerce form.woocommerce-ordering { margin: 0 0 2em; } .abiz-content .page-title { margin-bottom: 1.25rem; } /* Woo Product Style */ .woocommerce .woocommerce-ordering select.orderby { background-color: var(--bs-white); box-shadow: 0 0 10px rgb(0 0 0 / 0.1); border-color: #ececec; cursor: pointer; } .woocommerce p.woocommerce-result-count { margin: 0; padding: 13px 16px; background-color: var(--bs-primary); color: var(--bs-white); } .product-single { background-color: #ffffff; border: 1px solid rgb(238 238 238 / 85%); box-shadow: 0px 10px 30px rgb(5 5 5 / 8%); border-radius: 15px; overflow: hidden; transition: all 500ms ease 0s; } .product-single:hover, .product-single:focus-within { box-shadow: 0px -10px 20px rgb(5 5 5 / 12%); } .product-fimg { position: relative; overflow: hidden; } .woocommerce ul.products li.product a { display: inline-block; color: inherit; } .woocommerce ul.products li.product .product-fimg a img { margin: 0; } .product-single .product-content-wrap { padding: 20px 30px; background-color: #ffffff; } .sale-ribbon { position: absolute; top: 12px; left: 12px; display: inline-block; padding: 0 20px; line-height: 30px; background: var(--bs-primary); font-weight: 600; color: var(--bs-white); border-radius: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .woocommerce ul.products li.product .product-single h3 { font-size: 18px; padding: 0; margin-bottom: 8px; color: var(--bs-secondary); } .woocommerce ul.products li.product div.price { font-size: 18px; line-height: 1.2; } .woocommerce ul.products li.product .product-action { position: absolute; bottom: 6px; left: 0; width: 100%; padding: 20px; text-align: center; transform: translateY(100%); opacity: 0; transition: var(--bs-transition-slow); } .woocommerce ul.products li.product .product-action .button { margin: auto; } .woocommerce ul.products li.product .product-single:hover .product-action, .woocommerce ul.products li.product .product-single:focus-within .product-action { opacity: 1; transform: translateY(0); } .woocommerce ul.products li.product .product-action .button.add_to_cart_button, .woocommerce ul.products li.product .product-action .yith-wcwl-add-button, .woocommerce ul.products li.product .product-action .compare { background-color: var(--bs-primary); color: var(--bs-white); } .woocommerce ul.products li.product a.wc-forward { margin-left: 12px; font-weight: 600; display: inline-block; padding: 0 16px; line-height: 35px; border-radius: 100px; background-color: var(--bs-secondary); color: var(--bs-white); } .product .product-single .price del span { color: #b7b7b7; text-decoration-line: line-through; } .woocommerce-page.woocommerce-cart #content table.cart td.actions .coupon input.input-text[type="text"] { min-height: 38px; } .woocommerce #reviews #comments h3 { font-size: 28px; letter-spacing: 0.5px; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs .panel h3 { font-size: 30px; margin-bottom: 10px; } .related.products h3 { text-transform: capitalize; } .product .product-single ul.rate { margin-top: 15px; font-size: 16px; } .product .product-single ul.rate li i.fa.fa-star:before { margin-right: 5px; } .product .product-single ul.rate { transform: translateX(-100%); margin-top: -40px; font-size: 16px; width: 100%; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; } .product .product-single ul.rate li { background-color: rgb(17 17 17 / 0.7); display: inline-block; text-align: center; color: var(--bs-white); min-height: 40px; line-height: 40px; padding: 0 17px; border-radius: 0 20px 0 0; } .product .product-single:hover ul.rate, .product .product-single:focus-within ul.rate { opacity: 1; visibility: visible; transform: translateX(0); } p.woocommerce-notice.woocommerce-notice--success { margin-bottom: 15px; padding: 15px; border-top: 2px solid transparent; } .woocommerce ul.order_details { padding: 15px 15px 0; background-color: var(--bs-white); border: 1px solid #d3ced2; } .woocommerce ul.order_details li { margin-bottom: 15px; } .woocommerce .woocommerce-order h2 { font-size: 32px; margin-bottom: 15px; } .woocommerce section.woocommerce-customer-details address { border-radius: 0; border: 1px solid #d3ced2; padding: 22px; } p.woocommerce-notice.woocommerce-notice--success, div.woocommerce-info, p.woocommerce-info, li.woocommerce-info { border-color: var(--bs-primary); background-color: var(--bs-white); box-shadow: 0 6px 25px -5px rgb(0 0 0 / 0.12); } p.woocommerce-notice.woocommerce-notice--success a, div.woocommerce-info a, p.woocommerce-info a, li.woocommerce-info a, p.woocommerce-notice.woocommerce-notice--success:before, div.woocommerce-info:before, p.woocommerce-info:before, li.woocommerce-info:before { color: var(--bs-primary); } .product .product-single a.added_to_cart.wc-forward { font-weight: 600; letter-spacing: 0.5px; display: block; } .dark-product .product-single { background-color: var(--bs-primary); } .dark-product .product-single h2, .dark-product .product-single .woocommerce-Price-amount.amount { color: var(--bs-white); } .woocommerce .dark-product div.product-single a.button, .woocommerce div.product-single .dark-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { color: var(--bs-primary); background-color: var(--bs-white); } .dark-product .product-single a.added_to_cart.wc-forward { color: var(--bs-white); } .single-product .product .product_title.entry-title { letter-spacing: 0.65px; font-size: 34px; margin-bottom: 3px; } .single-product .product p.price { margin-bottom: 10px; } .single-product .product .product_meta > span { display: block; } .single-product .product .single_add_to_cart_button { margin-left: 10px; } .woocommerce .col2-set div.col-2, .woocommerce-page .col2-set div.col-2, .woocommerce .col2-set div.col-1, .woocommerce-page .col2-set div.col-1 { width: 48%; max-width: 100%; } span.woocommerce-input-wrapper { width: 100%; } .select2-container--default span.select2-selection--single { height: 34px; border-radius: 0; background-color: #fbfbfb; border-color: #e9e9ea; } .select2-container--default .select2-selection--single span.select2-selection__rendered { line-height: 34px; } .select2-container--default .select2-selection--single span.select2-selection__arrow { height: 30px; } .woocommerce form p.form-row { margin: 0 0 10px; } .woocommerce-checkout-review-order li { position: relative; } .woocommerce-checkout-review-order li label { margin-bottom: 0; vertical-align: middle; line-height: 1.5; display: inline-flex; align-items: center; } .woocommerce-checkout div#payment.woocommerce-checkout-payment { background-color: var(--bs-white); box-shadow: 0 3px 30px -6px rgb(0 0 0 / 0.15); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, body.woocommerce-checkout #payment div.payment_box { background-color: var(--bs-primary-light); border: 2px solid var(--bs-primary); } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, body.woocommerce-checkout #payment div.payment_box::before { border-color: var(--bs-primary); border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; top: -0.95em; } .woocommerce-checkout-review-order #payment ul.payment_methods label img { height: 38px; margin-left: 0.75em; } .woocommerce-checkout #payment .payment_method_paypal a.about_paypal { padding: 0 10px; background-color: var(--bs-white); line-height: 30px; border-radius: 20px; font-weight: 600; box-shadow: 0 0 10px -2px rgb(0 0 0 / 0.2); } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin-bottom: 18px; } .woocommerce form .form-row textarea.input-text { padding: 7px; } .woocommerce .quantity .qty { padding: .25rem; min-height: 34px; } .woocommerce table.shop_table a.remove { background-color: var(--bs-primary); color: var(--bs-white) !important; } .woocommerce form .form-row input.input-checkbox, .woocommerce form .form-row input.input-checkbox#terms { outline: none; outline-offset: unset; display: inline-block; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce ul.products li.product .product-action .yith-wcwl-add-button, .woocommerce ul.products li.product .product-action .compare { font-weight: 600; color: var(--bs-white); background-color: var(--bs-primary); border-radius: 100px; overflow: hidden; font-size: 0.95rem; } .product-action .yith-wcwl-add-button{ padding: 0.5em 1em; margin-bottom: 10px; margin-top: -5px; } .woocommerce-page.woocommerce-cart #content table.cart td.actions .coupon input.input-text[type="text"] { padding: 7px 6px 6px; width: 100%; max-width: 180px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: var(--bs-white); } @media only screen and (min-width:992px) { .woocommerce-checkout #payment .payment_method_paypal a.about_paypal { position: absolute; right: 0; } } @media only screen and (max-width:991px) { .woocommerce ul.order_details li { float: none; border-right: 0; padding-bottom: 10px; border-bottom: 1px dashed #d3ced2; } .woocommerce p.woocommerce-result-count { display: block; text-align: center; width: 100%; } .woocommerce .woocommerce-ordering { display: block; width: 100%; margin-top: 0.5em; } .woocommerce .col2-set div.col-2, .woocommerce-page .col2-set div.col-2, .woocommerce .col2-set div.col-1, .woocommerce-page .col2-set div.col-1 { width: 100%; max-width: 100%; } } .product .product-single .sale-ribbon { position: absolute; top: 15px; left: 15px; margin: 0; font-size: 13px; font-weight: 600; text-align: center; padding: 3px 12px; text-transform: uppercase; color: var(--bs-white); background: var(--bs-primary) none repeat scroll 0 0; box-shadow: 0 0 12px rgb(255 255 255 / 0.35); z-index: 1; } /* My Account Page Start */ .woocommerce-account .addresses .title .edit, .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-number a, .woocommerce-account .woocommerce-MyAccount-content p a { color: var(--bs-primary); } .woocommerce-MyAccount-navigation ul { background-color: var(--bs-primary-light); border: 1px solid #e5e5e5; padding: 0; list-style: none; margin: 0; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 10px 20px; line-height: 1.5; border-width: 0; border-style: solid; border-left-width: 2px; border-left-color: transparent; border-bottom-width: 1px; border-bottom-color: #e5e5e5; color: #2c3145; -webkit-transition: .3s all; transition: .3s all; } .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus { background-color: var(--bs-white); border-left-color: var(--bs-primary); } .woocommerce-account .woocommerce-MyAccount-content { border: 1px solid #e5e5e5; padding: 20px; background-color: #fbfbfb; min-height: 254px; } .woocommerce .woocommerce-Addresses { margin-top: 15px; } .woocommerce .woocommerce-Addresses .woocommerce-Address { border: 1px solid #e5e5e5; padding: 15px; } .woocommerce-account .addresses address { margin-bottom: 0; } .woocommerce-account .edit-account .woocommerce-form-row input.woocommerce-Input { min-height: 38px; padding: 8px 15px; } .woocommerce-account .edit-account .woocommerce-form-row em { margin-top: 5px; display: block; } .woocommerce-account .edit-account .woocommerce-form-row { display: inline-block; } .woocommerce-account .edit-account .woocommerce-Button { margin-top: 10px; } .woocommerce-Address-title { position: relative; } .woocommerce-Address-title a.edit { position: absolute; top: 0; right: 0; } @media only screen and (max-width:991px) { .woocommerce .woocommerce-Addresses .woocommerce-Address { width: 100% !important; float: none !important; } .woocommerce .woocommerce-Addresses .woocommerce-Address:not(:last-child) { margin-bottom: 15px; } .work-process-section-2 { background-image: none !important; } .faq-section .work-process-right { margin-top: 4rem; } } /* My Account Page End */ .woocommerce span.onsale { background-color: var(--bs-primary); z-index: 2; } .woocommerce form .form-row input.input-text { min-height: 35px; padding: 7px; } .woocommerce table.shop_table th { color: var(--bs-white); background-color: var(--bs-primary); } .woocommerce .blockUI.blockOverlay { z-index: 1 !important; } .woocommerce form .woocommerce-address-fields .form-row label { display: inline-block; } .wp-caption{} .wp-caption-text{} .gallery-caption{} .bypostauthor{} .alignright{} .alignleft{} .aligncenter{} .gallery-item { flex: 0 0 20%; max-width: 20%; margin: 0; width: 100%; overflow: hidden; position: relative; z-index: 0; background-color: #ececec; padding: 0; text-align: center; float: left; } .gallery-item .gallery-icon img{ -webkit-transition: var(--bs-transition); transition: var(--bs-transition); width:100%; } .gallery-item .gallery-caption{ font-weight: 400; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; padding: 58px 28px; color: var(--bs-white); text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; clear: left; font-style: italic; line-height: 1.5em; text-align: center; } .gallery-item .gallery-caption:before{ position: absolute; top: 50%; right: 30px; bottom: 50%; left: 30px; /*border-top: 1px solid var(--bs-white); border-bottom: 1px solid var(--bs-white);*/ border: 2px solid #fff; border-radius: 5px; content: ''; opacity: 0; background-color: var(--bs-white); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .gallery-item .gallery-caption i { font-size: 20px; width: 44px; height: 44px; line-height: 2.3; border-radius: 50%; margin: 0 auto; background-color: var(--bs-primary); display: inline-block; transition: .5s ease-in; visibility: hidden; opacity: 0; transform: translateY(100px); } .gallery-item:hover .gallery-icon img{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .gallery-item:hover .gallery-caption{ opacity: 1; visibility: visible; background: url(../images/bg/gallery-img-bg.png) repeat 0, 0 rgba(0,0,0,.6); } .gallery-item:hover .gallery-caption:before{ background: rgba(255, 255, 255, 0); top: 30px; bottom: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .gallery-item:hover i{ visibility: visible; opacity: 1; transform: translateY(0px); } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } .card-404 { position: relative; } .card-404-content{ margin-top:4rem; } .error-img { height: 80px; position: relative; fill: var(--bs-primary); } .card-404 h2 { position: absolute; font-size: 19rem; color: var(--bs-gray); z-index: -1; top: 0; left: 0; right: 0; bottom: 0; } .card-404 .card-404-btn { margin-top: 95px; } @media only screen and (max-width: 1200px) and (min-width: 993px) { .card-404 h2 { font-size: 17rem; } } @media only screen and (max-width: 513px){ .card-404 h2 { font-size: 12rem; } .card-404 .card-404-btn { margin-top: 40px; } } .wp-block-image figcaption { text-align: center; } .wp-block-post-author img { border-radius: 100%; } .sidebar .widget .wp-block-latest-comments { padding: 1.8rem; } .wp-block-site-title a { text-decoration: none; } .wp-block-image .alignleft figcaption { text-align: left; } .wp-block-image figcaption { text-align: center; } .wp-block-embed figcaption { text-align: center; } .wp-block-site-title.has-background { padding: 1rem; } .wp-block-site-tagline.has-background { padding: 1rem; } .wp-block-post-title a:hover, .wp-block-post-title a:focus { color: var(--bs-primary); } .wp-block-categories li a { color: var(--bs-secondary); } .is-large.wc-block-cart .wc-block-cart__totals-title { font-size: 2.5rem; } table.wc-block-cart-items .wc-block-cart-items_row .wc-block-cart-itemquantity .wc-block-cart-item_remove-link { text-decoration: none; } .wp-block-file.has-background { padding: 0.5rem; } .sidebar .wp-block-latest-comments li a { color: var(--bs-secondary); } .sidebar .wp-block-latest-comments li a:hover, .sidebar .wp-block-latest-comments li a:focus { color: var(--bs-primary); } .about-section .about-video-btn { text-decoration: none; } .woocommerce table.shop_table td a { text-decoration: none; } .footer-main .widget li a:focus { outline: none; } .sidebar .widget li a:focus { outline: none; }