/******************************************************************************************************************* 

	Theme Name: Swell Lite Child
	Theme URI: http://www.swelltheme.com
	Description: A beautifully minimal and responsive blogging theme. Swell Lite features a full width custom header image with parallax, and the option to add a logo within the customizer. The clean design is perfect for professional blogs and sites. The images and scripts are lightweight for fast load times, and the code is well commented for easy editing. A live demo can be viewed here, http://swelltheme.com/demo-free/. The theme was designed and developed by David Morgan of Organic Themes.
	Author: Organic Themes
	Author URI: http://organicthemes.com
	Template: swell-lite
	Version: 1.0.10
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: light, gray, white, green, silver, one-column, two-columns, right-sidebar, responsive-layout, fluid-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, translation-ready, sticky-post, threaded-comments, editor-style, theme-options, photoblogging
	Text Domain: swell-lite-child

********************************************************************************************************************

	Table of Contents:

	 0.	Global
	 1.	Hyperlinks		
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Content
	 6. Social Media
	 7. Pagination
	 8.	Images
	 9.	Wordpress Gallery
	10.	Sidebar
	11.	Widgets
	12.	RSS Widget
	13.	Calendar Widget
	14.	Custom Menu Widget
	15.	Search Form
	16.	Footer
	17.	Comments
	18.	Buttons
	19. Tables
	20. Forms
	21. CSS3 Styles
	22. Jetpack
	  
*******************************************************************************************************************/


body {
	background-color: #f2f3f4;
	color: black;
	color: rgba(0, 0, 0, .7);
	font-size: 1.1em;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	/*text-rendering: optimizeLegibility;*/
	}

/************************************************
*	0.	Global									*
************************************************/

blockquote {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}

/************************************************
*	1.	Hyperlinks								*
************************************************/

a img {
	border: none;
	}
a, a:link, a:visited {
	color: black;
	text-decoration: underline;
	}
a:focus, a:hover, a:active {
	color: #999;
	text-decoration: underline;
	}
	
/************************************************
*	2.	Headings  								*
************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #999;
	text-decoration: none;
	border: none;
	}
.headline {
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 0.2px;
	}
.headline.small {
	font-size: 1.3em;
	}
/************************************************
*	3.	Header  								*
************************************************/

#custom-header {
	background: none;
	}
#header { margin-bottom: 30px;}
#logo.vertical-center {
	top: 50px;
	transform: translateY(-50%);
	}
#logo a {
	display: block;
	padding: 48px;
	}

/************************************************
*	4.	Navigation 								*
************************************************/

#navigation {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}
#nav-top {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}

/************************************************
*	5. Content	 					     	    * 
************************************************/

.article h1:first-child + p,
.article > p:first-child,
.article span + p {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}
.post-author {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
.post-date p:nth-child(1) {
	display: none; /* hack to remove comments link that is appearing in spite of global and post settings disabling comments*/
	}
#blog-title { background: url('https://blog.credo.com/wp-content/uploads/2016/12/2016_12_Blog_Title_800x50.png') no-repeat #103335
center center; color: white; min-height: 58px; }

/************************************************
*	6. Social Media   							*
************************************************/

.social-icons li a {
	display: block;
	background: #333333;
	background: rgba(0, 0, 0, .2);
	color: #666666;
	color: rgba(255, 255, 255, .4);
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	min-width: 32px;
	margin: 4px;
	padding: 0px;
	border-radius: 16px;
	}
.social-icons li a:hover {
	background: #444444;
	background: rgba(0, 0, 0, .4);
	color: #ffffff;
	}
	
/************************************************
*	7.	Pagination 	  		      		     	* 
************************************************/

.pagination {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}

/************************************************
*	8.	Images  				     		    * 
************************************************/

	
/************************************************
*	9.	WordPress Gallery					    *
************************************************/


/************************************************
*	10.	Sidebar 	        		    	    * 
************************************************/


/************************************************
*	11.	Widgets									*
************************************************/

.widget li {
	border-top: 0px solid rgba(0,0,0, 0.08);
	}
.widget li:last-child {
	border-bottom: 0px solid rgba(0,0,0, 0.08);
	}

	
/************************************************
*	12.	RSS Widget								*
************************************************/


/************************************************
*	13.	Calendar Widget							*
************************************************/

	
/************************************************
*	14.	Custom Menu Widget						*
************************************************/

	
/************************************************
*	15.	Search Form								*
************************************************/

#searchform .search-field,
#searchform #s {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.7);
	width: -moz-calc(70% - 10px);
	width: -webkit-calc(70% - 10px);
	width: calc(70% - 10px);
	}
#searchsubmit {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}

#searchsubmit {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	float: right;
	color: white !important;
	font-weight: normal;
	color: rgba(0, 0, 0, 1);
	width: -moz-calc(30% - 10px);
	width: -webkit-calc(30% - 10px);
	width: calc(25% - 10px);
	height: 36px;
	margin-left: 10%;
	padding: 8px !important;
	margin: 24px 0 0 20px;
	transition: none; 
	}

/************************************************
*	16.	Footer  								*
************************************************/

.footer-information {
	background: #65859b;
	padding: 25px 0px;
	overflow: hidden;
	font-size: 15px;
	color: rgba(255,255,255,0.7);
	}
.footer-information a { color: rgba(255,255,255,0.7); }

/*.footer-information .content .align-left p:nth-child(2) { display: none;}*/

/************************************************
*	17.	Comments								*
************************************************/

	
/************************************************
*	18.	Buttons  								*
************************************************/

a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, 
#comments #respond input#submit, .container .gform_wrapper input.button, #wrapper #infinite-handle span {
	display: inline-block;
	position: relative;
	background-color: #ff6319;
	color: rgba(255, 255, 255, 1);
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 12px 0px;
	padding: 8px !important;
	border-radius: 2px;
	border: none;
	text-decoration: none !important;
	-webkit-appearance: none;
	}
a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover, #wrapper #infinite-handle span:hover {
	background-color: #C44E27;
	color: #FFFFFF !important;
	text-decoration: none;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, .15);
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, .2);
	cursor: pointer;
	border-width: 0;
	text-decoration: none;
	transition: none;
	}
.article .more-link {
	margin: 24px 0px 0px 0px;
	}
	
	
/************************************************
*	19. Tables		 							*
************************************************/

table {
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	}
	
/************************************************
*	20. Forms									*
************************************************/
	
/* General Form Styles */

	
/************************************************
*	21.	CSS3 Styles								*
************************************************/

a, a:link {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
#submit, #searchsubmit {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
.shadow {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	}

/************************************************
*	22.	Jetpack	 					     	    * 
************************************************/

/************************************************
*	23.	from sharing plugin sharing.css file	 					     	    * 
************************************************/

.sd-social-icon .sd-content ul li.share-print a.sd-button
{
	background: rgba(0, 0, 0, 0.6) !important;
	color: white !important;
}
.sd-social-icon .sd-content ul li.share-email a.sd-button
{
	background: rgba(101, 133, 155, 1) !important;
	 color: white !important;
}
.sd-social-icon .sd-content ul li a.sd-button, .sd-social-text .sd-content ul li a.sd-button, .sd-content ul li a.sd-button, .sd-content ul li .option a.share-ustom, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-content ul li.advanced a.share-more, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content > ul > li > a.sd-button, #sharing_email .sharing_send, .sd-social-official .sd-content > ul > li .digg_button > a
{
}
