/*
	Theme Name: CSC Culture
	Theme URI: https://www.csc-culture.be
	Description: CSC WordPress Theme
	Version: 1.0.0
	Author: Utopik
	Author URI: http://utopik.be
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*
	WEBSITE VARS


	TYPO

	font-family: 'Font_Name', sans-serif; 
   	font-family: 'Font_Name', sans-serif;


   	COLOR

	main-color : #000000;
   	main-text : #474747;
   	main-cta : #7FC43F and #38A217;
   	secondary-cta : #DF358C and #B11A68;


*/


/* ==========================================================================
	TYPO
========================================================================== */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

@font-face {
  /*
  font-family: 'Font_Name';
  src: url('../fonts/Font_Name.eot'); 
  src: url('../fonts/Font_Name.eot?#iefix') format('embedded-opentype'),
  	 url('../fonts/Font_Name.woff2') format('woff2'),
	 url('../fonts/Font_Name.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  */
}


/* ==========================================================================
	GENERAL
========================================================================== */

body {
	font-size: 1.3rem;
	font-family: 'Roboto', Arial, sans-serif;
	color: #111;
}

h1,h2,h3,h4,h5,h6 {
	text-transform: uppercase;
	color: #009534;
}
h1 {
	font-size: 2rem;
	font-weight: bold;
}
h2 {
	font-size: 1.7rem;
	font-weight: bold;
}
h3 {
	font-size: 1.6rem;
}

a,
a:focus,
a:hover {
    outline: none;
}

.btn-main {
	background: #009534;
	color: #fff;
	border-radius: 0;
	padding: 10px 30px;
	transition: all ease 0.4s;
	text-transform: uppercase;
}

.btn-main:hover {
	color: #fff;
	background: #333;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1400px;
}
section {
	margin-bottom: 40px;
}

@keyframes opacityPulse {
  0% { opacity: 0.5; }
  20% { opacity: 0.4; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.6; }
  100% { opacity: 0.5; }
}

/* ==========================================================================
	HEADER
========================================================================== */
.navbar-nav {
	margin-left: 100px;
}
.navbar-nav li {
	margin-right: 50px;
}
.navbar-nav li a {
	text-transform: uppercase;
	color: #111;
	font-size: 1.1rem;
	font-weight: bold;
}
.navbar-nav li.current_page_parent a,
.navbar-nav li.current-menu-item a,
.navbar-nav li a:hover {
	color: #009534;
	text-decoration: none;
}

.topnav {
	list-style: none;
	font-size: .9rem;	
	position: absolute;
	top: 5px;
	right: 0;
}
.topnav li {
	display: inline-block;
	margin-left: 10px;
	color: #666
}
.topnav li a {
	color: #666
}




/* ==========================================================================
	HOMEPAGE
========================================================================== */
.slick-item {
	position: relative;
}
.slick-item:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	content: ' ';
	display: block;
	animation: 10s ease-in infinite opacityPulse
}
.slick-content {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	bottom: 0;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	width: 75%;
	text-shadow: 0 0 2px rgba(0,0,0,.5);
}
.slick-content h3 {
	font-size: 2.5rem;
	color: #fff;
}
.slick-content h3 strong {
	font-size: 3rem;
}
.slick-content p {
	margin: 35px 0;
}
.slick-content div {

}
	.slick-content div .btn {
		font-size: 1.6rem;
		padding: 10px 50px;
	}
.slick-dots {
	bottom: 20px;
}
	.slick-dots li {
		width: 15px;
		height: 15px;
	}
		.slick-dots li button::before {
			font-size: 14px;
			color: #fff;
			opacity: .9
		}
		.slick-dots li.slick-active button::before {
			color: #009534;
		}

#home_lastnews > div {
	padding: 20px;
	background: #efefef;
}
	#home_lastnews > div > h2 {
		margin-bottom: 30px;		
	}
	.news {
		position: relative;
		padding-bottom: 20px;
	}
		.news_img {
			position: relative;
		}	
			.news_img a {
				text-decoration: none;			
				display: block;
			}	
			.news_img a:after {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0,0,0,.4) url(img/plus.png) no-repeat center center;
				content: ' ';
				display: block;
				opacity: 0;

				-webkit-transition: all 200ms ease; 
				-moz-transition: all 200ms ease; 
				-ms-transition: all 200ms ease; 
				-o-transition: all 200ms ease; 
				transition: all 200ms ease;
			}	
			.news_img a:hover:after {
				opacity: 1;
			}	
				.news_img a img {
					width: 100%;
				}
		.news_content {
			padding: 25px;
		}	
			.news_content h3 {
				min-height: 80px;				
			}
				.news_content h3 a {
					color: #111;
				}
				.news_content h3 a:after {
					content: '';
					background: url(img/arrow_r.png) no-repeat center center / contain;
					width: 15px;
					height: 19px;
					display: inline-block;
					margin-left: 10px;
				}
				.news_content h3 a:hover {
					color: #009534;
					text-decoration: none;
				}
			.news_content p {
				line-height: 1.1;
			}
			.news_content p.news_date {
				font-size: 1rem;
				color: #009534; 
				position: absolute;
				bottom: 0;
				left: 25px;
			}


/* ==========================================================================
	FOOTER
========================================================================== */
footer {
	background: #efefef;
	margin-top: 30px;
	padding: 40px 0;
	font-size: 1.2rem;
}
	footer .rezo {
		height: 50px;
		margin: 10px 10px 0
	}
	footer .navbar-nav {
		margin: 20px 0 0 0;
		flex-direction: row;
	}
		footer .navbar-nav li {
			margin-right: 20px
		}
		footer .navbar-nav li a {
			font-size: 0.9rem;
		}


/* ==========================================================================
	PAGES
========================================================================== */
.page-title {
	color: #111;
	padding: 40px 50px 10px;
	font-size: 2.2rem;
	text-transform: uppercase;
	text-align: center;
}
.page-img {
	position: relative;
}
	.page-img:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		content: ' ';
		background: rgba(0,0,0,.5);
	}
	.page-baseline {
		z-index: 9;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
		color: #fff;
		text-shadow: 0 0 2px rgba(0,0,0,.5);
		margin: 0;
		padding: 0;
		animation: 4s ease-in infinite opacityPulse
	}
.page-content {
	background: #efefef;
	padding: 25px;
	margin: 40px 0;
}

.post-content {
	min-height: 400px;
	margin-top: 50px;
}
.post-date {
	display: block;
	font-size: 1rem;
	color: #009534;
}

/* ==========================================================================
	CONTACT FORM 7
========================================================================== */
.wpcf7 {
	font-size: 1rem;
}
	.wpcf7 h3 {
		font-size: 1.3rem;	
		margin-top: 50px;	
	}
	.wpcf7 p {
    margin-bottom: 0.6rem;
    color: #555;
	}
	.wpcf7 ol, ul {
		margin-bottom: 0.6rem;
    color: #555;
	}
	.wpcf7 textarea {
    height: 150px;
	}
	.wpcf7 .wpcf7-not-valid {
		border-color: red;
	}

	.wpcf7 form.invalid .wpcf7-response-output {
		border-color: red !important;
		color: red;
		margin: 2em 0 1em;
	}


/* ==========================================================================
	RESPONSIVE
========================================================================== */

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

}


@media only screen and (max-width:992px) {
	
}

@media only screen and (max-width:768px) {
	
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}