/*
Theme Name:   Portfolio Lite Child Theme
description:  A child theme of the Portfolio Lite theme
Author:       Gail Middleton
Template:     portfolio-lite
Version:      1.0.5
*/

*, *::before, *::after {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	color: #909294;
	padding: 0;
	margin: 0;
	font-family: 'Raleway',sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	position: relative;
	cursor: default;
	background-color: #f3f3f3;
}

#header.side-header {
	height: 105vh;
	overflow-y: scroll;
	top: 0;
	position: fixed;
	width: 16.66667%;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	padding-top: 0;
	float: left;
	animation-name: bounceInLeft;
	animation-fill-mode: both;
	animation-duration: 1s;
	margin:0;
	padding:0 15px;
	font-size: 1rem;
	line-height: 1.6;
	text-align: left;	
}
.site-logo{
		padding: 0;
		border-radius: 3px;
	width: 100%;
	display: block;	
}
#header.side-header p {
	margin-bottom: 1.25em;
	margin-top: 0;
	line-height: 1.6;
}
#header.side-header a{		
	color: #909294;
	font-size: 1rem;
	padding-left: .5rem !important;
}
#header.side-header a:hover,#header.side-header  a:focus {
	color: #8FC6D3;
	border-right: 0;
}
line {
	margin: 30px 0px;
	border-bottom: 1px solid rgb(227, 227, 227);
	display: block;
}
intro {
	padding: 0 10px;
	margin-top: 30px;
	display: block;
	line-height: 20px;
	text-align: justify;
	font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway',sans-serif;
	color: #909294;
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.2125em;
	font-weight: normal;
	font-style: normal;
}
.footer {
    margin: 0 0 0 16.66667%;
}
#header.side-header contact a {
	background-color: #FAD168;
	color: #ffffff;
	border-radius: 3px;
	display: block;
	padding: 0px 5px;
	line-height: 35px;
	transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	text-align: center;
	text-decoration: none;
}
#header.side-header contact a:hover {
	background-color: #ffffff;
	color: #8FC6D3;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	text-decoration: none;
}

.home-blog,.showcase-category  {
    width:100%;
    max-width: 68.75em;
    margin: 0 auto;
}
.home-blog .showcase-posts, .showcase-category .article {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
    -moz-column-width: auto;
    -webkit-column-width: auto;
    -ms-column-width: auto;
    column-width: auto;
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px;    
    margin: 0 -0.9375em;
    background-color: #8FC6D3;
    color: #F9F9F9;
    border-radius: 3px;
    padding: 0.9375em;
}

.home-blog .post-area, .showcase-category .post-area{
    padding: 0;
}

.portfolio-not-single main > .twelve, .single main > .post{
    min-width: calc(100vw - 19.25%);   
}
.single main > .post {
	float: right;
}
.single #header.side-header {
    display: block;
}
#menu-toggle {
    padding: 12px;
}
.sidr {
    background: #8FC6D3;
    color: #444; 
}
.sidr li a, .sidr li a:link, .sidr li a:visited {
    color: #444;
}
.sidr li a:hover, .sidr li a:active, .sidr li a:focus {
    color: #ffffff;
}

nav {
	padding-left: 10px;
}
nav ul.menu {
	padding-left: .5rem;	
}

nav ul ul.sub-menu {
    margin: 0 0 0 1.5rem;
}

nav ul.menu li li a::after {
    content: '';
    margin-left: 0;
}

	nav a {
		color: #909294;
		padding-left: .5rem;
		text-align: left;
	}
	nav a:hover {
			color: #8FC6D3;
			background: #625261;
			padding-left: 0.75rem;
		}
	nav .active a {
		background: #e0e0e0;
		border-radius: 3px;
		text-decoration: none;
		color: #625261;
	}
	
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus, ul.menu li.current-menu-item a, ul.menu li.current-menu-item a:link, ul.menu li.current-menu-item a:visited {
    border-right: 0;
	border-radius:3px;
}

@media only screen and (min-width: 768px) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4;
	}
	h2 {
		font-size: 2.5em;
	}
	.portfolio-has-logo #header.top-header{
		display:none !important;
	}
}


@media handheld, only screen and (max-width: 1023px) {
    .footer {
        margin-left: 0;
    }
    .site-logo a {
        text-align: left;
        margin: 0 auto;
    }
	#header.side-header{
		display:none !important;
	}
	.twelve {
		width: 100% !important;
	}
}

.bg-img{
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
	background-repeat: no-repeat;
}

.posttags{
	list-style:none;
	margin-left:24px;
}
.posttags li{
	list-style:none;
	display:inline-block;
}
.posttags a {
	text-decoration:none;
	display: inline-block;
    color: rgba(0, 0, 0, 0.3) !important;
    font-size: 0.75em;
    text-transform: uppercase;
    text-decoration: none;
    margin: 4px 0px;
    padding: 4px 8px 2px 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
	background-color: #8FC6D3;
}
.posttags a:hover {
    color: #f9f9f9 !important;
	background-color: #666;
}

code, pre, .wp-block-code {
    border: 1px solid #ccc;
}
.wp-block-image {
    border: 2px solid #ddd;
    background: white;
}
#wrapper .post-date p {
    background: transparent;
}

.post-meta::before {
    bottom: 30px;
}
.post-intro {
    padding: 24px 36px 0 36px !important;
}
.feature-img {
    border: 3px solid #F9F9F9;
}
.blue{-moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px;
    margin: 0 -0.59em 0 -0.58em;
    background-color: #8FC6D3;
    color: #F9F9F9;
    border-radius: 3px;
    padding: 0 0.9375em 0.5rem;
}
.showcase-category h3, .home-blog h3 {
    text-align: center;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px;
    margin: 0 -0.59em 0 -0.58em;
    color: #F9F9F9;
    border-radius: 3px 3px 0 0;
    padding: 0 0.9375em 0.5rem;
    position: relative;
	line-height: 1.4;
    margin-top: 0;
	font-size:1.9375rem;
}
h3 line{
	margin:0 10% 0;
}
.archive .showcase-posts {
    column-count: 1;
    max-width: 400px;
    margin: 0 auto;
}

fieldset{
	border: 0 solid #fff;
}
form input[type=url], form input[type=tel], form input[type=email], form input[type=text], form input[type=password], form input[type=number], form textarea {
	border: 1px solid #909294;
	
}
.button {
	 background-color: #8fc6d3;
	 color: #625261;
	 font-size: 1.2rem;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #909294;
	 text-transform:capitalize;
}
 .button:hover {
	 background: #fad168;
	 color: #625261;
	 -moz-transition: all 2s;
	 -ms-transition: all 2s;
	 -webkit-transition: all 2s;
	 -o-transition: all 2s;
	 transition: all 2s;
}
 .button:active {
	 background: #fad168;
	 color: #625261;
	 -moz-transition: all 2s;
	 -ms-transition: all 2s;
	 -webkit-transition: all 2s;
	 -o-transition: all 2s;
	 transition: all 2s;
}
 button {
	 background-color: #909294;
	 border-radius: 3px;
	 display: block;
	 padding: 0 5px;
	 color: #f3f3f3;
	 line-height: 35px;
	 -moz-transition: all 0.6s;
	 -ms-transition: all 0.6s;
	 -webkit-transition: all 0.6s;
	 -o-transition: all 0.6s;
	 transition: all 0.6s;
	 text-align: center;
}
 button:hover {
	 outline: none;
	 background: #8fc6d3;
}
 button:active {
	 outline: none;
	 background: #47a0b5;
}

.frm_submit {
    text-align: center;
}

.frm_message p {
	margin:0;
}
 
div#button_share {
    display: flex;
    align-items: center;
	width:33%;
}

#button_share img {
	width: 36px;
	box-shadow: 0;
	padding: 6px;
	display: inline;
	border: 0;
}