/*
* ============================================================================
*  Edmonton Down Syndrome Society 2016 | General Styles
* ============================================================================
*/

.page-content-wrapper {
	padding-top: 20px;	
}
.content-wrapper {
	margin: 0 auto;
	padding-left: 30px !important;
	padding-right: 30px !important;
	background-color: #ffffff;
}
.top-page-bar,
.top-page-bar a {
	color: #ccc !important;
}
.with-sidebar .gallery.content-wrapper {
	padding: 0;
}

@media(min-width: 1170px) {
	.page-content-wrapper {
		background-color: #BFDFEA;
	}
}

/* Typography */
body, html {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #646464;
}
h1 {
	font-size: 2.25em;
	font-weight: bold;
	color: #4282cf;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #4282cf;
}
h4 {
	font-size: 1.875em;
}
h1, 
h2, 
h4 {
	font-weight: bold;
}

/*
* ============================================================================
*  Top Site Header
* ============================================================================
*/

.search-wrapper {
	padding: 20px 20px 0 20px;
	
}
.search-wrapper .content-wrapper {
	margin: 0 auto;
	background-color: transparent;
}
.frontpage .quick-search {
	display: inline;
	padding: 0;
}
.frontpage .site-search form {
	margin: 0;
	height: 35px;
	border: 1px solid #4282cf;
	border-radius: 10px;
}
.frontpage .search-button, 
.frontpage .search-text {
	margin: 0;
	padding: 0;
}
.frontpage .search-button {
	width: 10%;
}
.frontpage .search-text {
	width: 90%;
	font-size: 1em;
	color: #bfdfea !important;
}
@media(min-width: 482px) {
	.frontpage .search-button {
		width: 5%;
	}
	.frontpage .search-text {
		width: 95%;
	}
}
@media(min-width: 1171px) {
	.search-wrapper {
		background-color: #BFDFEA;
		padding: 20px 0 0 0;
	}
}

/*
* ============================================================================
*  Header
* ============================================================================
*/

.top-site-bar {
	display: none !important;
}
.site-header .header {
	border-bottom: none !important;
}
.site-header {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}
.site-header a.call-to-action {
	font-family: "Arial Black", Arial;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 0.1em;
	color: #ffffff;
	background-color: #ed9130;
	border-radius: 10px;
    padding: 5px 50px 5px 50px;
    margin-bottom: 5px;
}
.site-header p:nth-child(1) {
	margin-bottom: 10px;
}
.site-header p {
	color: #4282cf;
}
.site-header p img {
	margin:  18px 10px;
}
.site-header p span {
	color: #81b72e;
}


@media (max-width: 767px) {
	.site-header a.call-to-action {
		font-family: "Arial", sans-serif;
		font-weight: bold;
	}

	.site-header table.sui-sf-layout-responsive,
	.site-header .sui-sf-layout-responsive thead,
	.site-header .sui-sf-layout-responsive tbody,
	.site-header .sui-sf-layout-responsive th,
	.site-header .sui-sf-layout-responsive td,
	.site-header .sui-sf-layout-responsive tr {
		display: inline-block;
	}

	.site-header .sui-sf-layout-responsive td {
		position: relative;
		width: 50% !important;
		text-align: left;
		float:left;
	}

	.site-header .sui-sf-layout-responsive tr:last-child td:last-child {
		text-align: center !important;
	}

	.site-header p {
		display: block;
		text-align: center !important;
	}
}

@media (max-width: 482px) {
	.site-header .sui-sf-layout-responsive td {
		width: 100% !important;
		text-align: center;
		float: none;
	}
	.site-header td:nth-child(2) {
		padding-top: 2em;
	}
} 

/*
* ============================================================================
*  Navigation
* ============================================================================
*/

@media (min-width: 768px) {
	.current {
		background-color: #81b72e;
	}
	.primary-nav.section-wrapper {
		background-color: #4282cf;
	}

	.primary-nav .content-wrapper {
		background-color: #4282cf;
	}

	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		color: #ffffff;
		font-weight: 400;
	}

	.navbar-nav>li.active:first-child:hover a,
	.navbar-nav>.current.active > a,
	.navbar-nav>.current.active:hover > a,
	.navbar-nav>.current.active > a > strong,
	.navbar-nav>li:hover > a,
	.navbar-nav>li:hover > a:hover,
	.navbar-nav>li:hover > a > strong {
		color: #ffffff !important;
		font-weight: 400 !important;
	} 

	.navbar-nav>li:first-child a {
		display: none;
	}

	.dropdown.active a,
	.dropdown.active .current.active a,
	.dropdown.active .current.active a > strong {
		color: #ffffff !important;
		font-weight: 400 !important;
	} 

	.navbar-nav>li.active:first-child {
		background-color: transparent;
	}

	.navbar-nav>li:first-child:hover,
	.navbar-nav>li.current.active:hover,
	.dropdown.active:hover, {
		background-color: #4282cf;
	}

	.navbar {
		border-radius: 0;
	}

	.navbar-nav {
		margin-left: 0;
		margin-right: 0;
	}

	.dropdown .dropdown-menu,
	.dropdown.active .current.active:hover,
	.nav .open>a, 
	.nav .open>a:focus,
	.nav .open>a:hover,
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:hover {
		color: #ffffff !important;
		background-color: #4282cf !important;
	}

	.dropdown-menu {
		border: none !important;
		padding: 0;
		margin: 0;
	}

	.dropdown-menu>li>a:focus, 
	.dropdown-menu>li>a:hover,
	.dropdown.active .current.active,
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus {
		color: #FFFFFF !important;
		background-color: #81b72e !important;
	}

	div.page-wrapper>header>nav>div>div>div.navbar-collapse.collapse>ul>li.dropdown.active>ul>li.dropdown-submenu.active>a {
		color: #FFFFFF !important;
	}

	.dropdown-menu>li:first-child,
	.dropdown-submenu>li:first-child {
		display: none;
	}
	
	.navbar-nav>li {
		padding-top: 7px;
		padding-bottom: 9px;
	}

	.caret {
		display: none !important;
	}

	.navbar-hover.navbar-nav>li>a .caret,
	.navbar-default .navbar-nav>.dropdown:not(.active)>a:hover .caret {
		border-top-color: #ffffff !important;
		border-bottom-color: #ffffff !important;
	}

	.navbar-nav>li>a { 
		display: inline-block; 
		vertical-align: middle; 
		-webkit-transform: translateZ(0); 
		transform: translateZ(0); 
		box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
		-webkit-backface-visibility: hidden; 
		backface-visibility: hidden; 
		-moz-osx-font-smoothing: grayscale; 
		position: relative; 
		overflow: hidden; 
	} 

	.navbar-nav>li>a:before { 
		content: ""; 
		position: absolute; 
		z-index: -1; 
		left: 0; 
		right: 0; 
		bottom: 0; 
		height: 4px; 
		-webkit-transform: translateY(4px); 
		transform: translateY(4px); 
		-webkit-transition-property: transform; 
		transition-property: transform; 
		-webkit-transition-duration: 0.3s; 
		transition-duration: 0.3s; 
		-webkit-transition-timing-function: ease-out; 
		transition-timing-function: ease-out; 
	} 

	.navbar-nav>li.dropdown.active>a:before,
	.navbar-nav>li.current.active>a:before,
	.navbar-nav>li>a:hover:before, 
	.navbar-nav>li>a:focus:before, 
	.navbar-nav>li>a:active:before { 
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	} 
}

@media (max-width: 767px) {
	.in .navbar-nav {
		padding-left: 0;
	}

	.navbar-nav {
		float: none;
		text-align: left;
	}

	.navbar-nav > li {
		display: inline-block;
		float: none;
	}

	.navbar-collapse.collapsing .navbar-nav {
		padding-left: 0;
		overflow: hidden;
		margin-top:0;
	}

	.navbar-collapse.collapsing{
		overflow: hidden;
	}

	.navbar-collapse .nav>li>a{
		margin-top:0;
	}

	.navbar {
		border: 0;
	}

	.navbar .navbar-btn {
		border-radius: 0;
		border:0;
	}

	.navbar-nav > li {
		display: block;
		float: left;
		width: 100%;
	}

	.in .navbar-nav {
		padding-left: 0;
		margin: 0;
	}

	.navbar-btn {
		font-weight: 400;
		border-radius: 0;
	}
	.collapsing .navbar-nav,
	.in .navbar-nav {
		padding-left: 0;
		margin: 0;
	}

	.navbar-nav>li.current.active:first-child,
	.navbar-nav>.current.active,
	.navbar-nav>li:hover,
	.navbar-nav>li:first-child:hover,
	.navbar-nav>li.active:first-child:hover,
	.dropdown.active,
	.dropdown.open > a,
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		font-weight: 100;
	}

	.navbar-nav>.current.active > a > strong,
	.dropdown-menu:not(.dropdown-submenu)>li>a>strong {
		font-weight: 100 !important;
	}

	.navbar-nav>li.active:first-child {
		background-color: transparent;
	}

	.navbar-collapse .nav>li>a {
		margin-top: 0;
	}

	.navbar-nav > li > a,
	.navbar-collapse .nav>li>a,
	.navbar-collapse .dropdown-menu a,
	.navbar-nav .open .dropdown-menu>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.dropdown-submenu.sui-dropdown-submenu-negative-offset>a:before {
		display: none;
	}

	.navbar-collapse .dropdown-menu a {
		margin-top: 0;
		font-weight: 100;
	}

	.navbar-collapse .dropdown-menu > li:last-child > a,
	.navbar-nav > li:last-child > a {
		border-bottom: 0;
	}

	.caret {
		display: none !important;
	}

	.dropdown-menu {
		margin: 0;
	}

	.navbar-nav .open .dropdown-menu {
		border-bottom: 0;
	}

	.dropdown li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.navbar-nav>li:first-child a,
	.navbar-nav>li.active:first-child:hover a,
	.navbar-nav>.current.active > a,
	.navbar-nav>.current.active:hover > a,
	.navbar-nav>.current.active > a > strong,
	.navbar-nav>li:hover > a,
	.navbar-nav>li:hover > a:hover,
	.navbar-nav>li:hover > a > strong,
	.navbar-default .navbar-nav>li>a:hover {
		text-transform: none;
	}


	.navbar-collapse.collapse.in,
	.navbar-collapse.collapsing {
		position: absolute;
		width: 100%;
		z-index: 20;
	}

	.navbar-nav .open .dropdown-menu {
		margin-left: 0;
	}

	.navbar-nav .open .dropdown-menu>li>a {
		padding-left: 35px;
	}

	.navbar-nav .open .open .dropdown-menu>li>a {
		padding-left: 55px;
	}

	.dropdown-submenu.sui-dropdown-submenu-negative-offset>a:before {
		display: none;
	}

	.dropdown-menu {
		padding: 0;
	}

	/* Colors */
	.navbar-default .collapsing .navbar-nav>.active>a,
	.dropdown-menu:not(.dropdown-submenu)>li>a>strong {
		color: #ffffff !important;
	}

	.navbar {
		/*border-bottom: 1px solid #f2f2f2;*/
	}

	.navbar .navbar-btn {
		background-color: #ffffff;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-nav>.current.active > a > strong {
		color: #ffffff !important;
	}

	.in.navbar-collapse,
	.navbar-default .navbar-collapse,
	.navbar .navbar-btn:hover,
	.navbar .navbar-btn:focus, 
	.navbar .navbar-btn:active, 
	.navbar .navbar-btn.active, 
	.navbar .navbar-btn.disabled, 
	.navbar .navbar-btn[disabled] {
		background-color: #4282cf;
	}

	.navbar-nav>li.current.active:first-child,
	.navbar-nav>.current.active,
	.navbar-nav>li:hover,
	.navbar-nav>li:first-child:hover,
	.navbar-nav>li.active:first-child:hover,
	.dropdown.active,
	.dropdown.open > a,
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background-color: #81b72e;
	}

	.dropdown-submenu.open > a,
	.dropdown-submenu.open > a:hover,
	.dropdown-submenu.open > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.current.active>a,
	.navbar-nav .open .open .dropdown-menu {
		background-color: #81b72e;
		color: #FFFFFF!important;
	}

	.navbar-nav > li > a,
	.navbar-collapse .nav>li>a,
	.navbar-collapse .dropdown-menu a,
	.navbar-nav .open .dropdown-menu>li>a  {
		border-bottom: 1px solid #ccc;
	}

	.dropdown-submenu.open>a:after {
		border-right: 4px solid transparent !important;
		border-bottom: 4px solid transparent !important;
		border-top: 4px solid #fff !important;
		border-left: 4px solid transparent !important;
	}

}

/*
* ============================================================================
*  Carousel
* ============================================================================
*/

.gallery .content-wrapper {
	padding: 20px;
	padding-bottom: 0;
}
.carousel-inner img {
	width: 100%;
}
.carousel-caption.background--dark.background--complex .gallery-item-title, .carousel-caption.background--dark.background--complex .gallery-item-caption {
	background-color: transparent !important;
}

.carousel .carousel-indicators li {
	width: 25px !important;
	height: 25px !important;
	background-color: #d0e0f3;
	border: 3px solid transparent;
	border-radius: 150px !important;
}
.carousel .carousel-indicators li.active {
	width: 25px !important;
	height: 25px !important;
	background-color: #ffffff;
	border: 3px solid #b1d499;
	border-radius: 150px !important;
}

@media (min-width: 768px) {
	.carousel-indicators {
		position: absolute;
		bottom: -50px;
	}
}

/*
* ============================================================================
* Frontpage 
* ============================================================================
*/

/* Intro Section */
.frontpage h1 {
	margin-top: 35px;
	margin-bottom: 35px;
}
.intro {
	margin-bottom: 50px;
}
.intro td {
	display: block;

}
.intro td h2 {
	margin-top: 0;
	color: #4282cf;
}
.intro td img {
	width: 100%;
}

@media (min-width: 768px) {
	.intro td {
		display: inline-block;
		width: 50%;
		float: left;
	}
	.intro td:nth-child(2) {
		padding-left: 10px;
	}

}

/* Newsletter Signup */	
.page-content-wrapper.newsletter-signup-wrapper {
	padding-top: 0;
}
.newsletter-signup-wrapper td {
	padding: 45px;
}
.home-newsletter {
	max-width: 1170px;
	background-color: #d0e0f3;
	margin: 0 auto;
}
.home-newsletter td h4 {
	color: #4282cf;
	margin-bottom: 5px;
}
.home-newsletter td p {
	color: #646464;
}
.home-newsletter a.call-to-action {

	font-family: "Arial Black", Arial;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 0.1em;
	color: #ffffff;
	background-color: #ed9130;
	border-radius: 10px;
	display: inline-block;
    padding: 5px 50px 5px 50px;
    margin-top: 1em;
}

@media(max-width: 768px) {
	.home-newsletter a.call-to-action {
		font-family: "Arial", sans-serif;
		font-weight: bold;
	}
}

/*
* ============================================================================
* Site Page Styles
* ============================================================================
*/

.layout-grid-row {
	border: 0;
}

h1.heading {
	max-width: 1170px;
	font-size: 1.875em;
	font-weight: bold;
	color: #fff;
	background-color: #81b72e;
	padding: 15px;
	margin: 0 auto;
}

.top-heading {
	margin: 0 auto;
}
.side-column-left a {
	color: #ed9130;
}
.columns-wrapper>.content-wrapper {
	padding: 24px 20px;
}
.list .content-wrapper {
	padding: 0 20px;
}


@media(min-width: 1170px) {
	.list.list-one_column .layout-grid-row-data {
		border-bottom: none;
		padding: 0;
	}
	.list.list-two_column .list-item-datum-image {
		border: none;
		margin-top: 0 !important;
	}
	.list.list-two_column .list-item-datum-title, 
	.list.list-three_column .list-item-datum-title {
		text-align: center;
	}
	.list.list-three_column .list-item-datum-title {
		margin-top: 10px !important;
	}
	.list.list-two_column .list-item-datum-title a, 
	.list.list-three_column .list-item-datum-title a {
		font-family: "Arial Black", Arial;
		font-size: 1.5em;
		font-weight: 900;
		letter-spacing: 0.1em;
		color: #fff;	
	}
	.list.list-two_column .list-item-datum-title a {
		font-size: 1.5em;
		color: #fff;
	}
	.list.list-two_column .layout-grid-row:nth-child(odd) .layout-grid-row-data:nth-child(1) .cell {
		background-color: #81b72e;
	}
	.list.list-two_column .layout-grid-row:nth-child(odd) .layout-grid-row-data:nth-child(2) .cell {
		background-color: #4282cf;
	}
	.list.list-two_column .layout-grid-row:nth-child(even) .layout-grid-row-data:nth-child(1) .cell {
		background-color: #4282cf;
	}
	.list.list-two_column .layout-grid-row:nth-child(even) .layout-grid-row-data:nth-child(2) .cell {
		background-color: #81b72e;
	}
	.list.list-three_column .layout-grid-row .cell {
		min-height: 106px;
	}
	.list.list-three_column .layout-grid-row:nth-child(1) .cell {
		background-color: #81b72e;
	}
	.list.list-three_column .layout-grid-row:nth-child(2) .cell {
		background-color: #4282cf;
	}

}

@media(max-width: 1170px) {
	.list.list-two_column .list-item-datum-title a, 
	.list.list-three_column .list-item-datum-title a {
		font-family: "Arial", sans-serif;
		font-weight: bold;
	}
}


/*
* ============================================================================
* News & Events
* ============================================================================
*/
.list.list-one_column .layout-grid-row {
	padding: 50px 0;
	border-bottom: 1px solid #bfdfea;
}
.list.list-one_column .layout-grid-row .list-item-datum-title a {
	font-size: 1.5em;
	color: #4282cf;
}
.list.list-one_column .layout-grid-row .list-item-datum-created {
	color: #81b72e;
	font-style: italic;
}



/*
* ============================================================================
* Features 
* ============================================================================
*/
.medium-feature .layout-grid-row-data {
	border: none !important;
}
.frontpage .featured-content h3.related-title a {
	font-family: "Arial Black", Arial;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 0.1em;
}

@media (max-width: 482px) {
	.medium-feature .related-image a {
		text-align: center;
	}
	.featured-content h3.related-title {
		text-align: center;
	}
}
.medium-feature .related-image {
	border: none;
}

@media (max-width: 1170px) {
	.frontpage .featured-content h3.related-title a {
		font-family: "Arial", sans-serif;
		font-weight: bold;
	}
}

@media (min-width: 1170px) {
	.medium-feature .related-image img {
		width: 100%;
	}
	.featured-content h3.related-title {
		text-align: center;
	}
	.featured-content a {
		color: #ffffff;
	}
	.medium-feature .layout-grid {
		padding-bottom: 0;
	}
	.medium-feature .layout-grid-row-data .cell {
		vertical-align: middle;
		min-height: 245px;
	}
	.medium-feature .layout-grid-row-data:nth-child(odd) .cell {
		background-color: #81b72e;
	}
	.medium-feature  .layout-grid-row-data:nth-child(even) .cell {
		background-color: #4282cf;
	}
}

/*
* ============================================================================
* Footer 
* ============================================================================
*/

@media (max-width: 767px) {
.site-footer table.sui-sf-layout-responsive,
.site-footer .sui-sf-layout-responsive thead,
.site-footer .sui-sf-layout-responsive tbody,
.site-footer .sui-sf-layout-responsive th,
.site-footer .sui-sf-layout-responsive td,
.site-footer .sui-sf-layout-responsive tr {
	display: inline-block;
}

.site-footer .sui-sf-layout-responsive td {
	position: relative;
	width: 50% !important;
	text-align: left;
	float:left;
}

.site-footer .sui-sf-layout-responsive tr:last-child td:last-child {
		text-align: center !important;
	}
}

@media (max-width: 482px) {
	.site-footer .sui-sf-layout-responsive td {
		width: 100% !important;
		text-align: center;
		float: none;
	}
} 



.above-the-footer {
	display: none;
}
.site-footer, 
.site-footer .content-wrapper {
	padding-top: 50px;
	background-color: #4282cf;
}
.site-footer .footer-nav p {
	font-weight: bold;
}
.site-footer .footer-nav p a {
	font-size: 0.75em;
	font-weight: normal;
}
.site-footer p img {
	margin: 10px;
}
/*
* ============================================================================
* System Pages 
* ============================================================================
*/

.system-page .columns-wrapper>.content-wrapper {
	padding-bottom: 15px;
}
.system-page h1 {
	font-size: 1.75em;
	font-weight: 500;
	color: #333333;
}
.system-page .medium-feature .layout-grid-row-data .related-image img {
	width: auto;	
}
.system-page .featured-content h3.related-title {
	font-family: "Open Sans", sans-serif !important;
	font-size: 1.1325em;
	font-weight: 500;
	letter-spacing: 0;
	text-align: left;
}
.system-page .featured-content a {
	color: #333333;
}
.system-page .medium-feature .layout-grid-row-data .cell {
	background-color: transparent;
	color: #ffffff;
}


/*
* ============================================================================
* Store 
* ============================================================================
*/

.side-nav ul li a:after {
	content: ">>";
	display: inline-block;
	margin-left: 4px;
}