/*

Theme Name: X &ndash; Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* Body Styles */
.x-colophon {
	box-shadow:none;
	border-top:none;
}
.entry-wrap {
	background-color:transparent;
	box-shadow: none;
	padding: 20px;
}
.widget ul, .widget ol {
	border:none;
}

.gray-box {
	border:1px solid #e5e5e5; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	padding:30px 50px; 
	text-align:center;
}
.gray-box:hover {
	background:#ffffff;
}
.gray-box p {
	font-style:italic;
}
.yellow-box {
	background:#f1f496; 
	width:95%; 
	padding:20px; 
	text-align:center; 
	margin:30px auto;
}
.yellow-box-100 {
	background:#f1f496; 
	width:100%; 
	padding:30px 20px; 
	text-align:center; 
}
.add-padding {
	padding:50px 30px;
}
.boxed {
	background: #ffffff;
	border: 1px solid #feb6dc;
	padding: 15px;
}
.social-bio {
	font-size:180%;
}

/* Services Table Styles */

.services {
	display:table;
	width:100%;
	border-spacing:2vw;
	color:#7d7b75;
}
.services .box {
	display: table-cell;
	text-align: left;
	vertical-align:top;
	line-height: 1.5;
	width:21vw;
	border:1px solid #e3dfd5;
	position: relative;
	border-radius:3px;
}
.services .box:hover {
	background-color: #ffffff;
}
.services img {
	margin-bottom:0px;
	width: 100%
}
.services-box-content {
	padding:11%;
	margin-bottom:30px;
	vertical-align: center;
	text-align: center;
}
.services .source {
	font-size:1vw;
}
.services .source:before {
		content: "- ";
	}
.services-btn {
	width:80%;
	background:;
	position: absolute;
	bottom:20px; 
	border:none;
	padding:16px;
	margin:0px 10%;
}
.services-btn:hover {
	background:;
}

/* Illustration Portfolio Styles */

.illustration-portfolio {
	padding:40px!important;
}
.illustration-portfolio .x-column {
	margin-right:1%;
}
.illustration-portfolio .x-column.one-fourth {
	width:24.2%;
}
.illustration-portfolio .x-column.one-third {
	width: 32.66%;
}

/* Header Styles */

.x-brand img {
	vertical-align: unset; 
}

.x-navbar {
	box-shadow: none;
	border-bottom:none;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow:none!important;
}
.x-navbar .desktop .x-nav > li > a > span {
	border:none;
}
.x-navbar .desktop .x-nav>li>a:hover>span {
    border-color: transparent;
}
.masthead .x-navbar .x-container.max.width   {
    max-width: 100%;
    width:96%
}
.x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover  {
	box-shadow: none;
}
a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}


/* Typography Styles */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top:0px;
	margin-bottom:15px;
}
h1 {
	font-size:120%;
}
h2 {
	font-size:120%;
	color: #FEB6DC!important;
}
h3 {
	font-size:110%;
}
h4 {
	font-size:100%;
}
h5 {
	font-size: 80%;
	font-weight: bold;
}
.h-landmark {
	letter-spacing:0.9px;
}
.p-landmark-sub {
	font-size:120%;
	letter-spacing:0.5px;
	color:#666666;
}
.intro {
	font-size:20px;
}
.entry-title {
	font-size:110%;
	color:#feb6dc;
	font-weight:700;
}

.entry-title a {
	color:#feb6dc;
}
.entry-title a:hover {
	color: #FFC6E4;
}

blockquote {
	color: #8caf98!important;
	font-size:115%;
	font-family: inherit;
	border: none;
	background: #ffffff;
	padding:20px 25px 1px;
	line-height: 1.6;
}
blockquote .source {
	font-size: 70%;
	display: block;
}
.large-quote {
	font-family: 'Permanent Marker' !important; 
	font-size: 160%; 
	color: #ADADAD; 
	text-align: center;
}
.large-quote .source {
	font-size:50%;
	display:block;
}
.source:before {
	content:"- ";
}


/* Button Styles */

.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
	border-width:1px!important;
	color:#8caf98;
}
.x-btn.x-btn-transparent:hover {
	background: rgba(255, 255, 255, 0.5)!important;
}
.x-btn.x-btn-transparent.light {
	border-color:#ffffff;
	color:#ffffff;
}
.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover{
	text-shadow:none!important;
}
.form-submit {
	margin-bottom:20px;
}

/* Image Styles */

.x-img-thumbnail {
	box-shadow:none!important;
}
a.x-img-thumbnail:hover {
	box-shadow:none!important;
}

/* Post Styles */
.x-recent-posts .h-recent-posts {
	font-size: 12px;
}
.x-recent-posts .x-recent-posts-img::before {
	display: none;
}
.x-recent-posts a:hover img {
	opacity:0.8!important;
}
.x-recent-posts a {
	background-color:#ffffff!important;
	box-shadow:none!important;
	border-color:#f7f7f7!important;
	padding:0px;
}
.x-recent-posts .x-recent-posts-img::after {
	background-color:#ffffff!important;
}
.x-recent-posts a:hover {
	background-color:#ffffff!important;
	text-shadow:none;
}
.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img::after {
	opacity: 0.5;
}
.has-post-thumbnail .entry-featured {
	box-shadow:none;
	border:1px solid #e5e5e5;
}
.has-post-thumbnail .entry-featured:hover {
	border-color:#8caf98;
	transition: border-color 0.5s ease;
}
.x-iso-container-posts.cols-3 .entry-title {
	font-size:100%;
}
.entry-thumb {
	background-color:#8caf98;
}
.entry-thumb:before {
	text-shadow:none;
	display:none;
}
a.entry-thumb:hover img {
	opacity:1;
}
.entry-footer a {
	background-color:#ffffff;
	border:none;
	color:#8caf98;
	font-size:60%;
	padding:10px;
	border-radius:2px;
}
.more-link {
	font-size:90%;
	font-weight:500;
}
#reply-title {
	font-size:130%;
}
.comment-form-comment label {
	display:none;
}
.comment-subscription-form {
	margin:0!important;
}
article.comment, .x-comment-img .avatar-wrap:before {
	box-shadow:none;
}
.comment-reply-link {
	font-size:90%;
	font-weight:600;
}
.x-comment-author {
	font-size:inherit;
}
.h-comments-title {
	font-size:250%;
	line-height:1.5;
}
.h-comments-title small {
	box-shadow: none;
	text-shadow:none;
}

/* Pagination Styles */

.x-pagination span.current {
	box-shadow:none;
	text-shadow:none;
}
.x-pagination a, .x-pagination span {
	box-shadow:none;
	text-shadow:none;
}
.x-pagination a:hover {
	color:#8caf98;
}

/* Sidebar Styles */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	box-shadow:none;
}
.form-search:before, .widget_product_search form:before {
	color:#8caf98;
}
.x-sidebar {
	font-size:90%;
}
.widget {
	text-shadow:none;
}
.h-widget {
	font-size: 100%;
}

/* Footer Styles */

.x-breadcrumb-wrap {
	background-color: transparent;
}

.x-colophon.top{
	background:url("http://tenpointstudio.com/wp-content/themes/classica-121010/images/footer-bg.png") no-repeat scroll left center #ffffff;
	font-size:75%;
	padding:40px;
}
.x-colophon.bottom {
	background:#FEB6DC;
	position: fixed;
	width: 100%; 
	bottom:0;
	margin-bottom:0px;
	padding:8px;
	color:#ffffff;
	z-index: 9999;
	border-top:none;
}
.x-colophon.bottom a:hover {
	opacity: 0.8;
}
.x-colophon.bottom .x-container.max.width  {
	max-width: 100%;

}
.x-colophon.bottom .x-colophon-content {
	margin:0px;
}
.x-colophon.bottom .x-social-global {
	text-align: right;
}
.x-colophon.bottom .x-social-global a {
	color: #ffffff!important;
}
.x-colophon.bottom p {
	margin-bottom:0px;
}
.footer-menu {
	display:none;
}
.bottom-bar {
	width: 250px;
}
.bottom-bar .bottom-brand {
	letter-spacing: 2px; 
	text-transform: uppercase; 
	opacity:1!important;
	font-weight:500;
	text-align: left;
	padding: 2px;
	margin-top:3px;
}
.bottom-bar a {
	color:#ffffff;
	font-weight:900;
}
.bottom-bar a:hover {
	color: #ffffff;
}
.x-colophon.bottom .x-social-global {
	margin: 0px;
	float: right;
	width: 49%;
}
.sitemap {
	background:#ffffff;
	padding:10px;
	font-style: italic;
	font-size:70%;
}

/* Flare Styles */

.flare[data-flare-skin="modern"][data-orientation="horizontal"][data-align="right"] {
	text-align:left!important;
}

.flare[data-flare-skin="modern"][data-orientation="horizontal"] .flare-button-wrapper[data-type="filament"], .flare[data-flare-skin="modern"][data-orientation="vertical"] .flare-button-wrapper[data-type="filament"] {
	display:none;
}

.flare[data-flare-skin="modern"][data-orientation="vertical"][data-align="left"] .flare-button-wrapper {
	margin-bottom:15px!important;
}
.flare[data-flare-skin="modern"][data-orientation="vertical"][data-align="left"] {
	top:140px!important;
}
.widget .flare {
	display:none!important;
}

/* WooCommerce Styles */

.woocommerce-result-count {
	display: none;
}

.woocommerce li.product .entry-header h3 {
	font-size: 100%!important;
}
.woocommerce .onsale {
	background-color: #FEB6DC!important;
	font-size: 11px!important;
	text-transform: uppercase;
	box-shadow: none!important;
	text-shadow:none!important;
}


/* Responsive Styles */

@media (max-width: 767px) {

	.services .box {
		display: block;
		width:80vw;
		border:1px solid #e3dfd5;
		position: relative;
		margin:0px auto 30px;
	}
}


