/***********************LB home.css*********************/
/*home_intro*/
/*pagination*/
/**************MOBILE**************/
/*home_intro MOBILE*/



/*home_intro*/

#home_intro {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
max-width: 1000px; /*no full screen*/
box-sizing: border-box;
margin-top:3px;
margin-bottom:1.5em;
}

.home_intro_block {
text-align:left;
vertical-align: top;
container-type: inline-size;  /* to make font-size as % of div width */
}

.home_intro_block img {
width:100%;
display: block;
min-height:8cqw; /*For CLS*/
}

.home_intro_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-size: 8cqw;  /* 8% of div width */
margin-top:0.5em;
margin-bottom:0.4em;
}

.home_intro_title a {
color:#1F9C3E;
text-decoration:none;
}

.home_intro_text {
font-size: 6cqw;  /* 8% of div width */
}

.home_intro_top {
margin-top:0.7em;
font-size:1em;
}

/*pagination*/

.pagination{
margin-top:2em;
font-size:1em;
text-align:right;
}

.pagination a{
padding:0px 6px 2px;
background: #f4f4f4;
text-decoration:none;
border:1px solid #ccc;
margin:0 4px;
color:#666666;
}

.pagination a:hover{
background: #fff;
color:#666666; 
border:1px solid #aaa; 
}

.pagination span, .pagination span.nextprev{
background:#FFFFFF;
border:1px solid #CCCCCC;
color:#CCCCCC;
padding:0px 4px 2px; 
margin:0 2px; 
}

.pagination span.current{
background:#546E8C;
border:1px solid #A49979;
color:#FFFFFF;
margin:0 2px; 
font-weight:bold;
}

.pagination h2 {
margin-top:-1.45em;padding:0;border:none
} /* In html1.php, pages links:EITHER span OR a */

/**************MOBILE**************/
@media (max-width: 700px) {

/*home_intro MOBILE*/
  #home_intro {
    grid-template-columns: 1fr;
	background-color:#F8F8F8;
	padding:1em 0.5em;
  }

  .home_intro_block {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 10px;
    align-items: center; 

}

  .home_intro_block img {
    grid-column: 1;
    width: 100%;
	vertical-align:middle;
    object-fit: cover;
    display: block;
  }

  .home_intro_content {
    grid-column: 2;
	padding:0;
	margin:0;
  }

	.home_intro_title {
    font-size:1.3em;
	padding:0;
	margin:0;
  }
  .home_intro_text {
    font-size: 3cqw;
	padding:0;
	margin:0;
  }

  .home_intro_top {
    display: none;
  }
  
  
/*Pagination MOBILE*/
.pagination{
display:none;
} 

.hide {
display:none;
}

}