/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.entry-title {
    margin-bottom:1.5rem;
}

.btn_overview_container {
    margin-top:1rem;
    text-align:center;
}
.btn_overview, .search-submit {
    background-color:#205F69;
    color:#fff !important;
    padding: 1rem 2rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    border-radius:.375rem;
}

.btn_overview:hover, .btn_overview:focus {
    background-color:#16434B;
    color:#fff;
}



.art_images {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.instrument_inner_videos {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.instrument_summary, .instrument_inner_videos, .instrument_additional_info_inner, .searchresults_inner{

    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin:0 2 rem;


}
.searchresults_inner a h2 {
    text-align:center;
    text-transform:uppercase;
    font-family:'Cinzel', serif;
    color:#333;
    padding:1rem 1rem 0 1rem;

}
.searchresults_inner a h2:hover, .searchresults_inner a h2:focus{
  /*  text-decoration:underline;*/
}

.inside-article.one_instrument {
    background-color:#ddeaec;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    border-radius:.375rem;}

.instrument-label {
    font-weight:600;
}

.art_images img {
    margin: 10px;
    border: 2px solid #333;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3);
    width:100%;
    max-width: 400px;
}


.instrument_summary_list_details {
    padding:1rem;
}

@media (min-width: 480px) {
    .art_images img {
        max-width: 35vw;
    }
    .instrument_summary, .instrument_inner_videos, .instrument_additional_info_inner, .searchresults_inner{

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;


    }

}



@media (min-width: 769px) {
    .art_images img {
        max-width: 25vw;
    }

    .instrument_summary, .instrument_inner_videos, .instrument_additional_info_inner, .searchresults_inner{

       display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;


    }



}

@media (min-width: 1025px) {
    .art_images img {
        max-width: 15vw;
    }
     .searchresults_inner{

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2rem;


    }

}

@media (min-width: 1350px) {
    .art_images img {
        max-width: 10vw;
    }

}