@charset "utf-8";
/* CCIFP main upd 2025 */

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon-webfont.eot');
    src: url('fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon-webfont.woff') format('woff'),
         url('fonts/socicon-webfont.ttf') format('truetype'),
         url('fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	padding:0;
	margin:0;
}

img {
    background: transparent;
    zoom: 1;
}

.clearboth {
	clear:both;
}

.clearboth-mob {
	clear:both;
}


a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#d62027;
}

a:visited {
	color:#000;
}

* {
    box-sizing: border-box;
}

img {
	border:0;
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

a img {
	border:0;
}

.placeholder, input::placeholder, textarea::placeholder {
	font-family: 'open_sansregular', Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000;
}

h1, h2, h3 {
	font-family: 'open_sansbold', Helvetica, sans-serif;
	color:#3e2985;
}

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited {
	color:#3e2985;
	text-decoration:none;
}

/* Mobile Layout: 480px and below. */

body {
	height: 100vh;
	background:#cecece;
	background: linear-gradient(to bottom,  #ffffff 0%,#cecece 100%);
	background-attachment: fixed;
	font-family: 'open_sansregular', Helvetica, sans-serif;
	color:#2c2527;
	font-size: calc(16px + (24 - 16) * ((100vw - 600px) / (2000 - 600)));
}

.break-mob {
	display:inline;
}

.holder {
	padding: 0 5%;
	/*font-size:1.2em;*/
}
	
.mainlogo {
	width:60%;
	height:auto;
	margin:3% auto;
}

.mainlogo img {
	width:100%;
}

.maincontent {
	text-align: center;
}

.socnav {
	color:#3e2985;
	text-align:center;
	margin:3% 0 6% 0;
}

.socnav img {
	display: inline-block;
	width: 1.4em;
}

.socnav a {
	color:#3e2985;
	text-decoration:none;
}

.socnav a:hover {
	color:#000;
	text-decoration:none;
}

.socnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.socnav ul li {
	display:inline;
	margin:0 .6em;
	padding:0;
}

.past {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2em;
	list-style: none;
	margin:2em 0;
	padding: 0;
}

.past li {
	margin: 0;
	padding: 0;
}

.past li img {
	width: 100%;
}

.past li a {
	text-decoration: none;
	color:#3e2985;
	font-family: 'open_sansbold', Helvetica, sans-serif;
	font-size: 1.2em;
}

.poster1 {
	width: 100%;
}

footer {
	padding: 2em 5%;
	text-align: center;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. 

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {

}
}*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.clearboth-mob {
	clear:none;
}

.clearboth-dt {
	clear:both;
}

.holder {
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	/*font-size:1.2em;*/
}
	
.mainlogo {
	width:25%;
	height:auto;
	margin:3% auto;
}

.mainlogo img {
	width:100%;
}

.home .maincontent {
	width:60%;
	text-align:center;
	margin:0 auto;
}

.socnav {
	position:fixed;
	top:2%;
	left:2%;
	margin:0;
}

.socnav ul li {
	display:block;
	margin:1em 0;
	padding:0;
}

.poster1 {
	width: 70%;
}

}