/**
 *
 *Copyright (c) 2017 iVoline, ConCordia All Rights Reserved.
 *
 *
 *### hoon jo | 20171117 ###
 *@last_modified: paul Lee | 20171228
 *
 *@desc: Mainly, overrides the original properties
 *@include:
 *
 */

/*----------------------------------------------------------------------------*/
/*
/*        Fixes
/*
/*----------------------------------------------------------------------------*/

/*Column padding to 0*/

.no-paddings {
  padding-left: 0rem;
  padding-right: 0rem;
}

/*Card Responsive Fix for Same height*/

.row .equal-height {
  display: flex;
  flex-wrap: wrap;
}
.row .equal-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.equal-height .card {
  flex-grow: 1;
}

/*modal fix*/

.modal-open .sticky-top {
  margin-right: 0rem !important;
  padding-right: 17px !important;
}
.modal-open .navbar-toggler {
  margin-right: 0rem !important;
}
.modal .modal-image {
  max-width: 1240px !important;
  opacity: 0.9;
}
.img-fluid {
  width:100%;
}

/*----------------------------------------------------------------------------*/
/*
/*        Spacers
/*
/*----------------------------------------------------------------------------*/

.spacer-05rem {
  height: .5rem;
}
.spacer-1rem {
  height: 1rem;
}
.spacer-2rem {
  height: 2rem;
}
.spacer-3rem {
  height: 3rem;
}
.spacer-4rem {
  height: 4rem;
}
.spacer-5rem {
  height: 5rem;
}
.spacer-6rem {
  height: 6rem;
}
.spacer-10rem {
  height: 10rem;
}
.page_content {
  min-height: 50rem;
}
.top-padding-80px {
  padding-top: 40px;
}
.page-gap {
  margin-top:-1.19rem;
  height: 2rem;
  background-color: rgba(149, 0, 26,1);
}

/*----------------------------------------------------------------------------*/
/*
/*        Global Style
/*
/*----------------------------------------------------------------------------*/

.font-09rem {
  font-size: 0.9rem !important;
}
.font-1rem {
  font-size: 1rem !important;
}
.font-2rem {
  font-size: 2rem !important;
}
.font-4rem {
  font-size: 4rem !important;
}
.font-6rem {
  font-size: 6rem !important;
}
.font-10rem {
  font-size: 10rem !important;
}
.font-12rem {
  font-size: 12rem !important;
}
.font-bold {
  font-weight: bold !important;
}
.bg-color-concordia {
  background-color: #95001a;
}
.bg-color-white {
  background-color: #FFF;
}
.section-title-box {
  align-items: center;
  padding-top: 4rem;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: rgba(149,0,26,1);
  background-color: rgba(255,255,255,1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 2.5rem;
  border: 0.25rem solid rgba(149,0,26,1);
}
.section-line {
  height: 0.1rem;
  line-height: 1rem;
  background-color: rgba(149,0,26,1);
}


/*----------------------------------------------------------------------------*/

/*-------------------------------------------------------------
 *      Main
 *-------------------------------------------------------------*/

body{
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  background-color: #fff;
}

label{
  font-size: 0.95em;
}

.news-page-contents{
  margin: 2.0em auto;
}

#news_imgs img{
  height: 80px; width: auto;
  padding: 5px;
  box-shadow: 0px 0px 5px #888888;
  border-radius: 3px;
}
.section1-2 {
  background-color: rgba(255,255,255,1);
  padding: 1.5rem;
  border: solid 1px rgba(200,200,200,1);
  box-shadow: 0.4rem 0.4rem 0.6rem rgba(21,30,60,0.5);
}

/*-------------------------------------------------------------
 *      header
 *-------------------------------------------------------------*/
header{
  /*
   *   top: 0px;
   *   height: 130px;
   *   background-color: transparent;
   */
}

.news-title{
  background-color: #95001a;
  font-family: Georgia;
  font-size: 4.4rem;
  font-weight: bold;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.logo-icon {
  width: 100%;
  min-height: 1px;
  height: auto;
  margin-top: -1rem;
}

/*-------------------------------------------------------------
 *      Search Bar
 *-------------------------------------------------------------*/


.search-input {
  font-family: Arial, sans-serif, FontAwesome;
  border-radius: 3rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

/*-------------------------------------------------------------
 *      Nav Menu
 *-------------------------------------------------------------*/
.global-navbar{
  height: 60px;
  font-size: 1.2rem;
}
.navbar, .navbar a{
  color: #fff;
}

.navbar-toggler-icon{
  padding-top: 5px;
  color: #fff;
}
.dropdown-menu{
  background-color: #888;
  color:#fff;
  text-align: center;
}
.navbar-toggler{
  border: 1px solid #fff;
  cursor: pointer;
  outline: none !important;
}
.global-navbar .nav-item a {
  color: #fff;
  padding: 15px 40px;
  height:60px;
}
.global-navbar .nav-item a:hover{
  background-color: rgba(223,223,223,1);
  color: #95001a;
}
.global-navbar .dropdown-menu
{
  padding: 0rem;
  margin: -.02rem;
  border-radius: 0rem;
}
.global-navbar .dropdown-menu a {
  padding: .3rem;
  height: auto;
}
.global-navbar .dropdown-menu a:first-child {
  padding: .3rem;
  height: auto;
}
.global-navbar .dropdown-menu a:last-child {
  margin-bottom:.3rem;
  padding: .3rem;
  height: auto;
}
#cd-menu-trigger:hover{
  background-color: rgba(223,223,223,1);
}
#cd-menu-trigger .cd-menu-text:hover{
  color: #95001a;
}

.search-bar {
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
}

/*-------------------------------------------------------------
 *      footer
 *-------------------------------------------------------------*/
.copy_right {
  margin-top: 15rem;
  background-color: #95001a;
  color: #fff;
  text-align: center;
  height: 60px;
  font-size: 1.0em;
  padding-top: 23px;
  border-top: 1px solid #e7e7e7;
}




/*-------------------------------------------------------------
 *      cards
 *-------------------------------------------------------------*/

.news-card-deck{
  margin: 0 auto;
}
.news-card-deck:after {
  content: '';
  display: block;
  clear: both;
}
.news-card{
  float: left;
  cursor: pointer;
  margin-top: 1rem;

  min-height: 1px;
}

.masonry_trans {
  border: solid 1px rgba(200,200,200,1);
  box-shadow: 0.4rem 0.4rem 0.6rem rgba(21,30,60,0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.masonry_trans:hover{
  -webkit-transform: scale(1.05,1.05);
  -moz-transform: scale(1.05,1.05);
  -ms-transform: scale(1.05,1.05);
  -o-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 501;
}
.grid--gutter{
  width: 1.33%;
}
.grid--sizer,
.news-card {
  width: 24%;
}
.news-card-img-top{
  display: block;
  max-width: 100%;
  border-radius: 0px !important;
  min-height: 1px;
}
.news-card-divider{
  margin: 0px; margin-bottom: 0.75em;
  border-bottom: solid 1px #95001a;
}
.news-card-title{
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.7rem;
}
.news-card-body{

}
.news-card-text{
  color: #777; font-size: 0.9em;
}
.news-card-footer{
  margin-top: 1.0em;
}
.news-text-mute{
  font-size: 0.75em;
}


/*-------------------------------------------------------------
 *      news read
 *-------------------------------------------------------------*/
.news-read-content{

}
.news-read-content img{
  width: 100%;
  height: auto;
  min-height: 1px;
  max-width: 960px;
}
.news-read-content p{
  margin: 0.5em;
}
.news-read-content p a{
  word-break: break-all;
}
.news-read-meta{
  color: rgba(160,160,160,1);
  font-size: 1rem;
}
.view-count{
  padding-right: 1rem;
  text-align: right;
}
#news-read-admin-block{
  margin:0px;
  text-align: right;
}
.school-of-news-title {
  min-width: 1px;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 3rem;
  background-color: rgba(255,255,255,1);
  border: 0.25rem solid rgba(149,0,26,1);
}
.blog-main {
  padding-top: 0.5rem;
  background-color: rgba(255,255,255,1);
  border: 0.1rem solid rgba(190,190,190,1);
  box-shadow: 0.2rem 0.2rem 0.3rem rgba(190,190,190,1);
}

/*-------------------------------------------------------------
 *      news aad
 *-------------------------------------------------------------*/
[name="news_files[]"]{

}
.news_file_added{
  padding-top: 0.2em;
}
#news_file_old{
  margin-bottom: 0.5em;
}
.news_file_old{

}
.news_file_old p:first-child{
  height: 100px; width: 100px;
  margin-right: 0.2em; /*margin-bottom: 0.3em;*/
  padding: 4px;
  text-align: center; vertical-align: middle;
  text-decoration: none; outline: none;
  border: solid 1px #ddd; /*border-radius: 3px;*/
  box-shadow: 2px 2px 5px #bbb;

  overflow: hidden;
}
.news_file_old p:last-child{
  padding-left: 0.4em;
}
.news_file_old img{
  height: 100%;
}
.news_file_old .non-img{
  display: table;
  width: 100%; height: 100%;
  text-decoration: none; outline: none; color: #777;
  border:solid 1px #ddd;
  background-color: #efefef;
}
.news_file_old .non-img > span{
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em; font-weight: bold;
}


/*-------------------------------------------------------------
 *      button
 *-------------------------------------------------------------*/
button{
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .section-title {font-size: 2rem;}
  .school-of-news-title {font-size: 2rem;}
}

/*// Ultra large devices (Desktop, 1200px and up)*/
@media (min-width: 1440px) {
  .set-container {
    width: 1420px;
  }
}

/*// Extra large devices (Laptops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .set-container {
    width: 1180px;
  }
}

/*// Large devices (landscape tablets and Laptops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
  .set-container {
    width: 972px;
  }
  .grid--gutter{
    width: 2%;
  }
  .grid--sizer,
  .news-card {
    width: 32%;
  }
  .news-card{
    margin-top: 1rem;
  }
  .news-card-title{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.2rem;
  }
  .news-card-body{

  }
  .news-card-text{
    font-size: 1rem;
  }
  .news-text-mute{
    font-size: 0.7rem;
  }
}

/*// Medium devices (Profile tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
  .set-container {
    width: 748px;
  }
  .grid--gutter{
    width: 2%;
  }
  .grid--sizer,
  .news-card {
    width: 32%;
  }
  .news-card{
    margin-top: 1rem;
  }
  .news-card-title{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.2rem;
  }
  .news-card-body{

  }
  .news-card-text{
    font-size: 1rem;
  }
  .news-text-mute{
    font-size: 0.7rem;
  }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){
  #navbarNav{
    text-align: center;
    background-color: rgba(97,0,13,0.9);
    z-index: 5000;
  }
  .search-bar {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .grid--gutter{
    width: 4%
  }
  .grid--sizer,
  .news-card {
    width: 48%;
  }
  .news-card{
    margin-top: 1rem;
  }
  .news-card-title{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.2rem;
  }
  .news-card-body{

  }
  .news-card-text{
    font-size: 1rem;
  }
  .news-text-mute{
    font-size: 0.7rem;
  }
}

/*// ExtraSmall devices (profile phone, 576px and down)*/
@media (max-width: 575px){
  #navbarNav{
    text-align: center;
    background-color: rgba(97,0,13,0.9);
    z-index: 5000;
  }
  .search-bar {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }
  .grid--gutter{
    width: 0%;
  }
  .grid--sizer,
  .news-card {
    width: 100%;
  }
  .news-card{
    margin-top: 0.5rem;
  }
  .news-card-title{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.2rem;
  }
  .news-card-body{

  }
  .news-card-text{
    font-size: 1rem;
  }
  .news-text-mute{
    font-size: 0.7rem;
  }
}