/*
Theme Name: Heartland Therapy Connection
Description: Theme for Heartland Therapy Connection
Author: On Tap
Author URI: https://www.beontap.co
Version: 1.0.0
Template: ixion
*/
@import url("../ixion/style.css");

@font-face {
    font-family: 'GilroyRegular';
    src: url('./fonts/Gilroy-Regular.woff2') format('woff2'),
         url('./fonts/Gilroy-Regular.woff') format('woff'),
         url('./fonts/Gilroy-Regular.ttf') format('truetype');
  }

@font-face {
    font-family: 'GilroyBold';
    src: url('./fonts/Gilroy-Bold.woff2') format('woff2'),
         url('./fonts/Gilroy-Bold.woff') format('woff'),
         url('./fonts/Gilroy-Bold.ttf') format('truetype');
  }

  @font-face {
    font-family: 'GilroyBlack';
    src: url('./fonts/Gilroy-Black.woff2') format('woff2'),
         url('./fonts/Gilroy-Black.woff') format('woff'),
         url('./fonts/Gilroy-Black.ttf') format('truetype');
  }

body {
    font-family: 'GilroyRegular', Arial, Helvetica, sans-serif, sans-serif;
    line-height: 1.575;
}

/** Titles **/
h1, h2, h3, h4{
    font-family: 'GilroyBold', Arial, Helvetica, sans-serif, sans-serif;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6{
    font-family: 'GilroyBold', Arial, Helvetica, sans-serif, sans-serif;
}

.singular .entry-title {
    font-size: 22px;
    color: #a6b81b;
    text-transform: uppercase;
    border-bottom: none;
}

h2.entry-title {
    font-size: 22px;
    color: #134574;
}

.widget-title{
    font-size: 14px;
    color: #134574;
    margin: 0 0 1.2em;
}

/** General **/
a{
    color: #a6b81b;
    transition: all .2s;
}

a:visited{
    color: inherit;
}

a:hover, a:focus, a:active {
    color: #a6b81b;
    text-decoration: none;
}

.entry-content a:hover{
    color: #134574;
}

p{
    font-size: 16px;
}

.entry-meta, .entry-footer, .comment-list .reply, .comment-metadata, .widget_recent_entries .post-date, .widget_rss .rss-date{
    font-family: 'GilroyBold', Arial, Helvetica, sans-serif, sans-serif;
    font-size: 12px;
}

.entry-meta {
    margin-bottom: .4em;
    color: #777777;
}

.entry-meta span:after, .entry-footer span:after, .comment-metadata .edit-link:before{
    background-color: #ffffff;
}

.more-link, .more-link:visited{
    color: #a6b81b;
}

.hentry {
    border-bottom: none;
}

article.hentry:last-of-type{
    padding-bottom: 0;
}

/*** Buttons ***/
.comment-navigation .nav-previous a, .comment-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a {
    background-color: #134574;
}

.comment-navigation .nav-previous a:hover, .comment-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
    background: #a6b81b;
}

/** Header **/
header .utility-container{
    display: none;
}

.site-header {
    border-bottom: 15px solid #134574;
}

/** Menu **/
.main-navigation ul>li>a {
    color: #a6b81b;
}

.main-navigation ul>li.current-menu-item>a, .main-navigation ul>li.current_page_item>a {
    color:  #134574;
}

.main-navigation .menu-toggle {
    background: #a6b81b;
}

.main-navigation .menu-toggle:focus {
    outline-color: #a6b81b;
}

.main-navigation ul {
    border-top: 3px solid #a6b81b;
}

@media screen and (min-width: 37.5em){
    .main-navigation ul {
        border-top: 0;
    }
}



.main-navigation ul:before{
    color: #a6b81b;
}

/** Page Templates **/
.no-sidebar .hentry, .no-sidebar.singular .entry-title{
    max-width: 100%;
}

/** Column modification **/
@media (min-width: 600px){
    .cols-about .wp-block-column:nth-of-type(1) {
        flex-basis: 75%;
    }

    .cols-about .wp-block-column:nth-of-type(2) {
        flex-basis: 25%;
    }
}


/** Widgets **/

.widget {
    background: none;
    font-size: 14px;
}

.widget-title{
    text-transform: uppercase;
}

.widget_categories li, .widget_archive li {
    border-bottom: 1px solid #333333;
    padding: .5em 0;
}

.widget_categories li:first-of-type, .widget_archive li:first-of-type {
    border-top: 1px solid #333333;
}

.icon-border-box{
    margin-bottom: 1.5em;
    position: relative;
    padding: 0 .6em 0 0;
}

.icon-border-box:hover .icon-box{
    background-color: #e8ecf0;
}

.icon-border-box a:hover p, .icon-border-box a:active p, .icon-border-box a:visited p{
    color: #333333;
}

.widget .icon-border-box{
    text-align: center;
    min-height: 225px;
}

.widget .icon-border{
    min-height: 216px;
}

.widget .icon-box {
    height: 226px;
}

.icon-border-box a:hover, .icon-border-box a:active, .icon-border-box a:focus {
    text-decoration: none;
    outline: none;
}

.icon-border{
    position: relative;
    border: 1px solid #134574;
    z-index: 5;
    padding: 1.5em 0;
}

.entry-content .icon-border {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 1.5em;
}

@media (min-width: 782px) {
    .entry-content .icon-border {
        flex-wrap: nowrap;
        padding: 1.5em 5em;
    }
}


.icon-box { 
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #ecf0f4;
    border: 5px solid #ffffff;
    width: 100%;
    height: 103%;
}

@media (min-width: 782px) {
    .icon-border{ 
        height: 215px;
    }
}

.entry-content .icon-text, .icon-border-box .icon-img{
    flex-basis: 100%;
    text-align: center;
}

@media (min-width: 782px){
    .entry-content .icon-text{
        flex-basis: 75%;
        text-align: left;
    }

    .entry-content .icon-border-box .icon-img{
        flex-basis: 25%;
    }
}

.entry-content .icon-text p{
    margin: 0 0 1em;
}

.icon-border-box h2{
    font-size: 18px;
    color: #134574;
}

.entry-content .icon-border-box h2{
    font-size: 24px;
}

.icon-border-box img{
    max-width: 150px;
}

.icon-border-box img.tall-icon{
    max-width: 125px;
}

/** Footer **/
.site-footer{
    border: none;
}

footer .site-info{
    display: none;
}

.footer-widgets .widget {
    font-size: 14px;
}

.footer-widgets section.widget_custom_html{
    text-align: center;
}