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

/*--== mini-reset ==--*/
ul { list-style-type:none; padding-left:0;}

/*--== Globals ==--*/
body,
button,
input,
select,
textarea {
	color:black;
	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; }
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; }

/*--== Globals ==--*/
a,
a:visited,
a:hover,
a:focus,
a:active { color:#a61e22; background-color:transparent; text-decoration:underline; }
a.print-link::after,
a.print-link:visited::after { content: ' (' attr(href) ')';  font-style: italic; word-wrap: break-word; font-size:50%; }

.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;}
/*.col { min-height:1px;
	-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; }
.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; }

.smaller { font-size:85%; }

.tablet-hide { display:none; }

.hidden { display:none; }


/*--== #pageheader ==--*/
#pageheader a.logo { display:block; height:5em; padding:.5em 0; }
#pageheader a.logo span { display:none; }
#pageheader a.logo::before { content: url(../img/la-jolla-fencing-academy-logo.svg); position:absolute; width:31em;height:5em; }
a#menu-toggle { display:none; }

/*--== nav#menu ==--*/
nav#menu { display: none; }

/* === #slider1_container === */
#slider1_container { display:none; }

/*--== .recommended ==--*/
.recommended { display:none; }

/*--== .entry-header ==--*/
.entry-header .breadcrumbs { display:none; }





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

/*--== #main .main-content ==--*/
/* section.main-content: col three-forth pad-right*/
/* aside.main-content:   col one-forth   pad-left sidebar-left */
.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:110%; 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; }

/*#main { margin:3em 0; }
#main::after { content:''; display:block; clear:both; }
h2 span.emphasize { font-size:150%; /*font-variant:small-caps;*//* text-transform:uppercase; display:block; }
#main .new-article { padding-top:1.5em; /*3em;*//* margin-top:1.5em;/*3em;*//* }
#main .main-content .new-article { padding-top:1.5em; margin-top:1.5em; }
#main .new-hr { border-top:1px solid #d9d9d9; }
#main .new-students { margin:0 auto; text-transform:uppercase; font-size:1.5em; padding-left:25%;
font-family:'Open Sans', Arial, sans-serif; font-weight:700; }
*/

/*--== footer ==--*/
footer { clear:both; width:100%; margin:0 auto; /*background-color:#2D1923; color:#999;*/ }
footer h4  { /*color:#ccc;*/ }
footer a,
footer a:visited,
footer a:hover,
footer a:focus,
footer a:active { color:black; text-decoration:none; }
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; 75%; margin:0 auto; }
footer > .innerbox { padding-top:1.5em; padding-bottom:1.5em; }
footer aside,
footer section { float:left; width:50%; page-break-inside: avoid;
	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; }
footer, footer .upper-footer, footer .lower-footer { clear:both; }

/*--== .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.statement { line-height:2; margin-bottom:1em; }

/*--== article.partner ==--*/
article.partner { display:block; width:75%; margin:2em auto 0 auto; padding:1em; border:2px solid #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; }

/*--== 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; }
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; }


/*--== 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.contact input[type='text'],
form.contact input[type='email'],
form.contact textarea { width:100%; }
form.contact input[type='submit'] { width:auto; }
form label.error { display:block; color:red; font-size:75%; }
input.error, textarea.error, select.error { border-color:red; }

/*--== 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; widd
	h: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::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; }

.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; border:1px solid #ccc; clear:both; }
div.note.emphasize::before { font-size:250%; top:0; }
div.important { padding:1em 1em 1em 4em; 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:1.5em; 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) {*/
.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; }

footer .upper-footer { padding-top:.5em; padding-bottom:0; }
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%; }



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%; }
/*}*/










/**************************************** @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 .video-container { display:none; }
/*footer .upper-footer .innerbox::before { width:100%;/*40%*//* }
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.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.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; }

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

/* ul.checklist */
/*
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) {width:100%; float:none; }
ul.checklist.first-full li:nth-child(odd) { clear:none; }
ul.checklist.first-full li:nth-child(even) { clear:both; }
ul.checklist::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%; float:left; padding-left:1em; padding-right:1em; text-align:center; }
ul.popup-gallery li:nth-child(6n+1) { clear:both; }
/*}*/
