/*
 Theme Name:	Smoky Mountain Screen Printing
 Theme URI:     htto://smokymountainscreenprinting.com
 Description:   Custom Bootstrap 5 theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		FrameWork-v5
 Version:       1
*/

@import url("https://use.typekit.net/mza4unh.css");

/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

.ginput_container {
    border: 1px solid #eaeaea;
}

.page-id-369 .ginput_container {
    border: none;
}

a {
    text-decoration: none;
    color: #f04016;
}
a:hover {
    color: #000;
}
a h5 {
    color: #000;
}
a h5:hover {
    color: #f04016;
}
em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'minerva-modern', sans-serif;
    text-transform: capitalize;
}
h1 {
    font-weight: 700;
    letter-spacing: -1.3px;
}
h2,.h3, h3 {
    font-weight: 700;
    letter-spacing: -0.9px;
}
.h3, h3, .contact .gform_wrapper h3.gform_title {
    font-size: calc(1.3rem + .6vw);
    margin-top: 0;
}
h4 {
    font-weight: 700;
    letter-spacing: -0.6px;
}
h6 {
    font-family: 'magneto',sans-serif;  
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    font-size: 1.5rem;    
}
p {
    margin-bottom: 2rem;
}
.btn {
    font-family: 'magneto',sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 8px 16px;    
    border: none;
    border-radius: 12px;
    font-size: 20px;   
    border: 2px solid #f04016;
    }
.btn-primary,
.btn-white:hover {
    background: #f04016;
    color: #FFF;
}
.btn-white, .btn-primary:hover  {
    background: #FFF;
    color: #f04016;
    border: 2px solid #f04016;
}
.bg-success {
    background: #16f09c !important;
}
.bg-warning {
    background: #fdb100 !important;
}
.bg-info {
    background: #25cfe5 !important;
}
.bg-light {
    background: #ececec !important;
}
/*////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////*/

header {
    background-color: #f04016;
}
header:after {
    content: '';
    background-image: url(images/chevron-nav-bar-btm.svg);
    background-repeat:  no-repeat;
    background-position:  top center;    
    position: absolute;
    display: block;
    width: 100%;
    height: 35px;  
    z-index: 1;
}



/*////////////////////////////////////////////////
SLIDERS
////////////////////////////////////////////////*/
#heroSlides .carousel-caption {
    right: 50%;
    left: 5%;
}
#heroSlides .carousel-indicators {
    justify-content: center;
}
#heroSlides .carousel-indicators li {
    width: 40px;
    height: 4px;
}
#heroSlides .carousel-indicators li.active,
.testimonials .carousel-indicators li.active {
    background-color: #f04016;
    height: 8px;
    margin-top: -2.5px;
}
#heroSlides .carousel-control-next, 
#heroSlides .carousel-control-prev {
    width: 5%;
}
.testimonials .carousel-indicators li {
    background-color: rgba(160, 160, 160, 0.6);
}
.testimonials .carousel-item {
    min-height: 60vh;
}
.testimonials .name {
    font-weight: bold;
}
.triangle-with-shadow {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  background: transparent;
}
.triangle-with-shadow:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #FFF;
  transform: rotate(45deg);
  top: -25px;
  left: -25px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}
ul.clientInfo {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.reviewStar {
    padding-left: 4px;
}

/*////////////////////////////////////////////////
NAV STYLES
////////////////////////////////////////////////*/
.navbar-light .navbar-nav .nav-link,
.navbar-text a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
} 
.navbar-light .navbar-text a:focus, 
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-text a:hover{
    color: rgba(255,255,255,0.8) !important;
}
.navbar-text {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    margin-left: -100px;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
}
.phoneContainer {
    right: 0;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
a.phone {
    color: #000;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}
a.phone:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(images/icon-phone-white.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 2;
    background-size: contain;
}
/*////////////////////////////////////////////////
HOME PAGE
////////////////////////////////////////////////*/


.conversion {
    background: rgb(37,207,229);
    background: linear-gradient(90deg, rgba(37,207,229,1) 0%, rgba(37,207,229,1) 50%, rgba(236,236,236,1) 50%, rgba(236,236,236,1) 100%);
}
/*////////////////////////////////////////////////
FORM STYLES
////////////////////////////////////////////////*/
body .gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), body .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), body .gform_wrapper .ginput_complex .ginput_right select, body .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), body .gform_wrapper .ginput_complex select, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper select, .gform_wrapper textarea {
    border-radius: 12px !important;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    }    
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    background: #f04016;
    border-radius: 12px;
    color: #FFF;
    border: none;
    font-size: 20px !important;
    font-weight: bold;
    padding: 5px 60px;
    font-family: 'magneto',sans-serif;
    }
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
    margin-top: 0;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0 !important;
}
::-webkit-input-placeholder,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { 
	color: #adadad;
	}
::-moz-placeholder { 
	color: #adadad;
}
:-ms-input-placeholder { 
	color: #adadad;
	}
:-moz-placeholder { 
	 color:#adadad;
	}

.contact .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
    display: block;
    margin: 0 auto;
}



/*////////////////////////////////////////////////
PAGE STYLES
////////////////////////////////////////////////*/

.page-title {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 30px;
    padding-bottom: 20px;    
}


/*SIDEBAR STYLES*/

#sidebar {
}
#sidebar h3,
#sidebar h4{
	font-size: 28px;
	text-transform: none;
	font-weight: normal;
	color: #000;
}
#sidebar h4 {
	font-size: 20px;
}
#sidebar h4:before {
	display: none;
}
#sidebar ul {
    margin: 0 0 15px;
}
#sidebar .widget {
	margin-bottom: 40px;
}
#sidebar .woocommerce-product-search button {
	display: none;	
}
#sidebar .woocommerce-product-search #woocommerce-product-search-field-0 {
	width: 100%;
	padding: 7px 7px 7px 35px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
	background: url("images/icon-magnifying-glass.svg") no-repeat 5px 6px;
}
#sidebar .widget.woocommerce.widget_shopping_cart h4:before,
#sidebar .widget.woocommerce.widget_products h4:before,
#sidebar .widget.woocommerce.widget_product_categories h4:before{
	content: '';
	display: inline-block;
	background: url(images/icon-cart.svg) no-repeat center left;
    width: 24px;
    height: 23px;
    float: left;
}
#sidebar .widget.woocommerce.widget_products h4:before,
#sidebar .widget.woocommerce.widget_product_categories h4:before {
	background: url(images/icon-grid.svg) no-repeat center left;
}
#sidebar .widget_product_categories .wcsca-icon {
    float: left;
    margin-right: 15px;
}

#sidebar .widget_product_categories .wcsca-top-lvl {
    padding-left: 25px !important;
}
#sidebar .widget_product_categories .cat-parent.wcsca-top-lvl {
    padding-left: 0 !important;
}
#sidebar .fa-chevron-down:before,
#sidebar .fa-chevron-up:before {
    content:'\f054';
    color: #555555;
}
#sidebar .fa-chevron-up:before {
    content: "\f078";
}
#sidebar ul.product-categories,
#sidebar ul.product-categories ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#sidebar ul.product-categories a {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
#sidebar ul.product-categories ul a {
    color: #555555;
    font-weight: 500;
    font-size: 14px;
}

#sidebar .woocommerce .widget_shopping_cart .buttons a, 
#sidebar .woocommerce.widget_shopping_cart .buttons a,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	display: block;
	margin: 10px 0;
	text-align: center;
	background:#f04016;
	padding: 10px 5px;
    color: #FFF;
    font-family: 'magneto',sans-serif;
    font-weight: normal;
    text-transform: capitalize;
    border:1px solid #f04016;
    font-size: 20px;
    border-radius: 12px;
}
.woocommerce ul.products li.product .button {
    font-size: 16px;
}
#sidebar .woocommerce .widget_shopping_cart .buttons a:hover,
#sidebar .woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
#sidebar .woocommerce .widget_shopping_cart .buttons a:hover, 
#sidebar .woocommerce.widget_shopping_cart .buttons a:hover, 
.woocommerce ul.products li.product .button:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
	background: #FFF;
	color: #f04016;
}
#sidebar .woocommerce .widget_shopping_cart .button a.checkout,
#sidebar .woocommerce.widget_shopping_cart .buttons a.checkout{
	background: #FFF;
    border: 1px solid #f04016;
	color: #f04016;
}
#sidebar .woocommerce .widget_shopping_cart .button a.checkout:hover,
#sidebar .woocommerce.widget_shopping_cart .buttons a.checkout:hover {
	background: #f04016;
	color: #FFF;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li, 
#sidebar .woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 2em;
    position: relative;
    padding-top: 0;
}
#sidebar .woocommerce .widget_shopping_cart .total, 
#sidebar .woocommerce.widget_shopping_cart .total {
    border-top: none;
    padding: 4px 0 0 2em;
	font-weight: bold;
	color: #000;
}
#sidebar .quantity{
	color: #828387;
    padding: 0 0 0 10px;
    margin: 5px 0 0 0;
    display: block;
    font-weight: bold;
}
#sidebar .quantity .woocommerce-Price-amount.amount{
	color: #828387;
    font-weight: bold;
}
#sidebar ul.cart_list li a, 
#sidebar ul.product_list_widget li a {
    color: #000;
    text-decoration: underline;
}
.woocommerce a.remove,
#sidebar ul.cart_list li a.remove{
	text-decoration: none;
}
#sidebar .widget_products ul.product_list_widget {
	padding-left: 30px;
}
#sidebar .widget_products ul.product_list_widget li {
	border: none;
	padding: 5px 0;
}
#sidebar .widget_products .star-rating,
#sidebar .widget_products ul.product_list_widget li img,
#sidebar .widget_products .amount{
	display: none;
}
#sidebar .widget_products ul.product_list_widget li a,
#sidebar .widget_products ul.product_list_widget li a span {
	text-decoration: none;
	font-weight: bold;
}
#sidebar .widget_products ul.product_list_widget li a:hover {
	color: #0092d9;
}


/*WOO CUSTOMS*/
.woocommerce-breadcrumb,
.woocommerce-result-count{
    display: none;
}
.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering {
    float: left ;
}
a .woocommerce-loop-product__title {
    color: #000;
}
.woocommerce div.product div.summary,
.woocommerce div.product div.images.woocommerce-product-gallery{
    margin-bottom: 4em;
}
.related.products {
    clear: both;
    border-top: 1px solid #d0d0d0;
    padding-top: 40px;
    margin-top: 60px;
}
.related.products h2 {
    margin-bottom: 40px;
    text-transform: capitalize;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #f04016;
    color: #fff;
}
.woocommerce div.product form.cart .button {
    margin: 0;
    padding: 10px 30px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    text-align: center;
}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    border: 1px solid #d0d0d0;
    padding: 10px 20px;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport,
.woocommerce div.product div.images .flex-control-thumbs li {
    border: 1px solid #d0d0d0; 
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
    margin-bottom: 20px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 23%;
    margin: 0 1.333336%;
}
.woocommerce div.product div.images .flex-control-thumbs li:first-child {
    margin-left: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {
    margin-right: 0;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #000;
    font-size: 28px;
    font-weight: bold;
    font-family: 'minerva-modern', sans-serif;
}
.price .amount sup {
    top: -.7em;
    font-size: 14px;
}
/*////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////*/


footer {
    background: url(images/footer-paint-mountainscape.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
footer .row {
    z-index: 1;
    position: relative;
}
footer .overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
footer a {
    color: #FFF;
}
footer a:hover {
    color: rgba(255,255,255,0.8);
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/*////////////////////////////////////////////////
RESPONSIVE
////////////////////////////////////////////////*/


@media only screen and (max-width: 1400px) {

}

@media screen and (max-width:979px){
	
}
@media screen and (max-width:859px){
	
}
@media screen and (max-width:767px){
    .navbar-text {
        margin-left: 0;
    }
/*    .events {
        padding-top: 200px;
    }
    .carousel-inner {
        overflow: visible;
    }    
    .carousel-caption {
        display: block!important;
        right: 0 !important;
        left: 0 !important;
        top: 100%;
        bottom: auto;
        background: #f04016;
        z-index: 10;
        padding: 20px;
    }*/
}
@media screen and (max-width:599px){
	
}
@media screen and (max-width:479px){
	
}