/*
 Theme Name:   Sparkling Child
 Theme URI:    http://example.com/Sparkling-child/
 Description:  Sparkling Child Theme
 Author:       Joan Navarro i Gaya
 Author URI:   http://example.com
 Template:     sparkling
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sparkling-child
*/

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:

Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.
*/

@import url("../sparkling/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

/*********************************
	GENREAL STYLE TYPES
*********************************/
.justificado {
	text-align: justify;
}

.centrado {
	text-align: center;
}

.clean{
	clear: both;
}

.no-border {
	border: none;
}

.bordered {
	border: 1px solid #26ad5e;
}

.bordered-grey {
	border: 1px solid #ccc;
}

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

.padding-15 {
	padding: 15px;
}

.no-margin-left {
    margin-left: 0 !important;
}

.margin-left2 {
    margin-left: 2% !important;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

h1 {
	text-align: center;
}

input.btn {
	background: #26ad5e;
    border: 1px solid #26ad5e;
}

a.more-link {
	background: #26ad5e;
    border-color: #26ad5e;
	font-weight: 700;
}

a.more-link:hover {
	background: #26ad5e;
    border-color: #26ad5e;
	transition: transform 0.5s ease;
    transform: scale(1.2);
	text-decoration: none;
}

a, #secondary .widget a  {
    color: #26ad5e;
}

h1, h2, h3, h5, h5, h6 {
	color: #444;
}

.caption {
	font-size: 8pt;
	font-style: italic;
}

.pie-foto {
	font-size: 8pt;
	font-style: italic;
	text-align: center;
}

figcaption {
	font-size: 1.2rem;
	font-style: italic;
	margin: auto;
	margin-bottom: 15px;
	text-align: center;
}

.caption-shadow {
	font-size: 8pt;
	font-style: italic;
	margin-top: -15px;
	margin-bottom: 20px;
	text-align: center;
	float: left;
	width:100%;
}

#post-6583 header {
	display: none;
}

a:hover, #secondary .widget a:hover {
	color: #26ad5e;
	text-decoration: underline;
}

a:focus, #secondary .widget a:focus {
	color: #26ad5e;
}

a.wp-block-latest-posts__post-title:hover {
	color: white;
}

#secondary .widget {
    margin-bottom: 20px;
	color: #333;

}

div#secondary p {
	color: #333;
}

.entry-title > a:hover
{
    color: #26ad5e;
}

.post-navigation a:hover, .post-navigation a:focus, .pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {
    background: #26ad5e;
}


/*********************************
	SOCIAL MEDIA IN THE SIDEBAR
*********************************/

ul.social-menu a:hover {
	color: white !important;	
}

.social-icons li a {
	background: #aaa;
}

#searchsubmit{
	background-color: #26ad5e;
	border: 1px solid #26ad5e;
}

.read-more, .nav-previous > a:hover{ 
	background-color: #26ad5e;
	border: 1px solid #26ad5e;
}

.menu-item a:hover, .linkitem-header, .linkitem-container h3, #link-about-sidebar:hover, #text-3 a:hover, .navbar-nav > li > .caret {
	color: #26ad5e !important;
}

.navbar-default .navbar-nav .dropdown-menu > li:hover, .navbar-default .navbar-nav .dropdown-menu > li:focus-within {
	background: #26ad5e;
}

.navbar-nav > li:hover > .caret {
	color: white !important;
}

.dropdown-menu > .active {
    background-color: #26ad5e;
    color: white;
}

.navbar {
	background-color: #313233 !important;
}

/* Trying to put the image of the articles the same with that the article */
article > img {
    width: 100%;
    height: auto;
}

.img_50, .img_33, .img_66 {
    margin-left: 1%;
    margin-bottom: 20px;
    height: auto;
    float: left;
}
.img_50 {
    width: 49%;
}

.img_33, .img3cols {
    width: 35.2%;
}

.img3cols {
    width: 32% !important;
    margin-left: 0.9%;
}

.img_66 {
    width: 62.5%;
}

.img50-vert-centered {
    margin-left: 25.5% !important;
}

.fotos_container {
    clear: both;
}

.img-shadow {
    position: relative;
    max-width: 100%;
    float: left;
    margin-left: 2px;
    margin-bottom:20px;
}
    
.img-shadow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 20px 10px rgba(0,0,0,.6) inset;
    -moz-box-shadow: inset 0 0 28px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0 0 28px rgba(0,0,0,1);
} 
	   
.img-shadow img {
    float: left;
} 

.img_centered_70 {
    margin: 0 auto;
    width: 70%;
    display: block;
}

.review-points {
	padding: 15px;
}  

.review-points i {
    display: block;
	text-align: center;
}

.review-positive-points i {
	color: green;
}

.review-negative-points i {
	color: red;
}

/*********************************
    STAR RATING IMAGES
*********************************/
.img-rating {
    width:8%;
}

.img-rating:first-child {
    margin-left:25%;
}

/*********************************
    CHECKLISTS
*********************************/

.container90 {
    width: 100%;
}

li.checklist_item {
    width: 22%;
    display: inline-block;
}

.checkmark_image {
    width: 10%;
    display: inline-block;
}

.checklist_item_description  p {
    width:85%;
    display: inline-block;
}

/*********************************
    REVIEW PAGES
*********************************/

.review-box {
	border: 2px solid #dadada;
	margin-top: -17px;
	margin-bottom: 15px;
}

.review-header-description {
	font-size: 0.9em;
}

ul.review-box-list {
	padding-left: 0; 
	list-style: none; 
	padding-top: 15px; 
	margin-left: 15px;
}

li.review-box-list-item {
	padding: 5px 0;
}

span.review-item-list-title {
	font-weight: 700;
}

a.review-find-one-button {
	color: white;
	background: #26ad5e;
	padding: 10px 15px;
	margin-top: 15px;
	display: inline-block;
}

h2 > span.glyphicon-hand-up {
	color: #26ad5e;
}

h2 > span.glyphicon-hand-down {
	color: red;
}

@media (max-width: 719px) {
  .img_centered_70 {
       margin: 0 auto;
       width: 90%;
       display: block;
	}
}

.ydevs-logo-square-17 {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.ydevs-footer-text {
	vertical-align: top;
}

/*  HEADER  */
header, .navbar {
	background: white !important;
}

/*  MENU  */

.navbar-nav > li {
	padding: 5px 15px;
	margin-top: 2px;
}

.navbar-nav > li {
	background: white;
	transition: background-color 400ms linear;
}

.navbar-nav > li > a {
	color: #26ad5e !important;
}

.navbar-nav li:hover  {
	background: #2bad5e !important;
	color: white !important;
	transition: background-color 400ms linear;
}

.navbar-nav li:hover > a  {
	color: white !important;
}

.navbar-nav:before, .navbar-nav:after {
	content: '';
	position: absolute;
	width: 99.5vw;
	height: 2px;
	background: #2bad5c;
	left: calc((100vw - 100%) / 2 * (-1));
}

.navbar-nav:after {
	top: 100%;
}

/* FIGURE LIST PAGE */
.figure-list-item-image > img {
	clip-path: polygon(12% 0%, 130% 0%, 88% 100%, -30% 100%);
}

.figure-list-item-title {
	font-family: "Ubuntu";
	margin-top: 10px !important;
	margin-bottom: 40px !important;
}



@media (max-width: 767px) {
	
	.navbar-default .navbar-collapse {
		border: none;
	}
	
	.navbar-nav:before {
		z-index: 9;
	}
	
	.navbar-default .navbar-nav li.open, .navbar-default .navbar-nav li.open > a {
		background: #26ad5e;
		color: white !important;
	}
	
	.navbar-default .navbar-nav li.open > a, .navbar-default .navbar-nav li.open > .caret {
		color: white; 
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .dropdown-menu > li.active > .caret, .navbar-default .navbar-nav .dropdown-menu > li.open > a {
        color: white;
    }
	
	.button-search-figure {
		width: 80% !important;
		text-align: center;
	}
	
	.item-checklist-title h2 {
		padding: 10px 15px; 
		font-family: Oswald, Roboto, Helvetica, sans-serif !important; 
		font-weight: 500 !important; 
		margin-top: 0; 
		text-align: center; 
		font-size: 1.5rem !important;
	}
	
	.entry-content {
	    font-size: 15px !important;
    }
}

/*  POST IMAGES  */
article img.single-featured.wp-post-image {
	border: 1px solid #ccc;
	border-bottom: none;
}

/* Banners Amazon */
.amzn-ad-container {
	width: 100% !important;
}

/* Custom reviews */
.figure-review-basic-data-list  {
	list-style: none;
    margin-top: 20px;
}

.review-basic-data-button  {
	margin: auto !important;
    margin-top: 15px !important;
}

/* Checklist */
#post-5484 header {
    padding-bottom: 0px;
    margin: 0; 
    border-bottom: none;
}
	
.year-row {
	padding: 5px 15px; 
	margin-left: -15px; 
	color:white; 
	font-size: 2rem; 
	font-weight:700; 
	background: linear-gradient(90deg, rgba(38,173,94,1) 0%, rgba(38,173,94,1) 40%, rgba(38,173,94,0) 75%); 
	margin-bottom:15px; 
	font-family: Oswald, Roboto, 'Open Sans'; 
	margin-left: 0; 
	margin-top: 20px;
}

.wave-row {
	padding: 5px 15px; 
	margin-left: -15px; 
	color:white; 
	font-size: 1.5rem; 
	font-weight:600; 
	background: linear-gradient(90deg, rgba(21, 214, 113, 1) 0%, rgba(21, 214, 113, 1) 40%, rgba(21, 214, 113, 0) 75%); 
	font-family: Oswald, Roboto, 'Open Sans'; 
	margin-left: 0; 
}

.item-checklist-container {
	padding: 15px;
}

.item-checklist-title h2, h2.item-checklist-title {
	padding: 10px 15px; 
	font-family: Oswald, Roboto, 'Open Sans', Helvetica, sans-serif !important; 
	font-weight: 500 !important; 
	margin-top: 0; 
	text-align: center; 
	font-size: 2rem !important;
	color: #444;
}

.checklist-unordered-list {
	list-style-type: none;
	margin-left: -40px;
}

.checklist-reediciones img {
	padding: 10px;
}

/*  */
.video-2-columns iframe{
	width: 100%;
	height: 496px;
}

.border-bottom-black {
	border-bottom: 1px solid black;
}

.banner-heading {
	background: #26ad5e;
    padding: 10px;
    color: whitesmoke;
    font-family: 'Open Sans' !important;
}

.playmates-caos-mutante-figures-items .item-checklist-image {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.item-checklist-image > img {
	margin:auto;
	display: block;
}

.data-3-columns li {
	list-style: none;
	margin: 15px 0;
}

.wp-block-latest-posts__post-title {
	font-family: 'Open Sans';
	font-size: 1.9rem;
	color: whitesmoke;
	font-weight: 700;
	display: block;
	text-align: center;
	padding: 10px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	border: 1px solid #dadada;
	background: #666;
}

@media (max-width: 767px) {
	
	.item-checklist-title h2 { 
		font-size: 1.2rem !important;
	}
	
	.wp-block-latest-posts.wp-block-latest-posts__list li {
		margin: 0 0 1.25em 0;
	}
	
	.video-2-columns iframe{
		width: 100%;
		height: calc(100vh * 0.40);
		max-height: 500px;
	}
}

@media (max-width: 767px) and (min-width: 600px)  {
	.wp-block-latest-posts.columns-2 li {
		width: 50%;
	}
	
	.video-2-columns iframe{
		height: calc(100vw * 0.65);
	}
}