/*
Theme Name:     Little Sparkle
Description:    Child theme of Sparkle
Author:         Yeahthemes
Template:       yeahthemes-sparkle
Version:        1.0

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../yeahthemes-sparkle/style.css");

/**
 * color
 ***************************************************************/

.site-header .site-banner {
     background: #BB1919 !important;
}

body .site-header .main-navigation .menu > li > a {
    color:#fff;
}

body {
    color:#000000 !important;
}

body a {
    color:#e80008;
}

body .site-header .site-top-menu {
    background-color: #a91717;
}

body .site-header .site-top-menu a {
    color: #ffffff;
}

.site-header .site-top-menu .site-top-navigation-menu-container .menu-item {
  margin-bottom: 0;
}

.site-header .site-top-menu .site-top-navigation-menu-container .not-current-item img {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  transition: all 0.2s linear;
}

.site-header .site-top-menu .site-top-navigation-menu-container .not-current-item:hover img {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity: 1;
}

::-moz-selection  {
    background-color:#fab0b3 !important;
    color: #000 !important;
}

::selection {
    background-color:#fab0b3 !important;
    color: #000 !important;
}

body .btn-default,
body [type="button"],
body button,
body .button,
body [type="submit"].btn-default,
body .btn-primary,
body [type="submit"] {
    background-color: #e80008 !important;
    color: #fff !important;
    border-color: #e80008 !important;
}

.btn-default:hover,
[type="button"]:hover,
button:hover,
.button:hover,
[type="submit"].btn-default:hover,
.btn-default:focus,
[type="button"]:focus,
button:focus, .button:focus,
[type="submit"].btn-default:focus,
.btn-default:active,
[type="button"]:active,
button:active,
.button:active,
[type="submit"].btn-default:active,
.btn-default.active,
[type="button"].active,
button.active,
.button.active,
[type="submit"].btn-default.active {
    color: #fff !important;
    background-color: #b30006 !important;
}

body .btn-default {
    display:block;
}

body #secondary a.active,
body #secondary .active > a,
body #tertiary a.active,
body #tertiary .active > a,
body .secondary-2-primary a:hover,
body .secondary-2-primary a:hover > *,
body .gray-2-primary:hover,
body .gray-2-primary a:hover,
body .gray-2-primary a:hover *,
body .current-cat a,
body .current_page_item a,
body .pagination-nav .page-numbers.current,
body #secondary ul li a:hover,
body #tertiary ul li a:hover,
body .site-header .main-navigation .menu li.current-menu-item > a {
    color:#e80008;
}

body input[type="text"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="password"]:focus,
body input[type="search"]:focus,
body textarea:focus,
body textarea.form-control:focus {
    border-color: #777;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0,0,0,0.2);
}



/**
 * common
 ***************************************************************/

.container {
    max-width:992px;
}

.post-list-with-thumbnail li .post-thumb {
    margin-right: 6px !important;
}


/**
 * header
 ***************************************************************/

.site-banner .site-logo img {
    margin:17px 0 0 0 !important;
    display:block;
}

@media (min-width: 992px) {
     .site-banner .site-logo img {
        margin:17px 0 0 0 !important;
    }
}

@media (max-width: 991px) {
/*    .site-banner .site-logo {
        padding-right:0 !important;
    }
*/
    .site-banner .site-logo img {
        margin:11px 0 0 0 !important;
        max-width:160px;
    }
}

.site-breaking-news h3 {
    font-size:14px;
    display:block;
    padding:3px 0 0 0;
}

.with-cmt {
    display:none;
}

.main-navigation ul.menu > li.default-dropdown ul.sub-menu li.menu-item {
    width: 290px;
}



/**
 * hero
 ***************************************************************/

body .site-hero h2 {
    text-overflow: ellipsis;
}

body .site-hero .hero-brick .entry-header {
    margin-bottom: 20px;
}

body .site-hero .hero-brick .entry-header h2 {
    font-size:20px;
    max-height:3.8em !important;
}

body .site-hero .hero-brick.hero-brick-large .entry-header {
    max-width: none !important;
}

body .site-hero .hero-brick.hero-brick-large .entry-header h2 {
    font-size:36px;
    max-height:7.5em !important;
}

body .site-content article .entry-title {
    font-size: 2.0em !important;
}

//@media (min-width: 1200px) and (max-width: 1399px) {
//   .site-hero .hero-brick.hero-brick-large .entry-header h2 {
//      font-size:30px;
//  }
//  .site-hero .hero-brick .entry-header h2 {
//      font-size:18px;
//      margin:5px 0 0 0 !important;
//  }
//}

@media (min-width: 992px) {
    body .site-hero .hero-brick .entry-header {
        margin:0 !important;
        bottom:30px !important;
    }
    body .site-hero .hero-brick.hero-brick-large .entry-header h2 {
        font-size:24px;
        max-height: 7.5em !important;
        margin:5px 0 10px 0 !important;
        line-height:145% !important;
    }
    body .site-hero .hero-brick .entry-header h2 {
        font-size:16px;
        max-height: 3.6em !important;
        margin:5px 0 5px 0 !important;
    }
    body .site-hero .hero-brick .entry-meta {
        margin:0 !important;
        bottom: 10px !important;
    }
    body .site-hero .hero-brick .posted-on,
    body .site-hero .hero-brick .entry-category {
        display:block !important;
    }
    body .site-hero .hero-brick .entry-header .entry-category {
        margin-left: -25px !important;
    }
}
@media (max-width: 767px) and (min-width: 640px) {
    body .site-hero .hero-brick.hero-brick-large .entry-header h2 {
        font-size:36px !important;
    }
}
@media (max-width: 479px) {
    body .site-hero .hero-brick .entry-header,
    body .site-hero .hero-brick .entry-meta {
        margin:0;
    }
    body .site-hero .hero-brick .entry-meta {
        bottom:10px;
    }
    body .site-hero .hero-brick .entry-header .entry-category {
        margin-left: -25px;
    }
  body .site-hero .hero-brick.hero-brick-large .entry-header h2,
  body .site-hero .hero-brick .entry-header h2 {
        font-size:17px !important;
        max-height:6.1em !important;
        margin-top:5px !important;
    }
    body .site-content article .entry-title {
        font-size: 1.6em !important;
        font-weight:bold;
    }
}


/**
 * Category
 ***************************************************************/

.cat-tag {
    background:#e80008;
}



/**
 * Widget
 ***************************************************************/

.yt-ads-spacefull-content img {
    display:block;
    margin:0 auto;
}


/**
 * Signle
 ***************************************************************/

.entry-tags a:hover {
    background-color: #69b980;
}

.entry-content {
    font-size:120%;
}

.entry-content h1 {
    margin:60px 0 30px 0;
    padding:20px;
    font-weight:bold;
    font-size:26px;
    background:#363b3f;
    color:#fff;
     border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.entry-content h2 {
    margin:60px 0 30px 0;
    padding:20px 0;
    border-top:2px solid #363b3f;
    border-bottom:1px solid #363b3f;
    font-weight:bold;
    font-size:24px;
}

.entry-content h3 {
    margin:40px 0 20px 0;
    padding:0 0 10px 0;
    font-weight:bold;
    border-bottom:1px dotted #363b3f;
    font-size:20px;
}

.entry-content h4 {
    margin:25px 0 10px 0;
    font-weight:bold;
    font-size:18px;
}


@media (max-width: 768px) {

.entry-content h1 {
    padding:15px;
    font-size:20px;
}

.entry-content h2 {
    padding:15px 0;
    font-size:20px;
}

.entry-content h3 {
    font-size:18px;
}

.entry-content h4 {
    font-size:16px;
}

}

.entry-content .wp-caption-text {
    font-style:normal;
    padding:10px;
    font-size:90%;
    margin:0;
}

.entry-content blockquote {
    padding: 10px 20px;
    margin:20px 0;
    font-size:100%;
    border-left: 5px solid #eee;
}

.entry-content blockquote p {
    font-size:110%;
}

.entry-content a {
    text-decoration:underline;
}

.entry-content table {
    width:100%;
    margin:20px 0;
    font-size:90%;
}

.entry-content table td,
.entry-content table th {
    border:#efeff0 1px solid;
    padding:5px 10px;
    vertical-align:top;
    text-align:left;
}

.entry-content table th {
    font-weight:bold;
    background:#f7f7f7;
}

.fb-like iframe {
    max-width:none !important;
}

.page-links {
    margin:1.5em 0 !important;
}


/**
 * sns_btns
 ***************************************************************/

.sns_btns_box {
    text-align:center;
    vertical-align:top;
    background:#fafafa;
    padding:10px 0 4px 0;
}

.sns_btns {
    display: inline-block;
   *display: inline;
   zoom: 1;
   margin:0 5px;
   vertical-align: top;
}

@media (max-width: 639px) {
.sns_btns {
    margin:0 !important;
}
}


/**
 * 2column
 ***************************************************************/

@media (min-width: 992px) {
    .layout-right-sidebar #secondary {
        padding-right:0 !important;
    }
    html .boundary-column {
        padding-left:30px !important;
    }
    html .boundary-column:before {
        left: 10px;
        right: 15px;
    }
}



/**
 * single ad
 ***************************************************************/

.single-post-ads-bottom {
    float:none !important;
    margin:50px 0 0 0 !important;
    padding:0 !important;
}
.ad_single_box {
    width:100%;
    overflow:hidden;
}
.ad_single_box .ad_single_left,
.ad_single_box .ad_single_right {
    width:300px;
    text-align:center;
}

@media (min-width: 640px) {
    .ad_single_box .ad_single_left {
        float:left;
    }
    .ad_single_box .ad_single_right {
        float:right;
    }
}
@media (max-width: 639px) {
    .ad_single_box .ad_single_left {
        float:none !important;
        margin:0 auto 20px auto;
    }
    .ad_single_box .ad_single_right {
        float:none !important;
        margin:0 auto;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

/*pager*/

.page-numbers:before {
  content: '';
  border-width: 0 0 0 0 !important;
  border-style: solid;
  position: absolute;
  right: -2px;
  height: 100%;
  top: 0;
  transform: rotateZ(15deg);
  -webkit-transform: rotateZ(15deg);
  -moz-transform: rotateZ(15deg);
  -ms-transform: rotateZ(15deg);
}

.pagination-nav .page-numbers {
  position: relative;
  padding: 10px 12px;

}
div[class="page-links pagination-nav"] span {
  position: relative;
  padding: 10px 12px;
  background:#e80008;
  text-decoration:none;
  color: #fff;
}

div[class="page-links pagination-nav"] > a{
    text-decoration:none;
}

div[class="page-links pagination-nav"] > span{

    background-color:#fafafa;
    color:#777777;

}

.page-links > a > span.page-numbers:hover{

    background:#ff363c;
    border-color: #000;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    text-decoration: none;

}

span.page-numbers:active{
    text-decoration:underline;
}

span.page-numbers:visited{
    text-decoration:underline;
}

/* after post facebook twitter share button */

.share_btn .social-BT {
  display: inline-block;
  width: 100%;
  line-height: 70px;
  color: #FFF;
  font-size: 18px;
  margin-top:-20px;
  margin-bottom: 20px;
  cursor: pointer;
  vertical-align: text-top;
}

.share_btn>li {
  float: left;
  width: 49%;
    list-style:none;
}

.share_btn>li:first-child {
  margin-right:10px;
}


.snsBT-FB {
  background: #3468af!important;
  border-color:#3468af!important;
  padding: 0 !important;
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
  -ms-border-radius:0 !important;
  -o-border-radius:0 !important;
  border-radius:0 !important;
  border-width: 0 !important;
}


.snsBT-FB:hover{
    background-color:#3468af!important;
}

.snsBT-FB:focus{
    background-color:#3468af!important;
}

.social-BT:hover {
  opacity: .75!important;
}

.social-BTIC {
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  float: left;
}

.social-BTIC-fb {
  background: #154c97;
}


.snsBT-TW {
  background: #55acee!important;
  text-align: center;
}

.snsBT-TW:focus{
    text-decoration:none;
}

.social-BTIC-tw {
  background: #4898d7;
}


@media only screen and (max-width:640px) {

.share_btn .social-BT {
  display: inline-block;
  width: 100%;
  line-height: 50px;
  color: #FFF;
  font-size: 18px;
  margin-top:-20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.share_btn>li {
  width: 49%;
}

.share_btn>li:first-child {
  margin-right:5px;
}

.social-BTIC {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  float: left;
}

}

@media only screen and (max-width:450px) {

.share_btn .social-BT {
  font-size: 16px;
}

}

@media only screen and (max-width:414px) {

.share_btn .social-BT {
  width: 100%;
  line-height: 55px;
  color: #FFF;
  font-size: 18px;
  margin-bottom:0;
}

.share_btn>li {
  width: 100%;
}

.share_btn>li:first-child {
  margin-top:-2px;
  margin-bottom:20px;
  margin-right:0;
}

.social-BTIC {
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
}

}