/*

Theme Name: North Bay Country Dance

Theme URI: https://nbcds.org

Author: Deborah Gray

Author URI: http://deborahgraydesign.com

Description: A responsive custom theme

Version: 1.0

License: GNU General Public License

License URI: license.txt

Text Domain: dgraystarter

Domain Path: /languages/



Responsive Starter is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc., and Gridiculous http://gridiculo.us/

*/



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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 - Reset

2.0 - Typography

3.0 - Elements

4.0 - Forms

5.0 - Navigation

	5.1 - Links

	5.2 - Menus

6.0 - Accessibility

7.0 - Alignments

8.0 - Clearings

9.0 - Widgets

10.0 - Content

	10.1 - Posts and pages

	10.2 - Asides

	10.3 - Comments

11.0 - Infinite scroll

12.0 - Media

13.0 - Grid

14.0 - Media queries

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





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

1.0 - Reset

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

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

html {

    font-family: sans-serif;

	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}

*,

*:before,

*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */

	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */

	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */

	box-sizing:         border-box;

}

body {

    background: #f8faec;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a, a:focus {

	outline: 0;

}

a:hover,

a:active {

	outline: 0;

}

a img {

	border: 0;

}



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

2.0 Typography

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

body,

button,

input,

select,

textarea {

    color: #3e3e3d;

	font-family: 'Open Sans', sans-serif;

    font-size: 15px;

	line-height: 1.6;

}

a.button, .form-submit #submit, input.button {

    color: #ffffff;

    background: #1f5370;

    border-radius: 7px;

    padding: 10px 20px;

    text-decoration: none;

    border: none;

}

a.button:hover, .form-submit #submit:hover {

    background-color: #19435a;

}

#secondary a.button-events {

    color: #fff;

    text-decoration: none;

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    padding: 15px 30px 15px 80px;

    min-height: 55px;

    line-height: 1;

    background: #1f5370 url('img/icon-calendar.png') no-repeat 20px 5px;

}

#secondary aside {

    clear: both;

}

p.tribe-events-widget-link a {

    display: none;

}

h4.tribe-event-title {

    margin-bottom: 0;

}

h4.tribe-event-title a:hover {

    color: #a7b06e;

}

.tribe-list-widget h4.tribe-event-title a {

    color: #1f5370;

    text-decoration: none;

    font-size:16px;

    font-family: 'Open Sans', sans-serif;

}

.tribe-list-widget p {

    margin-bottom: 0;

}

ol.tribe-list-widget {

    margin-bottom: 2.5em;

}

.tribe-events-list-widget ol li {

    margin-bottom: 15px;

}

#tribe-events-footer .tribe-events-sub-nav li, #primary .tribe-events-single ul.tribe-related-events li {

	background-image: none;

	padding-left: 0;

}

.single-tribe_events #tribe-events-header {

	display: none;

}

.single-tribe_events .type-tribe_events {

	padding-top: 0;

}

.main-navigation a.button {

    background-color: #a7b06e;

    color: #ffffff;

    padding: 10px 20px;

    border-radius: 7px;

    display: inline-block;

    margin-top: 10px;

    float: right;

}

.main-navigation a.button:hover {

    background: #8b9356;

}

i.fa-bars {

    margin-right: 8px;

}

#secondary a.member {

    background-color: #a7b06e;

    color: #ffffff;

    padding: 10px 20px;

    border-radius: 7px;

    margin-bottom: 20px;

    font-family: 'Raleway', sans-serif;

    text-decoration: none;

    display: none;

    text-align: center;

    margin: 0 auto;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'Raleway', sans-serif;

	clear: both;

	font-weight: normal;

    color: #1f5370;

}

h1 {

    font-size: 24px;

    font-weight: 400;

	line-height: 1.4;

	margin-bottom: .5em;

}

#masthead h1 {

    color: #ede9b4;

    text-align: center;

    margin-bottom: 1.3em;

}



h2 {

    font-size: 21px;

	line-height: 1.4;

	margin-bottom: .5em;

}

h2 a, h3 a {

    text-decoration: none;

}



h3 {

	font-size: 21px;

	line-height: 1.2;

	margin-bottom: .5em;

}

.dance-styles h3 a {

	color: #1f5370;

}



h4 {

	font-size: 18px;

	margin-bottom: .5em;

}



h5 {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: .5em;

	}



h6 {

	font-size: 16px;

	margin-bottom: .5em;

}

p {

	margin-bottom: 1.5em;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style: italic;

}

blockquote {

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: .9375rem;

    line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}



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

3.0 Elements

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

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

	clear: both;

}

ul, ol {

	margin: 0 0 1em 0;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

	margin-left: 1em;

}

li > ul,

li > ol {

	margin: .7em 0 0 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

th {

	font-weight: bold;

}



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

4.0 Forms

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

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border-radius: 3px;

	background: #1f5370;

	color: #fff;

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: .75rem;

	line-height: 1;

	padding: .6em 1em .4em;

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

}

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

}

input[type="checkbox"],

input[type="radio"] {

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	-moz-box-sizing:    content-box;

	box-sizing:         content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 3px;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}

/* Membership Form */

#primary .nf-form-cont .one-half, #primary .nf-form-cont .three-sixths, #primary .nf-form-cont .two-fourths {

	width: 45%;

	margin-left: 0;

	margin-right: 2%;

}

#primary .nf-form-cont .one-third, #primary .nf-form-cont .two-sixths {

	width: 30%;

	margin-left: 0;

	margin-right: 2%

}

#primary .nf-field-element ul li {

	background: none;

}

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

5.0 Navigation

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

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

5.1 Links

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

a {

    /* color: #8a9256; */
	color: #737949;

}

a:visited {

	/* color: #8a9256; */
	color: #737949;

}

a:hover,

a:focus,

a:active {

    color: #1f5370;

}



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

5.2 Menus

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

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

    background-color: #1f5370;

    color: #c0dbea;

    font-family: 'Raleway', sans-serif;

    padding: 0 20px;

}

.main-navigation ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	float: left;

	position: relative;

}

.main-navigation a {

    color: #c0dbea;

	display: block;

	text-decoration: none;

	padding: 20px 15px;

    font-size: 14px;

}

.main-navigation ul ul {

    background-color: #1f5370;

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 3.5em;

	left: -999em;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul a {

	width: 200px;

	padding: 16px 14px;

    border-bottom: 1px dotted #c0dbea;

}

.main-navigation ul ul li.last a {

    border-bottom: 0;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a {

}



.main-navigation ul ul :hover > a {

}



.main-navigation ul ul a:hover {

}



.main-navigation ul li:hover > ul {

	left: auto;

}



.main-navigation ul ul li:hover > ul {

	left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a {

}

/* Small menu */

.menu-toggle {

	cursor: pointer;

	display: none;

    font-size: 16px;

    color: #fff;

    background-color: #1f5370;

    border: none;

    outline: 0;

    width: 100%;

    text-align: center;

}

/* Page Menu */

.page-nav ul {

	list-style: none;

	margin: 0;

	padding-left: 0;
}




.page-nav li {

	float: left;

	position: relative;

}

.page-nav a {


	display: block;

	text-decoration: none;

	padding: 20px 8px;

    font-size: 14px;

}

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

	.menu-toggle,

	.main-navigation.toggled .nav-menu {

		display: block;

        padding: 15px;

	}

	.main-navigation ul {

		display: none;

	}

    .main-navigation li {

        width: 100%;

        border-bottom: 1px dotted #c0dbea;

    }

    .main-navigation li.last {

        border-bottom: 0;

    }

    .main-navigation ul li:hover > ul {

        display: block;

        background-color: #407694;

        position: relative;

        top: 0;

        margin-top: 0;

        box-shadow: none;

    }

    .main-navigation ul li:hover > ul a {

        border-bottom: 0;

    }

}

.site-main .comment-navigation,

.site-main .paging-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}

.comment-navigation .nav-previous,

.paging-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}

.comment-navigation .nav-next,

.paging-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



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

6.0 Accessibility

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

/* Text meant only for screen readers */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar */

}



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

7.0 Alignments

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

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

        margin-bottom: 1.2em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

        margin-bottom: 1.2em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

        margin-bottom: 1.2em;

}



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

8.0 Clearings

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

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.gallery:before,

.gallery:after,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: '';

	display: table;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.gallery:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



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

9.0 Widgets

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

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets */

.widget select {

	max-width: 100%;

}



/* Search widget */

.widget_search .search-submit {

	display: none;

}

.error404 .search-form {

    margin-bottom: 30px;

}

.sidebar-bottom {

    padding-top: 20px;

}



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

10.0 Content

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



#masthead {

    background: url('img/bg-banner.jpg') no-repeat left center;

    background-size: cover;

    padding-top: 60px;
	
	background-color: #1f5471;

}

#page {

    background-color: #ffffff;

    overflow: hidden;

    padding-top: 50px;

    padding-bottom: 30px;

    position: relative;

}

#content {

    margin-bottom: 40px;

}

.home #content {

    margin-bottom: 0;

}

#opt-in  {

    background-color: #1f5370;

    color: #fff;

    font-size: 18px;

    font-family: 'Raleway', sans-serif;

    padding: 15px 30px;

    width: 100%;

    text-align: center !important;

    clear: both;

    overflow: hidden;

}

#opt-in #mc_embed_signup {

    text-align: center;

    background-color: transparent;

    margin: 0 auto;

}

#opt-in #mc_embed_signup #mce-success-response {

    color: #a7b06e !important;

}

#opt-in #mc_embed_signup div.response {

    width: 100%;

    padding: 0;

    margin: 0;

}

#opt-in #mc_embed_signup form {

    padding: 0;

}

#opt-in #mc_embed_signup .mc-field-group input {

    padding: 0;

    font-size: 15px;

    margin-bottom: 5px;

}

#opt-in #mc_embed_signup h2 {

    color: #ffffff;

    font-size:18px;

    font-weight: normal;

    text-align: center;

}

#opt-in .c4 {

    padding: 15px 0 0 0;

}

#opt-in .c6 {

    padding-right: 10px;

}

#opt-in #mc_embed_signup input.button {

    background-color: #a7b06e;

    color: #fff;

    width: 150px;

    display: inline;

}

#opt-in .button:hover {

    background-color: #8b9356 !important;

}

#opt-in #mc_embed_signup input.button {

    line-height: 1;

}

#opt-in #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

    display: none;

}

#primary ul li, #secondary ul li {

	list-style-type: none;

	background: url('img/bullet.gif') no-repeat left 7px;

	padding-left: 20px;

	line-height: 1.6;

	padding-bottom: 7px;

	}


/* home */

#main .c2 {

    padding: 0;

}

.video-block {

    background-color: #deebf2;

    padding: 25px 40px 0 40px;

    margin: 40px 0 60px 0;

    overflow: hidden;

}

.announcements {

    padding: 30px 0;

}

.announcements h2 {

    padding: 10px 20px;

    margin-bottom: 1.5em;

    background-color: #1f5370;

    color: #fff;

}

.dance-styles .c4 {

    padding-left: 2px;

    padding-right: 2px;

    text-align: center;

}

.dance-styles h3 {

    font-size: 15px;

    text-align: center;

}



/* events calendar */

#tribe-bar-form .tribe-bar-submit input[type=submit],

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a,

#tribe-events .tribe-events-button, .tribe-events-button

{

    background: #1f5370 !important;

}

.single-tribe_events .tribe-events-content {

    max-width: 80%;

}

.tribe-list-widget .date-block, .tribe-list-widget .event-info {

    min-height:1px;

    padding-left:0;

    padding-right:0;

    position:relative;

}

.tribe-events-list-widget .tribe-event-title {

    margin-bottom: 0;

}

.tribe-list-widget .date-block {

    padding: 0;

    background-color: rgba(31, 83, 112, 0.83);

    color: #ffffff;

    font: 300 24px / 24px 'Open Sans';

    text-align: center !important;

    padding: 5px 10px;

    margin-top: 5px;

}

/* footer */



footer {

    clear: both;

    padding: 30px 20px;

    color: #4c4b4b;

    font-size: 14px;

}

.social {

    text-align: right !important;

    vertical-align: middle;

}

.social img {

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

}

.social a {

    text-decoration: none;

}

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

10.1 Posts and pages

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

.sticky {

}

.hentry {

	margin: 0 0 1.5em;

}

.byline,

.updated {

	display: none;

}

.single .byline,

.group-blog .byline {

	display: inline;

}

.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}

.blog h1.entry-title, .single h1.entry-title, .archive h1.entry-title {

    margin-bottom: 0;

}

.blog h1.entry-title a {

    text-decoration: none;

}



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

10.2 Asides

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

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}

#rpwe_widget-3 {

    padding-top: 30px;

}

#secondary .rpwe-block h3 {

    font-size: 18px !important;

}

#secondary .rpwe-ul {

    margin-left: 0;

    list-style-type: none;

}

#secondary .rpwe-ul li {

    background-image: none;

    padding-left: 0;

}

.rpwe-summary {

    font-size: 15px !important;

}

#secondary .rpwe-block li {

    border-bottom: none;

}

#secondary .attachment-post-thumbnail {

    padding-bottom: 30px;

}

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

10.3 Comments

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



.comments-area {

	margin: 20px 10px;

	max-width: 600px;

}



.comment-reply-title,

.comments-title {

	font: 700 16px/1.5 Arial, sans-serif;

	margin: 0;

}



.comment-list {

	list-style: none;

	margin: 0 0 48px 0;

}



.comment-author {

	font-size: 14px;

	line-height: 1.7142857142;

}



.comment-list .reply,

.comment-metadata {

	font-size: 12px;

	line-height: 2;

	text-transform: uppercase;

}



.comment-list .reply {

	margin-top: 24px;

}



.comment-author .fn {

	font-weight: 900;

}



.comment-author a {

	color: #2b2b2b;

}



.comment-list .trackback a,

.comment-list .pingback a,

.comment-metadata a {

	color: #767676;

}



.comment-author a:hover,

.comment-list .pingback a:hover,

.comment-list .trackback a:hover,

.comment-metadata a:hover {

	color: #41a62a;

}



.comment-list .pingback,

.comment-list .trackback {

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	margin-bottom: 24px;

	padding-top: 24px;

}

.comment-list article {

 	border-top: 1px solid rgba(0, 0, 0, 0.1);

	margin-bottom: 24px;

	padding-top: 0;   

}



.comment-list > li:first-child > article,

.comment-list > .pingback:first-child,

.comment-list > .trackback:first-child {

	border-top: 0;

}



.comment-author {

	position: relative;

}



.comment-author .avatar {

	border: 1px solid rgba(0, 0, 0, 0.1);

	height: 18px;

	padding: 2px;

	position: absolute;

	top: 0;

	left: 0;

	width: 18px;

}



.bypostauthor > article .fn:before {

	content: "\f408";

	margin: 0 2px 0 -2px;

	position: relative;

	top: -1px;

}



.says {

	display: none;

}



.comment-author,

.comment-awaiting-moderation,

.comment-content,

.comment-list .reply,

.comment-metadata {

	padding-left: 30px;

}



.comment-edit-link {

	margin-left: 10px;

}



.comment-edit-link:before {

	content: "\f411";

}



.comment-reply-link:before,

.comment-reply-login:before {

	content: "\f412";

	margin-right: 2px;

}



.comment-content {

	-webkit-hyphens: auto;

	-moz-hyphens:    auto;

	-ms-hyphens:     auto;

	hyphens:         auto;

	word-wrap: break-word;

}



.comment-content ul,

.comment-content ol {

	margin: 0 0 24px 22px;

}



.comment-content li > ul,

.comment-content li > ol {

	margin-bottom: 0;

}



.comment-content > :last-child {

	margin-bottom: 0;

}



.comment-list .children {

	list-style: none;

	margin-left: 15px;

}



.comment-respond {

	margin-bottom: 24px;

	padding: 0;

}



.comment .comment-respond {

	margin-top: 24px;

}



.comment-respond h3 {

	margin-top: 0;

	margin-bottom: 24px;

    font-weight: normal;

}



.comment-notes,

.comment-awaiting-moderation,

.logged-in-as,

.no-comments,

.form-allowed-tags,

.form-allowed-tags code {

	color: #767676;

}



.comment-notes,

.comment-awaiting-moderation,

.logged-in-as {

	font-size: 14px;

	line-height: 1.7142857142;

}



.no-comments {

	font-size: 16px;

	font-weight: 900;

	line-height: 1.5;

	margin-top: 24px;

	text-transform: uppercase;

}



.comment-form label {

	display: block;

}



.comment-form input[type="text"],

.comment-form input[type="email"],

.comment-form input[type="url"] {

	width: 100%;

}



.form-allowed-tags,

.form-allowed-tags code {

	font-size: 12px;

	line-height: 1.5;

}



.required {

	color: #c0392b;

}



.comment-reply-title small a {

	color: #2b2b2b;

	float: right;

	height: 24px;

	overflow: hidden;

	width: 24px;

}



.comment-reply-title small a:hover {

	color: #41a62a;

}



.comment-reply-title small a:before {

	content: "\f405";

	font-size: 32px;

}



.comment-navigation {

	font-size: 12px;

	line-height: 2;

	margin-bottom: 48px;

	text-transform: uppercase;

}



.comment-navigation .nav-next,

.comment-navigation .nav-previous {

	display: inline-block;

}



.comment-navigation .nav-previous a {

	margin-right: 10px;

}



#comment-nav-above {

	margin-top: 36px;

	margin-bottom: 0;

}



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

11.0 Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {

	display: block;

}



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

12.0 Media

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

.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



/* WordPress galleries */



.site-main .gallery {

	margin-bottom: 1.5em;

}

.site-main .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

.site-main .gallery dd,

.site-main .gallery figcaption {

	margin: 0;

}

.gallery-item {

	display: inline-block;

	margin: 0 4px 4px 0;

	overflow: hidden;

	position: relative;

}



.gallery-columns-1 .gallery-item {

	max-width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 48%;

	max-width: -webkit-calc(50% - 4px);

	max-width:         calc(50% - 4px);

}



.gallery-columns-3 .gallery-item {

	max-width: 32%;

	max-width: -webkit-calc(33.3% - 4px);

	max-width:         calc(33.3% - 4px);

}



.gallery-columns-4 .gallery-item {

	max-width: 23%;

	max-width: -webkit-calc(25% - 4px);

	max-width:         calc(25% - 4px);

}



.gallery-columns-5 .gallery-item {

	max-width: 19%;

	max-width: -webkit-calc(20% - 4px);

	max-width:         calc(20% - 4px);

}



.gallery-columns-6 .gallery-item {

	max-width: 15%;

	max-width: -webkit-calc(16.7% - 4px);

	max-width:         calc(16.7% - 4px);

}



.gallery-columns-7 .gallery-item {

	max-width: 13%;

	max-width: -webkit-calc(14.28% - 4px);

	max-width:         calc(14.28% - 4px);

}



.gallery-columns-8 .gallery-item {

	max-width: 11%;

	max-width: -webkit-calc(12.5% - 4px);

	max-width:         calc(12.5% - 4px);

}



.gallery-columns-9 .gallery-item {

	max-width: 9%;

	max-width: -webkit-calc(11.1% - 4px);

	max-width:         calc(11.1% - 4px);

}



.gallery-columns-1 .gallery-item:nth-of-type(1n),

.gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) {

	margin-right: 0;

}



.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),

.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {

	clear: left;

}



.gallery-caption {

	background-color: rgba(0, 0, 0, 0.7);

	-webkit-box-sizing: border-box;

	-moz-box-sizing:    border-box;

	box-sizing:         border-box;

	color: #fff;

	font-size: 12px;

	line-height: 1.5;

	margin: 0;

	max-height: 50%;

	opacity: 0;

	padding: 6px 8px;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: left;

	width: 100%;

}



.gallery-caption:before {

	content: "";

	height: 100%;

	min-height: 49px;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}



.gallery-item:hover .gallery-caption {

	opacity: 1;

}



.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}



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

13.0 Gridiculous

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

.grid{margin:0 auto;max-width:1080px;width:100%}

img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}

.wfull{width:100%;max-width:100%}

.w320{max-width:320px}

.w640{max-width:640px}

.w960{max-width:960px}

.row{width:100%;margin-bottom:20px}

.row .row{width:auto;margin:0 -20px}

.c1{width:8.33%}

.c2{width:16.66%}

.c3{width:25%}

.c4{width:33.33%}

.c5{width:41.66%}

.c6{width:50%}

.c7{width:58.33%}

.c8{width:66.66%}

.c9{width:75%}

.c10{width:83.33%}

.c11{width:91.66%}

.c12{width:100%}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}

.s1{margin-left:8.33%}

.s2{margin-left:16.66%}

.s3{margin-left:25%}

.s4{margin-left:33.33%}

.s5{margin-left:41.66%}

.s6{margin-left:50%}

.s7{margin-left:58.33%}

.s8{margin-left:66.66%}

.s9{margin-left:75%}

.s10{margin-left:83.33%}

.s11{margin-left:91.66%}

.end{float:right!important}

.no-pad {padding-right: 0;padding-left: 0;}



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

14.0 Media Queries

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

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

    .main-navigation a.button {

        display: none;

    }

    #secondary a.member {

        display: block;

        margin-bottom: 20px;

        color: #fff;

    }

    #opt-in {

        padding: 15px 40px 15px 20px;

    }

}



/* =Media query for 960 Screens - sets nested grids to 100%

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

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

.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}

.row .row > div:last-child{margin-bottom:0 !important}

    #opt-in, #opt-in #mc_embed_signup h3 {

        font-size: 16px;

    }

}



/* =Media query for iPad and tablets

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

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

.row{margin-bottom:0!important}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}

    #opt-in #mc_embed_signup h3 {

             display: block !important;

             width: 100%;

    }

    #opt-in {

        padding-left: 40px;

    }

    #opt-in .s2, #opt-in .c4, #opt-in .c6 {

        padding: 0;

        margin-bottom: 0;

    }

}

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

    #page {

        padding-top: 20px;

    }

}
/* CClary: don't show violin image on home page on phones, small screens 
 * ------------------------------------------------------------------------ */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	div.c2 img {
		display: none;
	}
}