/*
Theme Name: SNS Theme v3
Template: kadence
Author: SNS Ace
Description: SNS Theme Starter Template - with WooCommerce
Version: 1.3.1771911918
Updated: 2026-02-24 16:45:18

*/


:root {

    /*
    | For the actual colour pallete, refer to the Customize > Style Guide
    */

  /*--global-palette1: #4285f4;
    --global-palette2: #185abc;
    --global-palette3: #000000;
    --global-palette4: #2d3e50;
    --global-palette5: #414141;
    --global-palette6: #656565;
    --global-palette7: #f2eee2;
    --global-palette8: #f7fafc;
    --global-palette9: #ffffff;
    --global-palette10: oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);
    --global-palette11: #13612e;
    --global-palette12: #1159af;
    --global-palette13: #b82105;
    --global-palette14: #f7630c;
    --global-palette15: #f5a524;*/
}


/*------------------------------------------
Base
 ------------------------------------------*/


/*------------------------------------------
End of Base
 ------------------------------------------*/

/*------------------------------------------
Typography
 ------------------------------------------*/

/*Smart Slider*/
div#n2-ss-11item1 {
    font-family: "Bebas Neue", sans-serif !important; 
}


h2.banner-text{
	position: fixed;
	top: 21vw;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	text-align: center;
	display: block;
	width: 100%;
}
/*------------------------------------------
End of Typography
 ------------------------------------------*/


/*------------------------------------------
Modules
 ------------------------------------------*/

.wp-block-cb-carousel-v2 .cb-button-prev {
    right: 45px;
    left: auto;
}

.wp-block-cb-carousel-v2 .cb-button-prev, .wp-block-cb-carousel-v2 .cb-button-next {
    top: -10%;
}

.wp-block-cb-carousel-v2 .cb-button-next{
    right: calc(var(--wp--custom--carousel-block--navigation-size, -18px) * -1 / 44 * 27 - var(--wp--custom--carousel-block--navigation-sides-offset, 10px));
}

.tablepress>:where(thead,tfoot)>tr>* {
    background-color: rgb(208 46 47) !important;
    color: #ffffff !important;
}

.rll-youtube-player {
    border-radius: 10px;
}

 /*Carousel Slider*/

/*Default*/
.cb-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    justify-content: flex-start;
}

.wp-block-cb-carousel-v2 .wp-block-image>a,
.wp-block-cb-carousel-v2 .wp-block-image>figure>a {
    display: inline-block;
    border: 1px !important;
    color: #fff;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--global-palette2, #2B6CB0);
}

.wp-block-column.content {
    padding: 30px 20px 0px 20px;
}


.cb-button-prev.swiper-button-prev:hover, .cb-button-next.swiper-button-next:hover {
    background-color: #cf2e2e !important;
}


h2.wp-block-heading a:hover {
    color: var(--global-palette2, #2B6CB0);
}

/*Carousel Slider Customize*/
p.round-box {
    background-color: #e9e7e8;
    display: block;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 50px;
    margin-bottom: 20px;
}

/*End of Carousel Slider*/

/*Check Mark on Homepage*/
.wp-block-list.checkmark {
    list-style: none;
    padding-left: 0;
}

.wp-block-list.checkmark li {
    position: relative;
    padding-left: 28px;
}

.wp-block-list.checkmark li::before {
    content: "\f00c"; /* Font Awesome check icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Required for solid icons */
    position: absolute;
    left: 0;
    top: 2px;
    color: #CF2E2E; /* Change to your brand color */
}

/*------------------------------------------
End of Modules
 ------------------------------------------*/


/*------------------------------------------
Layouts
 ------------------------------------------*/

.home video.video-background {
    position: fixed;
}

footer#colophon {
    z-index: 1;
}

.cb-button-prev.swiper-button-prev, .cb-button-next.swiper-button-next {
    background-color: #929292 !important;
    padding: 18px !important;
    color: #fff !important;
    border-radius: 5px !important;
}

.wp-block-cb-slide-v2.cb-slide.swiper-slide {
   background-color: #ffffff;
}

.wp-block-cb-slide-v2.cb-slide.swiper-slide img {
    padding: 20px;
}

.sidebar-inner-wrap {
    background-color: #d02e2f;
    padding: 21px;
    border-radius: 10px;
}

.sidebar-inner-wrap {
    position: sticky;
    top: 21%;
}

#kt-scroll-up-reader.scroll-up-side-right, #kt-scroll-up.scroll-up-side-right {
    bottom: 100px;
}


 footer .menu-item {
    padding-bottom: 10px !important;
}


/*------------------------------------------
End of Layouts
 ------------------------------------------*/


/*------------------------------------------
Theme
 ------------------------------------------*/

.home .gform_wrapper.gravity-theme .gfield input.large::placeholder,
.home .gform_wrapper.gravity-theme .gfield select.large::placeholder {
    color: #b5b5b5;
}

.home .gform_wrapper.gravity-theme .gfield_label {   
    font-weight: 200;
    color: #fff;
}

.home span.gfield_required.gfield_required_text {
    color: #ffffff !important;
}

/*sidebar form*/
aside#secondary .gform_wrapper.gravity-theme .gfield input.large::placeholder,
aside#secondary .gform_wrapper.gravity-theme .gfield select.large::placeholder {
    color: #b5b5b5;
}

aside#secondary .gform_wrapper.gravity-theme .gfield_label {   
    font-weight: 200;
    color: #fff;
}

aside#secondary span.gfield_required.gfield_required_text {
    color: #ffffff !important;
}


ul.wp-block-social-links.has-icon-background-color.is-layout-flex.wp-block-social-links-is-layout-flex a {
    color: #fff !important;
}

/*------------------------------------------
End of Theme
 ------------------------------------------*/



/*------------------------------------------
Buttons
 ------------------------------------------*/

input#gform_submit_button_1 {
    background-color: #fff;
    color: #111111;
    font-weight: 600;
    width: 100%;
	border: 1px solid #fff
}

input#gform_submit_button_1:hover {
    background-color: #d02e2f;
    border: 1px solid #fff;
	color: #fff
}
/*
button.button-submit{
	 background-color: #fff !important;
    color: #111111 !important;
    font-weight: 600 !important;
    width: 100% !important;
	border: 1px solid #fff !important
}

button.button-submit:hover {
    background-color: #d02e2f !important;
    border: 1px solid #fff !important;
	color: #fff !important
}*/

/*------------------------------------------
End of Buttons
 ------------------------------------------*/


/*------------------------------------------
Changing States
 ------------------------------------------*/

.n2-ss-button-container a:hover {
    transition: all .2s ease !important;
}

/*------------------------------------------
End of Changing States
 ------------------------------------------*/


/*------------------------------------------
Hidden
 ------------------------------------------*/


/*------------------------------------------
End of Changing Hidden
 ------------------------------------------*/

.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .product-action-wrap, .woocommerce ul.products.woo-archive-action-on-hover li.product:focus-within .product-action-wrap {
    bottom: -1rem;
}

.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: 2em;
	color: #555555
}

.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price {
    font-size: 2rem;
}

.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: .1rem 0;
}


/*------------------------------------------
Media Queries
 ------------------------------------------*/

@media only screen and (max-width: 1024px){
	.site-bottom-footer-inner-wrap.site-footer-row.site-footer-row-columns-2.site-footer-row-column-layout-equal.site-footer-row-tablet-column-layout-default.site-footer-row-mobile-column-layout-row.ft-ro-dir-row.ft-ro-collapse-normal.ft-ro-t-dir-default.ft-ro-m-dir-default.ft-ro-lstyle-plain {
    display: flex;
    flex-direction: column-reverse;
}
	h2.banner-text {
		top: 27vw;
	}
}

@media (max-width: 768px){
.home video.video-background {
    position: relative;
}
}

@media (min-width: 1024px){
	ul.sub-menu.kb-nav-sub-menu {
    min-height: 600px !important;
    height: 600px !important;
    overflow-x: auto !important;
}
}


/*------------------------------------------
End of Media Queries
 ------------------------------------------*/