:root {
--global-font-family: 'Poppins', sans-serif;
--black: #000000;
--white: #ffffff;
--offwhite: #e4e4e4;
--offwhite2: #f8f8f8;
--cart-bg: #f0f0f0;
--border-color: #e5e5e5;
--border-gray: #596370;
--border-dark-color: #373f52;
--main-color: #4a00e0;
--primary: #6ba229;
--title-color: #29282d;
--txt: #666666;
--yellow: #ffaa17;
--blue: #068efe;
--green: #53d575;
--cart: #3ce8b5;
--wishlist: #ff6695;
--search: #fbd244;
--footer-bg: #242b3d;
--placeholder: #686868;
--bg: #f8f7fb;
--bg2: #f1f6f9;
--list1: #a5dc6f;
--list2: #9552fa;
--list3: #f4ab23;
--list4: #54c5fe;
--list5: #f03882;
--list6: #10cf89;
--gradient: linear-gradient(to right top, #a640ff, #9b36ff, #8f2cff, #8121ff, #7214ff);
--gradient-linear: linear-gradient(to right, #a640ff, #9b36ff, #8f2cff, #8121ff, #7214ff);
--less-radius: 3px;
--less-radius-left: 3px 0 0 3px;
--less-radius-right: 0 3px 3px 0;
--comman-radius: 30px;
--comman-radius-left: 30px 0 0 30px;
--comman-radius-right: 0 30px 30px 0;
--circular-radius: 50%;
--radius10: 10px;
--radius10-top: 10px 10px 0 0;
--facebook: #3b5998;
--twitter: #00acee;
--instagram: #dd2a7b;
--bullet-color: #e1e6ee;
--light-red: #ff5b72;
--input-bg: #fdfdff;
--input-border: #e5e5e5;
--block-bg: #141e31;
--globle-font: 16px;
--title-font: 42px;
--heading-font: 32px;
--sub-heading-font: 24px;
--widget-title: 20px;
--shadow: 0 0 30px rgb(0 0 0 / 6%);
}
* {
outline: 0 !important;
}
body {
font-family: var(--global-font-family);
font-weight: 400;
font-size: var(--globle-font);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
background: var(--white);
color: var(--txt);
}
body::-webkit-scrollbar {
width: 6px;
box-shadow: none;
}
body::-webkit-scrollbar-track {
background-color: var(--white);
box-shadow: none;
}
body::-webkit-scrollbar-thumb {
background-color: var(--primary);
box-shadow: none;
}
.post,
.page {
margin: 0;
}
a {
color: var(--txt);
}
a:visited:hover,
a:hover,
a:focus,
button,
button:hover {
color: var(--primary);
}
a,
a:hover,
a:focus,
button,
button:hover {
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
img {
max-width: 100%;
height: auto;
}
input,
textarea,
select,
button,
button:focus,
button:hover,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
outline: none;
}
input,
textarea,
select,
button,
button:focus,
button:hover,
label,
.form-control:focus {
box-shadow: none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
color: var(--title-color);
text-transform: capitalize;
}
strong {
font-weight: 600;
}
iframe {
width: 100%;
border: none;
}
a:visited {
color: inherit;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid var(--input-border);
background: var(--bg);
border-radius: var(--comman-radius);
background: var(--white);
color: var(--txt);
font-size: var(--global-font);
line-height: 1.5;
padding: 0 20px;
height: 50px;
}
input[type="text"],
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 {
color: var(--txt);
border: 1px solid var(--input-border);
background: var(--input-bg);
width: 100%;
padding: 0 20px;
height: 50px;
line-height: 50px;
border-radius: var(--less-radius);
}
.input-wrap textarea {
height: 150px;
border-radius: var(--less-radius);
padding: 20px;
}
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 {
border-color: var(--primary);
}
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,
input[type="text"],
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 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
input::-webkit-input-placeholder,
.input-wrap input::-webkit-input-placeholder,
.input-wrap textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--placeholder);
}
.input-wrap input::-moz-placeholder,
.input-wrap textarea::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--txt);
opacity: .6;
}
.input-wrap input:-ms-input-placeholder,
input:-ms-input-placeholder,
.input-wrap textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--txt);
opacity: .6;
}
.input-wrap input:-moz-placeholder,
input:-moz-placeholder,
.input-wrap textarea:-moz-placeholder,
textarea:-moz-placeholder {
color: var(--txt);
opacity: .6;
}
.input-wrap label {
font-weight: 600;
color: var(--title-color);
margin: 0 0 10px;
}
.toast {
background: var(--primary);
}
.toast-success {
background: var(--list1);
}
.toast-error {
background: var(--list5);
}
.txt-primary {
color: var(--primary);
}
#scroll {
position: fixed;
right: 15px;
bottom: 15px;
cursor: pointer;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 99;
visibility: hidden;
-webkit-transform: translateY(150px);
-ms-transform: translateY(150px);
transform: translateY(150px);
background-color: var(--primary);
color: var(--white);
border: 2px solid var(--primary);
}
#scroll.active {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
animation: bounceInDown 2s;
-webkit-animation: bounceInDown 2s;
-moz-animation: bounceInDown 2s;
}
#scroll:hover {
background-color: var(--white);
color: var(--primary);
}
@keyframes bounce {
0%,
100% {
transform: translateY(-20px);
}
50% {
transform: translateY(0px);
}
} .display-flex {
display: flex;
flex-wrap: wrap;
}
.nice-select .list {
width: 100%;
}
@keyframes buttonripple {
0% {
transform: scale(40, 40);
opacity: .3;
background: var(--primary);
}
20% {
transform: scale(25, 25);
opacity: .3
}
100% {
opacity: 0;
transform: scale(0, 0);
}
} .preloader {
background-color: var(--white);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
}
.preloader-inner {
background-position: center center;
background-repeat: no-repeat;
height: auto;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
} .sr-btn-wrap {
display: flex;
flex-wrap: wrap;
}
.sr-btn {
padding: 13px 20px;
background: var(--primary);
color: var(--white);
font-weight: 400;
font-size: var(--global-font);
display: inline-block;
min-width: 170px;
text-align: center;
border-radius: var(--comman-radius);
border-radius: 60px;
border: none;
position: relative;
overflow: hidden;
z-index: 1;
text-transform: capitalize;
transition: box-shadow 0.5s;
}
.sr-btn:hover,
.sr-btn:focus {
transition: box-shadow 0.5s;
-webkit-box-shadow: inset 0 0 0 2em var(--black);
-moz-box-shadow: inset 0 0 0 2em var(--black);
box-shadow: inset 0 0 0 2em var(--black);
}
.sr-btn:hover,
.sr-btn:visited,
.sr-btn:visited:hover,
.sr-btn:active:hover,
.sr-btn:focus:hover {
color: var(--white);
background: var(--primary);
border: none;
}
.sr-btn,
.sr-btn:hover,
.sr-btn:focus,
.sr-btn:visited,
.sr-btn:active {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn-white,
.btn-white:visited:hover,
.btn-white:active:hover,
.btn-white:focus:hover,
.btn-white:hover,
.btn-white:focus,
.btn-white:visited,
.btn-white:active {
color: var(--primary);
background: var(--white);
border: none;
}
.sr-btn-wrap .sr-btn {
padding: 13px 33px;
}
.sr-btn.sr-lg-btn {
padding: 13px 33px;
} body div input.sr-btn {
padding: 13px 20px;
background: var(--primary);
color: var(--white);
font-weight: 500;
font-size: var(--global-font);
display: inline-block;
min-width: 170px;
text-align: center;
border-radius: var(--comman-radius);
border: none;
position: relative;
overflow: hidden;
z-index: 1;
text-transform: capitalize;
}
.input-wrap {
margin: 0 0 25px;
} .top-spacer {
padding-top: 80px;
}
.bottom-spacer {
padding-bottom: 40px;
}
.bottom-padder-50 {
padding-bottom: 50px;
}
.bottom-padder-80 {
padding-bottom: 80px;
}
.top-spacer-less {
padding-top: 40px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-comman {
margin-bottom: 40px;
} .sr-has-background {
position: relative;
} .sr-section-title {
margin-bottom: 0;
}
.sr-sub-title span {
display: inline-block;
text-transform: capitalize;
font-weight: 600;
color: var(--primary);
position: relative;
padding: 10px 20px;
min-width: 130px;
text-align: center;
}
.sr-sub-title span:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: var(--primary);
opacity: .1;
border-radius: var(--comman-radius);
}
.sr-section-title h4 {
font-size: var(--heading-font);
font-weight: 500;
margin: 10px 0 0;
color: var(--title-color);
line-height: 1.4;
margin-bottom: 39px;
}
.sr-heading {
font-size: var(--heading-font);
font-weight: 500;
margin: 10px 0 0;
color: var(--title-color);
line-height: 1.4;
margin-bottom: 39px;
}
.sr-section-title .sr-colored-heading {
font-weight: 700;
}
.sr-colored-heading span {
color: var(--primary);
}
.sr-section-title .sr-colored-heading span {
font-weight: 500;
display: block;
} .fw-container-fluid .fw-col-xs-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.fw-main-row {
background-size: cover;
background-position: center;
} .sr-section-bg-arrows {
position: absolute;
bottom: 0;
display: flex;
align-items: flex-end;
opacity: .3;
max-width: 350px;
}
.sr-right-bg-arrows {
right: 0;
}
.sr-right-lg-arrow img {
max-height: 490px;
}
.sr-right-sm-arrow img {
max-height: 275px;
}
.sr-right-lg-arrow img {
-webkit-animation: mover 3s infinite alternate;
animation: mover 3s infinite alternate;
}
@-webkit-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-30px);
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-30px);
}
} .sr-main-header {
position: relative;
}
.sr-header-container .row {
align-items: center;
}
.sr-header-container {
padding: 15px 0;
}
.sr-header-container .sr-menus ul,
.sr-header-container .sr-menus ol {
margin: 0;
padding: 0;
}
.sr-main-header {
z-index: 99;
}
.sr-header-inner {
box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
-ms-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
-o-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
z-index: 99;
}
.sr-header-container .sr-menus li {
display: inline-block;
padding: 15px 20px;
position: relative;
margin: 0;
}
.sr-header-container .sr-menus li a {
color: var(--title-color);
text-transform: capitalize;
}
.sr-header-container .sr-menus li a.sr-btn {
color: var(--primary);
}
.sr-header-container .sr-head-icon svg {
width: 16px;
position: relative;
fill: var(--primary);
}
.sr-menus li .sub-menu li {
display: block;
text-align: left;
}
.sr-menus li .sub-menu li:last-child {
margin-bottom: 0px
}
.sr-header-container .sr-menus li a.sr-btn:hover {
color: var(--white);
background: var(--primary);
}
.sr-header-container .sr-menus {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.sr-menu-toggle {
display: inline-block;
}
.sr-head-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
} .sr-main-header.fixed-header {
position: fixed;
width: 100%;
left: 0;
right: 0;
background: var(--white);
}
.sr-main-header.fixed-header .sr-header-container {
padding: 10px 0;
} .sr-search-form {
position: fixed;
right: 0;
bottom: 0;
top: 0;
width: 100%;
left: 0%;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
cursor: url(//www.adssolar.com.au/wp-content/themes/sunrays/assets/images/close_search.png), auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.sr-search-form.show-search {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.sr-search-form.show-search,
.sr-search-form {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-search-form-inner {
width: 50%;
position: relative;
text-align: end;
-webkit-transform: translateY(200px);
-moz-transform: translateY(200px);
-ms-transform: translateY(200px);
-o-transform: translateY(200px);
transform: translateY(200px);
visibility: hidden;
}
.sr-search-form.show-search .sr-search-form-inner {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
visibility: visible;
}
.sr-search-form.show-search .sr-search-form-inner,
.sr-search-form-inner {
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.search-bar-inner {
position: relative;
height: 50px;
}
.search-bar-inner input {
width: 100%;
height: 50px;
padding: 12px 55px 12px 0;
border: none;
border-radius: 0;
background: transparent;
border-bottom: 2px solid var(--white);
color: var(--white);
}
.search-bar-inner input::-webkit-input-placeholder {
color: var(--white);
opacity: 90%;
}
.search-bar-inner input::-moz-placeholder {
color: var(--white);
opacity: 90%;
}
.search-bar-inner input:-ms-input-placeholder {
color: var(--white);
opacity: 90%;
}
.search-bar-inner input:-moz-placeholder {
color: var(--white);
opacity: 90%;
}
.search-bar-inner input:focus {
color: var(--white);
}
.search-bar-inner button {
position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
border: none;
background: transparent;
fill: var(--white);
width: 50px;
cursor: pointer;
}
.close-search {
margin: 0 0 50px 0;
display: inline-block;
padding: 0 15px;
}
.sr-header-container .sr-head-icon .close-search svg {
width: 20px;
fill: var(--white);
}
.sr-search-btn {
cursor: pointer;
width: 18px;
height: 18px;
line-height: 18px;
margin-left: 30px;
}
.sr-header-container .search-bar-inner button .sr-search-svg {
width: 20px;
fill: var(--white);
} body.open-cart:before {
background: rgb(0 0 0 / 0.6);
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.sr-cart-quntity {
position: relative;
}
.sr-cart-quntity {
position: relative;
height: 40px;
display: inline-block;
width: 40px;
text-align: center;
border: none;
border-radius: var(--circular-radius);
line-height: 40px;
}
.sr-cart-quntity:before {
position: absolute;
content: "";
background: var(--cart-bg);
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
border-radius: var(--circular-radius);
}
.sr-cart-count {
position: absolute;
top: -4px;
background: var(--primary);
border: none;
border-radius: var(--circular-radius);
color: var(--white);
height: 20px;
min-width: 20px;
line-height: 20px;
font-size: 10px;
right: -6px;
}
.sr-cart-icon {
position: relative;
display: inherit;
}
.sr-cart-btn {
cursor: pointer;
min-width: 80px;
display: inline-block;
margin-left: 30px;
}
.sr-cart-total {
color: var(--white);
display: inline-block;
margin-left: 10px;
font-weight: 500;
}
.sr-header-cart-box {
position: fixed;
bottom: 0;
top: 0;
z-index: 99999;
background: var(--white);
box-shadow: 0 0 40px rgb(0 0 0 / 0.24);
max-width: 300px;
right: -400px;
text-align: left;
width: 100%;
transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
-webkit-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
-moz-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
-o-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
-ms-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
overflow-y: auto;
}
.admin-bar .sr-header-cart-box {
top: 30px;
}
.open-cart .sr-header-cart-box {
right: 0;
}
.sr-cart-head {
text-align: center;
padding: 20px 30px 20px;
position: relative;
background: var(--bg);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.sr-cart-head h4 {
color: var(--title-color);
font-size: var(--sub-heading-font);
font-weight: 600;
margin: 0;
}
.sr-close-cart {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: var(--circular-radius);
background: var(--primary);
}
.sr-close-cart svg {
height: 12px;
fill: var(--white);
}
body .sr-right-cart-slide .sr-head-icon .sr-close-cart svg {
fill: var(--primary);
height: 15px;
width: 15px;
}
.sr-cart-products {
padding: 17px 20px 20px;
max-height: calc(100% - 80px);
overflow-y: auto;
}
.sr-cart-products .woocommerce-mini-cart__empty-message {
text-align: center;
}
.woocommerce-mini-cart.cart_list {
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
width: 100%;
display: block;
padding: 0;
border-bottom: 1px solid var(--border-color);
padding-bottom: 13px;
margin-bottom: 17px;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove {
background: var(--primary);
color: var(--white) !important;
width: 20px;
height: 20px;
padding: 0;
text-align: center;
line-height: 20px;
border-radius: var(--circular-radius);
font-size: var(--sub-heading-font);
font-weight: 500;
display: inline-block;
vertical-align: middle;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove:hover {
background: var(--primary);
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
object-fit: cover;
border-radius: var(--less-radius);
box-shadow: 0 0 10px rgb(0 0 0 / 0.06);
border: 1px solid var(--border-color);
width: 30px;
height: 30px;
margin: 10px 20px 10px 0;
display: none;
}
.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
display: inline-block;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
color: var(--title-color);
font-size: var(--global-font);
font-weight: 400;
text-align: left;
display: inline-block;
width: calc(100% - 25px);
padding-left: 10px;
}
.sr-cart-products .woocommerce-mini-cart.cart_list li a:nth-child(2) {
width: calc(100% - 110px);
display: flex;
justify-content: space-between;
align-items: center;
justify-content: left;
}
.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
display: flex;
justify-content: flex-start;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
font-weight: 600;
color: var(--primary);
display: block;
margin: 10px 0 0 40px;
}
.woocommerce #review_form #respond textarea {
height: 120px;
padding: 20px;
line-height: 1.5;
}
textarea {
line-height: 1.5;
}
.cvl_entry_content .fw-col-xs-12>p {
margin: 0;
}
.cvl_entry_content .fw-col-xs-12>p iframe {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove):hover {
color: var(--primary);
}
.sr-cart-products .woocommerce-mini-cart.cart_list span.quantity {
margin: 0px 0 0 10px;
width: 80px;
}
.sr-cart-products .woocommerce-mini-cart__buttons {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sr-cart-products .woocommerce-mini-cart__buttons .sr-btn {
margin: 0 0 10px;
min-width: 120px;
}
.sr-cart-products .woocommerce-mini-cart__total {
margin: 8px 0 23px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sr-cart-products .woocommerce-mini-cart__total strong {
font-weight: 600;
color: var(--title-color);
}
.sr-cart-products .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-weight: 600;
color: var(--primary);
}
.open-cart .sr-header-cart-box-overlay:before {
position: fixed;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--black);
z-index: 999;
opacity: .6;
}
.open-cart .sr-header-cart-box-overlay:before,
.sr-header-cart-box-overlay:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-header-cart-box-overlay {
display: inline-block;
}
.sr-header-container .sr-user-btn {
margin-left: 30px;
}
.sr-cart-products .woocommerce-Price-amount.amount {
font-size: var(--global-font);
} .sr-nav-header-style-one .row {
align-items: center;
}
.sr-language-switch-btn .language-translate svg {
fill: var(--primary);
height: 20px;
display: inline-block;
margin: 0 3px 0 0;
}
.sr-language-switch-btn .language-translate span {
margin: 0 10px;
vertical-align: bottom;
} .sr-top-header-style-one {
border-bottom: 1px solid var(--border-color);
padding: 20px 0 10px;
}
.sr-top-header-style-one p {
margin: 0;
display: inline-block;
}
.sr-top-header1-info ul {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.sr-top-header1-info ul li {
margin-right: 50px;
}
.sr-top-header1-info ul li:last-of-type {
margin-right: 0px;
}
.sr-header1-icon {
display: inline-block;
}
.sr-header1-icon svg {
height: 16px;
fill: var(--primary);
}
.sr-top-header1-info li {
display: flex;
flex-wrap: wrap;
margin: 0 0 13px;
}
.sr-top-header1-info li .sr-header1-icon {
margin-right: 15px;
}
.sr-language-switch-btn span {
display: inline-block;
vertical-align: text-bottom;
}
.sr-language-options {
position: absolute;
background: var(--white);
min-width: 100px;
right: 0;
top: 45px;
padding: 10px 20px 10px;
border: none;
border-radius: var(--less-radius);
box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 6%);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
visibility: hidden;
opacity: 0;
text-align: left;
width: auto;
list-style: none;
z-index: 99;
}
.sr-language-options.open-language-box {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.sr-language-options.open-language-box,
.sr-language-options {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-language-switch {
text-align: right;
margin-left: 30px;
}
.sr-language-switch-btn span svg {
height: 5px;
fill: var(--txt);
}
.sr-language-switch-btn:hover {
color: var(--primary);
}
.sr-language-switch-btn:hover span svg {
fill: var(--primary);
}
.sr-language-switch-btn span svg,
.sr-language-switch-btn:hover span svg {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-top-header-style-one a {
color: var(--txt);
}
.sr-top-header-style-one a:hover {
color: var(--primary);
} .sr-nav-style-one .menu {
display: flex;
flex-wrap: wrap;
text-transform: capitalize;
}
.sr-nav-style-one ul {
padding: 0;
margin: 0;
list-style: none;
}
.sr-nav-style-one .menu li {
position: relative;
margin: 0;
}
.sr-nav-style-one .menu>li {
padding: 0 12px;
}
.sr-nav-style-one {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
body .sr-nav-style-one .menu li a,
body .sr-nav-style-one .menu li a:visited,
body .sr-nav-style-one .menu li a:focus {
color: var(--title-color);
font-weight: 600;
}
body .sr-nav-style-one .menu li.current-menu-item > a,
body .sr-nav-style-one .menu li.current-menu-item > a:focus,
body .sr-nav-style-one .menu li.current-menu-item > a:visited {
color: var(--primary);
}
.sr-nav-style-one .sr-head-icon .woocommerce-Price-amount.amount {
color: var(--title-color);
font-weight: 700;
font-size: var(--globle-font);
}
body .sr-nav-style-one .sr-head-icon .sr-cart-quntity svg,
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-quntity svg {
height: 16px;
fill: var(--primary);
}
.sr-nav-style-one .sr-cart-icon {
width: 40px;
height: 40px;
border-radius: var(--circular-radius);
}
.sr-search-btn svg {
fill: var(--primary);
height: 16px;
}
.sr-nav-header-style-one .sr-search-btn svg {
fill: var(--primary);
height: 16px;
}
.header-btn {
margin-left: 30px;
}
.sr-nav-header-style-one {
padding: 20px 0;
}
.sr-language-login {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.sr-login-register svg {
height: 14px;
fill: var(--primary);
}
.sr-login-wrap span {
margin-right: 15px;
}
body .sr-nav-style-one .menu li a {
position: relative;
} .home.absolute-header .sr-header-style-one {}
.home.absolute-header .sr-header-style-one:not(.fixed-header) {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9;
color: var(--white);
}
.admin-bar.home.absolute-header .sr-header-style-one:not(.fixed-header) {
top: 20px;
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) a {
color: var(--white);
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) svg {
fill: var(--white);
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-language-options a {
color: var(--title-color);
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .woocommerce-Price-amount {
color: var(--white);
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-icon {
background: rgb(255 255 255 / 0.1);
} body .sr-header-style-one.fixed-header,
body.home .sr-header-style-one.fixed-header {
position: fixed;
left: 0;
right: 0;
z-index: 999;
background: var(--white);
box-shadow: 0 0 20px rgb(0 0 0 / 0.08);
top: 0;
}
body.admin-bar .sr-header-style-one.fixed-header, body.home.admin-bar .sr-header-style-one.fixed-header {
top: 20px;
}
body .sr-header-style-one.fixed-header .sr-top-header-style-one {
display: none;
}
body.home .sr-top-header-style-one {
border-color: var(--border-gray);
} .sr-breadcrumb-wrapper {
background: var(--title-color);
padding: 41px 0 50px;
position: relative;
background-size: cover !important;
background-position: center bottom !important;
color: var(--white);
}
.sr-breadcrumb-container h1 {
color: var(--white);
font-size: var(--title-font);
font-weight: 600;
margin-bottom: 9px;
word-break: break-word;
}
.sr-breadcrumb-container ul {
list-style: none;
margin: 0;
display: inline-block;
padding: 13px 30px;
position: relative;
font-size: 14px;
background: var(--primary);
border-radius: 100px;
}
.sr-breadcrumb-container ul li {
color: var(--white);
display: inline-block;
margin: 0;
padding: 0;
font-weight: 400;
position: relative;
word-break: break-word;
text-transform: capitalize;
}
.sr-breadcrumb-container ul li:before {
margin: 0 8px;
font-weight: 400;
display: inline-block;
content: "";
vertical-align: middle;
background-image: url(https://www.adssolar.com.au/wp-content/themes/sunrays/assets/css/.https://www.adssolar.com.au/wp-content/themes/sunrays/assets/css/images/arrow-right.svg);
background-position: center;
width: 20px;
height: 14px;
background-repeat: no-repeat;
}
.sr-breadcrumb-container ul li:first-child:before {
content: unset;
}
.sr-breadcrumb-container ul li a, .sr-breadcrumb-container ul li a:hover, .sr-breadcrumb-container ul li a:focus {
color: var(--white);
} .sr-footer-wrapper {
background: var(--white);
border-top: 4px double var(--border-color);
position: relative;
padding: 76px 0 8px;
}
body .default-copyright-area {
background: var(--bg);
padding: 14px 0 14px;
margin: 35px 0 0;
} .sr-footer-wrapper.sr-dark-footer {
border: none;
background-color: var(--footer-bg);
}
.sr-widgets-contact span svg {
fill: var(--title-color);
height: 50px;
}
.sr-footer-wrapper.sr-dark-footer {
padding: 80px 0 11px;
overflow: hidden;
}
.sr-widgets-contact {
margin: 0 0 30px;
padding: 0 15px 0;
}
.sr-footer-information .row {
justify-content: center;
}
.sr-widgets-contact h4 {
font-size: var(--sub-heading-font);
font-weight: 600;
margin: 20px 0 17px;
}
.sr-footer-info-text a {
display: block;
color: var(--txt);
margin: 0 0 8px;
word-break: break-word;
}
.sr-footer-information .container {
position: relative;
}
.sr-footer-information .container {
margin: 0 auto 50px;
padding: 0 0 15px;
}
.sr-footer-information .container:before {
content: "";
bottom: 0;
border-bottom: 1px solid var(--border-color);
position: absolute;
left: 0;
right: 0;
opacity: .1;
}
.sr-footer-widgets h4 {
font-size: var(--sub-heading-font);
font-weight: 600;
margin: 6px 0 25px;
position: relative;
padding-bottom: 16px;
}
.sr-footer-widgets h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
background: var(--primary);
width: 80px;
}
.sr-demo-footer .sr-footer-widgets ul {
margin: 0 0 0;
list-style: none;
padding: 0;
}
.sr-footer-widgets .sr-nav-menus li {
position: relative;
display: inline-block;
margin: 0 0 8px;
width: 100%;
padding: 0 0 0 30px;
}
.sr-footer-widgets .sr-nav-menus li:before {
content: "";
position: absolute;
left: 0;
margin: auto;
top: 0;
bottom: 0;
height: 2px;
background: var(--txt);
width: 10px;
}
.sr-footer-widgets .sr-nav-menus li a {
display: inline-block;
color: var(--txt);
}
.sr-footer-text p {
margin: 0 0 10px;
}
.sr-footer-logo img {
margin: 0 0 22px;
}
.sr-footer-widgets .sr-nav-menus li:hover a {
color: var(--primary);
}
.sr-nav-menus ul {
padding: 0;
list-style: none;
}
.sr-footer-widgets .sr-nav-menus li.menu-item-has-children:before {
margin: 12px 0 0;
}
.sr-footer-widgets .sr-nav-menus li:last-child {
margin-bottom: 0;
}
.sr-copyright-wrapper p a:hover {
color: var(--primary);
}
.sr-footer-info-text a:hover {
color: var(--primary);
}
.sr-widgets-contact:hover span svg {
fill: var(--primary);
}
.sr-widgets-contact:hover span svg,
.sr-widgets-contact span svg {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-dark-footer {
background-color: var(--footer-bg);
background: url(//www.adssolar.com.au/wp-content/themes/sunrays/assets/images/footer-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
font-weight: 300;
color: var(--white);
}
.sr-dark-footer:before {
content: "";
position: absolute;
background: var(--title-color);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .96;
}
.sr-dark-footer .sr-widgets-contact span svg {
fill: var(--white);
}
.sr-dark-footer .sr-footer-wrapper {
background: var(--footer-bg);
color: var(--white);
}
.sr-dark-footer .sr-widgets-contact h4 {
color: var(--white);
}
.sr-dark-footer .sr-footer-info-text a {
color: var(--white);
}
.sr-dark-footer .sr-footer-information .container:before {
border-bottom-color: var(--white);
}
.sr-dark-footer .sr-footer-widgets h4 {
color: var(--white);
}
.sr-dark-footer .sr-footer-widgets .sr-nav-menus li:before {
background: var(--white);
}
.sr-dark-footer .sr-footer-widgets .sr-nav-menus li a {
color: var(--white);
}
.sr-dark-footer .sr-footer-widgets .sr-nav-menus li a:hover {
color: var(--primary);
} .sr-newsletter-wrap {
display: flex;
}
.sr-newsletter-wrap input {
background: var(--white);
border: none;
padding: 0 20px;
width: calc(100% - 50px);
border-radius: var(--less-radius-left);
}
.sr-footer-wrapper:not(.sr-dark-footer) .sr-newsletter-wrap input {
background: var(--bg);
color: var(--txt);
}
.sr-newsletter-wrap button {
width: 50px;
padding: 0;
border: none;
height: 50px;
border-radius: var(--less-radius-right);
background: var(--primary);
cursor: pointer;
}
.sr-newsletter-wrap button svg {
fill: var(--white);
height: 20px;
width: 20px;
}
.sr-footer-newsletter p {
margin: 0 0 14px;
}
.sr-newsletter-wrap input::-webkit-input-placeholder {
color: var(--placeholder);
}
.sr-newsletter-wrap input::-moz-placeholder {
color: var(--placeholder);
}
.sr-newsletter-wrap input:-ms-input-placeholder {
color: var(--placeholder);
}
.sr-newsletter-wrap input:-moz-placeholder {
color: var(--placeholder);
} .sr-footer-social {
margin: 26px 0 30px;
}
.sr-footer-social h5 {
font-size: var(--globle-font);
font-weight: 600;
margin: 0 0 11px;
}
.sr-dark-footer .sr-footer-social h5 {
color: var(--white);
}
.sr-social-icons {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
.sr-social-icons a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
border-radius: var(--circular-radius);
background: rgb(255 255 255 / 0.10);
text-align: center;
margin: 0 10px 3px 0;
color: var(--white);
}
.sr-footer-wrapper:not(.sr-dark-footer) .sr-social-icons a {
background: var(--bg);
color: var(--title-color);
}
.sr-social-icons a:hover,
.sr-footer-wrapper:not(.sr-dark-footer) .sr-social-icons a:hover {
background: var(--primary);
color: var(--white);
}
.sr-footer-widgets {
margin: 0 0 30px;
}
.sr-demo-footer .sr-footer-widgets {
margin: 0 0 33px;
} .sr-copyright-wrapper {
padding: 14px 0 0;
position: relative;
margin-top: 35px;
}
.sr-footer-wrapper.sr-dark-footer .sr-copyright-wrapper {
margin-top: 40px;
}
.sr-footer-wrapper .sr-copyright-wrapper:before {
content: "";
position: absolute;
border-top: 1px solid var(--title-color);
opacity: .1;
top: 0;
left: 0;
right: 0;
}
.sr-footer-wrapper.sr-dark-footer .sr-copyright-wrapper:before {
border-top: 1px solid var(--white);
}
.sr-copyright-wrapper p {
margin: 0;
}
.sr-copyright-wrapper p a {
color: var(--primary);
font-weight: 500;
}
.default-footer.sr-dark-footer .sr-copyright-wrapper p a {
color: var(--white);
}
.sr-copyright-wrapper p a:hover {
color: var(--primary);
} .search .sr-column-pagination {
margin: 43px 0 0;
}
body.search .sr-blog-columns article {
margin: 0 0 50px;
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: flex;
flex-wrap: wrap;
padding: 25px 30px 23px;
}
body.search .sr-blog-columns article > * {
width: 100%;
}
.sr-main-post-wrapper article.post.sticky ul {
margin: 0;
} .sr-main-post-wrapper {
padding: 75px 0 30px;
}
.sticky-post {
margin: 0 10px 0 0;
color: var(--primary);
}
.entry-title {
font-size: var(--sub-heading-font);
font-weight: 600;
color: var(--title-color);
margin: 0 0 18px;
word-break: break-word;
}
.entry-title a {
color: var(--title-color);
}
.entry-title a:hover,
.entry-title:hover a {
color: var(--primary);
}
.entry-title:hover,
.entry-title {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-text-icon {
color: var(--primary);
display: inline-block;
margin: 0 3px 0 0;
vertical-align: text-bottom;
}
.sr-text-icon svg {
fill: var(--primary);
height: 15px;
}
dl,
ol,
ul {
margin: 0 0 0;
}
ol,
ul {
padding: 0 0 0 30px;
}
.widget ul,
.widget ol {
list-style: none;
padding: 0;
}
.single .sr-blog-head {
margin-bottom: 23px;
}
.sr-main-post-wrapper article.post {
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: flex;
flex-wrap: wrap;
margin: 0 0 50px;
padding: 25px 30px 23px;
}
.sr-main-post-wrapper article.post.sticky {
padding-top: 29px;
}
.edit-btn-read-more-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 20px 0 0;
}
.edit-btn-read-more-wrap>* {
margin-right: 20px;
}
.edit-btn-read-more-wrap>* :last-of-type {
margin-right: 0;
}
.edit-btn-read-more-wrap a {
color: var(--primary);
}
.edit-btn-read-more-wrap .edit-link a,
.edit-link a {
color: var(--primary);
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
position: relative;
}
.edit-btn-read-more-wrap .edit-link a:after,
.edit-link a:after {
content: "\f044";
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
line-height: 1;
margin-left: 3px;
font-size: 14px;
vertical-align: baseline;
}
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:before {
border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: var(--primary);
border: 2px solid;
background: transparent;
}
.wp-block-button__link.sr-btn:hover,
.wp-block-button__link.sr-btn:focus {
transition: box-shadow 0.5s;
-webkit-box-shadow: inset 0 0 0 5em var(--black);
-moz-box-shadow: inset 0 0 0 5em var(--black);
box-shadow: inset 0 0 0 5em var(--black);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
box-shadow: none;
}
blockquote {
background-color: var(--block-bg);
-webkit-box-shadow: 0 0 40px rgb(20 30 49 / 10%);
box-shadow: 0 0 40px rgb(20 30 49 / 10%);
border-radius: var(--radius10);
padding: 21px 40px 28px;
position: relative;
overflow: hidden;
z-index: 0;
margin: 43px 0 44px;
color: var(--white);
}
blockquote:before {
content: "\f10d";
font-size: 30px;
color: var(--white);
padding-bottom: 12px;
display: inline-block;
font-family: 'font awesome 5 free';
font-weight: 900;
}
blockquote:after {
content: "\f10d";
font-family: 'font awesome 5 free';
font-weight: 900;
position: absolute;
right: 30px;
bottom: -40px;
color: var(--white);
font-size: 100px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: -1;
opacity: .1;
}
blockquote p {
font-size: var(--globle-font);
font-weight: 500;
margin-bottom: 0;
}
blockquote.wp-block-quote.has-text-align-right:after {
right: unset;
left: 30px;
}
blockquote strong,
blockquote a {
color: var(--white);
}
blockquote.has-very-dark-gray-color,
blockquote.has-very-dark-gray-color p,
blockquote.has-very-dark-gray-color cite {
color: var(--white);
}
.sr-blog-head {
margin: 0 0 8px;
display: inline-block;
width: 100%;
}
.sr-blog-head .entry-title a {
font-weight: 700;
font-size: var(--sub-heading-font);
}
.wp-block-search .wp-block-search__input {
border-color: var(--border-color);
}
.entry-content {
margin: 0;
}
p {
margin-bottom: 10px;
}
.wp-block-audio audio {
min-width: 200px;
}
.wp-block-embed {
word-break: break-word;
}
.wp-block-embed iframe {
max-width: 100%;
width: 100%;
}
.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim {
color: var(--white);
}
.wp-block-button,
.wp-block-cover,
.wp-block-cover-image {
margin-bottom: 16px;
}
.widget ul.menu ul.sub-menu {
margin: 12px 0 0 15px;
}
.wp-block-archives-dropdown select {
margin: 0 0 30px;
} ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol li,
ul li {
margin-bottom: 10px;
}
ol li:last-child,
ul li:last-child {
margin-bottom: 0;
}
ol li ol,
ul li ul,
ol li ul,
ul li ol {
margin: 10px 0 0;
}
select {
color: var(--txt);
border: 1px solid var(--input-border);
width: 100%;
padding: 0 20px;
height: 50px;
line-height: 50px;
border-radius: var(--less-radius);
background: var(--input-bg);
}
table {
width: 100%;
margin: 0 0 30px;
}
.calendar_wrap {
margin: 30px 0 0px;
}
.wp-calendar-table {
margin: 0;
}
table th {
font-weight: 700;
color: var(--title-color);
}
table th,
table td {
border: 1px solid var(--border-color);
padding: 10px 10px;
text-align: center;
}
.wp-calendar-table tbody td#today {
background: var(--primary);
margin: auto;
color: var(--white);
}
form.post-password-form input[type="submit"] {
border-radius: var(--less-radius-right);
} .wp-block-image img {
border-radius: var(--radius10);
}
.widget.widget_rss ul li {
margin-bottom: 28px;
}
.widget.widget_rss ul li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
color: var(--title-color);
}
.widget.widget_rss ul li a {
width: 100%;
display: inline-block;
color: var(--title-color);
font-weight: 500;
}
.widget.widget_rss ul li span.rss-date {
position: relative;
display: inline-block;
width: 100%;
font-size: var(--global-font);
font-weight: 500;
padding-left: 20px;
color: var(--primary);
margin: 6px 0 9px;
}
.widget.widget_rss ul li span.rss-date:before {
content: "\f073";
font-weight: 400;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.widget.widget_rss ul li cite {
display: inline-block;
width: 100%;
margin-top: 6px;
font-weight: 500;
color: var(--title-color);
}
.sr-single-data>p:last-child {
margin-bottom: 0;
}
.widget .post-date {
position: relative;
display: inline-block;
width: 100%;
font-size: var(--global-font);
font-weight: 500;
padding-left: 20px;
color: var(--primary);
margin: 6px 0 9px;
}
.widget .post-date:before {
content: "\f073";
font-weight: 400;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
} .sr-recent-post-widgets h2 {
margin-bottom: 30px;
}
.sr-recent-post-widgets ul li>img {
height: 60px;
width: 60px;
object-fit: cover;
margin: 0 20px 10px 0;
border-radius: 6px;
}
.sr-recent-post-widgets ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sr-recent-post-widgets ul li>a {
width: calc(100% - 80px);
margin-bottom: 10px;
}
.sr-widget-post-date {
color: var(--primary);
}
.sr-widget-post-title {
font-weight: 600;
color: var(--title-color);
}
.sr-widget-post-title:hover {
color: var(--primary);
}
.sr-widget-post-title:hover, 
.sr-widget-post-title {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.widget.widget_categories ul {
margin: 0 0 6px;
}
.sr-widget-post-date {
color: var(--primary);
position: relative;
display: inline-block;
width: 100%;
font-size: var(--global-font);
font-weight: 500;
padding-left: 20px;
margin: 6px 0 9px;
}
.sr-widget-post-date:before {
content: "\f073";
font-weight: 400;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
} .sr-product-info a.button.yith-wcqv-button {
display: none !important;
}
body #yith-wcwl-popup-message {
background: var(--primary);
top: 20px;
left: unset;
right: 0;
padding: 3px 20px;
right: 0;
min-width: 200px;
}
body #yith-wcwl-popup-message div#yith-wcwl-message {
color: var(--white);
}
#yith-quick-view-modal .yith-wcqv-main div#yith-quick-view-content div.product {
display: flex;
flex-wrap: wrap;
padding: 10px 20px 10px;
}
#yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
color: var(--primary);
opacity: 1;
width: 30px;
height: 30px;
line-height: 30px;
}
.woocommerce div.product .product_title {
font-size: var(--sub-heading-font);
margin-bottom: 15px;
} .widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
border-radius: var(--less-radius);
text-transform: capitalize;
background-color: var(--bg);
width: auto;
display: inline-block;
margin-bottom: 10px;
margin-right: 3px;
padding: 7px 15px;
font-size: 14px !important;
font-weight: 500;
line-height: 26px;
color: var(--title-color);
}
.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
background-color: var(--primary);
color: var(--white);
}
.widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link,
.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.cat-links,
.tags-links {
width: 100%;
display: inline-block;
font-weight: 600;
color: var(--title-color);
}
.cat-links a,
.tags-links a,
.cat-links a:not([href]):not([class]),
.tags-links a:not([href]):not([class]) {
border-radius: var(--less-radius);
text-transform: capitalize;
background-color: var(--bg);
width: auto;
display: inline-block;
margin-bottom: 10px;
margin-right: 6px;
padding: 7px 15px;
font-size: 14px !important;
font-weight: 500;
line-height: 26px;
color: var(--title-color);
}
.tags-links a,
.tags-links a:not([href]):not([class]) {
margin-right: 10px;
}
.cat-links a:hover,
.tags-links a:hover,
.cat-links a:not([href]):not([class]):hover,
.tags-links a:not([href]):not([class]):hover {
background-color: var(--primary);
color: var(--white);
}
.sr-cat-links,
.sr-tags-links {
margin: 0 10px 0 0;
}
.widget.widget_text .textwidget strong {
color: var(--title-color);
}
.widget .calendar_wrap table th,
.widget .calendar_wrap table td {
padding: 10px 3px;
font-size: 14px;
}
.widget_recent_comments li .comment-author-link {
display: inline-block;
}
.widget a {
text-transform: capitalize;
}
.widget_recent_comments li a {
color: var(--title-color);
}
.widget_recent_comments li a:hover {
color: var(--primary);
}
.widget_recent_comments li .url,
.widget_recent_comments li .comment-author-link {
color: var(--primary);
}
.widget.widget_recent_comments ul li.recentcomments {
margin-bottom: 20px;
padding-left: 60px;
position: relative;
min-height: 40px;
}
.widget.widget_recent_comments ul li.recentcomments:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
background: var(--bg);
border: none;
border-radius: var(--circular-radius);
}
.widget.widget_recent_comments ul li.recentcomments:after {
content: "";
position: absolute;
left: 10px;
background-image: url(https://www.adssolar.com.au/wp-content/themes/sunrays/assets/css/.https://www.adssolar.com.au/wp-content/themes/sunrays/assets/css/images/comments.svg);
width: 18px;
height: 18px;
background-repeat: no-repeat;
top: 10px;
}
.widget.widget_text .textwidget p img {
margin: 7px 0;
}
.widget.widget_text p strong {
margin: 3px 0;
display: inline-block;
width: 100%;
}
.widget.widget_text .textwidget strong {
color: var(--title-color);
}
.widget_product_search {
padding: 40px 30px 33px;
}
.comment-list {
padding: 0;
list-style: none;
}
.comment-author {
width: 80px;
height: 80px;
}
.comment-author img {
width: 80px;
height: 80px;
object-fit: cover;
border: none;
border-radius: var(--circular-radius);
}
.sr-comment-data {
display: flex;
flex-wrap: wrap;
background: var(--bg);
border-radius: var(--radius10);
border: none;
}
.comment-info {
width: calc(100% - 80px);
padding: 0 0 0 20px;
}
.comment-reply-link {
color: var(--primary);
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
position: relative;
}
.comment-reply-link i {
margin: 0 10px 0 0;
}
h3#reply-title.comment-reply-title small a {
color: var(--primary);
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
position: relative;
}
h3#reply-title.comment-reply-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.comment-respond {
margin: 0;
width: 100%;
}
.comment-respond .form-submit {
margin: 0;
}
.comments-area .no-comments {
margin: 15px 0 10px;
}
.comments-area>ol.comment-list>li {
background: var(--bg);
padding: 30px 30px;
margin: 0 0 20px;
border: var(--less-radius);
}
.comments-title {
margin: 0 0 27px;
font-size: var(--heading-font);
font-weight: 700;
color: var(--title-color);
}
.comments-area .comment-respond {
margin: 50px 0 0;
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: flex;
flex-wrap: wrap;
padding: 20px 30px 30px;
}
.comments-area .comment-respond > * {
width: 100%;
}
.sr-blog-columns > .comments-area {
margin: 36px 0 0;
}
h3#reply-title.comment-reply-title small {
font-size: var(--globle-font);
}
.comments-area>ul,
.comments-area>ol {
list-style: none;
}
.comments-area>ul .children,
.comments-area>ol .children {
list-style: none;
margin: 0;
}
.comment-head {
margin: 0 0 15px;
}
.comment-head h3 {
font-size: var(--widget-title);
font-weight: 600;
margin: 0 0 6px;
color: var(--title-color);
}
.comment-head h3 a {
font-weight: 600;
color: var(--title-color);
}
.comment-date {
margin: 0 0 0;
}
.comment-head .comment-date a {
color: var(--primary);
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
position: relative;
}
.comments-area blockquote {
margin: 0 0 25px;
}
.comments-area dt {
color: var(--title-color);
}
.comments-area>ul .children>li,
.comments-area>ol .children>li {
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color);
padding: 0 0 20px;
}
.comments-area>ul .children>li:last-child,
.comments-area>ol .children>li:last-child {
margin-bottom: 0px;
border-bottom: none;
padding: 0 0 0;
}
.comments-area>ol.comment-list>li .children li:last-child,
.comments-area>ul.comment-list>li .children li:last-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.comments-area>ol.comment-list>li .children li:first-child,
.comments-area>ul.comment-list>li .children li:first-child {
margin-top: 30px;
border-top: 1px solid var(--border-color);
padding-top: 20px;
}
.comment-respond .comment-notes {
display: none;
}
.comment-respond .comment-form-cookies-consent {
display: none;
} p.has-text-align-center {
width: 100%;
display: inline-block;
margin-top: 10px;
}
.wp-block-file .wp-block-file__button {
background: var(--title-color);
color: var(--white);
}
.wp-block-calendar table th {
font-weight: 600;
background: transparent;
padding: 4px 10px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding: 0;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
color: var(--title-color);
font-size: var(--global-font);
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-author:visited,
.wp-block-latest-posts.wp-block-latest-posts__list li a,
.wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
color: var(--primary);
}
.wp-block-cover-text strong {
color: var(--white);
}
.sr-single-data>ol,
.sr-single-data>ul {
margin-bottom: 30px;
}
.sr-post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sr-post-meta>* {
margin-right: 30px;
}
.sr-post-meta>*:last-of-type {
margin-right: 0;
}
.sr-post-meta.sr-date-with-thumb a {
font-weight: 500;
}
.sr-blog-authore {
text-transform: capitalize;
}
.wp-block-archives.wp-block-archives-list a {
color: var(--title-color);
}
.wp-block-archives.wp-block-archives-dropdown {
margin: 0 0 25px;
}
.sr-single-data .wp-block-calendar td,
.sr-single-data .wp-block-calendar th {
padding: 15px 10px;
}
body.search .sr-blog-columns article .sr-single-imgae-wrap, .sr-single-imgae-wrap  {
margin: -25px -30px 35px;
border-radius: var(--radius10-top);
overflow: hidden;
}
.sr-post-counting {
display: inline-block;
margin: 0 0 0 10px;
position: relative;
color: var(--txt);
}
.sr-post-counting:before {
content: "(";
}
.sr-post-counting:after {
content: ")";
}
.calendar_wrap nav.wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.wp-block-calendar nav.wp-calendar-nav {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.wp-block-calendar nav.wp-calendar-nav a {
text-decoration: none;
color: var(--title-color);
}
.wp-block-categories.wp-block-categories-dropdown {
margin-bottom: 25px;
}
.sr-main-page-container {
padding: 80px 0 30px;
}
.sr-blog-columns {
margin-bottom: 50px;
}
.sr-sidebar-wrapper {
margin-bottom: 50px;
}
.widget_archive li,
.widget_categories li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.widget_archive li .children,
.widget_categories li .children {
width: 100%;
}
.sr-blog-columns .sr-blog-details {
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: flex;
flex-wrap: wrap;
padding: 25px 30px 3px;
}
.sr-blog-thumb-page-wrapper .sr-blog-thumb-section {
margin: 0 0 50px;
}
.sr-blog-single-imgae .post-thumbnail {
margin: -25px -30px 35px;
border-radius: var(--radius10-top);
overflow: hidden;
}
body .sr-single-data figure {
margin-bottom: 15px;
padding-top: 3px;
}
.sr-details-wrapper {
width: 100%;
}
.sr-blog-inner > .comments-area {
margin-top: 50px;
}
.comments-area>ol.comment-list>li #reply-title {
font-size: var(--widget-title);
} .sr-blog-columns .sr-blog-details {
display: flex;
flex-wrap: wrap;
}
.sr-single-blog {
padding: 80px 0 30px;
}
.sr-blog-single-imgae .post-thumbnail {
margin: 0;
}
.single .sr-blog-single-imgae .post-thumbnail {
margin: -25px -30px 35px;
}
.single .sr-blog-single-imgae .sr-blog-date {
top: -25px;
right: 0;
}
.sr-blog-meta {
margin: 33px 0 17px;
width: 100%;
}
.sr-single-blog .entry-content>ul,
.sr-single-blog .entry-content>ol {
margin-bottom: 20px;
}
.sr-blog-columns .comments-area>ol.comment-list {
margin-bottom: 20px;
width: 100%;
}
.sr-blog-columns .sr-blog-details .edit-link {
margin: 0 0 20px;
}
.comments-area>ol.comment-list>li .comment-respond {
margin: 33px 0 0;
}
.comment-respond .comment-form-cookies-consent + .row .input-wrap {
margin-bottom: 23px;
} .sr-blog-authore-box {
background: var(--bg);
padding: 30px 30px 10px;
display: flex;
flex-wrap: wrap;
border-left: 3px solid var(--primary);
margin: 23px 0 50px;
border-radius: var(--less-radius);
}
.sr-blog-authore-img {
width: 80px;
height: 80px;
margin: 0 0 20px;
}
.sr-blog-authore-img img {
width: 80px;
height: 80px;
object-fit: cover;
border: none;
border-radius: 6px;
}
.sr-blog-authore-info {
width: calc(100% - 80px);
padding: 0 15px 0 30px;
}
.sr-blog-authore-box p {
margin-bottom: 8px;
}
.sr-blog-authore-info h5 span {
color: var(--primary);
font-weight: 600;
margin: 0 10px 0 0;
} .comment-reply-title {
font-size: var(--heading-font);
font-weight: 700;
margin: 0 0 0;
color: var(--title-color);
line-height: 1.4;
margin-bottom: 19px;
}
.wp-block-latest-comments {
padding: 0;
}
.wp-block-latest-comments__comment-date {
font-size: var(--globle-font);
margin: 3px 0 5px;
display: inline-block;
width: 100%;
color: var(--title-color);
}
.comment-list .input-wrap textarea,
.comment-list .input-wrap input {
border: 1px solid var(--border-color);
} .pagination .nav-links,
.woocommerce .woocommerce-pagination ul.page-numbers li {
display: flex;
flex-wrap: wrap;
}
.pagination .nav-links>*:not(.dots) {
height: 50px;
width: 50px;
background: var(--bg);
color: var(--title-color);
text-transform: capitalize;
line-height: 50px;
display: inline-block;
text-align: center;
border: none;
border-radius: var(--circular-radius);
margin: 0 10px 0 0;
}
.pagination .nav-links .dots {
height: 50px;
width: 50px;
color: var(--title-color);
line-height: 50px;
display: inline-block;
text-align: center;
border: none;
margin: 0 10px 0 0;
}
.page-numbers>span {
display: none;
}
.page-numbers svg {
fill: var(--title-color);
}
.pagination .nav-links>*:hover,
.pagination .nav-links .current {
background: var(--primary);
color: var(--white);
}
.pagination .nav-links .dots:hover {
background: transparent;
color: var(--title-color);
}
.pagination .nav-links>*:hover svg,
.pagination .nav-links>*:hover svg path {
fill: var(--white);
}
.pagination .nav-links>*,
.pagination .nav-links>*:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .page-links .page-number span,
.page-links .page-number a {
height: 50px;
width: 50px;
background: var(--bg);
color: var(--title-color);
text-transform: capitalize;
line-height: 50px;
display: inline-block;
text-align: center;
border: none;
border-radius: var(--circular-radius);
margin: 0 0 0 10px;
}
.page-links .page-number span.current,
.page-links .page-number a:hover {
background: var(--primary);
color: var(--white);
}
.sr-main-page-container .sr-blog-columns .page-links {
margin: 40px 0 0;
display: inline-block;
width: 100%;
} .wp-block-search {
margin: 0 0 30px;
}
.wp-block-search .wp-block-search__input {
border-radius: var(--less-radius-left);
}
.wp-block-search .wp-block-search__button {
margin: 0;
border-radius: var(--less-radius-right);
}
.search-form {
display: flex;
flex-wrap: wrap;
}
.search-form label {
width: calc(100% - 60px);
margin: 0;
}
.search-form label input.search-field {
border-radius: var(--less-radius-left);
}
.search-form .search-submit {
min-width: 60px;
width: 60px;
border-radius: var(--less-radius-right);
}
.search-form .search-submit svg {
fill: var(--white);
} .search {} .widget {
width: 100%;
position: relative;
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: inline-block;
margin: 0 0 50px;
padding: 35px 30px 33px;
}
.widget:last-of-type {
margin-bottom: 0;
}
.sr-recent-post-widgets {
padding-bottom: 0px;
}
.widget-title {
font-size: var(--widget-title);
font-weight: 600;
color: var(--title-color);
margin: 0px 0 25px;
position: relative;
padding: 0 0 12px;
}
.widget-title:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
background: var(--primary);
width: 80px;
}
.widget ul li,
.widget ol li {
margin: 0 0 12px;
}
.widget ul li:last-child,
.widget ol li:last-child {
margin: 0;
}
.widget ul.children {
margin-top: 12px;
}
.widget ul.children,
.widget ol.children {
margin-left: 15px;
}
caption {
color: var(--title-color);
} .sr-custom-img-section {
margin: 0 0;
}
.sr-custom-img-section img {
border-radius: var(--less-radius);
} .widget.widget_search {
padding: 40px 30px;
}
.widget.widget_recent_comments .widget-title {
margin-bottom: 30px;
}
.widget.widget_recent_comments {
margin-bottom: 19px;
}
.widget.widget_archive select {
margin: 5px 0 7px;
}
.widget.widget_calendar .widget-title {
margin-bottom: 30px;
}
.widget.widget_calendar .calendar_wrap {
margin: 0 0 0px;
}
.widget.widget_categories select {
margin: 5px 0 7px;
}
.widget.widget_search .widget-title {
margin-bottom: 30px;
margin-top: -4px;
}
.widget.widget_text .widget-title {
margin-bottom: 21px;
}
.widget.widget_text select {
margin-bottom: 7px;
}
.widget.widget_tag_cloud .widget-title {
margin-bottom: 30px;
} .sr-sidebar-wrapper .widget.widget_tag_cloud {
margin-bottom: 50px;
padding-bottom: 30px;
}
.sr-sidebar-wrapper .widget.widget_archive select {
margin: 5px 0 7px;
}
.widget_calendar {
padding: 35px 30px 33px;
}
.sr-sidebar-wrapper .widget_categories {
padding-bottom: 30px;
}
.widget_categories {
padding-bottom: 20px;
}
.sr-sidebar-wrapper .widget.widget_categories select {
margin: 5px 0 10px;
}
.sr-sidebar-wrapper .widget_pages {
padding-bottom: 33px;
}
.sr-sidebar-wrapper .widget.widget_recent_comments {
padding-bottom: 13px;
margin-bottom: 50px;
} .default-footer {
padding: 75px 0 0;
}
.sr-footer-wrapper .widget {
}
.sr-footer-wrapper .widget {
background: transparent;
box-shadow: none;
padding: 0;
border-radius: 0;
margin: 0 0 38px;
}
.sr-footer-wrapper .widget.widget_search .widget-title {
margin-top: 0;
}
.sr-footer-wrapper .widget_search .search-form {
margin: 0 0 7px;
}
.sr-footer-wrapper .widget.widget_categories ul {
margin: 0 0 0px;
}
.sr-footer-wrapper .widget_tag_cloud {
margin-bottom: 35px;
}
.sr-footer-wrapper .widget_recent_comments {
margin-bottom: 18px;
}
.sr-footer-wrapper .widget:last-of-type {
margin-bottom: 8px;
} .sr-dark-footer .widget-title {
color: var(--white);
}
.sr-dark-footer .widget a {
color: var(--white);
}
.sr-dark-footer .widget a:hover {
color: var(--primary);
}
.sr-dark-footer .widget table th,
.sr-dark-footer .widget table td {
border-color: var(--border-dark-color);
}
.sr-dark-footer caption {
color: var(--white);
}
.sr-dark-footer .widget.widget_recent_comments ul li.recentcomments:before {
background: var(--title-color);
}
.sr-dark-footer .widget.widget_rss ul li a {
color: var(--white);
}
.sr-dark-footer .widget.widget_rss ul li cite {
color: var(--white);
}
.sr-dark-footer strong,
.sr-dark-footer .widget.widget_text .textwidget strong {
color: var(--white);
}
.sr-dark-footer .widget.widget_tag_cloud .tagcloud a,
.sr-dark-footer .wp-block-tag-cloud .tag-cloud-link,
.sr-dark-footer .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
background-color: var(--title-color);
color: var(--white);
}
.sr-dark-footer~.default-copyright-area {
margin-top: 0;
background: var(--title-bg);
color: var(--white);
}
.default-footer.sr-dark-footer {
padding-bottom: 45px;
} .sr-error-page-wrapper {
padding: 80px 0 73px;
text-align: center;
}
.sr-error-img img {
max-height: 350px;
margin: 0 0 21px;
}
.sr-error-info h1 {
font-size: 150px;
font-weight: 900;
color: var(--primary);
margin: 0;
}
.sr-error-info h4 {
margin: 0 0 10px;
text-transform: capitalize;
font-size: var(--sub-heading-font);
color: var(--title-color);
font-weight: 500;
}
.sr-error-btn {
margin: 35px 0 0;
}  .woocommerce .products .sr-product-hover ul {
margin-bottom: 0;
}
.sr-product-hover ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 40px;
}
.sr-product-image img {
width: 100%;
}
.sr-product-thumb h2 {
margin: 0;
color: var(--title-color);
font-size: var(--globle-font);
font-weight: 600;
line-height: 1.5;
}
.sr-product-thumb h2 a,
.sr-product-thumb h2 a:hover,
.sr-product-thumb h2 a:visited {
color: var(--title-color);
}
.sr-product-thumb h2:hover a,
.sr-product-thumb h2 a:hover {
color: var(--primary);
}
.sr-product-title h2,
.sr-product-title:hover h2 {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-product-thumb .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--primary);
font-weight: 600;
font-size: var(--widget-title);
}
.sr-product-hover ul .sr-product-icon {
height: 40px;
width: 40px;
display: inline-block;
border: none;
border-radius: var(--circular-radius);
text-align: center;
line-height: 40px;
margin: 0;
background: var(--title-color);
}
.sr-product-hover ul .sr-product-icon:hover {
background: var(--primary);
}
.sr-product-hover ul .sr-product-icon svg {
height: 16px;
width: 16px;
fill: var(--white);
}
.sr-product-hover {
margin: 0;
position: absolute;
top: 20px;
right: 20px;
}
.sr-product-thumb {
margin: 0 0 45px;
position: relative;
}
.sr-product-image {
margin-bottom: 24px;
}
body.woocommerce .sr-shop-wrapper .sr-product-thumb {
margin: 0 0 45px;
}
.sr-products-wrapper .sr-btn-wrap {
margin: -10px 0 40px;
justify-content: center;
}
.sr-product-hover ul li {
opacity: 0;
visibility: hidden;
margin: 0;
margin-bottom: 10px;
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
}
.sr-product-thumb:hover .sr-product-hover ul li:first-child,
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(2),
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(3),
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(4) {
opacity: 1;
visibility: visible;
}
.sr-product-hover ul li:first-child,
.sr-product-hover:hover ul li:first-child {
transition-delay: .1s;
}
.sr-product-hover ul li:nth-child(2),
.sr-product-hover:hover ul li:nth-child(2) {
transition-delay: .2s;
}
.sr-product-hover ul li:nth-child(3),
.sr-product-hover:hover ul li:nth-child(3) {
transition-delay: .3s;
}
.sr-product-hover ul li:nth-child(4),
.sr-product-hover:hover ul li:nth-child(4) {
transition-delay: .4s;
}
.woocommerce table.shop_table td ins {
background: transparent;
}
.price del .woocommerce-Price-amount.amount,
del .woocommerce-Price-amount.amount {
color: var(--txt);
font-weight: 600;
font-size: var(--widget-title);
} .woocommerce-product-search {
display: flex;
flex-wrap: wrap;
}
.woocommerce-product-search input {
width: calc(100% - 60px);
margin: 0;
border-radius: var(--less-radius-left);
}
.woocommerce-product-search button {
min-width: 60px;
width: 60px;
border-radius: var(--less-radius-right);
}
.woocommerce-product-search button svg {
fill: var(--white);
}
.woocommerce .widget_rating_filter ul li a {
display: flex;
flex-wrap: wrap;
}
.woocommerce .widget_rating_filter ul li .star-rating {
width: 100%;
max-width: 120px;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: none;
padding: 0;
margin: 30px 0 20px;
}
body .star-rating span::before {
color: var(--yellow);
}
.woocommerce.widget_price_filter form {
display: inline-block;
width: 100%;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: var(--txt);
}
body .widget_price_filter .ui-slider .ui-slider-range,
body .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: var(--primary) !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: var(--primary) !important;
border: none;
border-radius: var(--circular-radius);
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: left;
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.woocommerce.widget_price_filter form .price_label {
display: inline-block;
width: 100%;
margin-bottom: 18px;
font-weight: 500;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
color: var(--title-color);
margin-bottom: 10px;
padding: 0 0 11px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700;
}
.woocommerce.widget ul.product_list_widget li .star-rating {
width: auto;
display: block;
margin: 9px 0 6px !important;
}
.woocommerce .star-rating::before {
color: var(--yellow);
}
.woocommerce-Price-amount.amount {
color: var(--primary);
font-weight: 600;
font-size: var(--widget-title);
}
.woocommerce ul.product_list_widget li a img {
margin: 0 20px 10px 0;
height: 80px;
width: 80px;
object-fit: cover;
float: left;
border-radius: var(--radius10);
border: 1px solid var(--border-color);
}
body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
border-radius: var(--less-radius);
text-transform: capitalize;
background-color: var(--bg);
width: auto;
display: inline-block;
margin-bottom: 10px;
margin-right: 3px;
padding: 7px 15px;
font-size: 14px !important;
font-weight: 400;
line-height: 26px;
color: var(--title-color);
}
body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
background-color: var(--primary);
color: var(--white);
}
.woocommerce.widget ul li .product-title {
color: var(--title-color);
font-weight: 500;
}
.widget mark,
.widget ins {
background: transparent;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
top: 3px;
}
body #yith-quick-view-content .onsale {
right: auto;
min-height: unset;
min-width: 50px;
margin: 0;
background: var(--yellow);
padding: 0;
position: absolute;
left: 20px;
top: 20px;
color: var(--white);
width: 50px;
height: 20px;
text-align: center;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
z-index: 1;
font-weight: 500;
text-transform: uppercase;
border-radius: var(--less-radius);
}
.widget_product_tag_cloud .widget-title {
margin-bottom: 30px;
}
.widget_product_tag_cloud {
padding-bottom: 30px;
} .woocommerce div.product .sr-product-summary-description .price,
.woocommerce div.product .sr-product-summary-description .price .woocommerce-Price-amount {
font-size: var(--heading-font);
color: var(--title-color);
font-weight: 700;
} .widget.widget_price_filter {
margin-bottom: 46px;
}
.widget.widget_price_filter .widget-title {
margin-bottom: 30px;
}
.widget.widget_rating_filter .widget-title {
margin-bottom: 25px;
}
.widget .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
margin: 0;
}
.widget.widget_product_search .woocommerce-product-search {
margin-bottom: 7px;
}
.widget.widget_top_rated_products .widget-title {
margin-bottom: 30px;
}
.woocommerce ul.cart_list li:last-child,
.woocommerce ul.product_list_widget li:last-child {
margin: 0;
}
.widget.widget_products .widget-title {
margin-bottom: 25px;
}
.widget.widget_products {
padding-bottom: 8px;
}
.widget.widget_recent_reviews {
margin-bottom: 28px;
}
.widget.widget_recent_reviews .widget-title {
margin-bottom: 30px;
}
.widget.widget_top_rated_products {
padding-bottom: 18px;
}
.widget.widget_recently_viewed_products .widget-title {
margin-bottom: 30px;
}
.widget.widget_recently_viewed_products {
padding-bottom: 8px;
}
.woocommerce .widget:last-of-type {
margin-bottom: 0;
}
.sr-shop-wrapper .sr-sidebar-wrapper {
margin-bottom: 30px;
}
.sr-shop-wrapper .sr-blog-columns {
margin-bottom: 40px;
} .entry-header .entry-title {
margin-bottom: 0;
}
.entry-header .sr-post-meta {
margin-top: 10px;
}
.entry-header.sr-blog-head {
margin: 0 0 20px;
}
.sticky-post {
vertical-align: middle;
}
.single .entry-header .sr-post-meta {
margin-top: 0px;
}
.alignright {
clear: both;
margin-top: 0.5em;
} .woocommerce-order-received .sr-main-page-container {
padding: 75px 0 30px;
}
.woocommerce-order-received .sr-main-page-container .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
font-size: var(--heading-font);
font-weight: 700;
margin: 10px 0 0;
color: var(--title-color);
line-height: 1.4;
margin-bottom: 19px;
}
.woocommerce-order-received .sr-main-page-container .woocommerce-thankyou-order-received {
margin: 0 0 22px;
}
.woocommerce-order-received .sr-main-page-container .order_details li strong {
margin-top: 3px;
}
.woocommerce-order-received .sr-main-page-container .woocommerce-order-overview {
margin-bottom: 56px;
}
.woocommerce-order-received .woocommerce-order-details {
margin-bottom: 40px;
} body .sr-product-thumb .star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
width: 110px;
font-family: star;
display: block;
margin: 8px 0 8px !important;
float: none;
font-size: var(--global-font);
}
.star-rating {
font-size: var(--global-font);
}
.star-rating::before {
content: "\73\73\73\73\73";
color: var(--yellow);
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: var(--yellow);
} .sr-large-product img {
width: 100%;
}
body.woocommerce span.onsale,
span.onsale {
min-height: unset;
min-width: 50px;
margin: 0;
background: var(--yellow);
padding: 0;
position: absolute;
left: 20px;
top: 50px;
color: var(--white);
width: 50px;
height: 20px;
text-align: center;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
z-index: 1;
font-weight: 500;
text-transform: uppercase;
border-radius: var(--less-radius);
}
.sr-new-prod-tag {
min-height: unset;
min-width: 50px;
margin: 0;
background: var(--light-red);
padding: 0;
position: absolute;
left: 20px;
top: 20px;
color: var(--white);
width: 50px;
height: 20px;
text-align: center;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
z-index: 1;
font-weight: 500;
text-transform: uppercase;
border-radius: var(--less-radius);
}
.sr-product-image:not(.sr-new-product) .onsale,
.sr-product-image:not(.sr-new-product) body.woocommerce span.onsale {
top: 20px;
}
.price mark,
.price ins {
background: transparent;
}
.price del,
del {
opacity: .6;
color: var(--txt);
} body.woocommerce nav.woocommerce-pagination {
width: 100%;
}
body.woocommerce .sr-shop-wrapper nav.woocommerce-pagination {
margin-bottom: 40px;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers {
display: flex;
white-space: unset;
padding: 0;
clear: unset;
border: none;
margin: 0;
flex-wrap: wrap;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li {
border: none;
margin: 0;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>* {
height: 50px;
width: 50px;
background: var(--bg);
color: var(--title-color);
text-transform: capitalize;
line-height: 50px;
display: inline-block;
text-align: center;
border: none;
border-radius: var(--circular-radius);
margin: 0 10px 0 0;
padding: 0;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*.current,
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*:hover {
background: var(--primary);
color: var(--white);
} body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt {
background-color: var(--primary);
color: var(--white);
}
body.woocommerce #respond input#submit,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button {
line-height: 1.5;
cursor: pointer;
font-weight: 500;
color: var(--white);
background-color: var(--primary);
padding: 12px 20px;
background: var(--primary);
color: var(--white);
font-size: var(--globle-font);
display: inline-block;
min-width: 170px;
text-align: center;
border-radius: var(--comman-radius);
border: none;
position: relative;
overflow: hidden;
z-index: 1;
max-height: 50px;
text-transform: capitalize;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0 0 24px;
border-bottom: 1px solid var(--border-color);
display: inline-block;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background-color: transparent;
display: inline-block;
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 500;
color: var(--title-color);
padding: 8px 15px;
min-width: 120px;
text-align: center;
margin: 0;
}
.woocommerce-tabs ul.tabs li.active a {
color: var(--primary);
border-bottom: 1px solid var(--primary) !important;
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
content: unset;
}
.woocommerce-tabs.wc-tabs-wrapper {
width: 100%;
}
.product_meta {
font-weight: 600;
color: var(--title-color);
}
.posted_in>*,
.sku_wrapper>*,
.tagged_as>* {
border-radius: var(--less-radius);
text-transform: capitalize;
background-color: var(--bg);
width: auto;
display: inline-block;
margin: 0 0 10px 6px;
padding: 7px 15px;
font-size: 14px !important;
font-weight: 500;
line-height: 26px;
color: var(--title-color);
}
.product_meta .tagged_as>* {
margin: 0 0 10px 10px;
}
.posted_in>*:hover,
.sku_wrapper>*:hover,
.tagged_as>*:hover {
background-color: var(--primary);
color: var(--white);
}
.product_meta>span {
display: inline-block;
width: 100%;
}
.posted_in>*,
.sku_wrapper>*,
.posted_in>*:hover,
.sku_wrapper>*:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sunrays-social {
display: flex;
flex-wrap: wrap;
margin: 20px 0 20px;
}
.sunrays-social .sunrays-link {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
border-radius: var(--circular-radius);
background: var(--title-color);
text-align: center;
margin: 0 0 3px 0;
color: var(--white);
}
.sunrays-social>.sunrays-link {
margin-right: 10px;
}
.sunrays-social>.sunrays-link :last-of-type {
margin-right: 0;
}
.sunrays-social .sunrays-link:hover {
background: var(--primary);
color: var(--white);
}
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover,
body.woocommerce #respond input#submit.alt,
body.woocommerce input.button.alt {
background-color: var(--title-color);
background: var(--title-color);
color: var(--white);
}
.woocommerce div.product form.cart .button,
body.woocommerce a.button,
body.woocommerce button.button {
background-color: var(--primary);
color: var(--white);
}
.woocommerce div.product form.cart .button:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover {
background-color: var(--primary);
color: var(--white);
}
body.woocommerce a.button,
body.woocommerce button.button,
body .checkout-button {
line-height: 1.5 !important;
cursor: pointer !important;
font-weight: 500 !important;
background-color: var(--primary) !important;
padding: 12px 20px !important;
background: var(--primary) !important;
color: var(--white) !important;
font-size: var(--globle-font) !important;
display: inline-block !important;
min-width: 170px;
text-align: center !important;
border-radius: var(--comman-radius) !important;
border: none !important;
position: relative !important;
overflow: hidden !important;
z-index: 1;
max-height: 50px;
text-transform: capitalize;
}
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body .checkout-button:hover {
background-color: var(--primary) !important;
color: var(--white) !important;
-webkit-box-shadow: inset 0 0 0 2em var(--black);
-moz-box-shadow: inset 0 0 0 2em var(--black);
box-shadow: inset 0 0 0 2em var(--black);
}
body.woocommerce a.button:focus,
body.woocommerce button.button:focus,
body .checkout-button:focus {
-webkit-box-shadow: inset 0 0 0 2em var(--black);
-moz-box-shadow: inset 0 0 0 2em var(--black);
box-shadow: inset 0 0 0 2em var(--black);
}
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body .checkout-button,
body .checkout-button:hover,
body .checkout-button:before,
body .checkout-button:hover:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce-mini-cart__buttons.buttons .button {
min-width: 100px;
}
.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a img {
display: none;
}
body .sr-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
padding-left: 40px;
font-weight: 500;
text-transform: capitalize;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em 2em;
margin: 0 0 2em;
position: relative;
background-color: var(--bg);
color: var(--title-color);
border-top: none;
list-style: none;
border: none;
border-left: 3px solid var(--primary);
border-radius: var(--less-radius);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content: unset;
}
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars a::before {
color: var(--yellow);
}
.woocommerce table.shop_attributes th {
text-align: left;
padding: 15px 20px;
}
.woocommerce table.shop_attributes td {
text-align: left;
}
.woocommerce table.shop_attributes td {
font-style: normal;
padding: 10px 10px;
}
.woocommerce #review_form #respond form>p {
margin: 0 0 25px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent {
margin: 28px 0 21px;
cursor: pointer;
}
.return-to-shop {
margin: 0;
}
.comment-form-cookies-consent input {
display: none
}
.comment-form-cookies-consent label {
margin: 0;
position: relative;
padding-left: 30px;
cursor: pointer
}
.comment-form-cookies-consent label:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
border: 1px solid var(--border-color);
border-radius: 2px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s
}
.comment-form-cookies-consent label:after {
content: "";
position: absolute;
top: 6px;
left: 4px;
width: 10px;
height: 6px;
border-left: 2px solid var(--white);
border-bottom: 2px solid var(--white);
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
opacity: 0;
}
.comment-form-cookies-consent input:checked~label:after {
opacity: 1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.comment-form-cookies-consent input:checked~label:before {
background-color: var(--title-color);
border: 1px solid transparent
}
.comment-form-cookies-consent input:checked~label {
color: var(--title-color);
}
.sr-product-tabs-wrapper {
width: 100%;
}
.sr-large-product {
text-align: center;
padding: 0;
border-radius: var(--less-radius);
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
.woocommerce div.product div.images {
width: 100%;
}
.sr-single-product-page {
padding: 80px 0 30px;
}
.woocommerce div.product form.cart.grouped_form table td,
.woocommerce div.product form.cart.grouped_form table th {
border: 1px solid var(--border-color);
text-align: left;
padding: 20px 10px;
}
.woocommerce div.product form.cart {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.sr-product-summary-description {
margin-bottom: 60px;
}
body.single-product .product-qyt {
display: inline-block;
margin: 6px 20px 0px 0;
}
.woocommerce div.product form.cart {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product-qyt .quantity {
display: flex;
align-items: center;
border: 1px solid var(--border-color);
border-radius: var(--comman-radius);
width: 160px;
}
body button.minus,
body button.plus,
body button.minus:hover,
body button.plus:hover {
width: 50px;
height: 40px;
background: transparent;
position: relative;
outline: none;
transition: 0.3s;
color: var(--primary);
min-width: auto;
padding: 0;
font-size: var(--sub-heading-font);
line-height: 0;
border-left: 0;
border: none;
}
.woocommerce .quantity input[type="number"].qty {
border: none;
border-radius: 0;
background: transparent;
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
height: 48px;
width: 60px;
margin: auto 0;
padding: 0 5px;
text-align: center;
line-height: 50px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
font-size: var(--sub-heading-font);
font-weight: 600;
margin: 0 0 15px;
}
.woocommerce div.product .woocommerce-tabs .panel div#review_form .comment-reply-title {
font-size: inherit;
font-weight: 500;
}
.woocommerce div#review_form_wrapper #review_form #respond.comment-respond .form-submit {
margin: 0 0 19px;
}
body.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
background: var(--bg);
padding: 30px 30px;
margin: 0 0 20px;
border: var(--less-radius);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 100px;
border: none;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
top: 30px;
left: 30px;
padding: 0;
width: 80px;
border-radius: var(--circular-radius);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: var(--global-title);
font-weight: 600;
margin: 0 0 6px;
color: var(--title-color);
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
color: var(--primary);
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
position: relative;
}
body.single .star-rating span::before,
body .star-rating::before {
letter-spacing: 0;
}
body.woocommerce #reviews #comments ol.commentlist {
padding: 0;
margin: 25px 0 10px;
}
.sr-product-summary-description .yith-wcwl-add-to-wishlist {
margin: 0 0 20px;
}
.sr-product-summary-description .yith-wcwl-wishlistexistsbrowse a {
color: var(--primary);
font-weight: 500;
margin: 0 0 0 10px;
} .woocommerce-wishlist .sr-main-page-container {
padding: 80px 0 40px;
}
.woocommerce table.shop_table.wishlist_view td.product-name .yith-wcqv-button {
display: none !important;
}
table.wishlist_table {
font-size: var(--globle-font);
}
table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper .product-add-to-cart .add_to_cart {
margin: 0 !important;
padding: 12px 10px !important;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa {
font-family: "Font Awesome 5 Brands";
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-facebook:before {
content: "\f39e";
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-envelope-o:before {
content: "\f0e0";
}
.yith-wcwl-share li a {
min-width: 30px;
min-height: 30px;
border-radius: var(--circular-radius);
height: 40px;
padding: 0;
width: 40px;
line-height: 40px;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa.fa-envelope-o {
font: normal normal normal 14px/1 FontAwesome;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
color: var(--primary);
}
.sr-product-info .yith-wcwl-add-to-wishlist {
display: none;
}
.wishlist-title-container {
display: none;
} .sr-related-product-wrapper {
width: 100%;
padding: 29px 0 13px;
}
.sr-related-product-wrapper h4 {
font-weight: 700;
} .woocommerce-cart .sr-main-page-container {
padding: 80px 0 73px;
}
.woocommerce table.shop_table {
border: none;
margin: 0 0 40px;
border-radius: 0;
border-spacing: 0 0;
border-bottom: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
border-bottom: 0;
text-align: left;
border-right: 0;
}
.woocommerce-page .cart-collaterals .cart_totals table.shop_table {
border: 1px solid var(--border-color);
border-top: 0;
}
.woocommerce-cart .sr-blog-columns {
margin-bottom: 43px;
}
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
margin: 0;
}
.woocommerce a.remove {
display: block;
font-size: var(--sub-heading-font);
height: 25px;
width: 25px;
text-align: center;
line-height: 1;
border-radius: 100%;
color: var(--white) !important;
text-decoration: none;
font-weight: 500;
border: 0;
background: var(--title-color);
padding: 1px 0;
}
.woocommerce a.remove:hover {
background: var(--primary) !important;
}
.woocommerce-cart #add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
height: 80px;
object-fit: cover;
}
td.product-name a,
.woocommerce table.shop_table td a {
font-weight: 500;
color: var(--title-color);
}
.woocommerce table.cart td.actions .coupon {
margin-bottom: 0;
float: left !important;
}
.cart-collaterals .cart_totals h2 {
font-size: var(--heading-font);
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
border: 1px solid var(--border-color);
padding: 20px;
}
.cart-collaterals .cart_totals table th {
padding: 20px;
text-transform: capitalize;
border: 1px solid var(--border-color);
border-top: none;
max-width: 100%;
color: var(--title-color);
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
padding: 20px;
text-transform: capitalize;
max-width: 100%;
}
body .woocommerce .checkout-button {
width: 100%;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 24px 0 0;
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
background: var(--bg);
border: none;
width: calc(100% - 170px);
max-width: 200px;
padding: 0 20px;
margin: 0;
border-radius: var(--less-radius-left);
}
.woocommerce table.cart td.actions .coupon button.button,
.woocommerce table.cart td.actions .coupon button.button {
max-width: 150px;
font-size: var(--globle-font);
font-weight: 500;
color: var(--white);
background: var(--primary);
min-height: 50px;
border: none;
border-radius: var(--less-radius-right);
}
.woocommerce table.cart td.actions .coupon button.button:hover,
.woocommerce table.cart td.actions .coupon button.button:hover {
color: var(--white);
background: var(--primary);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
min-width: 170px;
font-size: var(--globle-font);
font-weight: 500;
color: var(--white);
background: var(--primary) !important;
min-height: 50px;
border: none;
border-radius: var(--comman-radius);
line-height: 50px;
padding: 0 20px;
text-align: center;
overflow: hidden;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
color: var(--white);
background: var(--primary) !important;
-webkit-box-shadow: inset 0 0 0 2em var(--black);
-moz-box-shadow: inset 0 0 0 2em var(--black);
box-shadow: inset 0 0 0 2em var(--black);
}
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
transition: box-shadow 0.5s;
-webkit-box-shadow: inset 0 0 0 2em var(--black);
-moz-box-shadow: inset 0 0 0 2em var(--black);
box-shadow: inset 0 0 0 2em var(--black);
}
.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] {
cursor: not-allowed;
opacity: .5;
padding: 0 20px;
min-width: 170px;
font-size: var(--globle-font);
font-weight: 500;
color: var(--white);
background: var(--primary);
min-height: 50px;
border: none;
border-radius: var(--comman-radius);
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
color: var(--white);
background: var(--primary);
} .woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
width: calc(100% - 170px);
display: flex;
flex-wrap: wrap;
}
.woocommerce form.checkout_coupon .form-row.form-row-last {
width: 170px;
display: inline-block;
}
.woocommerce-checkout-review-order .form-row.place-order {
margin: 0 0 0;
}
.col-1,
.col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
float: none;
width: 100%;
padding: 0;
}
.woocommerce p label {
width: 100%;
text-transform: capitalize;
}
.woocommerce-input-wrapper {
width: 100%;
display: inline-block;
}
.select2-container .select2-selection--single {
width: 100%;
height: 50px;
border: 1px solid var(--input-border);
border-radius: var(--less-radius);
outline: none;
background: var(--input-bg);
padding: 12px 20px 12px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
right: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--txt);
}
body .select2-dropdown {
background-color: var(--bg);
border: none;
border-radius: var(--less-radius);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid var(--border-color);
margin: 0 0 20px;
padding: 0 0 0 20px;
}
body .select2-results {
padding: 0 0 0 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--primary);
color: var(--txt);
}
.select2-results__option[aria-selected],
.select2-results__option[data-selected] {
color: var(--txt);
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
background-color: var(--offwhite);
}
.woocommerce form .form-row label {
font-weight: 400;
color: var(--title-color);
margin: 0;
}
body.woocommerce-checkout .woocommerce form>div>div p {
width: 100%;
margin: 0 0 20px;
padding: 0;
}
body.woocommerce-checkout .woocommerce form>div>div .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link {
font-weight: 500;
}
form.woocommerce-EditAccountForm fieldset legend,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading {
font-size: var(--sub-heading-font);
font-weight: 600;
text-transform: capitalize;
margin: 0px 0 20px;
display: inline-block;
width: 100%;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: var(--primary);
}
body.woocommerce-checkout .woocommerce form>div>div,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
float: none;
width: 100%;
padding: 0;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
border-radius: 0;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-bottom: none;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 0;
}
.woocommerce-privacy-policy-text {
margin: 25px 0 34px;
}
.woocommerce table.shop_table td {
color: var(--title-color);
font-weight: 500;
}
.woocommerce-privacy-policy-text p {
margin: 0;
}
.woocommerce-additional-fields {
margin: 0 0 45px;
display: inline-block;
width: 100%;
}
body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field {
margin: 0;
}
body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
height: 150px;
padding: 20px;
}
.woocommerce-additional-fields h3 {
margin: 0 0 15px;
}
.woocommerce-billing-fields__field-wrapper {
margin: 0 0 45px;
}
.woocommerce-billing-fields h3 {
margin: 0 0 15px;
}
.showcoupon {
color: var(--primary);
font-weight: 500;
}
.woocommerce form.checkout_coupon {
padding: 26px 30px 24px;
margin: 0 0 45px;
text-align: left;
border-radius: var(--less-radius);
background: var(--white);
box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
border: none;
display: flex;
flex-wrap: wrap;
}
.woocommerce form.checkout_coupon p,
.woocommerce form.login p,
.woocommerce form.register p {
padding: 0;
}
.woocommerce form.checkout_coupon p button.button {
border-radius: var(--less-radius-right);
} .woocommerce form.login {
padding: 21px 30px 30px;
margin: 0 0 45px;
text-align: left;
border-radius: var(--less-radius);
background: var(--white);
box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
border: none;
display: flex;
flex-wrap: wrap;
}
.woocommerce form.login>p,
.woocommerce form.register>p {
width: 100%;
margin: 0 0 21px;
padding: 0;
}
.woocommerce form.login .password-input,
.woocommerce form.register .password-input {
width: 100%;
}
.sr-login-bottom {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;
margin: 7px 0 26px;
color: var(--title-color);
}
.sr-login-bottom a {
color: var(--title-color);
}
.sr-login-bottom a:hover {
color: var(--primary);
}
.sr-login-bottom>span {
margin: 0 0 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin: 0;
cursor: pointer;
}
.sr-remember-pswrd input {
display: none
}
.sr-remember-pswrd span {
margin: 0;
position: relative;
padding-left: 30px;
cursor: pointer
}
.sr-remember-pswrd span:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
border: 1px solid var(--border-color);
border-radius: 2px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s
}
.sr-remember-pswrd span:after {
content: "";
position: absolute;
top: 6px;
left: 4px;
width: 10px;
height: 6px;
border-left: 2px solid var(--white);
border-bottom: 2px solid var(--white);
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
opacity: 0;
}
.sr-remember-pswrd input:checked~span:after {
opacity: 1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.sr-remember-pswrd input:checked~span:before {
background-color: var(--title-color);
border: 1px solid transparent
}
.sr-remember-pswrd input:checked~span {
color: var(--title-color);
} .woocommerce form.register {
padding: 26px 30px 21px;
margin: 0 0 45px;
text-align: left;
border-radius: var(--less-radius);
background: var(--white);
box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
border: none;
display: flex;
flex-wrap: wrap;
} .woocommerce .woocommerce-ResetPassword {
padding: 25px 30px 30px;
margin: 0 0 30px;
text-align: left;
border-radius: var(--less-radius);
background: var(--white);
box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
border: none;
display: flex;
flex-wrap: wrap;
}
.woocommerce .woocommerce-ResetPassword>p {
width: 100%;
margin: 0 0 4px;
padding: 0;
}
.woocommerce .woocommerce-ResetPassword>.woocommerce-form-row.woocommerce-form-row--first {
margin: 0 0 40px;
} body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation {
padding: 0 15px;
}
body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
margin-bottom: 20px;
border: 1px solid var(--border-color);
padding: 10px 20px;
border-radius: var(--radius10);
display: inline-block;
width: 100%;
color: var(--title-color);
font-weight: 500;
}
nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--primary);
border-color: var(--primary);
}
form.woocommerce-EditAccountForm fieldset legend,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.woocommerce-account .addresses .title h3,
h3#order_review_heading {
font-size: var(--sub-heading-font);
font-weight: 600;
color: var(--title-color);
margin-bottom: 15px;
}
.woocommerce-account .woocommerce-MyAccount-content h3 {
margin-bottom: 20px;
}
.woocommerce-account .woocommerce span.password-input {
width: 100%;
}
.woocommerce table.my_account_orders th {
padding: 12px 10px;
}
.woocommerce table.shop_table td a.button {
color: var(--white);
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
body .woocommerce-noreviews a,
body .no-comments a {
min-width: unset !important;
background-color: transparent !important;
background: transparent !important;
color: var(--primary) !important;
text-transform: capitalize !important;
outline: none !important;
padding: 0 !important;
cursor: pointer !important;
font-size: var(--globle-font) !important;
border-radius: 0 !important;
min-height: unset !important;
line-height: 1.2;
box-shadow: none !important;
}
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
body .woocommerce-noreviews a:hover,
body .no-comments a:hover {
color: var(--title-color) !important;
background: transparent !important;
}
.woocommerce .woocommerce-error .button:before,
.woocommerce .woocommerce-info .button:before,
.woocommerce .woocommerce-message .button:before,
.woocommerce-page .woocommerce-error .button:before,
.woocommerce-page .woocommerce-info .button:before,
.woocommerce-page .woocommerce-message .button:before,
body .woocommerce-noreviews a:before,
body .no-comments a:before {
content: unset !important;
}
.woocommerce-account .woocommerce-MyAccount-content button.button {
margin-top: 30px;
}  .sr-blog-thumb-page-wrapper {
padding: 80px 0 23px;
}
.sr-blog-thumb-page-wrapper .sr-blog-img img {
max-height: 400px;
min-width: 100%;
}  .sunrays-banner *,
.sunrays-banner {
font-family: var(--global-font) !important;
} .sr-partner-slides img {
filter: grayscale(1);
}
.sr-partner-slides img:hover {
filter: grayscale(0);
}
.sr-partner-slides img:hover,
.sr-partner-slides img {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .sr-service-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px 30px 33px;
background: var(--white);
color: var(--txt);
position: relative;
margin-bottom: 30px;
}
.sr-service-section:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
box-shadow: var(--shadow);
border-radius: var(--radius10);
}
.sr-service-section:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: var(--primary);
opacity: 0;
width: 0%;
margin: auto;
}
.sr-service-section:hover:after {
opacity: 1;
width: 100%;
}
.sr-service-wrapper .row {
justify-content: center;
}
.sr-service-inner {
position: relative;
}
.sr-service-section h4 {
font-size: var(--widget-title);
font-weight: 700;
color: var(--title-color);
padding: 0 0 17px;
margin: 0 0 15px;
position: relative;
}
.sr-service-section h4:before {
background: var(--primary);
content: "";
left: 0;
right: 0;
bottom: 0;
position: absolute;
height: 2px;
width: 80px;
margin: auto;
}
.sr-service-icon span {
display: inline-block;
position: relative;
margin: 0 0 25px;
}
.sr-service-icon img {
position: relative;
max-height: 70px;
}
.sr-service-inner p {
margin-bottom: 11px;
}
.sr-service-wrapper .colored .sr-service-section .sr-service-icon span:before {
opacity: .1;
}
.sr-read-more-link {
text-transform: uppercase;
font-weight: 600;
font-size: var(--global-font);
letter-spacing: .6px;
}
.sr-arrow {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 5px solid var(--primary);
border-bottom: 6px solid transparent;
display: inline-block;
vertical-align: middle;
}
.sr-read-more-link .sr-arrow {
margin-left: 3px;
margin-bottom: 2px;
}
.sr-read-more-link:hover .sr-arrow {
transform: translateX(6px);
}
.sr-service-section:hover h4 {
color: var(--primary);
}
.sr-service-section:hover h4,
.sr-service-section h4,
.sr-read-more-link:hover,
.sr-read-more-link,
.sr-read-more-link .sr-arrow,
.sr-read-more-link:hover .sr-arrow,
.sr-read-more-link .sr-arrow {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-service-section,
.sr-service-section:hover,
.sr-service-section:after,
.sr-service-section:hover:after {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-service-wrapper .sr-btn-wrap {
justify-content: center;
margin: 10px 0 30px;
}
.sr-service-section:hover {
box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
}
.sr-bordered-services .sr-service-section {
border: 1px solid var(--border-color);
} .sr-about-wrapper {
position: relative;
}
.sr-about-img img {
max-height: 430px;
width: 100%;
object-fit: cover;
}
.sr-about-info ul {
margin: 13px -15px 0;
padding: 0 0 1px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.sr-about-info .sr-section-title h4 {
margin: 10px 0 14px;
}
.sr-about-info ul li {
padding: 0 15px 0;
position: relative;
min-height: 20px;
margin: 0 0 8px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.sr-about-info ul li:hover {
color: var(--primary);
}
.sr-about-info ul li,
.sr-about-info ul li:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-about-list {
position: relative;
display: flex;
align-items: flex-start;
}
.sr-about-list img {
width: 14px;
height: 10px;
object-fit: contain;
vertical-align: middle;
margin: 0 6px 0 0;
}
.sr-about-wrapper .sr-btn {
margin: 18px 0 0;
}
.about-style-two .sr-section-title {
max-width: 100%;
}
.about-style-two .sr-about-info .sr-btn-wrap {
margin-top: 24px;
}
.sr-about-counter {
margin: 10px 0 0;
}
.sr-about-counter-column {
margin: 10px 0 0;
position: relative;
text-align: center;
}
.sr-about-counter-img {
display: inline-block;
width: 100%;
margin: 0 0 14px;
}
.sr-about-counter-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: inline-block;
opacity: .2;
}
.sr-about-counter-img img {
height: 40px;
object-fit: cover;
}
.sr-about-counter-column h4 {
font-size: var(--sub-heading-font);
font-weight: 700;
color: var(--primary);
margin: 0 0 8px;
}
.sr-about-counter-column p {
margin: 0;
font-size: var(--globle-font);
font-weight: 600;
color: var(--title-color);
}
.sr-about2-img {
position: relative;
}
.sr-img-text {
display: inline-block;
background: var(--primary);
position: absolute;
bottom: 0;
right: 0;
}
.sr-img-text {
display: flex;
background: var(--primary);
position: absolute;
bottom: 20px;
right: 20px;
border-radius: 50px 50px 0px 50px;
padding: 22px 20px;
max-width: 390px;
width: 100%;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: var(--white);
font-weight: 600;
font-size: var(--widget-title);
}
.sr-about-img-icon {
margin-right: 20px;
}
.sr-img-text a {
color: var(--white);
}
.sr-about2-img:hover .sr-img-text {
border-radius: 0 50px 50px 50px;
}
.sr-about2-img,
.sr-about2-img:hover,
.sr-img-text,
.sr-about2-img:hover .sr-img-text {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-about2-img img {
width: 100%;
}
.about-style-two .sr-section-title span {
display: inline-block;
}
.about-style-two .sr-about-info ul li {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
font-weight: 500;
}
.about-style-two .sr-about-info ul {
margin-top: 19px;
}
.about-style-two .sr-about-info ul li img {
width: 30px;
height: 16px;
margin: 4px 6px 0;
}
.sr-about-list span {
width: calc(100% - 50px);
display: inline-block;
} .sr-why-inner {
display: flex;
flex-wrap: wrap;
}
.sr-why-section {
padding: 28px 30px 13px;
}
.sr-why-section:hover {
box-shadow: 10px 12px 38px 0px rgb(0 0 0 / 8%);
}
.sr-why-section:hover, .sr-why-section {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-why-icon {
display: inline-block;
width: 50px;
margin: 0 0 10px;
}
.sr-why-info {
display: inline-block;
width: calc(100% - 50px);
padding: 0 0 0 30px;
}
.sr-why-icon img {
width: 50px;
height: 50px;
object-fit: contain;
}
.sr-why-info h4 {
font-size: var(--sub-heading-font);
font-weight: 600;
color: var(--title-color);
margin: 0 0 6px;
}
.sr-why-info p {
margin: 0 0 10px;
}
.sr-why-us-wrapper .sr-section-title {
max-width: 100%;
}
.sr-why-us-desc {
display: block;
margin: 4px 0 24px;
}
.sr-why-section:hover .sr-why-info h4 {
color: var(--primary);
}
.sr-why-section .sr-why-info h4,
.sr-why-section:hover .sr-why-info h4 {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-why-us-slider {
position: relative;
}
.sr-slider-single-nav {
position: absolute;
bottom: 0;
right: 0;
z-index: 9;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.sr-slider-single-nav:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: var(--white);
opacity: .1;
margin: auto;
}
.sr-slider-single-nav>div>svg {
height: 15px;
fill: var(--white);
}
.sr-slider-single-nav>div {
background: var(--primary);
width: 60px;
height: 60px;
line-height: 60px;
}
.sr-why-us-wrapper .sr-section-title .sr-colored-heading {
margin-bottom: 14px;
}
.sr-why-us-slider img {
width: 100%;
} .sr-tabs-navigation {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding: 0 0 15px;
position: relative;
}
.sr-tabs-navigation li {
margin: 0;
text-align: center;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
justify-content: center;
}
.sr-tabs-navigation li.active a {
color: var(--white);
background: var(--primary);
}
.sr-tabs-navigation li a {
font-weight: 600;
display: inline-block;
position: relative;
text-transform: capitalize;
width: 100%;
cursor: pointer;
text-align: center;
color: var(--title-color);
padding: 13px 10px;
margin: 0 0 10px;
background: var(--bg);
}
.sr-tabs-navigation li,
.sr-tabs-navigation li:before,
.sr-tabs-navigation li.active:before,
.sr-tabs-navigation li:hover:before,
.sr-tabs-navigation li.active a:before,
.sr-tabs-navigation li:hover a:before,
.sr-tabs-navigation li a:before,
.sr-tabs-navigation li a:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-tab-points {
padding: 0;
list-style: none;
margin: 0 0 34px;
}
.sr-tab-points li {
font-weight: 500;
color: var(--title-color);
}
.sr-tab-points li img {
width: auto;
height: 18px;
margin: 0 10px 0 0;
}
.sr-tabs-container {
padding: 3px 0 0;
} .sr-testimonial-container {
max-width: 770px;
margin: auto;
}
.swiper-container.gallery-thumbs {
max-width: 150px;
padding: 25px 0;
margin-bottom: 10px;
}
.sr-testimoniosal-thumb img {
width: 50px;
height: 50px;
object-fit: cover;
border: 0;
border-radius: var(--circular-radius);
cursor: pointer;
}
.swiper-slide-thumb-active .sr-testimoniosal-thumb img {
border: 3px solid var(--white);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.sr-testimonial-inner {
position: relative;
text-align: center;
width: calc(100% - 30px);
margin-bottom: 30px;
box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
}
.sr-testimonial-inner:before {
content: "";
position: absolute;
right: -30px;
left: 30px;
bottom: -30px;
top: 30px;
background: var(--white);
border: none;
border-radius: var(--radius10);
box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
}
.sr-testimonial-holder {
position: relative;
background: var(--white);
z-index: 4;
box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
border: none;
border-radius: var(--radius10);
padding: 33px 50px 46px;
}
.sr-testimonial-holder:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: url(//www.adssolar.com.au/wp-content/themes/sunrays/assets/images/quote.svg);
background-position: center;
background-repeat: no-repeat;
margin: 80px 0 0;
}
.sr-testimoniosal-info h4 {
color: var(--title-color);
font-size: var(--globle-font);
font-weight: 600;
margin: 0 0 0;
}
.sr-testimoniosal-info p {
margin: 0 0 15px;
} .sr-testimonials-wrapper .pagination {
margin: 58px auto -5px;
text-align: center;
width: 100%;
display: block;
}
.sr-testimonials-wrapper .pagination span {
background: var(--bullet-color);
margin: 0 4px;
height: 10px;
width: 10px;
opacity: 1;
}
.sr-testimonials-wrapper .pagination .swiper-pagination-bullet-active {
background: var(--primary);
}
.sr-blog-thumb-page-wrapper .pagination {
padding-bottom: 7px;
margin-top: 43px;
}
.sr-slider-nav>div {
height: 60px;
width: 60px;
line-height: 60px;
position: relative;
border: none;
border-radius: var(--circular-radius);
cursor: pointer;
overflow: hidden;
text-align: center;
}
.sr-slider-nav>div:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: var(--title-color);
}
.sr-slider-nav>div:hover:before {
background: var(--primary);
}
.sr-slider-nav>div:hover:before,
.sr-slider-nav>div:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-slider-nav>div svg {
fill: var(--white);
height: 18px;
width: 25px;
position: relative;
}
.sr-slider-nav {
position: absolute;
left: 0;
right: 0;
display: flex;
flex-wrap: wrap;
max-width: 950px;
margin: auto;
top: 34.5%;
}
.sr-slider-nav .next-slide {
position: absolute;
right: 0;
} .sr-testimonial2-container {
position: relative;
}
.sr-testimonial2-inner {
max-width: 970px;
margin: auto;
width: 100%;
padding: 40px 15px 30px;
position: relative;
margin-bottom: 25px;
}
.sr-testimonial2-inner:before {
content: "";
background: var(--white);
position: absolute;
bottom: -25px;
left: 50px;
right: 50px;
top: 0;
box-shadow: 0 0 30px rgb(0 0 0 / 6%);
margin: auto;
}
.sr-testimonial2-holder:before {
content: "";
background: var(--white);
position: absolute;
bottom: -26px;
left: -12px;
right: -12px;
top: -40px;
box-shadow: var(--shadow);
margin: auto;
}
.sr-testimonial2-holder {
position: relative;
}
.sr-testimoniosal2-section {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
max-width: 770px;
margin: auto;
}
.sr-testimoniosal2-thumb img {
height: 70px;
width: 70px;
border: 3px solid var(--primary);
border-radius: var(--circular-radius);
}
.sr-testimoniosal2-thumb {
margin-bottom: 15px;
}
.sr-testimoniosal2-info p:first-child {
margin: 0;
}
.sr-testimoniosal2-info h4 {
margin: 15px 0 8px;
font-weight: 700;
font-size: var(--globle-font);
}
.sr-testimoniosal2-info h6 {
color: var(--primary);
font-size: var(--global-font);
font-weight: 400;
}
.sr-testimonial2-container .sr-slider-nav {
right: -20px;
left: -20px;
max-width: unset;
z-index: 9;
}
.quote-icon-left svg,
.quote-icon-right svg {
height: 46px;
fill: var(--offwhite2);
}
.quote-icon-left {
position: absolute;
top: 0;
left: 25px;
}
.quote-icon-right {
position: absolute;
bottom: 0;
right: 25px;
} .sr-plans-section {
background: var(--white);
border: none;
border-radius: var(--radius10);
padding: 46px 50px 50px;
margin: 0 0 40px;
position: relative;
overflow: hidden;
}
.sr-popular-plan {
position: absolute;
display: inline-block;
right: -65px;
top: -10px;
background: var(--title-color);
color: var(--white);
padding: 0 0 0;
text-transform: uppercase;
transform: rotate(45deg);
height: 72px;
width: 180px;
text-align: center;
line-height: 100px;
font-weight: 500;
}
.sr-plans-holder h4 {
font-weight: 600;
color: var(--title-color);
font-size: var(--sub-heading-font);
margin: 0 0 0;
display: block;
width: 100%;
}
.sr-plan-price span {
font-size: var(--heading-font);
font-weight: 700;
color: var(--primary);
}
.sr-plan-price a {
color: var(--primary);
}
.sr-plan-price sub {
font-size: var(--globle-font);
vertical-align: super;
}
.sr-plans-holder ul {
list-style: none;
padding: 0;
margin: 28px 0 17px;
width: 100%;
}
.sr-plans-holder ul li .sr-available-list svg {
height: 12px;
fill: var(--cart);
}
.sr-plans-holder ul li .sr-available-list.sr-not-available svg {
fill: var(--wishlist);
}
.sr-plans-holder ul li .sr-available-list {
margin: 0 15px 0 0;
display: inline-block;
}
.sr-plans-holder ul li {
margin: 0 0 18px;
padding-left: 30px;
position: relative;
min-height: 15px;
}
.sr-plans-holder ul li span.sr-available-list {
position: absolute;
left: 0;
}
.sr-plans-holder p {
margin: 0;
}
.sr-plan-price {
display: inline-block;
margin: 5px 0 6px;
} .sr-plans-holder {
display: flex;
flex-wrap: wrap;
}
.sr-plan-btn {
min-width: 260px;
min-height: 50px;
background: var(--white);
border-radius: var(--comman-radius);
overflow: hidden;
position: relative;
transition: all 0.3s ease;
cursor: pointer;
display: inline-block;
}
.sr-plan-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0px auto 30px;
}
.sr-plan-btn-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.sr-tabs {
padding: 6px 6px;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sr-tabs li {
margin: 0;
display: inline-block;
padding: 12px 10px;
text-align: center;
min-width: 130px;
background: transparent;
border-radius: var(--comman-radius);
}
.sr-tabs li a {
display: inline-block;
color: var(--title-color);
font-weight: 500;
font-size: var(--globle-font);
}
.sr-tabs li a:hover {
color: var(--title-color);
}
.sr-tabs li.active {
background: var(--primary);
}
.sr-tabs li.active a,
.sr-tabs li.active a:hover {
color: var(--white);
}
.sr-tabs li.active,
.sr-tabs li {
transition: all .3s linear;
} .sr-blog-wrapper {
padding-bottom: 50px;
}
.sr-blog-wrapper .row {
justify-content: center;
}
.blog-style-one p {
margin-bottom: 18px;
}
.sr-blog-img {
display: inline-block;
width: 100%;
}
.sr-blog-img img {
max-height: 236px;
width: 100%;
min-width: 236px;
object-fit: cover;
}
.sr-blog-data ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.sr-sm-icon svg {
fill: var(--primary);
height: 15px;
}
.sr-blog-date .sr-sm-icon {
vertical-align: text-bottom;
margin: 0 3px 0 0;
}
.sr-blog-date .sr-sm-icon svg {
fill: var(--white);
}
.sr-blog-data ul li .sr-sm-icon {
margin: 0 3px 0 0;
vertical-align: text-bottom;
}
.sr-blog-data ul li:first-child {
margin: 0 20px 0px 0;
}
.sr-blog-single-imgae {
position: relative;
}
.sr-blog-title {
font-size: var(--globle-font);
font-weight: 700;
color: var(--title-color);
margin: 0;
line-height: 1.5;
}
.sr-blog-thumb-page-wrapper .sr-blog-details .sr-blog-title {
font-size: var(--sub-heading-font);
margin: 0 0 5px;
}
.sr-blog-wrapper .sr-blog-title {
font-size: var(--widget-title);
margin: 0px 0 7px;
}
.sr-blog-data {
margin: 10px 0 20px;
}
.sr-blog-thumb-page-wrapper .sr-blog-details .sr-blog-data {
margin: 10px 0 20px;
}
.sr-blog-wrapper .sr-blog-data {
margin: 9px 0 15px;
}
.sr-blog-columns .sr-blog-thumb-section .sr-blog-details .sr-read-more-link {
margin-top: 10px;
}
.sr-blog-data a {
font-weight: 500;
text-transform: capitalize;
}
.sr-read-more-link,
.sr-read-more-link:visited,
.sr-read-more-link:hover,
.sr-read-more-link:focus {
color: var(--primary);
}
.edit-btn-read-more-wrap .sr-read-more-link .sr-arrow {
margin-bottom: 1px;
}
.sr-blog-details .sr-read-more-link:visited {
color: var(--primary);
}
.sr-blog-date {
position: absolute;
font-weight: 500;
top: 0;
right: 30px;
background: var(--primary);
color: var(--white);
padding: 14px 10px 8px;
display: inline-block;
text-align: center;
border-radius: 0 0 10px 10px;
min-height: auto;
min-width: 70px;
max-width: 100px;
text-transform: uppercase;
}
.sr-blog-date > span {
font-size: 36px;
font-weight: 700;
line-height: 32px;
margin-bottom: 3px;
display: inline-block;
width: 100%;
min-height: 32px;
}
.sr-blog-single-data {
width: 100%;
}
.sr-blog-img {
position: relative;
display: inline-block;
width: 100%;
}
.sr-blog-thumb-section {
margin: 0 0 44px;
}
.sr-blog-title:hover {
color: var(--primary);
}
.sr-blog-title:hover,
.sr-blog-title {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-blog-img-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.sr-blog-img-inner:before {
content: "";
position: absolute;
left: -50%;
top: -50%;
width: 200%;
height: 200%;
background-color: var(--black);
opacity: 0;
border-radius: var(--circular-radius);
-webkit-transform: scale(.2);
transform: scale(.2);
transition: all .1s ease-out;
}
.sr-blog-thumb-section:hover .sr-blog-img-inner:before {
opacity: .3;
-webkit-transform: scale(1);
transform: scale(1);
transition: all .3s ease-in;
}
.sr-recent-post-widgets ul li {
margin: 0 0 10px;
}
.sr-recent-post-widgets ul li:last-child {
margin: 0 0 30px;
}
.sr-blog-thumb-section {
background: var(--white);
box-shadow: var(--shadow);
border-radius: var(--radius10);
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
overflow: hidden;
}
.sr-blog-thumb-section .sr-blog-details {
padding: 26px 30px 33px;
}
.sr-blog-columns .sr-blog-thumb-section .sr-blog-details {
padding: 25px 30px 33px;
}
.sr-blog-thumb-page-wrapper .sr-blog-details p {
margin-bottom: 8px;
} .sr-industry-inner {
display: flex;
flex-wrap: wrap;
}
.sr-industry-section {
margin: 0 0;
padding: 28px 30px 13px;
}
.sr-industry-section:hover {
box-shadow: 10px 12px 38px 0px rgb(0 0 0 / 8%);
}
.sr-industry-section:hover,
.sr-industry-section {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-industry-wrapper {
padding: 77px 0 36px;
}
.sr-industry-icon {
display: inline-block;
width: 50px;
margin: 0 0 10px;
}
.sr-industry-info {
display: inline-block;
width: calc(100% - 50px);
padding: 0 0 0 30px;
}
.sr-industry-icon img {
width: 50px;
height: 50px;
object-fit: contain;
}
.sr-industry-info h4 {
font-size: var(--sub-heading-font);
font-weight: 600;
color: var(--title-color);
margin: 0 0 6px;
}
.sr-industry-info p {
margin: 0 0 10px;
}
.sr-industry-wrapper .sr-section-title {
max-width: 100%;
}
.sr-industry-desc {
display: block;
margin: 4px 0 24px;
}
.sr-industry-section:hover .sr-industry-info h4 {
color: var(--primary);
}
.sr-industry-section .sr-industry-info h4,
.sr-industry-section:hover .sr-industry-info h4 {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-industry-img img {
width: 100%;
object-fit: cover;
}
.sr-industry-information .sr-colored-heading {
margin-bottom: 14px;
}
.sr-industry-information .sr-section-title .sr-colored-heading span {
display: inline-block;
} .sr-counter-section {
margin: 0 0 34px;
}
.sr-counter-info h4 {
font-weight: 700;
font-size: var(--heading-font);
margin: 22px 0 0;
}
.sr-counter-info p {
color: var(--primary);
font-weight: 500;
margin: 0;
}
.sr-counter-icon {
position: relative;
height: 100px;
width: 100px;
text-align: center;
line-height: 100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.sr-counter-icon:before {
background: transparent;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: "";
border-radius: var(--circular-radius);
border: 2px dashed var(--primary);
animation: rotate-animation 10s infinite linear;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.sr-counter-icon img {
position: relative;
}
.sr-counter-icon .sr-counter-imgg {
background: var(--primary);
position: relative;
height: 80px;
display: inline-block;
line-height: 80px;
width: 80px;
border-radius: var(--circular-radius);
} .sr-modules-wrapper {
position: relative;
padding-bottom: 20px;
}
.sr-modules-img img {
max-height: 500px;
}
.sr-modules-info ul {
margin: 13px -15px 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.sr-modules-info .sr-section-title h4 {
margin: 10px 0 9px;
}
.sr-modules-list {
position: relative;
}
.sr-modules-list img {
width: 14px;
height: 10px;
object-fit: contain;
vertical-align: middle;
margin: 0 6px 0 0;
}
.sr-modules-wrapper .sr-btn {
margin: 20px 0 0;
}
.sr-module-listing {
margin: 34px 0 0;
}
.sr-modules-list {
background: var(--white);
width: 100%;
margin: 0 0 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 0 20px rgb(0 0 0 / 0.04);
min-height: 100px;
border-left: 2px solid var(--title-color);
font-weight: 500;
}
.sr-module-listing .row {
margin: 0 -10px;
}
.sr-module-listing [class^="col-"] {
padding: 0 10px;
}
.sr-modules-list h5 {
font-size: var(--sub-heading-font);
font-weight: 700;
color: var(--title-color);
margin: 0 0 3px;
}
.sr-module-listing [class^="col-"]:nth-child(1) .sr-modules-list {
border-color: var(--list1);
}
.sr-module-listing [class^="col-"]:nth-child(1) .sr-modules-list h5 {
color: var(--list1);
}
.sr-module-listing [class^="col-"]:nth-child(2) .sr-modules-list {
border-color: var(--list2);
}
.sr-module-listing [class^="col-"]:nth-child(2) .sr-modules-list h5 {
color: var(--list2);
}
.sr-module-listing [class^="col-"]:nth-child(3) .sr-modules-list {
border-color: var(--list3);
}
.sr-module-listing [class^="col-"]:nth-child(3) .sr-modules-list h5 {
color: var(--list3);
}
.sr-module-listing [class^="col-"]:nth-child(4) .sr-modules-list {
border-color: var(--list4);
}
.sr-module-listing [class^="col-"]:nth-child(4) .sr-modules-list h5 {
color: var(--list4);
}
.sr-module-listing [class^="col-"]:nth-child(5) .sr-modules-list {
border-color: var(--list5);
}
.sr-module-listing [class^="col-"]:nth-child(5) .sr-modules-list h5 {
color: var(--list5);
}
.sr-module-listing [class^="col-"]:nth-child(6) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(6) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(7) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(7) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(8) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(8) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(9) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(9) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(10) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(10) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(11) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(11) .sr-modules-list h5 {
color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(12) .sr-modules-list {
border-color: var(--list6);
}
.sr-module-listing [class^="col-"]:nth-child(12) .sr-modules-list h5 {
color: var(--list6);
}
.sr-modules-list {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.sr-modules-list:hover {
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-o-transform: translateY(-6px);
transform: translateY(-6px);
}
.sr-modules-list,
.sr-modules-list:hover {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-modules-info .sr-section-title .sr-colored-heading span {
display: inline;
} .sr-team-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
background: var(--white);
position: relative;
}
.sr-team-section:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
border-radius: var(--radius10);
}
.sr-team-img {
position: relative;
width: 100%;
}
.sr-team-img:before {
content: "";
position: absolute;
background: var(--black);
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: var(--radius10-top);
opacity: 0;
visibility: hidden;
}
.sr-team-section:hover .sr-team-img:before {
opacity: .6;
visibility: visible;
}
.sr-team-section .sr-team-img:before,
.sr-team-section:hover .sr-team-img:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-team-social {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.sr-team-social ul {
padding: 0;
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.sr-team-social ul li a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
border-radius: var(--circular-radius);
background: var(--white);
text-align: center;
color: var(--primary);
}
.sr-team-social ul li a:hover {
background: var(--primary);
color: var(--white);
}
.sr-team-social ul li .sr-facebook {
color: var(--facebook);
}
.sr-team-social ul li .sr-facebook:hover {
background: var(--facebook);
}
.sr-team-social ul li .sr-twitter {
color: var(--twitter);
}
.sr-team-social ul li .sr-twitter:hover {
background: var(--twitter);
}
.sr-team-social ul li .sr-instagram {
color: var(--instagram);
}
.sr-team-social ul li .sr-instagram:hover {
background: var(--instagram);
}
.sr-team-social ul li {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transition: translateY(-30px);
opacity: 0;
visibility: hidden;
margin: 0 10px;
}
.sr-team-section:hover .sr-team-social ul li:first-child,
.sr-team-section:hover .sr-team-social ul li:nth-child(2),
.sr-team-section:hover .sr-team-social ul li:nth-child(3) {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transition: translateY(0);
opacity: 1;
visibility: visible;
}
.sr-team-social ul li:first-child {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.sr-team-social ul li:nth-child(2) {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.sr-team-social ul li:nth-child(3) {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.sr-team-img img {
max-height: 280px;
min-height: 280px;
object-fit: cover;
width: 100%;
border-radius: var(--radius10-top);
}
.sr-team-info h4 {
font-size: var(--sub-heading-font);
font-weight: 600;
color: var(--title-color);
margin: 15px 0 4px;
position: relative;
}
.sr-team-section:hover h4 {
color: var(--primary);
}
.sr-team-section:hover h4,
.sr-team-section h4 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-team-info {
padding: 10px 0;
}
.sr-team-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sr-team-info p {
margin: 0 0 13px;
} .sr-main-video {
position: relative;
border: none;
border-radius: var(--radius10);
overflow: hidden;
}
.sr-play-btn {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.sr-play-btn:before {
content: "";
opacity: 0.1;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: var(--primary);
}
.popup-youtube {
position: relative;
color: var(--white);
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background: transparent;
border: 2px solid var(--white);
border-radius: var(--circular-radius);
font-size: 30px;
}
.popup-youtube i {
color: var(--white);
} .sr-contact-wrapper {
padding: 80px 0 0;
margin: 0 0 -315px;
position: relative;
z-index: 99;
}
.sr-contact-inner {
position: relative;
background: var(--white);
}
.sr-contact-inner:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
border-radius: var(--radius10);
}
.sr-contact-img {
border: none;
border-radius: var(--radius10);
overflow: hidden;
text-align: center;
}
.sr-contact-form {
padding: 45px 35px 50px 50px;
}
.sr-contact-form .input-wrap textarea {
margin: 0;
height: 155px;
}
.sr-contact-title h4 {
font-size: var(--sub-heading-font);
font-weight: 700;
margin: 0px 0 4px;
}
.sr-contact-title {
margin: 0 0 37px;
}
.bg-primary {
background: var(--primary) !important;
}
.sr-contact-details-icon {
width: 70px;
text-align: center;
}
.sr-contact-details-col {
display: flex;
flex-wrap: wrap;
}
.sr-contact-details-icon svg {
fill: var(--white);
height: 50px;
}
.sr-contact-details-info {
width: calc(100% - 70px);
padding: 0 0 0 20px;
}
.sr-contact-details {
color: var(--white);
}
.sr-contact-info-title h4 {
color: var(--white);
margin: 0 0 10px;
font-weight: 700;
font-size: var(--sub-heading-font);
}
.sr-contact-details-info h4 {
color: var(--white);
font-weight: 600;
font-size: var(--widget-title);
margin: 0 0 2px;
}
.sr-contact-details-col {
margin: 0 0 50px;
padding-bottom: 42px;
position: relative;
}
.sr-contact-details-col:before {
position: absolute;
content: "";
left: -50px;
right: -50px;
bottom: 0;
background: var(--white);
height: 1px;
opacity: .1;
}
.sr-contact-details {
padding: 45px 30px 0px 35px;
}
.sr-contact-info-title {
margin: 0 0 45px;
}
.sr-contact-details-col:last-of-type {
margin: 0;
}
.sr-contact-details-col:last-of-type:before {
content: unset;
}
.sr-contact-details-info p {
margin: 0 0 5px;
} @media screen and (min-width: 992px) {
.sr-sidebar-wrapper {
padding-left: 20px;
}
.sr-about2-img {
padding-right: 20px;
}
.sr-why-us-slider {
padding: 0 0 0 20px;
}
.sr-industry-img {
padding: 0 0 0 20px;
}
}
@media screen and (min-width: 1200px) {
.close-search {
display: none;
}
.container {
max-width: 1170px;
}
.sr-section-title {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.sr-header-container .sr-menus ul.menu>li:before {
background: var(--white);
content: "";
position: absolute;
height: 1px;
left: 15px;
right: 15px;
bottom: 10px;
border: none;
border-radius: var(--comman-radius);
width: 0;
}
.sr-header-container .sr-menus ul.menu>li:hover:before,
.sr-header-container .sr-menus ul.menu>li.current-menu-item:before {
width: calc(100% - 30px);
}
.sr-header-container .sr-menus ul.menu>li:before,
.sr-header-container .sr-menus ul.menu>li:hover:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-header-container .sr-menus ul.sub-menu li:before {
content: unset;
}
.sr-header-container .sr-menus ul.menu>li ul.sub-menu li {
display: block;
text-align: left;
color: var(--primary);
padding: 0px;
}
body .sr-nav-style-one .menu>li>a:hover {
color: var(--primary);
} .sr-header-container .menu-item-has-children .sub-menu,
.sr-header-container .sr-menus ul.sub-menu {
position: absolute;
top: 50px;
left: 0;
background: var(--white);
width: max-content;
min-width: 200px;
max-width: 200px;
margin: 0;
word-break: break-word;
padding: 10px 0;
z-index: 10;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 6%);
border-radius: var(--less-radius);
}
.sr-header-container .sr-menus .menu-item-has-children>a {
position: relative;
}
.menu-item-has-children .sub-menu>.menu-item-has-childre .sub-menu {
position: absolute;
top: 0;
}
.sr-header-container ul.menu>.menu-item-has-children:hover>.sub-menu,
.sr-header-container ul.menu>li>.menu-item-has-children:hover>ul>.sub-menu>li>ul>.sub-menu>.menu-item-has-children:hover {
opacity: 1;
visibility: visible;
}
.sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
top: 10px;
background: var(--white);
visibility: hidden;
opacity: 0;
left: -210px;
}
.sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1;
}
.sr-menus li .sub-menu li a {
color: var(--title-color);
text-align: left;
padding: 10px 15px;
display: inline-block;
width: 100%;
}
.sr-header-container .sr-menus li a:hover {
color: var(--primary);
}
.sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu:before {
content: "";
position: absolute;
border-bottom: 10px solid transparent;
border-top: 0px solid transparent;
border-left: 10px solid var(--white);
top: 6px;
right: -10px;
}
.sr-menus li .sub-menu li a {
padding: 5px 15px;
}
.sr-menus li .sub-menu li:hover>a {
transform: translateX(10px);
}
.sr-menus li .sub-menu li,
.sr-menus li .sub-menu li:hover,
.sr-menus li .sub-menu li a,
.sr-menus li .sub-menu li:hover a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
} .sr-header-cart-box {
max-width: 380px;
right: -400px;
} .sr-nav-style-one .menu .sub-menu {
position: absolute;
background: var(--white);
min-width: 200px;
left: 0;
top: 30px;
padding: 10px 0;
border: none;
border-radius: var(--less-radius);
box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 18%);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
visibility: hidden;
opacity: 0;
text-align: left;
width: auto;
z-index: 99;
}
.sr-nav-style-one .menu>li:hover>.sub-menu,
.sr-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu,
.sr-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.sr-nav-style-one .menu>li .sub-menu,
.sr-nav-style-one .menu>li:hover .sub-menu {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-nav-style-one .menu .sub-menu .sub-menu {
left: -220px;
top: 0;
}
.sr-nav-style-one .menu .sub-menu li {
padding: 6px 20px;
}
.sr-nav-style-one .menu .sub-menu li:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: var(--primary);
width: 3px;
opacity: 0;
visibility: hidden;
margin: auto;
height: 0%;
}
.sr-nav-style-one .menu .sub-menu li:hover:after {
height: 85%;
visibility: visible;
opacity: 1;
}
.sr-nav-style-one .menu .sub-menu li:hover:after,
.sr-nav-style-one .menu .sub-menu li:hover,
.sr-nav-style-one .menu .sub-menu li:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-nav-style-one .menu .sub-menu .sub-menu:before {
content: "";
position: absolute;
right: -20px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-left: 20px solid var(--white);
border-bottom: 12px solid transparent;
top: 6px;
}
.sr-nav-style-one .menu .sub-menu li,
.sr-nav-style-one .menu .sub-menu li:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-nav-style-one .menu .sub-menu li:hover>a {
color: var(--primary);
}
body .sr-nav-style-one .menu>li>a {
padding: 15px 0px;
}
.home.absolute-header .sr-header-style-one .sr-nav-style-one:not(.fixed-header) .menu .sub-menu li>a {
color: var(--title-color);
}
.home.absolute-header .sr-header-style-one .sr-nav-style-one:not(.fixed-header) .menu .sub-menu li:hover>a {
color: var(--primary);
}
.sr-about-info p {
word-break: break-word;
}
body .sr-nav-style-one .menu>li>a:before {
content: "";
position: absolute;
height: 2px;
width: 0%;
left: 0;
right: 0;
bottom: 10px;
background: var(--primary);
border-radius: var(--radius10);
opacity: 0;
visibility: hidden;
margin: auto;
}
body .sr-nav-style-one .menu>li:hover>a:before,
body .sr-nav-style-one .menu>li.current-menu-item>a:before {
visibility: visible;
opacity: 1;
width: 100%;
}
body .sr-nav-style-one .menu li:hover a:before,
body .sr-nav-style-one .menu li.current-menu-item a:before,
body .sr-nav-style-one .menu li:hover a:before {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sr-nav-style-one .menu li:hover>a {
color: var(--primary);
}
.comments-area .comment-respond {
padding: 40px 50px 50px;
}
}
@media screen and (min-width: 1400px) {
.sr-header-container .sr-menus ul.menu>li:before {
left: 20px;
right: 20px;
}
.sr-header-container .sr-menus ul.menu>li:hover:before,
.sr-header-container .sr-menus ul.menu>li.current-menu-item:before {
width: calc(100% - 40px);
}
.about-style-two .sr-about-info {
margin-bottom: 41px;
}
.sr-industry-information {
margin-top: 14px;
}
.sr-industry-wrapper .row {
align-items: center;
}
}
@media screen and (min-width: 1580px) {
.sr-nav-style-one .menu>li {
padding: 0 20px;
}
}
@media screen and (min-width: 1650px) {
.sr-main-header .container-fluid {
max-width: 1650px;
}
.sr-testimonials-wrapper.sr-has-background {
padding-bottom: 78px;
}
}
@media screen and (min-width: 1680px) {
.sr-header-style-one .container-fluid {
max-width: 1660px;
}
}
@media screen and (max-width: 1900px) {
.sr-right-lg-arrow {
display: none;
}
}
@media screen and (max-width: 1650px) {
.sr-right-sm-arrow {
display: none;
}
}
@media screen and (max-width: 1399.98px) {
.sr-header-container .sr-menus li {
padding: 15px 10px;
}
.sr-cart-total {
display: none;
}
.sr-cart-btn {
min-width: 50px;
}
.sr-cart-btn,
.sr-search-btn,
.header-btn {
margin-left: 20px;
}
.sr-top-header1-info ul li {
margin-right: 30px;
}
}
@media screen and (max-width: 1199.98px) {
.sr-responsove-hidden {
display: none;
}
.has_sub_menu ul {
display: none;
}
.sr-header-container .sr-menus li a,
.sr-menus.open-menu .sr-menu-toggle:after {
color: var(--txt);
}
.sr-header-container .sr-menus li>ul.sub-menu>li:before,
.sr-header-container .sr-menus ul.menu>li:last-child:after {
display: none;
}
.sr-header-container .sr-menus li {
padding: 0px 10px;
}
.sr-header-container .sr-menus li a {
display: inline-block;
}
.sr-menu-toggle {
display: inline-block;
vertical-align: middle;
height: 40px;
width: 40px;
padding: 11px 0;
position: relative;
margin-left: 20px;
}
.sr-menu-toggle:before {
position: absolute;
content: "";
background: var(--white);
opacity: .1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
border-radius: var(--circular-radius);
width: auto;
}
.sr-menu-toggle span {
width: 18px;
height: 2px;
background: var(--primary);
display: block;
margin: auto;
margin-top: 3px;
border-radius: var(--less-border-radius);
}
.sr-menu-toggle span,
.sr-menus.open-menu .sr-menu-toggle span {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-menus.open-menu .sr-menu-toggle span {
background: var(--white);
}
.sr-header-container .sr-menus.open-menu .sr-menu-toggle span {
background: var(--primary);
}
.sr-menu-toggle span:hover {
cursor: pointer;
}
.sr-menus.open-menu .sr-menu-toggle span:nth-child(2) {
display: none;
}
.sr-menus.open-menu .sr-menu-toggle span:nth-child(1) {
transform: rotate(45deg) translate(4px, 3px);
}
.sr-menus.open-menu .sr-menu-toggle span:nth-child(3) {
transform: rotate(135deg) translate(-6px, -10px);
margin: 0;
}
.sr-header-container .sr-menus li {
display: block;
padding: 15px 20px;
position: relative;
}
.sr-header-container .sr-menus ul.menu>li:after {
position: absolute;
content: '';
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background: var(--border-color);
}
.sr-menus ul.menu {
background: var(--white);
position: fixed;
left: -340px;
top: 0;
bottom: 0;
width: 320px;
height: 100%;
text-align: left;
z-index: 98;
background-attachment: fixed;
transition: 0.3s;
overflow-y: auto;
overflow-x: hidden;
border-right: 1px solid var(--border-color);
}
.sr-menus.open-menu ul {
left: 0;
}
.admin-bar .sr-menus.open-menu ul {
top: 30px;
}
.sr-nav-style-one .menu li.open:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sr-nav-style-one .menu li.open:before,
.sr-nav-style-one .menu li:before {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sr-menus.open-menu ul,
.sr-menus ul {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sub-menu li:after {
position: absolute;
content: '';
width: 18px;
height: 1px;
background: var(--txt);
left: 0px;
top: 12px;
bottom: 0;
}
.sr-header-container .sr-menus li .sub-menu li {
padding: 0px 10px 8px 30px;
margin: 0;
display: inline-block;
width: 100%;
}
.sr-header-container .sr-menus li .sub-menu li:last-child {
padding-bottom: 0;
}
.sr-menus ul.sub-menu {
display: none;
margin-top: 10px;
}
.sr-menus ul.sub-menu.show-submenu {
display: block;
}
.dropdown-expander {
position: absolute;
right: 30px;
top: 0;
text-align: center;
display: block;
transition: all 0.3s;
bottom: 0;
margin: auto;
line-height: 55px;
}
.sr-header-container .sr-menus li .sub-menu li .dropdown-expander {
right: 10px;
line-height: 30px;
}
.dropdown-expander i {
color: var(--txt);
font-size: var(--globle-font);
}
.sr-user-btn {
min-width: auto;
width: 40px;
padding: 0;
height: 40px;
line-height: 40px;
background: transparent;
border: none;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: var(--globle-font);
color: var(--white);
}
.sr-user-btn span {
display: none;
}
.sr-user-btn:before {
position: absolute;
content: "";
background: var(--white);
opacity: .1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
border-radius: var(--circular-radius);
width: auto;
}
.sr-user-btn:hover,
.sr-user-btn:focus,
.sr-user-btn:visited,
.sr-user-btn:active {
background: transparent;
color: var(--white);
border: none;
}
.sr-user-btn:focus:before,
.sr-user-btn:visited:before,
.sr-user-btn:hover:before {
background: var(--white);
opacity: .1;
border: none;
}
.sr-user-btn:after {
content: "";
color: var(--primary);
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.sr-user-logedin:after {
content: "\f011";
}
.sr-user-logout:after {
content: "\f007";
}
.sr-cart-btn {
min-width: 40px;
margin: 0 0 0 20px;
}
.sr-search-btn {
width: 40px;
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
}
.sr-search-btn:before {
position: absolute;
content: "";
background: var(--white);
top: 0;
left: 0;
right: 0;
bottom: 0;
border: none;
border-radius: var(--circular-radius);
width: auto;
background: var(--cart-bg);
}
.sr-search-btn svg {
position: relative;
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-search-btn svg, 
.sr-nav-header-style-one .sr-search-btn svg {
fill: var(--primary);
}
.row.align-content-center {
align-items: center;
}
.sr-why-us-wrapper {
padding-bottom: 25px;
}
.sr-plans-section {
padding: 46px 30px 50px;
}
.sr-menu .menu>ul::-webkit-scrollbar {
width: 3px;
}
.sr-menu .menu>ul::-webkit-scrollbar-track {
background-color: var(--primary);
}
.sr-menu .menu>ul::-webkit-scrollbar-thumb {
background-color: var(--bg);
} .sr-nav-style-one .sub-menu li:after {
content: unset;
}
.sr-nav-style-one .menu {
background: var(--white);
position: fixed;
left: -340px;
top: 0;
bottom: 0;
width: 320px;
height: 100%;
text-align: left;
z-index: 98;
background-attachment: fixed;
transition: 0.3s;
overflow-y: auto;
overflow-x: hidden;
border-right: 1px solid var(--border-color);
padding: 20px 0 50px;
display: inline-block;
}
.sr-nav-style-one.open-nav ul {
left: 0;
}
.admin-bar .sr-nav-style-one.open-nav > div > ul {
top: 30px;
}
.nav-toggle-btn {
display: inline-block;
height: 40px;
width: 40px;
margin-left: 20px;
background: var(--primary);
border-radius: var(--circular-radius);
padding: 9px 0;
}
.nav-toggle-btn span {
background: var(--white);
height: 2px;
width: 18px;
margin: 4px auto;
display: flex;
}
.sr-nav-style-one.open-nav ul li {
width: 100%;
}
.sr-nav-style-one .menu > li {
border-bottom: 1px solid var(--border-color);
}
.sr-nav-style-one .menu li {
padding: 15px 20px;
}
.sr-nav-style-one .menu li:last-child {
border-bottom: none;
}
.sr-nav-style-one .menu li .sub-menu li {
padding: 10px 20px;
}
.sr-nav-style-one .menu li.current-menu-item > a {
color: var(--primary);
}
.sr-nav-style-one .sub-menu {
display: none;
}
.sr-nav-style-one.open-nav ul li.menu-item-has-children:before {
content: "\f107";
position: absolute;
top: 18px;
right: 25px;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
color: var(--primary);
}
.sr-nav-style-one .menu li a {
width: 100%;
display: inline-block;
}
.sr-nav-style-one .menu li .sub-menu li:before {
top: 14px;
}
.sr-top-header-style-one p {
font-size: 0;
}
.sr-top-header-style-one p a {
font-size: var(--global-font);
}
.sr-nav-style-one.open-nav .nav-toggle-btn span {
position: relative;
}
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(2) {
opacity: 0;
}
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1) {
transform: rotate(45deg);
top: 6px;
}
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
transform: rotate(-45deg);
top: -6px;
}
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3),
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1),
.sr-nav-style-one .nav-toggle-btn span:nth-child(3),
.sr-nav-style-one .nav-toggle-btn span:nth-child(1) {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu a,
.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li {
color: var(--title-color);
} .sr-contact-details {
padding: 45px 10px 0px 15px;
}
.sr-contact-details-col {
margin: 0 0 40px;
padding-bottom: 32px;
}
.about-style-two {
padding-bottom: 34px;
}
.sr-section-title .sr-colored-heading span {
display: inline;
}
.sr-nav-style-one .sub-menu {
background: #f8f7fb;
position: relative;
}
.sr-nav-style-one .sub-menu {
background: #f8f7fb;
}
.sr-nav-style-one .sub-menu .sub-menu {
background: #efedf3;
}
.sr-nav-style-one.open-nav ul.sub-menu {
margin-top: 10px;
}
.sr-nav-style-one .menu > li > .sub-menu li a {
padding-left: 15px;
}
.sr-nav-style-one .menu > li > .sub-menu li a:before {
content: "";
position: absolute;
height: 6px;
width: 6px;
background: var(--primary);
top: 10px;
margin: auto;
left: 0px;
border-radius: var(--circular-radius);
}
.sr-nav-style-one .menu > li > .sub-menu {
margin-left: -20px;
margin-right: -20px;
padding: 0 10px;
}
.sr-nav-style-one .sub-menu .sub-menu {
margin-left: -30px;
margin-right: -30px;
padding: 0 25px;
}
}
@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
}
@media screen and (max-width: 991.98px) {
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.sr-btn {
min-width: 100px;
}
.sr-slider-nav {
display: none;
}
.sr-pricing-wrapper .row {
justify-content: center;
}
.sr-why-us-wrapper {
padding-bottom: 40px;
}
.sr-single-data p {
word-break: break-word;
} .sr-main-post-wrapper {
padding: 55px 0 30px;
}
.sr-top-header1-info ul li {
margin-right: 20px;
}
.sr-login-register {
font-size: 0;
display: inline-block;
}
.sr-login-wrap span {
margin-right: 0;
}
.sr-contact-inner .bg-primary {
background: transparent !important;
}
.sr-contact-inner .bg-primary>div {
background: var(--primary) !important;
}
}
@media screen and (min-width: 767.98px) and (max-width: 991px) {
.sr-login-register svg {
margin: 0 0 6px;
}
}
@media screen and (max-width: 768px) {
.woocommerce table.shop_table {
border-top: 1px solid var(--border-color);
}
.woocommerce-cart .woocommerce a.remove {
margin: 10px 0;
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
max-width: 100%;
margin: 0 0 20px;
border-radius: var(--less-radius);
border: 1px solid var(--border-color);
}
.woocommerce table.cart td.actions .coupon button.button,
.woocommerce table.cart td.actions .coupon button.button {
max-width: 100%;
border-radius: var(--comman-radius);
width: 100%;
margin: 0 0 30px;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
font-weight: 500;
color: var(--title-color);
}
.woocommerce table.shop_table td.product-quantity {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce form.checkout_coupon .form-row.form-row-first,
.woocommerce form.checkout_coupon .form-row.form-row-last {
width: 100%;
}
}
@media screen and (max-width: 767.98px) {
.sr-single-data .wp-block-calendar td, .sr-single-data .wp-block-calendar th {
padding: .25em;
}
.sr-contact-wrapper {
overflow: hidden;
}
.sr-header-container {
padding: 20px 0px 20px;
}
.sr-single-data>table td {
padding: 4px;
font-size: var(--global-font);
word-break: normal;
}
.pagination .nav-links>*:not(.dots) {
height: 30px;
width: 30px;
line-height: 30px;
margin: 0 8px 0 0;
}
.sr-breadcrumb-container h1 {
font-size: var(--heading-font);
}
.page-links .page-number span,
.page-links .page-number a {
height: 30px;
width: 30px;
line-height: 30px;
margin: 0 8px 0 0;
}
form#yith-wcwl-form a.button.yith-wcqv-button {
display: none !important;
}
form#yith-wcwl-form .product-name h3 {
font-size: var(--widget-title);
font-weight: 600;
}
.wishlist_table.mobile {
padding: 0;
}
.wishlist_table.mobile a.button.add_to_cart_button {
padding: 0 !important;
line-height: 50px !important;
}
.wishlist_table.mobile .additional-info-wrapper .additional-info td {
font-size: var(--globle-font);
padding: 10px 0 10px;
}
.wishlist_table.mobile .additional-info-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.wishlist_table.mobile li {
margin: 0 0 30px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 30px;
position: relative;
}
.wishlist_table.mobile li .item-details table.item-details-table td {
font-size: var(--globle-font);
}
body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart {
margin: 0;
}
body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart .add_to_cart {
margin: 0 !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
position: absolute;
top: 0;
right: 0;
}
.woocommerce #reviews #comments ol.commentlist li .star-rating {
width: 100%;
margin: 00 0 10px;
}
.sr-nav-style-one .menu {
width: 280px;
}
.sr-top-header1-info li .sr-header1-icon {
display: none;
}
.sr-top-header-style-one {
padding: 10px 0 0px;
}
.sr-login-wrap {
display: flex;
}
.sr-nav-style-one .header-btn {
min-width: 140px;
padding: 13px 10px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
width: 100%;
}
.woocommerce table.cart td.actions .coupon {
width: 100%;
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
width: 100%;
}
.sr-top-header1-info ul li {
margin-right: 12px;
}
}
@media (max-width: 575.98px) {
.sr-why-info {
width: 100%;
padding: 10px 0 0;
}
.sr-search-btn {
width: 30px;
height: 30px;
line-height: 30px;
}
.sr-header-container .sr-head-icon svg {
width: 12px;
}
.sr-cart-quntity {
height: 30px;
width: 30px;
line-height: 30px;
}
.sr-cart-count {
height: 18px;
min-width: 18px;
line-height: 18px;
font-size: 10px;
right: -12px;
}
.sr-user-btn {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.sr-menu-toggle {
height: 30px;
width: 30px;
margin-left: 15px;
padding: 9px 0;
}
.sr-menus ul.menu {
left: -300px;
width: 250px;
}
.sr-menus.open-menu ul {
left: 0;
}
.sr-menu-toggle span {
width: 12px;
height: 1px;
margin-top: 2px;
}
.sr-cart-btn {
min-width: 30px;
}
.sr-menus.open-menu .sr-menu-toggle span:nth-child(1) {
transform: rotate(45deg) translate(2px, 2px);
}
.sr-menus.open-menu .sr-menu-toggle span:nth-child(3) {
transform: rotate(135deg) translate(-5px, -8px);
}
.sr-testimonial-holder {
padding: 33px 20px 46px;
}
.sr-about-info ul li {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.sr-contact-form {
padding: 30px 15px;
}
.sr-about-img-icon {
margin-right: 0;
margin-bottom: 10px;
} .sr-top-header1-info ul li {
margin-right: 10px;
}
.sr-top-header1-info li {
margin: 0 0 3px;
}
.sr-language-login, .sr-top-header1-info {
margin: 0 0 10px;
}
.sr-language-options {
width: 120px;
margin: auto;
left: unset;
top: 35px;
right: 20px;
}
.sr-top-header1-info li .sr-header1-icon {
display: inline-block;
}
.header-btn {
display: none;
}
.sr-nav-header-style-one {
padding: 10px 0;
}
.sr-search-btn {
margin: 0;
}
.sr-nav-style-one .sr-head-icon .sr-cart-quntity svg {
vertical-align: bottom;
}
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-icon {
background: transparent;
}
.nav-toggle-btn {
margin-left: 30px;
padding: 6px 0;
height: 30px;
width: 30px;
}
.nav-toggle-btn span {
width: 16px;
margin: 3px auto;
}
.sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
transform: rotate(-45deg);
top: -4px;
}
.quote-icon-right {
display: none;
}
.sr-header-container .sr-user-btn {
margin-left: 20px;
}
.sr-nav-style-one .sr-cart-icon {
width: 30px;
height: 30px;
line-height: 20px;
}
.sr-img-text {
border-radius: 10px 10px 0px 10px;
padding: 12px 20px;
max-width: 240px;
font-size: 12px;
}
.sr-horizontal-blog-info {
width: 100%;
padding: 20px 0 0 0;
}
.sr-horizontal-blog-img {
width: 100%;
height: auto;
}
.sr-horizontal-blog-img img {
max-height: 100%;
height: 240px;
width: 100%;
}
.sr-post-meta .sr-blog-authore {
width: 100%;
display: inline-block;
}
.sr-post-meta>* {
margin-right: 0;
width: 100%;
}
.sr-contact-inner {
padding: 0 30px 30px;
}
.sr-contact-details-info {
width: 100%;
padding: 20px 0 0;
}
.sr-industry-info {
width: 100%;
padding: 0px 0 0px;
}
.sr-header1-info-txt {
display: none;
}
}