/*
Theme Name: Moesia Child
Description: Smarttech ed blog child theme for Moesia
Version: 1.0

Template: moesia

--------------------------------------------------------------*/

/*--------------------------------------------------------------
RESET FONTS
--------------------------------------------------------------*/

body {
	font-family: 'proxima_nova_rgregular', sans-serif;
	background: #f5f5f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.main-navigation li {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.main-navigation ul ul li {
	font-family: 'proxima_nova_rgregular', sans-serif;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next {
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.employee-position {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.fact {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}
.all-news {
	text-transform: uppercase;
	font-weight: 700;
	font-weight: 'proxima_nova_ltsemibold', sans-serif;
}
.welcome-button,
.call-to-action {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
}

.widget-title {
	font-size: 20px;
}

h1,
#content .entry-title, #content .entry-title a {
	color: #4d236b;
}
#content .entry-title, #content .entry-title a {
	font-size: 26px;
	line-height: 1.6;
}
h2,h3 {
	color: #81bd41;
}
/*--------------------------------------------------------------
Style Overrides - colours
--------------------------------------------------------------*/

blockquote:before,
.main-navigation a:hover,
.entry-title a:hover,
.widget a:hover,
.entry-meta a:hover,
.entry-footer a:hover,
.author-social a,
.service-title,
.service-title a,
.social-widget li a::before,
.social-area a:before,
.employee-social .fa:hover,
.fact,
.slick-prev:before, .slick-next:before {
	color: #15b4cb;
}


.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next,
.comment-respond input[type="submit"],
.service-icon,
.skill-bar div,
.project-image,
.welcome-button,
.call-to-action {
	background-color: #15b4cb;
}

section .widget-title:after,
.panel.widget .widget-title:after {
	border-bottom: 1px solid #15b4cb;
}

.widget-area,
.entry-thumb img,
.hentry .post-content, .post-item,
.single .hentry,
.page .hentry,
.author-bio,
.comment-body,
.comment-reply-link,
input#author,
input#email,
input#url,
textarea#comment
{
	border: 1px solid #ebebeb;
}

.entry-footer {
	border-top: 1px solid #ebebeb;
}

.widget-title,
.widgettitle,
.footer-widget-area .widget-title,
.entry-header,
.author-name {
	border-bottom: 1px solid #ebebeb;
}

section .widget-title:after,
.panel.widget .widget-title:after {
	border-bottom: 1px solid #15b4cb;
}


/*--------------------------------------------------------------
Style Overrides - header & footer
--------------------------------------------------------------*/
.header-image {
    display: block;
    width: 100%;
}
.site-header,
.top-bar {
    background-color: #0f9bb2;
    opacity: 1;
}
.top-bar {
	z-index: 8999;
}
.is-sticky .top-bar	{
    opacity: 0.9;	
}
.main-navigation {
	float: right;
	padding-right: 0px;
}
.site-branding {
	padding-top: 30px;
	padding-bottom: 20px;
	display: none;
}
.site-logo {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.welcome-info {
	z-index: 8999;
    height: 100%;
    margin-top: 0px;
    padding: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
}
.site-header .welcome-info {
	top: 0;
}
.welcome-logo {
	height: auto;
	margin-left: auto;
	margin-right: 0;
	margin-top: -75px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 150px;
}
.one-site input {
    padding: 0;
}
/*--------------------------------------------------------------
Style Overrides - FORMS
--------------------------------------------------------------*/
.widget-area .moesia-search-form label {
	width: 80%;
}
.widget-area .moesia-search-form .search-field {
	border: 1px solid #aaa;
	color: #777;
	font-size: 16px;
	font-weight: normal;
	padding: 4px 5px;
	width: 100%;
}
.widget-area .moesia-search-form .search-field::-webkit-input-placeholder,
.widget-area .moesia-search-form .search-field:-moz-placeholder,
.widget-area .moesia-search-form .search-field::-moz-placeholder,
.widget-area .moesia-search-form .search-field:-ms-input-placeholder,
.widget-area .moesia-search-form .search-field:placeholder {
   font-style: italic;
}
.widget_search  .search-submit {
    display: inline-block;
    height: 30px;
    padding: 4px 12px;
    margin-top: -1px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: 	#4bb4c5;
    box-shadow: 0 5px 0 #0f9bb2;
}

@media screen and (min-width: 992px) {
	.is-sticky .site-branding {
		padding-top: 10px;
		padding-bottom: 05px;
	}
	.is-sticky .site-logo {
		width: 100%;
		max-width: 200px;
	}
	.is-sticky .main-navigation li {
	    padding: 10px;
	}
}
@media screen and (max-width: 1024px) {
	.has-banner:after {
		-webkit-background-size: 100% auto !important;
		-moz-background-size: 100% auto !important;
		background-size: 100% auto !important;
	}
}
.site-footer {
    color: #c8c8c8;
    font-size: 13px;
}
footer .social-icons {
	text-align: center;
}
footer .social-icons a {
    background-color: #363636;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 10px;
    height: 40px;
    margin-right: 10px;
    position: relative;
    transition: background-color 0.5s ease 0s;
    width: 40px;
}
footer .social-icons a {
    margin-right: 5px;
}
footer .social-icons a.facebook {
    background-image: url("images/social/facebook.png");
}
footer .social-icons a.twitter {
    background-image: url("images/social/twitter.png");
}
footer .social-icons a.linkedin {
    background-image: url("images/social/linkedin.png");
}
footer .social-icons a.youtube {
    background-image: url("images/social/youtube.png");
}
footer .social-icons a.flickr {
    background-image: url("images/social/flickr.png");
}
footer .social-icons a.pinterest {
    background-image: url("images/social/pinterest.png");
}
footer .social-icons a.google {
    background-image: url("images/social/google.png");
}
footer .social-icons a.vimeo {
    background-image: url("images/social/vimeo.png");
}
footer .social-icons a.tumblr {
    background-image: url("images/social/tumblr.png");
}
footer .social-icons a.instagram {
    background-image: url("images/social/instagram.png");
}
footer .social-icons a.facebook:hover {
    background-color: #4265b9;
}
footer .social-icons a.twitter:hover {
    background-color: #9ae4e8;
}
footer .social-icons a.flickr:hover {
    background-color: #ff0084;
}
footer .social-icons a.google:hover {
    background-color: #d62408;
}
footer .social-icons a.pinterest:hover {
    background-color: #c31e26;
}
footer .social-icons a.linkedin:hover {
    background-color: #005987;
}
footer .social-icons a.vimeo:hover {
    background-color: #1bb6ec;
}
footer .social-icons a.tumblr:hover {
    background-color: #35506b;
}
footer .social-icons a.youtube:hover {
    background-color: #df3333;
}
footer .social-icons a.instagram:hover {
    background-color: #f95b60;
}

/*--------------------------------------------------------------
Page Builder visual styles
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

}
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {	

}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
.main-navigation {
	padding-right: 10px;
}
}
@media only screen and (max-width: 600px) {
		
}
@media only screen and (max-width: 499px) {
	.welcome-logo {
		margin-top: -50px;
	}
}
@media only screen and (max-width: 416px) {

}
/* Small menu */
/* below this, the mobile nav is shown */
@media screen and (max-width: 991px) {
	.site-branding {
		padding-top: 20px;
	}
	.menu-toggle {
		margin: 20px 0;
	}
}
@media screen and (max-width: 320px) {

}
@media screen and (max-width: 1024px) {

}




body {
    background-color:#f5f5f5;
}
.post-item, .blog-post-wrapper .blog-post-wrapper {
    margin: 0 0 60px;
    padding: 10px 30px 30px;
    background-color:#fff;
    border: 1px solid #ebebeb;
}
.post-item .post-header h2 a {
    font-size: 26px;
    line-height: 1.6;
    color:#4d236b;
    text-decoration:none;
}
.post-item .post-header h2 a:hover {
    text-decoration:underline;
}
.body-container-wrapper {
    margin-top:0;
}
.widget-area {
    background-color:#fff;
    padding:10px 30px 30px;
    margin-bottom:60px;
}
.widget-module ul {
    padding-left:17px;
}
h3 {
    border-bottom:1px solid #ebebeb;
    font-size:20px;
}
.entry-meta span, .entry-footer span {
    margin-right: 10px;
}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a {
    color: #cfcfcf;
    font-size: 13px;
}
.entry-meta a, .entry-footer a {
    text-decoration:none;
}
.entry-meta a:hover, .entry-footer a:hover {
    text-decoration:underline;
}
.entry-footer {
    padding-top:15px;
}
.entry-meta {
    border-bottom: 1px solid #ebebeb;
    padding-bottom:15px;
}

.post-body img {
    margin-bottom:10px;
}
img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

#comments-listing>div {
    padding: 10px 30px 30px;
    background-color:#fff;
    border: 1px solid #ebebeb;
}
.comment-body {
    border:0;
    padding:0;
}

.hs-featured-image-wrapper {
    margin-top:20px;
}



.comments-area label, .widget-area label {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
}
.comments-area input, .widget-area input {
   font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
    padding:5px 0 5px 5px;
    border-radius:4px;
}
body .hs-button.primary, body input[type="submit"] {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding:15px;
    font-size:16px;
    min-width:142px;
}
.hs-form .hs-input, .hs-form textarea.hs-input {
    width:100%;
    max-width:100%;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
    box-sizing:border-box;
    padding:7px 0 7px 7px;
    border-radius:4px;
}
.hs-form input:not([type="image"]), .hs-form textarea {
    box-sizing:border-box;
}
.hs-form input:not([type="submit"]) {
    height:34px;
}

.hs-form .hs-button {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background-color: #15b4cb;
    background-image:none;
    box-shadow:none;
    border:1px solid #15b4cb;
}
.hs-form .hs-button:hover {
    background-color: #3C3C3C;
}
@media screen and (max-width: 767px) {
.body-container-wrapper {
    padding-left:15px;
    padding-right:15px;
}
}