@import url('/css/landing.css');

/* :: Tipography
----------------------------------------------*/ 

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Lato:300,300italic,400,400italic,700,700italic|Merriweather:ital,wght@0,700;1,300&display=swap');

:root {
 --bs-font-headline: 'Roboto Condensed';
 --bs-font-headline-bold: 'Roboto Condensed';
 --bs-font-body: 'Lato';
 --bs-font-body-bold: 'Lato';
 --bs-font-body-italic: 'Merriweather' ;
}

h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	text-transform: none !important;
}

/* :: Colors
----------------------------------------------- */
:root {
 --bs-light: #f4f3ee;
 --bs-dark: #211813;
 --bs-chiaroscuro: #9A978B;
 --bs-bright: #E24330;
 --bs-opaque: #772e25;	
}

/* :: Header
----------------------------------------------- */
header {
	background-color: transparent!important;
}

header .navbar-brand .logo img {
	height: 130px !important;
}
@media (min-width: 992px) {
	#posts-landing header .navbar-brand .logo img {
		height: 200px !important;
	}
}
header .navbar-sponsors .logo img {
	width: 90px;
}
header .navbar-sponsors .logo:last-child img {
	width: 35px;
}
@media (min-width: 768px) {
    header .navbar-sponsors .logo img {
        width: 180px;
    }
    header .navbar-sponsors .logo:last-child img {
        width: 70px;
    }
}
/* :: Content
----------------------------------------------- */
#tight-wrapper {
	padding-top: 200px;
    padding-bottom: 100px;
}
#tight-wrapper .prefix-content {
	padding: 4rem 4rem;	
}
#tight-wrapper .prefix-content hr {
	margin: 2rem 0;	
}

#tight-wrapper .prefix-content {
    position:relative;
    background-color: var(--bs-chiaroscuro);
}
#tight-wrapper .prefix-content:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 50px var(--bs-chiaroscuro);
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}


.content-before-wrapper .video-container.background-video {
    overflow: hidden;
    max-height:800px;
}
.content-before-wrapper .video-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
}  
@media (min-width: 1600px) {
    .content-before-wrapper .video-container:not(.background-video) {
        max-width: 1422px;
        max-height: 800px;
        margin: 0 auto;
    }   
}
@media (min-width: 2200px) {
    .content-before-wrapper .video-container:not(.background-video) {
        max-width:none;        
        max-height:100%;
    }   
}

/* :: Map
----------------------------------------------- */
#sidebar {
	width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	overflow: auto;
}