/*------------------------------------------------------------------------
# Soapbox Engage -> Style CSS (v1.0.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
#logo img			{ max-width: 100%; vertical-align: baseline; }


/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/

@media screen and (max-width: 1140px) {
.header-wrapper {
	text-align: center;
}

h1#logo {
    margin-bottom: 20px;
    margin-top: 0;
    position: static;
    text-align: center;
}

}
@media screen and (min-width: 769px) and (max-width:1140px) {
#system-message ul li p {
    padding-left: 8%;
}
}

@media (max-width: 980px) { 
	.sbxModTable-login {
    position: relative;
    width: auto;
    z-index: 1;	
    float: none; 
    margin-bottom: 30px; 
    }
    #portalmenu { 
    	margin-top: 20px; 
    }
	#portalmenu li a{
    	display: block;
	}
	.sbxModTable-donation-select .col-one-third {
    width: 240px;
	}
	#footer #about {
    width: 333px;
	}
}

@media screen and (min-width: 992px) and (max-width:1199px) {
	.header-wrapper .top-header {
		padding-bottom: 25px;
	}
	
	.header-wrapper .top-header .head-social-icons {
		margin-right: 0;
	}
}

@media screen and (min-width: 768px) and (max-width:991px) {
	#nav ul.menu > li {
		margin: 0;
	}
	
	#nav ul.menu > li > a {
		padding: 0 5px;
	}
}

@media (max-width: 768px) {
	body	{ 
		padding-left: 0px !important;
		padding-right: 0px !important; 
	}
	
	#global .btn-grey {
		margin-bottom: 10px;
	}
	
	#main #content { 
		padding: 20px; 
	}
	
	#footer #ministry_priorities, #footer #about {
		display: block;
		width: auto;
	}
	
	#footer #ministry_priorities {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	table.resultsTBL thead th {
		white-space: normal;
		padding: 5px; 
		font-size: 10px;
	}
	
	table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 10px;
    line-height: 14px;
    padding: 0;
    }
	
	/* !Events Calendar */
	.cal-monthTBL td.cal-wdEvent,
	.cal-monthTBL td.cal-weEvent  {
		background-color: #eef9ff;
		font-weight: bold;
	}
	.cal-monthTBL a.cal-wdNumEvent {
		color: #006699;
	}
	#search {
		margin-bottom: 10px;
	}
	#search .container {
    max-width: 100%;
    margin-left: 0; 
	}
	#header #give_action .container {
	margin-top: 0; 
	margin-left: 10px;
	}
	#portalmenu {
    	margin: 20px 1%;
    	width: 100%;
    	display: block;
	}
	#portalmenu li a.service {
		padding: 10px 50px;
		margin-top: 3px;
		width: 73%; 
}
#portalmenu li.last-item {
	width: 266.196px; 
} 
#system-message ul li p {
    padding-left: 0;
}
#system-message ul, #system-messageDetail ul {
    padding: 0;
    max-width: 600px; 
}
}
@media only screen and (max-width: 600px) {
	#nav {
		margin-bottom: 12px;
	}
	.menu-toggle {
		display: block;
	}
	#nav ul.menu {
		background: #222;
		display: none;
		width: 100%;
	}
	#nav ul.menu > li {
		display: block;
		margin: 0;
		text-align: left;
	}
	#nav ul.menu > li > a {
		border-bottom: none;
		/*color: #fff;*/
		display: block;
		font-size: 14px;		
	}
	#nav ul.menu > li.parent > a:after {
		float: right;
	}
	#nav ul.menu li.item43 a {
		background: #222 url(../images/login-arrow.png) no-repeat 10px center;
		padding-left: 38px;
	}
	#nav ul.menu li ul {
		display: none;
		margin-top: 0;
		position: static;
		width: auto;
	}
	#nav ul.menu li.toggle-open > ul {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	#nav ul.menu li ul li ul {
		padding-left: 10px;
	}
	#nav ul.menu li.parent.toggle-open > a:after {
		content: '\f0d8';
	}
	#nav ul.menu li.parent > a:after
#footer #ministry_priorities {
    padding: 17px 14px;
}
}
#footer #ministry_priorities .heading {
    color: #000000;
    font-size: 150%;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#footer #ministry_priorities .subsection {
    border-bottom: 1px solid #afafaf;
    margin-top: 16px;
    padding-bottom: 16px;
}
#footer #ministry_priorities .subsection:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}
#footer #ministry_priorities .subsection .subheading {
    display: block;
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}
#footer #ministry_priorities .priority {
    display: inline-block;
    margin-top: 12px;
    position: relative;
    vertical-align: top;
    width: 128px;
}
#footer #ministry_priorities .priority .priority_name {
    display: block;
    font-size: 70%;
    text-transform: uppercase;
}
#footer #about {
    color: #4a4a4a;
    display: inline-block;
    margin-bottom: 17px;
    margin-top: 17px;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    width: 333px;
}
#footer #about .content {
    font-size: 95%;
}
#footer #about img {
    margin: 20px 0;
}
#footer #about .contact {
    color: #313131;
    text-transform: uppercase;
}
#footer #about .contact .name, #footer #about .contact .address {
    display: block;
    font-size: 90%;
    font-weight: bold;
    line-height: 1.15;
}
#footer #about .copyright {
    font-size: 70%;
    margin-top: 15px;
    text-transform: uppercase;
}
#footer #about .privacy {
    margin-top: 2px;
}
#footer #about .privacy a, #footer #about .privacy a:hover, #footer #about .privacy a:visited {
    color: inherit;
    font-size: 65%;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#portalmenu  li a {
	padding: 8px 6px; 
}
#portalmenu  li a:hover, #portalmenu  li.active a  {
	padding: 10px 12px; 
}
#portalmenu  li.last-item {
    /*margin-top: 2px;*/
	/*width:267px;*/
	/*text-align:center;*/
}
#portalmenu {
    /*margin: 19px 0;*/
}
.modal { 
	top: 0px; 
}
}

@media only screen and (max-width: 959px) {
	.header-wrapper .main-header {
		align-items: flex-start;
	}

	#footer .bottom-footer .bottom-footer-inner .search-box-nav-container {
		flex-direction: column;
		align-items: flex-end;
	}
}

@media only screen and (max-width: 767px){
	.header-wrapper .top-header {
		flex-wrap: wrap;
	}

	.header-wrapper .top-header .head-social-icons {
		justify-content: center;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.header-wrapper .top-header .menu-top-menus-container {
		width: 100%;
	}
	
	.header-wrapper .top-header .menu-top-menus-container ul li {
		display: inline-block;
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 14px;
	}
	
	.header-wrapper .main-header {
		align-items: center;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	
	.header-wrapper .main-header .logo {
		position: relative;
	}

	#footer_subscription_dialog {
		height: 300px!important;
	}
	
	#footer .bottom-footer .bottom-footer-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	#footer .bottom-footer .bottom-footer-inner .footer-column.footer-column-1 {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#footer .bottom-footer .bottom-footer-inner .footer-column.footer-column-1 p {
		text-align: center;
	}
	
	#footer .bottom-footer .bottom-footer-inner .footer-column.footer-column-2 {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#footer .bottom-footer .bottom-footer-inner .footer-column.footer-column-3 {
		width: 100%;
	}
	
	#footer .bottom-footer .bottom-footer-inner .search-box-nav-container {
		flex-direction: column;
		align-items: center;
	}
	
	#footer .bottom-footer .bottom-footer-inner .search-box-nav-container .menu-footer-menu-container {
		margin-left: 0px;
		text-align: center;
	}
	
	#footer .bottom-footer .bottom-footer-inner .search-box-nav-container .menu-footer-menu-container ul li {
		margin-left: 7px;
		margin-right: 7px;
	}
	
	#footer .bottom-footer .bottom-footer-inner .footer-address {
		text-align: center;
	}
}

@media only screen and (max-width: 479px) {
	#footer_subscription_dialog {
		height: 400px!important;
	}
}

@media only screen and (max-width: 400px) {
#portalmenu  li.last-item {
    margin-top: 2px;
    text-align: center;
    width: 97%;
}
#portalmenu  li a {
	padding: 10px 20px;
	margin-top: 1px; 
}
#portalmenu  li a:hover, #portalmenu  li.active a {
	padding: 10px 20px; 
}
#portalmenu li.last-item {
	width:299px;
}
#portalmenu {
    margin: 19px 0;
}
.btn-profile {
	font-size: 13px; 
}
#system-message ul li p { 
	padding-left: 0; 
}
}

@media (max-width: 398px) { 
.sbxModTable-donation-select {
    margin-bottom: 10px;
}
#portalmenu li {
width: 150px;
text-align: center;
}
#portalmenu li.last-item {
	width:302px;
}
}
/* Engage Testing Menu */
ul.menu-etm		{ font-size: .8em; margin: 0px; padding: 0px; list-style: none; }
ul.menu-etm li		{ background: none; margin: .3em; padding: 0px; line-height: 1.0em; }