/*
Theme Name: SmallCorp 2022 Theme
Description: This is a custom child theme for Salient
Theme URI:   https://www.smallcorp.com
Author: APART creations
Author URI:  https://www.apartcreations.com
Template: salient
Version: 1.0
*/



/* HEADER 
 * ==================================================*/

#header-secondary-outer  {
	margin:0 !important;
	padding:0 !important;
}

#header-secondary-outer .sf-menu {
	margin:0 !important;
	padding:0 !important;
}
#header-secondary-outer .sf-menu li  {
	margin:0 !important;
	padding:0 !important;
}
#header-secondary-outer .sf-menu li a {
	font-size:14px !important;
	text-transform:uppercase;
	margin:0 !important;
	padding:.5em 1em !important;
}

#header-secondary-outer .sf-menu li.quote a {
	/*background:#fff;
	color:#004352;
	*/
}
#header-secondary-outer .sf-menu li.quote a:hover {
	color:#fff !important;
	background:#fa542d;
	background:#00b7e0;
}



.subHdr span.menu-title-text {
	font-family:'Open Sans', 'Roboto', serif;
	font-weight:300 !important;
}

.subHdr .sf-with-ul span.menu-title-text {
	font-family:'Montagu Slab', serif;
	font-size:1.3em !important;
}



/* NECTAR OVERRIDES
 * ==================================================*/

.nectar-post-grid h3.post-heading {
	font-weight:400;
}

.masonry.material .masonry-blog-item .meta-category a, 
#breadcrumbs a,
/*.main-content a,*/
.category-description a,
.wpb_content_element p a,
.wpb_content_element li:not(.tab-item) a {
	color:#ff6700 !important;
}

.masonry.material .masonry-blog-item .meta-category a:hover,
#breadcrumbs a:hover,
/*.main-content a:hover, */
.wpb_content_element p a:hover,
.wpb_content_element li:not(.tab-item) a:hover {
	color:#00b7e0 !important;
}


@media screen and (min-width:1000px) {
	body #header-secondary-outer .nectar-center-text {
		max-width: 100% !important;
	}
	/*
	#header-secondary-outer nav .nectar-center-text {
		text-align:left;
	}
	*/
}

@media screen and (max-width:1099px) {
	.widerScreenOnly {
		display:none;
	}
	
}




/* FOOTER
 * ==================================================*/


#footer-widgets h4 {
	font-size:1.5em !important;
	font-weight:400 !important;
	font-family:'Montagu Slab', serif;
}
#footer-widgets a {
	font-family:'Open Sans', 'Roboto', sans-serif !important;
}

#footer-widgets h2.gform_title {
	color:#fff;
	font-size:1.5em;
}

#footer-widgets .widget_nav_menu li a {
	line-height:1.5;
}
/*
#footer-widgets .row {
  line-height:0;
	padding:0 !important;
}
#footer-widgets .row .col {
	padding:4em 0 !important;
}


#footer-widgets .row .col:nth-child(3) {
  line-height:1.7;
	margin:0 2em 0 -2em !important;
	padding-left:2em !important;
	background:rgba(0,0,0,.3) !important;
	background:rgba(255,255,255,.2) !important;	
	background:rgba(250,54,45,1) !important;	
	
}
*/

/* sign up */
#footer-widgets .ginput_container_email input {
	background:rgba(0,0,0,.3);
	margin-top:1em;
}
#footer-widgets .ginput_container_email input::placeholder {
	color:#fff !important;
}
#footer-widgets .ginput_container_email input:focus::placeholder {
	color:#004352 !important;
}


#footer-outer #footer-widgets .join_wrapper input#gform_submit_button_1 {
	background-color:rgba(255,255,255,.75) !important;
	color:#004352;
	padding:.75em 2em;
	text-transform:uppercase;
}

#footer-outer #footer-widgets .join_wrapper input#gform_submit_button_1:hover {
	background-color:rgba(250,84,45,1) !important;
	color:#fff;
}

/* ankle + since 1972 			 */
#footer-widgets .row {
	padding-bottom:0 !important;
}


#ankle {
	padding:0 !important;
	text-align:center;
	color:#009352;
}

#since1972 a.solarLink,
#ankle .container .textwidget a.solarLink  {
	display:flex;
	align-items:center;
	justify-content: center;
	color:#009352 !important;
}

#ankle .container .textwidget a.solarLink i {
	padding:0 1rem;
  transform: scale(1.7);
  transition:1s;	
}
#ankle .container .textwidget a.solarLink .madein {
	  transition:1s;	
}

#since1972 a.solarLink > i,
#since1972 a.solarLink > .madein,
#ankle .container .textwidget a.solarLink > i,
#ankle .container .textwidget a.solarLink > .madein {
	color:#009352 !important;
}

#since1972 a.solarLink .madein,
#ankle .container .textwidget a.solarLink:hover > .madein  {
	color:#00E352 !important;
}

#ankle .container .textwidget a.solarLink:hover > i {
	color:#00E352 !important;
  transform: scale(2.3);
	padding: 0 2rem;
	
}

#since1972 a.solarLink,
#since1972 a.solarLink i {
	padding: 0 1rem;
	color:#00E352 !important;
  transition:1s;	
}
#since1972 a.solarLink:hover > i {
	padding: 0 1.3rem;
	transform: scale(1.3);
}

#since1972 i[class*="fa-"], 
#since1972 span[class*="fa-"],
#ankle i[class*="fa-"], 


#ankle span[class*="fa-"] {
	font-family: "Font Awesome 6 pro" !important;
	font-weight:normal;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
}


/* FONT AWESOME - show icons in content
====================================================*/

.wpb_raw_html i[class*="fa-"], 
.wpb_raw_html span[class*="fa-"] {
	font-family: "Font Awesome 6 duotone";
	font-weight:normal;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	font-size:4em;
	color:#004352
}


@media screen and (min-width:960px){
	.wpb_raw_html i.lefted {
		float:left;
		margin-right:48px;
		margin-bottom:48px;
	}
}

.fa-instagram {
	font-family:'Font Awesome 5 brands' !important;
}



/* Product category pages
====================================================*/



.page-id-178 .img-with-aniamtion-wrap .hover-wrap {
  margin-bottom: 0px;
}

.sectionName {
	font-family:'Montagu Slab', serif;
	font-size:42px;
	line-height:1;
}


	.productTypeIndividual {
		text-align:center;
	}
	.productTypeIndividual a {
		padding:.5em;
		display:block;
	}
	.productTypeIndividual a:hover {
		background:#ccc;
	}



.productListingContainer {
	margin:2em 0 0 0;
	padding:2em 0;
	background:#eee;
	
}


.productHeader {
	text-align:center;
	padding:1em 0 2em 0;
}


	.productIndividual {
		width: 100%;
		text-align:center;
		padding:1em;
	}

	.productIndividual a {
		display:inline-block;
		width:100% !important;
		background:#ccc;
		padding:1em;
	}

	.productIndividual a:hover {
		background:#ccc;
	}

@media screen and (min-width:601px) {

	.categoryList {
		display:flex;
	    flex-direction: row;
    	flex-wrap: wrap;
    	width: 100%;
	}

	.productTypeIndividual {
		flex: 0 1 50%;
	}
	
	.productListing {
		display:flex;
	    flex-direction: row;
    	flex-wrap: wrap;
    	width: 100%;
	}

	.productIndividual {
		flex: 0 1 50%;
	}
	
}

@media screen and (min-width:1081px) {

	.mainCategory {
		display:flex;
	    flex-direction: row;
    	flex-wrap: wrap;
    	width: 100%;
	}
	
	.colHalf {
		flex: 0 1 50%;
	}
	.mainCategory .colHalf:nth-of-type(1) {
		padding:0 3em 3em 0 !important;
	}
	
	

	.productIndividual {
		flex: 0 1 33%;
	}

	.productTypeIndividual {
		flex: 0 1 33%;
	}
	
}


.productImages,
.productImagesAlt {
    position: relative;
    max-width: 100%;
  }
.productImages img.productHover,
.productImagesAlt img.productHoverAlt {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .5s;
}
.productImages:hover img.productHover,
.productImagesAlt:hover img.productHoverAlt {
    opacity: 1;
}

/* alternative layout */

.altProductListingDescription h3 {
	font-size:42px !important;
	line-height:1.4 !important;
}

.altProductIndividual {
	margin:1em 0; 
	padding:2em;
	background:#eee;
}
a.altProductIndividualLink {
	display:inline-block !important;;
}

.altProductListingDescription {
	color:#000;
}
a.altProductIndividualLink:hover .nectar-button.accent-color {
	background:#333 !important;
}


@media screen and (min-width:1001px) {
	.altProductListingDescription {
		padding-right:2em;
	}

  .altProductIndividual a.altProductIndividualLink {
      display:flex;
  }
	
  .altProductIndividual:nth-child(2) a.altProductIndividualLink,
  .altProductIndividual:nth-child(4) a.altProductIndividualLink,
  .altProductIndividual:nth-child(6) a.altProductIndividualLink,
  .altProductIndividual:nth-child(8) a.altProductIndividualLink,
  .altProductIndividual:nth-child(10) a.altProductIndividualLink,
  .altProductIndividual:nth-child(12) a.altProductIndividualLink,
  .altProductIndividual:nth-child(14) a.altProductIndividualLink {
      flex-direction:row-reverse !important;
  }

}


.featureSheetContainer {
	margin:2em 0 0 0;
	padding:2em 0;
	background:#eee;
	text-align:center;
}
.featureSheetContainer h2 {
	margin-bottom:2em;
}

.featureSheet,
.featureSheetBtn {
	display:block;
	margin: 0 auto;
}

.archive.tax-types .portfolio-items .work-item {
  aspect-ratio: 16 / 10 !important;
}

.archive.tax-types .portfolio-items .inner-wrap .work-item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  
}




/* Product pages
====================================================*/

body[data-header-resize="1"] .container-wrap,
body[data-header-resize="1"] .project-title {
 margin-top:0;
 padding-top:0px
}


#breadcrumbs {
	padding:.5em 0;
}


body .wpb_gallery.productGalleryClass .portfolio-wrap .portfolio-items[data-loading="lazy-load"] .element:nth-of-type(1){
	width:100%;
}



/* temporary for testing */

.page p#breadcrumbs,
.page-id-195 p#breadcrumbs,
.page-id-196 p#breadcrumbs,
.page-id-197 p#breadcrumbs,
.page-id-198 p#breadcrumbs,
.page-id-199 p#breadcrumbs {
	display:none;
}


.type-products .nectar-button {
	margin: 0 1em 1em 0;
}

.page-id-320 .nectar-button {
	margin:0 1em 1em 0;
}

/* bottom + prev/next + comments + padding */
.single-products .blog_next_prev_buttons,
.single-products .comments-section {
	display:none !important;
}

.single-products .main-content > .row {
	padding-bottom:0;
}


/* TESTING
====================================================

	.term-welded-aluminum-frames .productIndividual a {
		background:transparent;
	}

	.term-welded-aluminum-frames .productIndividual a:hover {
		background:transparent;
	}

*/


/* case selector search & filter
====================================================*/

#search-filter-form-473 ul li h4 {
	font-size:18px;
	line-height:1.5;
}

#search-filter-form-473 ul {
	display:flex;
	flex-wrap: wrap;
}
#search-filter-form-473 ul li {
	padding:1em;
	flex:1 0 50%;
}
#search-filter-form-473 ul li.sf-field-submit {
}

.blog #search-results article p {
	font-size:16px
}

@media screen and (min-width:601px) {
	.blog #search-results {
		display:flex;
		flex-wrap:wrap;
	}

	.blog #search-results article {
		flex:1 1 50%;
		max-width:50%;
	}
	
}


@media screen and (min-width:1081px) {

	.blog #search-results article {
		flex:1 1 33%;
		max-width:33%;
	}
}


.blog #search-results   {
  padding: 64px 0px !important;
}

#search-results .result .inner-wrap {
  box-shadow: none !important;
  padding: 24px !important;
}
#search-results .result .inner-wrap:hover  {
  background:#ccc;
}



/* NEWS / blog customizations
====================================================*/

.post-template-default.single-post #breadcrumbs {
		display:none;
	}




/* alternative Toggle colors
====================================================*/

.altToggle .toggle  {
  background:#004352;
}
.altToggle .toggle:hover  {
 background:#ff6700;
}


.altToggle .toggle > h3.toggle-title a  {
 line-height:32px !important;
 font-size:21px !important;
color:#fff;	
}

.altToggle .toggle > h3.toggle-title a i {
 left:13px;
 top:16px !important;
 width:32px !important;
 height:32px !important;
 line-height:32px !important;
 font-size:32px !important;
 color:#fff;
}

.altToggle .toggle > h3.toggle-title a {
  padding-left:64px!important;
}

.altToggle .toggle.open > div {
  height:100% !important;
  background:#eee;
}
.inner-toggle-wrap .wpb_content_element .wpb_wrapper {
  padding:32px !important;
}


/* adjustments on 11/28/23 */
.single-products .row.heading-title.hentry {
  display:none;
}

.single-products .post-featured-img {
  display:none;
}



/*

green
004352
0,67,82

lt gray
e4e7ec
228,231,236

blue
0c4f9f
12,79,159

highlight
fa542d
250,84,45

.nectar-color-accent-color, 
body a, 
label span, 
body [class^="icon-"].icon-default-style, 
.blog-recent[data-style*="classic_enhanced"] .post-meta a:hover i, 
.masonry.classic_enhanced .post .post-meta a:hover i, 
.post .post-header h2 a, 
.post .post-header a:hover, 
.post .post-header a:focus, 
#single-below-header a:hover, 
#single-below-header a:focus, 
.comment-list .pingback .comment-body > a:hover, 
[data-style="list_featured_first_row"] .meta-category a, 
[data-style="list_featured_first_row"] .meta-category a, 
.nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style, 
div[data-style="minimal"] .toggle:hover > .toggle-title a, 
div[data-style="minimal"] .toggle.open > .toggle-title a, 
#footer-outer #copyright li a i:hover, 
.ascend .comment-list .reply a, 
body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, 
body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, 
body.material #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover, 
#top nav .sf-menu .current_page_item > a .sf-sub-indicator i, 
#top nav .sf-menu .current_page_ancestor > a .sf-sub-indicator i, 
.sf-menu > .current_page_ancestor > a > .sf-sub-indicator i, 
.material .widget .tagcloud a, 
#single-below-header a:hover [class^="icon-"], 
.wpcf7-form .wpcf7-not-valid-tip, 
#header-outer .nectar-menu-label
*/