/*
 Theme Name:   TOK Tires
 Theme URI:    https://toktires.ca
 Description:  TOK Tires Child Theme
 Author:       Canvas Collective
 Author URI:   https://canvascollective.ca
 Template:     pneupress
 Version:      1.0.0
 Tags:
 Text Domain:
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

.html, .tok {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .tok .section {
  height: 100%;
  width: calc(33%); /* subtract 10px for the white line */
  display: inline-block;
  vertical-align: top; /* align sections to the top of the container */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.tok #section1 {
  background-image: url("img/car.jpg");
}

.tok #section2 {
  background-image: url("img/bus.jpg");
}

.tok #section3 {
  background-image: url("img/truck.jpg");
}

.tok .link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-family:'Saira';
  font-weight: bold;
  line-height:1;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align:center;
}

.tok .link:hover {
    opacity:0.8;
}

.tok .logo {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index:10;
}

.tok .logo img {
  max-width: 200px;
  height: auto;
}

@media ( max-width:767px ) {
    .tok .section {
        height:calc(33% - 20px);
        width:100%;
    }
    
    .tok #section1 {
        height:40%;
    }
    
    .tok .link {
        font-size:24px;   
    }
    
    .tok .logo {
        background:rgba(0,0,0,0.5);
        top:0;
        left:0;
        padding:20px 0;
        position:fixed;
        transform:unset;
        width:100%;
    }
    
    .tok .logo img {
        display:block;
        margin:0 auto;
        height:60px;
        width:auto;
    }
}

/* AODA UPDATES */

body :focus-visible {
	box-shadow: inset 0 0 0 2px #EB003F;
}

#skiptocontent a {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 6px;
  color: #fff;
  background: #124673;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 10000;
}

#skiptocontent a:focus-visible {
  top: 0;
  box-shadow: inset 0 0 0 2px #EB003F;
}

.sf-menu.wh-menu-main li.menu-item-has-children:focus-within ul {
    display: block;
}
.woocommerce ul.products li.product >a{
    display: inline-block;
    width: 100%;
}
.woocommerce ul.products li.product.product .button{
    margin-right: 30px;
    display: none;
}
.woocommerce ul.products li.product.product .button.add_to_cart_button{
    display: inline-block;
}
.woocommerce ul.products li.product.product .button.add_to_cart_button:focus-visible {
  box-shadow: inset 0 0 0 2px #EB003F;
}
.woocommerce .add_to_cart_button:after{
    right: 0;
}
.wpb_single_image .vc_single_image-wrapper:focus-visible {
    outline: 2px solid #EB003F;
    outline-offset: 5px;
    outline-style: inset;
}
.vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab.vc_active>a:focus-visible,
.vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab.vc_active>a:focus,
.vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab>a:focus-visible,
.vc_tta-color-blue.vc_tta-style-flat .vc_tta-tab>a:focus {
  box-shadow: inset 0 0 0 2px #EB003F;
}
.wh-minicart:focus-within #wh-minicart-top {
    display: block;
}
/*
.woocommerce-LoopProduct-link:focus-visible,
.woocommerce ul.products li.product.product .button:focus-visible {
  border:2px solid #055097 !important;
  padding:5px !important;
}
*/