/*
 Theme Name:   Child Theme for Customization
 Theme URI:    https://www.i4.net
 Description:  Custom theme for customization
 Author:       i4 Solutions
 Author URI:   https://www.i4.net
 Template:     wpbootstrap4-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  i4 Theme
*/

/*--------------------------NAVIGATION----------------------------------*/

nav {
    background-color: transparent;
}


/*--------------SITE WIDE---------------------------*/
span.orange {
    color: #d85028;
}

table.inventoryAvail {
    width: 100%;
    font-weight: 100;
    font-size: .85em;
}

table.inventoryAvail tr {
    border-bottom: 1px dotted #ccc;
}

.viewLarger {
    cursor:pointer;
}

/* Gallery CSS */
#header {
    min-height: 472px;
}

.sinkLeftPanel {
    background-color: #313236;
    color: #fff;
}

    .sinkLeftPanel h1 {
        font-size: 27px;
        color: #fff;
    }

    .sinkLeftPanel h2 {
        font-size: 27px;
        color: #fff;
    }

#sinkDescription {
    font-weight: 100;
    font-size: .85em;
}

.sinkSpecs {
    font-weight: 100;
    font-size: .85em;
    margin-top: 25px;
}

div#subNav {
    background: #3c5671;
}

    div#subNav a {
        color: #fff!important;
    }

	div#subNav a:hover {
		color: #D85028!important;
	}

#subNav ul.nav {
    padding-left: 150px;
    padding-right: 150px;
}

.surfaceData {
    background-color: #313236;
    color: #fff;
    font-weight: 100;
    font-size: .85em;
}

    .surfaceData h1 {
        font-size: 27px;
        color: #fff;
    }

    .surfaceData h2 {
        font-size: 27px;
        color: #fff;
    }

.sinkSpecs {
    font-weight: 100;
    font-size: .85em;
    margin-top: 25px;
}

.carousel-item img {
    height: 300px;
    margin: 0px auto;
    width: auto;
}

.carousel button {
    background-color: rgba(0, 0, 0, .3);
    border: none;
}

#headingContent {
    color: #fff;
}

    #headingContent h1 {
        color: #fff;
    }

.subNav {
    background-color: #3c5671;
    color: #fff;
    margin-bottom: 65px;
}

    .subNav a {
        color: #fff;
    }

	.subNav a:hover {
		color: #D85028!important;
	}

.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

ul.colorSwatches {
    list-style: none;
    padding: 0px;
}

    ul.colorSwatches li {
        display: inline;
    }

div#gallery_images img {
    max-height: 500px;
}

.productPage h1 {
    font-size: clamp(2rem, 1.737rem + 0.702vw, 2.25rem)!important;
}

.productPage h2 {
    color:#eee!important;
}

.surfaceItem img {
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 2px #ccc;
}

.adhesiveArchive h2.adhesiveTitle {
	font-size:20px;
}