@charset "UTF-8";
/*
Theme Name: Aixa De Lopez
Theme URI: http://aixadelopez.org/
Author: Bumerang 180
Author URI: https://bumerang180.com
Description: Web design for Aixa de Lopez
Version: 2020
Text Domain: aixa

Gray 1: rgb(140,140,140); #8C8C8C
Gray 2: rgb(121,137,153); #798999
Gray 3: rgb(102,102,102); #666666
Light Lilac: rgb(242,244,255); #F2F4FF
Light Aqua: rgb(229,246,249); #E5F6F9
Mint: rgb(151,248,239); #97F8EF
Lilac: rgb(173,200,230); #ADC8E6
Aqua: rgb(148,226,236); #94E2EC
Violet: rgb(105,124,255); #697CFF

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

@import url('style-woocommerce.css');

html, body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: rgb(102,102,102);
}

p,
li {
    line-height: 2;
}


a,
a:hover {
    color: rgb(105,124,255);
    text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

figcaption {
    font-size: 0.9em;
    font-style: italic;
}



/* Theme Colors */

.text-mint,
.navbar .text-mint .nav-link {
	color: rgb(151,248,239);
}
.text-lilac,
.navbar .text-lilac .nav-link {
	color: rgb(173,200,230);
}
.text-aqua,
.navbar .text-aqua .nav-link { 
	color: rgb(148,226,236);
}
.text-violet,
.navbar .text-violet .nav-link { 
	color: rgb(105,124,255);
}
.text-gray,
.navbar .text-gray .nav-link { 
	color: rgb(140,140,140);
}

.bg-mint {
	background-color: rgb(151,248,239);
}
.bg-lilac {
	background-color: rgb(173,200,230);
}
.bg-aqua { 
	background-color: rgb(148,226,236);
}
.bg-violet { 
	background-color: rgb(105,124,255);
}
.bg-gray { 
	background-color: rgb(140,140,140);
}
.bg-light-lilac {
	background-color: rgb(242,244,255);
}
.bg-light-aqua { 
	background-color: rgb(229,246,249);
}


.btn-mint,
.btn-mint:hover {
    color: rgb(102,102,102);
    background-color: rgb(151,248,239);
    border-color: rgb(151,248,239);
}
.btn-outline-mint,
.btn-outline-mint:hover {
    color: rgb(151,248,239);
    background-color: rgb(255,255,255);
    border-color: rgb(151,248,239);
}

.btn-lilac,
.btn-lilac:hover {
    color: rgb(255,255,255);
    background-color: rgb(173,200,230);
    border-color: rgb(173,200,230);
}
.btn-outline-lilac,
.btn-outline-lilac:hover {
    color: rgb(173,200,230);
    background-color: rgb(255,255,255);
    border-color: rgb(173,200,230);
}
.btn-aqua,
.btn-aqua:hover {
    color: rgb(255,255,255);
    background-color: rgb(148,226,236);
    border-color: rgb(148,226,236);
}
.btn-outline-aqua,
.btn-outline-aqua:hover {
    color: rgb(148,226,236);
    background-color: rgb(255,255,255);
    border-color: rgb(148,226,236);
}

.btn-violet,
.btn-violet:hover {
    color: rgb(255,255,255);
    background-color: rgb(105,124,255);
    border-color: rgb(105,124,255);
}
.btn-outline-violet,
.btn-outline-violet:hover {
    color: rgb(105,124,255);
    background-color: rgb(255,255,255);
    border-color: rgb(105,124,255);
}

.btn-light-lilac,
.btn-light-lilac:hover {
    color: rgb(102,102,102);
    background-color: rgb(242,244,255);
    border-color: rgb(242,244,255);
}
.btn-light-aqua,
.btn-light-aqua:hover {
    color: rgb(102,102,102);
    background-color: rgb(229,246,249);
    border-color: rgb(229,246,249);
}


/* Top Navigation & header */

.navbar .nav-link {
    color:rgb(140,140,140);
}

.navbar-brand img {
	width: 180px; 
	height: auto;
}
#hero {
    text-align: center;
}
#hero img {
    width: 100%;
    max-width: 800px;
    height: auto;
}

/* Footer Navigation */

#copyright {
    font-size: 0.8em;
}

footer ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

footer ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}

footer ul li a,
footer ul li a:hover {
    display: inline-block;
    width: 130px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    color: rgba(255,255,255,0);
}

footer ul li.menu-tienda a {
    background-image: url('images/menu-tienda.jpg');
}
footer ul li.menu-podcast a {
    background-image: url('images/menu-podcast.jpg');
}
footer ul li.menu-charlas a {
    background-image: url('images/menu-charlas.jpg');
}
footer ul li.menu-libros a {
    background-image: url('images/menu-libros.jpg');
}
footer ul li.menu-blog a {
    background-image: url('images/menu-blog.jpg');
}
footer ul li.menu-facebook a {
    background-image: url('images/menu-facebook.jpg');
}
footer ul li.menu-instagram a {
    background-image: url('images/menu-instagram.jpg');
}
footer ul li.menu-youtube a {
    background-image: url('images/menu-youtube.jpg');
}
footer ul li.menu-aixalapiz a {
    background-image: url('images/menu-aixalapiz.jpg');
}
footer ul li.menu-spoonflower a {
    background-image: url('images/menu-spoonflower.jpg');
}

/* Blog */

article {
    padding: 3em;
    margin: 2.5em 0;
    border-radius: 0.5em;
}
article:nth-child(odd) {
    background-color: rgb(242,244,255);
}
article:nth-child(even) { 
    background-color: rgb(229,246,249);
}

h1.page-title {
    font-family: 'Shadows Into Light', cursive;
    font-size: 2.7rem;
    color: rgb(173,200,230);
    padding-bottom: 0.5em;
}

/* Pagination */

.nav-links {
    margin: 0 auto;
}

.page-numbers {
    display: inline-block;
    padding: 0.3em 0.6em;
    /* border: solid 1px #DDDDDD; */
	background-color: rgb(250,250,250);
    border-radius: 0.2em;
}

.page-numbers.prev,
.page-numbers.next {
    border: none;
	background-color: rgb(255,255,255);
}

/* Comments */
 #comments,
 #reply-title {
    font-size: 1.25rem;
    margin: 2em 0;
}

.commentlist,
.commentlist .children {
    padding: 0;
    margin: 1em 0 0 0;
    list-style-type: none; 
}

.comment {
    padding: 1em 1.5em;
    border: solid 1px #DDDDDD;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.children .comment {
    background-color: rgb(245,245,245);
    border: none;
}

.comment-author cite {
    font-weight: 600;
}

.comment-meta {
    padding-bottom: 1em;
}

.comment-meta a {
    color: inherit;
    font-size: 0.8em;
}

.comment .reply a {
    display: inline-block;    
    background-color: rgb(105,124,255);
    color: rgb(255,255,255);
    padding: 0.4em 0.8em;
    border-radius: 0.5em;
    font-size: 0.9em;
}

.comment-form textarea,
.comment-form input[type=text] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.comment-form #submit {    
    background-color: rgb(105,124,255);
    color: rgb(255,255,255);
    border: none;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    font-size: 0.9em;
    width: auto;
}

/* Entradas relacionadas */

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    margin: 1em 0 0.5em 0!important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
  opacity: 1!important;
  font-size: 0.9em;  
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
    border-radius: 0.5em;
}


/* Share buttons */
#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
	text-align: right;
}


.sharedaddy .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button,
.sharedaddy .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button {
	background-color: #FFFFFF!important;
	color: #697CFF!important;
}

/* Responsive video */

.videoContainer {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Woocommerce Extra Options / Opciones Adicionales */
tr.woocommerce-cart-form__cart-item.cart_item p a {
    pointer-events: all!important;
    cursor: pointer!important;
}

/* Other styles */
.fiftypercent {
    max-width: 50%;
    height: auto;
}

figure.rounded img {
    border-radius: 0.4em;
}



/* ************ RESPONSIVE ******************** */

@media (max-width: 991.98px) {

    .navbar-brand img {
        width: 150px;
        height: auto;
    }

    .fiftypercent {
        max-width: 100%;
        height: auto;
    }

} 
@media (max-width: 767.98px) {

}