/* *, */
/* *:before, */
/* *:after { */
	/* outline: 1px solid lime; */
	/* background-color: #66000020; */
/* } */

@view-transition {
	/* navigation: auto; */
}

.narrow {
	max-width: 1200px!important;
	width: 100%!important;
	margin: auto!important;
	/* border: 1px solid red; */
}

h1.has-large-font-size, 
h1 {
	line-height: 1.2!important;
	font-size: clamp(40px,4vw,70px)!important;
	padding-bottom: 0;
}

h2 {
	font-size: clamp(25px,6vw,35px)!important;
	line-height: 1.22em!important;
}

#main {
	& #head_img {
		padding-left: 0!important;
		padding-right: 0!important;
		
		& h2 {
			padding-bottom: 0;
			margin-top: 0;
		}
	}
	
	& #articles .bsf-rt-reading-time {
		display: none!important;
	}
	
	& #search {
		
		& form {
				
			& ul {
				margin-left: 0!important;
				
				& li {					
					padding: 0 !important;
					
					& input {
						position: absolute;
						z-index: 0;
						margin-left: 50px;
					}

					& input[type="radio"] + label {
						background: #fff!important;
						color: var(--color-green)!important;
						/* box-shadow: 0px 0px 20px rgba(0, 255, 128, 0.75); */
						padding: .5em 1em;
						border: 2px solid var(--color-green);
						border-radius: 2em;
						z-index: 2;
						transition-duration: 500ms;
						position: relative;
					}
					
					& input[type="radio"]:checked + label {
						color: #fff!important;
						transition-duration: 500ms;
						background: var(--color-green)!important;
						/* box-shadow: 0px 0px 20px rgba(0, 255, 128, 0.75); */
					}
					
					& input[type="radio"] + label:hover {
						box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
						transition-duration: 500ms;
					}
							
					&:before {
						display: none!important;
					}
					
					& ul {
						display: flex;
						flex-wrap: wrap;
						gap: 1em!important;
						justify-content: center;
						align-items: center;
						max-width: 100%;
						margin-left: auto!important;
						margin-right: auto;
						width: 1000px;
						
						& li {
							display: block;
							width: auto;
						}
					}
				}
			}
		}
		
		
		


		& #blogLoopContainer {
			width: 100%;
			max-width: 1400px;
			margin: auto;
			
			& #blogLoop {
				display: flex;
				flex-wrap: wrap;
				gap: 1em;
				justify-content: center;
				
				& .bloglink {
					flex-basis: 550px;
					max-width: 100%;
					display: block;
					/* border: 1px solid red; */
					background-color: var(--color-lightgray);
				
					& .blogpic {
						/* border: 2px solid yellow; */
						width: 100%;
						height: 250px;
						object-fit: cover;
						
						& img {
							width: 100%;
							height: 250px;
							object-fit: cover;
						}
					}
					
					& .copy {
						padding: 2em;
						
						& * {
							color: var(--color-darkgray);
						}
						
						& h3 { 
							font-weight: 700;
						}
						
						& .meterdate {
							margin-top: 1em;
							
							& * {
								display: inline!important;
								font-size: 15px!important;
								padding: 0;
							}
						}
					}
				}
			}
		}
	}
	
	& #cta {
		
		& h3 {
			padding: 0;
			
			& a {
				color: #fff!important;
				padding: 0 10px;
				border-radius: 1em!important;
				overflow: clip;
				background-color: var(--color-green);
				margin-left: 2em;
			}
		}
	}
}