/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*
This is to remove the Donate button
*/
.intro a.donate {
	display: none;
}

/*
This is to show the captions of the Soliloquy slider inside the pictures
*/
.soliloquy-container .soliloquy-caption {
	position: absolute !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 100 !important;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	display: table !important;
	width: 100% !important;
	height: 100% !important;
	text-align: center !important;
	padding: 20px 0 35px !important;
	background-color: transparent !important;
}

.soliloquy-container .soliloquy-caption-inside .soliloquy-caption-wrap {
	display: table-cell !important;
	vertical-align: bottom !important;
}

.soliloquy-container .soliloquy-caption h1 {
	color: #fff !important;
	font-size: 26px !important;
	margin: 0 0 50px !important;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8) !important;
	line-height: 1.25em !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.soliloquy-container .soliloquy-caption a.soliloquy-button {
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background-color: #ff3700 !important;
	border: 3px solid #fff !important;
	padding: 15px 20px !important;
	font-size: 14px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.soliloquy-container .soliloquy-caption {
		bottom: 13px !important;
	}
}

@media (max-width: 600px) {
	/** Hide the caption and control nav for small devices since they can swipe slides */
	.soliloquy-container .soliloquy-control-nav,
																																																																							        .soliloquy-container .soliloquy-caption {
		display: none !important;
	}
}

/*
This is to change the dark blue color of the theme
*/
#footerblock {
	background: #314558;
}

#footermenublock {
	background: #202d39;
}

#title {
	background: #314558;
}

.sidebarinner {
	background: #3e566d;
}

.contact-form {
	background: #314558;
}

/*
This is to change the height of the blue banner under the Soliloquy slider
*/
.homejoinnow.introblock {
	padding: 20px 0 1px;
}

/*
This is to force the alignment of pictures to the left side in all widgets
*/
.widget img {
	float: left;
}

/*
This is to change the size of the caption box on top of the Soliloquy slider (metro theme only)
*/
.home_widget .soliloquy-container.soliloquy-theme-metro .soliloquy-caption {
	max-height: 135px !important;
}

/*
This is to have the copyrights in white
*/
p.copyright {
	color: white;
}

/*
This is to set the background of the menu header the same as the home-intro-block
*/
#title {
	background-image: url("https://www.year-network.com/wp-content/uploads/2016/09/joinnowbg1.jpg");
	background-repeat: no-repeat;
	background-position: left;
}

/*
This is to change the color of the menu button on the mobile version
*/
.menu-toggle {
	background-color: #395269;
}

/*
This is to change the background color of the events slider
*/
.blog-post-date.clearfix {
	background-color: #314558;
}

#secondary-slider ul.slides h3 {
	background-color: #314558;
}

/*
This is to change the background colors of the 2 buttons in the top banner
*/
#calltoaction .water:hover {
	color: #5a7e9f;
}

#calltoaction .water {
	background-color: #314558;
}

/*
This is to change the padding and color of the border around the pix in events and similar articles underneath
*/
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	padding: 0;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
	background-color: #314558;
	padding: 1px;
}

/*
This is to change the color of the date box in news
*/
.newsarticles p.meta {
	background-color: #314558;
}

/*
This is to change the color of the title box in About Us page
*/
.team h3 {
	background-color: #314558;
}

/*
This is to change the color of the small shortcut for next and previous pages
*/
.nav-previous a {
	background-color: #314558;
}

.nav-next a {
	background-color: #314558;
}

/*
This is to change the h4 style for the posts
*/
.post h4 {
	border-top: 1px solid #dbe4eb;
	border-bottom: 1px solid #dbe4eb;
	padding: 5px 0;
	font-style: italic;
	color: #40576d;
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 0 0 15px;
	font-weight: normal;
}

.post h4 a {
	font-style: italic;
	color: #F14332;
	font-size: inherit;
}

.post h4.info {
	float: right;
	margin-right: -10px;
}