/*

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
*/

.showOnMobile {
	display: none;
}

.showOnDesktop {
	display: inline;
}

.desktop .menu-item, .desktop .menu-item>a {
    top: -5px;
}

.mobileCTA {
	display: none;
}

.x-navbar, .x-colophon.bottom {
	background-color: #2d699f !important;
}

[class*="section-bg-overlay"]::before {
	background-color: rgba(1,43,127, 0.5) !important; 
}

[class*="section-bg-overlay-2"]::before {
	background-color: rgba(1,43,127, 0.7) !important; 
}

/*** HOME ***/

.rowText {
	color:black;
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	border-radius: 15px;
}

.h-custom-headline hr {
	/*background-color: #f5a623 !important;*/
}

.x-callout {
	background-color: #f5a524 !important;
}

.home .x-callout {
	margin: 0;
}

.x-callout::before {
	/*background-color: #f5a524 !important;*/
}

.video-container {
position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoThumb {
	border-radius: 10px;
}

.mapThumb {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 3px;
	border:1px solid black;
	border-radius: 10px;
}

/*** ABOUT ***/
.page-id-48 [class*="x-icon-"] {
    font-size: 18px;
}

/*** FAQ ***/

.sofia .tg-item-title {
	padding: 5px !important;
}

.sofia .tg-item-title a {
    word-wrap: normal !important;
}

.sofia .tg-item, .tg-item * {
    /*background-color: rgb(1,43,127) !important;*/
}

/*** TAKE ACTION ***/

#newmodetop {
	color: rgb(245,165,36);
}

#newmode-embed-141-8060 {
	margin-top: -32px;
}

ul.mailchimpSignUp {
	list-style-type: none;
	margin-left: 0px;
}

/*** DONATE ***/
.page-id-381 .x-colophon.top {
	display: none;
}

#give-form-content-85 div.swp_social_panel {
	display: none;
}

/***  CONTACT ***/
.page-id-47 label {
	color: black;
}

ul.addressList {
	list-style-type: none;
	margin-left: 0px;
}

ul.addressList li {
	margin-bottom: 0px;
}

.wpcf7-response-output {
    border: transparent;
    color: #202020;
    background-color: transparent;
}

/*** POSTS ***/

.entry-title:before {
   display: none !important;
}

.entry-title {
	font-size: 2.5em;
}

.postImg {
	margin: 5px;
	border-radius: 10px;
}

#srpw_widget-2 h4 {
	font-size: 115%;
	margin-top: 5px;
}

.single-post ul li {
	margin-bottom: 10px;
}

.srpw-block ul {
    overflow: auto;
}

.srpw-li {
    float: left;
    width: 220px;
    min-height: 276px;
    padding-top: 0 !important;
    line-height: 0.7em !important;
    border-bottom: 0 !important;
}

.srpw-li a img {
	width: 100%;
	height: 100%;
}

.srpw-title {
    font-size: 0.5em;
    letter-spacing: normal;
    text-transform: none;
}

.mejs-controls {
    background-color: white !important;
}

/* .mejs-button button {
    color: #c1811f !important;
}*/


/*.mejs-time-loaded {
    background-color: #c1811f !important;
}*/

/* Single Posts */
.postid-1219 .entry-thumb {
	/*display: none;*/
}

/*** FOOTER ***/

.x-icon-envelope {
	display:none !important;
}

.x-colophon.top {
	padding:0;
	background-color: transparent !important;
}

.x-colophon.bottom a {
	color: white;
}

.x-colophon.bottom a:hover {
	color: #f5a524;
}

[class*="x-icon-"] {
	font-size: 55px;
}

/*** MOBILE ***/

.x-btn-navbar.collapsed {
    color: white;
}



/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

@media (min-width: 1000px) {
	.srpw-title {
    	font-size: 14px !important;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	p, li {
    	font-size: 1.5em;
  	}
	
	.postImg {
		float: none;
	}
	
	.srpw-li {
    	float: none !important;
    	width: 100% !important;
    	min-height: inherit;
	}
	
	.srpw-title {
    	font-size: 0.6em !important;
	}
	
	.mobileCTA {
		display: block;
	}
	
	.showOnMobile {
	display: inline;
	}

	.showOnDesktop {
		display: none;
	}
}