/*
Theme Name: IKANDI
Theme URI: http://ikandigraphics.com
Description: IKANDI GRAPHICS
Version: 1.0
Author: James Dean Miller
Author URI: http://ikandigraphics.com
Tags: Ai, Images, Videos, Digital Media, Free, Personal, Commercial use, 
*/

/* Hide Scroll */

/*
html {
scroll-behavior: smooth;
scrollbar-width: none;
overflow-x:hidden;
}
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
*/


/* Force Woo Widths */
html, body {
/* Prevent horizontal scrolling caused by overflowing elements */
/*overflow-x: hidden; */
}

/* Admin Product Grid */
table.wp-list-table .column-thumb {
width: 192px!important;
text-align: center;
white-space: nowrap;
}
table.wp-list-table td.column-thumb img {
margin: 0;
width: auto;
height: auto;
max-width: 180px!important;
max-height: 180px!important;
vertical-align: middle;
}
/* Ensure the main content wrapper isn't adding weird padding/margins */
#content, .site-main, .woocommerce {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* RESTRICT RIGHT CLICK */

body {
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
}
/* RESTRICT WOO PRODUCT CLICK */
.woocommerce-product-gallery__image a {
pointer-events: none!important;
cursor: default!important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
/*outline: none;
outline-width: 0;*/
}

/* Cookie Banner */

.cky-hide {
/*display: block !important;*/
}
.cky-overlay {
background: #000000;
opacity: 0.4;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:9999999!important
}

.cky-accordion-chevron {
position: relative;
cursor: pointer;
margin-right: auto!important;
}

.cky-footer-wrapper div:nth-child(3) {
display: none !important;
}
.cky-btn {
margin:auto!important;
}
.cky-revisit-bottom-right {
bottom: 40px!important;
right: 40px!important;
}
.cky-notice-des {
line-height: 18px!important;
margin-bottom: 20px!important;
}
.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn {
margin-bottom: 10px !important;
}
.cky-accordion-item .cky-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.cky-accordion-header .cky-always-active {
display: none!important;
}
.cky-notice-btn-wrapper button {
border-color: #ffffff!important;
border-style: solid!important;
border-width: 1px!important;
}
/* Remove Woo Preloader */

.woocommerce .loader::before {
display: none !important;
}
/* Preloader */

.loading-gif {
max-width: 500px;
}

.pre-loader {
position: fixed;
z-index: 9999; /** make sure this is the highest value compared to all other divs **/
top: 0;
left: 0;
background: #111111;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}

.pre-loader.hidden {
animation: fadeOut 2s; /** change to 1s */
animation-fill-mode: forwards;
}

@keyframes fadeOut {
100% {
opacity: 0;
visibility: hidden;
}
}
.pre-loader.remove {
display:none;	
}
.loader {
position: relative;
width: 85px;
height: 50px;
background-repeat: no-repeat;
background-image: linear-gradient(#FFF 50px, transparent 0),
linear-gradient(#FFF 50px, transparent 0),
linear-gradient(#FFF 50px, transparent 0),
linear-gradient(#FFF 50px, transparent 0),
linear-gradient(#FFF 50px, transparent 0),
linear-gradient(#FFF 50px, transparent 0);
background-position: 0px center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
animation: rikSpikeRoll 0.65s linear infinite alternate;
}
@keyframes rikSpikeRoll {
0% { background-size: 10px 3px;}
16% { background-size: 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
33% { background-size: 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
50% { background-size: 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px}
66% { background-size: 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px}
83% { background-size: 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px, 10px 3px}
100% { background-size: 10px 3px, 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px}
}

/* Preloader End */

/* Hide Nav Menu - Customize */ 
li#wp-admin-bar-customize {
display: none!important;
}
/* Hide Yoast Nav Menu */

li#wp-admin-bar-wpseo-menu {
/*display: none !important;*/
}
/* Remove WordPress About */
li#wp-admin-bar-wp-logo {
display: none !important;
}

/* JD Translator Overlay */
.show_translator_overlay {
display:block!important;
}
.translator_overlay {
display:none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100vh!important;
background-color: black;
z-index: 9!important;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity = 80);
}
.gt_black_overlay {
display:none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100vh!important;
background-color: black;
z-index: 9!immportant;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity = 80);
}
.gt_white_content.notranslate {
z-index: 99!important;
}

/* Woo Shop Grid */

/* JDS MASONRY GRID */

/* --- WOOCOMMERCE WRAPPER OVERRIDES (Cleaned & Consolidated) --- */
/* (Wrapper overrides kept as they are correct for full-width layout) */
html, body {
/*overflow-x: hidden !important;*/
}
#primary, 
.content-area, 
.woocommerce-products-header, 
.woocommerce {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important; 
}
.site-content,
.site-main {
padding-left: 0 !important;
padding-right: 0 !important;
}

/* ====================================
1. MASONRY BASE STYLES (4 COLUMNS DESKTOP - ZERO GAP MOSAIC)
==================================== */
.masonry-wrapper {
width: 100% !important; 
overflow: hidden !important;
padding: 0 !important;
margin: auto !important;
padding-top: 60px !important;
}
.woocommerce ul.products {
display: block !important;
list-style: none !important;
padding: 0 !important;
}
/* Container for Masonry Grid */
.woocommerce ul.products.masonry-grid {
width: 100% !important; 
/* Zero horizontal margin for zero-gap to the edges */
margin: 0 -2px 0 2px !important;
}

/* The Grid Item: Clean up sizing and boxing */
.masonry-grid .product {
box-sizing: border-box !important; 
float: left !important;

/* Set to a perfect width for zero gap */
width: calc(25% - 8px) !important;

/* ZERO PADDING */
padding: 0 !important;

/* CRITICAL: MINIMAL vertical margin for Masonry to calculate stacking */
margin: 0 0 1px 0 !important; 
}

/* CRUCIAL: Ensure images use their natural aspect ratio */
.masonry-grid .product img {
display: block !important;
width: 100% !important;
height: auto !important; 
margin: 0 !important; /* Zero margin on image */
}

/* ====================================
2. MEDIA QUERIES (RESPONSIVENESS - ZERO GAP MOSAIC)
==================================== */

/* --- TABLET (3 Columns) --- */
@media screen and (max-width: 1024px) {
.masonry-grid .product {
/* Set to a perfect 3-column width */
width: calc(33.333% - 8px) !important;
padding: 0 !important;
}
}

/* --- LARGE MOBILE (2 Columns) --- */
@media screen and (max-width: 768px) {
.masonry-grid .product {
/* Set to a perfect 2-column width */
width: calc(50% - 8px) !important;
padding: 0 !important;
}
}

/* --- MOBILE (1 Column) --- */
@media screen and (max-width: 480px) {
.woocommerce ul.products.masonry-grid {
margin: 0 !important; 
}
.masonry-grid .product {
width: 100% !important;
padding: 0 !important; 
margin: 0 0 1px 0 !important; 
}
}

/* Masonry Notice */
/* Container for the loading message */
#infinite-scroll-loading-msg {
/* Fixed position keeps it in view as the user scrolls */
position: fixed;
bottom: 300px; /* Adjust distance from the bottom */
left: 50%;
/* Center the element by shifting it left by half its width */
transform: translateX(-50%);
z-index: 1000; /* Ensure it floats above other content */
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.75); /* Semi-transparent dark background */
color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
font-size: 16px;
text-align: center;
}

/* Style for a simple CSS spinner (optional but recommended) */
.css-spinner {
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #fff; /* White color for the spinning part */
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s linear infinite;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Arrange content inside the loader */
.loader-content {
display: flex;
align-items: center;
justify-content: center;
}

.loading-text {
margin: 0;
}

/* IKANDI DISCOUNT NOTICE */
.discount_notice {
display: flex;
flex-direction: column;
width: 80%;
margin: 50px auto;
text-align: center;
padding:30px 0px;
}
.discount_text {
font-size: 12px;
width: 80%;
max-width: 500px;
margin: auto;
}
.discount_code {
font-size: 20px;
font-weight: 600;
margin: 20px auto;
}
/* PRODUCT NAVIGATION */

.prev-container {
position: fixed;
width:120px;
height: 120px;
float: left;
display: block;
left: 0;
top: 0;
bottom:0;
margin: auto;
}
.next-container {
position: fixed;
width:120px;
height: 120px;
float: right;
display: block;
right: 0;
top: 0;
bottom:0;
margin: auto;
}

@media only screen and (max-width: 600px) {	
.prev-container {
position: fixed;
height: 120px;
float: left;
display: block;
left: -30px;
}
.next-container {
position: fixed;
height: 120px;
float: right;
display: block;
right: -30px;
}
.ripple {
transform: none!important;	
}
}
.center-container {
display: none!important;
overflow: hidden;
height: 120px;
width: 120px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
}
#next-pulse-container, #prev-pulse-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
border: 2px solid #fff;
z-index: 99999;
cursor: pointer;	
}	
#next-pulse, #prev-pulse {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 30px;
height: 30px;
border-radius: 30px;
cursor: pointer;
}

.next-icon-bg, .prev-icon-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
background-color: rgba(0,0,0, 0.6);
border: 2px solid #fff;
width: 40px;
height: 40px;
border-radius: 100%;
z-index: 9999;   
}

#next-icon-container, #prev-icon-container {
cursor: pointer;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
}

#next-icon-container .prev-arrow{right: 35%;}
.prev-arrow {position: absolute; bottom: 0; left: 5px; margin-left:0px; width: 12px; height: 12px; background-size: contain; top:14px;}
.prev-second{margin-left: 8px;}	

#next-icon-container .next-arrow{left: 30%;}
.next-arrow {position: absolute; bottom: 0; left: 10px; margin-left:0px; width: 12px; height: 12px; background-size: contain; top:14px;}
.next-second{margin-left: 8px;}

.next {
background-image: url("https://ikandigraphics.com/wp-content/uploads/2025/01/next.svg");
}
.prev {
background-image: url("https://ikandigraphics.com/wp-content/uploads/2025/01/prev.svg");
}

/* Previous Arrows Animation */	

@keyframes bounceAlpha {
0% {opacity: 1; transform: translateX(0px) scale(1);}
25%{opacity: 0; transform:translateX(-10px) scale(0.9);}
26%{opacity: 0; transform:translateX(10px) scale(0.9);}
55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
animation-name: bounceAlpha;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.prev-arrow.prev-second.bounceAlpha {
animation-name: bounceAlpha;
animation-duration:1.4s;
animation-delay:0.2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.prev-icon-bg:hover .prev-arrow{
animation-name: bounceAlpha;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
.prev-icon-bg:hover .prev-arrow.prev-second{
animation-name: bounceAlpha;
animation-duration:1.4s;
animation-delay:0.2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

/* Next Arrows Animation */	

@keyframes bounceBeta {
0% {opacity: 1; transform: translateX(0px) scale(1);}
25%{opacity: 0; transform:translateX(10px) scale(0.9);}
26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceBeta {
animation-name: bounceBeta;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.next-arrow.first.bounceBeta {
animation-name: bounceBeta;
animation-duration:1.4s;
animation-delay:0.2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.next-icon-bg:hover .next-arrow{
animation-name: bounceBeta;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
.next-icon-bg:hover .next-arrow.first{
animation-name: bounceBeta;
animation-duration:1.4s;
animation-delay:0.2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

/* For Ripple Effect */

.ripple {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 24px;
height: 24px;
border-radius: 30px;
transform-origin: center;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
opacity:0;
z-index: 999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

#ripple, .ripple {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 24px;
height: 24px;
border-radius: 30px;
transform-origin: center;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
opacity:0;
z-index: 999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

#ripple:focus {
outline: none!important;
border:0;
box-shadow:none;
}

/* Product Info Modal */
button.reset_variations {
display: none!important;
}
/* NAVIGATION MODALS */

.orientationColumns {
display:flex;
width:100%;
margin:auto;
text-align:center;
}
.orientationCol1, .orientationCol2 {
display:flex;
width:100%;
margin:auto;
text-align:center;
flex-direction:column;
}
.portraitIcon, .landscapeIcon {
display:flex;
width:100%;
margin:auto;
}
.downloadsModalTitle {
display:flex;
width:100%;
margin:auto;
text-align:center;
justify-content: center;
margin-bottom: 30px;
font-size: 18px;
font-weight: 600;
}
.sizeText {
font-size:12px;
color:#ffffff;
}
img.portraitIcon {
width: 40%;
}
img.landscapeIcon {
width: 60%;
min-height: 150px;
}
.col1Spacer {
height:20px;
}
.col2Spacer {
height:10px;
}
/* Nav Search */

.nav ul a .search_container {
width: 50px;
height:40px;
display: inline-flex;
align-items: center;
cursor:pointer;
}
.nav ul a .search_container .search_icon {
height: 40px;
}
.burgerMenuContainer {
font-size: 30px;
cursor: pointer;
width: 50px;
height:60px;
display: flex;
flex-direction: row;
justify-content: end;
cursor:pointer;
}
.burgerMenu {
width: 100px;
display: flex;
align-items: center;
}
/* New Burger Menu */
.menu {
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
padding: 0;
}
.line {
fill: none;
stroke: black;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}



/* Nav Mobile  Icons */
.navMobileIcons {
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: end;
}
.navMobileIcons .search_container {
width: 40px;
height:40px;
display: inline-flex;
align-items: center;
}
.navMobileIcons img.search_icon {
width:50px;
height: 40px;
}
/* Mobile Nav Search */

.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg {
left: unset!important;
justify-content: center!important;
align-content: center!important;
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-color: transparent;
border-radius: 30px!important;
margin-top: 10px!important;
}
.dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp, .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return {
background: #fff;
position: absolute;
z-index: 9;
right: 5%;
}
.dgwt-wcas-search-wrapp {
width: 100% !important;
max-width: 100% !important;
display: block;
}
a.js-dgwt-wcas-enable-mobile-form.dgwt-wcas-enable-mobile-form {
display: none!important;
}
/* Search Results */
.searchResults {
background-color: rgb(0 0 0 / 40%)!important;
padding: 20px;
position: fixed;
width: 100%;
color: #fff;
text-align: center;

}
/* WOO SEARCH */

form.woocommerce-product-search {
display: flex;
margin: 30px auto;
}
input#woocommerce-product-search-field-0:-webkit-autofill, input#woocommerce-product-search-field-0:-webkit-autofill:hover, input#woocommerce-product-search-field-0:-webkit-autofill:focus, input#woocommerce-product-search-field-0:-webkit-autofill:active {
background-color: blueviolet;
-webkit-background-clip: text;
-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s;
box-shadow: inset 0 0 20px 20px #111111;
}
input#woocommerce-product-search-field-0 {
min-width: 300px;
max-width: 80%;
border: solid 2px #ffffff;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
height: 20px;
background: #111111;
color: #ffffff;
border-right: unset;
text-indent: 10px;
}
input#woocommerce-product-search-field-0::placeholder {
color: #ffffff;
font-size:14px;
}
form.woocommerce-product-search button {
width: 40px;
height: 44px;
background: #111111;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border: solid 2px #ffffff;
border-left: unset;
}

.sidebar-widget img.search_icon {
fill: #ffffff;
color: #ffffff;
filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2%) hue-rotate(121deg) brightness(103%) contrast(101%);
}

/* Newsletter */

article#post-709 {
/*height: 100vh !important;*/
}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile select, .tnp-profile textarea {
border: 1px solid #ffffff!important;
}

.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea {
width: 100%;
padding: 0.7em!important;
display: block;
/* border: 1px solid #ffffff; */
color: #ffffff!important;
border-color: 1px solid #ffffff!important;
background-color: rgba(0, 0, 0, 0.8)!important;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}

#tnp-modal-body {
padding: 2rem;
background: rgb(0 0 0 / 80%)!important;
color: #ffffff!important;
font-size: 12px !important;
}

#tnp-modal-content {
width: 80%!important;
max-width: 400px!important;
background-color: rgba(0 0 0 / 0%)!important;
color: #ffffff!important;
font-size: 12px !important;
}
div.tnp-subscription, form.tnp-subscription, form.tnp-profile, form.tnp-subscription-popup {
display: block!important;
margin: auto!important;
max-width: 500px !important;
width: 80%!important;
height: 300px!important;
top: 0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
position: fixed!important;
}
.tnp-subscription label, .tnp-profile label, .tnp-subscription-popup label {
display: flex!important;
align-items: center;
color: #ffffff!important;
}
.tnp.tnp-subscription.tnp-subscription-popup form input {
background: #111;
border: solid 1px #ffffff!important;
accent-color: #e8328d!important;
font-size: 14px!important;
line-height: 40px!important;
height: 40px!important;
padding: 0px 10px!important;
color: #ffffff;
}
.tnp-field input[type="submit"] {
position: inherit;
background-color: #111111 !important;
color: #ffffff!important;
border-radius: 3px!important;
width: 100% !important;
padding: 1em!important;
}
#tnp-modal-close {
position: absolute;
right: 10px!important;
top: 0px;
font-size: 30px!important;
color: #ffffff !important;
line-height: normal !important;
}

html #wpadminbar {
position:fixed!important;
}
/* HIDE SEEDPROD ADMIN NOTICE */
li#wp-admin-bar-seedprod_admin_bar {
display: none;
}

/* Smart Slider */
.home-slider {
width:100%!important;
margin-top: 50px!important;
}
.n2-ss-slider .n2-ss-layer[data-sstype=slide]  {
height: 100vh!important;
min-height: 100vh!important;
}

.n2-ss-slider .n2-ss-layer-with-background {
max-width:100%!important;
margin: auto!important;
}
ss3-force-full-width {
width: 100% !important;
}

/* The Grid */

article#post-3543 {
display: flex!important;
}

/* Loading Button */

#grid-94 .tg-search-icon:hover:before, #grid-94 .tg-search-icon:hover input, #grid-94 .tg-disabled:hover .tg-icon-left-arrow, #grid-94 .tg-disabled:hover .tg-icon-right-arrow, #grid-94 .tg-dropdown-title.tg-nav-color:hover {
background: #111111!important;
border-radius: 20px;
color: #fff !important;
z-index: 9999; 
margin-bottom: 3% !important;
}

/* Ensures the button holder is fixed and centered */
.tg-grid-area-bottom2 {
position: absolute!important;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
width: auto;
}

/* Applies the visual styles (dark background, padding, box-shadow) */
.tg-ajax-button {
padding: 10px 20px !important;
background-color: rgba(0, 0, 0, 0.8) !important;
color: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
font-size: 16px !important;
text-align: center;
border: none !important;
cursor: default !important;

/* Crucial: Set display to flex to align the text and the new spinner */
display: flex !important;
align-items: center !important;
justify-content: center !important;

}
#grid-94 .tg-nav-color {
color: #ffffff !important;	
}
/* Ensure The Grid's inner text span doesn't disrupt the flex layout */
.tg-ajax-button > span {
margin: 0 !important;
line-height: normal !important;
padding: 0 !important; /* Reset any default padding on the span */
}

/* --- 2. Injecting the Spinner (The Fix) --- */

/* Use the ::after pseudo-element to create the spinning graphic */
.tg-ajax-button::after {
/* Required for pseudo-elements */
content: ''; 

/* Spinner Size and Shape */
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #fff; /* White color for the spinning part */
border-radius: 50%;
width: 20px;
height: 20px;

/* Position and Animation */
margin-left: 10px; /* Space between the text and the spinner */
animation: spin 1s linear infinite;
display: inline-block;
vertical-align: middle;
}

/* --- 3. Keyframe Animation (Keep this) --- */

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Loading Button End */

/*
.tg-item {
float: left;
width: 33% !important;
height: auto;

}

.tg-grid-holder.tg-layout-grid {
left: 0 !important;
width: 100% !important;
}*/

.tg-grid-holder {
position: relative;
display: block;
/*max-width: 100%!important;	
left: 0px !important;*/
overflow: hidden;
margin-bottom:0px!important;	
}
.tg-grid-wrapper {
position: relative;
display: block;
min-height: 1px;
padding-top: 60px!important;
margin: 0!important;
/*width: 100%!important;*/
overflow: hidden!important;
/*left: 0px !important;*/
}
.tg-ajax-button {
margin: 20px 0 20px 0!important;
padding: 0 15px;
white-space: pre;
}

/* GRID THEME CATEGORIES */
.oslo .tg-cats-holder {
display:none!important;
}
.oslo .tg-item-title, .oslo .tg-item-title a {
font-size: 12px!important;
line-height: 14!important;
font-weight: 600;

}
/* GRID IMAGE POPUP WINDOW */

.tolb-content {
max-width: 40%;
margin: auto;	
}
.tolb-inner figcaption {
width: 90%!important;
}
.tolb-holder figure {
max-width: unset!important;
}
.tolb-holder .tolb-close {
position: absolute;
display: block;
right: 31%!important;
top: 10px !important;
height: 24px!important;
width: 24px!important;
line-height: 20px!important;
text-align: right;
font-size: 20px;
cursor: pointer;
opacity: .7;
border-radius: 30px!important;
border: solid 2px #ffffff!important;
background-color: rgba(0, 0, 0.6) !important;
z-index: 99;
}

.tolb-counter {
right: 22%;
}
.brasilia .tg-item-title, .brasilia .tg-item-title a {
font-size: 14px!important;
line-height: 16px!important;

}
/* Home */

.icon_container {
display:flex;	
width:100%;
margin:30px auto;
}
.icon_columns {
display:flex;	
width:100%;
max-width: 1400px;
margin:auto;
}
.icon_col1 {
display:flex;	
flex-direction: column;
width:33.33%;	
margin:auto;
align-items: center;
justify-content: center;
margin-top: 0;
}
.icon_col2 {
display:flex;	
flex-direction: column;
width:33.33%;	
margin:auto;
align-items: center;
justify-content: center;
margin-top: 0;
}
.icon_col3 {
display:flex;	
flex-direction: column;
width:33.33%;	
margin:auto;
align-items: center;
justify-content: center;
margin-top: 0;
}
.icon_svg {
width:100%;
max-width:80px;
margin:auto;
}
.icon_title {
font-size:14px;
color:#111111;
margin: 20px auto;
font-weight: 600;
}

.icon_text {
font-size:12px;
color:#111111;	
margin:auto;
margin-bottom:30px;
width: 60%;
text-align: center;
}

/* STYLE THE BLOG */

.ikandiPost {
padding:20px;
text-indent:0px;
}
span.date,span.author,.comments,a.post-edit-link {
text-indent: 0px;
display: block;
}
a.post-edit-link {
display:none!important;
margin-bottom: 20px;
padding: 10px;
}
/* SINGLE POST */
.post_title {
padding: 20px 20px 20px 20px;
font-size: 18px;
width: 80%;
max-width: 1200px;
margin: auto;
font-weight: 600;
margin-top: 20px;
}
.post_content {
padding: 0px 20px 20px 20px;
font-size: 12px;
width: 80%;
max-width: 1200px;
margin: auto;
}

.post_comments, .post_edit {
padding: 20px;
font-size: 12px;
width: 80%;
max-width: 1200px;
margin: auto;	

}
/* PAGINATION */
.pagination {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}

/* Search Modal */

/* The Search Modal (background) */
.search_modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: hidden; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.search-modal-content {
position:absolute;
/*background-color: #111111;*/
margin: auto;
padding: 10px;
/*border: 1px solid #888;*/
width: 90%;
max-width:600px;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
z-index:999;
}

/* Search  Modal End */

/* Fibo Search */
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 13px 24px 13px 48px;
line-height: 24px;
font-size: 17px;
border: 2px solid #ffffff!important;
border-radius: 30px;
height: auto;
font-family: Roboto, sans-serif;
background-color: rgba(0, 0, 0, 0.8)!important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background: unset!important;
}
.dgwt-wcas-suggestions-wrapp {
background: unset;
border: unset;
border-top: none;
}
a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
color: #ffffff!important;
}
.dgwt-wcas-st {
display: block;;
color: #ffffff!important;
}
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
justify-content: center;
color: #ffffff!important;
}
.dgwt-wcas-suggestion-selected {
background-color: unset !important;
}
.dgwt-wcas-meta span {
color: #ffffff!important;
}
.dgwt-wcas-si {
width: 100px!important;
display: block;
height: 100%;
}
.dgwt-wcas-overlay-mobile {
background: unset!important;
}
.dgwt-wcas-suggestion-nores {
color: #ffffff!important;
}
.search-custom-container {
margin-top: 30px;
}
.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path, .dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path, .dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path, .dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
fill: #ffffff!important;
}
.dgwt-wcas-om-bar button.dgwt-wcas-om-return, .dgwt-wcas-om-bar button.dgwt-wcas-om-return:active, .dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus, .dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover {
width: 10%!important;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0) !important;
cursor: pointer;
position: relative;
margin: 0;
padding: 0;
box-shadow: none;
outline: 0;
border: none;
border-spacing: 0;
border-radius: 0;
margin-top:10px;
}
input#dgwt-wcas-search-input-1::placeholder {
color: #ffffff!important;
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding-left: 10px;
color: #ffffff!important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
box-shadow: none;
transition: 30ms ease-in;
color: #ffffff!important;
}
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile {
width: calc(100% - 0%)!important;
max-width: none;
margin: 0;
}
.dgwt-wcas-search-wrapp {
width: 100% !important;
max-width: 100% !important;
display: block;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 13px 24px 13px 48px;
line-height: 24px;
font-size: 17px;
border: 2px solid #ffffff !important;
border-radius: 30px;
height: auto;
font-family: Roboto, sans-serif;
background-color: rgba(0, 0, 0, 0.8) !important;
color: #ffffff!important;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: hidden; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Dialog */
#dialog-box1, #dialog-box2, #dialog-box3, #dialog-box4, #dialog-box5, #dialog-box6, #dialog-box7, #dialog-box8, #dialog-box9, #dialog-box10, #dialog-box11, #dialog-box12, #dialog-box13, #dialog-box14, #dialog-box15, #dialog-box16, #dialog-box17, #dialog-box18, #dialog-box19, #dialog-box20, #dialog-box21, #dialog-box22, #dialog-box23, #dialog-box24, #dialog-box25, #dialog-box26, #dialog-box27, #dialog-box28, #dialog-box29, #dialog-box30, #dialog-box31, #dialog-box32 {
height:100vh;	
}

/* Modal Content */
.modal-content {
position:absolute;
background-color: #111111;
margin: auto;
padding: 10px;
border: 1px solid #888;
width: 90%;
max-width:600px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Title */
.summary.entry-summary h1.product_title.entry-title {
margin: 0px 0px !important;
}
/* Product Price */ 

.summary.entry-summary .price {
font-size: larger;
font-weight:600;
} 
/* Variation Select */

.variations_form .variations tbody tr th.label {
color: #fff;
padding-right: 10px;
}
.variations_form .variations tbody tr td select {
background: #111;
color: #ffffff;
font-size: small;
}
a.reset_variations {
display: none!important;
}
/* SKU */
.product_meta span.sku_wrapper {
width: 100%!important;
display: flex!important;
}
/* Tags */
.product_meta span.posted_in, .product_meta span.tagged_as {
display: block!important;
width: 100%;
}
.product_meta span {
padding: 5px 0px;
display: flex;
align-items: center;
}
span.sku_wrapper .sku {
padding: 0px;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
position: absolute;
font-weight: bold;
right: 10px;
top: 5px;
height: 20px;
line-height: 20px;
}

.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.modal-title {
color:#fff;
text-align:center;
}
.modal-text {
text-align:center;
margin:auto;
color:#fff;
margin-bottom: 20px;
}
.modal-link {
color:#fff;
text-align:center;
text-decoration:none;
}
.modal-link a:link {
color:#fff;
text-align:center;
text-decoration:none;
}
#box {
position:relative;
display:block;
margin-top: 5px;
}
#infoBtn {
width: 35px!important;
float: left;
margin-right: 10px;
}
#download-Btn {
width: 35px!important;
float: left;
margin-right: 10px;
}
#box .icon-container {
position: absolute!important;	
bottom: 5%!important;
right: 10%!important;
width:auto;
height:auto;
z-index:1;
display:flex;
}
.love {
height: 35px!important;
font-size: 100%!important;
margin: 0 0 0 0;
text-indent: 1;
}
.LoveCheck {
visibility: hidden;
top: 0;
left: 0;
position: absolute;
height: 35px!important;
}
.LoveLabel {
background: url(./img/love-bg.svg);
background-repeat: no-repeat;
background-size: 100%;	
vertical-align: middle;
cursor: pointer;
line-height: 36px!important;
position: relative;
margin: auto!important;
}
.LoveCheck:not(:checked) + .LoveLabel {
color: #ffffff!important;
font-size: 100%!important;
height: 35px!important;
width: 35px!important;
}
.LoveCheck:checked + .LoveLabel {
color: #ffffff!important;
will-change: font-size;
animation: grossissement 1s cubic-bezier(.17, .89, .32, 1.49);
font-size: 100%!important;
height: 35px!important;
width: 35px!important;
}
.LoveCheck:checked + .LoveLabel:hover {
animation: none!important;
will-change: font-size;
width: 35px!important;
height: 35px!important;
text-align: center;
line-height: inherit;
display: inline-block;
}
.LoveCount {
margin: 0;
display: inline-block;
font-size: 1.2em;
line-height: 35px;
vertical-align: middle;
margin-left: 0.3em;
color: #ffffff!important;
text-shadow: 0px 0px 10px rgb(0 0 0 / 50%)!important;
}
.LoveLabel::before {
font-size: 18px!important;
width: 35px!important;
height: 35px!important;
margin:auto!important;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
line-height: inherit!important;
}
.LoveLabel::after {
content: "\f487";
width: 35px!important;
height: 35px!important;
margin:auto!important;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
font-size: 18px!important;
opacity: 0.8;
line-height: inherit!important;
}
.intro-logo {
width:60%;
max-width:300px;
margin:100px auto 30px auto;
}
.intro-container {
width:100%;
height:auto;
padding:2% 5%;
}
.intro-text {
color: #111111;
font-size: 1.25em;
text-decoration: none!important;
text-align: center;
margin: auto;
max-width: 1400px;
width: 100%;
}
.woofc-count {
z-index:99999!important
}
.woofc-count i {
font-size: 24px;
line-height: 60px;
color: #111111;
}
/* Nav Basket Icon */
.nav ul li a span .woofc-icon-cart8:before {
content: "\e106";
font-size: x-large!important;
line-height: 14px!important;
}
/* Basket */
.wp-block-woocommerce-cart {
/*height: 100vh!important;*/
}
.is-large .wc-block-components-sidebar .wc-block-components-panel, .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, .is-large .wc-block-components-sidebar .wc-block-components-totals-item {
padding-left: 0px!important;
padding-right: 16px!important;
}
/* Empty Basket */
.wp-block-woocommerce-empty-cart-block hr {
display: none;
}
div.wp-block-woocommerce-empty-cart-block > h2:nth-child(3) {
display: none;
}
.wp-block-button__link:hover {
color: #ffffff!important;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
background-color: #111111!important;
}
.wp-block-button__link {
width: 100px!important;
height: 20px!important;alignment-baseline
color: #fff;
background-color: #111111!important;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: 4px!important;
font-size: 1em!important;
}
.wp-block-product-new {
padding: 14px!important;
}
.with-empty-cart-icon {
padding: 30px 0px!important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
height: 100%!important;
max-width: 100%!important;
width: 100%!important;	
}
.wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-link {
display: inline-block;
position: relative;
width: 100%!important;	
}
/* Basket - Buy Again */
.is-large.wc-block-cart {
padding: 20px!important;
}
.is-medium.wc-block-components-sidebar-layout, .is-mobile.wc-block-components-sidebar-layout, .is-small.wc-block-components-sidebar-layout {
height: 100vh!important;
padding: 20px!important;
}
.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-mobile {
padding: 20px!important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
min-height: 3em;
background-color: #111111!important;
border-radius: 20px!important;
color: #ffffff !important;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
color: #ffffff !important;
}
.is-large.wc-block-cart .wc-block-cart__totals-title {
font-size: 12px!important;
}
/* Hide nav price */
span.woofc-menu-item-inner-subtotal {
display: none!important;
}
.woofc-menu-item .woofc-menu-item-inner i {
font-size: 22px!important;
line-height: inherit;
display: inline-block;
margin-right: 15px!important;
width: 20px!important;
height: 20px!important;
}
.woofc-menu-item .woofc-menu-item-inner:after {
background: #111111!important;
color: #fff!important;
font-size: 10px!important;
width: 20px!important;
height: 20px!important;
line-height: 20px!important;
text-align: center;
border-radius: 10px!important;
position: absolute;
left: 10px;
top: -8px;
}
.woofc-count span {
background: #111111!important;
color: #fff;
}
.woofc-area.woofc-effect-05 {
width: 80%!important;
max-width: 500px!important;
max-height: 80%;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #ffffff!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner {
background-color: rgba(0,0,0,0.0)!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
-webkit-transform: translate3d(0px, 0, 0)!important;
transform: translate3d(0px, 0, 0)!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove {
-webkit-transform: translate3d(0px, -50%, 0)!important;
transform: translate3d(0px, -50%, 0)!important;	

}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove {
right: 10px!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item {
padding: 0 15px!important;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
color: #fff!important;
background-color: rgba(0,0,0,0.0)!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
font-size: 14px;
color: #222;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: #ffffff!important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
color: #ffffff!important;
background-color: rgba(0,0,0,0.0)!important;

}
.woofc-item-qty {
display: none!important;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
color: #fff!important;
background-color: rgba(0,0,0,0.0)!important;
}

/* 404 Page */

.no-results-page {
height: 100%;
width: 100%;
display: flex

}
.no-results-text {
height: 200px;
width: 80%;
max-width: 600px;
display: block;
margin: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.no-results-title {
color: #ffffff;
margin: auto;
justify-content: center;
display: flex;
font-size: 80px;
}
.no-results-text h1 {

color: #ffffff;
display: flex;
justify-content: center;
align-items: center;

width: 100%;

}
.no-results-text h2 {

color: #ffffff;
display: flex;
justify-content: center;
align-items: center;

width: 100%;

}
/* WOO */

/* Woo No Results Page */
.woocommerce-no-products-found {
height: 100%!important;
}

.woocommerce .woocommerce-breadcrumb {
display:none;
margin: 0 0 1em;
padding: 0;
font-size: .92em;
color: #ffffff;
left: 5%;
top: 80px;
position: absolute;
z-index: 9999;
}

/* Woo grid start */

header.woocommerce-products-header {
display: none;
}
h2.woocommerce-loop-product__title {
position: absolute;
top: 10px;
left: 10px;
display: none;
}
.woocommerce ul.products li.product .price {
position: absolute;
top: 40px;
left: 10px;
display: none;
}
.woocommerce ul.products li.product .button {
display:none;

}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
display: none;
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
display: none;
}


/*
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
margin-right: 0!important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
padding: 0;
position: relative;
width: 22.05%;
margin: 0 1.33% 0.8em 0;
width: -moz-calc(25% - 1%);
width: -webkit-calc(25% - 1%);
width: -o-calc(25% - 1%);
width: calc(25% - 1%);
}

*/
/* Woo Pagination */

.woocommerce nav.woocommerce-pagination ul {
border: none!important;
}

.woocommerce nav.woocommerce-pagination {
text-align: center;
margin: 20px auto;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: #111111;
color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
line-height: 0.5em !important;
font-size: 1em !important;
color: #111111 !important;
background-image: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: none !important;
border-radius: 30px;
background-color: #f7f7f7;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin: 20px auto;
font-size: 14px;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 auto!important;
box-shadow: none;
}
/* Woo grid end */

/* Single Page */

.woocommerce-tabs.wc-tabs-wrapper {
display: none;
}
/* Related Products */

section.related.products {
padding:5%;
}
section.related.products:before {
content: 'Related images';
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}
section.related.products h2 {
display: none!important;
}
section.related.products h2.woocommerce-loop-product__title {
display: none!important;
}
section.related.products ul.products li.product .price {
display: none!important;
}
section.related.products ul.products li.product .button {
display: none!important;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: unset!important;
width: 100%!important;
}
.woocommerce div.product div.images {
margin-bottom: 0em!important;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto!important;
position:relative;
padding-top:0px;
box-shadow: none;
}
.woocommerce .woocommerce-breadcrumb a {
color: #ffffff;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
width: 100%!important;
}
.woocommerce div.product div.summary {
width: 100%;
margin: auto;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
color: #ffffff;
}
.product_meta {
color: #fff;
margin-bottom: 10px;
}
span.posted_in a {
color: #fff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #ffffff;
font-size: 1.25em;
text-decoration: none!important;
}
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
display: none;
}
.woocommerce .quantity .qty {
display:none!important;   
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
width: 100%!important;
background-color: unset!important;
color: #ffffff!important;
-webkit-font-smoothing: antialiased;
border: solid 1px #fff!important;
margin: 0px 0px!important;
border-radius: 0!important;
text-align: left!important;
padding: 5px 30px!important;
line-height: 25px!important;
}
/* Woo Single Product */
.product-template-default.single.single-product  {

}

.llava-description-wrapper {
width:100%;
max-width:80%;
margin:auto;
color:#111111;
font-size:14px;
font-weight:400;
padding:50px 20px 50px 20px;	
}

.llava-description-wrapper.no-description-padding {
padding: 0px; 
}

button.single_add_to_cart_button.button.alt {
width: auto!important;
width: 100%!important;
background-color: rgb(0 0 0 / 10%)!important;
color: #ffffff!important;
-webkit-font-smoothing: antialiased;
border: solid 1px #fff!important;
margin: 20px 0px!important;
border-radius: 0!important;
text-align: center!important;
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
bottom: 18%;
top: unset;
left: unset;
right: 5%;
margin: 0;
border-radius: 100%;
background-color: #191919;
color: #fff;
font-size: .857em;
z-index: 9;
}
/* Woo Alerts */

.woocommerce-notices-wrapper {
display:none;
position: absolute;
top: 100px;
width: 80%;
left: 0;
right: 0;
margin: auto;
height: 40px;
background-color: #000;
text-align: center;	
}
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 0!important;
z-index: 99;
background-color: rgba(0,0,0,0.0)!important;
color: #ffffff!important;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-message::before {
content: "\e015";
color: #ffffff!important;
position: inherit;
display: contents;
}
.woocommerce-message {
border-top-color: rgba(0,0,0,0.0)!important;
}
.woocommerce-info::before {
color: #111111 !important;
height: 20px!important;
width: 20px!important;
font-size: 18px!important;
left: 10px!important;
}
.woocommerce-info {
background-color: #f7f7f7!important;
border-top-color: #111111 !important;
border-top-color: #111111 !important;
padding: 30px 40px!important;
width: 100%!important;
height: 60px!important;
display: flex!important;
align-items: center!important;
}
a.showcoupon {
margin-left: 10px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #111111;
font-weight:bold;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #111111;
font-weight:bold;
}

/* WOO ERROR PAGE */
#error-page {
display: initial!important;
margin-top: 50px;
border: none!important;
}
/* Payment Confirmation */
/* Hide the default WooCommerce email icon in the Billing Details section */
.woocommerce-customer-details--email::before {
content: none !important;
display: none !important;
}
.woocommerce table.shop_table th {
font-weight: 400!important;
padding: 9px 12px;
line-height: 1.5em;
font-size: 1em!important;
}
a.wc-forward {
color: #cc1c60!important;
}
/* WOO CHECKOUT */
.woocommerce table.shop_table {
font-size: 1em!important;	

}

.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
font-size: 1em!important;
}
a.woocommerce-MyAccount-downloads-file.button.alt {
font-weight: 400;
color: #111111 !important;
padding: 0px 0px !important;
}

td.product-total, th.product-total {
text-align: right;
}
table.woocommerce-table.woocommerce-table--order-downloads.shop_table.shop_table_responsive.order_details th {
font-size: 1em!important;
font-weight: 400;
}
table.woocommerce-table.woocommerce-table--order-downloads.shop_table.shop_table_responsive.order_details tbody tr td {
font-size: 1em!important;
font-weight: 400;
}
.woocommerce-order a {
font-size: 1em!important;
color: #d31253!important;
font-weight: 400!important;
}
#error-page p, #error-page .wp-die-message {
font-weight: 400 !important;
word-wrap: break-word !important;
font-size: 1em!important;
}
.woocommerce .woocommerce-customer-details {
font-weight: 400!important;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 12px 12px!important;
box-sizing: border-box;
}
.wp-die-message {
display: none!important;
}
p.order-again {
display: none!important;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
font-size: 1.2em !important;
font-weight: 400;
line-height: 3em;
color: #111111;

}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
font-size: 1em!important;
}
td.woocommerce-table__product-total.product-total {
color: #111111!important;
font-weight: 400!important;
}
.woocommerce table.shop_table tfoot td {
text-align: right!important;
}
/* Empty Basket */

h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
position: fixed;
width: 80%;
max-width: 400px;
height: 200;
z-index: 9;
background-color: rgba(0,0,0,0.99)!important;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
color:#ffffff!important;
border: solid 1px!important;
border-radius: 5px!important;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
background-color: #ffffff !important;
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-6-columns.has-multiple-rows ul li .wp-block-button {
display: none!important;
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-6-columns.has-multiple-rows ul .wc-block-grid__product .wc-block-grid__product-title {
display: none !important;
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-6-columns.has-multiple-rows ul li .wc-block-grid__product-price {
display: none!important;
}
/* Order Details */
.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
font-size: 1em;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
font-weight: 600!important;
margin-left: -2em!important;
line-height: 25px!important;
position: absolute;
font-size: 1.2em!important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
padding-left: 0em!important;
}
.woocommerce ul.order_details li {
font-size: 0.8em!important;
}
.woocommerce-form-coupon-toggle {
margin-top:80px;	
}
#root {
max-width: 100%!important;
}
.checkout-container {
width:80%!important;
height:100%!important;
max-width:750px!important;
margin:100px auto!important;
display:block!important;
padding-bottom:100px;
}

/*
.wc-ppcp-checkout-container {
padding: 10px;
display: grid!important;
align-items: center!important;
justify-content: center!important;
}*/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%!important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}

/* Download Product */

i.fas.fa-download {
font-size: 14px;
color: #ffffff;
position: absolute;
top: 14px;
right: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: auto;
}

/* Order Again */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
border-radius: 20px!important;
left: auto;
color: #ffffff!important;
background-color: #111111!important;
}

/* Paypal Image */
li.wc_payment_method.payment_method_ppcp label {
margin: auto;
display: inline-flex;
}
.woocommerce-checkout #payment ul.payment_methods li img {
width:auto!important;	
}

/* Woo Speach Bubble Grey */
.woocommerce-checkout #payment div.payment_box{
background-color: #f5f5f5!important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #eaeaea!important;
border-radius: 5px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #f5f5f5!important;
border-radius: 5px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #f5f5f5;
}
/* Terms & Conditions Text */
article#post-300 {
padding: 10%;
}
a.woocommerce-terms-and-conditions-link {
color: #000000!important;
font-weight: 600;
}
.woocommerce-terms-and-conditions-wrapper {
padding: 10px;
}
/* Privacy Policy */
article#post-3 {
padding:10%;
}

/* PayPal Button */

.paypal-button-container {
margin:auto!important;
}
/* PLACE ORDER BTN */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
background-color: #111111 !important;
width: auto !important;
border-radius: 20px !important;
margin: 10px auto !important;
padding: 10px 30px;
display: flex;
align-items: center;
justify-content: center;
float: unset;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
background-color: #111111 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #111111!important;
color: #fff;
}

textarea#order_comments:focus {
border: solid 1px #111111!important;
}

/* Woo Terms Checkbox */
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
display: inline-flex!important;
}

.woocommerce form .form-row .input-checkbox {
display: flex;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
width: 20px!important;
height: 20px!important;
}

a.button.wc-forward {
display: none;
}

html {
width:100%!important;	
height:auto;
}
main {
position:relative;
width:100%;
margin:0px auto auto auto;

}
.main-container {
position:relative;	
display:block;
}
.custom-container {
width: 100%;
height: 100%;
overflow: hidden;
color: #ccc;
padding: 3%;
}

.custom-container a {
color: #e8e8e8;
}
.custom-container a:hover {
color: #ffffff;
}

.custom-container p {
display: block;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.addtoany_content {
text-align: center;
display: block;
margin-top: 150px!important;
}
.modal-content .addtoany_content {
text-align: left!important;
margin-top: 20px !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width:100%;
height:auto;
position:relative;
display:block;
padding-top:0px;
}
/* Woo Download Page */

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
font-size: 18px!important;
}

ul {
list-style-type: none;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
width:100%;
}
input, select {
height:30px;	
}
.comments {
display:none!important;
}

input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width:auto;
}
.search-submit {
width:auto;
}
input[type="text" i] {
padding: 10px;
}
input[type="select" i] {
padding: 10px;
}
input[type="email" i] {
padding: 10px;
}
input {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
appearance: textfield;
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
-webkit-rtl-ordering: logical;
cursor: text;
margin: 0em;
font-size:12px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: #aaa;
border-image: initial;
}
textarea {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
appearance: textfield;
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
-webkit-rtl-ordering: logical;
cursor: text;
margin: 0em;
font-size: 12px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: #aaa;
border-image: initial;
}
input:focus, textarea:focus {
border: solid 1px #111111;
background-color: #e8f0fe;

}
textarea.wpcf7-form-control.wpcf7-textarea:focus {
background-color: #e8f0fe;
}
input[type="submit" i] {
width: 150px;
margin: auto;
display: block;
height: 30px;
background-color: #111111;
color: #ffffff;
appearance: push-button;
user-select: none;
white-space: pre;
align-items: flex-start;
text-align: center;
cursor: default;
color: -internal-light-dark(buttontext, rgb(170, 170, 170));
background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
box-sizing: border-box;
border-radius:30px;
padding: 1px 5px;
border-width: 1px;
border-style: solid;
border-color: #aaa;
border-image: initial;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected,
textarea:-internal-autofill-selected,
select:-internal-autofill-selected {
appearance: menulist-button;
background-color: rgb(232, 240, 254) !important;
background-image: none !important;
color: -internal-light-dark(black, white) !important;
}
*:focus {
outline:none!important;
}
/* Custom Search */


.ikandiSearchForm {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 40px 0px;
}
.ikandiSearch {
height: 36px;
width: 80% !important;
min-width: 300px;
background: #151515;
background: #151515;
padding: 0px 10px;
border: solid 2px #ffffff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right: unset;

}
input.ikandiSearch::placeholder {
color: #ffffff;
text-indent: 10px;
}
input:focus {
outline: 0;
border: 2px solid #ffffff;
text-indent: 0px;
}
input.ikandiSearch:focus {
border: 2px solid #ffffff;
color: #ffffff;
background-color: 151515;
border-right:unset;
text-indent: 10px;
}
.ikandiSearchBtn {
width: 40px;
margin: 0px auto;
height: 40px;
line-height: normal;
display: flex;
background-color: #111;
border: solid 2px #ffffff;
align-items: center;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.ikandiSearchIcon {
width:20px;
}
.ikandiSearchIcon svg {
fill: #ffffff;
}
.logo {
width: auto;
height: 60px!important;
z-index: 999;
display: block;
position: fixed;
top: 0;	
left: 0;
}
.logo-img {
height:60px!important;
padding: 18px 10px;	
}
.nav {
position: fixed;
left: 0;
right:0;
top: 0;
z-index:9;
height: 60px;
background-color: #ffffff;
width: 100%;
margin: 0 auto;
-webkit-box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.5);
box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.5);
}
.nav ul {
display: inline-flex;
align-items: center;
margin: 10px 10px;
padding: 0;
list-style-type: none;
float:right;
line-height:12px;
}
.nav ul li {
margin: 0;
padding: 0;
position:relative;
display:inline-block;
}
.nav ul li a {
text-decoration: none;
padding: 7px 10px;
font-size:12px;
font-weight:400!important;
display: block!important;
color: #000000;
text-align: center;
text-transform:uppercase;
}
/* Mobile Nav */
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 99999;
top: 0px;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-y: hidden;
transition: 0.5s;

}
.overlay-content {
position: relative;
top: 0;
width: 100%;
height:100%;
text-align: center;
margin-top: 0px;
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #ffffff;
display: block;
transition: 0.3s;
font-size: 20px;
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
font-size: xxx-large;
position:absolute;
top: 55px;
right: 10px;
height: 40px;
width: 40px;
padding: 0px;
line-height: 40px;
text-align:center;
z-index:20;
}
.mobile-nav {
z-index:9;
height: 40px;
width: 100%;
margin: 0 auto;
}
.mobile-nav ul {
width: 100%;
height: 420px;
padding: 50px 0;
list-style-type: none;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.mobile-nav ul li {
margin: 0;
padding: 0;
position:relative;
display:block;
}
.mobile-nav ul li a {
text-decoration: none;
padding: 13px 10px;
font-size:14px;
display: block!important;
color: #ffffff;
text-align: center;
text-transform:uppercase;
}
.mobile-icon {
width: 30px;
height:50px!important;
vertical-align: middle;
padding: 0px;
position: absolute;
top:3px;
right: 10px;
z-index:99;
display:none!important;
}
a.mobile-icon  {
width: 60px;
height:60px;
vertical-align: middle;
padding: 10px;
position: absolute;
right: 15px;
top:10px;
z-index:99;
display:none!important;
}

@media only screen and (max-width:900px) {
.nav {
display:none;
}
.mobile-nav {
display:block;
}	

.mobile-icon {
display:block!important;
}
a.mobile-icon  {

display:block!important;
}	


/* Grid Gallery */

.tolb-content {
max-width: 80%;
margin: auto;	
}
.tolb-holder .tolb-close {
right: 12%!important;
top: 10px !important;

}

.tolb-counter {
right: 0;
}

}
/*------------------------------------*\
MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
position:relative;
width:100%;
height:100%;
display: flex;
flex-direction: column;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}

.clear:after {
clear:both;
}
.clear {
*zoom:1;
display:none;
}
img {
width:100%;
vertical-align:bottom;
display:block;
}
a {
color:#f01285;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #111111;
}

/*------------------------------------*\
STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
max-width:100%;
width:100%;
height:100%;
margin:0 auto;
position:relative;
display: block;
/*
display: flex;
flex-direction:column;
flex-grow:1;
*/
}
/* header */
.header {
display: block;
position:fixed;
top:0;
height: 60px;
width: 100%;
z-index: 99;
background-color: #fff;
-webkit-box-shadow: 35px -80px 150px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 35px -80px 150px 5px rgba(0,0,0,0.4);
box-shadow: 35px -80px 150px 5px rgb(0 0 0);
}

/* sidebar */
.sidebar {
display: block;
width:100%;
margin:auto;
margin-bottom:-1px;
background-color: #111111;
}
.sidebar-widget {
display: block;
width: 100%;
margin: auto;
align-content: center;
justify-items: center;
margin-bottom: -1px;
}
.sidebar .sidebar-widget:nth-child(1) {
display: flex;
}
/* Widget Slider */
div#smartslider3-2 {
width: 100%;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
.page-container {
width:100%;
height:auto!important;
margin:0px auto;

}
.contact-container {
width:80%;
max-width:800px;
margin:auto;
padding:100px 0px;
}
article#post-14997 br {
display: none;
}
/*------------------------------------*\
Contact Form 7
\*------------------------------------*/
/* Change the white to any color */
form.wpcf7-form input:-webkit-autofill,
form.wpcf7-form input:-webkit-autofill:hover, 
form.wpcf7-form input:-webkit-autofill:focus, 
form.wpcf7-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px black inset !important;
}

/*Change text in autofill textbox*/
form.wpcf7-form input:-webkit-autofill {
-webkit-text-fill-color: white !important;
}

form.wpcf7-form select:-webkit-autofill,
form.wpcf7-form select:-webkit-autofill:hover, 
form.wpcf7-form select:-webkit-autofill:focus, 
form.wpcf7-form select:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px black inset !important;
}

/*Change text in autofill textbox*/
form.wpcf7-form select:-webkit-autofill {
-webkit-text-fill-color: white !important;
}
form.wpcf7-form textarea:-webkit-autofill,
form.wpcf7-form textarea:-webkit-autofill:hover, 
form.wpcf7-form textarea:-webkit-autofill:focus, 
form.wpcf7-form textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px black inset !important;
}

/*Change text in autofill textbox*/
form.wpcf7-form textarea:-webkit-autofill {
-webkit-text-fill-color: white !important;
}
form.wpcf7-form.init {
max-width: 500px;
margin: auto;
width: 100%;
}
form.wpcf7-form.init p {
margin: 10px auto!important;
}
form.wpcf7-form.sent p {
margin: 10px auto!important;	
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background-color: #111;
width: 95%;
margin: auto;
display: block;
border-radius: 10px;
color:#fff!important;
}
input.wpcf7-form-control.wpcf7-text {
background-color: #111;
width: 95%;
border-radius: 10px;
color:#fff!important;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
background-color: #111;
border-radius: 10px;
width: 95%;
color:#fff!important;
}
span.wpcf7-list-item label {
display: flex;
}
input.privacy_accept {
display: flex;
width: 50px;
margin: 6px 10px auto auto!important;
background-color: #111!important;
color:#fff!important;
}
span.wpcf7-list-item-label {
color: #ffffff !important;
margin: 10px auto;
line-height: 20px !important;
}
.wpcf7-response-output {
border: none !important;
color: #ffffff!important;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
margin: 5px auto;
}
form.wpcf7-form.init input:focus, form.wpcf7-form.init select:focus, form.wpcf7-form.init textarea:focus {
border: solid 1px #ffffff!important;
color:#fff!important;
}



/*================================================== */
/* CHECKBOX */
/*================================================== */

/* Styling for Contact Form 7 Checkbox: Gold Checkmark, White Box */

/* CONTACT FORM 7 CHECKBOX STYLES (LOADED VIA FUNCTIONS.PHP) */
.wpcf7-form .privacy_accept input[type="checkbox"] {
-webkit-appearance: none !important; 
-moz-appearance: none !important;    
appearance: none !important;         
display: inline-block !important; 
position: relative !important;
width: 20px !important;
height: 20px !important;
margin: 0 10px 0 0 !important;
padding: 0 !important;
border: 2px solid #ffffff !important;
background-color: transparent !important;
border-radius: 4px !important;
cursor: pointer !important;
vertical-align: middle !important;
}

.wpcf7-form .privacy_accept .wpcf7-list-item-label {
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
color: #ffffff !important;
}

.wpcf7-form .privacy_accept input[type="checkbox"]:checked {
border-color: #f7a315 !important;
}

.wpcf7-form .privacy_accept input[type="checkbox"]:checked::after {
content: '\2713' !important; 
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-size: 16px !important;
font-weight: bold !important;
line-height: 1 !important;
color: #f7a315 !important;
}

/*------------------------------------*\
Next and Previous
\*------------------------------------*/

.prev-align-left {
top: 10px;
position: absolute;
left: 2%;
z-index: 9;
color: #ffffff!important;
}
.prev-align-left a, .prev-align-left a:focus, .prev-align-left a:hover, .prev-align-left a:visited {
height: 40px;
display: flex;
align-items: center;
padding: 10px;
color: #ffffff!important;
text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}
.next-align-right {
top: 10px;
position: absolute;
right: 2%;
z-index: 9;
color: #ffffff!important;
}
.next-align-right a, .next-align-right a:focus, .next-align-right a:hover, .next-align-right a:visited {
height: 40px;
display: flex;
align-items: center;
padding: 10px;
color: #ffffff!important;
text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (max-width:1200px) {

}
@media only screen and (min-width:900px) {
.searchBtnMobile {
display:none!important;
}
article#post-3, article#post-300 {
padding: 5%;
}
}
@media only screen and (max-width:768px) {
.home-slider svg {
height:100vh!important;
}
.icon_columns {
flex-direction: column;
}
.icon_col1, .icon_col2, .icon_col3 {
width:100%;	
}
.woocommerce ul.order_details li {
margin-top: 10px!important;
margin-bottom: 10px!important;
}
.orientationColumns {
flex-direction:column;
}
img.portraitIcon {
width: 30%;
}
img.landscapeIcon {
width: 40%;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
position: relative;
padding-top: 0px;
box-shadow: none;
}
.searchResults {
margin-top:10px;	
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width:100%;
float: left;
clear: both;
/*margin: 0 0 2%!important;*/
}
}
@media only screen and (max-width:600px) {

}
@media only screen and (max-width:525px) {
#tnp-modal-content {
margin: 120px auto 10% auto!important;
}
}
@media only screen and (max-width:440px) {
.cky-consent-container .cky-consent-bar {
border-radius: 0px!important;
}
.ikandiSearch {
height: 36px;
width: 80% !important;
min-width: unset;
}
input#woocommerce-product-search-field-0 {
min-width: unset;
}
}

@media only screen and (max-width:400px) {
.logo-img {
height: 60px !important;
padding: 20px 10px;
}

}
@media only screen and (max-width:320px) {

}
/*------------------------------------*\
MISC
\*------------------------------------*/

::selection {
background:#111111;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#111111;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#111111;
color:#FFF;
text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
margin:0px 0px 0px 0px;
height: auto;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}

/* Share */
.ui-widget-overlay {
background: none!important;
opacity: .8!important;
background-color: #000000!important;
filter: Alpha(Opacity=80);
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
height: 270px!important;
max-width:600px!important;
width: 80%!important;
display: block;
position: absolute!important;
top: 50%!important;
left: 50%!important;
transform: translate(-50%, -50%);
margin: auto!important;

}

.ui-widget-content {
border: none!important;
background: none!important;
color: #333333;
}

.ui-widget-header {
height:50%;
border: none!important;
background: none!important;
color: #111111!important;
font-weight: bold;
text-align: center;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0 0 !important;
position: relative;
}
.ui-dialog .ui-dialog-title {
font-family: 'Great Vibes', cursive;
font-size:36px;
color:#ffffff!important;
float: left;
margin: 0 0!important;
white-space: normal!important;
width: 100%!important;
overflow: hidden;
text-overflow: ellipsis;
}

/* close */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none!important;
background: none!important;
font-weight: bold;
color: #ffffff!important;
}

.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0%!important;
top: 0%!important;
width: 20px;
margin: 0 0 0 0!important;
padding: 1px;
height: 20px;
}
.ui-state-default .ui-icon {
background-image: url(http://ikandigraphics.com/wp-content/plugins/spp-share-download/css/images/ui-icons_ffffff_256x240.png)!important;
}
}
/* Buttons */

#spp-shareload-buttons-1 {

}
.ui-widget-content a.spp-shareload-twttr {
display: none!important;
}
.ui-dialog-content.ui-widget-content {
}
/* FOOTER */
.footer {

display:block;
width:100%;
height: auto;
color:#fff;
background-color:#111;

}
.social {
display: block;
margin: auto;
text-align: center;
padding: 40px 0px 0px 0px;
}
.footer-logo {
margin: auto;
position: relative;
width: 80%;
max-width:250px;
padding: 50px 0 0 0;	

}
.ikandiSlogan {
display: block;
width: 80%;
margin: 10px auto;
text-align: center;
font-size: 10px;
}
.footer-container {
width:100%;
height:auto;	
min-height:400px;
}
.footer-logo-img {
}
.footer a, .footer a:visited, .footer a:hover, .footer a:active {
color:#fff!important;
}

/* TERMS & CONDITIONS */

.termsContainer {
display: flex;
justify-items: center;
align-items: center;
text-align: center;
margin: 10px auto;
justify-content: center;
}
.copyright {
position: relative;
width: 70%;
margin:auto;
margin-bottom: 0;
padding: 20px 0px 20px 0;
text-align: center;
background-color:#111;
}
.grecaptcha-badge {
display:none!important;
}
/* ADD TO ANY SOCIAL */
.social .addtoany_shortcode .a2a_kit a .a2a_svg svg path {
fill: #ffffff;
}
.social .addtoany_shortcode .a2a_kit a span {
background-color: rgb(0 0 0) !important;
}
.social .addtoany_shortcode .a2a_kit a .a2a_svg svg path:nth-child(2) {
fill: #ffffff!important;
}