/*
Theme Name: Down Sindrome Centre Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: down-sindrome-centre-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Down Sindrome Centre Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
@media (min-width: 992px) {
	body .page-content, body .post-excerpt {
		font-size: 1.3em;
	}
}

.text-center {
	text-align: center;
}

.truncate {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.faces-21.donate-button {
	background: rgba(197, 0, 75, 1);
	box-shadow: 3px 3px 10px #777;
	border: #ffdead;
	padding: 10px 20px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin: 10px 0;
	display: inline-block;
}

.faces-21.donate-button:hover {
	color: white;
}


body {
	background: #71cded;
}

h3, h5 {
	color: white;
}

h4 {
	color: white;
}

.page-content h3, .page-content h5, .page-content h4 {
	color: #000000;
}
.post-excerpt h3, .post-excerpt h5, .post-excerpt h4 {
	color: #000000;
}
.white-bg {
	background-color: white;
}

.red-bg, .red-bg:hover {
	color: white!important;
	background-color: #cd0042!important;
}

@media (min-width: 769px) and (max-width: 992px) {
	li.donate-button-red.hidden-xs {
		position: relative;
		z-index: 999;
		float: right;
		margin-top: -100px;
		margin-left: 0;
	}
}

.darker-blue-bg {
	background: #000a75;
}

.mid-blue-bg {
	background: #0096C6;
}

.green-bg {
	background: #639e2c;
}

.light-red-bg {
	background: #cd0042;
}

.light-blue-bg {
	background: #71cded;
}

.dark-blue-bg {
	background: #0c6dbf;
}

.grey-bg {
	background: #f3f3f3;
}

.logo {
	display: block;
	height: auto;
	padding-bottom: 100%;
	width: 100%;
	background-size: 100%;
	background-image: url('../down-sindrome-centre-theme/images/dsc_logo.png');
	background-repeat: no-repeat;
	text-indent: -999999px;
}

.donation-bttn {
	float: right !important;
	background-color: #c5004b!important;
	color: white;
	border-radius: 0;
	margin-left: 0!important;
}

.donation-bttn:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 68px solid transparent;
	border-right: 68px solid transparent;
	border-bottom: 25px solid #c5004b;
	position: absolute;
	top: -25px;
	left: 0;
}

.search-container {
	margin-top: 20px;
}

.nav-bg-holder {
	margin-top: -50px;
}

.main-menu .nav-pills li:nth-child(1) {
	background: #000a75;
}

.main-menu .nav-pills li:nth-child(2) {
	background: #0096C6;
}

.main-menu .nav-pills li:nth-child(3) {
	background: #639e2c;
}

.main-menu .nav-pills li:nth-child(4) {
	background: #cd0042;
}

.main-menu .nav-pills li:nth-child(5) {
	background: #71cded;
}

.main-menu .nav-pills li:nth-child(6) {
	background: #0c6dbf;
}

.main-menu .nav-pills li:nth-child(7) {
	background: #000a75;
}

.main-menu {
	margin-top: 180px;
}

.no-lateral-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-left-padding {
	padding-left: 0;
}

.no-right-padding {
	padding-right: 0;
}

.nav-pills li {
	border-radius: 0px;
	text-align: center;
}

.nav>li>a {
	color: white;
}

.nav>li>a:focus, .nav>li>a:hover {
	background: transparent;
}

.content {
	margin-top: 10px;
	padding: 30px 0;
}

.home-card {
	padding: 80px 20px 0 20px;
	height: 240px;
}

.services-card {
	padding: 20px 20px 0 20px;
	height: 240px;
}

.services-card p {
	margin: 0 0 2px 0;
}

.services-card a {
	color: white;
}

.home-card:hover, .services-card:hover {
	background-image: url('../down-sindrome-centre-theme/images/stars.png');
	background-repeat: no-repeat;
	background-position: 96% 97%;
	background-size: 30%;
	cursor: pointer;
}

.footer {
	margin-top: 10px;
	padding: 10px 0;
}

.footer-menu .nav>li>a, .disclaimer {
	color: #888;
	font-size: 0.8em;
}

.disclaimer {
	text-align: right;
}

.btn-group-vertical {
	width: 100%;
}

.sidebar button {
	text-align: left;
	font-size: 1em;
	border: none;
	margin-bottom: 10px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

img {
	max-width: 100%;
	height: auto!important;
}

img.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
	max-width: 100%;
}


img.aligncenter {
	margin: auto;
	display: block;
	max-width: 100%;
}

img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
	max-width: 100%;
}

.sidebar a, .sidebar a:hover {
	text-decoration: none;
}

.sidebar a:nth-child(6n+1) button {
	background-color: #71cded;
	color: white;
}

.sidebar a:nth-child(6n+2) button {
	background-color: #000a75;
	color: white;
}

.sidebar a:nth-child(6n+3) button {
	background-color: #0c6dbf;
	color: white;
}

.sidebar a:nth-child(6n+4) button {
	background-color: #639e2c;
	color: white;
}

.sidebar a:nth-child(6n+5) button {
	background-color: #0096c6;
	color: white;
}

.sidebar a:nth-child(6n+6) button {
	background-color: #cd0042;
	color: white;
}

.sidebar .glyphicon {
	margin-right: 10px;
}


.page-content {
	min-height: 600px;
}
.page-content h1 {
	font-size: 1.6em;
	color: #e2821e;
	padding-bottom: 20px;
	border-bottom: 1px solid #00528c;
}

.post-excerpt h1 {
	font-size: 36px;
	color: #333;
	padding-bottom: 0;
	border-bottom: none;
}

.recent-news h1 {
	text-align: left;
	font-size: 1.2em;
	color: #e2821e;
	padding: 0 0;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.recent-news-wrapper, .contact-wrapper {
	padding: 5px 30px;
}

.contact-details {
	margin-top: 20px;
	text-align: right;
}

.contact-details h4 {
	font-size: 18px;
	font-weight: bold;
	color: #0b569b;
}

.carousel-control {
	width: 5%;
}

.carousel h5 {
	position: absolute;
	top: 15px;
	left: 35px;
	font-size: 1.6em;
	width: 205px;
	text-align: left;
}

.carousel p {
	position: absolute;
	top: 40%;
	left: 35px;
	color: white;
	width: 195px;
}

.carousel .slide-link {
	position: absolute;
	bottom: 15px;
	left: 25px;
	color: white;
	cursor: pointer;
}

.carousel .slide-link:hover {
	color: #f5ac27;
	text-decoration: none;
}

.card-links a:hover {
	text-decoration: none;
}

.video-holder {
	padding-top: 38px;
	padding-bottom: 38px;
}

.navbar-default .navbar-nav>li>a.red-bg {
	color: white;
}

.nav {
	margin-top: -9px;
}

.mobile-menu {
	margin-top: -50px;
}

.logo-container {
	z-index: 998;
}

.navbar-default {
	background-color: white;
}

.post-thumbnail {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.read-more {
	position: absolute;
	right: 15px;
	bottom: 0;
	font-size: 0.8em;
}

.error {
	text-align: center;
}

.error h1 {
	border: none;
}

.gallery img[data-mce-selected]:focus {
	outline: none;
}

.gallery a {
	cursor: default;
}

.gallery {
	margin: auto -6px;
	padding: 6px 0;
	line-height: 1;
	overflow-x: hidden;
}

.ie7 .gallery,
.ie8 .gallery {
	margin: auto;
}

.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .gallery .gallery-item,
.ie8 .gallery .gallery-item {
	padding: 6px 0;
}

.gallery .gallery-caption,
.gallery .gallery-icon {
	margin: 0;
}

.gallery .gallery-caption {
	font-size: 13px;
	margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.333%;
}

.ie8 .gallery-columns-3 .gallery-item,
.ie7 .gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.665%;
}

.gallery-columns-7 .gallery-item {
	width: 14.285%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.111%;
}

.gallery img {
	max-width: 100%;
	height: auto;
	border: none;
	padding: 0;
}

#lightbox-container-image img {
	width: 100%;
	max-width: 800px;
}

.pagination-wrapper {
	text-align: center;
	padding-top: 30px;
}

@media (max-width: 1200px) {
	.nav {
		margin-top: 0;
	}
}

@media (max-width: 992px) {
	.logo {
		width: 20%;
		padding-bottom: 20%;
	}
}

@media (max-width: 768px) {
	.logo {
		margin: 0 auto;
		width: 144px;
		height: 164px;
	}
	.mobile-menu {
		margin-top: 20px;
	}
	.navbar {
		margin-bottom: 0;
	}
	.navbar-toggle {
		float: left;
		margin-left: 15px;
	}
	.content, .nav-bg-holder {
		margin-top: 0;
	}
	.content iframe {
		max-width: 100%;
	}
	.mobile-donation {
		color: white;
		float: right;
		margin: 8px 15px;
	}
	.post-thumbnail {
		width: 100%;
	}
	.post-thumbnail img {
		width: 100%;
		height: auto;
	}
	.contact-details {
		text-align: left;
	}
}