/*
Theme Name: Just Pink
Theme URI: https://wordpress.org/themes/just-pink/
Author: Tatiane Pires
Author URI: http://tpires.me/
Description: Simple pink theme based on Twenty Twelve.
Template: twentytwelve
Version: 1.4.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: pink, white, two-columns, right-sidebar, fixed-width, custom-menu, featured-images, sticky-post
Text Domain: justpink
*/

/*
Just Pink WordPress Theme, Copyright 2013 Tatiane Pires (tatianepires.com.br)
Just Pink is distributed under the terms of the GNU GPL.
*/

/* =Fonts
-------------------------------------------------------------- */

body {
  font-family: 'Open Sans', sans-serif;
}

.site-header h1,
.site-header h2,
.entry-header .entry-title {
  font-family: 'Indie Flower', serif;
}

/* =Links
-------------------------------------------------------------- */

a,
.site-header h1 a,
.site-header h2 a,
.entry-header .entry-title,
.entry-header .entry-title a {
  color: #bd1e98;
}
a:hover,
.site-header h1 a:hover,
.site-header h2 a:hover,
.entry-header .entry-title a:hover {
  color: #ab0987;
}

/* =Background
-------------------------------------------------------------- */

body {
  background-color: #ffffff;
}

.main-navigation,
#colophon {
  background: #e04a8a; /* Old browsers */
  background: -moz-linear-gradient(top,  #e04a8a 0%, #a61962 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e04a8a), color-stop(100%,#a61962)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e04a8a 0%,#a61962 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e04a8a 0%,#a61962 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e04a8a 0%,#a61962 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e04a8a 0%,#a61962 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04a8a', endColorstr='#a61962',GradientType=0 ); /* IE6-9 */
}

/* =Site header
-------------------------------------------------------------- */
.site-header {
  background-color: #eee;
  border-bottom: 1px solid #e8e5e6;
}

.main-navigation {
  margin-top: 0;
}

.site-header .site,
.main-navigation .site {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
  background-color: unset;
}

.site-header h1 a {
  color: #a51c85;
}

.site-header h2 {
  font-size: 1rem;
}

/* =Main navigation
-------------------------------------------------------------- */
.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
  border: none;
}

.main-navigation li a {
  color: #ffffff;
}
.main-navigation .children a {
  color: #111111;
}

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a {
  color: #cccccc;
}

.main-navigation li a:hover, 
.main-navigation li a:focus {
  color: #dddddd;
}

.menu-toggle {
  margin-top: 14px;
  margin-top: 1rem;
  margin-bottom: 14px;
  margin-bottom: 1rem;
}

/* =Main content
-------------------------------------------------------------- */

body .site {
  background-color: unset;
  box-shadow: unset;
  margin-top: 20px;
  margin-top: 1.428571428rem;
}

.archive-header,
.page-header {
  padding-bottom: 0;
  border: none;
}

/* =Article
-------------------------------------------------------------- */

.site-content article {
  background-color: #faebf1;
  border-bottom: none;
  border-radius: 0 15px 0 15px;
  margin-bottom: 30px;
  margin-bottom: 2.142857143rem;
  padding: 20px;
  padding: 1.428571429rem;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

article.sticky .featured-post {
  border: none;
  font-weight: bold;
  color: #a51c85;
}

.entry-header .entry-title {
  outline: none;
  text-shadow: 1px 1px 1px #aaa;
}

.nav-single a {
  text-decoration: none;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
  font-weight: bold;
}

article.comment {
  background-color: #eeeeee;
}

.comment-respond {
  background-color: #eeeeee;
  border-bottom: none;
  border-radius: 0 15px 0 15px;
  margin-bottom: 30px;
  margin-bottom: 2.142857143rem;
  padding: 20px;
  padding: 1.428571429rem;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* =Sidebar
-------------------------------------------------------------- */

.widget-area .widget {
  background-color: #edb6cd;
  border-radius: 0 15px 0 15px;
  padding: 20px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  word-wrap: break-word;
}
.widget-area .widget h3 {
  margin-bottom: 14px;
  margin-bottom: 1rem;
  color: #b257a0;
  font-size: 1rem;
  text-transform: none;
}

/* =Footer
-------------------------------------------------------------- */

footer[role="contentinfo"] {
  width: 100%;
  max-width: unset;
}

footer .site {
  max-width: 960px;
  max-width: 68.571428571rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 13px;
  font-size: 0.928571428rem;
}

footer .site a {
  color: #dddddd;
  text-decoration: none;
}

footer .site a:hover {
  color: #cccccc;
}

/* =Post extras
-------------------------------------------------------------- */

#just-pink-extras {
  margin: 0 auto;
  max-width: 960px;
  max-width: 68.571428571rem;
  padding: 20px 0;
  padding: 1.4285714285rem 0;
}

#just-pink-extras .latest-posts,
#just-pink-extras .top-categories,
#just-pink-extras .top-tags {
  float: left;
  width: 33%;
}

#just-pink-extras .latest-posts-title,
#just-pink-extras .top-categories-title,
#just-pink-extras .top-tags-title {
  color: #EEE;
  display: block;
  padding-bottom: 20px;
  padding-bottom: 1.4285714285rem;
}

#just-pink-extras li {
  display: block;
  float: none;
  margin: 0;
}

#just-pink-extras li a {
  line-height: 1.5rem;
  padding-bottom: 10px;
  padding-bottom: 0.7142857142rem;
  white-space: normal;
}

/* =Clearfix
-------------------------------------------------------------- */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  }

/* =Media query
-------------------------------------------------------------- */

@media (min-width: 600px) {
  .main-navigation .site {
    overflow-x: unset;
    overflow-y: unset;
  }

  .main-navigation li ul.children {
    display: none;
  }

  .main-navigation li:hover ul.children {
    display: block;
  }

  .main-navigation li ul.children {
    height: auto;
    width: auto;
    clip: unset;
  }

  .site-content {
    margin-top: 0;
    float: left;
    width: 70%;
  }
  
  .widget-area {
    margin-top: 0;
    float: left;
    width: 30%;
  }

  .widget-area .widget {
    margin-left: 30px;
    margin-left: 2.142857142rem;
  }
}

@media screen and (min-width: 960px) {
  body .site {
    margin-top: 48px;
    margin-top: 3.428571429rem;
  }
}