/*
 Theme Name:   Vernissage Dawson College Theme
 Description:  Blank 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
 */



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

 }

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

 }

 @media screen and (max-width : 979px) {

 }

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

 }

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

 }

 @media screen and (max-width: 499px) {

 }

 #site-wide-banner{
 	display: none;
 }

 .content li a, .content p a, dd a{
 	font-weight: 600;
 }

 .current-verni{
 	position: relative;
    padding: 30px;
 }
 .join{
	display: inline-block;
    background: #d03e2f;
    background: linear-gradient(to bottom,#c00,#9a0000);
    background:linear-gradient(to bottom,#d25839,#9e422b);
    padding: 10px 20px;
    width: auto;
    margin-top: 12px;
    color: #fff;
 }
  .join:hover{

	background: #637d37;
    background: linear-gradient(to bottom,#62a19d,#497874);

  }
 .upcoming-verni{
 	display: flex;
 	flex-flow: row wrap;
 	margin-top: 1px;
 }
 .upcoming-verni > div,
 .upcoming-verni > a{
    padding: 30px;
    background-color: #e0d250;
    display: flex;
    border: 1px solid #fff;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-flow: column;
 }
 .upcoming-verni a:hover{
 	background-color: orange;
 }
 .upcoming-verni b{ 
 	display: block;
 	font-size: 20px;
 }
 .upcoming-verni span{

	display: block;

 }

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

 .upcoming-verni > div, .upcoming-verni > a {
    padding: 30px;
    background-color: #e0d250;
    /* display: flex; */
    border: 1px solid #fff;
    width: 100%;
    text-align: center;
    justify-content: start;
    align-items: center;
    flex-flow: column;
    /* height: 100%; */
    flex: 1;
}
}

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

 	.upcoming-verni > a, .upcoming-verni > div{
 		width: 50%;
 	}
     .current-verni{
        padding: 0;
     }

 }


 /* INTERIOR DESIGN */

 .text{
    color:#fff;
    text-align: center;
 }

.text-va{
    color:#000;
    text-align: center;
 }

 .text .title{
    font-size: 36px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
 }

 .text .sub-title{
    font-size: 30px;
    display: block;
 }


.text .day{
    font-size: 18px;
    display: block;
 }

  .text .time{
    font-size: 18px;
    display: block;
 }

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

 .interior-image{
 /*   width: 46%;
    padding-left: 6%;
    padding-top: 50px;
    padding-bottom: 50px;*/
 }

 .text{
    color:#fff;
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform:translate(0, -50%);
    text-align: center;
 }

 .text-va{
    color:#000;
    width: 50%;
    position: absolute;
    right: 0;
    top: 65%;
    transform:translate(0, -50%);
    text-align: center;  
 }

}

.outter-image{

    width: 52%;
    padding: 50px;
    background-size: 95%;
    background-position: center;

    background-image: url('/public/programs/vernissage/interiordesign/2020/images/interior-interior.jpg');
}

 .current-verni{
    background: #000;
 }

 .upcoming-verni > div, .upcoming-verni > a{
    background:rgb(205,241,239);    
 }

  .upcoming-verni > div + div, .upcoming-verni > a + a{
    background:rgb(178, 224, 222);    
 }

.upcoming-verni > div + div + div, .upcoming-verni > a + a + a{
    background:rgb(161, 212, 210);    
 }

.upcoming-verni > div + div + div + div, .upcoming-verni > a + a + a + a{
    background:rgb(142, 193, 191);    
 }


.upcoming-verni > div + div + div + div + div, .upcoming-verni > a + a + a + a + a{
    background: rgb(125, 177, 175);    
 }


.upcoming-verni > div + div + div + div + div + div, .upcoming-verni > a + a + a + a + a + a{
    background: rgb(116, 167, 165);    
 }

.rotate {
  animation: rotation 8s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

