/*
* Rock Minut Soup V1.0
* Copyright 2022, LAB 360 SRL
* www.lab360.be
*/

/* Fonts */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SharpSans-Bold';
    src: url('../fonts/SharpSans-Bold.woff2') format('woff2'),
        url('../fonts/SharpSans-Bold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

/* Common layout */
body {margin:0; padding:0; width:100%; font-family:'Roboto-Medium'; color:#15141A;}
strong {font-family:'Roboto-Bold';}
a.active .linklabel {color:#15141A;}
h1, h2, h3, h4, h5  {font-family:'SharpSans-Bold'; font-weight:100; line-height: 1em;}
h1 {margin:0 0 20px 0; padding:0; font-size:3em;}
h2 {margin:0 0 10px 0; padding:0; font-size:1.8em;}
h3 {margin:0 0 10px 0; padding:0; font-size:1.4em;}
.bodytext h2:first-child {margin-top:10px;}
p {margin:0 0 15px; line-height:1.5em;}
img {width:100%; height:auto;}
.post-meta-wrapper {max-width: inherit;}
.button-primary {background-color: #F0161A;}
.button-primary:hover {color:#fff; background-color:#333; text-decoration:none;}

#main {margin-top:100px;}
#main.playeron {margin-top:240px;}

#programme-header {display:flex; justify-content:space-between; margin-bottom:50px;}
#programme-header-body {width:60%; display:flex; justify-content:flex-start; flex-direction:column;}
#programme-header-side {width:30%; display:flex; justify-content:flex-end;}
#programme-visuel {display:flex; justify-content: flex-end;}
#programme-visuel img {max-width:255px;}
.listen-to-podcast {margin: 20px 0;}
#programme-resume {margin:20px 0 0 0}
#programme-resume p {font-size:1.8em; line-height:1.1em; font-family: 'Roboto-Medium';}
#programme-header-side {display:flex; flex-direction: column; flex-wrap:wrap; align-content:flex-end; }
#programme-body {width:60%;}

#header-holder {}
#header {background-color:#F0161A; width:100%; position:relative; display:inline-block;}
body#home #header {height:300px;}
#banner {display:flex; flex-direction:row; margin:5px 0; justify-content:space-between;}
#banner-logo-tagline {display:flex; flex-direction:row-reverse; align-items: center;}
#banner-logo {width:110px;}
#banner-logo a {display:inline-flex;}
#banner-logo img {width:125px; position:relative; left:-20px;}
#banner-tagline {display:flex; align-items:center; color:#fff; font-size:1.8em; line-height:1em; margin:0; padding:0; text-transform: uppercase;}

#mobile-homelink-area, #mobile-search-area, #mobile-tagline {display:none}

#primary-nav {display:flex; align-items:center; justify-content: flex-end;}
#main-menu-holder {margin:0;}
#main-menu, ul.menu  {margin:0; padding:0; list-style:none; display:flex; flex-wrap: wrap; justify-content:space-between;}
#main-menu li, .menu li {display:inline-block; padding:10px 20px; line-height:1em; margin:0;}
#main-menu li a, .menu li a {text-decoration:none; color:#fff;}
#main-menu li a:hover, .menu li a:hover {color:#15141A;}
#main-menu .linklabel {font-size:1.3em;}

#footer {width:100%; font-family:'Roboto-Medium'; margin: 50px 0;}
.footer-item {display:inline-block;}
#footer-items {display:flex; justify-content:space-between; font-size:.8em;}
#footer-item-partners-logos {display:flex; flex-direction:row; flex-wrap:wrap;}
.partner-logo {height:40px; width:auto;}

ul.social-links-holder {margin:0; padding:0; display:flex; flex-wrap:wrap; list-style:none;}
li.social-link {margin:0 12px 0 0; padding:0; width:40px; height:40px;}
li.social-link:last-child {margin:0;}
li.social-link a:hover svg {fill: #F0161A;}

.bodytext {font-family: 'Roboto-Regular';}

/* The sticky class is added to the header with JS when it reaches its scroll position */
/*@keyframes slide-down {
	0% 	 { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}*/
#header-holder.sticky { position:fixed; top:0; height:70px; width:100%; z-index:30; transition:all 1s ease-out; animation:slide-down 1s; }
body.admin-bar #header-holder.sticky  {top:32px;}
#header-holder.sticky #header, body#home #header-holder.sticky #header {background:none; background-color:#F0161A; height:100%; display:flex; align-items:center;}
#header-holder.sticky #banner {margin:0px;}
#header-holder.sticky #banner-tagline {font-size:1.4em; min-width:220px;}
#header-holder.sticky #banner-logo {width:70px; z-index: 33;}
#header-holder.sticky #banner-logo img {width:60px; left:0}
#header-holder.sticky #primary-nav {width:100%;}

.slicknav_menu {position:fixed; width:100%; height:60px; top:0; z-index:32;}
body.admin-bar .slicknav_menu {top:46px; }

#podcastplayer {position:fixed; top:70px; width:100%; background-color:#25292c; z-index:20;}
body.admin-bar #podcastplayer {top:102px; }
#podcastplayer iframe .widget-cloudcast-image {display:none!important;}
#podcastplayer iframe .widget-controls {padding-left:0!important;}

.grid {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.grid-item {width:25%; padding:16px; align-items:stretch; display:flex;}
.grid-item-card {display:flex; flex-direction:column; height:100%;}
.grid-item-link {text-decoration:none; color:#15141A; background-color:#e6e6e6; height:100%; width:100%; display:flex; }
.grid-item-link:hover {color:#fff; background-color:#333; }
.grid-item-data {padding:10px; display:flex; height:100%; flex-direction:column;}


/* Responsive breakpoints */
@media (max-width: 1199px) {}
@media (max-width: 991px) {
	#footer-items {flex-direction:column; justify-content:flex-start; }
	#footer-item-partners {margin-top:20px;}
	.grid-item {width:33%;}
}
@media (min-width: 700px) {
	ul, ol {margin-bottom:0;}
}
@media (max-width: 767px) {
	h1 {font-size:2em;}
	h2 {font-size:1.6em;}
	h3 {font-size:1.2em;}
	html #wpadminbar {position: fixed;}
	body#home #header, #header {height: 180px;}
	#header-holder {display:none;}
	#banner {flex-direction:column; margin-top:10px;}
	#banner-logo {width:auto;}
	#banner-logo a {left:-10px; position:relative;}
	#banner-logo img {width:140px;}
	#banner-tagline {font-size:1.6em; padding-top:0;}
	#mobile-homelink-area {display:inline-block; position:fixed; width:100px; height:54px; top:2px; margin:0 auto; left:20px; z-index: 32;}
	body.admin-bar #mobile-homelink-area {top:48px;}
	#mobile-homelink-area img {width:100%; height:100%; object-fit:contain;}
	#mobile-tagline {display:flex; width:100%; text-align:center; z-index:40; position:fixed; top:0; color:#fff; justify-content:center; align-items:center; height:60px; pointer-events: none; text-transform: uppercase; font-size: 1.2em;}
	body.admin-bar #mobile-tagline {top:46px;}
	#main-menu {flex-direction:column;}
	#main {margin-top:100px;}
	#main.playeron {margin-top:200px;}
	#podcastplayer {top:60px;}
	#programme-header {display:flex; justify-content: space-between; flex-direction:column;}
	#programme-header-body {width:100%; display:flex; justify-content:flex-start; flex-direction: column;}
	#programme-header-side {width:100%; display:flex; align-content:flex-start;}
	#programme-visuel img {max-width:100%;}
	#programme-resume p {font-size: 1.2em;}
	#programme-body {width:100%;}
	.grid-item {width:50%;}
}
@media (max-width: 480px) {
	.grid-item {width:100%;}
}