/* --------------------------------------

$Author: ThemeMascot

$URL: https://themeforest.net/user/ThemeMascot



----------------------------------------- */

:root {

  --theme-color1: #2871fa;

  --theme-color1-rgb: 40, 113, 250;

  --theme-color1-lighter: #00b0f0;

  --theme-color1-darker: #202d38;

  --theme-color2: #202d38;

  --theme-color2-rgb: 32, 45, 56;

  --theme-color2-lighter: #2a3a4a;

  --theme-color2-darker: #031525;

  --theme-color3: #00b0f0;

  --theme-color3-rgb: 0, 176, 240;

  --theme-color3-lighter: #3ec4eb;

  --theme-color3-darker: #1285a6;

  --theme-color4: #2871fa;

  --theme-color4-rgb: 40, 113, 250;

  --theme-color4-lighter: #00b0f0;

  --theme-color4-darker: #202d38;

  --gradient-1: linear-gradient(to right, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color1-rgb), 0.37) 100%);

  --gradient-2: linear-gradient(to left, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color1-rgb), 0.7) 100%);

  --gradient-3: linear-gradient(-135deg, rgba(23, 23, 23, 0) 50%, var(--theme-color1) 100%);

  --theme-color1-text-color: #fff;

  --theme-color2-text-color: #fff;

  --theme-color3-text-color: #fff;

  --theme-color4-text-color: #fff;

  --hover-theme-color: #2871fa;

  --footer-default-theme-color: var(--theme-color3);

  --footer-default-hover-theme-color: var(--theme-color3);

  --footer-default-text-color-on-bg-theme-color: var(--theme-color3-text-color);

}



/*

 * border: theme-color

 * -----------------------------------------------

*/

.widget .line-bottom:after,

.widget .line-bottom:after,

.pager.theme-colored a {

  border: 1px solid var(--theme-color1);

}



.hr-divider {

  border-top-color: rgba(243, 172, 10, 0.2) !important;

}



/* -------- Text Theme Color ---------- */

.text-theme-colored1 {

  color: var(--theme-color1) !important;

}



.text-theme-colored2 {

  color: var(--theme-color2) !important;

}



.text-theme-colored3 {

  color: var(--theme-color3) !important;

}



.text-theme-colored4 {

  color: var(--theme-color4) !important;

}



.bg-theme-colored1 {

  background-color: var(--theme-color1) !important;

}



.bg-theme-colored2 {

  background-color: var(--theme-color2) !important;

}



.bg-theme-colored3 {

  background-color: var(--theme-color3) !important;

}



.bg-theme-colored4 {

  background-color: var(--theme-color4) !important;

}



.border-theme-colored1 {

  border-color: var(--theme-color1) !important;

}



.border-theme-colored2 {

  border-color: var(--theme-color2) !important;

}



.border-theme-colored3 {

  border-color: var(--theme-color3) !important;

}



.border-theme-colored4 {

  border-color: var(--theme-color4) !important;

}



/*

 * blog-single.scss

 * -----------------------------------------------

*/

/*

 * Shortcode: blog.scss

 * -----------------------------------------------

*/

.tm-sc-blog.blog-classic article .entry-header .post-single-meta {

  background: var(--theme-color1);

}

.tm-sc-blog.blog-modern article .entry-header .post-single-meta {

  background: var(--theme-color1);

}

.tm-sc-blog.blog-modern article .entry-content .post-btn-readmore {

  border-color: var(--theme-color1);

  background-color: #fff;

}

.tm-sc-blog.blog-modern article:hover .entry-content .post-btn-readmore {

  background-color: var(--theme-color1);

}

.tm-sc-blog.blog-modern article:hover .entry-content .post-btn-readmore .btn-plain-text-with-arrow:after {

  color: #fff;

}

.tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+1) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+3) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+6) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+8) article .post-thumb .post-thumb-inner .thumb:after {

  background-color: rgba(243, 172, 10, 0.94);

}



/*

 * Shortcode: buttons.scss

 * -----------------------------------------------

*/

.btn-theme-colored1 {

  --bs-btn-color: #000;

  --bs-btn-bg: #2871fa;

  --bs-btn-border-color: #2871fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #f5b82f;

  --bs-btn-hover-border-color: #f4b423;

  --bs-btn-focus-shadow-rgb: 207, 146, 9;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #f5bd3b;

  --bs-btn-active-border-color: #f4b423;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #2871fa;

  --bs-btn-disabled-border-color: #2871fa;

}



.btn-theme-colored2 {

  --bs-btn-color: #fff;

  --bs-btn-bg: #202d38;

  --bs-btn-border-color: #202d38;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #072b4b;

  --bs-btn-hover-border-color: #062946;

  --bs-btn-focus-shadow-rgb: 45, 82, 113;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #062946;

  --bs-btn-active-border-color: #062642;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #202d38;

  --bs-btn-disabled-border-color: #202d38;

}



.btn-theme-colored3 {

  --bs-btn-color: #000;

  --bs-btn-bg: #00b0f0;

  --bs-btn-border-color: #00b0f0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #3abadf;

  --bs-btn-hover-border-color: #2eb6dd;

  --bs-btn-focus-shadow-rgb: 20, 148, 184;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #45bee1;

  --bs-btn-active-border-color: #2eb6dd;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #00b0f0;

  --bs-btn-disabled-border-color: #00b0f0;

}



.btn-theme-colored4 {

  --bs-btn-color: #000;

  --bs-btn-bg: #70aa32;

  --bs-btn-border-color: #70aa32;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #85b751;

  --bs-btn-hover-border-color: #7eb347;

  --bs-btn-focus-shadow-rgb: 95, 145, 43;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #8dbb5b;

  --bs-btn-active-border-color: #7eb347;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #70aa32;

  --bs-btn-disabled-border-color: #70aa32;

}



.btn-outline-theme-colored1 {

  --bs-btn-color: #2871fa;

  --bs-btn-border-color: #2871fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #2871fa;

  --bs-btn-hover-border-color: #2871fa;

  --bs-btn-focus-shadow-rgb: 243, 172, 10;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #2871fa;

  --bs-btn-active-border-color: #2871fa;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #2871fa;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #2871fa;

  --bs-gradient: none;

}



.btn-outline-theme-colored2 {

  --bs-btn-color: #202d38;

  --bs-btn-border-color: #202d38;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #202d38;

  --bs-btn-hover-border-color: #202d38;

  --bs-btn-focus-shadow-rgb: 8, 51, 88;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #202d38;

  --bs-btn-active-border-color: #202d38;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #202d38;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #202d38;

  --bs-gradient: none;

}



.btn-outline-theme-colored3 {

  --bs-btn-color: #00b0f0;

  --bs-btn-border-color: #00b0f0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #00b0f0;

  --bs-btn-hover-border-color: #00b0f0;

  --bs-btn-focus-shadow-rgb: 23, 174, 217;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #00b0f0;

  --bs-btn-active-border-color: #00b0f0;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #00b0f0;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #00b0f0;

  --bs-gradient: none;

}



.btn-outline-theme-colored4 {

  --bs-btn-color: #70aa32;

  --bs-btn-border-color: #70aa32;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #70aa32;

  --bs-btn-hover-border-color: #70aa32;

  --bs-btn-focus-shadow-rgb: 112, 170, 50;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #70aa32;

  --bs-btn-active-border-color: #70aa32;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #70aa32;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #70aa32;

  --bs-gradient: none;

}



.btn-theme-colored1 {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color1);

  border-color: var(--theme-color1);

}

.btn-theme-colored1:hover, .btn-theme-colored1:focus {

  color: var(--theme-color2-text-color);

  background-color: var(--theme-color1);

  border-color: var(--theme-color1);

}



.btn-theme-colored2 {

  color: var(--theme-color2-text-color);

  background-color: var(--theme-color2);

  border-color: var(--theme-color2);

}

.btn-theme-colored2:hover, .btn-theme-colored2:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color2);

  border-color: var(--theme-color2);

}



.btn-theme-colored3 {

  color: var(--theme-color3-text-color);

  background-color: var(--theme-color3);

  border-color: var(--theme-color3);

}

.btn-theme-colored3:hover, .btn-theme-colored3:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color3);

  border-color: var(--theme-color3);

}



.btn-theme-colored4 {

  color: var(--theme-color4-text-color);

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}

.btn-theme-colored4:hover, .btn-theme-colored4:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color4);

  border-color: var(--theme-color4);

}



.btn-outline-theme-colored1 {

  color: var(--theme-color1);

  border-color: var(--theme-color1);

}

.btn-outline-theme-colored1:hover {

  border-color: var(--theme-color3) !important;

  color: #fff !important;

}



.btn-outline-theme-colored2 {

  color: var(--theme-color2);

  border-color: var(--theme-color2);

}

.btn-outline-theme-colored2:hover {

  border-color: var(--theme-color3) !important;

  color: #fff !important;

}



.btn-outline-theme-colored3 {

  color: var(--theme-color3);

  border-color: var(--theme-color3);

}

.btn-outline-theme-colored3:hover {

  border-color: var(--theme-color3) !important;

  color: #fff !important;

}



input[type=submit].btn-theme-colored1:hover, input[type=submit].btn-theme-colored1:focus {

  color: var(--theme-color2-text-color);

  background-color: var(--theme-color2);

}



input[type=submit].btn-theme-colored2:hover, input[type=submit].btn-theme-colored2:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color1);

}



input[type=submit].btn-theme-colored3:hover, input[type=submit].btn-theme-colored3:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color1);

}



input[type=submit].btn-theme-colored4:hover, input[type=submit].btn-theme-colored4:focus {

  color: var(--theme-color1-text-color);

  background-color: var(--theme-color1);

}



.btn-light:hover, .btn-light:focus,

.btn-dark:hover,

.btn-dark:focus {

  color: var(--theme-color2-text-color);

}



.btn-outline-light {

  color: #fff;

}



.btn-outline-light:hover,

.btn-outline-dark:hover {

  background-color: transparent;

}

.btn-outline-light:hover, .btn-outline-light:focus,

.btn-outline-dark:hover,

.btn-outline-dark:focus {

  color: var(--theme-color2-text-color);

}



/*

 * shop.scss

 * -----------------------------------------------

*/

/*

 * shop-common

 * -----------------------------------------------

*/

.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]),

.woosc_table .button,

.woosc_table .added_to_cart,

.woosw-item .added_to_cart {

  --bs-btn-color: #000;

  --bs-btn-bg: #2871fa;

  --bs-btn-border-color: #2871fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #f5b82f;

  --bs-btn-hover-border-color: #f4b423;

  --bs-btn-focus-shadow-rgb: 207, 146, 9;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #f5bd3b;

  --bs-btn-active-border-color: #f4b423;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #2871fa;

  --bs-btn-disabled-border-color: #2871fa;

  color: var(--theme-color1-text-color);

}

.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):hover,

.woosc_table .button:hover,

.woosc_table .added_to_cart:hover,

.woosw-item .added_to_cart:hover {

  color: var(--theme-color3-text-color);

}

.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):focus,

.woosc_table .button:focus,

.woosc_table .added_to_cart:focus,

.woosw-item .added_to_cart:focus {

  color: var(--theme-color3-text-color);

  box-shadow: none;

}

.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):disabled, .woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]).disabled,

.woosc_table .button:disabled,

.woosc_table .button.disabled,

.woosc_table .added_to_cart:disabled,

.woosc_table .added_to_cart.disabled,

.woosw-item .added_to_cart:disabled,

.woosw-item .added_to_cart.disabled {

  color: var(--theme-color1-text-color);

  opacity: 0.5;

}

.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):disabled:hover, .woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]).disabled:hover,

.woosc_table .button:disabled:hover,

.woosc_table .button.disabled:hover,

.woosc_table .added_to_cart:disabled:hover,

.woosc_table .added_to_cart.disabled:hover,

.woosw-item .added_to_cart:disabled:hover,

.woosw-item .added_to_cart.disabled:hover {

  color: var(--theme-color3-text-color);

}



/*

 *  common.scss

 * -----------------------------------------------

*/

.scroll-to-top a {

  background-image: linear-gradient(to right, #2871fa 0%, #f8c34a 51%, #2871fa 100%);

}

.scroll-to-top a:hover {

  box-shadow: 0 10px 20px rgba(243, 172, 10, 0.5);

  background-position: right center;

}