/*
Theme Name: ARASQ
Author: Mathieu Vallée – Unik Média
Author URI: http://unikmedia.ca
Version: 1.0
*/

section.activites_formations__completed .wrap .activity .category{margin-bottom:15px;}
.row{display:block!important;}
#formContact .row {margin:0px;}

.newheader {background-color:rgb(0, 96, 127);height:150px;margin-bottom: 100px;}

.activitemainttitle{font-size:45px;color:#00607f; padding-bottom: 100px;}
.formations {background-color: rgb(0, 96, 127);padding:15px;margin-bottom:15px;min-height:200px;}
.formations .horaireformation{color:#00b2ad;font-size:22px;font-weight:bold;padding-top:15px;}
.formations .title a{color:#fff;font-size:18px;}
.formations .location img{vertical-align:text-bottom;}
.formations .location {color:white;font-size:16px;margin-top:40px;}
.formations .arrowform{float:right;margin-right:20px;}

.newactivite{padding-bottom:75px;}
.newactivite .datebox{float:left;margin-bottom:15px;}
.newactivite .datebox .box{border:1px solid #000;text-align:center;margin-bottom:25px;width:60%;margin-left:auto;margin-right:auto;padding:10px;}
.newactivite .datebox .details{width:70%;margin-left:auto;margin-right:auto;}
.newactivite .datebox .details a{padding:20px 40px}
.maindate {color:#00b2ad;font-size:50px;}
.datesecond {color:#000;font-size:25px;font-weight:bold;text-transform:capitalize;line-height:1.2em;}
.newactivite .photo, .newactivite .photosingle{float:left;}
.newactivite .photo img{width:100%;}
.newactivite .photosingle img{width:130%;margin-bottom:20px;}
.newactivite .info{float:left;}
.newactivite .info a{color: rgb(0, 96, 127);font-size: 22px;font-weight: bold;}
.newactivite .info .dateheure{color:rgb(0, 96, 127);margin-left:15px;}
.newactivite .info .desc{margin-top:20px;}
.newactivite .info .desc a{color:#212529;font:16px/16px "graphik_regularregular";font-weight:normal;margin-top:10px;}
.newactivite .info h1{color: rgb(0, 96, 127);font-size: 50px;font-weight: bold;margin:0px;}
.newactivite .info .descsingle{color: rgb(0, 96, 127);font-size: 25px;line-height:1.2em;font-weight:600;}

.activiteformationsmain div{font-size:16px;line-height:1.2em;color:#666;padding-right:25px;}
.activiteformationsmain .title, .single-activites_formations main #steps .title{display: block!important;font: 30px/30px "graphiklight"!important;color: #00607f!important;margin-bottom: 15px!important;font-weight:600!important;}
.activiteformationsmain .col-md-8,.activiteformationsmain .col-md-4{float:left;}
.activiteformationsmain .programme{font-size:18px;color: #666;text-decoration:underline;}
.activiteformationsmain .horaire{font-size:18px;line-height:1.2em;color: #666;margin-bottom:50px;}

.conferenciers{clear: both;width: 100%;margin-top: 60px;}
.conferenciers .conferenciers-list{
  clear: both;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  margin-bottom: 80px;  
}
                  
.conferenciers .conferenciers-list .conferencier{
  position: relative;
  width: 45%;
  margin: 0 3% 3% 0;t;
  border-radius: 10px;
  box-shadow: $box-shadow;
  overflow: hidden;
}
.conferenciers .conferenciers-list	.conferencier &:nth-child(even){margin-right: 0;}
.conferenciers .conferenciers-list	.conferencier .img-wrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.conferenciers .conferenciers-list	.conferencier .img-wrap	img{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  font-family: 'object-fit: cover; object-position: bottom center;';
  z-index: 1;
}

.conferenciers .conferenciers-list	.conferencier .infos{
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 15px 20px;
  overflow: hidden;
  background: rgb(0,96,127);
  background: -moz-linear-gradient(45deg, rgba(0,96,127,1) 0%, rgba(0,181,145,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,96,127,1) 0%,rgba(0,181,145,1) 100%);
  background: linear-gradient(45deg, rgba(0,96,127,1) 0%,rgba(0,181,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00607f', endColorstr='#00b591',GradientType=1 );
}

.conferenciers .conferenciers-list	.conferencier .infos .left{width: 100%;padding-right: 40px;}
.conferenciers .conferenciers-list	.conferencier .infos .left .name{
  display: block;
  font: 15px/15px $regular;
  color: white;
  margin-bottom: 5px;
}
.conferenciers .conferenciers-list	.conferencier .infos .left	.business{
  display: block;
  font: 12px/12px $regular;
  font-style: italic;
  color: white;
}
.conferenciers .conferenciers-list	.conferencier .infos a{
  position: absolute;
  top: 50%; right: 20px;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background: #ffd541;
  transition: all 0.3s ease;
  z-index: 3;
                  }

.conferenciers .conferenciers-list	.conferencier .infos a	img, .conferenciers .conferenciers-list	.conferencier .infos a	 svg{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  transition: $transition;
  fill: black;
  }
.conferenciers .conferenciers-list	.conferencier .infos a	&:last-child{margin-right: 2%;}
.conferenciers .conferenciers-list	.conferencier .infos a &:hover{background: $blue-green;}
.conferenciers .conferenciers-list .conferencier .infos a &:hover svg{ fill: white;}								
.conferenciers .conferenciers-list .conferencier .infos .desc{display: none;}	
				
/* Slider */
.slick-slide {
  margin: 0px 20px;
}

.logo-carousel {
  overflow: inherit;
}

.slick-slide img {
  width: 100%;
}

.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}

.slick-track::after {
  clear: both;
}

.slick-track {
  padding: 1rem 0;
  margin-top:25px;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
  color: #fff;
  filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
  border: none;
  width: 2rem;
  height: 1.5rem;
  text-indent: -10000px;
  margin-top: -16px;
  z-index: 99;
}

.slick-arrow.slick-next {
  right: -40px;
  transform: rotate(180deg);
}

.slick-arrow.slick-prev {
  left: -40px;
}
.slide{
position: relative;
top: 50%;
width: 100%;
max-width: 100%;
transform: translateY(-50%);
display: table;
margin: 0 auto;
}

.slide img{vertical-align:middle;}

/* Home banner */
.container-banner{background: #ffffff;min-height: 550px;display: -webkit-box;display: -ms-flexbox;display: flex !important;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-size: cover;background-position: top;-webkit-box-shadow: inset 0px -12px 23px -9px rgba(0,0,0,0.10);-moz-box-shadow: inset 0px -12px 23px -9px rgba(0,0,0,0.10);box-shadow: inset 0px -12px 23px -9px rgba(0,0,0,0.10);}
.container-banner h1{color:#fff;margin-top:50px;margin-bottom:50px;}
.slider_banner .container-banner a{color:#ffd541;font-size:25px;text-decoration:underline;}
.slider_banner .slick-slide{margin:0px;}
.slider_banner .slick-track{margin:0px;padding:0px;}
.slider_banner .slick-arrow.slick-prev{left:0px;}
.slider_banner .slick-arrow.slick-next{right:0px;}

.home .newactivite{padding-left:0px;}
.home .newactivite .datebox{padding-left:0px;}
.home .newactivite .datebox .box, .home .newactivite .datebox .details{margin-left:0px;}
.acttitletext{margin-top:15px;float:left;line-height:1em;}
.btnmaintext{float:right;}

section.activites_formations .wrap{margin-bottom:0px!important;}
.page-template-accueil section.activites_formations{margin-bottom:35px!important;}


.activitysearchpage select{word-wrap: normal;
  background-color: #00b2ad;
  color: white;
  border:none;
  border-radius: 20px;
  width: 350px;
  text-align: center;
  text-align-last: center;
  height:55px;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 88%;
  background-position-y: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size:16px;
}

.activitysearchpage .monthselect{margin-right:-50px;}
.btnactfor{color: white!important;
border:none!important;
border-radius: 20px!important;}
.activitysearchpage .btnsubmit{
  position: relative;         
  font: 16px/16px "graphik_regularregular";
  color: black;
  padding: 20px 25px;
  border-radius: 10px;
  margin-top:10px;
  background: #ffd541;
  border: none;
  overflow: hidden;
  transform: perspective(1px) translateZ(0);}  
.searchform{float:right;padding-top:50px;padding-bottom:50px;}   

@media all and (max-width: 980px){
.acttitletext{float:none;text-align:center;}
.btnmaintext{float:none;clear:both;margin-top:50px;width:85%;}
.home .newactivite{padding-left:auto;}
.home .newactivite .datebox{padding-left:auto;}
.home .newactivite .datebox .box{margin-left:auto;}
.newactivite .datebox .details{margin-left:auto;width:100%;text-align:center;}
.activitemainttitle{text-align:Center;}
.activitysearchpage .monthselect,.activitysearchpage .yearselect{clear:both;width:100%;}
.activitysearchpage .monthselect{margin-right:0px;}  
.newactivite .datebox .box{width:100%;}
.newactivite .info h1 {font-size:35px;}
.conferenciers .conferenciers-list .conferencier{width:100%;}   
}

/* Media Queries */

@media (max-width: 768px) {
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }
.newactivite .datebox{display:none;}  
.activitemainttitle{padding-bottom:50px;}    
.activiteformationsmain div{padding-right:0px;}
.activiteformationsmain .col-md-8{margin-bottom:25px;}
.newactivite .info{margin-top:35px;}   
}			

@media (max-width: 1000px) {
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }
}		

@media all and (max-width: 1600px){
.activitysearchpage a.btn {padding: 20px 25px;}
}
		

section.activites_formations .wrap .activity .category{color:white!important;}
a.btn svg{margin-right:15px!important;}


.partenaires .section_title {
  font: 16px/21px "graphik_regularregular";
  color: #888;
  letter-spacing: .05em;
}
.partenaires .section_title span {
  font-family: "graphiksemibold";
  text-transform: uppercase;
  display: block;
}

.page-template-templates main .content-table nav a span svg{width:20px!important;height:20px!important;}
.blue-circle-icon{margin-right:10px!important;}