/*
 * This code affect the vidoe play icon in the homepage to turn the cursor in the default
 */


  /*
   * This overrides the .home-four-icons>div:hover
   * in the theme file
   */
  body.home.page-id-8 .home-four-icons>div:hover{
	/* cursor: pointer; */
	cursor: default !important;
}

body.home.page-id-8 .home-imgs-text > p > span.home-first-span a{
    background-color: var(--wbj-purple) !important;
    color: #ffffff;
}

/* 
 * display the "See more..." link in mobile view
 */
 @media (max-width: 1023px){
    #imgs-group-home .culumns-products-home figure>div>p>span:first-child
    {
		display: inline-block !important;
	}
 }

 /* homepage table */
 /* 
  * Note: The code below will only work if the custom html table with the contents
  * is added in the martierla piercing page and is correctly setup 
 */

/* desktop */    
body.page-id-8 .wp-block-table.is-style-regular thead th {
    font-family: Montserrat, sans-serif;
    color: #ffffff;
    line-height: 1.5;
    letter-spacing: 0.5px;
    font-size: 18px;
    margin: 5px;
}
body.page-id-8 .wp-block-table.is-style-regular tbody tr td {
    font-family: Montserrat, sans-serif;
    color: #444;
    line-height: 1.5;
    letter-spacing: 0.5px;
    font-size: 18px;
    margin: 5px;
}

body.page-id-8 figure table thead {
	font-family: monserrat, sans-serif;
	background-color: var(--wbj-pink);
	color: #ffffff;
    border-bottom: 3px solid var(--wbj-pink) !important;
}

body.page-id-8 .wp-block-table td, .wp-block-table th {
    border: 1px solid var(--wbj-pink);
    padding: .5em;
}

/* 
 * New mobile view layout for table
 */

@media (max-width: 600px) {
    
    body.page-id-8 .wp-block-table.is-style-regular table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    
    body.page-id-8 .wp-block-table.is-style-regular thead {
        display: none;
    }
    
    body.page-id-8 .wp-block-table.is-style-regular tbody tr {
        display: block;
        margin-bottom: 1.5em;
        border: 1px solid var(--wbj-pink);
        padding: 10px;
        background-color: #f9f9f9;
    }

    body.page-id-8 .wp-block-table.is-style-regular tbody tr td {
        display: block;
        text-align: left;
        border: none;
        padding: 5px;
        margin-bottom: 8px;
        background-color: #ECFAE5;
    }

    body.page-id-8 .wp-block-table.is-style-regular tbody tr td::before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        background-color: var(--wbj-pink);
        color: #fff;
        padding: 6px 10px;
        border-radius: 3px 3px 0 0;
        /* add a small space between the title box and the value */
        margin-bottom: 5px;
    }

    body.page-id-8 .wp-block-table.is-style-regular tbody tr td:last-child {
        margin-bottom: 0;
    }
}