9399 lines
208 KiB
CSS
9399 lines
208 KiB
CSS
@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;
|
|
} |