/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/*--- TYPE --- */
h1,
.h1 {
  margin-top: 1em;
  font-size: 315.7%;
  line-height: 1.1;
}

h2,
.h2 {
  font-size: 236.9%;
  line-height: 1.2;
}

h3,
.h3 {
  font-size: 177%;
  line-height: 1.3;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  margin-top: 1.75em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

h4,
.h4 {
  font-size: 133%;
}

h5,
.h5 {
  font-size: 115%;
}

h6,
.h6 {
  font-size: 100%;
  text-transform: uppercase;
}

/*--- HEADER AND NAVBAR STUFF ---*/
#homepage-main-title {
	font-size: 350%;
	font-weight: bold;
	letter-spacing: -3px;
	line-height: 1;
	margin-top: 0;
}
.home .x-header-landmark {
	display: none;
}
.x-navbar {
	border-bottom: none;
}
/*.x-navbar:after {
	content: '';
	display: block;
	width: 100%;
	height: 15px;
	background-image: url('/wp-content/themes/x-child/bottombar.png');
	background-repeat: repeat-x;
	background-color: transparent;
}*/
.x-topbar {
	min-height: 30px;
}
.x-colophon.top {
	background-image: url('/wp-content/themes/x-child/GRC14pattern.png');
	background-repeat: repeat repeat;
	background-color: transparent;
}

#top .x-icon-facebook-square::before:hover {
	color: #3b5999;
}
#top .x-icon-twitter-square::before:hover {
	color: #55ACEE;
}
#top .x-icon-youtube-square::before:hover {
	color: #cd201f;
}
#top .x-icon-facebook-square::before, #top .x-icon-twitter-square::before, #top .x-icon-youtube-square::before {
	font-size: 30px;
	height: 30px;
	width: 30px;
	color: hsla(210,39%,76%,1);
	background: hsla(0,0%,100%,1);
	border-radius: 50%;
	padding: 8px;
	position: relative;
	top: 4px;
}
#top .x-icon-facebook-square::before:hover, #top .x-icon-twitter-square::before:hover, #top .x-icon-youtube-square::before:hover {
	background: hsla(210,20%,47%,1);
	/*40% */
}
/*--- MENU ---*/
.masthead-inline .desktop .x-nav {
	height: 111px;
}
#top .x-navbar .desktop .x-nav > li > a:hover, #top .x-navbar .desktop .x-nav > .x-active > a, #top .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none;
	border-bottom: 4px solid hsla(210,20%,47%,1);
}
#top .x-navbar .desktop .x-nav > li > a {
 	border-bottom: 4px solid transparent;
}
.x-navbar .desktop .x-nav>li {
	height: 100%;
}
.x-navbar .desktop .x-nav > li > a, #top .x-navbar .desktop .x-nav > li > a {
  padding-left: 12px;
  padding-right: 12px;
  height: 100%;
}
#top .x-navbar .desktop .x-nav > li ul {
  top: 111px;
}
.sub-menu {
	font-family: "Merriweather Sans", "Helvetica Neue",Helvetica,sans-serif;
}
#top .sub-menu>li a {
	text-transform: none
}
#top .sub-menu>li>a:hover {
	color: hsla(210,39%,76%,1);
}
.x-navbar-static-active #top .desktop .x-nav .x-megamenu>.sub-menu, .x-navbar-fixed-top-active #top .desktop .x-nav .x-megamenu>.sub-menu {
	padding: 9px;
}
.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar:hover {
	color: hsla(0,0%,0%,1);
}
#top .desktop .x-nav .x-megamenu>.sub-menu>li {
	padding: 0px 18px 16px;
}
/*--- MENU TWO LINES HIGH --*/
@media screen and (min-width: 980px) and (max-width: 1309px) {
	#top .x-nav-wrap.desktop {
		width: 860px;
		margin: 0 auto;
	}
	body.x-navbar-fixed-top-active #top .x-navbar-wrap {
		height: 185px;
	}
	#top .x-navbar .desktop .x-nav > li ul {
	  top: 85px;
	}
	#top .x-navbar .desktop .x-nav > li.x-megamenu ul {
	  top: 197px;
	}
	.masthead-inline .desktop .x-nav {
		height: 85px;
	}
}
@media screen and (max-width: 130px) {
	#top .x-post-carousel {
		top: 0px;
	}
}
/*--- BREADCRUMBS ---*/
.x-breadcrumbs {
	margin: 2rem 0 1rem 0;
}

/*--- X THEME FEATURED POST CAROUSEL ---*/
.h-entry-cover:before, .entry-cover:hover .h-entry-cover:before {
	background-color: hsla(210,20%,25%,0.5);
}
#top .slick-list, .slick-track, #top .slick-slide, .slick-slide img {
	width: 100%;
}
.Firefox #top .slick-list {
	top: -18px;
}
.home .slick-prev, .home .slick-next {
	z-index: 99;
}
.home .x-post-carousel {
	top: 11px;
	display: block;
}
.x-post-carousel {
	display: none;
}
.home .x-post-carousel-meta>span {
	white-space: normal;
	line-height: 1.5;
	height: auto;
}
@media screen and (max-width: 600px) {
    .x-post-carousel.unstyled .entry-cover .h-entry-cover {
        top: -8em;
    }
    .x-post-carousel.unstyled .entry-cover .x-post-carousel-meta {
        bottom: 50%;
        margin-bottom: -60px;
    }
}

/*--- HOMEPAGE ---*/
#top .homepage-headline {
	color: hsla(0,0%,100%,1);
	text-shadow: 2px 2px 2px hsla(0,0%,0%,0.5);
	background-color: hsla(210,20%,25%,0.20);
	padding: 2rem;
	width: 90%;
	max-width: 50rem;
	margin: 5rem auto 0;
	border-top-left-radius: 3.6px;
	border-top-right-radius: 3.6px;
	position: relative;
	z-index: 999;
}
#top .homepage-description {
	text-align: center;
    width: 90%;
	max-width: 50rem;
	margin: 0 auto 5rem;
	color: hsla(0,0%,100%,1);
	text-shadow: 1px 1px 2px hsla(0,0%,0%,0.5);
	padding: 2rem;
	background-color: hsla(210,20%,25%,0.20);
	border-bottom-left-radius: 3.6px;
	border-bottom-right-radius: 3.6px;
	position: relative;
	z-index: 999;
}
#top #x-section-1 .homepage-headline, #homepage-headline-1 {
    margin: 5rem 5rem 0 12rem;
    color: #333;
    background: none;
}
#top #x-section-1 .homepage-description {
    margin: 0 5rem 5rem 12rem;
    background: none;
    color: #333;
}
#top #x-section-1 .homepage-description a {
    font-weight: bold;
    color: #fff;
}
#top #x-section-1 .homepage-description a:hover {
    color: hsla(210,20%,47%,1);
}
@media screen and (max-width: 768px) {
    #top #x-section-1 .homepage-headline {
        margin: 5rem 2rem 0 2rem;
    }
    #top #x-section-1 .homepage-description {
        margin: 0 2rem 5rem 2rem;
    }
}
@media screen and (min-width: 1200px) {
    #top #x-section-1 .homepage-headline {
        margin: 5rem 5rem 0 25rem;
    }
    #top #x-section-1 .homepage-description {
        margin: 0 5rem 5rem 25rem;
    }
}
#top .homepage-description a {
	color: hsla(210,39%,76%,1);
}
#top .homepage-description a:hover {
	color: #fff;
}
.home #top .x-section:nth-child(odd) {
	/*
	background-position: center center;
	background-attachment: fixed;
	background-size: cover*/
	min-height: 75vh;
	max-height: 100vh;
}
@media screen and (min-width: 480px) {
	.home #top .x-section:nth-child(odd) {
		height: 75vh;
	}
	.home .homepage-headline {
		margin-top: 6rem;
	}
}
@media screen and (min-width: 768px) {
	.home #top .x-section:nth-child(odd) {
		max-height: calc(100vh - 100px);
	}
	.home .homepage-headline {
		margin-top: 7rem;
	}
}
@media screen and (min-width: 1024px) {
	.home #top .x-section:nth-child(odd) {
	}
	.home .homepage-headline {
		margin-top: 8rem;
	}
}
@media screen and (min-width: 1200px) {
	.home #top .x-section:nth-child(odd) {
	}
	.home .homepage-headline {
		margin-top: 9rem;
	}
}
.home #top .x-section:nth-child(even) {
	margin-top: 3rem;
}
.home #top #x-section-4 .widget, .home #top #x-section-6 .widget {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.home #top .ytc_video_container {
		display: inline-block;
		width: 30%!important;
		margin-right: 5%;
	}
	.home #top .ytc_video_container:nth-child(3n+3) {
		margin-right: 0;
	}
}
.home .widget-title {
	margin-top: 0.2em;
}
.home #x-section-2 .widget-title {
	margin-top: 0;
}
.home #top .widget a {
	color: hsla(210,20%,47%,1);
}
.home #top .widget a:hover {
	color: hsla(210,39%,76%,1);
}
.home #top .widget .x-btn {
	color: hsla(0,0%,100%,1);
}
.home .widget .post-date {
	color: #444;
	font-size: 80%;
}

/*--- HOMEPAGE COVER PHOTOS --- */

.home #x-section-2:before {
    content: 'photo: M Nadalutti';
    display: block;
    float: right;
    font-size: 0.75em;
    margin-top: 0.5rem;
    margin-bottom: -2rem;
    position: relative;
    right: 7.5rem;
    top: -1.5rem;
}
@media screen and (max-width: 1200px) {
    #x-section-2:before {
        top: -3rem;
    }
}
@media screen and (max-width: 1024px) {
    #x-section-2:before {
        top: -4.5rem;
    }
}
@media screen and (max-width: 768px) {
    #x-section-2:before {
        top: -4rem;
    }
}
/*
#top .homepage-cover-photo{
  position: relative;
}
#top .homepage-cover-photo .x-container {
    position: absolute;
    clip: none;
    clip-path: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#top .homepage-cover-photo .x-column.x-1-1 {
	height: 100%;
}
#top .homepage-cover-photo .x-column.x-1-1 .bgimg {
    position: absolute;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Chrome #top .homepage-cover-photo .x-container,
.Opera #top .homepage-cover-photo .x-container,
.iPhone #top .homepage-cover-photo .x-container,
.iPad #top .homepage-cover-photo .x-container {
    clip: rect(auto,auto,auto,auto);
    clip-path: rect(auto,auto,auto,auto);
    -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
}
.Chrome #top .homepage-cover-photo .x-column.x-1-1 .bgimg,
.Opera #top .homepage-cover-photo .x-column.x-1-1 .bgimg,
.iPhone #top .homepage-cover-photo .x-column.x-1-1 .bgimg,
.iPad #top .homepage-cover-photo .x-column.x-1-1 .bgimg {
    position: fixed;
    background-attachment: scroll;
    -webkit-transform-style: preserve-3d;
}

#top #x-section-1 .x-column.x-1-1 .bgimg{
	background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_768.jpg')!important;
}

@media
(-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
(min-resolution: 192dpi)            and (min-width: 1024px){
    #top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_1920.jpg')!important;
	}
}
@media
(-webkit-min-device-pixel-ratio: 2) and (min-width: 1440px),
(min-resolution: 192dpi)            and (min-width: 1440px){
    #top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_LGE.jpg')!important;
	}
}
@media (min-width: 768px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_1024.jpg')!important;
	}
}
@media (min-width: 1024px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_1440.jpg')!important;
	}
}
@media (min-width: 1440px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_1680.jpg')!important;
	}
}
@media (min-width: 1680px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_1920.jpg')!important;
	}
}
@media (min-width: 1920px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_2560.jpg')!important;
	}
}
@media (min-width: 2560px) {
	#top #x-section-1 .x-column.x-1-1 .bgimg{
		background-image: url('//i2.wp.com/4genderjustice.org/wp-content/uploads/2015/08/HandsWristbands_LGE.jpg')!important;
	}
}

#top #x-section-3 .x-column.x-1-1 .bgimg{
	background-image: url('//i1.wp.com/4genderjustice.org/wp-content/uploads/2015/05/Transit-House-South-Kivu-Sept-2014.jpg')!important;
	background-position: center center;
}
#x-section-5 .x-column.x-1-1 .bgimg{
	background-image: url('//i0.wp.com/4genderjustice.org/wp-content/uploads/2015/05/GRC14-COVER_1680.jpg')!important;
}
#x-section-7 .x-column.x-1-1 .bgimg{
	background-image: url('//i0.wp.com/4genderjustice.org/wp-content/uploads/2015/05/homepage_videos_1680.jpg')!important;
}
 */

/*--- PAGES ---*/
.page .x-container>.offset, .page .entry-content {
 	margin-top: 0;
}
.page .x-header-landmark {
	padding: 0;
}
.page .x-header-landmark h1.entry-title {
	font-size: 250%;
	font-weight: bolder;
	margin-bottom: 1rem;
}
.page .entry-content #x-section-1 {
	padding-top: 0;
	padding-bottom: 0;
}

/* --- BLOG --- */

.single .p-meta span:first-child, .single .p-meta span:first-child::after, .blog .p-meta span:first-child, .blog .p-meta span:first-child::after {
	display: none;
}
.single .p-meta span:last-child::before, .blog .p-meta span:last-child::before {
	content: 'Posted on: ';
}
.page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured {
	margin-top: 1rem;
}
.x-nav-articles a:hover, #top .x-nav-articles a:hover, .entry-top-navigation .entry-parent:hover, .option-set .x-index-filters:hover i, .option-set .x-portfolio-filters:hover i {
	background-color: hsla(210,20%,47%,1);
}
a.entry-thumb:before, #top a.entry-thumb:before {
	background-color: hsla(210,20%,25%,0.8);
}
/* --- BOARD MEMBERS --- */
.board-picture {
	width: 100px;
	height: auto;
}
/* --- OUR TEAM --- */
.teamphoto, .page-id-635 #top .x-img-thumbnail {
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0;
}
.page-id-635 #top .x-1-3 {
	max-height: 350px;
	overflow: hidden;
	padding: 5px!important;
	border: 1px solid rgba(0,0,0,0.1);
}
.page-id-635 #x-section-1 > .x-container {
	margin-bottom: 1em!important;
}
/* --- WHAT WE DO --- */
#our-work li {
	margin-bottom: 1em;
}
#our-work li ul {
	margin-bottom: 3em;
}


/* --- PUBLICATIONS --- */
.tl-publications .publication-container {
    width: 30%;
    margin-right: 5%;
    float: left;
    margin-bottom: 5rem;
}
#top .tl-publications .publication-container:nth-child(3n) {
    margin-right: 0;
}
#top .publication {
	box-shadow: 4px 4px 8px 2px hsla(0,0%,0%,0.5);
}
.publication img {
	display: block;
	width: 100%;
	height: auto;
}
.publication+h2, .publication+h3, .publication+p {
	margin-top: 0;
}
/* --- ACCORDION --- */
#top .x-accordion-heading .x-accordion-toggle {
	color: #333;
	background-color: #fff;
	/*border: 1px solid rgba(0,0,0,0.1);
	border-bottom: 0;*/
}
#top .x-accordion-heading .x-accordion-toggle.collapsed {
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
#top .x-accordion-heading .x-accordion-toggle:before {
	color: #333;
}
#top .x-accordion-inner {
	border: none;
}


/* --- VIDEOS --- */
.page .entry-content .youtube_channel .ytc_video_container {
	display: inline-block;
	width: 30%!important;
	margin-right: 5%;
	margin-bottom: 3.5rem;
}
.page .entry-content .youtube_channel .ytc_video_container:nth-child(3n+3) {
	margin-right: 0;
}
.page-id-248 .x-img {
	margin-bottom: 1rem;
}

/*--- SIDEBAR ---*/

.h-widget a, .widget-title a {
	color: #444;
}
 #top .h-widget a {
 	text-decoration: none;
 	color: #444;
 }
#top .h-widget a:hover {
	color: hsla(210,39%,76%,1);
}
#text-6 {
	text-align: center;
}
#twitter-widget-0 {
	margin-bottom: 60px;
}
#text-7 {
	border-bottom: 1px solid #444;
 	padding-bottom: 6em;
}
.youtube_channel h3 {
	font-size: 2rem;
	min-height: 5rem;
}
@media (max-width: 1234px) {
	.youtube_channel h3 {
		min-height: 8rem;
	}
}
@media (max-width: 897px) {
	.youtube_channel h3 {
		min-height: 11rem;
	}
}
.x-sidebar.right h4.h-widget {
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top: 1.5em;
}
#top .widget .x-btn {
	color: hsla(0,0%,100%,1);
	text-decoration: none;
}
#top .widget .x-btn:hover {
	text-decoration: underline;
}
.widget {
	color: #333;
}

/*--- HOMEPAGE SIDEBAR ---*/
.home .h-widget {
	color: #444;
}
.home .ytc_link {
	top: 2rem;
}
.home .ytc_link a {
	color: hsla(210,20%,47%,1);
}

/*--- SCROLL TOP BUTTON---*/
.x-scroll-top {
	right: 10px;
}

/*--- FOOTER ---*/
#top .x-colophon.bottom {
	background-color: hsla(210,20%,47%,1);
}

.widget_pages ul li a {
	color: hsla(210,20%,47%,1);
	transition: color 0.3s ease-in-out;
	text-transform: capitalize;
}
.widget_pages ul li a:hover {
	color: hsla(210,39%,76%,1);
}
footer .widget {
	background-color: hsla(210,39%,76%,1);
	padding: 1.5rem;
	border-radius: 0.5rem;
}
footer .widget:before {
	margin-bottom: 1.25rem;
}
#top footer .h-widget {
	color: hsla(0,0%,100%,1);
}
/*--- COOKIE LAW INFO ---*/
#cookie-law-info-bar, #cookie-law-info-bar span {
	font-family: "Merriweather Sans", "Helvetica Neue",Helvetica,sans-serif;
}


/*.page-id-440 .x-header-landmark+.x-container>.offset>.x-sidebar {
	margin-top: 0;
}*/
.x-header-landmark+.x-container>.offset>.x-sidebar {
	margin-top: 2em;
}