/*
Theme Name:     Pinto Child Theme
Theme URI:      http://demo.themebeans.com/pinto
Description:    Make your modifications to Pinto in this child theme.
Author:         ThemeBeans
Author URI:     http://themebeans.com
Version:        1.1
Template:       pinto
*/

@import url('../pinto/style.css');



/* -- JasonGraphix -- */
iframe.twitter-tweet {width:90% !important; margin:10px auto !important;}
.row {max-width:1180px !important;}

#primary-container h1, #primary-container h2, #primary-container h5, #primary-container blockquote, #primary-container blockquote p {text-transform:none;}

@media only screen and (max-width: 767px) {
.logo_text {font-size:2.4em;}
}

.widget_search input[type="text"] {background-position:100px -418px;}

.widget_archive label {display:none;}

@media only screen and (max-width: 768px) {
  .widget_nav_menu {display:none;}
}

/* Resuable classes
----------------------------------------------- */

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}
.noclear {clear:none !important;}

.hidden, .hide { display:none; }
.left{ float:left; }
.right{ float:right; }

ul.post-gallery {display:block; margin:0; padding:0; list-style:none;}
ul.post-gallery li {display:inline-block; margin:0 10px 10px 0; padding:0;}
ul.post-gallery.gallery-thirds li {width:28%; margin:0 1%;}
ul.post-gallery.gallery-thirds li img {width:100%;}

.imgright {float:right; margin:0 -75px 20px 20px !important; width:60%;}
.imgrightmed {float:right; margin:0 -75px 20px 20px !important; width:40%;}
.imgrightsm {float:right; margin:0 -55px 20px 20px !important; width:25%;}
.imgrightxsm {float:right; margin:5px 0 5px 15px !important; width:15%;}
.imgleft {float:left; margin:0 20px 20px -75px !important; width:60%;}
.imgleftmed {float:left; margin:0 20px 20px -75px !important; width:40%;}
.imgleftsm {float:left; margin:0 20px 20px -55px !important; width:25%;}
.imgleftxsm {float:left; margin:5px 15px 5px 0 !important; width:15%;}
.imgleftin {float:left; margin:0 25px 20px 0 !important; width:45%;}
.imgfull {width:100%;}

.imgright img, .imgrightmed img, .imgrightsm img, .imgrightxsm img, .imgleft img, .imgleftmed img, .imgleftsm img, .imgleftxsm img, .imgleftin img {display:block; margin:0 0 10px 0 !important; width:98%;}

.alignc {text-align:center;}
.alignl {text-align:left;}
.alignr {text-align:right;}

.m0  {margin:        0 !important; }
.mt0 {margin-top:    0 !important; }
.mr0 {margin-right:  0 !important; }
.mb0 {margin-bottom: 0 !important; }
.ml0 {margin-left:   0 !important; }

.p0  {padding:        0 !important; }
.pt0 {padding-top:    0 !important; }
.pr0 {padding-right:  0 !important; }
.pb0 {padding-bottom: 0 !important; }
.pl0 {padding-left:   0 !important; }

p.error {display:block; border:2px solid #2d2b45; background:#18192a; color:#fff; padding:10px; margin:10px 0;}
p.error a {color:#fff;}

.floatleft {float:left; margin:0 10px 10px 0;}
.floatright {float:right; margin:0 0 10px 10px;}

.pull100left {margin-left:-100px;}
.gallery-item {float:left; margin:10px 10px 0 0;}

.b {font-weight: bold;}
.i, em {font-style: italic;}
strike {text-decoration: line-through;}
.small-meta {font-size:14px; opacity:.75;}

table.grid {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  margin: 0 0 20px 0;
}
table.grid td, table.grid th {
  border: 1px solid #ddd;
  padding: 4px 10px;
}
table.grid tr:nth-child(even){background-color: #f2f2f2;}
table.grid th {
  background-color: #ddd;
}

/* Overriding Pinto's odd UL styling. */
.entry-content ul {margin:0 0 20px 30px;}
.entry-content ul li {color:#70706E;}

@media only screen and (max-width: 768px) { 
    .imgright, .imgrightmed, .imgrightsm, .imgrightxsm, .imgleft, .imgleftmed, .imgleftsm, .imgleftxsm .imgleftin {
        float:none; margin:0 0 20px 0 !important; width:100%;
    }
}


/* Used on /portfolio */
a.section-image {display:block; margin:60px -65px 0 -65px;}
@media only screen and (max-width: 906px){
  a.section-image {
      margin:30px -30px 0 -30px;
  }
}
@media only screen and (max-width: 768px){
  a.section-image {
      margin:20px -20px 0 -20px;
  }
}


/* Design Team Blogroll
----------------------------------------------- */
.entry-content .wp-rss-template-container {margin: -15px 0 50px 0;}

/* A Tribute to Items Post
----------------------------------------------- */
.gowalla-item {float: left; height: 180px; width: 25%;}
.gowalla-item a {display: block; font-size: 11px; line-height: 14px; text-align: center; text-decoration: none;}
.gowalla-item a img {margin: 10px 0pt; width: 50%;}

/* Lessons Learned Post
----------------------------------------------- */
.blog-archive {
  font-family:arial;
  margin:0 auto; 
  text-align:center;
  max-width:590px;
}

.blog-archive > * {
  display:inline-block;
  padding:5px 6px;
  margin:5px 0;
  font-size:12px;
  line-height:14px;
}

.blog-archive > a {
  background:#eee;
  border-radius:3px;
  text-decoration:none;
}

.blog-archive > a:hover {
  background:#ccc;
}

.blog-archive > em {
  color:#ccc;
}

.blog-archive > strong {
  padding-right:0;
  padding-left:0;
  font-weight:bold;
}

@media only screen and (max-width: 1050px) {
  .blog-archive > em,
  .blog-archive > a,
  .blog-archive > strike {
    font-size:0;
    line-height:0;
    min-width:18px;
  }

    .blog-archive > em:first-letter,
  .blog-archive > a:first-letter,
  .blog-archive > strike:first-letter {
    font-size:12px;
    line-height:14px;
  }
}

@media only screen and (max-width: 550px) {
  .blog-archive {
    margin:0;
    text-align:left;
  }
  .blog-archive > strong {
    text-align:left;
    display:block;
    margin-bottom:0;
  }
}


/* Craft Beer Drikin' Data Post
----------------------------------------------- */

ul.top-beers {
  margin:0;
  padding:0;
}


ul.top-beers li {
  display:block;
  margin:0 0 40px 0;
  padding:0 10px;
  width:50%;
  float:left;
  color:#555;
  font-size:14px;
  min-height:120px;
}

ul.top-beers li a {
  font-weight:bold;
  text-decoration:underline;
}

ul.top-beers img {display:block; margin:10px 0 !important;}
ul.top-beers a:hover img {outline: 1px solid #333;}

@media only screen and (max-width: 770px) {
  ul.top-beers li {width:100%;}
}