/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Template: u-design
Version: 1.0.0
*/

/**** BEGIN ADDING YOUR CUSTOM CSS CODE BELOW: ****/

/*Links*/
.fret_spec_sheet:first-of-type{
	margin-top:20px;
}
a.focus-button{
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
   	color: #fff;
    background-color: #AF995C;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding: 14px 20px;
	border-radius: 5px;
}

a.focus-button:hover{
	color:#000;
	background-color: #d8caa2;
}
a.focus-button.outline-button{
	color: #AF995C;
	background-color: transparent;
    border: 1px solid #AF995C;
}
a.focus-button.outline-button:hover{
	color: #fff;
	background-color: #AF995C;
    border: 1px solid #AF995C;
}
.fret-menu li, .frent-menu{
	list-style: none;
	padding-left:0;
	margin-left:0;
	max-width:200px;
	display:inline-block;
}
.fret-menu a{
	text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
   	color: #AF995C;
    background-color: transparent;
	border: 1px solid #AF995C;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	font-size: 14px;
    padding: 14px 20px;
	border-radius: 5px;
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex; 
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	justify-content: center;

}
.fret-menu a:hover{
	background-color: #AF995C;
	border: 1px solid #AF995C;
	color: #FFF;
}
/*CUSTOM POST TYPES
=========================*/
#recent-amps, #recent-instruments{
	font-weight: 700;
	color:#AF995C;
}
body.archive .postmetadata, body.page-template-just-in-template .postmetadata, body.page-template-just-in-instruments-template .postmetadata, body.page-template-just-in-amps-template .postmetadata{
	display:none;
}
.custom-post-12fret-content{
	margin-top:40px;
	
}
.archive-custom-tax-12fret-wrapper{
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex; 
    justify-content:space-between;
	-webkit-justify-content: space-between;
	align-items: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	-webkit-box-align: top;
	flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:wrap;
	-webkit-flex-wrap:wrap;

}
.archive-custom-tax-12fret-wrapper .archive-custom-tax-12fret{
	flex: 0 0 30%;
}
.archive-custom-tax-12fret-wrapper.columns-5 .archive-custom-tax-12fret{
	flex: 0 0 40%;
}
.archive-custom-tax-12fret-wrapper .archive-custom-tax-12fret img{
}
@media screen and (min-width: 800px) {
    .archive-custom-tax-12fret-wrapper.columns-5 .archive-custom-tax-12fret{
		flex: 0 0 20%;
	}
}
/*Brand TAXONOMY
=========================*/

#brand-logos{
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex; 
    justify-content:space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#brand-logos .brand-logo{
	flex: 0 0 100%;
	text-align: center;
}
@media screen and (min-width: 600px) {
	#brand-logos .brand-logo{
		flex: 0 0 30%;
	}
}
@media screen and (min-width: 1020px) {
	#brand-logos .brand-logo{
		flex: 0 0 16%;
	}
}
#brand-logos:after {
  content: "";
  flex: auto;
}
/*INSTRUMENT POST TYPE
=========================*/
.instrument-text p{
	font-size:16px;
}
.instrument-price, .fret-product-price{
	font-weight: 600;
	font-size: 125%;
}
body.archive .fret-product-price{
	margin-bottom:8px;
	
}
.fret-product-class{
	font-style: italic;
}
.fret-sold-archive{
	font-weight: 600;
}
#esg-grid-1-custom_post-1 .filter-sold{
    opacity: 0.5!important;
/*
    top: 516px;
    left: 662px;
    transform-origin: center center 0px;
*/
}
ul.instrument-details{
	margin-left:0;
	padding-left:0;
	list-style: none;
	margin-top:40px;
}
ul.instrument-details li{
	margin-left:0;
	padding-left:0;
	margin-bottom: 0.87em;
}
ul.instrument-details li:before {
	font-family: FontAwesome;
    content: "\f0c8";
    margin-right: 12px;
	color:#AB9353;
}
.fret-video{
	text-align: center;
}
/*search-and-filter-mobile-wrapper*/
.search-and-filter-mobile-wrapper{
	display:block;
	padding-left:15px;
	padding-right:15px;
}
@media screen and (min-width: 720px) {
	.search-and-filter-mobile-wrapper{
		display:none;
	}
}
/*FACETS
=========================*/
.facet-container{}
.facet-container-horizontal{
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex; 
    justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	-webkit-box-align: top;
	flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:wrap;
	-webkit-flex-wrap:wrap;

}
.facet-container h2 {
	font-family: Roboto, sans-serif; 
	color: #ab9353;
	font-size:24px;
	text-transform: uppercase;
}
h2.facet-title, .facet-container hr{
	flex: 0 0 100%;
}
.facet-container h3 {
	font-family: Roboto, sans-serif; 
	color: #ab9353;
	font-size:18px;
	text-transform: uppercase;
}
.facet-container-horizontal .facet-12fret{
	flex:1 0 100%;
}
.facet-container-horizontal .facetwp-type-checkboxes{
	display: -webkit-box;  
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex; 
    justify-content:space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:wrap;
	-webkit-flex-wrap:wrap;

}
.facet-12fret select, .facet-12fret {
	font-size:16px;
	min-height:3em;
}
.facet-12fret select option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.8em;
    padding: 6px 2px 1px;
}
@media screen and (min-width: 500px) {
	.facet-container-horizontal .facet-12fret{
		flex:0 0 22%;
	}
	.facet-container-horizontal .facet-12fret.sold-checkboxes{
		flex:0 0 12%;
	}
}
/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #AB9353;
}
.custom-pagination a:hover {
  background-color: #AB9353;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #AB9353;
  color: #fff;
}
/*Shopify*/
/*=============================== */

.shopify-add-to-cart{
    max-width: 350px !important;
    margin-bottom: 40px !important;
}
.shopify-full-content{
	margin-top:30px;
}
/*JUST IN POST TYPE
=========================*/
.just-in-wrapper {
    clear: both;
    height: auto;
    overflow: visible;
    width: 98%;
	padding-left:15px;
}
.just-in-wrapper p {
    line-height: 1.35;
    margin-bottom: 14px;
}
.just-in-wrapper div {
    padding: 1% 1% 1% 0;
}
.just-in-title-wrapper div {
    border: medium none;
    font-size: 135%;
    font-weight: bold;
    margin-bottom: 15px;
    margin-right: 3px;
    padding: 0;
}
.just-in-title-wrapper {
    float: left;
    width: 100%;
}
.just-in-title {
    float: left;
    font-weight: bold;
    width: 100%;
}
div.just-in-model-wrapper {
    border: medium none;
    float: left;
    padding-left: 0;
    width: 100%;
}
.just-in-year {
    float: left;
    width: auto;
}
.just-in-brand {
    float: left;
    width: auto;
}
.just-in-model {
    float: left;
    width: auto;
}
.just-in-serial-number{
    float: left;
    width: auto;
}
.just-in-info-wrapper {
    font-size: 14px;
}
.just-in-info-wrapper div:before {
    content: url("images/12fretguitar.png");
    margin-left: 3px;
}
.just-in-info-wrapper div:last-child:after {
    content: "";
    margin-left: 3px;
}
.just-in-price {
    float: left;
    text-align: left;
    width: auto;
}
.just-in-price-us {
    float: left;
    text-align: left;
    width: auto;
	height:1px;
}
.just-in-date-listed {
    float: left;
    width: auto;
}
.just-in-class {
    float: left;
    width: auto;
}
.just-in-consignment {
    float: left;
    text-align: left;
    width: auto;
}
.just-in-sold {
    float: left;
    text-align: left;
    width: auto;
}
.just-in-on-hold {
    float: left;
    text-align: left;
    width: auto;
}
.just-in-text-wrapper {
    float: left;
    width: auto;
}
.just-in-text {
    float: left;
    width: 100%;
}
.just-in-contact {
    bottom: 0;
    float: left;
    width: 210px;
}
div.just-in-share {
    float: left;
    margin-top: -6px;
    padding: 0;
    width: 36%;
}
div.just-in-picture {
    float: left;
    padding: 0;
    width: 100%;
}
div.just-in-picture img {
    height: auto;
    max-width: 98%;
    min-width: auto;
    width: 845px;
}
.just-in-contact a{
	text-decoration:none;
	font-size:14px;
       cursor: pointer;
    line-height: 1.7;
        padding: 4px 8px;
    text-transform: uppercase;
	}
.just-in-contact a:link {
    background-color: #736357;
    color: #F2F2F2;
}
.just-in-contact a:visited {
    background-color: #736357;
    color: #F2F2F2;
}
.just-in-contact a:hover {
    background-color: #666;
    color: #F2F2F2;
}
.just-in-contact a:active {
    background-color: #736357;
    color: #F2F2F2;
}
.just-in-archive{
margin-bottom:20px;
border-bottom:#CCC solid 2px;

}
.wp-caption {
    max-width: 97% !important;
}
.ie-message{
		display:none;
	}
/*IE10 and IE11*/
@media all and (-ms-high-contrast:none){
     .ie-message{
		display:block;
	}
     *::-ms-backdrop, .ie-message{
		display:block;
	} /* IE11 */
}
/*----MS Edge Browser CSS Start----*/
@supports (-ms-ime-align:auto)  {
	.ie-message{
		display:block;
	}
}
/*----MS Edge Browser CSS End----*/

.eg-12th-copy-monroe-element-1{
	font-family: 'Open Sans',sans-serif !important;
	color:#FFF !important;
	text-shadow: 4px 1px 6px black !important;
}