/* Holidays 24 styles */
.holiday24{background:#f9f1e3;}
.holiday24-text{  font-family: "Domine", serif; font-weight:400; font-style: normal;}
.holiday24-purple{color:#402B56;}
   /* header animation */
.mask {
	fill: none;
	stroke: #fff;
   }
   
   #m-sf-mask{
	  stroke-dasharray: 282;
	  stroke-dashoffset: 282; 
	  animation: strokeOffset 150ms 1000ms linear forwards;
   }
   
   #m-eason-mask{
	  stroke-dasharray: 637;
	  stroke-dashoffset: 637;
	  animation: strokeOffset 300ms 1150ms linear forwards;
   }
   #m-apos-mask{
	  stroke-dasharray: 63;
	  stroke-dashoffset: 63;
	  animation: strokeOffset 70ms 1450ms linear forwards;
   }
   
   #m-sl-mask{
	  stroke-dasharray: 125;
	  stroke-dashoffset: 125;
	  animation: strokeOffset 300ms 1520ms linear forwards;
   }
   #t1-mask{ 
	  stroke-dasharray: 320;
	  stroke-dashoffset: 320;
	  animation: strokeOffset 250ms 2730ms linear forwards;
   }
   
   #t2-mask{ 
	  stroke-dasharray: 320;
	  stroke-dashoffset: 320;
	  animation: strokeOffset 250ms 2980ms linear forwards;
   }
   #b1-mask{ 
	  stroke-dasharray: 210;
	  stroke-dashoffset: 210;
	  animation: strokeOffset 250ms 3230ms linear forwards;
	  
   }
   #b2-mask{ 
	  stroke-dasharray: 315;
	  stroke-dashoffset: 315;
	  animation: strokeOffset 250ms 3480ms linear forwards;
   }
   #bl-mask{ 
	  stroke-dasharray: 120;
	  stroke-dashoffset: 120;
	  animation: strokeOffset 250ms 3730ms linear forwards;
   }
    #bbig-mask{ 
	  stroke-dasharray: 660;
	  stroke-dashoffset: 660;
	  animation: strokeOffset 500ms 2230ms linear forwards;
   }
   
   #greeting, #holly{opacity:0; animation: fadeIn 500ms 1730ms linear forwards;}
   
   
   @keyframes strokeOffset {
     to {
       stroke-dashoffset: 0;
     }
   }
   
   @keyframes fadeIn {
	 to{
	   opacity: 1;
	 }
   }