/* Theme Name: Bike, a WordPress Theme
Theme URI: http://clicknathan.com/web-design/wply
Author: ClickNathan.com
Author URI: http://clicknathan.com/
Description: A responsive, HTML5 and CSS3 theme developed by ClickNathan for Rotating Mass Media's websites.
Version: 1.5.5-d

All rights reserved.

 CSS by Nathan Swartz | design@clicknathan.com
   based on the Ply Framework | http://clicknathan.com/web-design/ply-responsive-framework/  */

/* press Reset */

*,*:before,*:after {box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
img,fieldset {border:none;}
a {outline:none;}
img, embed, iframe, audio, video, table {max-width:100%;}
.fb_iframe_widget iframe {max-width:none;}
img {height:auto;}

/* the Basics */

@font-face {font-family: 'Icons';
src:url('fonts/icons.eot'); src:url('fonts/icons.eot?#iefix') format('embedded-opentype'), url('fonts/icons.woff') format('woff'),
url('fonts/icons.ttf') format('truetype'), url('fonts/icons.svg#icomoon') format('svg');
font-weight: normal; font-style: normal;}

body {text-align:center;
    font: 12px/150% /*'Arial, Helvetica, sans-serif',*/sans-serif;
    background:none;
    /*background:#f1f2f2;*/
    -webkit-font-smoothing: antialiased;
   }

#h, #f, #prime, #sidebar {padding:20px;}

#h .menu, .cover-bg-image, #h h1, #call-to strong, #call-to img, #h #menu-drawer {position:absolute;}
#h, #h .menu ul li, blockquote, #call-to p, .the-author .icon-print, .page-meta .icon-print {position:relative;}
#h:after, #h .menu:after, form:after, #prime:after, .gallery:after, #h #menu-drawer:after, #f:after, #f ul:after {content:""; display:table; clear:both;}
#h .menu ul, #h .menu li, #h .menu, #h form, #h input, #h button, #prime, #sidebar {float:left;}
#h .menu ul li a {display:block;}
#h ul, #f ul {list-style:none;}
#prime, #sidebar {overflow:hidden; box-sizing:border-box;}

/* Layout */

.container {margin:0 auto; text-align:left; width:970px; background:white;}

#top-banner-ad {text-align:center; width:970px; margin:0 auto;}
#top-banner-ad * {margin:0 auto;}

.menu-toggle {display:none;}

#h {height:250px; margin-top:0px;}
#h .cover-bg-image {opacity:0.2; top:0; left:0; z-index:1; height:125px;}
#h h1, #call-to, #h .menu {z-index:10;}
#h h1 {top:105px; left:0px;}
#h h1 img {width:220px;}
#call-to {width:330px; padding-bottom:30px; position:relative;}
#call-to p {width:250px; z-index:42; padding:15px 0; line-height:125%; background:rgba(0,0,0,0.8);}
#call-to b, #call-to span {text-align:right; display:block; width:129px; text-transform:uppercase;}
#call-to strong {top:25px; right:20px;}
#call-to img {top:-50px; right:30px; z-index:33; max-width:100px; height:auto;}
#menu-drawer {width:100%; top:20px; left:0;}
#h .menu {width:80%; background:#ededed; height:43px;}
#h .menu ul {left:-999em; margin-bottom:-5px;}
#h .menu li {float:left;}
#h .menu li a {padding:9px 15px; display:block; color:black;}
#h .menu ul li {float:none;}
#h .menu ul li a {display:block;}
#h .menu li:hover > ul {left:auto; width:250px; background:white; z-index:420;}
#h .menu li:hover > ul > li:hover > ul {left:250px; top:0;}
#h form {float:right; background:white; width:20%; margin:0; height:43px; padding:5px;}
#h input {border:none;}
#h .menu li.current_page_item, #h .menu li:hover {border-bottom:5px solid #f1f2f2;}
#sub-menu-drawer {position:absolute; top:185px; width:100%; left:0;}
#sub-menu-drawer .menu {width:100%;}
#sub-menu-drawer .menu li {font-size:25px;}

#prime {width:640px; padding:0 10px 0 0;}

#sidebar {width:330px; padding-top:0; padding-right:0;}

.post {width:100%; border-bottom:1px solid #999; padding-bottom:25px; content:""; display:table; clear:both; table-layout:fixed;}
.single .post { border-bottom: 0; }
.blog article.post, .archive article.post {margin:0 0 25px 0;}
article .avatar {float:left; margin-right:15px;}
#prime .the-author, #prime .page-meta {padding:0; line-height:100%; min-height:45px; margin-bottom:20px;}
.the-author > div, .the-author > iframe, .page-meta > div, .page-meta > iframe {margin-right:10px;}
.the-author .icon-print, .page-meta .icon-print {top:-5px; left:-10px;}

img.aligncenter, div.aligncenter {display:block; margin:30px auto;}
img.alignright, div.alignright {float:right; margin:10px 0 30px 30px;}
p img.alignright {margin-top:0;}
img.alignleft, div.alignleft {float:left; margin:10px 30px 30px 0;}
p img.alignleft {margin-top:0;}

.gallery {display:inline-block; clear:both; margin:30px auto;}
.gallery-item {float:left; margin:5px;}
.gallery-item img {height:auto;}
.gallery br {display:none;}

.more-link a {display:inline-block; margin-bottom:20px;}

.page-meta {margin-top:20px;}

.social {clear:both;}

.fb_edge_widget_with_comment, .twitter-share-button {margin-right:20px;}

.fb-comments {width:100%;}

.widget {margin-bottom:20px;}
.widget {margin-left:0px;}
.widget h1 {display:none;}

#banner-ad > div > img, #banner-ad > div > p, #banner-ad > div > div, #banner-ad > div > iframe {margin:0 auto; display:block;}

#text-5, #text-15, #text-7 {padding:15px;}
#text-5, #text-15 {background:rgba(0,0,0,0.8);}
#text-5 img {float:right; margin:0 0 0 15px;}
#text-15 img {float:left; margin:0 40px 0 0;}

#text-7 {background:#c7c8ca;}
#text-7 svg.logo-no-mark g {width:100%;}
#text-7 h2 {margin:5px 0 0 22px;}
#text-7 p {margin-left:23px;}
#text-7 label {display:none;}
#text-7 input {width:100%; padding:10px;}
#text-7 button {padding:12px;}

#f {clear:both; background:#808285; margin-bottom:20px; position:relative; overflow:hidden;}
small#fine-print {text-align: center; display: block; margin: 30px -20px -20px; padding: 30px;  margin-bottom:200px;}
#f ul, #f li {display:inline;}
#f svg {display:none;}

#f .menu > li {width:20%; float:left;}
#f .menu li li {display:block; float:none;}
#f .menu li a:hover, #f .menu li a, #f .menu li, #f .menu li:hover {border-bottom:none !important;}
#f .menu a:hover {text-decoration:underline;}

.post-edit-link {position:fixed; bottom:0; left:0; padding:5px 15px; background:black; color:white; text-decoration:none; z-index:9999999;}

.fb-like {position:relative;}
.twitter-share-button {max-width:76px;}
.icon-print {top:-5px; left:-10px; position:relative;}

#banner-ad {margin-bottom:20px;}

#top-banner-ad .top-ad {width: 728px; margin: 0; float: right; overflow: hidden; position: relative; left: -23px; top:60px;}

#back-to-top {position:fixed; right:10px; bottom:40px; padding:10px 10px 5px 10px; border-top:5px solid black;}

/* Home Page -- Featured */

#prime .section-header {
  text-transform: uppercase;
  font-size: 2em;
  border-bottom: 1px solid rgb(190,30,45);
  padding-top: 0;
  padding-bottom: 5px;
  margin-bottom: 15px;  
}
.single #prime .section-header { margin-top:40px; }

.featured-articles {padding-bottom:40px;}
.single .featured-articles { padding-bottom: 0; }
.featured-articles::after { content:""; display:table; clear:both; }

.featured {
  width: calc(50% - 5px);
  height: 200px;
  float: left;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.featured:nth-child(1) {
  margin: 0 5px 15px 0;

}
.featured:nth-child(2) {
  margin: 0 0 15px 5px;
}

.featured:nth-child(3),
.featured:nth-child(5),
.featured:nth-child(4) {
  width: 32%;
  height: 140px;
}

#prime .featured:nth-child(3) .featured-title,
#prime .featured:nth-child(5) .featured-title,
#prime .featured:nth-child(4) .featured-title{
  font-size: 2.5em;
}

.featured:nth-child(4) {
  margin: 0 12px 20px 11px;
}

#prime .featured-title {
  display: inline-block;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
}

.featured-link {
  display: block;
  color: white;
  font-size: 0.7em;
  line-height: 1.2em;
  padding: 5px;
}

#prime .featured-title:hover {
  background: rgba(255, 255, 255, 0.8);
}

#prime .featured-title:hover .featured-link {
  color: rgb(190,30,45);
}

/* Home Page -- Articles*/

#prime .teaser-content {margin-bottom:-25px;}
#prime .teaser-content h1 {padding:0 0 8px 13px; font-size:2.1em; width:68%; float:right;}
#prime .teaser-content h1 a:hover {color:rgb(190,30,45);}
#prime .teaser-content .teaser-image {float:left; width:32%; background-size:cover; background-position:center center; height:140px;}
#prime .teaser-content .teaser-content-text {float:right; width:68%; padding-left:13px; box-sizing:border-box; font-size:1.2em;}
#prime .teaser-content .the-author {float:right; width:68%; padding:10px 0 0 13px; min-height:initial; margin-bottom:0; }
#prime .teaser-content .the-author .author-date {font-size:1em;}
#prime .teaser-content .social-content {margin-top:20px;}

/* Home Page -- Prime Ads */

#prime .m-ads {width: 100%;}
#prime .m-ads div div {border-bottom:1px solid #999; padding-bottom:20px; margin-bottom:20px;}

/* Author Pages */

.author-bio {clear:both; margin-bottom:50px;}
#prime .author-bio h1:first-of-type, #content .author-bio h2 {padding:0 0 10px 0; margin:0;}

/* Photo Gallery Archive Page Layout */

.archive.category-photos article.post {width:49%; margin-right:2%; margin-bottom:15px; padding:0; float:left; position:relative; height:250px; overflow:hidden;}
.archive.category-photos article.post:nth-of-type(2n) {margin-right:0;}
.photo-gallery-details {position:absolute; bottom:0; left:0; width:100%; background:black; padding:10px;}
.archive.category-photos article.post a, .archive.category-photos article.post h1, .archive.category-photos article.post time {color:white;}
.archive.category-photos #prime h1 {padding:0;}
.archive.category-photos article.post h1 {font-size:15px; max-width:70%; font-weight:normal; float:left; overflow:hidden;}
.archive.category-photos article.post time {font-size:12px; float:right; max-width:30%; overflow:hidden; margin-top:-5px;}

/* Icons */

#h button:before, #h button, .icon, .icon:before {font-family:'Icons'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;}

.icon-print:before {content: "\70";}
.icon-search:before, #h button:before {content: "\73";}

.sidebar-copy {margin-bottom:25px;}

/* Typography */

#h p, #h input, input, textarea, button, time, .post-meta, .the-author, .page-meta, table, table p, .more-link, .widget p, small#fine-print, {font-family: 'Arial, Helvetica, sans-serif';}
h1, h2, #h .menu li, #call-to strong, h3, h5, #text-5 h2, #text-15 h2, button strong, .menu-toggle, #f .menu, a.button {font-family: 'Homenaje';}
h4, h6, blockquote:before, blockquote:after, #text-5 h2 strong, #text-15 h2 strong {font-family: 'Homenaje';}

body, a.icon-print, h1 a, #f .menu > li, #f .menu > li a {color:#0a0203;} /* Default Color */
#call-to, #call-to a, #text-5, #text-15, #text-5 a, #text-15 a, #text-7, #text-7 a, button, input[type="submit"], .menu-toggle, #f .menu > li li, #f .menu > li li a {color:white;}
#h button, #text-7 input, small#fine-print {color:#c7c8ca;} /* Light Gray */

#call-to strong {font-size:40px;}
h1 {font-size:36px;}
h2, #sidebar h1, a.button.event-submit-button {font-size:28px;}
h3, #sidebar h2 {font-size:26px;}
h4, #sidebar h3, button, input[type="submit"] {font-size:18px;}
h5, #sidebar h4 {font-size:14px;}
h6, #sidebar h5, #f .menu > li {font-size:16px;}
#h .menu li {font-size:20px;}
#prime p, #sidebar h6, input, textarea, #f .menu li li, small#fine-print {font-size:14px;} /* Default Size */
small, #prime p.wp-caption-text, .gallery-caption {
    font-family: 'Arial, Helvetica, sans-serif';
    letter-spacing: .05em;
    font-style: italic;
    font-size: 14px;
   }

#prime p, #prime ul, #prime ol, #prime li {padding:5px 0;}
#prime h1 {padding:50px 0 20px 0;}
#prime h2 {padding:20px 0 10px 0;}
#prime h3 {padding:20px 0 10px 0;}
#prime h4 {padding:20px 0 10px 0;}
#prime h5 {padding:10px 0 10px 0;}
#prime h6 {padding:10px 0 10px 0;}
#prime h1:first-of-type {padding-top:0;}

#prime ul, #prime ol {padding-left:35px; font-size:14px;}
#prime ul {list-style:disc;}

blockquote {margin:20px 0; padding:0 50px;}
#prime blockquote p {font-size:150%;}
blockquote:before, blockquote:after {position:absolute; font-size:100px;}
blockquote:before {content:"\201C"; left:0; top:30px;}
blockquote:after {content:"\201D"; right:0; bottom:0;}

h1,h2,h3,h4,h5,h6,blockquote {line-height:100%;}
.wp-caption-text, #prime blockquote p {line-height:125%;}
#call-to strong {letter-spacing:-3px;}

.alignright {text-align:right;}
.alignleft .wp-caption-text {text-align:left;}
.aligncenter, {text-align:center;}
.wp-caption {max-width:100%;}

a {text-decoration:none;}

#text-7 input, button, input[type="submit"], #f, , a.button {text-transform:uppercase;}


/* Animations,Transitions */




/* Gradients,Shadows */




/* Tables */

th {font-weight:bold; background:black; color:white;}
th, td {padding:5px 15px;}
tr:nth-child(even) {background:white;}


/* Forms */

.search {position: absolute; right:3px; width:100%;}
#h form {position:relative;}
#h button, #h button:after {position:absolute;}
#h input {margin-left:15px; padding:5px 50px 5px 5px; border-bottom:1px solid #ccc;}
#h button {text-indent:-999em; text-transform:none; padding:0; margin:0; top:8px; right:3px; width:20px; height:20px; border:0; background:none; font-size:25px;}
#h button:after {content:"\73"; left:0; text-indent:0;}

form {margin:15px 0; width:100%;}

label {display:block; padding-left:5px; margin-top:15px;}
input {width:80%; clear:right; padding:5px; padding:15px;}
input[type="radio"], input[type="checkbox"] {float:left; width:auto; margin-right:5px; clear:none; padding:auto;}
textarea {width:100%; padding:15px;}
input[type="submit"], button, .button {width:auto; clear:both; float:right; border:none; padding:15px;}

.button.event-submit-button {width:100%; clear:both; float:none; margin-bottom:25px; display:block; text-align:center;}

/* Events Calendar styling is in /events/events.css */


/* Adjust some CSS for Lightbox Galleries */
#colorbox {box-sizing:content-box;}
#cboxTitle {bottom:28px !important; background: rgba(0,0,0,0.5) !important; padding:5px !important; color:white !important;}
img.cboxPhoto {max-width:60%; height:auto;}
#cboxContent .fb-comments {position: absolute; z-index: 999999999999; top: 0; right: 0; width: 40%; max-height: 87%; overflow: scroll;}


/* Media Queries */

@media all and (max-width:400px) {
  
}

@media all and (max-width:650px) {
  body {overflow-x:hidden;}
  #call-to span {display:none;}
  .container {width:100%;}
  #sidebar, #prime {float:none; width:100%; padding:15px;}
  #sidebar .widget {width:310px; display:block; margin:15px auto;}
  #h {text-align:center; height:210px; margin-bottom:0; padding:0;}
  #h .menu {width:100%; float:none;}
  #h .search form {background:#ccc; width:100%; margin:0 auto; display: block; clear: both; position:absolute; bottom:-86px;}
  img.alignright, div.alignright, img.alignleft, div.alignleft {margin:30px auto; display:block; float:none;}
  .gallery-item {max-width:45%;}
  #h h1 {top:10px; left:10px;}
  #call-to {right: 0; top: 45px; width: 25%;}
  #call-to p {width:100%; text-align:right; padding:15px;}
  #call-to b {text-align:left; display:inline; width:auto;}
  #call-to strong {font-size:30px; top:5px; position:relative; right:auto;}
  .menu-toggle {display:block; background:black; padding:14px 0 13px 0; font-size:16px; text-transform:uppercase; }
  #menu-drawer {top:50px; right:5px; left:initial; width:75%; display: none;}
  #h .search {left:0; top:100px;}
  #h .search form {bottom:0px; left:0px;}
  #h form input {width:100%; margin:3px 0;}
  #h form button {right:15px; top:9px;}
  #h .menu {height:auto; background:black;}
  #h .menu li {float:none; display:block; text-align:left;}
  #h .menu ul {width:100%;}
  #h .menu ul li {float:left; width:50%; text-transform:uppercase; font-size:16px; text-align:left;}
  #h .menu ul:after {content:""; display:table; clear:both;}
  #h .menu li a {color: white;}
  #prime .the-author p, #prime .page-meta p {line-height:150%;}
  
  #top-banner-ad {width:100%;}
  #top-banner-ad * {margin:0 auto;}
  #top-banner-ad .top-ad {width:auto; left:0; float:none; top:117px;}

  .featured:nth-child(3), .featured:nth-child(5), .featured:nth-child(4) {display:none;}
  #prime .teaser-content .teaser-image {height:135px;}
  #sub-menu-drawer {top:50px; right:5px; left:initial; width:75%; display: none;}
  #sub-menu-drawer .menu {width:100%; padding-left:0;}
  .menu-toggle-button, .sub-menu-toggle-button {position: absolute; width:25%; top:5px;}
  .menu-toggle-button {right:27%;}
  .sub-menu-toggle-button {right:5px;}
}

@media all and (min-width:1000px) {
  .container, #h .cover-bg-image {width:970px;}
}

@media all and (max-width:1199px) {
  #h .menu li a {font-size:16px !important;}
}

@media all and (max-width:500px) {
  .foobar-wrapper.fb-bottom {display: none;}
  #h {height: 220px;}
  #top-banner-ad .top-ad {top:120px; height:100px; overflow:hidden;}
  #h h1 {right:10px; top:15px;}
  #prime {padding-top:15px;}
  #logo {max-width:320px;}
  .menu-toggle-button, .sub-menu-toggle-button {top:67px; right:initial;}
  .menu-toggle-button {left:0;}
  .sub-menu-toggle-button {left:25%;}
  #menu-drawer, #sub-menu-drawer {display:none; width:100%; right:0; top:112px;}
  #call-to {right:0; top:130px; width:75%;}
  #call-to p {padding:12px 15px;}
  .archive.category-photos article.post {width:100%; margin-right:0; margin-bottom:25px; float:none;}
  #f, #back-to-top {display:none;}
  #h .search {width:50%; top:112px; left:initial; right:0;}
  #h .search form {height:45px; margin:0 auto; display: block; clear: both; position:absolute; bottom:0px; box-sizing:border-box;}
  #h .search form input {padding-top:8px; padding-bottom:8px; margin:1px 0;}

  .featured-header, .featured-articles {display:none;}
  
  #prime .section-header {margin-bottom: 20px;}
  .blog article.post {margin-bottom:15px;}
  .post {padding-bottom:10px;}
  #prime .teaser-content .teaser-image {height:70px;}
  #prime .teaser-content h1 {padding-left: 8px; font-size:1.8em;}
  #prime .teaser-content .teaser-content-text, #prime .teaser-content .the-author-extra {display: none;}
  #prime .teaser-content .the-author {clear:none; float:right; width:68%; padding:0 0 0 8px; color:#666;}
}


/* @media all and (min-width:1200px) {
  .container, #h .cover-bg-image {width:1150px;}
  #prime {width:790px;}
}