/********** Home Page CSS **********/
/********** November 29, 2018 **********/
/********** Begin Ruled Headings **********/
.ruled-heading {
overflow:hidden;
color: #7C6D70;
font-size: 2em;
}
.ruled-heading:before,.ruled-heading:after {
border-bottom:1px solid #7C6D70;
content:"";
display:inline-block;
height:0.1em;
position:relative;
vertical-align:middle;
width:50%;
margin-bottom:0.15em;
}
.ruled-heading:before {
right:0.5em;
margin-left:-50%;
}
.ruled-heading:after {
left:0.5em;
margin-right:-50%;
}
.t-center {
text-align:center;
}
/********** Sub Highlight Section Begin **********/
.highlight_wrapper {
width: 100%;
padding: 2em 0em 0em 0em;
margin: 0;
}
.highlight img {
height: 100%;
max-width: 100%;
}
.highlightGrid{
opacity: 1;
transition: all 0.75s ease-in;
}
.highlightGrid ul{
padding: 0;
}
.highlightGrid li{
list-style: none;
}
.highlightGrid li ul li{
display: inline-block;
}
.highlightGrid{
padding: 0;
margin: 0;
width: 100%
}
li.highlightItem img{
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
transition: all 0.75s ease-in-out;
outline: none;
display: block;
width:100%;
}
li.highlightItem a:hover img {
filter: brightness(75%);
-webkit-filter: brightness(75%);
-moz-filter: brightness(75%);
-o-filter: brightness(75%);
-ms-filter: brightness(75%);
}
.highlightGrid{
display: -webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.highlightItem {
width: 23.0%;
margin-right: 2em;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 29.5%;
}
.highlightItem.landscape{
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
width: 46%;
max-width: 64%;
}
.highlightItem img{
max-width:100%;
}
.highlightItem.portrait:nth-child(3){
margin-right: 0;
}
@media (min-width: 300px) and (max-width: 830px) {
.highlightGrid .highlightItem.landscape {
width: 100%;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0;
padding: 0;
}
.highlightItem.portrait:nth-child(2){
margin-right: 2em;
}
.highlightGrid .highlightItem {
width: 29.3%;
max-width: 100%;
margin: 2em 0em 0em 0em;
}
}
/* @media (max-width: 500px) {
.highlight_wrapper {
width: 100%;
padding: 1em 0em 0em 0em;
margin: 0;
}
.highlightGrid .highlightItem{
width:100%;
margin: 1em 0em 0em 0em;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
max-width: 100%;
}
.highlightItem.portrait:nth-child(2){
margin: 1em 0em 0em 0em;
max-width: 50%;
}
.highlightItem.landscape{
width:100%;
margin: 0;
-webkit-flex-grow:2;
-ms-flex-positive:2;
flex-grow:2;
}
} */
/********** Begin Events Section **********/
.events_wrapper {
width: 100%;
padding: 1em 0em 0em 0em;
margin: 0;
}
.events img {
height: 100%;
max-width: 100%;
}
.eventsText {
text-align: left;
max-height: 400px;
overflow: auto;
max-width: 100%;
padding-top: 0;
font-weight: lighter;
line-height: 1.4em;
}
.events_wrapper a:link {
color: #0067B1;
text-decoration: none;
}
.events_wrapper a:visited {
color: #0067B1;
text-decoration: none;
}
.events_wrapper a:hover {
color: #FCB034;
text-decoration: underline;
}
@media (max-width: 767px) {
.events_wrapper img {
display: none;
}
}
@media (max-width: 500px) {
.eventsText {
max-height: 200px;
}
}
/********** Begin What's New Section **********/
.news_wrapper {
width: 100%;
padding: 1em 0em 0em 0em;
margin: 0;
}
.news img {
height: 100%;
max-width: 100%;
}
.newsGrid{
opacity: 1;
transition: all 0.75s ease-in;
}
.newsGrid ul{
padding: 0;
}
.newsGrid li{
list-style: none;
}
.newsGrid li ul li{
display: inline-block;
}
.newsGrid{
padding: 0;
margin: 0;
width: 100%
}
li.newsItem img{
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
transition: all 0.75s ease-in-out;
outline: none;
display: block;
width:100%;
}
li.newsItem a:hover img {
filter: brightness(80%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(80%);
-o-filter: brightness(80%);
-ms-filter: brightness(80%);
}
.newsGrid{
display: -webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.newsItem {
width: 30.0%;
margin-right: 2em;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 33.0%;
}
.newsItem:last-child{
margin-right: 0;
}
@media (max-width: 821px) {
.newsGrid .newsItem {
width:100%;
margin-right:0;
margin-bottom: 1em;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
max-width: 100%;
}
}
/********** Begin Material Carousel Section **********/
.materials_wrapper {
width: 100%;
background-color: #ffffff;
padding: 1em 0 0 0;
margin: 0em 0 2em 0;
}
.materialsGrid{
opacity: 1;
transition: all 0.75s ease-in;
}
.materialsGrid ul{
padding: 0;
}
.materialsGrid li{
list-style: none;
}
.materialsGrid li ul li{
display: inline-block;
}
.materialsGrid{
padding: 0;
margin: 0;
width: 100%
}
li.materialsItem img{
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
transition: all 0.75s ease-in-out;
outline: none;
display: block;
height:100%;
}
li.materialsItem a:hover img {
filter: brightness(80%);
-webkit-filter: brightness(90%);
-moz-filter: brightness(90%);
-o-filter: brightness(90%);
-ms-filter: brightness(90%);
}
.materialsGrid{
display: -webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.materialsItem {
width: 15.0%;
margin-right: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 18.0%;
}
.materialsItem img{
max-width:100%;
}
.materialsItem:last-child{
margin-right: 0;
}
@media (max-width: 1150px) {
.materialsGrid {
width: 100%;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0;
padding: 0;
align-content: center;
}
.materialsGrid .materialsItem {
width: 33%;
max-width: 100%;
text-align: center;
}
.materialsItem img {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 750px) {
.materialsGrid .materialsItem {
width:100%;
margin-right:0;
margin-bottom: 1em;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
max-width: 100%;
}
.materialsGrid .materialsItem {
width: 50%;
max-width: 100%;
margin: 0;
}
}
.materialsItem.portrait:nth-child(5){
margin-right: 0;
}
@media (max-width: 450px) {
.materialsGrid .materialsItem {
width:100%;
margin-right:0;
margin-bottom: 1em;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
max-width: 100%;
}
.materialsGrid .materialsItem {
width: 100%;
max-width: 100%;
margin: 0;
}
}
/********** Feedback Form **********/
.feedback_wrapper {
width: 100%;
margin: 0 auto;
padding: 0em 0em 0em 0em;
background-color: #ffffff;
}
.page_title {
font-size: 2.5em;
color: #E31936;
padding: .5em 0em 0em 0em;
}
label.contact {
	width: 10em;
	float: left;
	padding: 0;
	margin: 0;
}
label.contact {
	width: 20em;
	float: left;
	padding: 0;
	margin: 0;
}
label.pickup {
	width: 18em;
	float: left;
	padding: 0;
	margin: 0;
}