/*
 Theme Name:   Sparkling Child
 Theme URI:    http://colorlib.com/wp/themes/sparkling
 Description:  Sparkling Child Theme
 Author:       Kaitlyn Chasarik
 Author URI:   http://kchasarik.com
 Template:     sparkling
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  sparkling-child
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic);
@font-face {font-family: "Big John";src: url(font/BIG-JOHN.otf) format("opentype");}
@font-face {font-family: "Slim Joe";src: url(font/Slim-Joe.otf) format("opentype");}


body {background-color: #000117 !important;color: #777 !important;}
.site-content {margin-top: 60px;}
.entry-title {color: #aaa;}

/*  Social Classes  */
#social {display:inline-block;margin-right:10px;}
#social a {padding: 0 5px;}
#social a:hover{opacity:0.6;text-decoration:none;}
.patreon-button{background-color:#282837;width:95px;height:70px;top:0;right:10%;overflow:hidden;text-align:center;padding-top:15px;font-size:16px;z-index:100;    float: right;}
.patreon-button p{line-height: 20px;text-transform: uppercase;}
.patreon-button:hover{height:150px;-webkit-transition-duration:2s;-webkit-transition-delay:.25s;transition-duration:2s;transition-delay:.25s;}
.patreon-button a:hover{color:#fff;text-decoration:none;}
.patreon-hide{min-height:80px;margin-bottom:0;}
.patreon-button:hover .patreon-hide{min-height:0;max-height:0;opacity:0;transition:min-height 2s,opacity 1s;-webkit-transition:min-height 2s,opacity 1s;-moz-transition:min-height 2s,opacity 1s;-ms-transition:min-height 2s,opacity 1s;-o-transition:min-height 2s,opacity 1s;}

/*  Header Classes  */
.navbar > .container .navbar-brand {color: #FFF;font-size: 16px; font-family: "Big John", helvetica, arial, sans-serif;}
.navbar > .container .navbar-brand:hover {color: #ccc;}

.navbar.navbar-default {background-color: #000117; position: fixed; z-index: 100; width: 100%;}
.navbar-default {border-color: #282837!important;}
.navbar-default .navbar-nav>li>a {color: #ddd !important;}
.navbar-default .navbar-nav>li>a:hover {color: #aaa !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #ccc !important;background-color: #282837 !important;}
.navbar-nav > li {padding: 0 15px !important;}
.menu-item-has-children {height:70px}
.menu-item-has-children a {display:inline-block !important;}
.menu-item-has-children .sparkling-dropdown {display:inline-block;}
.navbar-default .navbar-nav .dropdown-menu > li:hover, .navbar-default .navbar-nav .dropdown-menu > li:focus {background-color: #f5f5f5 !important;}
.navbar-nav > li:hover > .caret, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .caret, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #337ab7 !important;}

/*  Content Classes  */
.post-inner-content {background-color: #000117; border: 1px solid #282837;border-radius: 5px;}
body.archive .post-inner-content, body.blog .post-inner-content, .post-inner-content:first-child {border-top: 1px solid #282837;}
.page-header, .widget ul li {border-bottom: 1px solid #282837 !important;}
.woocommerce .main-content-inner, .well {background-color: #000117 !important;border: 1px solid #282837 !important;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: #282837;}


/*  Gallery/Portfolio Classes  */
.jp-carousel-overlay {position:fixed !important;}
img.attachment-thumbnail.size-thumbnail:hover {opacity: .8;}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {clear: none;padding: 0 20px 20px 0;width: 20%;box-sizing: border-box;}


/*  Woocommerce Classes  */
.woocommerce div.product div.images img {border-radius:5px;}
.woocommerce div.product div.images .woocommerce-product-gallery__image {width: auto;display: inline-block;padding: 0 10px 10px 0;}
div#mainImg .woocommerce-product-gallery__image {width: 100%;}
.panel {background-color: transparent !important;border: 1px solid #282837 !important;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .select2-dropdown, .select2-container--default .select2-selection--single, button, input, select, textarea, .form-control {background-color: #282837 !important;border: 1px solid #282837 !important;border-radius: 3px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: #282837;border-bottom-color: #282837;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid #282837;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-bottom: 1px solid #282837;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {border: 1px solid transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {box-shadow: 2px 2px 0 transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {box-shadow: 2px 2px 0 transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {box-shadow: -2px 2px 0 transparent;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {border: 1px solid #282837;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #777;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {color: #ddd;}
.btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #337ab7;border-color: #337ab7;}
#woocommerce-product-search-field-0 {width:100%; margin-bottom:5px;}
.product-categories li a {font-size:1.3em;}


.about-image img {max-width: 40%; float: left; margin: 0 15px 10px 0;}
.faq-monica {float:right !important;}
.contact-monica, .about-monica {float:left !important;}
.page-template-page_about input, .page-template-page_about textarea {margin-bottom:10px;}


/*  Store Classes  */
#store-adv {float:right;}
#store-adv .advertisement {float: right;min-height: 20px;padding: 19px;margin-bottom: 20px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);background-color: #000117 !important;border: 1px solid #282837 !important;}
@media (min-width: 768px) {
	#store-adv {display:none;}
}
@media (min-width: 992px) {
	#store-adv {display:block;}
}

.kaptai-archivemenu {margin:20px;text-align:center;}
.comic_navi_wrapper {margin-bottom:10px !important;}
#ceo_comic_list_dropdown_widget-2 {display:inline-block;}
.comic_navi {font-size: 1.3em;}
body.single-comic .container {width:90%;max-width: 1170px;}
body.single-comic .main-content-inner {width:100%;}
.kaptai-comic {text-align:center}
.comic-archive-thumbnail {margin: 0 10px 10px 0 !important;}
.comic-archive-list-wrap {height: 200px; -moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

/*  Footer Classes  */
#colophon {background-color: #000117;border-top: 1px solid #282837 !important;}
#footer-area .row {text-align:center;}


@media only screen and (max-width: 960px) {
	.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {width: 33%;}
}
@media only screen and (max-width: 775px) {
	.patreon-button {display:none;}
}
@media only screen and (max-width: 400px) {
	.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {width: 100%;padding: 0 0 20px 0;}
}