/*
Theme Name: Ridda
Theme URI: https://wp.webtend.net/ridda
Author: WebTend
Author URI: https://themeforest.net/user/webtend
Description: Webtend team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0.7
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, featured-images, translation-ready
Text Domain: ridda
*/
/* unit test start */
.ridda-pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -5px;
margin-right: -5px;
}
.pagination li a,
.pagination li span {
padding: 0 15px;
font-size: 18px;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 600;
line-height: 38px;
color: var(--ridda-heading-color);
border-radius: 7px;
border: 1px solid var(--ridda-border-color);
}
.pagination li a,
.pagination li span {
position: relative;
display: block;
color: var(--ridda-heading-color);
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.pagination li.active a,
.pagination li span:not(.dots),
.pagination li:hover:not(.disabled) a {
color: var(--ridda-heading-color);
background: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
}
.pagination li a i,
.pagination li .page-link i {
margin-left: 0;
}
.comment-list ul.children {
padding-top: 0;
border-top: none;
padding-left: 90px;
margin-bottom: 35px;
}
.comment-reply-link {
color: var(--ridda-heading-color);
font-weight: 600;
}
.comments-title {
font-size: 24px;
}
.ridda-site-footer.default-footer {
background: #000;
color: #fff;
}
.ridda-site-footer.default-footer p {
padding: 30px 0;
}
.widget_categories ul li a {
font-weight: 500;
}
.widget_search .ridda-search-form input[type=search] {
border: 1px solid var(--ridda-heading-color);
height: 60px;
}
.default-header .logo {
padding: 20px 0;
}
.sticky .content {
position: relative;
}
.sticky .content::before {
position: absolute;
right: 0px;
content: "";
width: 40px;
height: 40px;
background-color: var(--ridda-primary-color);
z-index: 10;
clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
top: 0px;
}
.blog-details-content ul,
.comments-area ul,
.comments-area ol,
.blog-details-content ol {
margin: 0 0 .5em .6em;
}
.wp-block-group.has-background {
padding: 30px;
}
.wp-block-group.has-border-color {
margin-top: 30px;
margin-bottom: 30px;
}
ul.wp-block-post-template,
ul.wp-block-page-list {
margin: 0 !important;
}
.wp-block-query-pagination-numbers {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
}
.wp-block-query-pagination-numbers .current,
.wp-block-query-pagination-numbers .dots,
.wp-block-query-pagination-numbers a {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border: 1px solid var(--ridda-border-color, #F2F2F2);
color: var(--ridda-text, #838383);
width: 40px;
height: 40px;
border-radius: 7px;
font-size: 16px;
transition: all 500ms ease;
margin-right: 8px;
margin-bottom: 8px;
font-weight: 700;
}
.wp-block-query-pagination-numbers .current:hover,
.wp-block-query-pagination-numbers .dots:hover,
.wp-block-query-pagination-numbers a:hover {
border: 1px solid var(--ridda-primary-color);
color: var(--ridda-heading-color, #141414);
background-color: var(--ridda-primary-color);
}
.wp-block-query-pagination-numbers .current.next,
.wp-block-query-pagination-numbers .current.prev,
.wp-block-query-pagination-numbers .dots.next,
.wp-block-query-pagination-numbers .dots.prev,
.wp-block-query-pagination-numbers a.next,
.wp-block-query-pagination-numbers a.prev {
width: 62px;
}
.wp-block-query-pagination-numbers .current {
background-color: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
color: var(--ridda-heading-color, #141414);
}
.wp-block-post-comments-form .comment-form textarea {
display: block;
width: 100%;
height: 188px;
background-color: var(--ridda-lighter-color, #F7F8FE);
color: var(--ridda-text, #838184);
font-size: 14px;
font-weight: 500;
border: none;
outline: none;
padding-left: 30px;
padding-right: 30px;
}
.wp-block-post-comments-form input[type=submit],
.blog-details-content .form-submit .submit {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
border: none;
outline: none !important;
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
font-size: 16px;
font-weight: 700;
font-family: var(--ridda-heading-color-font);
padding: 14px 20px;
transition: 500ms;
overflow: hidden;
z-index: 2;
position: relative;
border-radius: 0;
cursor: pointer;
text-transform: capitalize;
max-width: 214px;
border-radius: 10px;
}
.wp-block-post-comments-form input[type=submit]:hover,
.blog-details-content .form-submit .submit:hover {
color: #fff;
background-color: #000;
}
.wp-block-categories-list.wp-block-categories,
.wp-block-archives.wp-block-archives-list {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.widget-area .wp-block-categories-list.wp-block-categories {
margin-bottom: 0;
}
p.form-submit {
margin-bottom: 0;
}
.wp-block-categories-list.wp-block-categories li:last-child {
margin-bottom: -10px;
}
.wp-block-categories-list li a,
.wp-block-archives-list li a {
color: var(--ridda-text);
transition: all 500ms ease;
}
.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover {
color: var(--ridda-primary-color);
}
.blog-details-content ul.wp-block-social-links,
.wp-block-latest-posts.wp-block-latest-posts__list,
ol.wp-block-latest-comments,
ul.wp-block-rss.wp-block-rss {
margin-left: 0px;
padding-left: 0px;
}
.wp-block-latest-posts.wp-block-latest-posts__list,
ol.wp-block-latest-comments,
ul.wp-block-rss.wp-block-rss {
margin-left: 0px;
padding-left: 0px;
}
.wp-block-rss li {
position: relative;
padding-left: 68px;
font-size: 16px;
font-weight: 500;
color: var(--ridda-base-color);
min-height: 44px;
}
.wp-block-rss li+li {
margin-top: 20px;
}
.wp-block-rss {
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-rss li::before {
content: '\f09e';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--ridda-heading-color);
width: 44px;
height: 44px;
color: #fff;
transition: all 500ms ease;
position: absolute;
top: 40%;
left: 0;
transform: translateY(-50%);
}
.wp-block-rss__item-title a,
.sidebar .widget.widget_rss li .rsswidget {
line-height: 26px;
font-weight: 600;
font-size: 20px;
line-height: 24px;
font-family: var(--ridda-heading-font, "Cormorant", serif);
text-transform: capitalize;
}
.blog-details-content a,
.comment-content a,
.blog-details-content blockquote:not([class*=has-]) cite {
color: var(--ridda-heading-color);
}
.blog-details-content a:hover,
.comment-content a:hover,
.blog-details-content blockquote:not([class*=has-]) cite:hover {
color: var(--ridda-primary-color);
}
.wp-block-search input[type=search] {
display: block;
border: none;
outline: none;
width: 100%;
max-width: 300px;
position: relative;
line-height: 40px;
padding: 19px 80px 19px 35px;
background: var(--ridda-border-color, #F2F2F2);
color: var(--ridda-gray, #717178);
display: block;
font-size: 14px;
font-weight: 500;
font-family: var(--ridda-font, "Kumbh Sans", sans-serif);
width: 100%;
height: 60px;
border: 1px solid var(--ridda-extra, #f2eeeb);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.wp-block-search input[type=search] {
max-width: unset;
}
.wp-block-search .wp-block-search__button {
display: inline-block;
vertical-align: middle;
border: none;
outline: none;
background-color: #000;
text-align: center;
color: #fff;
font-size: 14px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-transform: capitalize;
border-radius: 0px;
border: none;
margin-left: 0px;
padding: 10px 15px;
}
.wp-block-search .wp-block-search__button:hover,
.blog-details-content .wp-block-search .wp-block-search__button:hover,
.sidebar .widget .wp-block-search .wp-block-search__button:hover,
.sidebar__single .wp-block-search .wp-block-search__button:hover {
background-color: var(--ridda-primary-color, #AE8F62);
color: var(--ridda-heading-color, #141414);
fill: var(--ridda-heading-color, #141414);
}
.wp-block-search label {
font-size: 18px;
color: var(--ridda-heading-color, #1e1e22);
}
.wp-block-tag-cloud a {
font-size: 18px !important;
color: var(--ridda-heading-color);
display: inline-block;
vertical-align: middle;
transition: all 500ms ease;
font-weight: 300;
font-family: var(--ridda-font);
border-radius: 7px;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
color: var(--ridda-heading-color);
background-color: var(--ridda-primary-color);
}
.wp-block-tag-cloud a {
margin-right: 0;
}
.wp-block-buttons .wp-block-button__link {
color: #fff;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover {
border-color: var(--ridda-primary-color);
color: var(--ridda-heading-color, #141414);
}
.wp-block-buttons .wp-block-button__link:hover {
background-color: var(--ridda-primary-color);
color: #fff;
}
.wp-block-column.has-background {
padding: 20px;
}
.blog-details-content .page-links {
color: var(--ridda-heading-color);
display: flex;
align-items: center;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.blog-details-content .page-links span,
.blog-details-content .page-links a {
display: flex;
width: 40px;
height: 40px;
color: var(--ridda-text);
align-items: center;
justify-content: center;
text-align: center;
background-color: #FFFFFF;
margin-left: 10px;
font-size: 16px;
font-weight: 700;
border-radius: 7%;
line-height: 1;
transition: all 500ms ease;
border: 1px solid var(--ridda-border-color);
}
.blog-details-content .page-links span {
background-color: var(--ridda-primary-color);
color: #fff;
}
.blog-details-content .page-links a:hover {
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color, #141414);
border: none;
}
.blog-details-content .wp-block-cover {
margin-bottom: 30px;
}
.wp-block-media-text {
margin-bottom: 30px;
}
.wp-block-cover p {
color: #fff !important;
}
.wp-block-file__button {
background: var(--ridda-primary-color);
color: var(--ridda-heading-color) !important;
text-decoration: none;
padding: 6px 20px;
border-radius: 10px;
margin-bottom: 20px;
}
.wp-block-file__button:hover {
background: var(--ridda-heading-color);
color: #fff !important;
text-decoration: none;
}
.blog-details-content blockquote:not([class*=has-]),
.comment-content blockquote,
.blog-details-content .wp-block-quote {
background-color: var(--ridda-lighter-color, #F4F2EE);
border-left: 2px solid var(--ridda-heading-color, #1e1e22);
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
overflow: hidden;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
border-radius: 5px;
}
.blog-details-content blockquote:not([class*=has-])::before,
.comment-content blockquote::before,
.blog-details-content .wp-block-quote::before {
content: '\f10d';
font-family: "Font Awesome 5 Pro";
font-weight: 900;
position: absolute;
bottom: 0;
transform: rotate(180deg);
font-size: 100px;
color: var(--ridda-primary-color);
opacity: 0.4;
right: 30px;
line-height: .9em;
bottom: -25px;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
border-radius: 5px;
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
}
pre {
background: var(--ridda-border-color, #F4F2EE);
}
.blog-details-content .wp-block-button a {
color: #fff;
}
.blog-details-content .wp-block-button a:hover {
background-color: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
color: var(--ridda-heading-color, #141414);
}
.wp-block-cover-text a,
.wp-block-cover strong,
.wp-block-cover p {
color: #fff;
}
.wp-block-gallery:not(.has-nested-images).alignleft {
margin-right: 30px;
}
.blog-details-content .blocks-gallery-caption {
margin-bottom: 24px;
}
.blog-details-content .blog-card-two__content {
padding-bottom: 0px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--ridda-lighter-color, #F7F8FE);
}
.wp-block-columns {
margin: 30px 0;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
margin-bottom: 30px;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
width: 100%;
height: 60px;
background-color: var(--ridda-border-color, #F2F2F2);
border: 1px solid var(--ridda-border-color, #F2F2F2);
outline: none;
color: var(--ridda-color, #717178);
font-size: 16px;
font-weight: 500;
padding-left: 30px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-family: var(--ridda-font, "Kumbh Sans", sans-serif);
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 30px top 50%;
background-size: .65em auto;
border-radius: 0px;
}
.blog-details-content .post-password-form input[type=password] {
width: 200px;
height: 60px;
background-color: var(--ridda-border-color, #F2F2F2);
color: var(--ridda-heading-color, #717178);
padding-left: 30px;
display: inline-block;
vertical-align: middle;
}
.blog-details-content .post-password-form input[type=submit] {
width: 120px;
height: 60px;
background-color: var(--ridda-primary-color, #1e1e22);
color: var(--ridda-heading-color, #ffffff);
padding: 0;
text-align: center;
text-transform: capitalize;
display: inline-block;
font-size: 16px;
font-weight: 700;
vertical-align: middle;
transition: all 500ms ease;
border: none;
border-radius: 0px;
}
.blog-details-content .post-password-form input[type=submit]:hover {
background-color: var(--ridda-heading-color);
color: #fff;
}
.comments-area ol ol,
.blog-details-content ol ol,
.blog-details-content ul ol,
.blog-details-content ol ul,
.blog-details-content ul ul,
.comments-area ul ul {
margin-bottom: 0;
}
.is-style-squared .wp-block-button__link {
border-radius: 0;
}
:where(.wp-block-calendar table:not(.has-background) th) {
background-color: var(--ridda-border-color, #F2F2F2);
}
.wp-block-calendar table:where(:not(.has-text-color)) td,
.wp-block-calendar table:where(:not(.has-text-color)) th {
border-color: var(--ridda-border-color, #F2F2F2);
}
.wp-block-calendar table:where(:not(.has-text-color)) th {
border: none;
}
.calendar_wrap .wp-calendar-table thead {
background-color: var(--ridda-border-color, #F2F2F2);
}
.wp-block-query-pagination-numbers a {
color: var(--ridda-text) !important;
}
.wp-block-query-pagination-numbers a:hover {
color: var(--ridda-heading-color, #141414) !important;
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li {
position: relative;
padding-left: 60px;
min-height: 44px;
display: flex;
align-items: center;
flex-wrap: wrap;
white-space: pre-wrap;
}
.wp-block-latest-comments {
padding-left: 0;
margin-left: 0;
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before {
content: "\f075";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--ridda-heading-color);
width: 44px;
height: 44px;
color: #fff;
margin-right: 20px;
transition: all 500ms ease;
position: absolute;
top: 0;
left: 0;
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before {
background-color: var(--ridda-primary-color);
color: #fff;
}
.post-title a,
.page-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.wp-block-button:not(.wp-block-button.align-left) {
margin-bottom: 20px;
}
.alignleft {
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
;
}
.blog-details-content .wp-block-button a:hover {
background-color: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
color: var(--ridda-heading-color, #696969);
}
.blog-details-content .wp-block-button.is-style-outline.wp-block-button a {
color: var(--ridda-heading-color, #696969);
border-color: var(--ridda-heading-color, #696969);
}
.blog-details-content ul,
.comments-area ul {
display: block;
list-style-type: disc;
padding-left: 2rem;
}
.blog-details-content ul li,
.comments-area ul li {
list-style-type: disc;
}
.blog-details-content Ol li,
.comments-area ol li {
list-style-type: decimal;
}
.blog-details-content p {
line-height: 1.7;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 76%;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
ul.wp-block-latest-posts__list li,
ul.wp-block-rss li,
ul li.comment {
list-style: none;
}
ul.is-responsive.wp-block-navigation,
.blog-details-content ul.wp-block-post-template,
.blog-details-content ul.wp-block-page-list,
.comments-area ul.comment-list,
.blog-details-content>ul:first-child {
padding-left: 0;
margin-left: 0;
}
.comments-area ul li.pingback,
.comments-area ul li.trackback,
.blog-details-content ol.wp-block-comment-template li,
.blog-details-content ul.wp-block-post-template li,
.blog-details-content ul.wp-block-page-list li,
.blog-details-content ul.wp-block-categories-list li {
list-style: none;
}
.blog-details-content ul.post-categories {
padding-left: 5px;
margin-left: 0;
}
.next-prev-blog .item .content h6 {
max-width: 300px;
overflow: hidden;
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.wp-block-column.has-background {
padding: 20px !important;
}
.wp-block-columns {
margin: 30px 0;
}
.has-background {
padding: 15px;
}
table {
margin: 0 0 1.5em;
width: 100%;
max-width: 100%;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
padding: 8px;
vertical-align: middle;
border: 1px solid #eceae0;
border-top: 1px solid #eceae0;
}
table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
padding: 8px;
vertical-align: middle;
border: 1px solid #eceae0;
border-top: 1px solid #eceae0;
}
.wp-block-calendar .wp-calendar-table caption {
padding-bottom: 0;
line-height: 1;
text-align: center;
font-weight: 500;
font-size: 18px;
}
.wp-block-calendar .wp-calendar-nav {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.wp-block-calendar .wp-calendar-nav a {
text-decoration: none;
line-height: 1;
color: var(--ridda-heading-color);
text-transform: capitalize;
font-weight: 600;
transition: all 500ms ease;
}
figure {
max-width: 100%;
}
@media only screen and (min-width: 480px) {
.comments-area .comment-body {
margin-bottom: 40px;
}
}
.comments-area .comment-body .content {
max-width: 100%;
overflow: hidden;
}
.wp-block-query-pagination {
margin-top: 20px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
big {
font-size: 125%;
}
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/* Widget */
.sidebar .widget select,
.sidebar__single select {
color: var(--ridda-heading-color);
}
.sidebar .widget .wp-block-latest-comments__comment-meta a {
color: var(--ridda-heading-color);
}
.sidebar .widget .wp-block-rss__item-author,
.sidebar .widget .wp-block-rss__item-publish-date {
color: var(--ridda-heading-color);
}
.sidebar .widget .wp-block-search .wp-block-search__button,
.sidebar__single .wp-block-search .wp-block-search__button {
padding-right: 15px;
svg {
transform: rotate(270deg);
}
}
.sidebar .widget .wp-block-tag-cloud a {
color: var(--ridda-heading-color, #141414);
text-transform: capitalize;
font-family: var(--ridda-heading-font, "Lexend", serif);
font-size: 14px !important;
font-weight: 400;
}
.widget.widget_block h2,
.widget .sidebar__title,
.sidebar .widget .title h2 {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
font-family: var(--ridda-heading-font);
margin: 0;
margin-top: -5px;
margin-bottom: 29px;
color: var(--ridda-secondary, #241F21);
line-height: 108.333%;
}
.sidebar .widget p {
font-weight: 500;
font-size: 15px;
}
.sidebar .wp-block-latest-posts__list.has-dates .wp-block-latest-posts__post-excerpt a {
font-weight: 600;
font-size: 14px !important;
}
.sidebar .widget .tagcloud a,
.sidebar__single .tagcloud a,
.sidebar__single .wp-block-tag-cloud a {
color: var(--ridda-heading-color, #141414);
font-family: var(--ridda-heading-font, "Lexend", serif);
font-size: 14px !important;
padding: 2px 20px;
}
.sidebar .widget .tagcloud a:hover {
color: #fff;
}
.sidebar .widget.widget_recent_entries ul li::before,
.sidebar .widget.widget_recent_comments ul li::before,
.sidebar__single.widget_recent_entries ul li::before,
.sidebar__single.widget_recent_comments ul li::before {
height: 45px;
width: 45px;
border-radius: 50%;
font-size: 15px;
color: var(--ridda-white, #1c1a1d);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
left: 0;
transition: all 0.4s ease;
content: "\f075";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background-color: var(--ridda-heading-color, #fff);
}
.sidebar .widget.widget_recent_entries ul li:hover::before,
.sidebar .widget.widget_recent_comments ul li:hover::before,
.sidebar__single.widget_recent_entries ul li:hover::before,
.sidebar__single.widget_recent_comments ul li:hover::before {
background-color: var(--ridda-primary-color, #c2a74e);
color: #ffffff;
}
.sidebar .widget_rss .rss-widget-title:hover {
color: var(--ridda-primary-color);
}
.sidebar .widget .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-weight: 500;
line-height: 24px;
font-size: 16px;
line-height: 24px;
font-family: var(--ridda-heading-font, "Cormorant", serif);
text-transform: capitalize;
}
.sidebar .widget ul li a,
.sidebar__single ul li a {
transition: all 500ms ease;
font-weight: 500;
color: var(--ridda-color);
}
.sidebar__single .calendar_wrap .wp-calendar-table thead {
background-color: var(--ridda-primary-color);
}
.sidebar__single .calendar_wrap .wp-calendar-table thead th {
text-align: center;
line-height: 40px;
color: #fff;
font-weight: 600;
font-size: 18px;
padding-top: 4px;
}
.wp-block-tag-cloud a,
.tagcloud a {
font-size: 16px !important;
text-transform: capitalize;
line-height: 1;
font-weight: 500;
padding: 10px 20px;
-webkit-transition: .3s;
transition: .3s;
color: var(--ridda-base-color);
background-color: transparent;
border: 1px solid var(--ridda-border-color);
border-radius: 7px;
}
.wp-block-tag-cloud,
.tagcloud {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.ridda-search-form {
position: relative;
}
.ridda-search-form button[type=submit] {
background-color: transparent;
color: var(--ridda-heading-color);
font-size: 22px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
outline: none;
border: none;
display: flex;
align-items: center;
padding: 0;
}
.wp-block-latest-comments li a,
.widget.widget_rss li a,
.widget .wp-block-latest-posts__list li a,
.wp-block-rss__item-title a,
.sidebar .widget.widget_rss li .rsswidget {
line-height: 26px;
font-weight: 700;
font-size: 18px;
line-height: 24px;
font-family: var(--ridda-heading-font);
color: var(--ridda-heading-color);
text-transform: capitalize;
}
.widget.widget_rss li a,
.widget .wp-block-latest-posts__list li a,
.wp-block-rss__item-title a,
.sidebar .widget.widget_rss li .rsswidget {
display: block;
}
.widget .wp-block-latest-posts__list li a {
line-height: 30px;
}
.wp-block-archives-list li,
.sidebar .widget.widget_archive li {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
font-size: 16px;
text-transform: capitalize;
color: var(--ridda-gray, #717178);
transition: all 0.3s ease;
z-index: 1;
}
.widget_recent_entries ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive li,
ul.wp-block-page-list li,
ul.wp-block-categories-list li,
.wp-block-archives-list li,
.sidebar .widget.widget_archive li {
line-height: 40px;
}
.widget.widget_block .wp-block-categories li .children,
.widget.widget_block .wp-block-archives li .children,
.widget.widget_categories li .children,
.widget.widget_archive li .children {
padding-left: 15px;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.widget.widget_archive ul li,
.sidebar .widget .wp-block-categories li,
.sidebar .widget_categories ul li,
.widget_categories ul li,
.wp-block-categories li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wp-block-page-list ul,
.widget.widget_block .wp-block-latest-posts li .children,
.widget.widget_block .wp-block-latest-posts li .sub-menu,
.widget.widget_pages li .children,
.widget.widget_pages li .sub-menu,
.widget.widget_meta li .children,
.widget.widget_meta li .sub-menu,
.widget.widget_nav_menu li .children,
.widget.widget_nav_menu li .sub-menu,
.widget.widget_recent_entries li .children,
.widget.widget_recent_entries li .sub-menu {
padding-left: 15px;
}
.widget img {
height: auto;
}
select {
word-wrap: normal;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,") !important;
background-position: right 20px top 50% !important;
background-repeat: no-repeat !important;
}
html {
max-height: 100%;
}
.primary-sidebar.widget-area {
margin-top: -8px;
}
.bypostauthor {
color: #777;
}
/* end unit test */
.ridda-boxed-layout .ridda-body-content {
max-width: var(--ridda-boxed-width) !important;
}
.dark-version .pagination li a,
.dark-version .pagination li span {
border: 1px solid var(--ridda-border-color);
color: var(--ridda-base-color);
}
.dark-version .pagination li span.current {
color: var(--ridda-heading-color);
}
/** ===== WooCommerce Start ===== **/
.woocommerce-loop-top {
background-color: var(--ridda-lighter-color);
padding: 35px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
@media (max-width: 1024px) {
.woocommerce-loop-top {
padding: 30px 50px;
}
}
@media (max-width: 767px) {
.woocommerce-loop-top {
padding: 30px;
}
}
@media (max-width: 479px) {
.woocommerce-loop-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.woocommerce-loop-top .woocommerce-result-count {
font-size: 16px;
margin: 0;
color: var(--ridda-body-color);
float: none;
}
@media (max-width: 479px) {
.woocommerce-loop-top .woocommerce-result-count {
margin-bottom: 15px;
}
}
.woocommerce-loop-top .woocommerce-ordering {
margin: 0;
float: none;
}
.woocommerce-loop-top .woocommerce-ordering select {
height: 60px;
width: 350px;
border-radius: 0;
border: 1px solid var(--ridda-border-color);
color: var(--ridda-body-color);
background-color: var(--ridda-white-color);
}
@media (max-width: 767px) {
.woocommerce-loop-top .woocommerce-ordering select {
width: 180px;
height: 55px;
font-size: 14px;
}
}
/** ===== Woocommerce Common ===== **/
body.woocommerce input,
body.woocommerce select,
body.woocommerce select,
body.woocommerce textarea,
body.woocommerce-page input,
body.woocommerce-page select,
body.woocommerce-page select,
body.woocommerce-page textarea {
font-size: 15px;
color: #b2b2b2;
border: 1px solid var(--ridda-border-color);
border-radius: 5px;
height: 55px;
}
body.woocommerce input:focus,
body.woocommerce select:focus,
body.woocommerce select:focus,
body.woocommerce textarea:focus,
body.woocommerce-page input:focus,
body.woocommerce-page select:focus,
body.woocommerce-page select:focus,
body.woocommerce-page textarea:focus {
border-color: var(--ridda-heading-color);
color: var(--ridda-heading-color);
}
body.woocommerce .select2-container,
body.woocommerce-page .select2-container {
height: 55px;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
body.woocommerce .select2-container .select2-selection--single,
body.woocommerce-page .select2-container .select2-selection--single {
height: 55px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--ridda-border-color);
}
body.woocommerce .select2-container .select2-selection--single .select2-selection__rendered,
body.woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 25px;
color: #b2b2b2;
}
body.woocommerce .select2-container .select2-selection--single .select2-selection__arrow,
body.woocommerce-page .select2-container .select2-selection--single .select2-selection__arrow {
top: 0;
right: 10px;
}
body.woocommerce .select2-container span.selection,
body.woocommerce-page .select2-container span.selection {
display: block;
}
body.woocommerce .select2-container .select2-search--dropdown .select2-search__field,
body.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field {
border-color: var(--ridda-border-color);
}
body.woocommerce .select2-container .select2-search--dropdown .select2-search__field:focus,
body.woocommerce-page .select2-container .select2-search--dropdown .select2-search__field:focus {
border-color: var(--ridda-heading-color);
}
body.woocommerce .select2-dropdown,
body.woocommerce-page .select2-dropdown {
border-color: var(--ridda-border-color);
}
body.woocommerce form .form-row,
body.woocommerce-page form .form-row {
padding: 0 0 10px;
}
body.woocommerce table.cart td.actions .coupon .input-text,
body.woocommerce-page table.cart td.actions .coupon .input-text {
margin-right: 15px;
border-color: var(--ridda-border-color);
}
body.woocommerce table.cart td.actions .coupon .input-text:focus,
body.woocommerce-page table.cart td.actions .coupon .input-text:focus {
border-color: var(--ridda-heading-color);
}
body.woocommerce textarea,
body.woocommerce-page textarea {
padding-top: 24px;
padding-bottom: 24px;
min-height: 140px;
}
body.woocommerce .comment-form,
body.woocommerce-page .comment-form {
max-width: 100%;
}
body.woocommerce .qty,
body.woocommerce-page .qty {
padding: 0 10px 0 5px !important;
}
body.woocommerce .button,
body.woocommerce .single_add_to_cart_button,
body.woocommerce .single_add_to_cart_button.alt,
body.woocommerce #respond input#submit,
body.woocommerce .actions .button,
body.woocommerce .wc-forward,
body.woocommerce-page .button,
body.woocommerce-page .single_add_to_cart_button,
body.woocommerce-page .single_add_to_cart_button.alt,
body.woocommerce-page #respond input#submit,
body.woocommerce-page .actions .button,
body.woocommerce-page .wc-forward {
position: relative;
z-index: 1;
font-family: var(--ridda-primary-font);
font-size: 16px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
text-decoration: none;
border-radius: 5px;
border: none;
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
overflow: hidden;
padding: 18px 30px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media (max-width: 767px) {
body.woocommerce .button,
body.woocommerce .single_add_to_cart_button,
body.woocommerce .single_add_to_cart_button.alt,
body.woocommerce #respond input#submit,
body.woocommerce .actions .button,
body.woocommerce .wc-forward,
body.woocommerce-page .button,
body.woocommerce-page .single_add_to_cart_button,
body.woocommerce-page .single_add_to_cart_button.alt,
body.woocommerce-page #respond input#submit,
body.woocommerce-page .actions .button,
body.woocommerce-page .wc-forward {
font-size: 15px;
}
}
body.woocommerce .button:hover,
body.woocommerce .single_add_to_cart_button:hover,
body.woocommerce .single_add_to_cart_button.alt:hover,
body.woocommerce #respond input#submit:hover,
body.woocommerce .actions .button:hover,
body.woocommerce .wc-forward:hover,
body.woocommerce-page .button:hover,
body.woocommerce-page .single_add_to_cart_button:hover,
body.woocommerce-page .single_add_to_cart_button.alt:hover,
body.woocommerce-page #respond input#submit:hover,
body.woocommerce-page .actions .button:hover,
body.woocommerce-page .wc-forward:hover {
color: var(--ridda-white-color);
background-color: var(--ridda-bgc-black);
}
body.woocommerce .button:hover,
body.woocommerce-page .button:hover{
background-color: var(--ridda-heading-color);
}
body.woocommerce .button:disabled[disabled],
body.woocommerce .single_add_to_cart_button:disabled[disabled],
body.woocommerce .single_add_to_cart_button.alt:disabled[disabled],
body.woocommerce #respond input#submit:disabled[disabled],
body.woocommerce .actions .button:disabled[disabled],
body.woocommerce .wc-forward:disabled[disabled],
body.woocommerce-page .button:disabled[disabled],
body.woocommerce-page .single_add_to_cart_button:disabled[disabled],
body.woocommerce-page .single_add_to_cart_button.alt:disabled[disabled],
body.woocommerce-page #respond input#submit:disabled[disabled],
body.woocommerce-page .actions .button:disabled[disabled],
body.woocommerce-page .wc-forward:disabled[disabled] {
color: var(--ridda-heading-color);
}
body.woocommerce .button:after,
body.woocommerce .single_add_to_cart_button:after,
body.woocommerce .single_add_to_cart_button.alt:after,
body.woocommerce #respond input#submit:after,
body.woocommerce .actions .button:after,
body.woocommerce .wc-forward:after,
body.woocommerce-page .button:after,
body.woocommerce-page .single_add_to_cart_button:after,
body.woocommerce-page .single_add_to_cart_button.alt:after,
body.woocommerce-page #respond input#submit:after,
body.woocommerce-page .actions .button:after,
body.woocommerce-page .wc-forward:after {
content: none !important;
}
body.woocommerce .button.alt.disabled,
body.woocommerce .button.alt:disabled,
body.woocommerce-page .button.alt.disabled,
body.woocommerce-page .button.alt:disabled {
background-color: var(--ridda-primary-color) !important;
}
body.woocommerce label,
body.woocommerce-page label {
font-size: 15px;
}
@media (max-width: 767px) {
body.woocommerce .coupon #coupon_code,
body.woocommerce-page .coupon #coupon_code {
width: 100% !important;
margin-bottom: 10px;
border-radius: 0;
}
body.woocommerce .coupon .button,
body.woocommerce-page .coupon .button {
width: 100% !important;
}
}
body.woocommerce table.shop_table,
body.woocommerce-page table.shop_table {
border-radius: 0;
}
body.woocommerce table.shop_table td,
body.woocommerce-page table.shop_table td {
padding: 20px 15px;
border-top: none;
}
body.woocommerce table.shop_table th,
body.woocommerce table.shop_table tbody th,
body.woocommerce table.shop_table tfoot td,
body.woocommerce table.shop_table tfoot th,
body.woocommerce-page table.shop_table th,
body.woocommerce-page table.shop_table tbody th,
body.woocommerce-page table.shop_table tfoot td,
body.woocommerce-page table.shop_table tfoot th {
font-weight: 500;
}
body.woocommerce table.shop_table .variation dt,
body.woocommerce-page table.shop_table .variation dt {
font-weight: 500;
}
body.woocommerce table.shop_table tfoot th,
body.woocommerce-page table.shop_table tfoot th {
border-top: none;
}
body.woocommerce table.shop_table a,
body.woocommerce-page table.shop_table a {
color: var(--ridda-heading-color);
}
body.woocommerce table.shop_table a:hover,
body.woocommerce-page table.shop_table a:hover {
color: var(--ridda-primary-color);
}
body.woocommerce #add_payment_method table.cart img, body.woocommerce.woocommerce-cart table.cart img, body.woocommerce.woocommerce-checkout table.cart img,
body.woocommerce-page #add_payment_method table.cart img,
body.woocommerce-page.woocommerce-cart table.cart img,
body.woocommerce-page.woocommerce-checkout table.cart img {
width: 50px;
}
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info {
color: inherit;
background-color: var(--ridda-lighter-color);
border-color: var(--ridda-primary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
margin: 0 0 30px;
}
@media (max-width: 767px) {
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 25px;
}
}
body.woocommerce .woocommerce-message:before,
body.woocommerce .woocommerce-info:before,
body.woocommerce-page .woocommerce-message:before,
body.woocommerce-page .woocommerce-info:before {
color: var(--ridda-primary-color);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
body.woocommerce .woocommerce-message:before,
body.woocommerce .woocommerce-info:before,
body.woocommerce-page .woocommerce-message:before,
body.woocommerce-page .woocommerce-info:before {
display: block;
position: unset;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
margin-bottom: 5px;
}
}
body.woocommerce .woocommerce-message::after,
body.woocommerce .woocommerce-info::after,
body.woocommerce-page .woocommerce-message::after,
body.woocommerce-page .woocommerce-info::after {
display: none;
}
body.woocommerce .woocommerce-message .button,
body.woocommerce .woocommerce-info .button,
body.woocommerce-page .woocommerce-message .button,
body.woocommerce-page .woocommerce-info .button {
-webkit-box-ordinal-group: 23;
-ms-flex-order: 22;
order: 22;
}
@media (max-width: 767px) {
body.woocommerce .woocommerce-message .button,
body.woocommerce .woocommerce-info .button,
body.woocommerce-page .woocommerce-message .button,
body.woocommerce-page .woocommerce-info .button {
padding: 0 20px;
line-height: 35px;
height: 35px;
margin-top: 20px;
}
}
body.woocommerce span.onsale,
body.woocommerce-page span.onsale {
height: 30px;
line-height: 30px;
border-radius: 0;
min-width: inherit;
min-height: inherit;
font-size: 13px;
color: var(--ridda-heading-color);
padding: 0 17px;
text-align: center;
background-color: var(--ridda-primary-color);
margin: 0 !important;
top: 20px !important;
left: auto !important;
right: 20px !important;
font-weight: 500;
text-transform: capitalize;
z-index: 2;
}
.woocommerce-ordering .nice-select{
padding: 0 30px !important;
}
/** ===== Products Loop ===== **/
.woocommerce ul.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px -15px !important;
}
.woocommerce ul.products li.product {
padding: 0 15px;
margin: 0 0 50px;
width: 100% !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products li.product {
width: 50% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products li.product {
width: 33.333333% !important;
}
}
.woocommerce ul.products.columns-1 li.product {
width: 100% !important;
}
.woocommerce ul.products.columns-2 li.product {
width: 100% !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.columns-2 li.product {
width: 50% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-2 li.product {
width: 50% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.columns-3 li.product {
width: 50% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-3 li.product {
width: 33.333333% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.columns-4 li.product {
width: 50% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-4 li.product {
width: 25% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.columns-5 li.product {
width: 33.33% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-5 li.product {
width: 20% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.columns-6 li.product {
width: 25% !important;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-6 li.product {
width: 16.666666% !important;
}
}
.woocommerce ul.products .woocommerce-product-inner .product-thumbnail {
overflow: hidden;
position: relative;
}
.woocommerce ul.products .woocommerce-product-inner .product-thumbnail img {
width: 100%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-radius: 7px;
}
.woocommerce ul.products .woocommerce-product-inner:hover .product-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.woocommerce ul.products .woocommerce-product-inner .product-content {
background-color: var(--ridda-lighter-color);
padding: 40px;
line-height: 1;
}
@media (max-width: 1200px) {
.woocommerce ul.products .woocommerce-product-inner .product-content {
padding: 40px 30px;
}
}
.woocommerce ul.products .woocommerce-product-inner .product-title {
margin: 0 0 15px;
font-size: 22px;
font-weight: 700;
}
.woocommerce ul.products .woocommerce-product-inner .product-cat-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.woocommerce ul.products .woocommerce-product-inner .categories {
font-size: 16px;
color: var(--ridda-body-color);
}
@media (max-width: 1200px) {
.woocommerce ul.products .woocommerce-product-inner .categories {
font-size: 15px;
}
}
.woocommerce ul.products .woocommerce-product-inner .star-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
line-height: 1;
margin-left: 20px;
position: relative;
top: -1px;
font-size: 15px;
margin: 0 0 0 20px;
color: #f1b000;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.woocommerce ul.products .woocommerce-product-inner .star-rating::before {
color: rgba(241, 176, 0, 0.5);
}
.woocommerce ul.products .woocommerce-product-inner .product-price-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 479px) {
.woocommerce ul.products .woocommerce-product-inner .product-price-button {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
font-size: 16px;
font-family: var(--ridda-base-font);
font-weight: 400;
color: var(--ridda-base-color);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (min-width: 1025px) and (max-width: 1200px) {
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price {
font-size: 15px;
}
}
@media (max-width: 1024px) {
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price {
font-size: 16px;
}
}
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price del,
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price del > span {
color: #ada2a0 !important;
margin-right: 5px;
text-decoration: line-through;
opacity: 1;
}
@media (max-width: 1200px) {
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price del,
.woocommerce ul.products .woocommerce-product-inner .product-price-button .price del > span {
margin-right: 2px;
}
}
.woocommerce ul.products .woocommerce-product-inner .cart-button {
position: relative;
z-index: 1;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 479px) {
.woocommerce ul.products .woocommerce-product-inner .cart-button {
margin-top: 15px;
}
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward {
margin: 0;
font-size: 16px;
line-height: 1;
padding: 15px 34px;
overflow: hidden;
color: var(--ridda-heading-color);
border-radius: 10px;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button:hover,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward:hover{
color: var(--ridda-white-color);
}
@media (max-width: 1200px) {
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward {
font-size: 14px;
padding: 12px 15px;
}
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.loading,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward.loading {
opacity: 1;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.loading::before,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward.loading::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: var(--ridda-primary-color);
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.loading::after,
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward.loading::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
content: "\e01c" !important;
z-index: 2;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.added {
opacity: 1;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.added::before {
opacity: 0;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button a.button.added::after {
display: none;
}
.woocommerce ul.products .woocommerce-product-inner .cart-button .wc-forward {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce .woocommerce-pagination {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin: 20px 0 0;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
clear: both;
}
.woocommerce .woocommerce-pagination li {
margin: 0 !important;
}
.woocommerce .woocommerce-pagination .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 50px;
width: 50px;
margin: 5px 5px 0;
padding: 0;
color: var(--ridda-heading-color);
font-family: var(--ridda-primary-font);
font-weight: 600;
font-size: 18px;
border: 2px solid rgba(44, 44, 44, 0.071);
border-radius: 7%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 767px) {
.woocommerce .woocommerce-pagination .page-numbers {
width: 40px;
height: 40px;
font-size: 15px;
line-height: 38px;
}
}
.woocommerce .woocommerce-pagination .page-numbers.current, .woocommerce .woocommerce-pagination .page-numbers:not(.dots):hover {
color: var(--ridda-heading-color);
background-color: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
}
/** ===== Product Details ===== **/
.woocommerce.single-product div.product .woocommerce-summary-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (max-width: 1024px) {
.woocommerce.single-product div.product .woocommerce-summary-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce.single-product div.product .woocommerce-summary-wrap span.onsale {
left: 20px !important;
right: auto !important;
}
.woocommerce.single-product div.product .woocommerce-product-gallery {
width: 48% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin: 0;
}
@media (max-width: 1200px) {
.woocommerce.single-product div.product .woocommerce-product-gallery {
width: 50% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (max-width: 1024px) {
.woocommerce.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.woocommerce.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
border-radius: 3px;
overflow: hidden;
width: 100%;
}
.woocommerce.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
position: relative;
display: block;
pointer-events: none;
}
.woocommerce.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin-top: 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
grid-gap: 20px;
}
}
.woocommerce.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
float: none;
width: 100%;
}
.woocommerce.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woocommerce.single-product div.product .quantity {
margin: 0 20px 0 0 !important;
}
.woocommerce.single-product div.product .quantity .qty {
border-radius: 0;
font-size: 15px !important;
color: var(--ridda-heading-color);
font-weight: 500;
height: 50px !important;
width: 70px;
padding: 0 3px !important;
border-radius: 5px;
}
.woocommerce.single-product div.product .quantity .qty:focus {
border-color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary {
width: 52% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 52%;
flex: 0 0 52%;
float: none;
padding-left: 60px;
margin: 0;
}
@media (max-width: 1349px) {
.woocommerce.single-product div.product .entry-summary {
padding-left: 100px;
}
}
@media (max-width: 1200px) {
.woocommerce.single-product div.product .entry-summary {
padding-left: 50px;
width: 50% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (max-width: 1024px) {
.woocommerce.single-product div.product .entry-summary {
width: 100% !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 0;
padding-top: 60px;
}
}
.woocommerce.single-product div.product .entry-summary .price {
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 24px;
font-weight: 500;
color: var(--ridda-heading-color);
line-height: 1;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.woocommerce.single-product div.product .entry-summary .price del,
.woocommerce.single-product div.product .entry-summary .price del > span {
color: #ada2a0 !important;
margin-right: 5px;
text-decoration: line-through;
opacity: 1;
}
.woocommerce.single-product div.product .entry-summary .woocommerce-product-rating {
margin: 0 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
}
.woocommerce.single-product div.product .entry-summary .woocommerce-product-rating a.woocommerce-review-link {
color: var(--ridda-heading-color);
line-height: 1;
margin-left: 10px;
font-size: 15px;
font-weight: 500;
}
.woocommerce.single-product div.product .entry-summary .woocommerce-product-rating .star-rating {
font-size: 16px;
line-height: 1;
margin: 0;
color: #fab000;
top: -1px;
}
.woocommerce.single-product div.product .entry-summary .woocommerce-product-rating .star-rating::before {
color: rgba(241, 176, 0, 0.5);
}
.woocommerce.single-product div.product .entry-summary .woocommerce-product-details__short-description p:last-child {
margin: 0;
}
.woocommerce.single-product div.product .entry-summary p.stock.in-stock {
font-size: 18px;
font-weight: 700;
margin: 20px 0 0;
color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary .product_meta {
padding: 35px 0 0;
margin: 50px 0 0;
}
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as {
display: block;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
color: var(--ridda-heading-color);
margin-bottom: 8px;
line-height: 1.4;
}
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper span,
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper a,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in span,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in a,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as span,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as a {
color: var(--ridda-body-color);
margin-left: 7px;
text-transform: capitalize;
font-weight: 400;
padding: 5px 15px;
margin-bottom: 10px;
display: inline-block;
border: 1px solid var(--ridda-border-color);
font-size: 16px;
}
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper span:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper a:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in span:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in a:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as span:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as a:hover{
color: var(--ridda-heading-color) !important;
background: var(--ridda-primary-color);
border-color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper a:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .posted_in a:hover,
.woocommerce.single-product div.product .entry-summary .product_meta .tagged_as a:hover {
color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary form.cart {
padding: 35px 0 0;
margin: 35px 0 0;
border-top: 1px solid var(--ridda-border-color);
}
.woocommerce.single-product div.product .entry-summary form.cart label {
font-size: 15px;
letter-spacing: 0.03em;
margin-bottom: 0;
margin-right: 8px;
color: var(--ridda-heading-color);
font-weight: 500;
text-transform: capitalize;
}
.woocommerce.single-product div.product .entry-summary form.cart label a {
color: inherit;
}
.woocommerce.single-product div.product .entry-summary form.cart label a:hover {
color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary form.cart .reset_variations {
display: none !important;
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-grouped-product-list {
border: none;
margin-bottom: 28px;
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-grouped-product-list td {
vertical-align: middle;
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-grouped-product-list .woocommerce-Price-amount {
font-weight: 600;
color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-grouped-product-list del .woocommerce-Price-amount {
color: inherit;
opacity: 0.5;
text-decoration: line-through;
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-grouped-product-list ins {
background: transparent;
}
.woocommerce.single-product div.product .entry-summary form.cart .variations {
margin-bottom: 10px;
}
.woocommerce.single-product div.product .entry-summary form.cart .variations td {
padding: 0 0 20px 0;
vertical-align: middle;
}
.woocommerce.single-product div.product .entry-summary form.cart .button-variable-wrapper .button-variable-item {
background-color: var(--ridda-lighter-color);
border: none;
line-height: 40px;
color: var(--ridda-heading-color);
text-transform: capitalize;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin: 0 5px 5px 0;
width: 40px;
height: 40px;
}
.woocommerce.single-product div.product .entry-summary form.cart .button-variable-wrapper .button-variable-item span {
font-size: 14px;
}
.woocommerce.single-product div.product .entry-summary form.cart .button-variable-wrapper .button-variable-item.selected, .woocommerce.single-product div.product .entry-summary form.cart .button-variable-wrapper .button-variable-item:hover {
background-color: var(--ridda-primary-color);
color: #fff;
}
.woocommerce.single-product div.product .entry-summary form.cart .color-variable-wrapper .color-variable-item {
padding: 0;
border: none;
margin: 0 5px 5px 0;
opacity: 0.5;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce.single-product div.product .entry-summary form.cart .color-variable-wrapper .color-variable-item span {
border: 2px solid rgba(0, 0, 0, 0.2);
}
.woocommerce.single-product div.product .entry-summary form.cart .color-variable-wrapper .color-variable-item.selected {
opacity: 1;
}
.woocommerce.single-product div.product .entry-summary form.cart .woocommerce-variation-add-to-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce.single-product div.product .entry-summary form.cart button {
height: 49px;
}
.woocommerce.single-product div.product .entry-summary form.cart:not(.grouped_form) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce.single-product div.product .woocommerce-tabs {
padding-top: 90px;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: visible;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs:before, .woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs:after {
display: none !important;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li {
margin: 0 8px 15px 8px;
padding: 0;
border: none;
background-color: transparent;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
font-size: 16px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
border: 1px solid var(--ridda-border-color);
border-radius: 5px;
padding: 18px 45px;
color: var(--ridda-heading-color);
background-color: transparent;
}
@media (max-width: 1200px) {
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
padding: 18px 30px;
}
}
@media (max-width: 1024px) {
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
font-size: 15px;
}
}
@media (max-width: 767px) {
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
padding: 16px 25px;
}
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
font-size: 14px;
padding: 14px 20px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a:hover {
background-color: var(--ridda-primary-color);
color: var(--ridda-white-color);
border-color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li.active a {
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
border-color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li:before, .woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li:after {
display: none !important;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel {
margin-bottom: 0;
font-size: 14px;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
display: none;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
border: 1px solid var(--ridda-border-color);
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
border-bottom: 1px solid transparent;
font-family: inherit;
color: var(--ridda-heading-color);
font-weight: normal;
font-style: normal;
padding: 10px;
background-color: transparent;
vertical-align: middle;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th {
background-color: rgba(0, 0, 0, 0.025);
padding: 10px 20px;
width: 200px;
font-weight: 600;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th {
width: auto;
}
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
border-left: 1px solid rgb(222, 226, 230);
border-color: rgb(222, 226, 230);
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
font-size: 18px !important;
margin-bottom: 40px;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-noreviews {
margin-bottom: 15px !important;
}
.woocommerce.single-product div.product .woocommerce-tabs .comment-reply-title,
.woocommerce.single-product div.product .woocommerce-tabs .nice-select {
display: none;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form {
padding: 25px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond {
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-notes {
display: none;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond p {
margin: 0 0 30px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-rating,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-comment,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-cookies-consent,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .form-submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-author,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-email {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-author,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-email {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-author {
padding-right: 15px;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-author {
padding-right: 0;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-email {
padding-left: 15px;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-email {
padding-left: 0;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond label {
margin-bottom: 15px;
display: block;
line-height: 1;
}
@media (max-width: 767px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond label {
font-size: 14px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .stars {
margin-bottom: 10px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input:not([type=submit]),
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond textarea {
background-color: var(--ridda-lighter-color);
border: 1px solid var(--ridda-lighter-color);
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input:not([type=submit]):focus,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond textarea:focus {
border-color: var(--ridda-primary-color);
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond #comment {
padding: 20px 30px;
height: 140px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-cookies-consent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-cookies-consent label {
margin: 0 0 0 10px;
line-height: 1.4;
}
@media (max-width: 767px) {
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-cookies-consent label {
font-size: 14px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-cookies-consent input[type=checkbox] {
-webkit-box-flex: 0;
-ms-flex: 0 0 15px;
flex: 0 0 15px;
top: -1px;
position: relative;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .form-submit {
margin: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input.submit {
padding: 18px 50px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 30px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-rating label,
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-rating .stars {
margin: 0;
line-height: 1;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond .comment-form-rating .stars {
margin-left: 20px;
font-size: 16px;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist {
padding: 0;
margin: 0 0 50px;
border-bottom: 1px solid var(--ridda-border-color);
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review {
position: relative;
margin: 0 0 50px;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .star-rating {
position: absolute;
right: 10px;
top: 0;
font-size: 15px;
color: #fab319;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .star-rating .count-rating {
display: none;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .star-rating {
position: relative;
display: block;
right: auto;
float: none;
margin-bottom: 10px;
font-size: 14px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .comment_container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review img.avatar {
position: relative;
padding: 0;
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 20px;
}
@media (max-width: 479px) {
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review img.avatar {
width: 60px;
height: 60px;
margin-right: 15px;
}
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .comment-text {
border: none;
margin: 0;
padding: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .meta {
margin: 0 0 5px;
line-height: 1;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .meta .woocommerce-review__author {
font-size: 18px;
color: var(--ridda-heading-color);
text-transform: capitalize;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .description p {
margin: 0;
font-size: 16px;
}
.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist ul.children {
margin: 35px 0 0 50px;
}
.woocommerce.single-product section.related {
padding-top: 100px;
margin-top: 100px;
border-top: 1px solid var(--ridda-border-color);
}
@media (max-width: 1024px) {
.woocommerce.single-product section.related {
padding-top: 80px;
margin-top: 80px;
}
}
.woocommerce.single-product section.related h2 {
font-size: 32px;
margin-bottom: 45px;
}
@media (max-width: 1024px) {
.woocommerce.single-product section.related h2 {
font-size: 28px;
}
}
/** ===== Cart Page ===== **/
body.woocommerce-cart .woocommerce-cart-form .actions .button {
height: 50px;
padding: 10px 35px;
color:var(--ridda-heading-color);
transition: 1s;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .woocommerce-cart-form .actions .button:hover {
background-color: var(--ridda-bgc-black);
color:var(--ridda-white-color);
}
body.woocommerce-cart .woocommerce-cart-form .actions .button:disabled[disabled] {
opacity: 0.8;
}
body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text {
width: 200px !important;
height: 50px;
padding: 0 25px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table {
border: none;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
font-family: var(--ridda-secondary-font);
font-size: 18px;
font-weight: 700;
color: #333;
padding: 10px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid var(--ridda-primary-color);
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
text-align: left;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid var(--ridda-border-color);
padding: 18px 15px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
border-bottom: none;
padding-left: 0;
padding-right: 0;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td .quantity .qty {
width: 80px;
height: 50px;
border-radius: 0;
font-size: 15px !important;
color: var(--ridda-heading-color);
}
@media (max-width: 768px) {
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td .quantity .qty {
margin-left: auto;
}
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td .quantity-icon {
display: none;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a {
color: var(--ridda-heading-color);
font-family: var(--ridda-secondary-font);
font-size: 16px;
font-weight: 700;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a:hover {
color: var(--ridda-primary-color);
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name dl.variation {
display: none;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price,
body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal {
color: var(--ridda-heading-color);
font-size: 15px;
font-weight: 500;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins,
body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins {
color: var(--ridda-heading-color);
background-color: transparent;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail {
text-align: center !important;
min-width: 120px;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a {
display: block;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a img {
width: 100%;
max-width: 80px;
}
body.woocommerce-cart .woocommerce-cart-form .product-remove a.remove {
font-size: 18px;
height: 25px;
width: 25px;
line-height: 25px;
background-color: var(--ridda-primary-color);
color: var(--ridda-white-color) !important;
border-radius: 50%;
font-weight: normal;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin: auto;
}
body.woocommerce-cart .woocommerce-cart-form .product-remove a.remove:hover {
background-color: var(--ridda-secondary-color);
}
@media (max-width: 1024px) {
body.woocommerce-cart .woocommerce-cart-form .product-remove {
min-height: 57px;
}
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table {
margin-bottom: 40px;
border-radius: 0;
}
@media (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form table.shop_table td {
background-color: #fff !important;
}
}
body.woocommerce-cart .cart-collaterals .cart_totals {
background-color: var(--ridda-white-color);
padding: 40px 50px;
-webkit-box-shadow: 0px 10px 60px 0px rgba(195, 195, 195, 0.3);
box-shadow: 0px 10px 60px 0px rgba(195, 195, 195, 0.3);
border-radius: 7px;
width: 40%;
}
@media (max-width: 1024px) {
body.woocommerce-cart .cart-collaterals .cart_totals {
width: 60%;
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
body.woocommerce-cart .cart-collaterals .cart_totals {
padding: 30px;
width: 100%;
}
}
body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
font-size: 24px;
border-bottom: 1px solid rgba(96, 101, 104, 0.15);
margin-bottom: 20px;
padding-bottom: 14px;
text-transform: capitalize;
}
body.woocommerce-cart .cart-collaterals .cart_totals th {
font-size: 16px;
font-weight: 500;
vertical-align: middle !important;
border: none !important;
color: var(--ridda-heading-color);
padding: 10px 10px 10px 0px;
}
body.woocommerce-cart .cart-collaterals .cart_totals th + td {
border-left: 1px solid var(--ridda-border-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals td {
font-size: 15px;
border: none !important;
padding: 10px;
text-align: right;
}
body.woocommerce-cart .cart-collaterals .cart_totals label {
font-family: var(--ridda-primary-font);
}
body.woocommerce-cart .cart-collaterals .cart_totals strong {
font-weight: 700;
}
body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
color: var(--ridda-heading-color);
font-weight: 600;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
border: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p {
margin-bottom: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button {
color: var(--ridda-primary-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:hover {
color: var(--ridda-primary-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form {
padding-top: 10px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding-bottom: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
margin-bottom: 0;
width: 100%;
padding: 18px 30px;
font-size: 16px;
font-weight: 500;
color: var(--ridda-heading-color);
background-color: var(--ridda-primary-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
background-color: var(--ridda-bgc-black);
}
body.woocommerce-cart .cart-collaterals .cart_totals .form-row-wide > span {
display: block;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .button {
font-size: 15px;
padding: 14px 30px;
}
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
text-align: right;
}
/** ===== Checkout Page ===== **/
.woocommerce-checkout form.checkout_coupon {
border: none;
border-radius: 0;
background-color: var(--ridda-lighter-color);
margin: 0;
padding: 30px;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
width: 50%;
padding-right: 30px;
}
@media (max-width: 479px) {
.woocommerce-checkout form.checkout_coupon .form-row-first {
padding-right: 0;
width: 100%;
}
}
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 50%;
}
@media (max-width: 479px) {
.woocommerce-checkout form.checkout_coupon .form-row-last {
width: 100%;
}
}
.woocommerce-checkout form.checkout_coupon input.input-text {
height: 50px;
}
.woocommerce-checkout form.login,
.woocommerce-checkout form.register {
border: none;
background-color: var(--ridda-lighter-color);
padding: 30px;
}
.woocommerce-checkout #add_payment_method #payment,
.woocommerce-checkout #payment {
border-radius: 0;
}
.woocommerce-checkout #customer_details {
width: inherit;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 50%;
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
max-width: 100%;
}
.woocommerce-checkout #customer_details .col-2{
width: 48%;
}
@media (max-width: 767px) {
.woocommerce-checkout #customer_details {
margin: 0;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
width: 100%;
}
}
.woocommerce-checkout #customer_details span.woocommerce-input-wrapper {
width: 100%;
display: block;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields {
margin-bottom: 36px;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
font-size: 24px;
margin-bottom: 18px;
text-transform: capitalize;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields {
margin-bottom: 36px;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields > h3 {
font-size: 24px;
margin-bottom: 18px;
text-transform: capitalize;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address {
font-size: 24px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address label {
font-size: inherit;
font-weight: inherit;
font-family: inherit;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address:hover {
color: var(--ridda-primary-color);
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
position: absolute;
opacity: 0;
}
.woocommerce-checkout #customer_details #billing_country_field label,
.woocommerce-checkout #customer_details #shipping_country_field label,
.woocommerce-checkout #customer_details #billing_address_1_field label,
.woocommerce-checkout #customer_details #shipping_address_1_field label,
.woocommerce-checkout #customer_details #order_comments_field label {
display: none !important;
}
.woocommerce-checkout #customer_details #billing_country_field textarea,
.woocommerce-checkout #customer_details #shipping_country_field textarea,
.woocommerce-checkout #customer_details #billing_address_1_field textarea,
.woocommerce-checkout #customer_details #shipping_address_1_field textarea,
.woocommerce-checkout #customer_details #order_comments_field textarea {
padding: 18px 30px;
}
.woocommerce-checkout form.woocommerce-checkout {
padding-top: 30px;
}
.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 18px;
text-transform: capitalize;
}
.woocommerce-checkout form.woocommerce-checkout #order_review th {
font-weight: 500;
vertical-align: middle !important;
}
.woocommerce-checkout form.woocommerce-checkout #order_review th + td {
border-left: 1px solid var(--ridda-border-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review .product-total {
border-left: 1px solid var(--ridda-border-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
margin-bottom: 50px;
border-right: none;
border-top: none;
border-bottom: none;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th {
font-weight: 500;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
border-left: none;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td {
font-size: 14px;
font-weight: 500;
color: var(--ridda-base-color);
padding: 10px 15px;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
background-color: var(--ridda-lighter-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .about_paypal {
margin-left: 10px;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
padding: 30px;
border-bottom: 1px solid var(--ridda-border-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
padding: 30px;
margin: 0;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order {
float: none;
margin-top: 10px;
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order:hover {
background-color: var(--ridda-bgc-black);
color: var(--ridda-white-color);
}
.woocommerce-checkout #payment input[type=radio] {
width: 15px;
height: 15px;
position: relative;
top: 2px;
}
.woocommerce-checkout #payment label {
color: var(--ridda-heading-color);
display: inline-block;
margin: 0 0 8px;
}
.woocommerce-checkout #payment div.payment_box {
background-color: var(--ridda-border-color);
}
.woocommerce-checkout #payment div.payment_box::before {
border-color: var(--ridda-border-color);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.woocommerce-checkout .woocommerce-columns--2 .col-1,
.woocommerce-checkout .woocommerce-columns--2 .col-2 {
max-width: 50%;
}
.woocommerce-checkout .woocommerce-customer-details address {
border-color: var(--ridda-border-color);
padding: 30px;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-checkout .woocommerce-column__title {
font-size: 28px;
}
/** ===== Account Page ===== **/
.woocommerce-account .content-area .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: block;
width: 100%;
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
width: 30%;
float: left;
padding: 0 15px;
}
@media (max-width: 767px) {
.woocommerce-account .content-area .woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 60px;
}
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul {
margin: 0;
list-style: none;
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid var(--ridda-border-color);
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a {
font-size: 16px;
padding: 10px 0;
color: var(--ridda-heading-color);
position: relative;
display: block;
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a:hover {
color: var(--ridda-primary-color);
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a:before {
content: "\f178";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
font-family: "Font Awesome 5 Pro";
color: var(--ridda-primary-color);
margin-left: -16px;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a:hover {
color: inherit;
padding-left: 26px;
}
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li.is-active > a:before,
.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li a:hover:before {
margin-left: 0;
opacity: 1;
}
.woocommerce-account .content-area .woocommerce-MyAccount-content {
margin-bottom: 30px;
padding: 0 15px;
width: 70%;
float: left;
}
@media (max-width: 767px) {
.woocommerce-account .content-area .woocommerce-MyAccount-content {
width: 100%;
margin-bottom: 0;
}
}
.woocommerce-account .content-area .woocommerce-MyAccount-content .col-1,
.woocommerce-account .content-area .woocommerce-MyAccount-content .col-2 {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
max-width: inherit;
}
.woocommerce-account .content-area .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
padding: 0;
}
@media (max-width: 767px) {
.woocommerce-account .content-area .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address.col-2 {
padding-top: 30px;
}
}
.woocommerce-account .content-area .woocommerce-MyAccount-content .form-row label {
width: 100%;
}
.woocommerce-account .content-area .woocommerce-MyAccount-content .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-account .content-area .woocommerce-MyAccount-content fieldset {
padding: 15px;
border: 1px solid var(--ridda-border-color);
margin-bottom: 15px;
}
.woocommerce-account .content-area .woocommerce-MyAccount-content h3 {
font-size: 28px;
}
@media (max-width: 1024px) {
.woocommerce-account .content-area .woocommerce-MyAccount-content h3 {
font-size: 20px;
margin-bottom: 15px;
}
}
.woocommerce-account .content-area .woocommerce-form {
background-color: var(--ridda-lighter-color);
border: none;
padding: 30px;
border-radius: 0;
max-width: 670px;
margin: 30px 0 0;
}
.woocommerce-account .content-area .woocommerce-form label {
margin-bottom: 5px;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-Button.button {
margin-right: 16px;
height: auto;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-LostPassword {
margin-bottom: 0;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-LostPassword a {
color: var(--ridda-primary-color);
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-LostPassword a:hover {
color: var(--ridda-heading-color);
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-form__label-for-checkbox {
padding: 0;
line-height: 50px;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-form__label-for-checkbox span {
font-size: 15px;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
position: relative;
top: -1px;
}
.woocommerce-account .content-area .woocommerce-form .woocommerce-Button {
height: 42px;
}
.woocommerce-account .content-area .woocommerce-notices-wrapper + h2 {
text-align: center;
font-size: 24px;
}
.woocommerce-account .content-area #customer_login {
margin: 0 -15px;
width: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-account .content-area #customer_login h2 {
font-size: 24px;
}
.woocommerce-account .content-area #customer_login .u-column1.col-1,
.woocommerce-account .content-area #customer_login .u-column2.col-2 {
width: 50%;
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
max-width: 100%;
}
@media (max-width: 767px) {
.woocommerce-account .content-area #customer_login {
margin: 0;
}
.woocommerce-account .content-area #customer_login .u-column1.col-1,
.woocommerce-account .content-area #customer_login .u-column2.col-2 {
width: 100%;
padding: 0;
}
}
.woocommerce-account .content-area .woocommerce-password-strength.bad {
background-color: transparent;
padding: 8px 0;
}
.woocommerce .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
height: auto;
margin-right: 10px;
}
/** ===== Thank You Page ===== **/
.woocommerce-order .woocommerce-order-details__title {
font-size: 32px;
}
/** ===== Cart Sidebar ===== **/
.widget-cart-sidebar {
-webkit-transition: all 0.3s linear 0.15s;
-o-transition: all 0.3s linear 0.15s;
transition: all 0.3s linear 0.15s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
padding-top: 30px;
padding-bottom: 137px;
background-color: #fff;
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 99999;
width: 320px;
-webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.widget-cart-sidebar .widget_shopping_title {
border-bottom: 1px solid var(--ridda-border-color);
margin-bottom: 18px;
padding-bottom: 14px;
font-family: var(--ridda-secondary-font);
font-size: 18px;
font-weight: 600;
color: var(--ridda-heading-color);
}
.widget-cart-sidebar .cart-close {
background-color: var(--ridda-primary-color);
color: var(--ridda-white-color);
position: absolute;
top: 0;
left: 0;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
font-size: 18px;
cursor: pointer;
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
z-index: 2;
}
.widget-cart-sidebar .cart-close:hover {
background-color: var(--ridda-primary-color);
}
.widget-cart-sidebar .widget_shopping_cart {
padding: 30px 45px 0 30px;
height: 100%;
overflow-y: scroll;
width: 350px;
}
.widget-cart-sidebar .widget_shopping_cart .cart-btn {
padding: 20px 35px;
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
font-weight: 600;
line-height: 1;
display: block;
width: 100%;
text-align: center;
font-size: 15px;
font-weight: 600;
}
.widget-cart-sidebar .widget_shopping_cart .cart-btn:hover {
background-color: var(--ridda-bgc-black);
color: var(--ridda-white-color);
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list {
padding: 0;
margin: 0;
list-style: none;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
padding: 20px 15px 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid var(--ridda-border-color);
position: relative;
margin: 0;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
border: none;
padding-bottom: 0;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty {
font-size: 16px;
margin-top: 40px;
padding: 0 !important;
text-align: center;
display: block;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span {
text-align: center;
margin-bottom: 20px;
display: block;
margin-top: 20px;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
font-size: 60px;
color: #0d2335;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image {
width: 45px;
min-width: 45px;
margin-right: 15px;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
display: inline-block;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img {
margin: 0;
width: inherit;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta {
padding-right: 12px;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 {
font-size: 15px;
margin-bottom: 3px;
font-weight: 600;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
color: inherit;
font-weight: 600;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
color: var(--ridda-primary-color);
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
font-size: 14px;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button {
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0;
width: 18px;
height: 18px;
text-align: center;
border-radius: 18px;
line-height: 17px;
color: var(--ridda-primary-color);
font-size: 18px;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button i {
vertical-align: middle;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
opacity: 1;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px;
background-color: #fff;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 15px;
padding-bottom: 0;
color: var(--ridda-heading-color);
font-weight: 500;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
font-weight: 600;
}
.widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .cart-btn:not(:last-child) {
margin-bottom: 5px;
}
.widget-cart-wrap.cart-open .widget-cart-sidebar {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.admin-bar .widget-cart-sidebar {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .widget-cart-sidebar {
top: 46px;
}
}
/** ===== Maintenance ===== **/
.ridda-maintenance-page {
background-color: #02050A;
}
.ridda-maintenance-page .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100vw;
height: 100vh;
}
.ridda-maintenance-page .container .maintenance-content {
max-width: 50%;
text-align: center;
}
@media (max-width: 1024px) {
.ridda-maintenance-page .container .maintenance-content {
max-width: 75%;
}
}
@media (max-width: 767px) {
.ridda-maintenance-page .container .maintenance-content {
max-width: 80%;
}
}
@media (max-width: 479px) {
.ridda-maintenance-page .container .maintenance-content {
max-width: 100%;
}
}
.ridda-maintenance-page .container .maintenance-img {
margin-bottom: 35px;
}
.ridda-maintenance-page .container .maintenance-title {
font-size: 42px;
line-height: 1.3;
color: #fff;
}
@media (max-width: 767px) {
.ridda-maintenance-page .container .maintenance-title {
font-size: 32px;
}
}
@media (max-width: 479px) {
.ridda-maintenance-page .container .maintenance-title {
font-size: 28px;
}
}
.ridda-maintenance-page .container p {
margin: 0;
color: #c0c0c2;
}
/** ===== Popup ===== **/
.ridda-popup-wrapper {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
display: none;
-webkit-animation-name: popupFadeIn;
animation-name: popupFadeIn;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
.ridda-popup-wrapper .popup-overly {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.ridda-popup-wrapper .popup-container {
position: relative;
z-index: 2;
max-width: 100%;
max-height: 100%;
overflow: hidden;
display: none;
-webkit-animation-name: popupFadeIn;
animation-name: popupFadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
background-color: var(--ridda-white-color);
}
.ridda-popup-wrapper .popup-container .popup-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
line-height: 1;
font-size: 22px;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
color: var(--ridda-white-color);
background-color: var(--ridda-primary-color);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ridda-popup-wrapper.show-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ridda-popup-wrapper.show-popup .popup-container {
display: block;
}
@-webkit-keyframes popupFadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popupFadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.single-product.woocommerce ul.products li.product{
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block;
text-decoration: blink;
}
.woocommerce p.stars a{
color:var(--ridda-primary-color);
font-size: 20px;
}
.woocommerce #review_form #respond .form-submit input{
left: auto;
width: 150px;
}
.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input.submit {
padding: 0;
}
/* cart start */
.wc-block-cart {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 50px;
}
.wc-block-cart__main {
flex: 1 1 65%;
}
.wc-block-cart__sidebar {
flex: 1 1 30%;
}
/* Cart Items Table */
.wc-block-cart-items {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.wc-block-cart-items__header {
border-bottom: 1px solid #e2e2e2;
}
.wc-block-cart-items__header th {
padding: 15px 10px;
text-align: left;
font-weight: 600;
color: var(--ridda-heading-color);
}
.wc-block-cart-items__row {
border-bottom: 1px solid #e2e2e2;
}
.wc-block-cart-items__row td {
padding: 20px 10px;
vertical-align: top;
}
.wc-block-cart-item__image {
width: 100px;
}
.wc-block-cart-item__image img {
width: 80px;
height: auto;
border-radius: 5px;
}
.wc-block-cart-item__product {
width: 60%;
}
.wc-block-cart-item__wrap {
display: flex;
flex-direction: column;
gap: 8px;
}
.wc-block-components-product-name {
font-weight: 600;
color: var(--ridda-heading-color);
text-decoration: none;
font-size: 16px;
transition: 0.3s;
}
.wc-block-components-product-name:hover {
color: var(--ridda-primary-color);
}
.wc-block-cart-item__prices {
margin-bottom: 5px;
}
.wc-block-components-product-price__regular {
text-decoration: line-through;
color: #888;
margin-right: 8px;
}
.wc-block-components-product-price__value {
font-weight: 600;
color: var(--ridda-heading-color);
}
.wc-block-components-product-price__value.is-discounted {
color: var(--ridda-primary-color);
}
.wc-block-components-sale-badge {
display: inline-block;
background-color: #f8f8f8;
color: var(--ridda-primary-color);
padding: 3px 8px;
border-radius: 3px;
font-size: 12px;
margin-bottom: 10px;
}
.wc-block-components-product-metadata__description {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
/* Quantity Selector */
.wc-block-components-quantity-selector {
display: flex;
align-items: center;
border: 1px solid #e2e2e2;
border-radius: 4px;
width: fit-content;
margin-bottom: 10px;
}
.wc-block-components-quantity-selector__input {
width: 40px;
text-align: center;
border: none;
-moz-appearance: textfield;
}
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wc-block-components-quantity-selector__button {
background: none;
border: none;
padding: 5px 8px;
cursor: pointer;
color: #666;
transition: color 0.3s ease;
}
.wc-block-components-quantity-selector__button:hover {
color: var(--ridda-primary-color);
}
.wc-block-components-quantity-selector__button--minus {
border-right: 1px solid #e2e2e2;
}
.wc-block-components-quantity-selector__button--plus {
border-left: 1px solid #e2e2e2;
}
/* Add to Cart Button */
.wc-block-components-product-add-to-cart-button {
background-color: var(--ridda-primary-color);
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 4px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
}
.wc-block-components-product-add-to-cart-button:hover {
background-color: var(--ridda-primary-hover-color, #333);
}
/* Checkout Button */
.wc-block-cart__submit-container {
margin-top: 20px;
text-align: right;
}
.wc-block-cart__submit-button {
background-color: var(--ridda-primary-color);
color: #fff;
border: none;
padding: 15px 25px;
border-radius: 4px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
text-decoration: none;
display: inline-block;
}
.wc-block-cart__submit-button:hover {
background-color: var(--ridda-primary-hover-color, #333);
color: #fff;
}
.wc-block-cart__submit-button .wc-block-components-button__text {
font-size: 16px;
line-height: 1.4;
}
@media only screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: block;
}
}
@media only screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: block;
}
}
.woocommerce-page table.cart td.actions .coupon {
margin-right: 20px;
}
.woocommerce ul.products .woocommerce-product-inner .categories {
color: var(--ridda-base-color);
}
/* dark woocommerce */
.dark-version.woocommerce-checkout form.woocommerce-checkout #order_review #payment,
.dark-version.woocommerce .widget_shopping_cart_footer,
.dark-version.woocommerce .widget-cart-sidebar,
.dark-version.woocommerce ul.products .woocommerce-product-inner .product-content,
.dark-version.woocommerce-checkout form.checkout_coupon,
.dark-version.woocommerce-page .woocommerce-info,
.dark-version .woocommerce-loop-top{
background-color: #0D0D0D;
}
.dark-version .nice-select .option.focus,
.dark-version .nice-select .option.selected.focus,
.dark-version .nice-select .option:hover{
background-color: #0D0D0D;
}
.dark-version.woocommerce-cart .cart-collaterals .cart_totals,
.dark-version.woocommerce .woocommerce-message,
.dark-version.woocommerce .woocommerce-info,
.dark-version.woocommerce-page .woocommerce-message,
.dark-version.woocommerce-page .woocommerce-info
.dark-version.woocommerce ul.products .woocommerce-product-inner .product-content {
background-color: #0d0d0d;
}
.dark-version.woocommerce-cart .cart-collaterals .cart_totals{
box-shadow: none;
}
.dark-version.woocommerce a:hover,
.dark-version.woocommerce ul.products li.product a:hover{
color: var(--ridda-base-color);
}
.dark-version.woocommerce .woocommerce-pagination .page-numbers{
background-color: #0d0d0d;
color: var(--ridda-base-color);
}
.dark-version.woocommerce .woocommerce-pagination .page-numbers.current,
.dark-version.woocommerce .woocommerce-pagination .page-numbers:not(.dots):hover{
background-color: var(--ridda-primary-color);
color: var(--ridda-heading-color);
}
.dark-version.woocommerce-account .addresses .title .edit:hover,
.dark-version .woocommerce-MyAccount-navigation ul li a:hover,
.dark-version.woocommerce-page table.shop_table a.woocommerce-button:hover,
.dark-version.woocommerce-checkout #payment label,
.dark-version.woocommerce .widget_shopping_title,
.dark-version.woocommerce-cart .woocommerce-cart-form .shop_table thead th,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs #reviews #comments ol.commentlist li.review .meta .woocommerce-review__author,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li a,
.dark-version.woocommerce.single-product div.product .quantity .qty,
.dark-version.woocommerce.single-product div.product .entry-summary .product_meta .posted_in,
.dark-version.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper,
.dark-version.woocommerce.single-product div.product .entry-summary .price{
color: var(--ridda-white-color);
}
.dark-version.woocommerce.single-product div.product .woocommerce-tabs ul.wc-tabs li.active a{
color: var(--ridda-heading-color);
}
.dark-version .woocommerce-info a:hover,
.dark-version.woocommerce-checkout #payment div.payment_box,
.dark-version.woocommerce-cart .woocommerce-cart-form .shop_table tbody td .quantity .qty,
.dark-version.woocommerce-cart .woocommerce-cart-form tbody .product-name a,
.dark-version.woocommerce-cart .woocommerce-cart-form tbody .product-price,
.dark-version.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal,
.dark-version.woocommerce.single-product div.product .entry-summary .woocommerce-product-rating a.woocommerce-review-link,
.dark-version.woocommerce.single-product div.product .entry-summary .product_meta .posted_in a,
.dark-version.woocommerce.single-product div.product .entry-summary .product_meta .sku_wrapper span{
color: var(--ridda-base-color);
}
.dark-version.woocommerce table.shop_table td,
.dark-version.woocommerce-page table.shop_table td,
.dark-version.woocommerce-checkout form .form-row .input-text:focus,
.dark-version.woocommerce-checkout form .form-row select:focus,
.dark-version.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,
.dark-version.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td,
.dark-version.woocommerce-page table.shop_table th,
.dark-version.woocommerce-page table.shop_table tbody th,
.dark-version.woocommerce table.shop_table tbody th,
.dark-version.woocommerce table.shop_table tfoot td,
.dark-version.woocommerce table.shop_table tfoot th,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input:not([type="submit"]),
.dark-version.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond textarea{
background-color: transparent;
border-color: var(--ridda-border-color);
}
.dark-version.woocommerce table.shop_table a,
.dark-version.woocommerce-page table.shop_table a,
.dark-version.woocommerce-checkout form .form-row .input-text,
.dark-version.woocommerce-checkout form .form-row select,
.dark-version.woocommerce-cart .cart-collaterals .cart_totals .order-total td,
.dark-version.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
.dark-version.woocommerce-page table.shop_table th,
.dark-version.woocommerce-page table.shop_table tbody th,
.dark-version.woocommerce table.shop_table tbody th,
.dark-version.woocommerce table.shop_table tfoot td,
.dark-version.woocommerce table.shop_table tfoot th,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond input:not([type="submit"]),
.dark-version.woocommerce.single-product div.product .woocommerce-tabs #review_form #respond textarea,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
color: var(--ridda-base-color);
}
.dark-version.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td,
.dark-version.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
border-color: var(--ridda-border-color);
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
body.woocommerce .select2-container .select2-selection--single,
body.woocommerce-page .select2-container .select2-selection--single,
.dark-version.woocommerce-checkout #customer_details #order_comments_field textarea{
background:transparent
}
.dark-version.woocommerce-page table.shop_table a.woocommerce-button{
color:var(--ridda-heading-color);
}