@charset "UTF-8";

/**
* colors from the sqil web site: #2c3057, #e7b76d, #e7d7a3, #4c8f91, #d4815c
**/

.activity {
	margin: 3px;
    padding: 10px;
}

#calendrier h4 {
	font-size: 1.1rem;
    font-weight: bold;
	padding-top:30px;
	padding-bottom:15px;
}

.lieu {
	margin: 3px;
    padding: 5px;
}

.montreal {
	border-color: #4c8f91;
	border-style: solid;
    border-width: thin;
}

.quebec {
    border-style: solid;
    border-width: thin;
	border-color: #e7b76d;
}

.other {
	border-style: solid;
    border-width: thin;
	border-color: black;
}

/* Compte à rebours jQuery.countdown / https://codepen.io/bskousen/pen/wKzwaJ */

#countdown {

}

.number {
    text-align: center;
}

.number:nth-of-type(1) {
  
}

.number:nth-of-type(2) {
   
}

.number:nth-of-type(3) {
   
}

.number:nth-of-type(4) {
  
}

.number span + span {
  text-transform: uppercase;
  
  font-weight: 700;
  font-size: .5em;
  letter-spacing: 1px;
}

/* Desktop Styles */
@media only screen and (min-width: 600px) {
  
  section {
    margin: 0;
    padding: 2em;
  }
  
  .timer {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
  }

  .number {
    float: left;
    width: 25%;
    padding: .25em 0;
    font-size: 3em;
    letter-spacing: .1em;
  }

  .number span + span {
    display: block;
  }
}

/* Tablet and Mobile Styles */

@media only screen and (max-width: 599px) {
  
  section {
    margin: 0;
    padding: 1em;
  }
  
  .timer {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
  }

  .number {
    float: left;
    width: 25%;
    padding: .25em 0;
    font-size: 1.2em;
    letter-spacing: .1em;
  }

  .number span + span {
    display: block;
  }
}