/* 
 Theme Name:   child-2012
 Theme URI:    
 Description:  Child theme for twentytwelve
 Author:       patrick
 Author URI:   
 Template:     twentytwelve
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


#metaslider-id-2312 {
    float: right;
}

#metaslider-id-1438 {
    margin-left: 15px;
         float: right;
}

#metaslider-id-1601 {
    margin-left: 15px;
         float: right;
}

#metaslider-id-1881 {
    margin-left: 15px;
         float: right;
}

#metaslider-id-1864 {
    margin-right: 15px;
         float: left;
}

.entry-content a:visited {
   color: #101f6c;
}

a { color: #21759b; }

a:hover {
   color: #080653;
}
.site-content {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
}


#metaslider-id-1675 {
     margin: 0 auto;
}

.left-feature-wrapper, .center-feature-wrapper, .right-feature-wrapper {
     margin: 3% auto; /* Mobile */ 
}

@media screen and (max-width: 600px) { 
  .wp-caption.alignright, img.alignright, .wp-caption.alignleft, img.alignleft {
      max-width: 33%;
  }
}


@media screen and (min-width: 600px) { /* Desktop */
  .site-content {
      float: left;
      width: 70%;
      margin-left: 9%;
   }
   body.page-template-full-width .site-content {
      width: 85%;
   }
   .left-feature-wrapper, .center-feature-wrapper, .right-feature-wrapper {
     max-width: 28.7%;
   }

  @supports (display: grid) {
      .home-content {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         grid-template-rows: 1fr;
      }
      .home-content .left-feature-wrapper {
         grid-area: 1/1/1/2;
      }
   
      .center-feature-wrapper {
         grid-area: 1/2/1/3;
      }
   
      .right-feature-wrapper {
         grid-area: 1/3/1/4;
      }
      .left-feature-wrapper, .center-feature-wrapper, .right-feature-wrapper {
         max-width: 100%;
         margin: 0 3%;
       }
       .left-feature-wrapper {
         margin-left: 0;
       }
       .right-feature-wrapper {
         margin-right: 0;
       }
  }

}


.home-content {
    width: 100%;
}

body .site {
    background: #ece4d4;
}

.loginout {
    margin-left: 40%;
}
.loginout a {
    color: #65505d;
}

.site-header h1 {
    line-height: 1.2em;
}
.site-header h2 {
     margin-left: 4%;
}
.site-header {
    font-family: georgia;
    font-style: italic;
    font-weight: 400;
}

.left-feature-wrapper, .center-feature-wrapper, .right-feature-wrapper {
     display: inline-block;
     vertical-align: top; /* otherwise it would default to bottom */
     border: 3px solid #CCCCCC; 
     -webkit-border-radius: 5px;
     background: #D4C1A0;
     padding: 8px;
}

.center-feature-wrapper p:nth-child(2) {
       margin-top: 10%; 
    margin-bottom: 20%;
}

.right-feature-wrapper p:nth-child(2) {
    margin-top: 5%;
}
.widget_simpleimage p:nth-child(2) {
    font-size: 17px;
    line-height: 19px;
    padding: 5px 7px 2px 8px;
    font-family: Times, Times New Roman, Georgia, serif;
    font-style: italic;
}

/* To limit height of captions under thumbnails for WP Native Galleries (originally for Ari Lightbox) */
.gallery-item figcaption.gallery-caption {
   -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* This is to solve a width bug on the Maria Teresa Del Pozo Page */
.footnotes {
   width: 95%;
}


.hlite-yel {
  background-color: #FFFF00;
}

.hlite-blu {
  background-color: #0000FF1C;
}

.hlite-grn {
  background-color: #00FF006B;
}

.hlite-red {
  background-color: #FF000030;
}

#boni-block p {
     margin-top: -2.1rem;
     margin-bottom: 1rem;
}

#boni-block blockquote {
    margin-bottom: -0.3rem;
}