@import 'https://fonts.googleapis.com/css?family=Work+Sans|Open+Sans';

/*--== Globals ==--*/
body,
button,
input,
select,
textarea {
	color:#333;
	font-size:16px;
	font-size:1em;
	font-size:1rem;
	line-height:1.5;
	font-family:'Work Sans', serif;
	font-weight:300; }

body { background-color:#fff; }

strong { font-weight:700; }
em { font-style:italic; }
img, object, embed, video { max-width:100%; }

header, h1, h2, h3, h4, h5, th { font-family:'Open Sans', Arial, sans-serif; font-weight:700; color:#4f4f4f; }
h1, h2, h3, h4, h5 { margin-top:1em; }
p { margin-top:.5em; }

/*--== Font Sizes ==--*/
h1 {
	font-size:24px;
	font-size:1.5rem; /* 24 / 16 */ }
h2 {
	font-size:20px;
	font-size:1.25rem; /* 20 / 16 */
	line-height:1; }
h3 {
	font-size:18px;
	font-size:1.125rem; /* 18 / 16 */ }
h4 {
	font-size:16px;
	font-size:1rem; /* 16 / 16 */ }
h5 {
	font-size:14px;
	font-size:0.875rem; /* 14 / 16 */ }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*--== Font Sizes (mobile) ==--*/
@media screen and (max-width:579px) {
body,
button,
input,
select,
textarea {
	font-size:12px;
	font-size:.75rem; /* 12 / 16 */ }
h1 {
	font-size:18px;
	font-size:1.125rem; /* 18 / 16 */ }
h2 {
	font-size:16px;
	font-size:1rem; /* 16(15) / 16 */ }
h3 {
	font-size:14px;
	font-size:0.875rem; /* 14(13.5) / 16 */ }
h4 {
	font-size:12px;
	font-size:.75rem; /* 12 / 16 */ }
h5 {
	font-size:10px;
	font-size:0.625rem; /* 10(10.5) / 16 */ }
.mobile-hide { display:none; }
}


/*--== Globals ==--*/
a,
a:visited { color:#a61e22; background-color:transparent; text-decoration:underline;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out; }
a:hover,
a:focus,
a:active { color:white; background-color:#a61e22; text-decoration:none; }
a.imglink:hover,
a.imglink:focus,
a.imglink:active { color:#a61e22; background-color:transparent; }

.video-container {
	position:relative;
	padding-bottom:55%;
	padding-top:10px;
	height:0;
	overflow:hidden; }
.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%; }

.innerbox { max-width:1200px; margin:0 auto; padding:0 4px; }

.row { min-height:1px; overflow:hidden; position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
.nobr  { white-space:nowrap; }
.clear { clear:both; }

.w75 { width:75%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.w75-100 { width:75%; height:auto; display:block; margin-left:auto; margin-right:auto; }
.w100 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }

.hl-lj { color:#4f4f4f; font-family:'Open Sans', Arial, sans-serif; font-weight:700; }
.hl-fa { color:#a61e22; font-family:'Open Sans', Arial, sans-serif; font-weight:700; }
a:hover .hl-fa,
a:focus .hl-fa,
a:active .hl-fa { color:white; background-color:#a61e22; text-decoration:none; }

.smaller { font-size:85%; }

.tablet-hide { display:none; }

.hidden { display:none; }



/*--== #pageheader ==--*/
#pageheader { background-color:white; color:#747474; border-top:2px solid #747474; }
#pageheader header { position:relative; /*display: block; clear: both; */}
#pageheader header::after { content: ''; display: block; clear: both; }
/* 1028 x 168 */
#pageheader a.logo { display:block; float:left; /*width:385px; height:64px;*/ /*width:25em; height:4em;*/ width:31em; height:5em;
	max-width:85%; max-width:calc(100% - 3em); padding:.5em 0; border-top:4px solid white;
	background:url(../img/la-jolla-fencing-academy-logo.svg) no-repeat 0 center; background-size:contain; }
#pageheader a.logo { border-top-color:transparent; }
#pageheader a.logo span { display:none; }
a#menu-toggle { display:block; float:right; padding:0; font-size:300%; z-index:9999;}
a#menu-toggle,
a#menu-toggle:visited { color:#ccc; background-color:transparent; }
a#menu-toggle:hover { color:#a61e22; background-color:transparent; }

/*--== nav#menu ==--*/
nav#menu { margin:0; padding:0 4px; background-color:#222; z-index:8888; position:absolute; width:100%; top:100%; }
nav#menu ul { list-style:none; margin:0; padding:0 0 0 0; }
nav#menu ul li a,
nav#menu ul li a:visited { color:#ccc; background-color:transparent;
	display:block; width:auto; padding:.5em 1em; border-left:1px solid #000; border-bottom:1px solid #000; }
nav#menu ul li a:hover { color:#a61e22; background-color:#ccc; }
nav#menu ul ul { margin:0 0 0 2em; }
nav#menu a { text-decoration:none; }
nav#menu > ul > li > a { text-transform:uppercase; }
nav#menu { display:none; }
nav#menu ul ul li.curr a  { color:#a61e22; background-color:#999; border-top:0; }
nav#menu ul ul li a:hover { color:#a61e22; background-color:#ccc; }

/*--== .recommended ==--*/
.recommended { background-color:#21121A; color:#747474; border-top:2px solid #a61e22; }
.recommended ul { max-width:1200px; margin:0 auto; padding:0 4px; position:relative; }
.recommended ul li { display:block; margin:0; padding:0; position:relative; }
.recommended ul li { width:49.5%; float:left; }
.recommended ul::after { content:''; display:block; clear:both; }
.recommended span { display:block; position:absolute; margin:auto 0; top:0; bottom:0; right:50%; font-size:4em; text-align:right; color:#601C1E; color:rgba(166,30,34,.5); }
.recommended a { display:block; height:4.5em; padding:2em 0 0 50%; padding-left:calc(50% - 1em); position:relative;
	text-decoration:none; font-family:'Open Sans', Arial, sans-serif; font-weight:700; text-transform:uppercase; }
.recommended a,
.recommended a:visited { color:#ccc; background-color:transparent; }
.recommended a:hover,
.recommended a:focus,
.recommended a:active { color:white; background-color:transparent; }
.recommended li:hover span { color:#a61e22; }

/*--== .entry-header ==--*/
.entry-header { margin-bottom:10px; background-color:#370A0B; color:#ccc; }
.entry-header h1 { margin-top:0; padding:1em 0; text-transform:uppercase; color: #999; }
.entry-header .breadcrumbs {  background-color:#2D1923; color:#747474; border-top:2px solid #a61e22; padding-top:.33em; padding-bottom:.33em; font-size:80%; text-align:right; }
.entry-header .breadcrumbs a, .entry-header .breadcrumbs a:visited { color:#999; background-color:transparent; text-decoration:none; }
.entry-header .breadcrumbs a:hover, .entry-header .breadcrumbs a:focus, .entry-header .breadcrumbs a:active { color:#ccc; background-color:transparent; text-decoration:underline; }





/*--== #main ==--*/
#main { margin:3em 0; }
#main::after { content:''; display:block; clear:both; }

/*--== #main .main-content ==--*/
.main-content { min-height:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
aside.main-content { border-top:1px solid #d9d9d9; margin-top:1.5em; padding-top:1.5em; }
section.main-content h1,
.page-content h3 { text-transform:uppercase; line-height:1.5; }
section.main-content h1 span.emphasize { font-size:150%; text-transform:uppercase; display:block; }
.page-content h3 span.emphasize { font-size:125%; text-transform:uppercase; display:block; }
.main-content article { margin-top:1.5em; padding-top:1.5em; }
.main-content article:nth-child(1) { margin-top:0; padding-top:0; }
.main-content .hr { border-top:1px solid #d9d9d9; }
.main-content .img-right { width:33.333333%; float:right; margin:1em 0 1em 1.5em; }

/*--== footer ==--*/
footer { clear:both; width:100%; margin:0 auto; background-color:#2D1923; color:#999; }
footer h4  { color:#ccc; }
footer a,
footer a:visited { color:#999; background-color:transparent; text-decoration:none; }
footer a:hover,
footer a:focus,
footer a:active { color:#ccc; background-color:transparent; text-decoration:underline; }
footer .upper-footer { background-color:#21121A; color:#747474; border-bottom:2px solid #a61e22; /*padding-top:1em; padding-bottom:1em;*/ }
footer .lower-footer { background-color:#21121A; color:#747474; border-top:2px solid #a61e22; padding-top:1em; padding-bottom:1em; font-size:80%; text-align:right; }
footer .upper-footer img { display:block; width:75%; margin:0 auto; }
footer > .innerbox { padding-top:1.5em; padding-bottom:1.5em; }
footer aside,
footer section { float:left; width:50%;
	min-height:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
footer section article { padding-left:2em; padding-bottom:2em;
	min-height:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
footer section article:nth-child(2) { padding-bottom:0; }
footer ul li { border-top:1px solid #6B6B6B; padding-top:.5em; margin-top:.5em; }





/*--== .page-content ==--*/
.page-content article, .page-content div.article { margin:3em 0 5em 0; }
.page-content article::after, .page-content div.article::after { content:''; display:block; clear:both; }

.page-content .featured,
.page-content .featured-left,
.page-content .featured-right { width:100%; height:auto; display:block;
	margin-top:-2.5em; margin-top:calc(-3em + 4px); margin-right:0; margin-bottom:1em; margin-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }

.page-content .featured figcaption,
.page-content .featured-left figcaption,
.page-content .featured-right figcaption { max-width:100%; margin-bottom:1.5em; color:#666; font-size:.8em; font-style:italic; }


.page-content h2 { text-transform:uppercase; font-weight:300; line-height:2; border-left:4px solid #a61e22; padding-left:1em; margin-top:4em; margin-bottom:.2em; }
.page-content h3 { /*text-transform:uppercase; font-weight:300; line-height:2; border-left:4px solid #a61e22;*/ padding-left:1.5em; margin-bottom:.2em; }

.page-content p,
.page-content p.statement { line-height:1.5; margin-bottom:1em; }

/*--== article.partner ==--*/
article.partner { display:block; width:75%; margin:2em auto 0 auto; padding:1em; background-color:#ffd5b8; color:black; }
article.partner img { display:block; width:100%; height:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
article.partner p { line-height:1.5; font-family:'Open Sans', Arial, sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
article.partner::after { content:''; display:block; clear:both; }


/*--== article.coach ==--*/
article.coach { display:block; margin-top:2em; border-top:1px solid #d9d9d9; }
article.coach::after { content:''; display:block; clear:both; }
article.coach h2 { text-transform:uppercase; font-weight:300; line-height:2; border-left:4px solid #a61e22; padding-left:1em; margin-top:.2em; margin-bottom:.2em; }
article.coach img { float:left; margin-bottom:12px; margin-right:24px; border:1px solid #d9d9d9; }
article.coach p { line-height:1.75; }

/*--== dl.coach ==--*/
dl.coach::after { content:''; display:block; clear:both; }
dl.coach dt { float:left; margin:0 24px 12px 0; text-align:center; font-family:'Open Sans', Arial, sans-serif; text-transform:uppercase; font-weight:700; color:#666666; }
dl.coach dt a { text-decoration:none; color:#666666; border-bottom:1px solid #a61e22; }
dl.coach dt a:hover,
dl.coach dt a:focus,
dl.coach dt a:active { color:white; }
dl.coach dt img { display:block; margin:0; border:1px solid #d9d9d9; }
dl.coach dd { line-height:1.75; }

/*--== article.menulink ==--*/
article.menulink { display:block; margin-top:2em; }
article.menulink::after { content:''; display:block; clear:both; }
article.menulink div.menulink { min-height:200px; background:url(../img/fencing-articles.jpg) no-repeat center center; background-size:cover; }
article.menulink h2 { text-transform:uppercase; font-weight:300; line-height:1.5; font-size:150%; border-left:4px solid #a61e22; padding-left:1em; margin-top:.5em; margin-bottom:.2em; color:#666; }
article.menulink p { font-size:90%; border-left:4px solid white; padding-left:1em; margin-top:0; margin-bottom:.2em; color:#666; line-height:1.75; }
article.menulink a,
article.menulink a:visited { text-decoration:none; color:#666; background-color:transparent; }
article.menulink a:hover { text-decoration:underline; color:#666; background-color:transparent; }

/*--== article.imagelink ==--*/
article.imagelink { display:block; margin-top:2em; }
article.imagelink::after { content:''; display:block; clear:both; }
article.imagelink div.imagelink { min-height:200px; background:url(../img/fencing-articles.jpg) no-repeat center center; background-size:cover; }
article.imagelink h2 { text-transform:uppercase; font-weight:300; line-height:1.5; font-size:90%; border-left:4px solid #a61e22; padding-left:1em; margin-top:.5em; margin-bottom:.2em; color:#666; }
article.imagelink p { font-size:90%; border-left:4px solid white; padding-left:1em; margin-top:0; margin-bottom:.2em; color:#666; line-height:1.75; }
article.imagelink a,
article.imagelink a:visited { text-decoration:none; color:#666; background-color:transparent; }
article.imagelink a:hover { text-decoration:underline; color:#666; background-color:transparent; }

/*--== featured-article ==--*/
article.featured-article { clear:both; margin-bottom:9em; }
article.featured-article blockquote  { margin-left:3em; padding:1em 0; color:#444; position:relative;
	background:rgba(166, 30, 34, 0.1);
	background: -webkit-linear-gradient(left, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* Standard syntax */
}
article.featured-article blockquote p { margin:1em 1em 1em 3em; }
article.featured-article blockquote p.quote { font-style:italic; font-size:1.2em; }
article.featured-article blockquote p.credit { color:#777; font-size:1em; margin-top:0; padding-left:2em; line-height:1.3em; position:relative; font-family:'Open Sans', Arial, sans-serif; }
article.featured-article blockquote::before { content:'\201c'; color:#a61e22; position:absolute; top:0; left:.1em; font-size:5em; font-family:serif; }
article.featured-article blockquote p.quote::after { content:'\201d'; font-family:serif; color:#a61e22; }
article.featured-article blockquote p.credit::before { content:'\2014'; position:absolute; top:0; left:0; }
article.featured-article  p.read-more { position:relative; 	margin-top:-9em; padding-top:8em;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Standard syntax */
}
article.featured-article  p.read-more a { font-family:'Open Sans', Arial, sans-serif; font-weight:700; padding:0.5em 2em; }


/*--== form ==--*/
input, textarea, select { background:#f9f9f9; border:1px solid #ccc; padding:.5em 1em; outline:0; max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
input[type='submit'],
input.submit-button,
button.submit-button { cursor:pointer; float:right; background:#a61e22; font-family:'Open Sans', Arial, sans-serif; font-weight:700; text-transform:uppercase; color:#ccc; width:auto; padding: .5em 1em; }
form label.error { display:block; color:red; font-size:75%; }
input.error, textarea.error, select.error { border-color:red; }

form.contact input[type='text'],
form.contact input[type='email'],
form.contact textarea { width:100%; }
form.contact input[type='submit'] { width:auto; }

.ui-datepicker select { padding:.5em; } /* correct padding:.5em 1em; when the fourth digit of the year drop down is not visible */
form.register fieldset { margin-bottom:1.5em; }
form.register legend { display:block; width:100%; border-bottom:1px solid #ccc; font-family:'Open Sans', Arial, sans-serif; font-weight:700; text-transform:uppercase; }
form.register p { position:relative; }
form.register p::after { content:''; display:block; clear:both; }
form.register input[type='text'],
form.register input[type='password'],
form.register input[type='email'],
form.register select,
form.register textarea { display:block; margin-left:33%; }
form.register input[type='text'],
form.register input[type='email'],
form.register input[type='password'],
form.register textarea { width:66%; }
form.register label { display:block; position:absolute; top:0; right:70%; max-width:30%; }
form.register input[type='submit'] { width:auto; }
form.register span.error { display:block; color:red; font-size:75%; margin-left:33%; }
form.register label.error { position:static; max-width:100%; }
form.register div.waiver { background:#f9f9f9; border:1px solid #ccc; font-family:'Open Sans', Arial, sans-serif;
    padding: 1em;
    margin:.5em 0;
    font-size: 75%;
    line-height:100%;
    height: 300px;
    overflow: scroll;
    width:100%; max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
form.register div.waiver p { line-height:100%; }
form.register div.waiver li ul,
form.register div.waiver li ol { margin:0 1.5em; }
form.register div.waiver ul,
form.register div.waiver ol { margin:0 1.5em 1.5em 1.5em; }
form.register div.waiver ul { list-style-type:disc; }
form.register div.waiver ol { list-style-type:decimal; }
form.register div.waiver ol ol { list-style: upper-alpha; }
form.register div.waiver ol ol ol { list-style: lower-roman; }
form.register div.waiver ol ol ol ol { 	list-style: lower-alpha; }

/*--== ul.columnlist ==--*/
/*--== ul.checklist ==--*/
ul.columnlist,
ul.checklist { margin-top:2em; margin-bottom:2em; }
ul.columnlist li,
ul.checklist li { padding-left:10em; position:relative; margin-bottom:.5em; line-height:1.75;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
ul.columnlist li::before,
ul.checklist li::before { content:'\f046'; display:block; position:absolute; height:100%; font-family:FontAwesome; font-size:175%; top:-.375em; left:4em; padding-right:1em; color:#a61e22; }
ul.checklist li.featured { padding-left:0; margin-top:-2.5em; margin-top:calc(-3em + 4px); }
ul.checklist li.featured::before { content:none; }
ul.checklist li.featured img { width:100%; height:auto; display:block; margin-bottom:1em; }

ul.exclamation li::before { content:'\f06a'; }
ul.document li::before { content:'\f0f6'; }

/*--== ul.colledgelist ==--*/
ul.colledgelist { margin-top:2em; margin-bottom:2em; }
ul.colledgelist li { padding-left:4em; position:relative; margin-bottom:.5em; line-height:1.75; float:left; width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
ul.colledgelist li::before { content:'\f19d'; display:block; position:absolute; height:100%; font-family:FontAwesome; font-size:150%; top:-.275em; left:1em; padding-right:1em; color:#a61e22; }
ul.colledgelist::after { content:''; display:block; clear:both; }

/*--== ul.iconlist ==--*/
ul.iconlist { margin-top:2em; margin-bottom:2em; }
ul.iconlist li { padding-left:10em; position:relative; margin-bottom:2em; line-height:1.75;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
ul.iconlist li::before { content:'\f105'; /*'\f054'; */display:block; position:absolute; height:100%; font-family:FontAwesome; font-size:175%; top:-.375em; left:4em; padding-right:1em; color:#a61e22; }
ul.iconlist li.address::before   { content:'\f041'; }
ul.iconlist li.phone::before       { content:'\f095'; }
ul.iconlist li.email::before       { content:'\f0e0'; }
ul.iconlist li.document::before { content:'\f0f6'; }
ul.iconlist li.hand::before         { content:'\f0a4'; }

/*--== ul.gallery ==--*/
ul.gallery { margin-top:2em; margin-bottom:2em; }
ul.gallery li { position:relative; margin-bottom:2em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }

/*--== ul.popup-gallery ==--*/
ul.popup-gallery { margin-top:2em; margin-bottom:2em; }
ul.popup-gallery li { position:relative; margin-bottom:2em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
ul.popup-gallery li {width:50%; float:left; padding-left:1em; padding-right:1em; text-align:center; }
ul.popup-gallery li:nth-child(2n+1) { clear:both; }
ul.popup-gallery::after { content:''; display:block; clear:both; }

/*--== ul.pagelinks ==--*/
ul.pagelinks { margin-top:2em; margin-bottom:2em; }
ul.pagelinks li { display:block; /*float:left; */border-left:2px solid #ccc; padding-left:.5em; margin-right:10em; line-height:1.75;}
ul.pagelinks a { font-family:'Open Sans', Arial, sans-serif; font-weight:700; text-transform:uppercase; }
ul.pagelinks::after { content:''; display:block; clear:both; }

/*--== ul.steplist ==--*/
ul.steplist { margin-top:2em; margin-bottom:2em; }
ul.steplist li { margin-top:2em; border-top:1px solid #d9d9d9; }

.asterisk  { font-family:FontAwesome; font-size:125%; color:#a61e22; }

/*--== ul.condenced ==--*/
ul.condenced { margin-top:0; margin-bottom:0; }
ul.condenced li { padding-left:1em; position:relative; margin-bottom:0; text-align:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
ul.condenced li::before { content:'\f105'; /*'\f054'; */display:block; position:absolute; height:100%; font-family:FontAwesome; /*font-size:175%; */top:0; left:0; padding-right:1em; color:#a61e22; }

/*--== div.note ==--*/
div.note { padding:0 1em 2em 4em; position:relative; margin:0 0 4px 0; font-size:85%; line-height:1.5;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
div.note::before { content:'*'; /*'\f06a';*/ display:block; position:absolute; height:100%; font-family:FontAwesome; font-size:175%; top:-.2em; left:.6em; color:#a61e22; }
div.emphasize { padding:1em 1em 1em 4em; margin-top:-1em; margin-left:6em; margin-right:1.5em; margin-bottom:4px; background-color:#f9f9f9; border:1px solid #ccc; clear:both; }
div.note.emphasize::before { font-size:250%; top:0; }
div.important { padding:1em 1em 1em 4em; background-color:#f9f9f9; border:1px solid #a61e22; clear:both; }
div.note.important::before { content:'\f071'; top:0; top:calc(50% - .8em); left:.3em; font-size:250%; color:rgba(166, 30, 34, .7); }

/*--== table.list ==--*/
table.list { width:96%; width:calc(100% - 3em); margin:1em auto 2em auto; border-collapse:collapse; }
table.list th { padding:1em 1em 0.5em 1em; text-align:center; vertical-align:middle; text-transform:uppercase; font-weight:300; color:#a61e22; border-bottom:1px solid #a61e22; }
table.list td { padding:1em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; }

table.list tr.double-bottom,
table.list td.double-bottom { border-bottom:2px solid #ccc; }

table.list th.alignleft, table.list td.alignleft, th.alignleft, td.alignleft { text-align:left; }
table.list th.alignright, table.list td.alignright, th.alignright, td.alignright { text-align:right; }

dt { margin-top:1em; font-family:'Open Sans', Arial, sans-serif; font-weight:700; font-size:90%; text-transform:uppercase; color:#666666; /*color:#7b1417; /*#6e1416;/*#370A0B; #a61e22*/}
dd { padding-left:80px; margin-bottom:2em; }


/*--== .hide-link-div ==--*/
.hide-link-div { position:relative; padding:1em 3em; margin-top:2em;
	font-family:'Open Sans', Arial, sans-serif; font-weight:700;
		font-size:20px;
		font-size:1.25rem; /* 20 / 16 */
		line-height:1;
		color:#666;
		background-color:#eee;
		background:rgba(166, 30, 34, 0.1);
		background: -webkit-linear-gradient(left, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0)); /* Standard syntax */
}
.hide-link-div a { text-decoration:none; color:#666; background-color:transparent; }
.hide-link-div a:hover,
.hide-link-div a:focus,
.hide-link-div a:active { color:#a61e22; background-color:transparent; text-decoration:none; }
.hide-link::before { display:block; position:absolute; height:100%; top:.25em; left:.5em; padding-right:1em;
	content:'\f0da';/*'\f055';*/ font-family:FontAwesome; font-size:200%; }
.hide-link.shown::before { content:'\f0d7';/*'\f056';*/ }






/**************************************** @media screen and (min-width:580px) */
@media screen and (min-width:580px) {
.w75-100 { width:100%; }
.row::after { content:''; display:block; clear:both; }

.recommended ul li { width:33%; float:left; }
.recommended span { 1font-size:4em; }

section.main-content { float:left; width:62.5%; padding-right:1em; }
aside.main-content   { float:left; width:37.5%; padding-left:1em; border-top:0; margin-top:0; padding-top:0; }
aside.main-content::before { content:''; position:absolute; border-left:1px solid #d9d9d9; height:100%; margin-left:-1em; }

.page-content h3 span.emphasize { font-size:130%; }

footer .upper-footer { padding-top:1.5em; padding-bottom:1em; }
footer .upper-footer img { display:none; }
footer .upper-footer .innerbox::before { content:url(../img/unleash-your-fource-with-fencing-l.svg); display:block; width:75%;/*100%;*/ margin:0 auto; }
footer aside { width:30%; }
footer section { width:70%; }
footer section article { clear:none; float:left; width:50%; }

.page-content article .featured-left.one-third   { width:50%; height:auto; display:block; float:left; margin-right:2em; }
.page-content article .featured-right.one-third { width:50%; height:auto; display:block; float:right; margin-left:2em; }

article.partner p { font-size:80%; }

article.coach p { margin-left:184px; }

form.contact input[type='text'],
form.contact input[type='email'] { width:66.666666%; }

ul.colledgelist li { width:33.3333%; }

/* ul.popup-gallery */
ul.popup-gallery li { width:25%; }
ul.popup-gallery li:nth-child(2n+1) { clear:none; }
ul.popup-gallery li:nth-child(4n+1) { clear:both; }
}










/**************************************** @media screen and (min-width:980px) */
@media screen and (min-width:980px) {
.tablet-hide { display:block; }

.recommended ul li { width:16.6%; float:left; }

section.main-content { /*float:left;*/ width:75%; padding-right:2em; }
aside.main-content   { /*float:left;*/ width:25%; padding-left:2em; }
aside.main-content::before { margin-left:-2em; }
.main-content .img-right { width:25%; }

.page-content h3 span.emphasize { font-size:140%; }

footer .upper-footer { padding-top:2.5em; padding-bottom:2em; }
footer .upper-footer .innerbox::before { width:65%;/*100%;*/ }
footer aside { width:20%; }
footer section { width:80%; }
footer section article { float:left; width:33.333333333333336%; padding-left:2em; }



.page-content article .featured-left   { width:50%; height:auto; display:block; float:left; margin-right:2em; }
.page-content article .featured-right { width:50%; height:auto; display:block; float:right; margin-left:2em; }
.page-content article .featured-left.one-third,
.page-content article .featured-right.one-third { width:33.333333333333336%; }

article { clear:both; }
/* article.partner */
article.partner { width:80%; }
article.partner img { width:45%; float:left; }
article.partner p { width:55%; float:left; margin:0; padding-left:1em; }

/* article.coach */
article.coach { clear:none; width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
article.coach:nth-child(odd) { padding-right:2em; clear:both; }
article.coach:nth-child(even) { padding-left:2em; }

/* article.menulink */
article.menulink { clear:none; width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
article.menulink:nth-child(odd) { padding-right:2em; clear:both; }
article.menulink:nth-child(even) { padding-left:2em; }

/* article.imagelink */
article.imagelink { clear:none; width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
article.imagelink:nth-child(odd) { padding-right:2em; clear:both; }
article.imagelink:nth-child(even) { padding-left:2em; }

/* article.featured-article */
article.featured-article blockquote  {
	background:rgba(166, 30, 34, 0.1);
	background: -webkit-linear-gradient(left, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0), rgba(166, 30, 34, 0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0), rgba(166, 30, 34, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0), rgba(166, 30, 34, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(166, 30, 34, 0.1), rgba(166, 30, 34, 0), rgba(166, 30, 34, 0)); /* Standard syntax */
}

/* form */
form.contact input[type='text'],
form.contact input[type='email'] { width:50%; }

ul.columnlist { columns:2; }

ul.checklist li.featured,
ul.checklist li {width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
ul.checklist li:nth-child(odd) { clear:both; }
ul.checklist.first-full li:nth-child(1),
ul.checklist.all-full li  {width:100%; float:none; }
ul.checklist.first-full li:nth-child(odd),
ul.checklist.all-full li { clear:none; }
ul.checklist.first-full li:nth-child(even) { clear:both; }
ul.checklist::after { content:''; display:block; clear:both; }

/* ul.steplist */
ul.steplist li.featured,
ul.steplist li {width:50%; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
ul.steplist li:nth-child(odd) { clear:both; }
ul.steplist.first-full li:nth-child(1) {width:100%; float:none; }
ul.steplist.first-full li:nth-child(odd) { clear:none; }
ul.steplist.first-full li:nth-child(even) { clear:both; }
ul.steplist::after { content:''; display:block; clear:both; }

/* ul.colledgelist */
ul.colledgelist li { width:25%; }

/* ul.gallery */
ul.gallery li {width:50%; float:left; }
ul.gallery li:nth-child(odd) { padding-right:1em; clear:both; }
ul.gallery li:nth-child(even) { padding-left:1em; }
ul.gallery::after { content:''; display:block; clear:both; }

/* ul.popup-gallery */
ul.popup-gallery li { width:16.66666666666666%; }
ul.popup-gallery li:nth-child(4n+1) { clear:none; }
ul.popup-gallery li:nth-child(6n+1) { clear:both; }
}









/**************************************** @media screen and (min-width:700px) */
@media screen and (min-width:700px) {
#pageheader a.logo { background-position:0 0; float:left; }

nav#menu { padding:0; background-color:transparent; }
a#menu-toggle { display:none; }
nav#menu { display:block; float:right; position:static; width:auto; }
/*nav#menu > ul > li { float:left; position:relative; }*/
nav#menu ul { padding-bottom:0; }
nav#menu ul li { float:left; position:relative; }
/*nav#menu > ul > li > a { font-size:.75em; }*/
nav#menu ul ul li { float:none; position:static; }
nav#menu ul li a,
nav#menu ul li a:visited { color:#747474; background-color:transparent; border:0; border-top:4px solid white; }
nav#menu ul li a,
nav#menu ul li a:visited { border-top-color:transparent; }
nav#menu ul li a:hover,
nav#menu ul > li.curr > a,
nav#menu ul > li:hover > a { color:#a61e22; background-color:transparent; border:0; border-top:4px solid #a61e22; }
nav#menu ul ul li a,
nav#menu ul ul li a:visited,
nav#menu ul ul li a:hover { border:0; }
nav#menu ul ul li a,
nav#menu ul ul li a:visited { color:#ccc; }
nav#menu ul ul li.curr a  { color:#a61e22; background-color:#999; border-top:0; }
nav#menu ul ul li a:hover { color:#a61e22; background-color:#ccc; }

/*nav#menu > ul > li > a { display:inline-block; }*/
/*nav#menu ul ul { display:none; }*/
nav#menu ul li a { display:table-cell; /*height:64px/*4em*/; font-size:75%; height:8em; /* .75 * 5em */ margin:0; padding:0 1em; vertical-align:middle; }
nav#menu ul ul li a { display:block; font-size:100%; height:auto; padding:.5em 1em; }
nav#menu ul ul { position:absolute; top:100%; width:14em; background-color:#191919; display:none; z-index:8888; margin:0; }
nav#menu ul li:last-child ul { right:0; }
nav#menu ul li:hover ul { display:block; }

nav#menu::after { content:''; display:block; clear:both; }
}