/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';


/* GLOBAL ==================================================*/


body {
    font-family:'Lato', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #4a4549;
    background-color: #fff;
}
.no-display {display: none;}

H2, H3, H4, H5 {
	font-family:'Lato', Verdana, serif;
	color: #605a5c;
	font-weight: 700;
	letter-spacing: -0.02em;
	}
H1 {
	font-size: 32px;
	margin: 20px 0 20px 0;
	line-height: 46px;
	color: #a75e9b !important;
	letter-spacing: -0.02em;
	font-family: Arial, 'Lato', Sans-serif;
	font-weight: 400;
	}
H2 {
	font-size: 20px;
	margin: 20px 0 10px 0;
	}
H3 {
	font-size: 20px;
	color: #a75e9b !important;
	margin: 20px 0 10px 0;
	}
H4 {
	font-size: 18px;
	color: #a75e9b !important;
	margin: 14px 0 8px 0;
	}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.content-area a {color: #6b4865;text-decoration: underline;}
.content-area a:hover {color: #000; text-decoration: none;}

.small-font {font-size: 10px; line-height: 14px;}
.italic {font-style: italic;}

#main-column .post, #main-column .page {
    border: 0 !important;
	margin-top: 22px;
    margin-bottom: 40px;
    padding: 0;
}
#sidebar-home {
	margin-top: 32px;
	}
#sidebar-left .widget, #sidebar-right .widget, #sidebar-right .artist .widget {
    border: 0 !important;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
	margin-top: 50px;
}
.homeMain .entry-title {display: none;}

.wp-caption {
    border: 0 !important;
    margin-bottom: 15px !important;
    max-width: 100%;
}
.wp-caption .wp-caption-text {
    margin: 0 0;
}
#sidebar-right.artist img {
    width: 100%;
    height: auto;
    max-width: 480px;
    padding: 0 0 !important;
}
blockquote {
    padding: 10px 20px;
    margin: 25px 0 30px 20px;
    font-size: 24px;
	line-height: 30px;
    border-left: 5px solid #eee;
	font-family: 'Roboto Slab', Georgia, Serif;
	color: #aaa499;
}




/* chromeframe error */
.chromeframe {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.chromeframe a {
	color: #fff;
	text-decoration: underline;
}



.page-header-top-right {
	margin-top: 16px;
}



.pagination {
	margin: 0;
}



.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}



.row-with-vspace {
	margin-bottom: 20px;
}



.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}



/* HEADER ==================================================*/

.site-branding {padding: 22px 0;}
.site-title img {width: 100%; height: auto; max-width: 358px;}


.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}
.page-header-top-middle {padding-top: 20px; text-align: right;}
.page-header-top-right p {font-size: 17px; line-height: 22px;}
.page-header-top-right {text-align: right;}

.hide {display: none;}


/* NAVIGATION ==================================================*/

.navbar-inverse {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: no-repeat;
    border-radius: 0px;
}
.navbar-inverse {
    background-color: #6b4865;
    border-color: none;
}
.topNav {background-color: #6b4865;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
}
.navbar {
    position: relative;
    min-height: 52px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0;
    box-shadow: none;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
	font-size: 18px;
	font-family: 'Lato', Arial, Sans-serif;
	font-weight: 400;
}
.nav>li>a {
    padding: 15px 22px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #f0d5eb !important;
}

/* on click */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background-color:#6b4865; }


/* BANNERS ==================================================*/

.mainBanner img {width: 100%; height: auto;}
.intBanner img {width: 100%; height: auto;}




.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}

/* FOOTER ==================================================*/

.fullFooter {background: url(/wp-content/themes/clarkfield/img/footer-bg.jpg) repeat-x left top #482c44;}
#site-footer {
	font-size: 12px;
	padding: 40px 0 60px 0;
	color: #fff;
}
#site-footer p {font-size: 15px;}


#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}


#main-column img,
#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title, 
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}



#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 30px;
	margin-top: 0;
}
#sidebar-right img {
	width: 100%;
	height: auto;
	max-width: 480px;
	padding: 10px 0;
	}
#sidebar-right p {font-size: 15px;}



/* BUTTONS ==================================================*/

.btn-default {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: no-repeat;
    border-color: #808080;
	background-color: #808080;
	text-shadow: none;
	color: #fff !important;
	text-decoration: none !important;
}
.btn-default:focus, .btn-default:hover {
    background-color: #845e77;
    background-position: 0;
	border-color: #845e77;
	color: #fff !important;
	text-decoration: none !important;
}
.focus.btn-default, .btn-default:focus {
    color: #fff;
    background-color: #845e77;
    border-color: #845e77;
	text-decoration: none !important;
}
.btn-default { float: right; margin-left: 20px;}


/* MEDIA QUERIES ==================================================*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.hide-space {display: none;}
.nav>li>a {
    padding: 15px 15px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
	font-size: 16px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.small-font {display: none;}
.site-title {text-align: center;}
.page-header-top-middle, .page-header-top-right {text-align: center;}
.footer-right {text-align: left;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.page-header-top-middle {text-align: center;}
.page-header-top-right {text-align: center;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}