/*
Theme Name:   Thoroughbred
Description:  Tweaks to Divi
Author:       Pete Williams
Author URL:   Write here the author's blog or website url
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Thoroughbred
*/

/* Write here your own personal stylesheet */

.et_pb_gallery_item img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.et_pb_gallery_image {
    padding-top: 100%;
}
.entry-title {color:#e02b20;}

@media (max-width: 980px) {
.et_header_style_centered #logo {
    max-height: 100px !important;
}

}	

span.mobile_menu_bar:before{
  color:#b93532;
}
.spspec {font-size:12px !important;}	

.wpforms-form button[type=submit] {
    background-color: #77380f !important;
    border-color: #77380f !important;
    color: #fff !important;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: #000 !important;
}

.guitar-model-specs h2 {
    color: #fff;
    font-size: 22px;
    letter-spacing: .15em;
    background: rgba(0,0,0,.35);
    padding: 0px 15px 0px 15px;
    border-radius: 0px;
    border: 1px solid #000;
}
.guitar-model-specs dl {
    column-count: 2;
}
.guitar-model-specs dt {
    float: left;
    padding: 12px 0px 12px 15px;
    margin-right: 10px;
    color: #C6935B;
    font-weight: 400;
}
.guitar-model-specs dd {
    padding: 12px 0px 12px 15px;
    border-bottom: 1px dotted #666;
    font-weight: 400;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.guitar-model-specs dd {
	  color: #fff;
    padding: 12px 0px 12px 15px;
    border-bottom: 1px dotted #666;
    font-weight: 400;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}