/*
Theme Name:   Pressroom Child
Description:  Pressroom Child Theme
Template:     pressroom
Version:      1.0
Text Domain:  pressroom
*/

@import "../pressroom/style.css";

/*Styles for the contribute button in the main nav (desktop)*/

.menu_container .ubermenu-nav li.ubermenu-cont-button {
	background-color: #ba2a09 !important;
	border-top-color: #ba2a09;
}

.mobile_menu_container .ubermenu .ubermenu-nav li.ubermenu-item.ubermenu-cont-button {
	background-color: #ba2a09 !important;
}

.mobile_menu_container .ubermenu .ubermenu-nav li.ubermenu-item.ubermenu-cont-button a {
	background-color: transparent; 
	color: white !important;
}

.menu_container .ubermenu-nav li.ubermenu-cont-button:hover {
	background-color: #ba2a09 !important;
	border-top-color: #ba2a09 !important;
	opacity: .85;
}

.menu_container .ubermenu-nav li.ubermenu-cont-button:active {
	background-color: #ba2a09 !important;
	border-top-color: #ba2a09 !important;
}

.menu_container .ubermenu .ubermenu-nav li.ubermenu-cont-button.ubermenu-current-menu-item {
	border-top-color: #ba2a09 !important;
}

.menu_container .ubermenu .ubermenu-nav li.ubermenu-cont-button a {
	color: white !important;
}

.menu_container .ubermenu .ubermenu-nav li.ubermenu-cont-button a:hover {
	background-color: transparent; !important;
	padding: 10px 0 10px 15px;
}

.menu_container .ubermenu .ubermenu-nav li a {
	font-weight: 300;
}

.menu_container .ubermenu-nav li {
	border-top-color: transparent;
}

.sf-menu li {
	float: none;
	display: inline-block;
}

body .menu_container .ubermenu .ubermenu-nav {
	display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1070px) {
	.menu_container .ubermenu-nav li.ubermenu-cont-button {
		display: none;
	}
}

/*Styles for the contribute button positioned absolute(tablet)*/

.mobile-cont-button {
	text-decoration: none;
	text-transform: uppercase;
	color: white !important;
	background-color: #ba2a09;
	padding: 10px 0;
	display: none;
	text-align: center;
	width: 140px;
	font-weight: 300;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 55px;
}

.mobile-cont-button:hover {
	opacity: .85;
}

@media screen and (max-width: 1070px) {
	.mobile-cont-button {
		display: block;
	}

	.header {
		position: relative;
	}
}

@media screen and (max-width: 767px) {
	.mobile-cont-button {
		display: none;
	}
}

a.mobile-cont-button:hover {
	text-decoration: none;
}

/*Styles for mobile contribute button, moved over the mobile menu icon*/

.mobile-nav {
	max-width: 374px;
	margin: 0 auto;
}

.mobile-nav .mobile-cont-button {
	display: none;
	position: static;
	vertical-align: top;
	float: right;
	margin: 0 75px 0 0;
	padding: 19.5px 0;
}

.mobile-menu-switch {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.mobile-nav .mobile-menu-switch {
		display: inline-block;
		margin-left: 75px;
	}

	.mobile-nav .mobile-cont-button {
		display: inline-block;
	}
}

/*Logo adjustments for mobile*/

@media screen and (max-width: 432px) {
	.header_container .logo a img {
		width: 100%;
	}
}

@media screen and (max-width: 692px) {
	.header_container .logo a img {
		width: 80%;
	}
}

.search_form .search_input {
	box-sizing: content-box;
}

/*Mobile homepage grid*/

@media screen and (max-width: 767px) {
	.vc_row.blog_grid {
		display: block;
		text-align: center;
	}

	.wpb_column.vc_column_container.vc_col-sm-6 {
		display: inline-block;
		float: none;
		text-align: left;
		margin: 0;
	}

	.wpb_column.vc_column_container.vc_col-sm-3 {
		margin-top: 0;
	}
}

@media screen and (max-width: 480px) {
	.vc_row.blog_grid .post.medium {
		width: 300px;
		height: auto;
	}

	.vc_row.blog_grid .post.small {
		width: 149px;
		height: auto;
	}

	.vc_row.blog_grid .wpb_column.vc_col-sm-3 {
		width: 149px;
		height: auto;
	}
}

/*Styles for paginate_links*/
.pagination li {
	margin: 0 5px 11px 0;;
}

/* Mobile Support CSS Forced Overrides */
@media screen and (max-width: 390px) {
    .mobile-nav .mobile-menu-switch {
        margin-left: 36px;
    }

    .mobile-nav .mobile-cont-button {
    	margin: 0 36px 0 0;
    }
}

@media screen and (max-width: 1069px) and (min-width: 768px)  {
	.home_donate, .home_weekly {
		width: 48% !important;
	}
	
	.home_stay_know {
		width: 98% !important;
		margin: 50px 1% !important;
	}
	
	.vc_col-sm-4 .contact_form fieldset.vc_col-sm-4 {
		margin-top: 0;
	}

	.vc_col-sm-4 .contact_form fieldset.vc_col-sm-4:nth-child(2) {
		margin: 0 22px;
	}

	.contact_form.page_margin_top {
		margin-top: 10px;
	}

	.contact_form textarea {
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
}

/* Safegaurd user adding custom images */
.wpb_raw_html .wpb_wrapper img {
	max-width: 100%;
}

/* Override theme bullets not styling in visual composer text element. */
.wpb_content_element ul {
	list-style: initial;
	padding: 0 0 0 16px;
	line-height: 175%;
}

.wpb_content_element ol {
	list-style: decimal;
	padding: 0 0 0 16px;
	line-height: 175%;
}

.wpb_content_element ol li {
	padding-left: 5px;
}

/* Fix mobile theme bug when using blog_grid on home page */
@media screen and (max-width: 767px) {
	.blog_grid {
		overflow-x: hidden;
	}

	.page-id-10589 .vc_row .wpb_column {
		margin-top: 0;
	}
}

/* Standardize carousel height on post pages to prevent "jumping text" issue.  */
.vc_col-sm-12 .horizontal_carousel_container .horizontal_carousel.visible-3>li {
	height: 226px;
}

/* Don't show quotes box on staff pages to prevent "jumping text" issue on
 * mobile browsers.  Note that this will make all pageable containers in
 * small columns disappear on non-desktop browsers.
 */
@media screen and (max-width: 767px) {
	.vc_col-sm-4 .vc_tta-container .vc_tta-panels-container { display: none; }
}

/*Fix poor responsive of image grid on home*/
.page-id-646 .blog_grid .post{
width:100%;
}
@media screen and (max-width: 1069px){
.page-id-646 .blog_grid .post, .page-id-646 .blog_grid .post .pr_preloader {
height: auto;
max-height: 186px;
}
}
/*End Fix poor responsive of image grid on home*/


/* MODS BY SCOTT GRAVES */ 

.content_box ul { list-style-type: disc !important; list-style: disc !important; margin-left: 40px; }

.content_box ul li { list-style-type: disc !important; list-style: disc !important; line-height: 1.75em; letter-spacing: -0.015em; }