/* 
 Theme Name:   zfolio-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     zfolio
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

:hover {transition: transform ease-in-out 0.3s;}
.zfolio-page{padding: 30px 0;}
.site-page {min-height: calc(100vh - 290px);}

@media screen and (min-width: 768px){
    .zfolio-header__nav ul li.menu-item-has-children a {position: relative; padding-right: 23px;}
    .menu-item-has-children > a:after{
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        font-size: 15px;
        color: white;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }
}
h1.page-title {font-size: 35px;}
h2 {font-size: 30px;}
p{margin-bottom: 0.5rem;}
.colored-box{padding: 0.5rem; background-color: #e7f1ff; border-radius: 5px; margin: 0.5rem 0;}

.zfolio-footer__top {padding: 20px 0;}
.footer-menu{list-style: none; padding: 0;}
.footer-menu li{ display: inline-block; color: #fff; padding: 5px 10px; vertical-align: middle;}
.footer-menu li a{color: #fff; text-decoration: none;}
.copyright a{text-decoration: none;}
[class*="reg-"] {display: block; background-repeat: no-repeat; text-indent: -9999px;}
.reg-18 {background: var(--icon-18plus); width: 34px; height: 34px;}
.reg-gamblingtherapy {
    background: var(--logo-gamblingtherapy);
    width: 34px;
    height: 34px;
}

@media only screen and (max-width: 767px){
.zfolio-mobile-menu {
    display: block;
}
}