/*
Theme Name: Daniel Y Maria Online
Theme URI: danielymariaonline.com
Description: Blog - Family and more
Version: 1.1
Author: Daniel y Maria
Author URI: danielymariaonline.com
*/


/* apply a natural box layout model to all elements, but allowing components to change */
*,
html {
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body{
    font-family: 'Playfair Display', serif;
}

ul {
    list-style-type: none;
  }

.no-padding{
    padding: 0px;
}


.section {
    min-height: 500px;
    padding-top:15px;
    padding-bottom:15px;
    
}

.section-testimonio-maria   {
    background-color: #26a4a3;  
    background-image: url('http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/flowers.png');
}

.section-testimonio-daniel   {
    background-color: #FFFFFF;
    background-image: url('http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/light-sketch.png');
}

.section-modelo {
    background-color: #26a4a3;  
    background-image: url('http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/black-thread.png');
}
.section-footer{
    min-height: 100px;
    padding: 30px;
    margin: 0%;
    text-align: right;
}

.section-title{
    color:#FFFFFF;
    font-size: 3em; 
    
}

.section-problemas-financieros{
    text-align: center;

}

.blog-posts {
    background-image: url('http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/posts-background.jpg');
    background-image: -webkit-image-set(url(http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/posts-background.jpg) 1x,url(http://localhost/danielymariaonline/wp-content/themes/danielymariaonlinetheme/images/posts-background.jpg) 2x);
    background-position: center;
    background-position-y: -200px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}


.site-title{
    float: left;
    color: black;
}


.site-menu{
    float: left;
    width: 71%;
}


.site-menu ul li a {
    color: #999ea4;
    text-transform: uppercase;
    transition: color .35s ease;
}


.problemas-financieros-img{
    
    margin-top: 40px;
}

.problemas-financieros-descripcion {
    padding-top: 15px;
    font-weight: bolder;
}

.testimonio-maria{
    color: #FFFFFF; 

}

.testimonio-daniel{
    color: #000000; 

}

.testimonio-descripcion{
    text-align: justify;
}

.testimonio-descripcion h2{
    text-align: center;
}

.acerca{
    
}

.leermas{
    color: #ffffff;
}

.dark{
    color: #000000;
}


.leermas:hover{
    color: #ffffff;
    font-weight: bolder;
}


 .header{
   
}  



.top-page{
    
    padding: 30px 0px 0px 0px;
}

.blog-title{
    text-align: center;
}

.blog-title a{
    color: #26a4a3;
}

.blog-entry{
    padding: 12px;
    margin: 25px;
    border: 1px solid gray;
    box-shadow: 3px 2px 7px 2px darkgrey;
    height: 500px;
    
    overflow: hidden;
}


.blog-title{
    padding: 20px;
    text-align: center;
}

.blog-content{
    text-align: justify;
}

.preview-blog-content {
 text-align: center;
}

.preview-blog-content p{
    text-align: justify;
}


.texto-centro{
    text-align: center;
    padding: 30px;
}

.talleres-img{
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
        
}


/*** background colors  ******/

.bg-site{
    background-image: linear-gradient(#26a4a3 100%,transparent 0) !important;
    
}

.fuente-blanca{
    color: #FFFFFF;
}




.pagination {
    display: block;
    
    padding:20px 0;
    padding-right: 30px;
    position:relative;
    font-size:18px;
    text-align: right;
}

.pagination span, .pagination a {
    
    
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff;
    background: #555;
}

.pagination a:hover{
    color:#fff;
    background: #3279BB;
}

.pagination .current{
    padding:6px 9px 5px 9px;
    background: #26a4a3;
    color:#fff;
}

.social-icons {
    font-size: 2em; 
    color: gray;
}

.problemas-financieros-size{
    font-size: 10em;
    color: #26a4a3;
}