/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.4.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

.tab-pane li {
    margin-bottom: .75em;
}

[class^='itm-']{
    position:relative;
    padding-left:240px;
    padding-bottom:25px;
    border-bottom:1px solid #CCC;
    margin-bottom:25px;
}
[class^='itm-']:after{
    content:"";
    height:0;
    display:block;
    clear:both;
}
[class^='itm-'] h3{
    margin:0 0 0 0 !important;
    padding:0 0 7px 0;
    color:#6aa2b8;
    font-weight:600;
}
[class^='itm-'] a{
    display:block;
    padding-top:5px;
    font-weight:600;
}
[class^='itm-'] time{
    font-size:12px;
    font-style:italic;
    padding:0 0 0 0;
    margin:0;
}

[class^='itm-'] img:first-of-type{
    width:210px;
    height:auto;
    position:absolute;
    top:0;
    left:0;
}
.page-template-template-blog .sidebar{
    background-color: #FFFFFF;
    border:2px solid #CCCCCC;
    padding:20px 0 0 9px;
    border-radius:30px;
}

.page-template-template-blog .sidebar h3{
    font-weight:bold;
    padding-left:10px;
    margin-bottom:-20px;
}

.page-template-template-blog .sidebar iframe{
    height:auto !important;
    margin-bottom:-20px;
}
.Button--text, .gfield_label, .gform_button, .initialism, .Label, .Quote-cite{
    text-transform: none !important;
}

.listing{
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #6aa2b8;
    margin-bottom:10px;
}
.listing:after{
    content:"";
    display:block;
    height:0;
    clear:both;
}
.listing img{
    margin:0 30px 0 0;
    float:left;
}
.listing h3{
    color:#6aa2b8;
    font-size:24px;
    padding:1em 0 .5em 0;
    font-weight:200;
}
.listing p{
    font-size:18px;
}

@media screen and (max-width:768px){
    .page-template-template-blog [class^='col-'] {
        float:none;
        width:100%;
    }
    .page-template-template-blog [class^='itm-'] img:first-of-type{
        position: relative;
        width:100%;
        height:auto;
        padding-bottom:10px;
    }
    .page-template-template-blog [class^='itm-']{
        position:relative;
        padding-left:0;
        padding-bottom:25px;
        border-bottom:1px solid #CCC;
        margin-bottom:25px;
    }
    .listing img{
        float:none;
        margin-right:0;
    }
}
@media screen and (max-width:420px){

    .tab-pane [class^=align]{
        float:none;
        display:block;
        width: 100%;
    }
}