/*--- Theme Basic Style ---*/ body { overflow-x: hidden; font-family: 'Roboto', sans-serif; background-color: var(--aq-gray-light); } h1, h2, h3, h4 { font-family: 'Roboto Slab', serif; font-weight: 800; letter-spacing: 1.3px; } h2 { font-size: 40px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5 { font-size: 16px; font-weight: 800; } h6 { font-size: 14px; } body:not(.admin-bar) { position: relative; } a { color: var(--aq-primary); text-decoration: underline; text-underline-offset: 1px; -webkit-transition: all 0.4s; transition: all 0.4s; } a:focus, button:focus { color: var(--aq-primary); outline: 1px dotted var(--aq-primary); text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; text-underline-offset: 1px; -webkit-transition: all 0.4s; transition: all 0.4s; } a:focus img { color: var(--aq-primary); outline: 1px dotted var(--aq-primary); text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; text-underline-offset: 1px; -webkit-transition: all 0.4s; transition: all 0.4s; transform: scale(1.1); } button, input, optgroup, select, textarea { margin: 0; } img { max-width: 100%; height: auto; border: 0; display: block; } .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) { --aq-table-accent-bg: var(--aq-white); color: var(--aq-secondary); } figure { margin: 0; } address, table, pre { width: 100%; } small { font-size: 80%; } fieldset { border: 1px solid var(--aq-gray-light); margin: 1.5rem 0.125rem; padding: 0.625rem 1.5625rem 1.25rem; border-radius: 0; } iframe { max-width: 100%; height: auto; } *:not(table *) { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-break: break-word; } .form-control { border-radius: 0; display: block; line-height: 1.5; font-size: 0.97rem; font-weight: 500; padding: 0.65rem 1.25rem; min-height: 50px; background-color: var(--aq-white); border: 1px solid var(--aq-gray-light); outline: none; letter-spacing: 0.5px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } textarea { min-height: 200px; overflow: auto; resize: vertical; } section { padding: 80px 0; } .select2-container--default, .select2-selection--single { border: 0!important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 11px; right: 7px; } .woocommerce form .form-row .input-checkbox { box-shadow: none; } .select2-container--default:focus, .select2-selection--single:focus, select:focus, 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=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 { color: var(--aq-dark); outline-offset: -5px!important; outline: 2px dotted var(--aq-dark)!important; } /* 02 :: Theme Halper Classes */ .mb-40 { margin-bottom: 40px; } .content-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .space-betwee { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } p { margin-bottom: 0 !important; letter-spacing: 1.1px; font-size: 16px; } .bg-gray { background-color: var(--aq-gray-light); } .pt-120 { padding-top: 120px; } .pb-120 { padding-bottom: 120px; } ul { list-style: none; padding: 0; } :root { --aq-black: #000000; --aq-pink: #d63384; --aq-cyan: #17a2b8; --aq-white: #ffffff; --aq-gray: #dedede; --aq-gray-light: #f7f7f7; --aq-gray-dark: #343a40; --aq-primary: #c70039; --aq-primary-dark: #b20135; --aq-secondary: #162238; --aq-secondary-dark: #121a2d; --aq-gray-500: #f2f2f2; --aq-gray-500-thumb: #c2c2c2; --aq-danger: #dc3545; --aq-light: #f8f9fa; --aq-dark: #343a40; --aq-transition: all .35s cubic-bezier(.645, .045, .355, 1); --aq-transition-slow: all .55s cubic-bezier(.645, .045, .355, 1); --aq-transition-very-slow: all .75s cubic-bezier(.645, .045, .355, 1); } .bg-primary-light { background-color: var(--aq-primary-light); } ::-moz-selection { background-color: var(--aq-primary); color: var(--aq-white); } ::selection { background-color: var(--aq-primary); color: var(--aq-white); } ::-webkit-scrollbar { width: 0.625rem; background-color: var(--aq-gray-500); } ::-webkit-scrollbar-thumb { background-color: var(--aq-gray-500-thumb); border-radius: 0.625rem; } ::-webkit-scrollbar-corner { background-color: var(--aq-gray-500); } /* 03 :: Theme Buttons */ .btn-theme, .button { padding: 10px 11px 10px 15px; color: var(--aq-secondary); border-radius: 5px; text-transform: capitalize; font-weight: 500; -webkit-box-shadow: 2px 5px 14px #ccc; box-shadow: 2px 5px 14px #ccc; position: relative; overflow: hidden; border: 0; letter-spacing: 1.1px; background-color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; } .button { background-color: var(--aq-primary); box-shadow: 2px 2px 10px #00000038; color: #fff; } .btn { position: relative; } .btn-theme:hover, .btn-theme:focus { color: #fff; } .btn-theme:after { position: absolute; content: ''; left: 75%; top: 0px; width: 100%; height: 100%; z-index: -1; opacity: 1; background-color: var(--aq-primary); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } .btn-theme:hover:after, .btn-theme:focus:after { left: 0%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-theme.btn-dark { border: 0; color: #fff; background: linear-gradient(289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important; } .btn-dark { background-color: var(--aq-secondary); color: #fff; } .btn.btn-lg { padding: 15px 20px; } .btn.btn-md { padding: 15px 25px; } .btn-theme .spinner-border { margin-left: 5px; color: #fff; width: 20px; height: 20px; text-align: right; border: 3px dotted currentColor; border-right-color: transparent; -webkit-animation: inherit; animation: inherit; } .btn-theme:hover .spinner-border { -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .btn-theme.btn-lg i { width: 38px; } .btn-theme i { color: #fff; width: 30px; text-align: right; width: 30px; } button.btn.btn-dark { min-width: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn:not(.btn-link) { position: relative; overflow: hidden; z-index: 0; text-decoration: none; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } /* 03 :: Theme Buttons */ .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; left: 20px; top: 40%; z-index: 99; line-height: 47px !important; display: block; width: 50px; color: #fff !important; font-size: 30px !important; height: 50px; background-color: var(--aq-primary) !important; border-radius: 5px; line-height: 0 !important; } .owl-nav span { line-height: 0 !important; } body .owl-nav button:hover, body .owl-nav button:focus { background-color: var(--aq-secondary) !important; -webkit-transition: all 0.6s; transition: all 0.6s; } .owl-nav .owl-next { position: absolute; left: auto; right: 20px; } .button-bottom .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; max-width: 110px; margin: 40px auto 0 auto; border-radius: 100%; } .button-bottom .owl-nav button { position: static; border-radius: 100%; } .owl-carousel.nav-white .owl-nav .owl-prev, .owl-carousel.nav-white .owl-nav .owl-next { color: #000 !important; background-color: #fff !important; -webkit-box-shadow: 5px 5px 10px #ccc; box-shadow: 5px 5px 10px #ccc; -webkit-transition: all 0.4s; transition: all 0.4s; } .owl-carousel.nav-white .owl-nav .owl-prev:hover, .owl-carousel.nav-white .owl-nav .owl-next:hover { color: #fff !important; background-color: var(--aq-primary) !important; -webkit-transition: all 0.4s; transition: all 0.4s; } /* 03:: Section Header Topbar */ .top-bar { background-color: var(--aq-secondary); } .top-bar .topbar-left { background: linear-gradient(119deg, #c70039 66%, #6e1138 9%, #6e1138 69%, #190f0f00 64%) 36%/171% 107% no-repeat !important; padding: 5px 48px 5px 15px; } .top-bar .topbar-left p { color: #fff; margin-bottom: 0; padding: 8px; } .top-bar .widget li { padding: 0; } .top-bar .top-bar-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-bar a.nav-link { color: var(--aq-white); padding: 8px 12px; } .top-bar a.nav-link:hover, .top-bar a.nav-link:focus { color: var(--aq-primary); -webkit-transform: scale(1.2); transform: scale(1.2); } a:hover button.caret a:focus button.caret { color: var(--aq-primary); } ul ul a:hover button.caret, ul ul a:focus button.caret { color: var(--aq-white); } .top-bar .open-timing { color: var(--aq-white); } .top-bar .open-timing i { color: var(--aq-primary); padding-right: 5px; } /* 04 :: Section Header MiddleBar */ .widget.social-media { margin-left: 15px; } ul.nav.social-media a.nav-link { width: 36px; text-align: center; display: block; } .widget-contact .contact-icon { background-color: var(--aq-primary); width: 44px; height: 44px; line-height: 44px; font-size: 20px; border-radius: 100%; text-align: center; -webkit-box-shadow: 2px 2px 10px #3333335e; box-shadow: 2px 2px 10px #3333335e; color: var(--aq-white); margin-right: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget-contact:focus-within .contact-icon, .widget-contact:hover .contact-icon { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .contact-info { display: block; color: #333; } .contact-info .title { font-weight: bold; } .contact-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; } body .container { max-width: 1280px !important; } .logo img { max-width: 200px; width: 200px!important; } .site-title { font-size: 40px; } .brand-logo img { position: relative; z-index: 9; } header#main-header { position: relative; z-index: 99; } /* 05 :: Section Header Navbar */ .navbar-nav .nav-link, .navbar-nav .dropdown-item { float: left; font-weight: bold; font-size: 16px; text-transform: uppercase; color: var(--aq-secondary); } .dropdown .dropdown a { justify-content: space-between; } .dropdown .dropdown button.caret { position: absolute; right: 10px; padding: 5px; } .dropdown-menu { padding: 15px 0 !important; } nav.navbar .dropdown-menu .nav-link, nav.navbar .dropdown-menu .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; padding-right: 40px; border-right: 0; text-transform: capitalize; -webkit-transition: all 0.4s; transition: all 0.4s; } .caret { vertical-align: middle; float: right; border: 0; width: 20px; height: 17px; display: block; font-size: 14px; line-height: 17px; text-align: center; font-family: "Font Awesome 5 Free"; transition: all 0.4s; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .hiddn-btn button:focus, .hiddn-btn button:focus-within { outline: 1px dotted var(--aq-primary); outline-offset: 5px; } .navbar .open>.nav-link, .navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--aq-primary); } .dropdown-menu .open>.nav-link { background-color: var(--aq-primary); color: #ffffff; } .dropdown-submenu>a.nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar .navbar-nav li:last-child .nav-link { border-right: 0; } .btn.btn-quote { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--aq-primary); margin-right: 10px; border-radius: 6px 0 0 6px; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 180px; font-weight: bold; padding-right: 17; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; } .btn.btn-quote:after { content: ''; background: var(--aq-primary-dark); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; width: 0; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 40px; } .btn.btn-quote:hover::before, .btn.btn-quote:hover:after, .btn.btn-quote:focus::before, .btn.btn-quote:focus:after { width: 100% !important; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 0; } .btn.btn-quote i { color: #fff; font-size: 24px; padding-left: 12px; margin-right: 10px; border: 0; position: absolute; background: var(--aq-primary-dark); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-clip-path: circle(54.6% at 6% 51%); clip-path: circle(54.6% at 6% 51%); width: 100px; } .btn.btn-search { border-radius: 0 6px 6px 0; font-size: 21px; background-color: var(--aq-primary); padding: 8px 17px; color: #fff; line-height: 37px; } .btn.btn-search:hover, .btn.btn-search:focus { background-color: var(--aq-secondary); } #search-box { height: 10vh; width: 100%; padding: 15px; position: fixed; top: 0; z-index: 99; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); -webkit-transform: scale(1, 0); transform: scale(1, 0); } #search-box .input-group { border-radius: 4px; overflow: hidden; position: inherit; } #search-box .btn.btn-search { padding: 8px 30px; } #search-box .card-body { padding: 0; border: 0; max-width: 500px; margin: 0 auto; top: 40%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; } #search-box .card-body .form-control { height: 60px; border: 0; border-radius: 0; margin-bottom: 0; } #search-box .card-body .button.btn.btn-search { padding: 8px 30px; } #search-box.collapse.show { height: 100vh; opacity: 1; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-color: rgb(10 10 10 / 82%); } header #search-box .close { top: 39%; right: 0; left: 0; margin-left: 26px!important; margin-top: 8px!Important; display: block; position: relative; z-index: 9; width: 40px; height: 40px; background-color: var(--aq-light); clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); margin: 0 auto; transition: all 0.4s; } header #search-box .close:hover, header #search-box .close:focus { transform: rotate(180deg); background-color: var(--aq-primary); } ul.navbar-nav { display: block; vertical-align: middle; } .dropdown-menu li.nav-item>button.caret { color: #333; } .dropdown-menu li.nav-item:hover>button.caret, .dropdown-menu li.nav-item:focus>button.caret { color: #fff; } button.caret { color: #333; } ul.navbar-nav li.nav-item li.nav-item { display: flex; } li.nav-item:focus>li.nav-item, li.nav-item:hover>li.nav-item { background-color: var(--aq-primary); color: #fff; } .navbar-nav li.nav-item li.nav-item:hover>a, .navbar-nav li.nav-item li.nav-item:focus>a, .navbar-nav li.nav-item li.nav-item>a:hover, .navbar-nav li.nav-item li.nav-item>a:focus { background-color: var(--aq-primary); color: #fff; } .dropdown-item:focus * .dropdown-item:hover * { color: #fff; } /* 06:: Section Header Navbar sticky */ .logged-in header .navbar.sticky { margin-top: 0px; position: fixed; top: 32px; } header .navbar-collapse { max-width: 1280px; margin: 0 auto; padding-right: 15px; } header .navbar { -webkit-transition: var(--aq-transition); transition: var(--aq-transition); max-width: 1280px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } header .navbar.sticky { padding: 10px 15px; margin-top: 0px; position: fixed; top: 0; left: 0; -webkit-box-shadow: 8px 15px 15px #00000029; box-shadow: 8px 15px 15px #00000029; background-color: #fff; width: 100%; z-index: 99; max-width: 100%; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } form.d-flex { margin-left: 15px; } /* 07:: Section Header navbar toggler and sidebar Butttons */ .menu.icon { right: 0px; position: relative; height: 24px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); margin-top: 5px; } .menu.icon span { opacity: 0; display: block; width: 100%; margin-left: 5px !important; height: 1px; background-color: var(--aq-primary-dark); margin: 3px 0; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon:before { content: ""; position: absolute; width: 30px; height: 1px; background-color: currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon:after { content: ""; position: absolute; width: 30px; height: 1px; background-color: currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon[aria-expanded="false"] { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon[aria-expanded="true"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon[aria-expanded="false"]:before, .menu.icon[aria-expanded="false"]:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .menu.icon[aria-expanded="false"]:after { bottom: 0; } .menu.icon[aria-expanded="false"]:before { top: 0; } .menu.icon[aria-expanded="false"] span { opacity: 1; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .sidbar-btn.icon { display: none; padding: 12px; height: 29px; width: 17px; border: 0; background-color: transparent; } .sidbar-btn.icon span { color: var(--aq-primary); position: absolute; width: 5px; height: 5px; background-color: currentColor; } .sidbar-btn.icon span:before { content: ''; position: absolute; left: 0; top: -11px; width: 5px; height: 5px; background-color: currentColor; } .sidbar-btn.icon span:after { content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: currentColor; } /* 09:: Section Title */ .section-title { margin-bottom: 40px; max-width: 600px; } .section-title.white * { color: #fff !important; } .section-title.text-center, .section-title.text-center h5 { margin-left: auto; margin-right: auto; } .section-title h5 span { position: relative; z-index: 1; } .section-title h5 { position: relative; color: var(--aq-primary); text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .section-title h5:after, .section-title h5::before { content: ''; border-radius: 100%; position: absolute; background-color: var(--aq-primary); } .section-title h5:after { width: 40px; height: 40px; left: -17px; top: -19px; opacity: 0.2; -webkit-animation: zoomeffect 2s infinite; animation: zoomeffect 2s infinite; } .section-title h5::before { width: 20px; height: 20px; z-index: 1; border: 2px solid #fff; top: -30px; opacity: 0.4; -webkit-animation: zoomeffect 3s infinite; animation: zoomeffect 3s infinite; } .section-title h2 { text-transform: capitalize; } /* 20 :: Section Blog */ .blog-item { -webkit-box-shadow: 2px 2px 22px #eae4e4; box-shadow: 2px 2px 22px #eae4e4; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .owl-carousel .item .blog-item { margin-top: 30px; } .blog-item .blog-item-img { overflow: hidden; position: relative; } .blog-item .blog-item-img:after { content: ''; position: absolute; left: 0; width: 0; opacity: 0; right: 0; bottom: 0; top: 0; background-color: var(--aq-secondary); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item .blog-item-img img { -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item .blog-title a { color: var(--aq-secondary); } .blog-item:hover .blog-item-img:after { width: 100%; opacity: 0.5; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item:hover .blog-item-img img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item:hover .blog-title a { color: var(--aq-primary); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item::after { height: 2px; content: ''; width: 30%; display: block; background-color: var(--aq-primary); position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item:hover::after { width: 100%; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .blog-item .blog-body img.post-author-img { width: 50px; height: 50px; border: 4px solid var(--aq-primary); border-radius: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: 2px 2px 5px #d7d3d3; box-shadow: 2px 2px 5px #d7d3d3; transition: all 0.4s; } .blog-item .blog-body a:hover img.post-author-img, .blog-item .blog-body a:focus img.post-author-img { transform: scale(1.1); transition: all 0.4s; border: 4px solid var(--aq-secondary); } .blog-body { border-top: 4px solid var(--aq-primary); background-color: #fff; padding: 0 20px 30px 20px; } .post-date { position: relative; margin-top: -30px; margin-bottom: 20px; } .post-info { margin-bottom: 15px; } .post-info a { color: var(--aq-secondary); text-decoration: underline; text-underline-offset: 3px; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 2px; font-size: 17px; text-transform: capitalize; } .post-info a i { color: var(--aq-primary); padding-left: 5px; } .post-date-left time { color: #fff; background-color: var(--aq-primary); padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.2; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-date-left time span { border-right: 1px solid #fff; font-weight: bold; padding-right: 8px; margin-right: 8px; font-size: 24px; line-height: 1; text-transform: uppercase; } .post-info-right { min-width: 80px; text-align: right; } .post-info.content-center { align-items: baseline; } /* 24 :: Section Footer */ .footer-wrapper { padding-top: 100px; background-color: var(--aq-secondary); position: relative; overflow: hidden; } .footer-wrapper .textwidget.custom-html-widget, .footer-wrapper .textwidget { color: #fff; } .footer-wrapper .calendar_wrap * { color: #fff!important; } .footer-wrapper .logo { max-width: 150px; margin-bottom: 20px; } .footer-wrapper .footer-inner { position: relative; z-index: 1; padding-top: 60px; padding-bottom: 60px; } .footer-wrapper ul { list-style: none; padding-left: 0; } .footer-wrapper .widget li { padding: 0; } .footer-wrapper .widget li a, .footer-wrapper .widget li span, .footer-wrapper .widget li div, .footer-wrapper .widget label { color: var(--aq-white); } .footer-wrapper .widget_categories li, .footer-wrapper .widget_archive li { color: var(--aq-white); } .footer-wrapper .widget_categories li a:before, .footer-wrapper .widget_archive li a:before { color: var(--aq-primary); } .footer-wrapper .widget select, .widget select { width: 100%; } footer ul ul { margin-left: 10px; border-left: 1px solid #dad9d9b8 !important; } .blog-sidebar ul ul { border-left: 1px solid #dad9d9b8 !important; } footer .footer-widget { margin: 30px 0 !important; } .footer-inner #text-1 aside.footer-widget { background-color: #303a4e; padding: 40px 20px; } .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg { padding: 0; margin-top: 20px; } .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg .nav-link { border-radius: 3px; background-color: var(--aq-secondary); } .footer-inner #text-1 aside.footer-widget .nav.social-media.social-bg .nav-link:hover { background-color: var(--aq-primary); } .widget-title { margin-bottom: 20px; color: #fff; } .quik-link li a { padding: 6px; display: block; } .quik-link li a::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 6px; font-size: 14px; color: var(--aq-primary); } .quik-link li a:hover { color: var(--aq-primary); } article.widget-post { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } article.widget-post:hover .widgets-post-title a { color: var(--aq-primary); } article.widget-post .widget-post-time { color: #9599a1; } article.widget-post .widget-post-time i { margin-right: 5px; } .widgets-post-title { margin-bottom: 0; font-weight: normal; } .fa-calendar-alt { margin-right: 5px; font-size: 14px; } .widget-post-img { max-width: 70px; height: 60px; margin-right: 14px; } .widget-post-img img { height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-grid { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 10px; } .gallery-grid a { position: relative; overflow: hidden; display: block; } .gallery-grid a img { -o-object-fit: cover; object-fit: cover; } .gallery-grid a:after { content: ''; width: 100%; opacity: 0.5; display: block; background-color: var(--aq-primary); position: absolute; bottom: 0; top: 0; -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); left: 0; right: 0; border-radius: 100%; z-index: 1; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .gallery-grid a:hover:after { border-radius: 0; opacity: 0.5; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } .page-numbers { margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-numbers .page-numbers, .page-numbers a { height: 46px; width: 46px; line-height: 46px; margin: 5px; text-align: center; font-size: 18px; color: var(--aq-black); border: 0; border-radius: 100% !important; -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } i.fas.fa-chevron-left { display: block; line-height: 49px; font-size: 20px; } figure.gallery-item { width: 29%; margin: 2px 5px; overflow: hidden; height: 60px; display: inline-block; } /* 25 :: Section Footer Contact */ .footer-contact { padding: 40px 0; position: relative; } .footer-wrapper .mphb_widget_search-form label { color: #fff!important; } .mphb_widget_search-form label { padding-top: 8px; } .mphb_widget_search-form { padding: 15px; } .mphb_widget_search-form select, .mphb_widget_search-form input { border: 0; border: 1px solid #ccc; width: 100%; height: 46px; padding: 10px; border-radius: 6px; } .footer-contact .container { position: relative; z-index: 1; } .footer-contact:after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 2px dashed #ffffff2e; position: absolute; top: 50%; left: 0; right: 0; } p.mphb_widget_search-submit-button-wrapper { margin-top: 20px; } .footer-contact-col { padding: 30px; margin: 4px; background-color: var(--aq-secondary-dark); -webkit-transition: all 0.4s; transition: all 0.4s; } .footer-contact-col:hover { background-color: var(--aq-primary); -webkit-transition: all 0.4s; transition: all 0.4s; } .footer-contact-col:hover .icon-footer-contact { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } .icon-footer-contact i { color: #fff; } .icon-footer-contact { font-size: 21px; padding-right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; max-width: 100px; background-color: #ffffff24; -webkit-transform: translate(0); transform: translate(0); -webkit-transition: all 0.4s; transition: all 0.4s; } .footer-contact-content { margin-left: 20px; width: 100%; color: #fff; } .footer-coppy-right { color: #fff; padding: 15px; background-color: var(--aq-secondary-dark); } /* 26 :: Button Scroll Top */ .back-to-top { display: block !important; position: fixed; z-index: 9; color: #fff; display: none; background-color: var(--aq-primary); padding: 6px 12px 12px; font-size: 17px; border-radius: 2px; right: 15px; bottom: 300px; width: 50px; height: 50px; line-height: 40px; text-align: center; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; } .back-to-top:hover, .back-to-top:focus { background-color: var(--aq-secondary); color: #fff; } .back-to-top.show { opacity: 1; bottom: 15px; -webkit-transition: all 0.6s; transition: all 0.6s; } @-webkit-keyframes zoomeffect { 0% { background-position: center; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 50% { background-position: center; -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 100% { background-position: center; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } } @keyframes zoomeffect { 0% { background-position: center; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 50% { background-position: center; -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 100% { background-position: center; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } } @-webkit-keyframes zoomeffect2 { 0% { background-position: bottom left; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 50% { background-position: bottom left; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); -webkit-transition: all 0.5s; transition: all 0.5s; } 100% { background-position: bottom left; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } } @keyframes zoomeffect2 { 0% { background-position: bottom left; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } 50% { background-position: bottom left; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); -webkit-transition: all 0.5s; transition: all 0.5s; } 100% { background-position: bottom left; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } } .btn-animate { position: relative; } .btn-animate:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; width: 60px; height: 60px; background-color: var(--aq-primary-dark); border-radius: 100%; z-index: -1; pointer-events: none; -webkit-animation: sonarWave 2s linear infinite; animation: sonarWave 2s linear infinite; } .btn-animate:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; width: 60px; height: 60px; background-color: var(--aq-primary-dark); border-radius: 100%; z-index: -1; pointer-events: none; -webkit-animation: sonarWave2 3s linear infinite; animation: sonarWave2 3s linear infinite; } /* 29 :: Page Title Section */ .page-wrapper { padding-top: 120px; padding-bottom: 100px; position: relative; } .page-title { padding: 160px 0 100px; min-height: 420px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; } .page-title:after { content: ""; top: 0; position: absolute; display: block; height: 100%; width: 100%; background-color: var(--aq-black); opacity: 0.7; } .page-title:before { content: ""; bottom: -41px; right: 0; left: 0; position: absolute; margin: 0 auto; display: block; height: 90px; z-index: 9; width: 239px; opacity: 1; -webkit-animation: zoomeffect2 15s infinite; animation: zoomeffect2 15s infinite; } .page-title .container { position: relative; z-index: 1; } .page-title h1 { font-size: 60px; letter-spacing: 4px; line-height: 1; margin-bottom: 10px; color: #fff; } .page-title .breadcrumb-item a { color: #fff; } .page-title .breadcrumb-item a:focus { background-color: transparent; } .page-title .breadcrumb-item.active { color: var(--aq-primary); } .page-title li.breadcrumb-item { font-size: 20px; font-weight: bold; letter-spacing: 2px; } .page-title .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "::"; } /* 30 :: Page Blog */ .blog-container { padding-top: 40px; padding-bottom: 40px; } .blog-pages .blog-item { margin-bottom: 40px; } .blog-pages .blog-item img.post-author-img { width: 60px; height: 60px; border: 6px solid var(--aq-primary); } .blog-pages .blog-item .post-date-left { padding: 10px 20px; } .blog-single .blog-item::after { display: none; } .blog_quote { margin-bottom: 40px; font-weight: 300; background-color: var(--aq-secondary); padding: 60px 40px 40px; color: #fff; position: relative; margin-left: 20px; } .blog_quote:before { content: ''; display: block; position: absolute; width: 100%; left: -10px; border: 2px dotted; bottom: -10px; top: 10px; border: 2px dashed var(--aq-secondary); } .blog_quote h5 { font-style: italic; margin-top: 15px; } .blog_quote p { font-size: 19px; line-height: 34px; font-weight: 500; } .quote_icon { position: absolute; right: 80px; top: -40px; margin-left: auto; width: 80px; line-height: 78px; font-size: 22px; height: 80px; text-align: center; display: block; background-color: var(--aq-primary); border-radius: 100%; border: 5px solid #fff; } .blog-item { background-color: #fff; } .blog-item h4 { text-transform: capitalize; } .blog-item .list-group-item { padding: 8px 15px; } .blog-item .list-group-item i { font-size: 14px; margin-right: 5px; } .blog_tag_share { padding: 20px 0; border-bottom: 1px solid #edeff7; border-top: 1px solid #edeff7; margin-top: 40px; } .blog_tag .nav.nav-pills { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog_tag .nav.nav-pills .nav-link { border-radius: .25rem; background-color: #edeff7; margin: 7px; color: #333; padding: 4px 10px; } .blog_tag .nav.nav-pills .nav-link.active, .blog_tag .nav.nav-pills .show>.nav-link { color: #fff; background-color: var(--aq-primary) !important; } .blog_share ul.nav.social-media.social-bg a.nav-link { color: #fff; background-color: #fff; margin: 5px; width: 30px; border: 1px solid var(--aq-primary); color: var(--aq-primary); } .blog_share ul.nav.social-media.social-bg a.nav-link:hover { color: #fff; background-color: var(--aq-primary); } .author-post { margin: 40px 0; } .author-post .author-post-bg { max-height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } .author-post .author-post-inner { padding: 0 40px; } .author-post .author-post-img { margin-top: -60px; border: 4px solid #0000001f; width: 100px; height: 120px; overflow: hidden; margin-bottom: 12px; } /* 31 :: Page Blog Comment Section */ .comments-area { margin: 30px; overflow: hidden; } .comments-area h2 { font-size: 26px; line-height: 32px; margin-bottom: 15px; } #commentform input { padding: 15px; width: 100%; background-color: #f7f7f7; border: 1px solid #dcdcdc; width: 100%; display: block; } .comment-list li { position: relative; margin-top: 30px; } .comment-list .children { margin-left: 40px; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .single-post .comments-area { margin-top: 50px; margin-bottom: 0; } .single-post .comments-area .comments-title { font-size: 33px; font-weight: 600; } p.comment-form-cookies-consent label { font-size: 16px; } input#wp-comment-cookies-consent { margin-top: 30px; width: 50px; } p.comment-form-cookies-consent { display: flex; } .comment-body { padding: 20px 30px; border-radius: 10px; background-color: #f5f5f5; } .comment-body footer { padding-top: 0; background-color: transparent; } .comment-metadata { padding: 8px 0; } .comment-metadata * { color: var(--aq-black); font-weight: bold; } .reply { margin-top: 15px; } .reply a.comment-reply-link { background-color: #c70039; color: #fff; padding: 8px 15px; border-radius: 4px; } .comment-body .comment-author, .comment-body .comment-box { display: table-cell; vertical-align: top; } .comment-box { padding-left: 20px; } .comment-author { z-index: 1; position: relative; } .comment-author img { display: block; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-bottom: 10px; } .comment-owner { padding-top: 8px; padding-bottom: 1px; background-color: #fff; -webkit-transform: translate(-18%, 0px); transform: translate(-18%, 0px); width: 135%; } .comment-owner h4 { color: #fff; background-color: var(--aq-primary); padding: 6px 15px; border-radius: 80px; max-width: 370px; text-align: center; border-radius: 0 100px 100px 0; } a.comment-btn-Reply { font-weight: bold; display: inline-block; margin-top: 10px; } a.comment-btn-Reply i { padding-right: 5px; } span.comment-date { font-weight: bold; height: 5px; } .post-prev-content h5 { color: var(--aq-black); } .comment-notes { font-size: 15px; font-style: italic; } .author-content-wrap { padding: 10px 0; } .comment-form-header { margin-bottom: 40px; } .comment-respond { padding: 40px; margin: 60px 0; border-top: 1px solid #e6e4e4; } .comment-respond textarea { padding: 15px; width: 100%; background-color: #f7f7f7; border: 1px solid #dcdcdc; } .comment-respond label { margin-bottom: 15px; margin-top: 20px; font-size: 24px; font-weight: bold; } .comment-respond input#submit { background-color: #c70039; -webkit-box-shadow: 6px 5px 10px #00000045; box-shadow: 6px 5px 10px #00000045; border: 0; color: #fff; padding: 10px 15px; border-radius: 5px; margin-top: 15px; } .comment-content p a { color: #2626f1; text-underline-offset: 3px; text-decoration: underline solid !important; } .comment-content p a:hover { color: var(--aq-primary); } /* 32 :: Page Blog Comment Form */ .post-prev-next { padding: 30px 20px; border-bottom: 1px solid #edeff7; border-top: 1px solid #edeff7; } .post-prev-next .post-btn { background-color: transparent; border: 0; font-size: 30px; padding: 5px; } .post-prev-next h5 a { color: var(--aq-secondary-dark); } .post-prev-next span.comment-date { font-weight: normal; } .post-np-img img.img-fluid { height: 100%; -o-object-fit: cover; object-fit: cover; } .post-np-img { height: 70px; width: 80px; overflow: hidden; margin-right: 10px; } .post-prev { margin-right: 40px; } .post-prev:hover i { color: var(--aq-primary); } .post-next { margin-left: 40px; text-align: right; } .post-next .post-np-img { margin-right: 0; margin-left: 10px; } .post-next:hover i { color: var(--aq-primary); } /* 34 :: Page Blog Sidebar */ .blog-sidebar .card { margin-bottom: 30px; border-radius: 33px 40px 0 0; border: 0; margin-top: 0; padding: 0; -webkit-box-shadow: 2px 10px 19px #eae8e8; box-shadow: 2px 10px 19px #eae8e8; } .blog-sidebar .card:last-child { margin-bottom: 0; } .blog-sidebar .search-form { padding: 4px; border-radius: 4px; border: 1px solid #e3e0e0; } .blog-sidebar .search-form .form-control { border: 0; } .blog-sidebar .search-form .btn.btn-search { font-size: 20px; padding: 8px 14px; color: #fff; border-radius: 4px !important; line-height: 30px; } .widget .tagcloud { padding: 15px; } .footer-widget .tagcloud { padding: 0px; } body .tagcloud a { color: var(--aq-secondary); background-color: #edecec; padding: 6px 10px !important; line-height: 1.8; display: inline-block; margin: 4px; font-size: 16px !important; word-break: break-word; border-radius: 4px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .tagcloud a:hover { background-color: var(--aq-primary); color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; } li.recentcomments { padding: 8px 15px !important; } .sidbar_title { background-color: var(--aq-secondary); border-radius: 100px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidbar_title:before { content: "\f00c"; display: block; font-family: "Font Awesome 5 Free"; font-weight: bold; background-color: var(--aq-primary); color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 25px; border-radius: 100%; margin-right: 10px; } .widget_categories li, .widget_archive li { color: var(--aq-black); border: 0; } .widget_categories li a, .widget_archive li a { color: var(--aq-black); } .widget_categories li a:hover, .widget_archive li a:hover { color: var(--aq-primary); padding-left: 5px; } .widget_categories li a:before, .widget_archive li a:before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-right: 6px; font-size: 16px; } .widget li { padding: 0 15px; } .widget li a { position: relative; line-height: 21px; z-index: 0; padding: 7px 4px; margin: 5px; border: 0; display: inline-block !important; text-decoration: none; -webkit-transition: all 0.6s; transition: all 0.6s; color: var(--aq-black); } .widget li a:hover { -webkit-transition: all 0.6s; transition: all 0.6s; } .sidbar-post .widget_recent_entries { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; } .sidbar-post .widget_recent_entries .widget-post-img { max-width: 100px; height: 80px; -o-object-fit: cover; object-fit: cover; } .sidbar-post .widget_recent_entries .widgets-post-title a { color: var(--aq-black); font-size: 17; font-weight: 500; } .sidbar-post .widget_recent_entries .widget-post-time { color: #9599a1; margin-top: 8px; font-size: 100%; display: block; } .widget_meta ul { padding: 0 15px; } .widget_meta ul li { display: inline-block; padding: 0; } .widget_meta ul li a { border-radius: 4px; letter-spacing: 0.1em; color: var(--aq-secondary)!important; float: left; padding: 4px 10px; background-color: #f2f2f2; font-size: 16px; position: relative; } .widget_meta ul li a:hover { background-color: var(--aq-primary); color: #fff!important; } section.about-section.pt-0 { margin-top: 80px; } .aboutme-img { margin-bottom: 20px; } .aboutme-img img { width: 160px; height: 160px; padding: 8px; -o-object-fit: cover; object-fit: cover; overflow: hidden; border-radius: 100%; margin: 0 auto; -webkit-box-shadow: 5px 3px 30px #ccc; box-shadow: 5px 3px 30px #ccc; } .aboutme-content { text-align: center; } .aboutme-content .widget.social-media { margin-left: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 15px; } td#today { background-color: var(--aq-primary); color: #fff; } td#today a { color: #fff; } .calendar_wrap { background-color: #ffffff12; padding: 15px; } #wp-calendar { text-align: center; caption-side: top; } #wp-calendar caption { color: var(--aq-primary)!important; text-align: left; text-align: center; font-size: 20px; padding: 4px; margin-bottom: 10px; background-color: #f7f7f7; } #wp-calendar span.btn-group { width: 100%; } #wp-calendar span.btn-group a.btn.text-left { text-align: left; } #wp-calendar span.btn-group a.btn.text-right { text-align: right; } #wp-calendar span.btn-group i { padding: 5px; background-color: var(--aq-primary); color: #fff; } #wp-calendar td { padding: 8px; } #wp-calendar td.today { background-color: var(--aq-primary); color: #fff; } #wp-calendar a.btn.active { text-transform: uppercase; font-weight: bold; font-size: 20px; } .pagination { margin-top: 40px; margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination .page-link { height: 46px; width: 46px; margin: 5px 10px; text-align: center; font-size: 24px; color: var(--aq-black); border: 0; border-radius: 100% !important; -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination li.page-item.active .page-link, .pagination .page-link:hover { background-color: var(--aq-primary); color: #fff; border: 0; } /* 38 :: Page 404 Erro */ .page-404 { overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-position: bottom; background-size: cover; } .page-404 h4 { font-family: 'Roboto', sans-serif; } .not-foun-inner { padding: 80px; -webkit-box-shadow: 0px 1px 35px 20px #e3e3e3; box-shadow: 0px 1px 35px 20px #e3e3e3; margin: 40px 40px 80px 40px; border-radius: 10px; background-color: #fff; } .not-foun-inner h1 { line-height: 1; font-size: 10vw; font-family: sans-serif; position: relative; background: white; color: black; margin: 0; padding: 0; overflow: hidden; } .not-foun-inner h1:before { content: ''; display: block; position: absolute; -webkit-filter: blur(20px); filter: blur(20px); top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: screen; background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #c70039 1em, #162238 50%), repeating-linear-gradient(45deg, #111626, #111626 1em, #c70039 1em, #162238 50%); background-size: 3em 3em, 2em 2em; -webkit-animation-name: ani; animation-name: ani; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes ani { from { background-position: 0 0; } to { background-position: 400% 0; } } @keyframes ani { from { background-position: 0 0; } to { background-position: 400% 0; } } .page-404 .bg-animation { top: auto; } /* 39 :: Preloader */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .centered { width: 400px; height: 400px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blob-1, .blob-2 { width: 70px; height: 70px; position: absolute; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blob-1 { background: var(--aq-primary); left: 20%; -webkit-animation: osc-l 2.5s ease infinite; animation: osc-l 2.5s ease infinite; } .blob-2 { left: 80%; -webkit-animation: osc-r 2.5s ease infinite; animation: osc-r 2.5s ease infinite; background: var(--aq-secondary); } @-webkit-keyframes osc-l { 0% { left: 20%; } 50% { left: 50%; } 100% { left: 20%; } } @keyframes osc-l { 0% { left: 20%; } 50% { left: 50%; } 100% { left: 20%; } } @-webkit-keyframes osc-r { 0% { left: 80%; } 50% { left: 50%; } 100% { left: 80%; } } @keyframes osc-r { 0% { left: 80%; } 50% { left: 50%; } 100% { left: 80%; } } a.next.page-numbers { display: block; } nav.navigation.pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-numbers span.page-numbers, .page-numbers .page-numbers:hover { background-color: var(--aq-primary); color: #fff; border: 0; } h2.screen-reader-text { display: none; } .textwidget { padding: 15px; } .footer-wrapper .card-body { padding: 0; } figure.wp-caption.alignnone, figure.wp-caption.alignnone img { width: 100%!important; } figure.wp-caption.alignnone { padding: 15px; } figure.wp-caption.alignnone img { padding: 10px; } .close-btn { border: 0; display: block; background-color: white; width: 40px; height: 40px; position: absolute; line-height: 42px; text-align: center; z-index: 9999; font-size: 30px; right: -40px; color: var(--aq-primary); top: 44px; } .close-btn:focus { border: 1px solid #ccc; } .infinite-scroll #navigation, .infinite-scroll.neverending #footer { display: none; } .infinity-end.neverending #footer { display: block; } /*---woocommerce-css-coppy-that ---*/ #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100px; box-shadow: none; } form.woocommerce-cart-form table.shop_table th { border: 1px solid #ccc; } form.woocommerce-cart-form .cart-collaterals th { border: 0!important; } form.woocommerce-cart-form .product-name a { color: var(--aq-black); text-decoration: none; font-size: 18px; font-weight: 600; } .woocommerce a.remove { color: var(--color-primary); margin: 0 auto; } form.woocommerce-cart-form table.shop_table td { vertical-align: middle; padding: 40px 15px; border: 1px solid #ccc; vertical-align: middle; line-height: 1.5em; text-align: center; } form.woocommerce-cart-form .quantity .qty { width: 70px; padding: 10px 16px; background-color: #e6e5e5; border: 0; } form.woocommerce-cart-form .coupon { -webkit-box-shadow: 0px 1px 21px #ccc; box-shadow: 0px 1px 21px #ccc; border-radius: 6px !important; overflow: hidden; } .coupon button.button, .woocommerce button.button { min-height: 58px; min-width: 170px; background-color: var(--aq-secondary); color: #fff!important; opacity: 1; } .coupon button.button:hover, .coupon button.button:focus { background-color: var(--aq-primary); color: #fff; } input#coupon_code { min-width: 200px; border-radius: 0; font-weight: 500; padding: 0.65rem 1.25rem; min-height: 58px; background-color: var(--aq-white); border: 1px solid var(--aq-gray-light); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } form.woocommerce-cart-form table.shop_table.shop_table_responsive td, form.woocommerce-cart-form table.shop_table.shop_table_responsive th { vertical-align: middle; padding: 10px 15px; } form.woocommerce-cart-form table.shop_table.shop_table_responsive th { padding: 20px 15px; text-align: center; font-size: 20px; } form.woocommerce-cart-form.cart-collaterals td { text-align: right; } .cart_totals { background-color: #fff; padding: 20px; } .cart_totals h2 { font-size: 24px; margin-bottom: 15px; } #respond input#submit.alt, a.button.alt, button.button.alt, input.button.alt, .woocommerce button.button.alt { border: 0; border-radius: 5px; width: fit-content; color: #fff; background: linear-gradient( 289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important; -webkit-font-smoothing: antialiased; } img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { margin: 0 auto; } form.woocommerce-cart-form td.actions { border: 0!important; padding-top: 47px!important; } form.woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents { border: 0!important; background-color: #fff; padding-bottom: 30px; } form.woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr.cart-subtotal { border-bottom: 1px solid #000!important; } form.woocommerce-cart-form .cart-collaterals table.shop_table.shop_table_responsive, form.woocommerce-cart-form .cart-collaterals table.shop_table.shop_table_responsive td, form.woocommerce-cart-form .cart-collaterals .woocommerce-cart .cart-collaterals .cart_totals tr td { border: 0; } form.woocommerce-cart-form .cart_totals table.shop_table.shop_table_responsive tr.cart-subtotal { box-shadow: 0px 1px #ccc; } form.woocommerce-cart-form .cart_totals table.shop_table.shop_table_responsive td { text-align: right; } /*---shope-page--*/ p.woocommerce-result-count, select.orderby { background-color: var(--aq-secondary); box-shadow: 2px 10px 19px #eae8e8; border-radius: 10px; padding: 15px 20px; height: 60px; color: #fff; font-size: 20px; } .product { background-color: #fff; border: 0; margin-bottom: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-shadow: 1px 5px 33px #e8e8e8; box-shadow: 1px 5px 33px #e8e8e8; padding: 0 15px 15px 15px!important; } .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link { width: calc(100% + 30px); display: block; margin-left: -15px; } .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price { margin-top: 8px; font-size: 16px!important; padding: 0 15px!important; color: #333!important; } .woocommerce .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title { color: var(--aq-black); font-size: 20px; padding: 0 15px!important; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { position: absolute; top: 20%; background-color: #fff; padding: 14px 19px; -webkit-box-shadow: 2px 2px 10px #ccc; box-shadow: 2px 2px 10px #ccc; border-radius: 40px; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: var(--aq-transition); transition: var(--aq-transition); opacity: 0; } .product:hover a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { transform: scale(1); transition: var(--aq-transition); opacity: 1; } form.checkout.woocommerce-checkout input, form.checkout.woocommerce-checkout select, form.checkout.woocommerce-checkout textarea.aboutme-content, .select2-selection--single { border-radius: 0; border: 0; display: block; line-height: 1.5; font-size: 0.97rem; font-weight: 500; padding: 0.65rem 1.25rem; min-height: 50px; background-color: var(--aq-white); border: 1px solid var(--aq-gray-light); outline: none; letter-spacing: 0.5px; -webkit-box-shadow: none; box-shadow: none; box-shadow: 4px 4px 7px #ddd; -webkit-transition: var(--aq-transition); transition: var(--aq-transition); } div#customer_details { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #ccc; } .woocommerce div.product form.cart div.quantity { float: none; margin: 15px 4px 15px 0px; } .woocommerce div.product form.cart div.quantity input { height: 46px; } .summary.entry-summary { padding: 20px 0; } .woocommerce .comment-respond .form-submit input#submit { border: 0; border-radius: 5px; display: block; padding: 15px!important; width: fit-content; color: #fff!important; background: linear-gradient( 289deg, var(--aq-primary) 50%, var(--aq-secondary) 26%) 10%/177% 110% no-repeat !important; -webkit-font-smoothing: antialiased; } footer .textwidget { padding: 0; }