/*
Theme Name: Kannas
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1784846931
Updated: 2026-07-23 22:48:51

*/

/*
Theme Name: Your Child Theme
Template: parent-theme-folder
*/

/* Custom Font Application */
body {
    font-family: 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.entry-content, 
.post-content,
.widget,
.comment-content,
p, li, span {
    font-family: 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
    font-family: 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: bold;
}

/* Navigation */
.site-navigation,
.main-navigation,
.menu {
    font-family: 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Button text */
.button,
.btn,
input[type="submit"] {
    font-family: 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* END Custom Font Application */

/* Typography */

body {
    color: #7e7f80;
    font-family: "calibri";
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin: auto;
    overflow-x: hidden;
    /* max-width: 1903px; */
    width: 100%;
}
body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}

/* 
body::before {
    content: "";
    position: absolute;
    width: 1903px;
    height: 1552px;
    background: url("../images/Kannas_All_Pages.jpg") no-repeat;
    background-position: top;
    background-size: 100% auto;
    z-index: 999;
    opacity: 0.2;
    pointer-events: none;
} */

a {
    text-decoration: none;
    /*color: #18519e;*/
    transition: 0.5s all ease-in-out;
}

a:hover,
a:focus {
    color: #00539f;
    outline: none;
    transition: 0.5s all ease-in-out;
}

img {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h5 {
    font-size: 24px;
    text-align: center;
    color: #18519e;
    font-style: italic;
    font-weight: 300;
}

h5 span {
    font-weight: 700;
}

p.blkquote {
    color: #c9c9c9;
    font-size: 24px;
    font-weight: 700;
}

.clr {
    clear: both;
}

.row {
    max-width: 1477px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


/*  TYPOGRAPHY */

.item-page.typography {
    max-width: 914px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

h1 {
    color: #1a1a1a;
    font-size: 36px;
    line-height: 40px;
}

h2 {
    color: #1a1a1a;
    font-size: 30px;
    line-height: 40px;
}

h3 {
    color: #1a1a1a;
    font-size: 28px;
    line-height: 40px;
}

p {
    font-size: 20px;
    line-height: 28px;
}

td, th {
    vertical-align: top;
}
.item-page.typography ul {
    margin-bottom: 40px;
}

.prddesc ul li,
.item-page ul li {
    position: relative;
    padding-left: 0px;
    font-size: 20px;
    line-height: 28px;
    color: #7e7f80;
    margin-left: -3px;
}

.yoo-zoo ul,
.yoo-zoo ol,
.yoo-zoo dl {
    margin: 10px 0;
    padding-left: 0;
}

.prddesc ul li::before,
.item-page ul li::before {
    position: absolute;
    background: none;
    /*background: #00539f;*/
    height: 7px;
    width: 7px;
    content: "";
    border-radius: 50%;
    top: 13px;
    left: 0;
}

h4 {
    color: #1a1a1a;
    font-size: 22px;
    line-height: 40px;
}

a.btn-1 {
    display: inline-block;
    line-height: 40px;
    min-width: 170px;
    padding: 0 20px;
    color: #fff;
    text-align: center;
    background: #f26522;
    text-transform: uppercase;
    box-shadow: 4.82px 4.82px 6.03px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4.82px 4.82px 6.03px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4.82px 4.82px 6.03px rgba(0, 0, 0, 0.1);
}

a.btn-1:hover {
    background: #e35e20;
}

a.btn-2 {
    display: inline-block;
    line-height: 40px;
    min-width: 217px;
    padding: 0 25px;
    color: #fff;
    text-align: left;
    background: #999;
    text-transform: uppercase;
    border-radius: 2px;
    position: relative;
}

a.btn-2:hover {
    background: #5e5e5e;
}

a.btn-2::after {
    content: "";
    position: absolute;
    width: 5.6px;
    height: 9.3px;
    background: url("../images/arrow.svg") no-repeat;
    background-position: center;
    background-size: contain;
    right: 20px;
    top: 15px;
}

a.btn-3 {
    display: inline-block;
    line-height: 40px;
    min-width: 177px;
    padding: 0 25px;
    color: #fff;
    text-align: left;
    background: #00539f;
    text-transform: uppercase;
    border-radius: 2px;
    position: relative;
}

a.btn-3:hover {
    background: #00417d;
}

a.btn-3::after {
    content: "";
    position: absolute;
    width: 5.6px;
    height: 9.3px;
    background: url("../images/arrow.svg") no-repeat;
    background-position: center;
    background-size: contain;
    right: 20px;
    top: 15px;
}


/* END TYPOGRAPHY */

td, th {
    padding: 0;
    border-width: 0;
}

/* HOME SLIDER */

.home .elementor-8 .elementor-element.elementor-element-91607f7.elementor-invisible,
.home .elementor-8 .elementor-element.elementor-element-91607f7.elementor-invisible .swiper,
.home .elementor-8 .elementor-element.elementor-element-91607f7.elementor-invisible img {
    visibility: visible !important;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 5px !important;
}
@media only screen and (max-width: 768px) {
  img.swiper-slide-image {
      min-height: 180px !important;
      min-width: 127vw !important;
  }
}

/* END HOME SLIDER */

/* PAGES */
.elementor-229 .elementor-element.elementor-element-3fdc2ae .elementor-active .elementor-accordion-title{
        text-decoration: underline !important;
    }

/*HOME PAGE*/


/* END HOME PAGE */

/* CALL US PAGE */

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

    h3#header-callus-mob {
        display: none;
    }
    p, .item-page ul li {
        font-size: 20px;
        line-height: 28px;
        width: 93%;
    }
}

@media only screen and (max-width: 1024px) {
    h3#header-callus {
    display: none;
}
    h3#header-callus-mob {
        font-size: 1.1em;
        display: block;
    }
    p, .item-page ul li {
        font-size: 20px;
        line-height: 28px;
        width: 93%;
    }
}
@media only screen and (max-width: 512px) {
    h3#header-callus {
    display: none;
    }
    h3#header-callus-mob {
        font-size: 1.1em;
        display: block;
    }
    p, .item-page ul li {
        font-size: 0.8em;
        line-height: 25px;
        width: 93%;
    }

    .elementor-143 .elementor-element.elementor-element-46d13bb {
    width: var( --container-widget-width, 80% );
    max-width: 80%;
    --container-widget-width: 95% !important;
    --container-widget-flex-grow: 0;
    }
    .elementor-143 .elementor-element.elementor-element-836b254 > .elementor-widget-container {
    margin: 5% 0% 5% 3% !important;
    }
}

/* END CALL US PAGE */

/* PUBLIC HOLIDAYS PAGE */

.public-holidays {
    border: none !important;
    width: 35%;
}
.left-contact td{
   width: 16%; 
}
.left-col, .right-col {
    font-size: 11pt;
    line-height: 27px;
}
.left-contact ul {
    border-right: 1px solid #696969 !important;
}
.right-contact ul {
    padding: 0 0px 0 30px;
}
@media only screen and (max-width: 1028px) {
    .left-contact td {
        width: 20% ;
    }
}
@media only screen and (max-width: 768px) {
    .public-holidays {
        width: 60%;
    }
    .left-contact td {
            width: 18%;
        }
    }
@media only screen and (max-width: 512px) {
    .public-holidays {
        width: 100%;
    }
    .left-contact td {
            width: 42%;
        }
    }
/* END PUBLIC HOLIDAYS PAGE */

/* STORE LOCATOR PAGE */

.store {
    display: flex;
    flex-direction: row;
    height: 52vh;
}
.elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title {
    font-weight: 500 !important;
    font-size: 18px !important;
}
.address {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding-right: 20px;
}
.map-iframe-cont{
width: 65%;
}
.iframe-cont {
    width: 65%;
}
.elementor-tabs-wrapper {
    height: 120px !important;
}

/*  active state */
div.elementor-tab-title.elementor-tab-desktop-title.elementor-active::before {
    content: '';
    background: url('https://kannas.com/wp-content/uploads/2026/07/store-locator-active.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 37%;
    width: 60px !important;
    height: 60px !important;
    display: block;
}

/* inactive state */
div.elementor-tab-title.elementor-tab-desktop-title::before {
    content: '';
    background: url('https://kannas.com/wp-content/uploads/2026/07/store-locator-inctive.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 37%;
    width: 60px !important;
    height: 60px !important;
    display: block;
}

.elementor-widget-tabs{
    border: solid transparent;
    font-weight: 700;
    line-height: 1;
    padding: 0 !important;
    position: relative;
}
.elementor-tab-title .elementor-tab-desktop-title.elementor-active {
    padding: 15px 15px 0 0 !important;
}

@media (min-width: 1440px) {
    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper {
        display: flex;
        flex-wrap: wrap;
        min-height: 54px !important;
    }
}

@media (min-width: 1330px) {
    .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active a,
    .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title a {
        padding: 65px 15px 0px 15px !important;
        width: 220px !important;
        text-align: center !important;
    }
}
@media only screen and (max-width: 1025px) {
    .store {
        display: flex;
        flex-direction: column !important;
        height: auto !important;
        align-content: center;
        align-items: center;
    }
    .address {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 20px;
    }
    .map-iframe-cont {
        width: 100%;
        height: 65vh;
    }
    .iframe-cont {
        width: 100%;
        height: 65vh;
    }
    .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title {
        font-weight: 500 !important;
        font-size: 14px !important;
    }   
    
}
@media (min-width: 1024px) {
    .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active a, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title a {
        padding: 65px 15px 0px 15px !important;
        width: 275px;
        text-align: center !important;
    }
    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper {
        display: flex;
        flex-wrap: wrap;
        min-height: 150px;
    }
}
@media (min-width: 768px) {
    .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title.elementor-active a, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title, .elementor-780 .elementor-element.elementor-element-9a8a71f .elementor-tab-title a {
        padding: 65px 15px 0px 15px !important;
        width: 215px;
        text-align: center !important;
    }
    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper {
        display: flex;
        flex-wrap: wrap;
        min-height: 150px;
    }
}

@media (min-width: 513px) {
    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper {
        display: flex;
        flex-wrap: wrap;
        min-height: 254px;
    }
}
@media (max-width: 512px) {
      /*  active state */
    div.elementor-tab-title.elementor-tab-mobile-title.elementor-active::before  {
        content: '';
        background: url('/wp-content/uploads/2026/07/store-locator-active.svg') no-repeat center center;
        background-size: contain;
        position: absolute;
        top: -2px;
        left: 41%;
        width: 60px !important;
        height: 60px !important;
        display: block;
    }
div.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
        display: flex;
        flex-wrap: wrap;
        min-height: 75px !important;
        padding: 65px 15px 0px 15px !important;
        width: 100%;
        text-align: center !important;
        justify-content: center;
    }
 
div.elementor-tab-title.elementor-tab-mobile-title {
        display: flex;
        flex-wrap: wrap;
        min-height: 75px !important;
        padding: 65px 15px 0px 15px !important;
        width: 100%;
        text-align: center !important;
        justify-content: center;
    }
    .store {
        display: flex;
        flex-direction: column;
        height: auto !important;
        align-items: center;
    }
        .address {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 0;
    }
   /* .elementor-tabs .elementor-tabs-wrapper {
        display: table-cell;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-mobile-title {
    display: table-cell;
}
.elementor-tab-content.elementor-clearfix.elementor-active,
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-mobile-title.elementor-active {
    display: table-cell;
}*/
.elementor-tabs .elementor-tab-content {
    padding: 10px;
    display: flex !important;
    flex-direction: column;
    align-content: center;
}
    /* inactive state 
    div.elementor-tab-title.elementor-tab-mobile-title::before  {
        content: '';
        background: url('/wp-content/uploads/2026/07/store-locator-inactive.svg') no-repeat center center;
        background-size: contain;
        position: absolute;
        top: -2px;
        left: 37%;
        width: 60px !important;
        height: 60px !important;
        display: block;
    }      */

}

/* END STORE LOCATOR PAGE */

/* LIBRARY PAGE */
.library a {
    margin-top: 20px;
    display: block;
    color: #1a1a1a;
    font-size: 14px !important;
    line-height: 16px !important;
}
.library h3 {
    margin: 0 0 10px;
    color: #1a539f;
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: 700;
}
.library p {
    margin: 0;
    color: #1a1a1a;
    font-size: 18px !important;
    line-height: 20px !important;
}

/* END LIBRARY PAGE */

@media only screen and (max-width: 1025px) {
    h1 {
        font-size: 23px !important;
    }
    p {
    margin: 0 0 40px;
   /* color: #7e7f80;*/
    font-size: 20px !important;
    line-height: 28px !important;
}
}

/*PRODUCT ENQUIRY CONTACT US*/

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    background-color: var(--wpforms-field-background-color);
    background-clip: padding-box;
    border-radius: var(--wpforms-field-border-radius);
    color: var(--wpforms-field-text-color);
    border-width: var(--wpforms-field-border-size);
    border-style: var(--wpforms-field-border-style);
    border-color: var(--wpforms-field-border-color);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
    min-width: 100% !important;
}
button#wpforms-submit-920, button#wpforms-submit-961 {
    min-width: 100%;
}

input#wpforms-920-field_11 {
    background: #e0e0e0 !important;
	max-height: 1px !important;
}
.p-contact {
	color: #ffffff !important;
}

div#wpforms-920-field_11-container {
    background: #e0e0e0;
}

label.wpforms-field-label {
    text-align: center;
    font-size: 22px !important;
    padding: 27px 0 0 0 !important;
}
/*END PRODUCT ENQUIRY CONTACT US*/

/* END PAGES */