/*
 Theme Name:   Virtual Campus - 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
*/

.main-sidebar{
    /* display: none; */
}

.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;
}
a:hover{
    /* text-decoration: underline; */
}
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{  }

.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 */


.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:20px 0 30px 0; padding: 20px; }

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: 20px 0!important;
    }

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

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

}

.site-content{
    overflow: hidden;
}

#coursenfo{
    position: relative;
    z-index: 789;
}
.three-column .content li a{
    text-decoration: none;
}
.three-column .content li a:hover, .three-column .content li a:focus{
    text-decoration: underline;
    color: #306DA5;
}
.three-column #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-around;
    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{
        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;
}

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

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

#site_title img{
    display: block!important;
    position: static!important;
    max-width: 250px!important;
}

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


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

    body .page-header{
        padding-bottom: 20px;
        padding-bottom: 2rem;
    }

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

.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: 980px) {
    .header-image-caption{
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

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;
    }
}

.content table ol, .content table ul{
    margin-top: 10px;
    margin-top: 1rem;
}