/*General/site-wide fixes*/

	/*Push the nav bar over a bit on non-mobile screens.*/
	@media only screen and (min-width: 40.0625em) {
	    .ccm-page .top-bar-section ul.left {
	        margin-left: 4.25%;
	    }
	}

	/*Fix the mobile dropdown navs being indented*/
	.ccm-page .top-bar-section ul,
	.ccm-page .top-bar-section ul li ul,
	.ccm-page .top-bar-section ul.dropdown .back,
	.ccm-page .top-bar-section ul.dropdown .parent-link{
	    margin-left: 0px;
	}

	/*Indent child dropdown links, but only on mobile.*/
	@media only screen and (max-width: 47.75em) {
	    .ccm-page .top-bar-section ul.dropdown li {
	         margin-left: 1.25rem;
	    }
	}

	/*Fix modals having a bunch of empty padding at the top*/
	div.c5h-modal-stack.ccm-page {
	    padding-top: 0px !important;
	}

	/*Fix Topic Lists having too much of a bottom margin*/
	.ccm-page ul.ccm-block-topic-list-list {
		margin-bottom: 0px;
	}

	/*Fix the built-in Google Font css file not affecting :focus and :hover links.*/
	.ccm-page a:focus,
	.ccm-page a:hover ,
	.ccm-page h1 a:focus,
	.ccm-page h1 a:hover,
	.ccm-page h2 a:focus,
	.ccm-page h2 a:hover,
	.ccm-page h3 a:focus,
	.ccm-page h3 a:hover,
	.ccm-page h4 a:focus,
	.ccm-page h4 a:hover,
	.ccm-page h5 a:focus,
	.ccm-page h5 a:hover,
	.ccm-page h6 a:focus,
	.ccm-page h6 a:hover {
		font-family: inherit;
		font-weight: inherit;
	}

	/*Fix the built-in Google Font css file not affecting h1, etc. a links.*/
	.ccm-page h1 a,
	.ccm-page h2 a,
	.ccm-page h3 a,
	.ccm-page h4 a,
	.ccm-page h5 a,
	.ccm-page h6 a {
		font-family: inherit;
		font-weight: inherit;
	}
	
	/*Fix the built-in Google Font css file not affecting h1, etc. a links in the content area specifically.*/
	.ccm-page .main-wrap h1 a,
	.ccm-page .main-wrap h2 a,
	.ccm-page .main-wrap h3 a,
	.ccm-page .main-wrap h4 a,
	.ccm-page .main-wrap h5 a,
	.ccm-page .main-wrap h6 a,
	.ccm-page .main-wrap h1 a:focus,
	.ccm-page .main-wrap h1 a:hover,
	.ccm-page .main-wrap h2 a:focus,
	.ccm-page .main-wrap h2 a:hover,
	.ccm-page .main-wrap h3 a:focus,
	.ccm-page .main-wrap h3 a:hover,
	.ccm-page .main-wrap h4 a:focus,
	.ccm-page .main-wrap h4 a:hover,
	.ccm-page .main-wrap h5 a:focus,
	.ccm-page .main-wrap h5 a:hover,
	.ccm-page .main-wrap h6 a:focus,
	.ccm-page .main-wrap h6 a:hover	{
		font-family: inherit;
		font-weight: inherit;
	}

	/*Tighten up the page meta header margins*/
	.ccm-page .c5h-page-meta-wrap h1 {
		margin-bottom: 0px;
	}
	.ccm-page .c5h-page-meta-wrap h4 {
		margin-top: 0px;
	}

	/*Create a custom horizontal rule (hr) class to shrink the padding around them a bit.*/
	.small-hr hr {
		margin: 0.75rem 0px;
	}

	/*Adjust the styling for embedded code blocks.*/
	.ccm-page pre code {
		border-width: 0px;
		padding: 0px;
	}
	/*Style the language header*/
	.ccm-page div.prism-show-language > div.prism-show-language-label {
		background-color: #008CBA;
		color: #FFFFFF;
		border-radius: 0.3em 0.3em 0px 0px;
		left: 0;
		padding: 5px 0;
		position: absolute;
		text-indent: 15px;
		top: 0;
		width: 100%;
	}
	/*Add a bit of padding below code blocks*/
	.ccm-page pre[class*="language-"] {
	    margin-bottom: 0.75em;
	}
	/*Make sure that the language header doesn't overlap the code*/
	.ccm-page .prism-show-language {
		padding-bottom: 20px;
		font-size: 1.15rem;
		font-weight: 600;
	}

	/*Make the prev/next buttons a bit larger and easier to click*/
	/*.ccm-page .owl-theme .owl-controls .owl-buttons div {
		border-top: solid 5px #008cba;
		border-right: solid 5px #008cba;
		width: 30px;
		height: 30px;
		margin-top: -30px;
	}*/

	/*Add a secondary border to try and keep the arrows mostly visible in case the background is close to the same color*/
	/*.ccm-page .owl-theme .owl-controls .owl-buttons div:before {
	  content: " ";
	  position: absolute;
	  z-index: -1;
	  top: -5px;
	  left: 0px;
	  right: -5px;
	  bottom: 0px;
	  border-top: solid 1px rgba(0, 0, 0, 0.5);
	  border-right: solid 1px rgba(0, 0, 0, 0.5);
	}*/

	/*Center masonry thumbnails*/
	.c5h-page-list-masonry-thumbnail {
	    text-align: center !important;
	}

	/*Create a class to add negative margins to a container to counteract the Foundation column padding*/
	.remove-column-padding {
		margin-left: -15px;
		margin-right: -15px;
	}

	/*Add some image hover effects*/
	/* Opacity #1 */
	a img {
		opacity: 1;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	a img:hover {
		opacity: .85;
	}

	/*Add a box shadow to buttons*/
	.button {
	   box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
	}

	ul.whale-social-links-list li a {
	   box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset !important;
	   transition: all 0.2s ease 0s !important;
	   text-shadow: none;
	}

	ul.whale-social-links-list li a:hover {
	    text-shadow: 0px 5px 0px rgba(15, 15, 15, .65) !important;
	}
/*General/site-wide fixes end*/

/*Do some styling for our blog posts*/

	/*Remove some of margin padding in the header area*/
	.page-type-blog-entry .header p {
		margin-bottom: 0.5rem;
	}

	/*Fix the Share-area icon bar*/
	.page-type-blog-entry .c5h-block-share-this-page .icon-bar {
		width: 65%;
		background: rgba(255, 255, 255, 0.0) none repeat scroll 0% 0%;
		border: 1px solid;
		border-color: rgba(51, 51, 51, 0.1);
	}
	.page-type-blog-entry .c5h-block-share-this-page .icon-bar .item {
		padding: 0.25rem;
	}
	.page-type-blog-entry .c5h-block-share-this-page .icon-bar i {
		font-size: 1.25rem !important;
		color: inherit;
	}
	/*On small screen, we need to resize the icon bar a bit to make it fit better.*/
	@media only screen and (max-width: 47.75em) {
		.page-type-blog-entry .c5h-block-share-this-page .icon-bar i {
			font-size: 1.1rem !important;
		}
		.page-type-blog-entry .c5h-block-share-this-page .icon-bar {
			width: 100%;
		}
	}
	/*Remove the padding around our header columns (i.e. our date and share bar)*/
	.page-type-blog-entry .header .columns {
		padding: 0px;
	}

	/*Style the after-post metadata area a bit*/
	.page-type-blog-entry .bottom-Post-Metadata {
		font-size: 75%;
		padding: 0.25rem 0.5rem;
	}

	/*Make our meta's panel a bit transparent, so it's less in-your-face*/
	.page-type-blog-entry .bottom-Post-Metadata.panel{
		background: rgba(242, 242, 242, 0.5) none repeat scroll 0% 0%;
	}

	/*Shrink the text and padding of our meta's tag labels a bit*/
	.page-type-blog-entry .bottom-Post-Metadata .label {
		font-size: 85%;
		padding: 0.15rem 0.35rem;
	}

	/*Remove some of the margin padding in the bottom metadata/navigation area*/
	.page-type-blog-entry .bottom-Metadata-Wrapper .bottom-Post-Metadata .panel {
		margin-bottom: 0.5rem;
	}
	.page-type-blog-entry .bottom-Metadata-Wrapper .c5h-block-previous-wrapper p,
	.page-type-blog-entry .bottom-Metadata-Wrapper .c5h-block-next-wrapper p {
		margin-bottom: 0px;
	}
	.page-type-blog-entry .bottom-Metadata-Wrapper .bottom-Post-Navigation .columns {
		padding-left: 5px;
		padding-right: 5px;
	}

/*Blog post styling end*/

/*Footer styling*/
	.c5h-footer-bottom-wrap small {
		font-size: 80%;
	}
/*Footer styling end*/