/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Product Thumbnails Mobile */

@media only screen and (max-width: 600px) {
	.woocommerce div.product div.images {
    width: 100% !important;
}
	
	.woocommerce div.product div.summary {
    width: 100% !important;
}
}

/* Footer */

#footer strong a {
font-weight: bold !important;
}

/* footer .children li {
padding-left: 25px !important;
} */

footer .widget-title {
font-size: 18px;
}

#footer a {
font-size: 14px;
}

#custom_html-2 {
margin-top: 20px;
}

footer .fa {
margin-right: 10px;
}

.fa-phone {
color: #ffffff;
}

/* Parent stylesheet should be loaded from functions.php not using @import */
.main-navigation .quote-li {
    display: none;
}
.sidr-class-dropdown-menu .sidr-class-quote-li {
    display: none;
}

.archive.woocommerce .entry-content,
.archive.woocommerce .clr.site-content{
    margin-top: 20px;
}
.woocommerce.single-product .price{
    margin-bottom: 0;
    font-weight: 600;
}
.price.lowest-price {
    margin-top: 10px !important;
    font-size: 14px !important;
}
.price.updated-price {
    color: #008fd5 !important;
    margin-top: 10px !important;
}
.price.updated-vat-price{
    color: #58595b !important;
    font-size: 14px !important;
    line-height: 15px;
}
.woocommerce .summary h3{
    margin: 10px 0 0;
    color: #008fd5;
}
.dynamic-prices-table {
    color: #000 !important;
    margin: 5px 0 10px;
    max-width: 265px;
    border: 1px solid #58595b !important;
    border-width: 1px !important;
    font-size: 15px;
    background-color: rgb(229, 246, 255);
}
.dynamic-prices-table th{
    font-weight: 600;
    border: 1px solid #58595b !important;
    padding: 5px 10px !important;
    font-size: 14px;
    background-color: #afe3fd;
}
.dynamic-prices-table th:last-child{
    text-align: right;
}
.dynamic-prices-table td{
    border: 1px solid #58595b !important;
    padding: 5px 10px !important;
    width: 50%;
}
.dynamic-prices-table td:last-child{
    text-align: right;
}
.dynamic-prices-note{
    color: #008fd5 !important;
    font-size: 15px !important;
    line-height: 15px;
    font-weight: 600;
}
.woocommerce form .required{
    text-decoration: none;
}
.addify-quote-form {
    padding-top: 15px;
}
.site-breadcrumbs{
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-breadcrumbs .breadcrumb-trail{
    text-align: left;
    display: block;
}

table.cstm-flds-tbl td {
    border-right: none;
    border-left: none;
}

.tax-product_cat .wpex-loop-product-images .wpex-loop-product-add-to-cart{
    display: none;
}

.tax-product_cat .products .product:hover a h2, .tax-product_cat .woocommerce-loop-product__title:hover{
    color: #008fd5;
}

.rev_slider .tp-caption h2{
    font-size: 40px;
    color: #008fd5;
    margin-top: 0;
}


.archive #main{
    text-align: left !important;
} 


@font-face{
	font-family:'FontAwesome';
	src:url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
	src:url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("../Total/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-weight:normal;
	font-style:normal;
}





.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}

@media (min-width: 768px){
	.wpex-link{
		display: none !important;
	}

	.wpex_div{
		display: block !important;
	}  
}


/*Fade Content Styles */

/* Initially hide the hidden content */
#hidethis {
    display: none;
}

/* Fade effect applied before hidden content */
.fade-effect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px; /* Adjust for smoother fade */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none;
    display: block;
}

/* Ensure text below the fade-effect div is not affected */
.fade-content {
    position: relative;
}

/* Remove fade effect when expanded */
.expanded .fade-effect {
    display: none;
}

/* Arrow styles */
.arrow-icon {
    width: 50px;
    height: auto;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}

/* Center the expand/collapse buttons */
.expand-content, .close-content {
    text-align: center;
    cursor: pointer;
    margin-top: 0px;/* was 10px*/
}

/* Ensure full visibility when expanded */
.fade-content.expanded {
    max-height: none !important;
    overflow: visible !important;
}