/*
 Theme Name:   Research Dawson College
 Description:  Child theme of Dawson College Theme
 Author:       Dawson College - Chris Georgieff
 Author URI:   http://dawsoncollege.qc.ca
 Template:     dawson-college-2022
 Version:      1.0.0
 Text Domain:  dawson-college-child
*/


.term{ display: block; background: #fff; padding: 5px 5px 5px 10px; margin-bottom: 1%; width: 100%; text-transform: capitalize; float: left; margin-right: 1%; }

@media only screen 
and (min-width : 740px){
    .term{ width: 48%; }
}

.researcher-meta h4{
    margin-top: 10px;
}

span.tax-name {
    display: block;
    margin-top: 10px;
}

/* .researcher-meta{
    display: flex;
    flex-flow: column;
} */

.term:hover{background: #548ec4; color: #fff;}
.term:hover .term-count{background: #AED3F5; color: #000;}
.term-name{ display: inline-block; float: left; padding: 5px 0px; }
.term-count{ display: inline-block; float: right; padding: 5px 10px; background: #efefef; }
h5{padding: 5px 10px;}
.cpt-item{overflow:hidden; background:#fff; border:1px solid #E6E5E5;}
.cpt-back-btn{position:absolute; right:0; top:0; padding:5px 10px; background:#BD5276;}
.cpt-back-btn a{ color: #fff;}
.cpt-back-btn:hover{ background: #A23057;}
.cpt-back-btn:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

#nav-alphabet{ margin-bottom: 20px; text-transform: uppercase;}
#nav-alphabet .alphabet.all{ background: #548EC4; color: #fff;}

#nav-alphabet .alphabet{ display: inline-block; padding: 6px 12px; background: #efefef; line-height: 20px;}
@media only screen 
and (min-width : 1920px) {
    #nav-alphabet .alphabet{  padding: 10px 15px;}
}
#nav-alphabet .alphabet.empty{ display: none;}
#nav-alphabet .alphabet.current, #nav-alphabet .alphabet.current:hover{ background: #BD5276; color: #fff; }
#nav-alphabet a.alphabet{ background: #fff; border: 1px solid #efefef;}
#nav-alphabet a.alphabet:hover{ background: #548EC4; color: #fff;}


img{ vertical-align: bottom;}

/* PROFILE */
.profile-info{width:72%; float:right;}

.side-search-box{
    vertical-align: bottom;
    padding: 1.4%;
    width: 75%;
    height: 30px;
    border: 1px solid #C7C7C7;
    border-right: none;
}
.side-search-submit{
    border: none;
    vertical-align: middle;
    padding: 0;
    width: 25%;
    color: #fff;
    background: #9758CB;
    height: 30px;
}
.expert-item{float:left; background:#306DA5; color: #fff; padding:5px 10px; margin:0 5px 0 0; list-style:none; display:inline-block; margin-bottom: 5px;}
.expert-item:hover{ background: #41a849; /*color: #333;*/ }

.list-tax-term.expertise{  padding:3px 10px; background: #e4edf4; /*text-transform: capitalize;*/ margin: 3px 0 2px 0; display: inline-block; }
.list-tax-term.expertise:hover{ background: #548ec4; color: #fff; }
.list-tax-term.department{ color: #548EC4; }
.list-tax-term.department:hover{ color: #41A849; }

.researcher-image{ margin: 3% 0 3% 3%; }
.researcher-meta { width: 74%; float:left; padding:20px; }
.size-thumbnail{ width: auto;}
.researcher-info ul{ padding-left:0; margin-left: 0;}
.researcher-info li{ list-style: none; padding: 10px 15px; background: #E9E8E8;  }
.first-letter{ background: #548EC4; color: #fff!important; padding: 10px 20px; border-top-left-radius:10px; border-bottom: 5px solid #17436B;  }

@media (max-width: 499px) {
	.profile-info{ width: 100%; }
	.feature-image{ width: 100%!important;}
}

@media (min-width: 500px) {
	.researcher-image{ width: 100%;}
}

@media (min-width: 740px) {

	.cpt-item{ margin-left: 45px;}
	

}

@media (max-width: 739px){
 .researcher-info{ clear: both;}
}

@media (max-width : 979px) {

}

@media (min-width: 980px) {

}

@media (min-width: 1920px) {
  
}


@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}