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

/**
New branding */
#site_title img{
    left:0!important;
    top: 0!important;
    margin: 0!important;
    padding: 0!important;
}
.tagline {
 
    font-style: normal;
}

.select-options-box{ position: relative; z-index: 644; margin: 30px 0;}
.selecter{ display: inline-block!important; width: 100%; margin: 0!important; margin-right: 5px!important; }
/*.selecter, .archive-year-list, .archive-cat-list{position: relative; z-index: 633!important;}
.selecter+.selecter{z-index: 632!important;}*/
.archive-meta{ }
main{
    padding: 0;
    overflow: hidden;
}
main .search-form{ visibility: visible; display: block; opacity: 1; position: static;}
.dc_accordion:last-child{ margin-bottom: 0; }
img{ vertical-align: bottom;}
#content h2{ }
#content h3{  }

.content li a, .content p a, dd a{ font-weight: 600; color: #17436b; text-decoration: none; }

.content li a:hover, .content p a:hover, dd a:hover{
    color: #306DA5;
    text-decoration: underline;
}

.content a:before{
    display: none;
}

.content li{
    line-height: 1.4;
}

.content li.resources a:visited
/* ,
.content p a:visited  */
{
    background-color: purple;
    color:#fff;
}

.content li.resources a:focus{
    background-color: #0F766E;
    color:#fff;
}

.content li.get-involved a:visited{
    background-color: purple;
    color:#fff;
}

.content li.get-involved a:focus{
    background-color: #0F766E;
    color:#fff;
}

.content li.support a:visited{
    background-color: purple;
    color:#fff;
}

.content li.support a:focus{
    background-color: #0F766E;
    color:#fff;
}

.content li.communities-of-practice a:visited{
    background-color: purple;
    color:#fff;
}

.content li.communities-of-practice a:focus{
    background-color: #0F766E;
    color:#fff;
}

.archive-item{ margin-bottom: 30px;}
.archive-item .dc_accordion{ margin-bottom: 0;  }
.user-resources .dc_accordion .dc_accordion-title{ border-top: none;}

.archive-item .dc_accordion .dc_accordion-title a{ background:#444; color: #fff; padding-top:10px; padding-bottom: 10px; text-transform: capitalize;  }
.archive-item .dc_accordion .dc_accordion-title a:hover{ background:#444; color: #fff; }
.archive-item .dc_accordion .dc_accordion-title a:before{ color: #fff;}


.list-terms{  padding:3px 10px; border: 1px solid #e4edf4; font-size: 14px; }
.list-terms:hover{ background: #548ec4; color: #fff; }
.size-thumbnail{ width: auto;}

/* START User Page */
ul.dc-accordion-menu, ul.dc-accordion-menu ul { padding-left:57px!important; }
ul.cat-level{ margin:0; padding:20px 20px; }
ul.cat-list{ padding:0; margin:0; margin-top: 20px;}
ul.cat-list > li{ background:#fff; padding:0; border:1px solid #dcdcdc; margin:0 0 20px 0; }
ul.cat-list > li label h2{ padding:10px 20px; background:#306DA5; color:#fff; text-transform:uppercase; font-size: 18px; letter-spacing: 0.7px; margin: 0; }
ul.cat-list, ul.cat-list li, ul.cat-list li li{ list-style:none; }
ul.cat-list li li li{ list-style:square; font-family:"Open Sans"}

/* END User Page */

.position-side-right.menupane .menu li a{
    text-align: left;
}
.position-side-right.menupane .menu li.current_page_item a{
    color: #fff;

}


.list-divider{ background: #548EC4; color: #fff!important; padding: 10px 20px; text-transform: uppercase;  margin-top: 10px; font-size: 22px!important; margin-left: -20px; border-radius: 5px; }
.user-resources .list-divider{ margin-bottom: 0; }
.sub-list-divider{ background: #666; color: #fff!important; padding: 10px 20px; text-transform: uppercase; font-weight: normal; margin-top: 10px;  }
.user-resources .sub-list-divider{ margin-bottom: 0;}
.sub-list-divider .show-cat{font-family:"Open Sans"; font-size:12px; color:#fff; display: inline-block; margin-left: 10px; background: #41A849; padding: 3px 8px; float: right;  }
.term-list li.term-item{ margin-bottom: 8px;}
.term-list li.term-item a{ display: inline-block;}
.term-list{ margin-left: 0!important; padding-left: 0!important; }
.term-item{ display: inline-block; list-style: none; margin-right: 5px; margin-bottom:25px;  }
.term-item a{ text-decoration: none!important; background: #fff; padding: 10px 8px 10px 12px;}
.term-item span{ background: #efefef; display: inline-block; padding: 5px 10px; margin-left:10px; }

.search-results article{ background: #fff; margin:0px 0 40px 0!important; padding: 20px; clear:both; }

.search-results article:first-of-type{
    margin-top: 20px!important;
}

.search-results article h3{
    margin: 0 0 10px 0!important;
}

td .search-bar{ width: 75%!important;}
td .search-submit{ width: 25%!important; }

.apply_submit{

    background: #25A6E1;
    background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
    padding:10px 14px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:14px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9;
    margin: 5px;
    vertical-align:text-bottom;
    cursor: pointer;
}


.buttons a{ display:block;}
#content img{ max-width:100%;}
.user-resources .dc_accordion{ margin-bottom: 0; }
.dc_accordion .dc_accordion-title a{ font-family:Oswald; font-size:18px; letter-spacing:.5px; text-transform:uppercase;  }
.dc_accordion .dc_accordion-title a:hover {color: #548ec4;}
.dc_accordion .dc_accordion-title a.image-bg{}
.dc_accordion .dc_accordion-body{
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.dc_accordion .dc_accordion-body.image-bg{}
.dc_accordion .dc_accordion-title{}
.dc_accordion .dc_accordion-title img.image-bg{ display:none;}

#content .masonry-entry {
    visibility: hidden ;
    opacity: 0;
    transition:visibility 0.3s, opacity 0.3s;
    width: 48%;
    margin: 1%;
}
#content .masonry-entry.root-cat{ margin: 1%!important; width:48%;}
#content .masonry-entry.root-cat h2{  background: #2c77bb; margin:0; padding:10px 20px; }
#content .masonry-entry.root-cat h4{ cursor: pointer;}
#content .masonry-entry.root-cat h4::after{ content: "\f0d8"; font-family: FontAwesome; padding-left: 10px;}
#content .masonry-entry.root-cat h4.open::after{ content: "\f0d7";}
#content .masonry-entry.root-cat a{ color: #6d6d6d;}
#content .masonry-entry{ padding: 0;}
.items{ display: none;}
.items.is-visible{ display: block; }


@media only screen
and  (min-width: 750px){
    .dc_accordion .dc_accordion-title a.image-bg{padding:50px 60px; padding-left:160px;}
    .dc_accordion .dc_accordion-body.image-bg{padding:30px 60px;}
    .dc_accordion .dc_accordion-title{ max-height:150px;}
    .dc_accordion .dc_accordion-title img.image-bg{
        display: block;
        width: auto;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}


@media (max-width: 499px) {

    .feature-image{ width: 100%!important;}
}


@media (max-width: 739px){
    #searchsubmit{ width: 35%!important;}
    #s{ width:65%!important;}

}

@media (max-width : 979px) {

}

@media (min-width: 980px) {

}

@media (min-width: 1920px) {

}

@media (max-width: 1024px){
    #content .masonry-entry.root-cat{
        width: 48%;
    }

}

@media (max-width: 700px){
    #content .masonry-entry, #content .masonry-entry.root-cat {
        width: 100%;
        margin: 2% 0;
    }

}

.no-js #content .masonry-entry{ visibility: visible; opacity: 1;}

#content .masonry-entry {
    padding: 20px;
}


.page-header form.searchform{
    margin: 0!important;
}

.tagline{
    display: none;
}
#site_title{
    margin-bottom: 20px;
}
@media (min-width: 980px) {
    .tagline{
        display: block;
    }
    #site_title{
        margin-bottom: 0px;
    }
    .page-header form.searchform{
        width: 25%!important;
        position: absolute!important;
        right: 0;
        margin: 30px 0!important;
    }

    .home #primary.content-area > div:last-child{
        width: 33%;
    }

    .home #primary.content-area{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 3px;
    }
    .home #primary.content-area > div{
        width: 33.33%;
    }

}

.site-content{
    overflow: hidden;
}

#coursenfo{
    position: relative;
    z-index: 789;
}
.home .content li a{
    text-decoration: none;
}
.home .content li a:hover, .home .content li a:focus{
    text-decoration: underline;
    color: #306DA5;
}
.home #primary.content-area > div {
    padding: 30px;
    padding: 3.0rem;
    background: #fff;
    border: 1px solid #efefef;
}


.event-contents{
    background: #efefef;
}

.event-contents .event-date p{
    padding: 0;
    margin: 0;
}

.event-block,
.news-block,
.resource-block
{
    padding: 20px 0 0 0;
}
.event-block ul {
    list-style-type: none;
    padding: 0!important;
    margin: 0!important;
}

.event-block li {
    margin: 0 0 20px;
    vertical-align: top;
    list-style-type: none;
}


.event-date {
    border-right: 1px solid #999;
    padding-right: 20px;
    /*width: 20%;*/
    max-width: 62px;
    text-align: center;
}

.event-month {
    color: #999;
    font-family: Open Sans,sans-serif;
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.event-day {
    font-size: 2em;
    line-height: 1em;
    font-weight: 300;
}

.event-title {
    padding-left: 20px;
    width: 70%;
    width: calc(100% - 67px);
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
}

.event-date, .event-title {
    display: inline-block;
    vertical-align: middle;
}

.pre-foot{
    background: rgb(5, 30, 51)!important;
}
.pre-foot.about{
    background: rgb(12, 50, 85)!important;
}

.item-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0!important;
    margin: 0!important;

}
.item-list li{
    list-style: none;
    display: inherit;
    flex-flow: inherit;
    justify-content: stretch;
    text-align: left;
    align-items: stretch;
    width: 100%;
    margin: 2% 0;
    min-height: 150px;
    background: #eee;
    position: relative;
    border: 1px solid #dcdbdb;
    transition: background-color 0.2s ease;
    border-bottom: 2px solid #0b3255;
}

.item-list li.newsletters .head{
    background: #fff;
}

.item-list li .head{
    color: #ebf6ff;
    background: #17436b;
    text-decoration: none;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 10%;
    font-weight: normal;
    transition: all 0.2s ease;
    flex-flow: column;
}

.item-list li.newsletters .head{
    color: #000;
}


.item-list li a:hover{
    color: #17436b;
    background: #fff;
}

@media screen and (min-width:740px ) {

    .item-list li{

        width: 48%;

    }

}

.item-list .title{
    display: flex;
    flex-flow:column;
    width: 100%;
}

.item-list .desc {
    padding: 20px 20px;
}

.item-list .view{
    text-align: center;
}
.item-list .view a{
    margin-top: 5px;
    border:1px solid #cecece;
    background: #fff;
    padding: 10px 15px;
    display: inline-block;
    text-decoration: none;
}

@media screen and (min-width:900px ) {

    .item-list .view{
        text-align: left;
    }

    aside.top .menupane .menu > li{
        width: 16%;
    }

    .term-newsletters .item-list li{
        width: 100%;
        flex-flow: row wrap;
    }

    .term-newsletters .item-list li .head{
        padding: 1%;
        width: 40%;
    }

    .item-list .desc{
        padding: 20px 30px;
        width: 60%;
    }

    .item-list li{

        width: 47%;

    }

    #menu-secondary-menu{
        display: table;
        width: 100%;
    }

    .menupane .menu a{
        text-align: center;
    }
}

@media screen and (min-width:1440px ) {
    .item-list li{

        width: 31%;

    }
}

.item-list title{
    width: 100%;
}

.event-contents li a, .resource-block li a, .home-news li a{
    font-weight: normal;
}

.home .resource-block ul, .home .news-block ul{
    margin-top: 0;
}

.home .content h2{
    margin-top: 0;
    border-bottom: 1px solid #52525230;
    padding-bottom: 6px;
}

#site_title img{ display: block!important; max-width: 100%!important; }

#coursenfo h1 {
    max-width: 325px;
}


@media screen and (min-width:980px) {

    body .page-header{
        padding-bottom: 30px;
        padding-bottom: 3rem;
    }

    .tagline{
        color: #fff;
        margin-left: 86px;
        margin-top: -10px;
    }
}

.home-links ul{
    margin: 0;
    padding: 0;
}
.home-links li{
    list-style: none;
}

.home-links a{
    color:#17436b;
}

.btn-faculty{
    display: block;
    background: #f5f5f5;
    padding: 5%;
    text-align: center;
    border: 1px solid #dcdcdc;
    text-decoration: none!important;
}
.btn-faculty:hover, .btn-faculty:focus{
    background: #306DA5;
    color: #fff!important;
}
/*.btn-faculty:visited{*/
/*background: purple;*/
/*color: #fff!important;*/
/*}*/

.page-header-image{
    position: relative;
}
.header-image-caption{
    background: rgba(0,0,0,0.5);
    color: #fff;
}

@media screen and (min-width: 1300px) {
    .header-image-caption{
        position: absolute;
        right: 0;
        bottom: 0;
        border-top-left-radius:20px;
        padding: 0px 20px;
    }
}

body .root{
    background: #000;
}

.item-list li{
    position: relative;
}
.item-list li .post-edit-link{
    font-size: 11px;
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: auto;
    border-color: transparent;
    background: #fff;
    width: auto!important;
}

.site-content{
    /*background: #fff;*/
}

/*@media screen and (min-width: 980px){*/
/*body .page-header {*/
/*background: #fff!important;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 980px) {*/
/*body aside.top .menupane {*/
/*background: #ededed;*/
/*}*/
/*}*/

.team-group .contact-meta{
    padding: 0!important;
    margin: 0 0 0 0!important;
}
.team-group .contact-person{
    background: transparent!important;
    border-bottom: none!important;
}

.team-group .contact-email a{
    font-size: 16px!important;
    font-size: 1.6rem!important;
    color: #306da5!important;
}
.team-group .contact-email a:hover{
    text-decoration: underline;
}

.tipper{ display: inline-block!important; width: auto!important; }

@media screen and (min-width: 779px){
    .popup-wrap .popup .img-pop {
        width: 28%;
    }
}

@media screen and (min-width: 779px) {
    .popup-wrap .popup .in_content > div {
        width: 70% !important;
        margin-left: 2%;
    }
}

.popup-wrap p{ margin: 0 0 20px 0; }
.popup-wrap [id$=desc]{
    background: #f3f3f3;
    padding: 20px;
    margin-top: 10px;
}

.pre-foot{
    display: block!important;
}

/*.page-header-image{*/
/*    max-height: 100%;*/
/*}*/

@media screen and (max-width:980px) {
    .site-content{
        padding: 0;
        background:transparent;
    }
    .shifter-page main{
        background: #fff!important;
    }
}


/**
 * VIMEO Thumbs
 */
.video-container{
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.video-container > article{
    width: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
}

.vimeo-title a{white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

@media screen and (min-width:740px) {
 
    .video-container > article{
           width: 46%;
    }
}

@media screen and (min-width:980px) {
 
    .video-container > article{
           width: 33%;
           margin-bottom: 0.6%;
    }
}

.video-container .entry-content{
    border: none!important;
    padding: 20px;
}

.vimeo-title{
    font-size: 18px!important;
    margin-top: 10px!important;
    margin-bottom: 0;
}
.vimeo-description{
    text-overflow: ellipsis;
    height: 200px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-align: left;
    height: 3rem;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    display: block;
    font-size: 12px!important;
    color: #555;
}
a.faculty-video-thumb {
    display: block;
    position: relative;
    padding-bottom: 56%;
    background: #000;
    overflow: hidden;
}
a.faculty-video-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 100%;*/
}
a.faculty-video-thumb img.loaded{
    width: 100%;
}

a.faculty-video-thumb {
    /*background: #eee255;*/
}

a.faculty-video-thumb img{
   /* display: none;*/
}

a.faculty-video-thumb.loaded:after {
    position: absolute;
    content: "\f04b";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'FontAwesome';
    font-size: 34px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(238,226, 85, 0.5);
    background: rgb(0, 0, 0, 62%);
    background: rgb(23, 67, 107, 87%);
    color: white;
}

.entry-content:hover a.faculty-video-thumb.loaded:after{
    background: rgb(0, 0, 0, 87%);
}

.apply_submit, .apply_reset{

  background: #25A6E1;
  background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
  background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
  background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
  background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
  background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
  padding:10px 14px;
  color:#fff;
  font-family:'Helvetica Neue',sans-serif;
  font-size:14px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border:1px solid #1A87B9;
  margin: 5px;
  vertical-align:text-bottom;
  cursor: pointer;
}