/*
Theme Name: Elision Child
Theme URI: http://demo.qodeinteractive.com/elision/
Description: A child theme of Elision Theme
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: elision
*/
@import url("../elision/style.css");

body {
	font-family: "Open Sans", sans-serif;
	color: #333;
}
.centerThis {
	text-align: center;
}
.letterSpacing2 {
	letter-spacing: 2px;
}
blockquote {
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
.height250 {
	height: 300px;
}
.floatLeft {
	float: left;
}
floatRight {
	float: right;
}
.principleBrow {
	margin-top: 8px;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 12px;
	color: #333333;
}
.principleTitle {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 4px;
}
.principleSummary {
	font-size: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: 300;
}
a.principleBodyLink,
a.principleBodyLink:link,
a.principleBodyLink:active,
a.principleBodyLink:hover,
a.principleBodyLink:visited {
	color: #333;
	font-weight: 300;
}
.principleCaption {
	font-style: italic;
	line-height: 1.3;
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
.quotationHome {
	font-size: 24px;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 300;
	color: #333333;
	line-height: 1.3;
}
.subTitle {
	padding-top: 0;
	margin-top: 2px;
	color: #333333;
}
p {
	margin-top: 4px;
	margin-bottom: 8px;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	color: #333;
	font-weight: 300;
}
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover {
	color: #333;
	font-weight: 400;
}
h3 {
	margin-top: 4px;
	margin-bottom: 12px;
}
.titleSub {
	margin-bottom: 0;
	line-height: 1.1
}
a, a:link, a:hover, a:visited {
	font-weight: 400;
	color: #0076bf;
	cursor: pointer;
}
.menuItem, 
.menuItem:hover, 
.menuItem:visited {
	font-weight: 400;
	color: #ffffff;
}
.menuItem:hover {
	color: #0076bf;
}
.widget a, 
.widget a:link, 
.widget a:visited,
.light, 
.light:link, 
.light:hover, 
.light:visited {
	color: #ffffff;
}
.dark, .dark:link, .dark:hover, .dark:visited  {
	color: #333333;
}
.boxLink, .boxLink:hover, .boxLink:visited {
	font-weight: 400;
	color: #333333;
}
.boxLink:hover {
	cursor: pointer;
}
ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 20px;
}
li {
	margin-bottom: 8px;
}
.contact_form input:selection, 
.contact_form texture:selection {
	background-color: #ffffff;
	border: 1px solid #0076bf;
}
.comment-form textarea#comment:focus,
textarea#comment:focus {
	background-color: #ffffff;
	border: 1px solid #0076bf;
}
.contact_form input[type='text'], 
.contact_form textarea,
textarea#comment.placeholder,
textarea#comment {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
}
.contact_form h4 {
	display: none;
}
.contact_form .qbutton,
#submit_comment {
	font-weight: 400;
}
.mobile_menu_button {
	display: none;
}
.carousel-inner .left .text,
.carousel-inner .left h2,
.carousel-inner .left p,
.slider_content,
.slider_content_outer .slider_content .text h2 a,
.slider_content_outer .slider_content .text h2 a:hover {
	z-index: 50 !important;
}
.widget ul {
	margin-left: 0;
}
footer {
	color: #ccc;
}
footer .post-date {
	font-size: 80%;
}
.max240 {
	max-width: 240px;
}
a.qbutton {
	color: white;
}
.social_share_dropdown ul li {
	background-color: #eeeeee;
}
.footer_top h6 {
	line-height: 22px;
}
.kdate time {
	font-size: 80%;
}
.comment_holder .comment {
	background-color: #eeeeee;
}
.widget .tagcloud a {
	background-color: #1f1f1f;
}
span.post_infos {
	display: none !important;
}
.latest_post_text {
	padding-top: 10px;
}
h4.latest_post_title {
	line-height: 1.0;
	margin-top: 4px;
	margin-bottom: 0 !important;
}
.post .single_tags {
	display: none;
}
.thumb_holder .numbers {
 	display: none;
}



@media only screen and (min-width: 600px) and (max-width: 768px){
	.max240 {
		max-width: 180px;
	}
}

@media only screen and (max-width: 767px){ 
	.carousel-inner h2 {
		font-size: 22px;
		color: #333;	
	}
	.carousel-inner p {
		font-size: 12px;
		color: #333;	
	}
	.quotationHome {
		font-size: 18px;
	}
	.carousel-indicators {
		bottom: 15px;
	}
        .vc_col-xs-4 {
                width: 100%;
        }
        
    #examples {
    	margin-left:15%;
    	width: 85%;
	}
	

	
        
}