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

 	Theme Name: Swell Child (The Proficiologist)
	Theme URI: http://www.swelltheme.com
	Description: A child theme of Swell Lite, modified spcifically to fit the layout of the blog The Proficiologist.
	Author: Organic Themes
	Author URI: http://organicthemes.com
	Template: swell-lite
	Version: 1.1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: swell-lite, proficiology
	Text Domain: swell-profi
	
********************************************************************************************************************/


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

body {
	background-size: 100% auto;
	color: #000000;
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
}
	
hr {
	height: 2px;
	color: #181d3a;
	background-color: #181d3a;
	margin: 0px 0px 8px 0px;
}
	
blockquote {
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
}

p {
	margin: 24px 0px;
}
ol {
    list-style-type: decimal;
}
ol li {
    list-style: inherit;
    list-style-type: inherit;
    margin: 0px 12px 0px 32px;
}
ul {
    list-style-type: square;
}
ul li {
    list-style: inherit;
    list-style-type: inherit;
    margin: 0px 12px 0px 32px;
}

code, pre, .wp-block-code, .wp-block-preformatted {
	font-family: 'Courier New', 'Monospace';
    color: inherit;
	line-height: 1.2;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	background: inherit;
	border: none;
	box-shadow: none;
	border-radius: inherit;
	white-space: pre-wrap;
}
.wp-block-code, .wp-block-preformatted {
    color: #666666;
	margin: 24px;
	padding: 12px;
    background: #e3e3f5;
    border: 2px solid black;
	border: 2px solid rgba(0, 0, 0, 0.24);
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
.wp-block-code {
    font-size: 1em;
}
code {
	display: inline;
}
pre {
	display: block;
}
pre code {
	display: block;
}


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


/************************************************
*	2.	Headings  								*
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #000000;
	}

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: #007f72;
	}

.headline.archive-headline {
	color: #d3d3e5;
	}

.title {
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
	text-transform: none;
	}


/************************************************
*	3.	Header  								*
************************************************/

#logo {
	max-width: 100%;
	}

#logo a {
	padding: 0px;
	}
	
#logo img {
	max-height: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


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

#navigation {
	background-color: #181d3a;
	font-size: 1.2em;
	}

#nav-top {
	font-size: 1.2em;
	}
	
#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	color: #d3d3e5;
	}
#navigation .menu .current_page_item a:hover,
#navigation .menu .current_page_ancestor a:hover,
#navigation .menu .current-menu-item a:hover,
#navigation .menu .current-cat a:hover {
	color: #a8a8c8;
	}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	color: #a8a8c8;
	}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	color: #d3d3e5;
	}
#navigation .menu li.current-menu-ancestor a,
#navigation .menu li.current_page_ancestor a,
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	color: #a8a8c8;
	}
	
.menu a {
	color: #d3d3e5;
	font-weight: bold;
	}
	
.menu a:focus, 
.menu a:hover,
.menu a:active {
	color: #a8a8c8;
	}

.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: #d3d3e5;
	} 

.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: #a8a8c8;
	outline: 0;
	}
	
.menu li.sfHover:hover a {
	color: #a8a8c8;
	}
	
	
/************************************************
*	5. Content	 					     	    * 
************************************************/

.content {
	max-width: none;
	}

.article p {
	text-align: justify;
	}
	
.post-holder,
.page-holder,
.blog-holder, 
.archive-holder {
	background: #d3d3e5;
	}

.article h1:first-child + p,
.article > p:first-child,	
.article span + p {
	color: #000000;
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
	font-weight: normal;
	font-size: 1.0em;
	}

.post-author {
		font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
	}
	
.easy-footnote-single {
	list-style-position: outside;
	text-align: justify;
	}
	
	
/************************************************
*	6. Page Templates  							*
************************************************/

		
/************************************************
*	7. Social Media   							*
************************************************/

.social-icons li a[href*="spotify.com"]::before			{ content: '\f1bc'; }
.social-icons li a[href*="amazon.com"]::before			{ content: '\f270'; }
.social-icons li a[href*="flickr.com"]::before			{ content: '\f16e'; }
.social-icons li a[href*="vimeo.com"]::before			{ content: '\f27d'; }


/************************************************
*	8.	Pagination 	  		      		     	* 
************************************************/

.previous-post {
	font-size: 1.2em;
	}
	
.next-post {
	font-size: 1.2em;
	}
	
	
/************************************************
*	9.	Images  				     		    * 
************************************************/
.page-banner {
	z-index: 2;
}

.page-banner:after {
  content: "";
  position: absolute;
  width: 100%; 
  height: 100%;
  top: 0; 
  left: 0;
  background: rgba(0,0,0,0.3);
  opacity: 1;
  z-index: 3;
}

.page-banner > * {
	z-index: 4;
}
	
/************************************************
*	10.	WordPress Gallery					    *
************************************************/


/************************************************
*	11.	Sidebar 	        		    	    * 
************************************************/


/************************************************
*	12.	Widgets									*
************************************************/
	
.widget {
	margin-bottom: 36px;
	}
.widget h6, .widget {
	color: #d3d3e5;
	}
.widget a {
	color: #a8a8c8;
	}
.widget td a{
	color: #007f72;
	}
	
.entry p, .textwidget {
	font-size:0.9em;
	}
	
		
/************************************************
*	13.	RSS Widget								*
************************************************/


/************************************************
*	14.	Calendar Widget							*
************************************************/

	
/************************************************
*	15.	Custom Menu Widget						*
************************************************/

.widget ul.menu .current_page_item a, 
.widget ul.menu .current-menu-item a {
	color: #d3d3e5;
	}

.widget ul.menu li a {
	color: #d3d3e5;
	}
	
.widget ul.menu li a:hover {
	color: #a8a8c8;
	}
	
.widget ul.menu li {
	color: #d3d3e5;
	}
	
		
/************************************************
*	16.	Search Form								*
************************************************/


/************************************************
*	17.	Footer  								*
************************************************/

.footer-information {
	background: #181d3a;
	}
	
.footer-information a {
	color: rgba(255, 255, 255, .6);
	}
	
	
/************************************************
*	18.	Comments								*
************************************************/
#comments {
	background: #d3d3e5;
}

#comment {
	background: #e3e3f5;
	margin: 16px 0px;
	border: 2px solid rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .4);
}

.comment-form-author, .comment-form-email, .comment-form-url {
display: none;
}
#commentform .comment-notes {
display: none;
}
	
/************************************************
*	19.	Buttons  								*
************************************************/

a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, .es_txt_button, .es_textbox_button, input[type="submit"],
#comments #respond input#submit, .container .gform_wrapper input.button, #wrapper #infinite-handle span {
	display: inline-block;
	position: relative;
	background-color: #283976;
	color: #d3d3e5 !important;
	font-family: 'Raleway';
	font-size: 0.75em;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 12px 0px;
	padding: 12px 24px;
	border-radius: 3px;
	border: none;
	-webkit-appearance: none;
	}
	
.es_button input {
	width: auto;
	margin: 0px 0px;
	}
	
.es_lablebox {
	color: #d3d3e5 !important;
	font-family: 'Raleway';
	font-size: 0.75em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
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,
.es_txt_button:hover, .es_textbox_button:hover, input[type=submit]:hover {
	background-color: #394a87;
	text-decoration: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
	box-shadow: none;
	cursor: pointer;
	}
.article .more-link {
	margin: 24px 0px 0px 0px;
	}
	
		
/************************************************
*	20. Tables		 							*
************************************************/
.widget table thead th, .widget table tbody td {
    border: 1px solid #8888aa;
}

#wp-calendar #today {
    color: unset;
}
	
/************************************************
*	21. Forms									*
************************************************/

.container form textarea {
	font-family: 'Crimson Text', 'Times New Roman', 'Palatino Linotype';
	}
	
select {
	font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
}

.widget select, .widget form input[type="text"], .widget form input[type="email"] {
    background-color: #d3d3e5;
}

	
/************************************************
*	22.	CSS3 Styles								*
************************************************/

.es_button input {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
	
	
/************************************************
*	23.	Jetpack	 					     	    * 
************************************************/

#infinite-footer .container {
	background-attachment: fixed;
	}
	
		
/************************************************
*	24.	WordPress Core	 			     	    *
************************************************/