/*Basics
html, body, .wrapper { min-width:1200px; }
html { background:#fff; }
body { background:#fff; font-family:Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#444; font-size:20px; font-weight:normal; }
p, label, ul, ol, input, textarea { color:#444; font-size:13px; line-height:20px; }
a { color:#555; }
a:hover { text-decoration:none; }
*/
/*Fonts
h1,h2,h3,h4,h5,h6 { }
*/
/*Wrappers*/
.wrapper.content { z-index:7; background:#fff; }
/*Containers*/
.wrapper.content .container { max-width:1400px; }
/*Modal*/
body.sh-modal-on { position:relative; overflow:hidden; }
body.sh-modal-on .sh-modal-overlay { overflow:auto; display:block !important; z-index:99999; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); }
body.sh-modal-on .sh-modal-frame { position:relative; width:900px; margin:0 auto; display:block; background:#fff;
-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
}
body.sh-modal-on .sh-modal-close { position:absolute; right:-8px; top:-7px; width:22px; height:22px; line-height:22px; border:2px solid #eee; border-radius:12px; background:#222; color:#eee; font-size:15px; font-weight:bold; text-align:center; cursor:pointer;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
body.sh-modal-on .sh-modal-close:hover { color:#fff; border-color:#fff; }
@media all and (max-width: 940px) {
body.sh-modal-on .sh-modal-frame { width:90% !important; margin:5% !important; }
}
/*Side Nav*/
#sidenav .spacing { padding:50px 40px 40px 0; }
#sidenav ul { list-style:none; }
#sidenav ul li { border-top:1px solid #ccc; }
#sidenav ul li:first-child { border:none; }
#sidenav ul li a { display:block; padding:15px 0; line-height:18px; color:#747474; font-size:13px; text-decoration:none; text-transform:uppercase; }
#sidenav ul li:hover a { color:#444; }
#sidenav ul li.current-menu-item a,
#sidenav ul li.current-menu-parent a { color:#444; }
#sidenav ul li ul { display:none; }
/*Content*/
#content .spacing { padding:40px 0; }
#content h1 { padding:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:400; }
#content h2 { padding:0 0 12px 0; color:#87BF19; font-size:26px; line-height:36px; font-weight:400; }
#content h3 { padding:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:700; }
#content h4 { padding:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:700; }
#content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#content p { padding:0 0 20px 0; font-size: 20px; line-height: 35px; font-weight:500; font-family:'Montserrat', sans-serif; }
#content ul, #content ol { font-size: 20px; line-height: 35px; font-weight:500; padding:0 0 0 20px; margin:0 0 20px 0; }
#content ul { list-style:square; }
#content li { padding:4px 0; }
/*Product Detail*/
.nutrition p { font-size:13px !important; padding-bottom:0 !important; }
.mpc-tooltip { text-transform:none !important; }
/*FAQs*/
#faqs .faq { position:relative; margin: 0; padding:15px 0 0 0; border-top:1px solid #ccc; cursor:pointer; }
#faqs .faq:first-child { border:none; }
#faqs .faq .icon { position:absolute; left:0px; top:15px; height:20px; width:20px; background:#999 url(../images/structure/faq.png) no-repeat 3px center; }
#faqs .faq.active .icon { background-position:-97px center; }
#faqs .faq p { padding:0 0 15px 0; font-size:16px; color:#5f5f5f; font-weight: 300; }
#faqs .faq h2 { padding:0 0 15px 35px; color:#444; font-size:18px; line-height:20px; font-weight:300; text-transform:none; }
#faqs .faq h2:hover { color:#000; }
#faqs .faq .answer { display:none; }
#faqs .faq:first-child .answer { display:block; }
/*Testimonials*/
#testimonials .testimonial { position:relative; margin:0 0 20px 0; padding:25px 25px 20px 50px; border-bottom:2px solid #ddd; background:#f9f9f9 url(../images/structure/quote.png) no-repeat 12px 12px; }
#testimonials p { font-size:13px; line-height:22px; font-weight:300; color:#666; font-style:italic; }
#testimonials p span { display:block; padding:13px 0 0 0; font-size:16px; line-height:18px; color:#888; font-weight:400; font-style:normal; }
#testimonials p span span { padding:3px 0 0 14px; }
#testimonials img { float:right; max-width:125px; margin:0 0 5px 20px; }
/*Gallery*/
#gallery { display:none; }
.no-js #gallery { display:block; }
#gallery .gallery { display:table; width:100%; padding:0 0 15px 0; margin:0; }
#gallery .gallery .gallery-item { position:relative; float:left; opacity:1; width:23%; margin:0 1% 20px 1%; }
#gallery .gallery .gallery-item a { position: relative; display: block; overflow: hidden;}
#gallery .gallery .gallery-item img { width:100%; height:100%; display: block; }
#gallery .gallery .gallery-caption { display:block; opacity:0; position:absolute; left:0; right:0; bottom:0; padding:10px; line-height:13px; text-align:center; font-size:11px; color:#fff; background: rgba(0, 0, 0, .5);
-webkit-transition: opacity 200ms;
-moz-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
}
#gallery .gallery .gallery-item:hover .gallery-caption { opacity:1; }
#gallery.video .gallery .gallery-item a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; cursor:pointer; background:url(../images/structure/play.png) no-repeat center center; }
/*Gallery Nav*/
#gallerynav { margin:10px 5px 17px 5px; border-bottom:1px solid #f1f1f1; }
#gallerynav a { position:relative; display:inline-block; font-size:11px; text-transform:uppercase; color:#777; text-decoration:none; padding:10px 8px 4px 8px; margin:0 10px 0 0; }
#gallerynav a:hover { border-bottom:2px solid #111; }
#gallerynav a.active { border-bottom:2px solid #111; }
#gallerynav a.active span { position:absolute; left:50%; bottom:-10px; display:inline-block; width: 0; height: 0; margin:0 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; }
/*Staff*/
#staff .block { width:50%; }
#staff .member { display:table; margin:0 0 50px 0; }
#staff .image { float:left; }
#staff .image span { display:block; width:150px; height:150px; overflow:hidden; }
#staff .image img { width:auto !important; height:auto !important; max-width:150px; max-height:150px; min-width:150px; min-height:150px; }
#staff .info { padding:0 40px 0 165px; }
#staff h2 { padding:0; color:#555; font-size:22px; line-height:25px; font-weight:400; }
#staff h3 { padding:0; color:#777; font-size:15px; line-height:17px; font-weight:400; }
#staff .bio p { padding:15px 0; }
#staff .contact { padding:15px 0 0 0; }
#staff .contact.none { padding:0; }
#staff .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#staff .contact p a { display:inline-block; color:#888; text-decoration:none; text-transform:uppercase; }
#staff .phone { font-size:15px; cursor:default; }
#staff .email { font-size:12px; }
#staff .email:hover { color:#222; }
/*Team*/
#team .member { position:relative; display:table; margin:0 0 25px 0; }
#team .thumb { float:left; }
#team .thumb span { display:block; width:150px; height:150px; overflow:hidden; }
#team .thumb img { width:150px !important; height:auto !important; }
#team .thumb img:hover { opacity:.9; }
#team .info { padding:0 0 0 175px; }
#team h2 { padding:0 0 5px 0; color: #444; font-size:20px; line-height:23px; font-weight:400; }
#team h2 a { text-decoration:none; color: #444; }
#team h2 a:hover { color:#777; }
#team h3 { padding:0; color:#747474; font-size:16px; line-height:19px; font-weight:300; }
#team .bio p { padding:15px 0; }
#team .contact { padding:15px 0 0 0; }
#team .contact.none { padding:0; }
#team .contact p { padding-bottom:0; }
#team .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#team .contact p a { display:inline-block; color:#444; text-decoration:none; text-transform:uppercase; }
#team .phone { font-size:15px; cursor:default; }
#team .email { font-size:12px; }
#team .email:hover { color:#777; }
#team .link { display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/structure/clear.png); }
/*Sponsors*/
#sponsors .grid { width:980px; margin:0 0 0 -25px; }
#sponsors .sponsor { float:left; width:218px; margin:0 0 20px 25px; border:1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#sponsors .sponsor:hover { border:1px solid #ddd; }
#sponsors .name h2 { padding:0; font-size:18px; line-height:20px; }
#sponsors .name h2 a { text-decoration:none; }
#sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; }
#sponsors .name .center * { vertical-align: middle; }
#sponsors .logo img { max-width:200px; max-height:120px; }
#sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; }
#sponsors .logo .center * { vertical-align: middle; }
/*IE*/
.lt-ie8 #sponsors .name .center span { display: inline-block; height: 100%; }
.lt-ie8 #sponsors .logo .center span { display: inline-block; height: 100%; }
/*Events*/
#events .event { position:relative; padding:15px 20px 5px 20px; margin:0 0 30px 0; background:#fbfbfb; border-bottom:2px solid #eee; }
#events .date { position:absolute; left:0; top:0; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:300; background:#999; }
#events .date span { display:block; padding:15px 0 0 0; line-height:15px; font-size:14px; font-weight:700; }
#events h2 { padding:0 0 0 70px; color:#444; font-size:24px; line-height:30px; font-weight:400; }
#events .location { padding:0 0 0 70px; }
#events .text { padding:10px 0 0 0; }
/*Social Media Feed - Shortcode*/
.shortcode-feed { position:relative; margin:25px; }
.shortcode-feed .shortcode-feed-btn-prev { position: absolute; top:50%; left: -22px; margin-top: -13px; font-size: 26px; color: #ccc; cursor:pointer; }
.shortcode-feed .shortcode-feed-btn-next { position: absolute; top:50%; right: -22px; margin-top: -13px; font-size: 26px; color: #ccc; cursor:pointer; }
.shortcode-feed .shortcode-feed-social { position: relative; margin:0 4px 0 0; height:295px; background:#222; overflow:hidden; }
.shortcode-feed .shortcode-feed-social p { position: absolute; min-height: 74px; bottom: 0; left: 0; right: 0; margin-bottom: 0; padding: 10px 20px; font-size: 13px; font-family: 'Open Sans', sans-serif; background-color: rgba(0,0,0,0.3); color: #fff; }
.shortcode-feed .shortcode-feed-social img { width:100%; }
.shortcode-feed .shortcode-feed-info { background-color: #103461; padding: 0 12px; margin:0 4px 4px 0; }
.shortcode-feed .shortcode-feed-info .shortcode-feed-time-ago { display: inline-block; color: #fff; margin: 0; padding: 8px 0; font-size: 12px; font-style: italic; font-family: 'Open Sans', sans-serif; }
.shortcode-feed .shortcode-feed-info .shortcode-feed-read-more { display: inline-block; float: right; color: #fff; padding: 8px 0; padding-left: 15px; border-left: 1px solid #fff; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; }
@media(max-width: 1200px) {
.shortcode-feed .shortcode-feed-social { height:195px; }
}
@media(max-width: 860px) {
.shortcode-feed [class*="col-"] { width: 50%; }
.shortcode-feed .shortcode-feed-social { height:250px;}
}
@media(max-width: 500px) {
.shortcode-feed [class*="col-"] { width: 100%; }
.shortcode-feed .shortcode-feed-social { height:295px; }
}
/*Information*/
#information .info { position:relative; }
#information h3 { padding:15px 0 5px 0; color:#444; font-size:22px; line-height:25px; font-weight:400; }
#information p { }
#information a.tel { color:#888; text-decoration:none; cursor:pointer; }
/*Contact*/
#contact .frm_forms { max-width:none; }
#contact .frm_forms .frm_form_field { position:relative; padding-bottom:20px; margin-bottom:0; }
#contact .frm_forms .frm_primary_label { display:block; }
#contact .frm_forms [type="text"],
#contact .frm_forms [type="tel"],
#contact .frm_forms [type="email"],
#contact .frm_forms [type="url"],
#contact .frm_forms select,
#contact .frm_forms textarea
{
display:block; width:100%; padding:7px 10px; font-size:12px; line-height:16px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc;
-webkit-box-shadow: inset 0 0 3px #eee;
-moz-box-shadow: inset 0 0 3px #eee;
box-shadow: inset 0 0 3px #eee;
}
#contact .frm_forms [type="text"]:focus,
#contact .frm_forms [type="tel"]:focus,
#contact .frm_forms [type="email"]:focus,
#contact .frm_forms textarea:focus { border:1px solid #bbb; }
#contact .frm_forms .frm_submit input { padding:0 25px; background:#555; border:none; color:#fff; font-size:13px; text-transform:uppercase; line-height:36px;
box-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
}
#contact .frm_forms .frm_submit input:hover { opacity:.9; }
#contact .frm_forms .frm_error { position:absolute; right:0px; top:0px; font-weight:normal; color:#d90000; font-size:11px; }
#contact .frm_forms .frm_error_style { display:none; }
#contact .frm_forms .frm_message { background:#f1f1f1; border:1px solid #ddd; }
#contact .frm_forms .frm_message p { padding:30px; }
/*Colorbox*/
#cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; }
/*UI*/
#ui-datepicker-div { font-size: 11px; }
/*Edit*/
.edit-link { display:block; padding:15px 0; }
.edit-link a { font-size:11px; text-transform:uppercase; }
/* Alignment */
.alignleft { float: left; margin:6px 20px 14px 0; }
.alignright { float: right; margin:6px 0 14px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; }
/*Blog*/
#blog .spacing { padding:0 0px 40px 0; }
#blog article { padding:0 0 40px 0; }
#blog h1 { margin:0 0 15px 0; color:#666; font-size:30px; line-height:35px; font-weight:400; }
#blog h1 a { color:#666; text-decoration:none; }
#blog h1 a:hover { text-decoration:none; opacity:.9; }
#blog h1.archive-title { padding:5px 0 3px 0; margin:0 0 25px 0; color:#666; font-size:16px; font-style:italic; border-bottom:1px solid #ccc; }
#blog h1.archive-title a { color:#888; text-decoration:none; }
#blog h1.archive-title a:hover { color:#888; text-decoration:none; }
#blog h2 { margin:0 0 12px 0; color:#6EA603; font-size:35px; line-height:46px; font-weight:400; }
#blog h3 { margin:0 0 11px 0; color:#1D4289; font-size:24px; line-height:33px; font-weight:700; }
#blog h4 { margin:0 0 9px 0; color:#1D4289; font-size:18px; line-height:27px; font-weight:700; }
#blog h5 { margin:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#blog h6 { margin:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#blog p { margin:0 0 20px 0; font-size:20px; line-height:35px; font-weight:500; }
#blog ul, #blog ol { padding:0 0 0 20px; margin:0 0 20px 0; font-size:20px; line-height:35px; font-weight:500; }
#blog ul { list-style:square; }
#blog li { padding:4px 0; }
#blog input[type="submit"] { padding:0 5px; }
/*Meta*/
#blog .blog-meta-info { display:table; width:100%; padding:5px 0; margin:0 0 10px 0; }
#blog .blog-meta-info { color:#888; font-size:11px; text-transform:uppercase; }
#blog .blog-meta-info a { color:#888; font-size:11px; text-transform:uppercase; text-decoration:none; }
#blog .blog-meta-info a:hover { color:#999; }
#blog .blog-meta-info .meta-info { float:left; }
#blog .blog-meta-info .comments-link { float:left; border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 0 0 10px; }
#blog .blog-meta-info .entry-date { padding-left:2px; }
#blog .entry-meta { display:none; }
/*Blog Nav*/
#blognav .spacing { padding:90px 0 40px 0; }
#blognav h3 { display:inline-block; background:#fff; color:#666; font-size:15px; line-height:20px; text-transform:uppercase; padding:0 3px 0 0; margin:20px 0 10px 0; font-weight: 600; }
#blognav ul { width:100%; margin:0; padding:0; list-style:none; }
#blognav ul li { width:100%; margin:0; padding:0 0 0 0; border-bottom:1px solid #ccc; }
#blognav ul li a { display:block; margin:0; padding:5px 1px; line-height:16px; color:#888; font-size:12px; text-decoration:none; }
#blognav ul li a:hover { color:#999; }
#blognav aside { padding:0 0 20px 0; background:url(../images/structure/lines.png) no-repeat left 22px; }
#blognav aside:first-child { padding:0px 0 10px 0; background:none; }
/*Search*/
#blognav #searchform { position:relative; width:100%; }
#blognav #searchform #s { width:100%; height:26px; padding:0 9px; background:#f9f9f9; color:#444; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; outline:none; }
#blognav #searchform #s:focus { background:#fff; border:1px solid #ddd; }
#blognav #searchform .screen-reader-text { display:none; }
#blognav #searchform #searchsubmit { position:absolute; right:0px; top:0px; width:28px; height:28px; border:none; text-indent:-9999px; cursor:pointer; background:url(../images/structure/search.png) no-repeat center center; }
/*Nav Below*/
#blog nav { display:table; width:100%; }
#blog nav .assistive-text { display:none; }
#blog nav .nav-previous { float:left; }
#blog nav .nav-previous a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
#blog nav .nav-previous:hover a { opacity:.9; }
#blog nav .nav-next { float:right; }
#blog nav .nav-next a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
#blog nav .nav-next:hover a { opacity:.9; }
/*Custom Comments*/
#blog h2.comments-title { padding:50px 0 0 0; margin:0; font-size:13px; }
#blog .comments-area article header cite a { color: #444; }
#blog .comments-area cite { padding-left:60px; margin:0; }
#blog .comments-area time { padding-left:60px; margin:0; }
#blog .comments-area header { padding:0 0 10px 0; margin:0; }
#blog .comments-area ol { padding:0; margin:0; border:none; list-style:none; }
#blog .comments-area ol li { padding:0; margin:0; border:none; list-style:none; }
#blog .comments-area ol li ol li { padding:0 0 0 20px; }
#blog .comments-area ol li ol li ol li { padding:0; }
#blog .comments-area article { border:1px dotted #ccc; padding:10px; margin:20px 0; }
/*Custom Respond*/
#blog #respond form { padding:0; margin:0; }
#blog #respond p.logged-in-as { padding:0; margin:0; }
/* =Comments
-------------------------------------------------------------- */
.comments-title {
margin-bottom: 18px;
margin-bottom: 1.428571429rem;
font-size: 12px;
font-size: 1.142857143rem;
line-height: 1.5;
font-weight: normal;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comments-area article header {
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: 0.857142857rem;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429rem 0.857142857rem;
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
color: #fff;
background-color: #0088d0;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
background-image: -o-linear-gradient(top, #009cee, #0088d0);
background-image: linear-gradient(top, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
color: #686868;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #21759b;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.commentlist { padding:15px;
border:1px dotted #555;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}
/* Comment form */
#respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
#respond h3#reply-title {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 0.714285714rem;
font-weight: normal;
font-size: 12px;
font-size: 0.857142857rem;
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
#respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #5e5e5e;
}
#respond .required {
color: red;
}
/*Media*/
@media all and (max-width: 1200px) {
/*Containers*/
.wrapper.content .container { width:100%; margin:0; padding:0 15px; }
}
@media all and (max-width: 960px) {
/*Content*/
#content .spacing { padding:30px 15px; }
/*Blog*/
#blog .spacing { padding:30px 15px; }
/*Blog Nav*/
#blognav .spacing { padding:80px 15px; }
/*Sponsors*/
#sponsors .grid { width:100%; margin:0; }
#sponsors .sponsor { float:none; width:auto; margin:0 0 25px 0; }
#sponsors .sponsor .inner { width:218px; margin:0 auto; }
/*Gallery*/
#gallery .gallery { display:table; width:100%; padding:0 0 10px 0; margin:0; }
#gallery .gallery .gallery-item { width: 33%; height: auto; margin: 10px 0 0 0; padding:0 5px; border: none; }
#gallery.video .gallery .gallery-item { width:50%; }
#gallery .gallery .gallery-item,
#gallery .gallery .gallery-item:after,
#gallery .gallery .gallery-item:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#gallery .gallery .gallery-caption { display:none; visibility:hidden; }
}
@media all and (max-width: 800px) {
/*Side Nav*/
#sidenav { display:none; }
}
@media all and (max-width: 600px) {
/*Basics*/
html, body, .wrapper, .container { min-width:320px; }
/*Grid*/
[class*='col-'], .block, .cell { width:100%; padding:0; }
/*Staff*/
#staff .block { width:100%; }
#staff .image span { width:100px; height:100px; }
#staff .image img { max-width:100px; max-height:100px; min-width:100px; min-height:100px; }
#staff .info { padding:0; }
#staff h2 { padding:0 0 0 115px; }
#staff h3 { padding:0 0 0 115px; }
#staff .contact { min-height:50px; padding:15px 0 0 115px; }
#staff .contact p.split .phone { padding:0; margin:0; border-right:none; }
#staff .contact p a { display:block; padding:5px 0; }
/*Team*/
#team .thumb span { width:100px; height:100px; }
#team .thumb img { width:100px !important; height:auto !important; }
#team .info { padding:0; }
#team h2 { padding:0 0 5px 115px; }
#team h3 { padding:0 0 0 115px; }
#team .bio p { padding:15px 0; }
#team .contact { min-height:50px; padding:15px 0 0 115px; }
#team .contact p.split .phone { padding:0; margin:0; border-right:none; }
#team .contact p a { display:block; padding:5px 0; }
/*Gallery*/
#gallery .gallery .gallery-item { width:50%; }
/*Information*/
#information h3 { padding: 15px 0 5px 35px; }
#information .icon { position:absolute; left:0px; top:17px; height:20px; width:20px; background-image:url(../images/structure/faq.png); background-repeat:no-repeat; background-position:3px center; }
#information .active .icon { background-position:-97px center; }
/*Contact*/
#contact .frm_forms .frm_form_field { width:100%; }
#contact .frm_forms .frm_submit input { width:100%; padding:0; font-size:16px; line-height:50px; }
/*Blog*/
#blog .spacing { padding:30px 15px; }
#blog article { padding:0 0 20px 0; }
/*Blog Nav*/
#blognav .spacing { padding:15px; }
/*Comment Form*/
#respond form p.form-allowed-tags { display:none; }
}
/*Modal*/
body.sh-modal-on { position:relative; overflow:hidden; }
body.sh-modal-on .sh-modal-overlay { overflow:auto; display:block !important; z-index:99999; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); }
body.sh-modal-on .sh-modal-frame { position:relative; width:900px; margin:0 auto; display:block; background:#fff;
-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
}
body.sh-modal-on .sh-modal-close { position:absolute; right:-8px; top:-7px; width:22px; height:22px; line-height:22px; border:2px solid #eee; border-radius:12px; background:#222; color:#eee; font-size:15px; font-weight:bold; text-align:center; cursor:pointer;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
body.sh-modal-on .sh-modal-close:hover { color:#fff; border-color:#fff; }
@media all and (max-width: 940px) {
body.sh-modal-on .sh-modal-frame { width:90% !important; margin:5% !important; }
}