/*
	Theme Name:   RonEringa.com
	Theme URI:
	Author:       Ron Eringa
	Author URI:   http://roneringa.com/
	Template:     appointment
	Description:  The RonEringa.com theme is a child of the Appointment theme
	Version:      0.1
	License URI:  https://webriti.com
	License:      GNU General Public License v3 or later
	Text Domain:  RonEringa.com
*/

body {
    padding:0;
	background: #ffffff;
    color: #727272;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
	background-attachment: fixed;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*Page Title Section Css-------------------------------------------------------------------------------------*/
.page-title-section {
	height: 100%;
	margin: 0 0 0px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.page-title-section .overlay {
	height: 100%;
	padding: 0px 0 0px;
	position: relative;
	width: 100%;
}
.page-title {
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 auto 0px;
	padding: 0px;
	position: relative;
	width: 99%;
}
.page-title h1 {
	color: #00B050;
	letter-spacing: 1px;
	margin: 0 0 0px;
	word-wrap: break-word;
}
.page-breadcrumb {
	list-style: none outside none;
	margin-bottom: 0px;
	padding: 10px 0;
	font-family: 'Open Sans';
	font-weight:600;
	text-align: right;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
}
.page-breadcrumb > li { display: inline-block; padding: 0; }
.page-breadcrumb > li + li:before { color: #ffffff; padding: 0 5px; }
.page-breadcrumb > li a, 
.page-breadcrumb > li a:hover, 
.page-breadcrumb > li a:focus,
.page-title a, 
.page-title a:hover,  
.page-title a:focus { 
 color: #ffffff; 
}
.margin-top { margin-top: 0px; } .margin-bottom { margin-bottom: 0px; }

/* No space between Title section and pages*/
.page-builder {
	margin: 120px 0px 0px 0px;
	padding: 0px 0 0;
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	/* Logo left and small menu icon on the right */
	.page-builder
	{
		margin: 100px 0px 0px 0px;
	}	
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
	/* Logo left and menu stacked below */
	.page-builder
	{
		margin: 180px 0px 0px 0px;
	}	
}

/* Blog Author */
.comment-form-section { background-color: transparent; }
.contact-form-section { float: none; margin: 0 10px 50px 0; padding: 0; }
.comment-form-section { background-color: transparent; float: none; margin: 0 10px 0px 0; padding: 0 0 20px; }
.form-inline .blog-form-group, .form-inline .contact-form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	width: 49%;
	margin-right: 5px;
}
.comment-title, .contact-title { display: block; margin: 0 0 5px; padding: 0 0 0px; }
.comment-title h3, .contact-title h3 {
    color: #242526;
	font-family: 'Cabin Sketch';
	font-weight:400;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
}

/* Blog form content */
.blog-form-group, .contact-form-group { margin-bottom: 15px; }
.blog-form-control, .contact-form-control,
.blog-form-control-textarea, 
.contact-form-control-textarea {
	color: #8f969c;
	background-color: transparent;
	border: 1px solid #e9e9e9;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	font-family: 'Cabin Sketch';
	font-weight:400;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 20px;
	border-radius: 0px;
	margin-bottom: 15px;
}
.blog-form-control, .contact-form-control {
	height: 46px;
}

/* Blog content properties */
@media only screen and (min-width: 768px)
{
	.blog-title {
		font-size: 40px;
	}
}

.blog-lg-area-left > .media > .media-body, 
.blog-lg-area-right .media > .media-body, 
.blog-lg-area-full .media > .media-body { 
	border-bottom: 1px solid #eeeeee;
	padding: 0 20px 20px 20px;
 }
.blog-lg-area-left { margin: 0px; padding: 0px 10px 10px 0px; overflow: hidden; }
.blog-lg-area-left h3, .blog-lg-area-right h3, .blog-lg-area-full h3 {
    color: #242526;
    font-family: 'Cabin Sketch';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 35px;
    margin: 15px 0 10px 0;
    word-wrap: break-word;
}

.blog-title {
		text-align: center;
	}

.blog-post-lg {
	text-align: center;
	color: #727272;
	font-family: 'Cabin Sketch';
	font-weight:600;
	font-size: 20px;
	letter-spacing: 0.2px;
	line-height: 20px;
	margin: 0px 0 16px;
	padding: 0;
	width: 100%;
}

.blog-lg-box img {
	display: block;
    margin: auto;
    transition: all 0.3s ease-in-out 0s;
}

/* Blog page properties */
.slide-text-bg2 {
	text-align: left;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 773;	
}

.slide-text-bg2 span {
	background-color: rgba(255, 255, 255, 0.8);
	color: #808080;
	font-family: 'Open Sans';
	font-weight: 0;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	border-radius: 2px;
	line-height: 25px;
	letter-spacing: 0px;
	padding: 0px 0px;
	margin: 0 0 0px;
	text-shadow: none !important;
}

/*Sidebar Tags*/
.tagcloud { margin: 0 0 10px 15px; overflow: hidden; padding: 4px 0; }
.tagcloud a {
	background-color: #fcfcfc;
	border: 1px solid #dadada;
	color: #45494b;
	cursor: pointer;
	display: inline-block;
	font-family: 'Open Sans';
	font-weight:400;
	font-size: 14px !important;
	line-height: 20px;
	margin: 0 5px 5px 0;
	padding: 3px 3px;
	transition: all 0.3s ease 0s;
	vertical-align: baseline;
	white-space: nowrap;
}
.tagcloud a:hover { color: #ffffff; }

.span-reading-time:before {
    content: url(assets/images/clock-308938_960_720.png);
    margin-right: 6px;
    vertical-align: middle;
}

.span-reading-time {
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 5px;
}

/*Sidebar Section Css---------------------------------------------------------------------------------------------------*/
.sidebar-section-right {
	background-color: #fbfbfb;
	border: 1px solid #e9e9e9;
	margin-bottom: 80px;
	margin-left: 0;
	padding: 15px 10px 15px 10px;
}
.sidebar-widget {
    margin-bottom: 20px;
    margin-top: 0;
    overflow: hidden;
    padding: 0px;
}
.sidebar-widget:last-child { margin-bottom: 0px; }
.sidebar-widget-title { margin-bottom: 5px; }
.sidebar-widget-title h3, 
.sidebar-widget-title h3 a {
	color: #242526;
	letter-spacing: 0.5px;
	margin: 0 0 0px;
	padding-bottom: 0px;
	word-wrap: break-word;
}
.sidebar-widget > ul > li { border-bottom: 0 none; }
.sidebar-widget > ul  > li:first-child { padding: 0 0 0 2px; }
.sidebar-widget > ul  > li:last-child { padding: 0 0 0 2px; }
.sidebar-widget > ul > li{
	display: block;
    font-family: 'Open Sans';
	font-weight:400;
	font-size: 14px;
    line-height: 25px;
    margin: 0 !important;
	padding: 0 0 0 2px;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}
.top-contact-detail-section li a:before, 
.sidebar-widget li a:before, 
.footer-widget-column li a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 15px;
    font-size: 13px;
}

.slide-btn-area-sm { margin: 0px 0 0px; float: left; width: 80%; }
.slide-btn-sm {
	border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Cabin Sketch';
	font-weight:600;
	color: #ffffff;
	transition: all 0.3s ease-in-out 0s;
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 5px 10px;
	margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.slide-btn-sm:hover, .slide-btn-sm:focus { color: #ffffff; }

/* Footer settings */
.footer-copyright
{
	font-family: 'Cabin Sketch';
	font-size: 10px;
    padding: 5px 0;
    text-align: center;
}
.footer-contact-social
{
	float: none;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
.footer-contact-social li
{
	background-color: #00B050;
}