/*
Theme Name: Human Rights First
Theme URI: https://landsea.co
Author: LandSea
Author URI: https://landsea.co
Description: Theme for Human Rights First
Version: 1.0.1
*/
/* Variables */
/* Typography */
body { color: #414145; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 { font-family: 'Libre Baskerville', 'Georgia', serif; margin: 0; padding: 0; }

h1 { font-size: 3em; }

@media screen and (min-width: 48em) { h1 { font-size: 4.5em; } }

h2 { font-size: 2.25em; margin-bottom: .6em; }

@media screen and (min-width: 48em) { h2 { font-size: 3em; } }

h3 { font-size: 1.375em; }

@media screen and (min-width: 48em) { h3 { font-size: 2em; } }

p { margin: 0 0 1em; }

p:empty { display: none; }

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

a:hover { text-decoration: none; }

/* Structure */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

::selection { background: #FFDD00; }

.skip-link { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -3em; }

.site-header { align-items: center; background-color: #ffffff; display: flex; height: 80px; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }

@media screen and (min-width: 48em) { .site-header { height: 100px; } }

.site-header .custom-header { display: flex; flex-direction: column; justify-content: space-between; position: relative; }

@media screen and (min-width: 30em) { .site-header .custom-header { flex-direction: row; align-items: center; } }

.site-header .custom-header .custom-header-media a { background: transparent url("assets/images/logo.svg") no-repeat center left; background-size: 260px; display: block; text-indent: -9999px; width: 250px; }

@media screen and (min-width: 30em) { .site-header .custom-header .custom-header-media a { width: 300px; } }

@media screen and (min-width: 48em) { .site-header .custom-header .custom-header-media a { background-size: 420px; width: 420px; } }

.site-header .custom-header .header-navigation { padding: 0 1.5em; }

@media screen and (min-width: 30em) { .site-header .custom-header .header-navigation { background-color: transparent; font-size: 1em; padding: 0; position: relative; height: auto; width: auto; } }

.site-header .custom-header .header-navigation .toggle-nav { display: inline-block; font-size: 28px; position: absolute; top: .75em; right: .75em; cursor: pointer; }

@media screen and (min-width: 30em) { .site-header .custom-header .header-navigation .show-nav, .site-header .custom-header .header-navigation .toggle-nav { display: none; } }

.site-header .custom-header .header-navigation .header-menu { background-color: #ffffff; display: none; padding-left: 0; }

@media screen and (min-width: 30em) { .site-header .custom-header .header-navigation .header-menu { display: block; } }

.site-header .custom-header .header-navigation .menu-item { display: list-item; list-style: none; width: 100%; }

@media screen and (min-width: 30em) { .site-header .custom-header .header-navigation .menu-item { display: inline; margin-left: 1em; position: relative; } }

.site-header .custom-header .header-navigation .menu-item a { color: rgba(65, 65, 69, 0.6); display: inline-block; padding: .5em; text-decoration: none; }

.site-header .custom-header .header-navigation .menu-item a:hover { color: #414145; text-decoration: underline; }

.site-header .custom-header .header-navigation .menu-item.current-menu-item a { color: #414145; }

.site-header .custom-header .header-navigation .menu-item:hover .sub-menu { display: block; }

.site-header .custom-header .header-navigation .sub-menu { font-size: .8em; padding-left: 1.2em; }

@media screen and (min-width: 30em) { .site-header .custom-header .header-navigation .sub-menu { background-color: #f5f5f6; border: 1px solid #dbdbdd; border-radius: 5px; display: none; padding: .5em; list-style: none; position: absolute; right: 0; width: 250px; }
  .site-header .custom-header .header-navigation .sub-menu .menu-item { display: list-item; margin-left: 0; text-align: right; } }

.site-header .site-branding { display: none; }

input.show-nav { display: none; }

body.show-nav { overflow: hidden; }

body.show-nav .header-navigation { background-color: #ffffff; font-size: 1.6em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100vh; width: 100%; }

body.show-nav .header-navigation .header-menu { display: block !important; }

body.show-nav .header-navigation .toggle-nav { right: .75em !important; top: .75em !important; }

@keyframes slideIn { 0% { top: -100%; }
  100% { top: 0; } }

.container { margin: 0 auto; max-width: 970px; padding: 0 1.5em; width: 100%; }

@media screen and (min-width: 62em) { .container { padding: 0; } }

.site-content-container { margin-top: 100px; }

.site-footer { font-size: .8rem; padding: 5vh 0; text-align: center; }

.admin-bar .site-header { top: 32px; }

.admin-bar .site-content-container { margin-top: 50px; }

@media screen and (min-width: 30em) { .admin-bar .site-content-container { margin-top: 132px; } }

#wpadminbar { position: fixed; }

.entry-content { display: flex; flex-wrap: wrap; justify-content: space-between; }

.entry-content > p { flex: 0 0 100%; }

.entry-content .left-column, .entry-content .right-column { flex: 0 0 100%; margin-bottom: 2em; padding: 0 1em; }

@media screen and (min-width: 30em) { .entry-content .left-column, .entry-content .right-column { flex: 0 0 calc(50% - .5em); } }

.entry-content .left-column.fadeIn, .entry-content .right-column.fadeIn { animation: fadeIn 2s forwards; }

.home { padding-top: 5vh; }

.home .site-header { animation: fadeIn 4s; }

.home .site-content { animation: fadeIn 4s; }

.home .hentry { margin-bottom: 2em; }

.home .entry-content { width: 100%; }

@media screen and (min-width: 48em) { .home .entry-content { width: 75%; } }

.home .post-links { opacity: 0; animation: fadeIn 4s linear forwards; animation-delay: 4s; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.single-post .single-featured-image-header { animation: fadeIn 3s; background-repeat: no-repeat; background-size: contain; background-position: bottom center; position: fixed; top: 0; left: 0; right: 0; height: 50vh; }

@media screen and (min-width: 30em) { .single-post .single-featured-image-header { background-size: cover; background-position: center center; height: 60vh; } }

@media screen and (min-width: 62em) {.postid-1231 .single-featured-image-header { background-position: top center; }}

@media screen and (min-width: 48em) { .single-post .single-featured-image-header { height: 80vh; } }

@media screen and (min-width: 62em) { .single-post .single-featured-image-header { height: 100vh; } }

.single-post .site-content-container { background-color: #ffffff; padding: 5vh 1em 2em; position: relative; top: 30vh; z-index: 50; }

@media screen and (min-width: 30em) { .single-post .site-content-container { top: 50vh; } }

@media screen and (min-width: 48em) { .single-post .site-content-container { top: 70vh; } }

@media screen and (min-width: 62em) { .single-post .site-content-container { top: 90vh; } }

.single-post .site-content-container .entry-title { text-align: center; margin-bottom: 5vh; }

.single-post .site-content-container img { height: auto; max-width: 100%; }

.single-post .video-embed { flex: 0 0 100%; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.single-post .video-embed.fadeIn { animation: fadeIn 2s forwards; }

.single-post .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.post-links { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 5em; }

.post-links.fadeIn { animation: fadeIn 2s forwards; }

.post-link { align-items: center; background-size: cover; background-position: center; color: #ffffff; display: flex; flex: 1 1 100%; justify-content: center; overflow: hidden; padding: 10em 0; position: relative; text-decoration: none; }

.post-link .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transform: scale(1); transition: transform .5s; }

.post-link:hover .image { transform: scale(1.1); }

.post-link h3 { line-height: 1.25em; padding: .2em; position: relative; text-align: center; z-index: 50; }

.post-link h3 span { background-color: rgba(65, 65, 69, 0.8); display: inline-block; padding: 0.2em; }

@media screen and (min-width: 48em) { .post-link { flex: 1 1 50%; } }

@media screen and (min-width: 62em) { .post-link { flex: 1 1 33.3333%; } }

.page .single-featured-image-header { background-position: center center; height: 300px; }

@media screen and (min-width: 48em) { .page .single-featured-image-header { height: 600px; } }

.page .single-featured-image-header + .site-content-container { margin-top: 50px; }

/*# sourceMappingURL=style.css.map */