/*
Theme Name: College Sevigne agregation
Template: new-cs
*/

/******************************************* Homepage ***********************************************/
#home .content-homepage {
  padding: 15px 0;
  background:#fff ;
  margin-bottom: 20px;
  margin-top: 0;
}
.content-highlight h2,
.content-event h2,
.widget-sideBar h2 {
  color: initial;
  margin-bottom: 20px;
  font: 2.2em 'Lato';
}
.content-homepage p {
    font-size: 1.4em;
}
.content-highlight {
    margin-bottom: 15px;
}
.content-highlight img {
    width: 100%;
    height: auto;
    margin: 5px 0;
}
.content-event li {
    list-style-type: none;
    margin-bottom: 20px;
    display: flex;
    border-bottom: 1px solid #ececec;
}
.content-event a:hover {
  text-decoration: none;
}
.event-thumbnail-image {
  margin-right: 15px;
  transition: all .3s;
}
.event-thumbnail-image:hover {
  opacity: .6;
}
.event-thumbnail-title {
    font-size: 1.5em;
    margin-bottom: 5px;
    transition: all .3s;
}
.event-thumbnail-title:hover {
    opacity: .5;
}
.event-thumbnail-date {
    color: #888;
    font-style: italic;
}
p.event-thumbnail-content {
    margin-top: 5px;
    padding-bottom: 15px;
    line-height: 18px;
}
.widget-ressource a {
    line-height: 33px;
    display: flex;
    align-items: center;
    transition: all .3s;
    font-size: 1.1em;
}
.widget-ressource a:hover {
  text-decoration: none;
  color: #286176;
}
.widget-ressource .dashicons {
    margin-right: 5px;
}
.widget-sideBar h2 {
}
.inscription {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.inscript.alert {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 1.35em;
}
.alert-info-cs {
    background-color: #4e87a3;
    color: #fff;
    border-color: #5d8a9f;
}
.alert-success-cs {
    background-color: #4ea378;
    color: #fff;
    border-color: #5d9f84;
}
.inscr-form {
  position: absolute;
}
.inscr-stage {
  position: relative;
  opacity: 1;
  z-index: 2;
  animation: inscr_stage 10s linear 5s infinite alternate;
}
@keyframes inscr_stage {
  0% {left: 0%;}
  100% {left: 100%;}
}
@media  (max-width: 991px) {
  .aside-right {
    padding: 0 0 20px 0;
    float: left;
  }
  .aside-right:last-child {
    padding-left: 15px;
  }
}
@media  (max-width: 767px) {
  .aside-right:last-child {
    padding-left: 0;
  }
}

/******************************************* Single ***********************************************/
.content-warper {
    display: grid;
    grid-template-columns: 3fr 1fr;
    background: #fff;
    padding: 20px;
}
.warper {
    margin-bottom: 20px;
}
.actu-thumbnail {
    max-height: 230px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.actu-thumbnail img {
    width: 100%;
    margin: 0;
}
.date-warper {
    width: 60px;
    padding: 15px 10px 20px 10px;
    text-align: center;
    line-height: 1;
    margin-right: 10px;
    background-color: #558da4;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    position: relative;
    opacity: .9;
}
.day-warper {
    font-size: 30px;
    font-weight: 700;
}
.date-warper:after {
    content: "";
    background-color: #71b1cb;
    height: 90%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    border-radius: 0 0 80px 0;
}
.month-warper, .years-warper {
    font-size: 14px;
    margin-top: 4px;
}
.actu-inside {
    margin-left: 73px;
    border-bottom: 1px solid #ececec
}
.actu-info {
    padding: 15px;
}
h2.actu-title {
    color: #338db7;
    font-family: 'lato';
    margin: 0;
    padding-bottom: 5px;
}
.actu-tag {
    margin-bottom: 18px;
    font-family: 'Droid Serif';
    font-size: 1.05em;
    background: url(../images/tag.png)no-repeat;
    line-height: 16px;
    padding-left: 23px;
}
.actu-tag-term {
    float: left;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.recent-post {
    display: flex;
    flex-direction: row;
    border-bottom: #ececec solid 1px;
    padding: 15px 0;
}
h3.custom-sidebar-title {
    background-color: #f5f5f5;
    border-top: 1px solid #64a5c4;
    padding: 8px 14px;
    font-size: 19px;
    margin: 0;
}
.widget-recent-post .event-thumbnail-image a {
    width: 60px;
    height: 60px;
}
.widget-recent-post .event-thumbnail-image img {
    width: 100%;
    height: 100%;
    margin: 0;
}
.widget-recent-post .event-thumbnail-inside {
    width: 100%;
}
.container-recent-post {
    font-size: 13px;
}
.site__navigation {
    display: flex;
    padding: 20px 0;
    margin-left: 73px;
}
.site__navigation__prev, .site__navigation__next {
    font-size: 12px;
    width: 100%;
}
.site__navigation__next {
    text-align: right;
}
@media  (max-width: 767px) {
  .widget-sideBar.aside-right {
    display: none;
  }
  .content-warper {
    grid-template-columns: 1fr;
  }
}
@media  (max-width: 500px) {
  .actu-inside {
    margin-left: 0;
  }
  .date-warper {
    display: block;
    float: none;
    width: 100%;
    padding: 5px;
    opacity: 1;
  }
  .date-warper:after {
    display: none;
  }
  .site__navigation{
    margin-left: 0;
  }
}

/******************************************* Organizationage ***********************************************/
.cat_dg,
.cat_pre {
    --color: #28586f;
}
.cat_sup {
    --color: #558da4;
}
.cat_default {
    --color: #bbb;
}
.cs_organization {
    width: 80%;
    height: 70px;
    border-radius: 5em;
    background: var(--color);
    position: relative;
    margin-bottom: 15px;
}
.cs_organization.cat_pre {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.cs_organization_content {
    display: flex;
    color: #fff;
    align-items: center;
}
.cat_pre .cs_organization_content {
    justify-content: center;
    height: 120px;
    position: relative;
    top: -25px;
}
.cs_org_photo {
    width: 70px;
    height: 70px;
    line-height: 0;
    border: solid 4px var(--color);
    border-radius: 5em;
    overflow: hidden;
}
/*.cs_org_photo img {
    max-height: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}*/
.cat_pre .cs_org_photo {
    width: 100px;
    height: 100px;
    border: none;
}
.cs_org_body {
    padding: 10px;
}
.cat_pre .cs_org_body {
    padding: 10px 15px;
}
.cs_organization_content h4 {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.cat_pre h4 {
    margin-bottom: 7px;
    font-size: 2.1em;
}   
.cs_organization_content p {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2em;
    margin-top: 0 !important;
}
.cat_pre p {
    text-transform: uppercase;
}

/******************************************* Résultat ***********************************************/
.cards-result {
    background: #fff;
    margin-bottom: 20px;
}
.card-result-title {
    padding: 20px 5px;
    background: #0f4d83;
    color: #fff;
    font-size: 1.45em;
    text-align: center;
    text-transform: uppercase;
}
.card-result-body {
    padding: 1.25rem;
}
.content-result,
.poste {
    font-size: 1.4em;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-end;
}
.content-result p {
    color: #578bb9;
}
.content-result span,
.poste span {
    display: block;
    font-size: 1.6em;
}
.card-ranking, .poste {
    margin-top: 20px;
}
.title-ranking, .title-poste {
    background: #f1f1f1;
    color: inherit;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 1.5em;
    text-align: center;
}
.panel-title-result {
    font-size: 2.3em;
    font-family: LatoL;
    padding: 15px;
    text-transform: uppercase;
}
.panel-title-result a:hover {
    text-decoration: none;
    font-weight: 700;
    color: inherit;
}
.poste {
    font-size: 1em;
}
.poste p {
    width: 40%;
}
.poste span {
    color: #e34e4e;
    font-weight: 600;
}
p.adm {
    color: #f0ad4e;
}
.badge-public {
  color: #fff;
  background-color: #337ab7;
  font-size: 1em;

}
.badge-private {
  color: #fff;
  background-color: #f0ad4e;
  font-size: 1em;
}
i.fas.fa-eye {
    font-size: inherit;
}