/**
 * editor-style.css file for Theme, note uses default font and gray-pink styles
 *
 * @package     Canuck WordPress Theme
 * @copyright   Copyright (C) 2017-2018  Kevin Archibald
 * @license     http://www.gnu.org/licenses/gpl-2.0.html
 * @author      Kevin Archibald <www.kevinsspace.ca/contact/>
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@font-face {
  font-family: 'FontAwesome';
  src: url('./font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('./font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
  url('./font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
  url('./font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
  url('./font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
  url('./font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> A. General */
h1, h2, h3, h4, h5, h6, body, #page-title-wide .page-title-wrap h1 {font-family: 'Open Sans', sans-serif; }

body {
	width: 100%;
	font-size: 100%; /* all theme fonts are scaled from this size - 100% is 16px */
	font-weight: normal;
	line-height: 1.5em;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	color: #474747;
}
 
.clearfix {clear: both;}

.clearleft {clear: left;}

.clearright {clear: right;}

/* ---------------- Headers --------------------------- */

h1,h2,h3,h4,h5,h6 {
	line-height: 1.5em!important;
	padding: 0;
	margin: 10px 0 0 0;
	font-weight: 300;
}

.mce-content-body p,.mce-content-body div,
.mce-content-body h1,.mce-content-body h2,
.mce-content-body h3,.mce-content-body h4,
.mce-content-body h5,.mce-content-body h6 {
   line-height: 1.5em!important;
}

h1 {font-size: 2.75em;}

h2 {font-size: 2.25em;}

h3 {font-size: 1.75em;}

h4 {font-size: 1.5em;}

h5 {font-size: 1.25em;}

h6 {font-size: 1.125em;}

/* ---------------- basic paragraph ------------- */

p {
	font-size: 1em; 
	line-height: 1.5em;
	margin: 0;
	padding: 0.75em 0 0 0;
}

p:first-child {
	padding: 0;
	margin: 0;
}

/* ---------------- Misc HTML tags ---------------- */ 

address {
	font-size: 1em;
	font-style: italic;
}

blockquote, blockquote p {
	font-style: italic;
	margin-left: 1em;
	font-weight: 600;
	line-height: 1.5em;
	vertical-align: bottom;
}

blockquote p:before {
	font-family: FontAwesome;
	content:'\f10d';
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0;
	vertical-align: top;
	color: #7f7f7f;
}

pre {
	font-family: 
	border-radius: 10px;
	font-size: 1em;
	margin: 1em 0 0 0; 
	padding: 1em;
	overflow-x: auto;
	border: solid 5px #474747;
	color: #474747;
	background: #e3e3e3;
}

label {font-size: 1em;}

code {
	font-size: 1em;
	background: #e3e3e3;
}

q{font-style: italic;}

q:before, q:after { content:'"'; }

/* ---------------------------------- list defaults --------------- */
/* ------------- unordered ------------------- */
ul
{
	padding: 0; /* This will vary because of nesting */
	margin: 0 0 0 1.5em;
	line-height: 1.5em;
}

ul li { 
	list-style: disc;
	font-size: 1em;
	list-style-position: outside;
}

ul li li {
	list-style: circle;
	font-size: 1.0em;
	list-style-position: outside;
}

ul li li li {
	list-style: square;
	font-size: 1.0em;
	list-style-position: outside;
}

/* --- special lists --- */
ul.recent-posts li {
	list-style: none;
}

/* ------------ ordered --------------------------- */

ol{
	padding: 0;
	margin: 0 0 0 1.5em;
	line-height: 1.5em;
}

ol li {
	list-style: decimal;
	font-size: 1em;	
	list-style-position: outside;
}

ol li li {
	list-style: lower-roman;
	font-size: 1em;
	list-style-position: outside;
}

ol li li li {
	list-style: decimal;
	font-size: 1em;
	list-style-position: outside;
}

/* -------------- ordered/unordered combo lists ------ */
ol ul li {
	list-style: disc;
	list-style-position: inside;
}

ol ul ul li {
	list-style: circle;
	list-style-position: inside;
}

ul ol li {
	list-style: decimal;
	list-style-position: inside;
}

ul ol ul li {
	list-style: circle;
	list-style-position: inside;
}

ul ul ol li {
	list-style: decimal;
	list-style-position: inside;
}

/* --------------definition list ------------------- */

dt {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

dl {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

dd {
	font-size: 1em;
	margin-left: 1em;	
}

/* ----- links default ------------------------------- */

a {
	transition: .5s ease;
	color: #7f7f7f;
}

a:hover { color: #16aee5; }

a:link, a:active, a:visited, a:hover {
	text-decoration: none; 
}

/* ------------------table styles --------------------- */

table { 
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 1em;
}

thead {
	font-weight: bold;
	text-align: center;
}

th { 
	padding: 0.625em;
	border: 1px solid #474747;
	background-color: #e3e3e3;
}

tfoot {
	font-weight: bold;
	background-color: #e3e3e3;
}

tbody { text-align: left; }

tr { padding: 0.625em; }

td {
	padding: 0.625em;
	text-align: left;
}

/* ----------------------------------scroll to top ---- */
body .scrolltotop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 20px;
	padding: 8px 10px 10px 10px;
	border-radius: 3px;
	z-index: 999999;
}

body.sticky .scrolltotop {
	display: inline-block;
}

body.sticky .scrolltotop:hover { transition: .5s ease; }

/* --------------------------------- animations -*/

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes searchHeightOn {
	from { height: 0; }
	to { height: 25px; }
}

@keyframes searchHeightOff {
	from { height: 25px; }
	to { height: 0; }
}

@keyframes menuDropDown {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes menuDropOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes sidebarShowLeft {
	from { width: 0; }
	to { width: 80%; }
}

@keyframes sidebarShowRight {
	from { width: 0; }
	to { width: calc(80% - 20px); }
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> J. Post Styles */

/* ----------------------------------------------------------------------------------------
 *                               GENERAL POST STYLES
 * ---------------------------------------------------------------------------------------- */
/* ---------------- WordPress read-more ------- */

.post-content-tf .read-more-wrap
{
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	text-align: left;
}

.read-more-wrap a.read-more
{
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 5px 35px 5px 35px;
	font-size: 1em;
	position: relative;
	opacity: 0.999;
	border-radius: 3px;
	overflow: hidden;
	transition: all 0.3s;
}

.read-more-wrap a.read-more:before
{
	content: '';
	width: 100%;
	top: 0%;
	height: 0;
	opacity: 0;
	position: absolute;
	left: 0;
	z-index: -1;
	transition: all 0.3s;
}

.read-more-wrap a.read-more:hover { cursor: pointer; }

.read-more-wrap a.read-more:hover:before
{
	height: 100%;
	opacity: 1;
}

.post-content-sf .read-more-wrap
{
	width: 100%;
	float: left;
	margin: 5px 0 5px 0;
	text-align: right;
}

.post-content-sf .read-more-wrap a.read-more
{
	margin: 5px 0 0 0;
	padding: 3px 15px 3px 15px;
}

.post-content-grid .read-more-wrap
{
	width: 100%;
	float: left;
	margin: 5px 0 5px 0;
	text-align: right;
	font-size: .875em;
}

.post-content-grid .read-more-wrap a.read-more
{
	margin: 5px 0 0 0;
	padding: 3px 15px 3px 15px;
}

/* --------- post image styling ------------------------- */

img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/* image border override */
img.border {
	max-width: 98%!important;
	height: auto!important;
	border-radius: 5px!important;
	padding: 0!important;
	margin-top: 0.625em!important;
	margin-bottom: 0.625em!important;
}

/* ------- post feature images ------ */

.image-post-feature {
	width: 100%;
	float: left;
	margin: 0;
}

.wp-post-image {
	
}

/* --------- captioned images --------- */
.wp-caption {
	display: block;
	max-width: 100%;
	margin: 0.5em 0 0.5em 0;
}

/* captioned image border override */
.wp-caption.border {
	max-width: 98%!important;
	height: auto!important;
	border-radius: 5px!important;
	padding: 0!important;
	margin-top: 0.625em!important;
	margin-bottom: 0.625em!important;
}

.wp-caption img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

.post-content .wp-caption p {
	margin: 0;
	padding: 0;
}

.wp-caption-text {
	text-align: center;
	margin: 0;
	padding: 0.25em;
	font-size: 1em;
	font-style: italic;
}

/* ---- WordPress alignment classes ---- */
.alignleft,.wp-caption.alignleft {
	float: left;
	margin: 0.5em 1em 0 0;
	padding: 0;
}

.alignright,.wp-caption.alignright {
	float: right;
	margin: 0.5em 0 0 1em;
	padding: 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone {
	margin-right: 1em;
}

img.wp-smiley {
	padding: 0px;
	margin: 0px;
	border: none;
	float: none;
}