@import url('https://fonts.googleapis.com/css2?family=Radio+Canada:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Slab:wght@300&family=Ubuntu:wght@300&display=swap');  /* for title */
/* Bebas Neue is always in upper case */

html, body {
	/*font-family: 'Playfair Display', 'Times New Roman', serif; */
	/* font-family: 'Roboto Slab', serif;  */
	font-family: 'Radio Canada', sans-serif;
}

h1, h2, h3 {
	font-family: 'Bebas Neue', 'Arial Narrow';
	text-transform: uppercase;
}
html, body {
	font-size:0.98em;
}
body {	
    background-repeat: no-repeat;
    /*background-image: url("../images/bkg.jpg");	*/
    background-size: cover;
}

.webwidth {
	max-width:1280px;
}


.menufont {
	font-family: 'Bebas Neue', 'Arial Narrow';
	font-size: 1.2em;		/* 1em is 16 pixel */	
	color: #074b83;		
	font-weight: 500;
    text-transform: uppercase; 
    text-decoration: none;	
}

.card-fixed-head {
	height:160px;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.card-fixed-head {
		height:100px;
	}
}
.card-fixed-body {
	height:240px;
	overflow: hidden;
}
.card-fixed-foot {
	height:50px;
	overflow: hidden;
}

.card-fixed-artist {
	height:310px;
	overflow: hidden;
}

.mySlides {display:none}
.w3-tag, .fa {cursor:pointer}
.w3-tag {
	height:15px;
	width:15px;
	padding:0;
	margin-top:6px
}

/* display responsively youtube */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* https://linuxhint.com/masking-css/ 
shape adjustment tool
https://bennettfeely.com/clippy/
*/
.clip-polygon {
	clip-path: polygon(18% 0%, 100% 0%, 90% 100%, 0% 100%);
}

/* Using border-image & SVG */
.fancy-border {
  border: 25px solid #B88846;
  border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75'%3E%3Cg fill='none' stroke='%23B88846' stroke-width='2'%3E%3Cpath d='M1 1h73v73H1z'/%3E%3Cpath d='M8 8h59v59H8z'/%3E%3Cpath d='M8 8h16v16H8zM51 8h16v16H51zM51 51h16v16H51zM8 51h16v16H8z'/%3E%3C/g%3E%3Cg fill='%23B88846'%3E%3Ccircle cx='16' cy='16' r='2'/%3E%3Ccircle cx='59' cy='16' r='2'/%3E%3Ccircle cx='59' cy='59' r='2'/%3E%3Ccircle cx='16' cy='59' r='2'/%3E%3C/g%3E%3C/svg%3E") 25;
}


/* image scrolling */ 
    #scroller {
        position: relative;
    }
    #scroller .innerScrollArea {
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #scroller ul {
        padding: 0;
        margin: 0;
        position: relative;
    }
    #scroller li {
        padding: 0;
        margin: 0;
        list-style-type: none;
        position: absolute;
    }