/*-----------------------------------------------------------------------------
author:    www.visityakima.com
-----------------------------------------------------------------------------*/


/* =Yakima Valley Travel Media
-----------------------------------------------------------------------------*/
.bannerMedia {
	background:url("../img/call-to-action-bg-blue.jpg") center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	}

ul.mediaHighlights {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
    list-style:none;
    margin:0 0 2em 0;
	border:solid 1px #8c182d;
    }

ul.mediaHighlightsFiveUp {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;    
    }

ul.mediaHighlights li {
    text-align: center;
	border-right:solid 1px #8c182d;
	padding:1em 5%;
    }

ul.mediaHighlights li:last-child {
	border-right:none;
    }

ul.mediaHighlights li p {
    padding:0 0 0 0;
    }

i.mediaIcon {
    font-size:65px;
	padding:10px;
	border-radius:50%;
	color:#0f3e52;
	margin:0 0 .25em 0;
	display:inline-block;
    }

i.icofont-grapes {
	background:#8c182d;
	color:#fff;
	}

i.icofont-beer {
	background:#4a5b2d;
	color:#fff;
	}

i.icofont-apple, i.icofont-farmer-alt {
	background:#146c37;
	color:#fff;
	}

i.icofont-air-balloon {
	background:#eb6d24;
	color:#fff;
	}

i.icofont-hill-sunny {
	background:#0f3e52;
	color:#fff;
	}

ul.mediaResources {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;    
    column-gap: 0;
    row-gap: 0;
    list-style:none;
    margin:0 0 2em 0;
    }

ul.travelTrade li {
    padding:0 .5em;
    }

.temperatureBox {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  margin-inline: auto;
  margin-block-end: 2.5em;
  font-family: 'bebasneuepro-bold', Arial, sans-serif;
}

.month {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #ffffff;
  text-align: center;

  /* Fluid padding based on container + text size */
  padding-block: clamp(0.9em, 2.2vw, 1.6em);
  padding-inline: clamp(0.6em, 1.5vw, 1.2em);
}

.month .name {
  font-weight: 800;
  font-size: clamp(1rem, 1.5vw, 1.7rem);
  letter-spacing: 0.08em;
  line-height: 1;
}

.month .temp {
  font-weight: 600;
  font-size: clamp(0.9rem, 1.25vw, 1.25rem);
  margin-top: 0.35em;
  line-height: 1;
}

/* Month Colors (matched closely to image) */
.jan { background:#0f3e52; }
.feb { background:#8c182d; }
.mar { background:#eb6d24; }
.apr { background:#facc65; color:#fff; }
.may { background:#77a55d; }
.jun { background:#146c37; }
.jul { background:#085828; }
.aug { background:#4b862a; }
.sep { background:#facc65; }
.oct { background:#eb6d24; }
.nov { background:#8c182d; }
.dec { background:#0f3e52; }

@media (max-width: 1024px) {
  .temperatureBox {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .temperatureBox {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


    


@media all and (max-width: 1600px) {


	
}
	
@media all and (max-width: 1350px) {
	

	
}

@media all and (max-width: 1250px) {


	
}

@media all and (max-width: 1000px) {
	

	
}

@media screen and (max-width: 900px) {	

 
	
}
	
@media all and (max-width: 875px) {
	

}

@media all and (max-width: 750px) {

ul.mediaHighlights {
    grid-template-columns: 1fr 1fr;    
    }
	
ul.mediaHighlights li:nth-child(1), ul.mediaHighlights li:nth-child(2) {
	border-bottom:solid 1px #8c182d;
    }
	
ul.mediaHighlights li:nth-child(2) {
	border-right:none;
    }
	
ul.mediaHighlightsFiveUp li:nth-child(4) {
	border-right:none;
	border-bottom:solid 1px #8c182d;
    }
	
ul.mediaHighlightsFiveUp li:last-child {
    border-top:solid 1px #8c182d; 
	border-right:solid 1px #8c182d;
    }
	
ul.mediaResources {
    grid-template-columns: 1fr 1fr 1fr;    
    }
	
}

@media all and (max-width: 675px) {
	

    

	
}

@media all and (max-width: 620px) {


    
}