@charset "utf-8";
/* CSS Document */


/*Top Bar Styles */
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar.expanded .title-area { background: #392734; }
li.has-dropdown { background: #392734 !important; background-color: #392734 !important; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #392734; }

.main.nav  { border-top: 1px solid #282026; border-bottom: 1px solid #282026;  }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a, .top-bar-section ul li > a, .top-bar .toggle-topbar.menu-icon a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #fff ; text-transform: uppercase; text-align: left !important; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }

.top-bar li.nav-item-170, .top-bar li.nav-item-171, .top-bar li.nav-item-172, .top-bar li.nav-item-188, .top-bar li.nav-item-184, .top-bar li.nav-item-245, .top-bar li.nav-item-260, .top-bar li.nav-item-283, .top-bar li.nav-item-282, .top-bar-section .has-dropdown.nav-item-136 > a:after, .top-bar-section .has-dropdown.nav-item-232 > a:after { display: none; }
.top-bar-section .nav-item-136.has-dropdown > a, .top-bar-section .nav-item-232.has-dropdown > a { padding-right: 0.9375rem !important; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover { color: #fff ; }

.top-bar-section .has-dropdown > a:after { border-color: rgba(96, 96, 96, 1) transparent transparent transparent; }

.top-bar-section .dropdown li.title h5 { font-size: 13px; text-transform: uppercase; }
.title.back a:before { content: "← "; }

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #918e64; color: #fff; }
.top-bar a.nav-selected { background: #918e64 !important; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #fff; }
.top-bar-section ul li > a { font-weight: 700; letter-spacing: 1px; }

.top-bar ul li a.has-dropdown { background: #392734 !important; color: #fff !important;  }
.top-bar ul li a.has-dropdown:hover { background: #918e64 !important; color: #fff !important;  }


nav.top-bar .nav-item-1 { display: none; }


.top-bar img { max-height: 40px; width: auto; }

.section { padding-top: 4%; padding-bottom: 2%; }
.purple { background: #392734; }
.gold { background: #918e64; }

/*Buttons and Links*/

.ccm-input-button, .ccm-search-block-submit, .sem-submit  { border-style: solid;
border-width: 0;
cursor: pointer;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-transform: uppercase;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 0.9rem;
background-color: #918e64;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }

.wrap a { color: #918e64; }
.wrap a:hover { color:  #6a6848; }
.wrap .button, .ccm-input-button  { background: #918e64; color: #fff; }
.wrap .button:hover, .ccm-input-button:hover, .ccm-search-block-submit:hover, .sem-submit:hover { background: #6a6848; color: #fff; }

/*Footer */

.footer { padding: 6% 0 3% 0; background: #392734; border-top: 23px solid #918e64; color: #d6d2d3; }
.footer .nav, .footer ul  { list-style: none; }
.footer a { color: #d6d2d3; }
.footer ul { margin-left: 0; }
.footer ul a { color: #d6d2d3; font-size: 13px; font-weight: 300;  }
.footer h6 { text-transform: uppercase;   font-family: 'Open Sans', sans-serif; font-weight: 800; font-style: normal; font-size: 13px; }
.footer a:hover { color: #fff;  }
.footer p { text-align: center; text-transform: uppercase; font-size: 13px; font-weight: 300; margin-bottom: 3px; letter-spacing: 1px; }
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {  color: #d6d2d3; }
.footer-logo { margin: 50px 0 40px 0; }


.reverse, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse a { color: #fff; }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:800px)/";
  width: 800px; }
@media only screen and (min-width: 800px;) {  }


@media only screen and (min-width: 767px) {
	
section.top-bar-section { display: inline-block; }
nav.top-bar { text-align:center; }
	
}

li.parent-link { display: none !important; }



.white { background:url(/themes/hoefer/images/bg-white.png); }
.gray { background: #d9d9d9; border-top: 5px solid #918e64; border-bottom: 5px solid #918e64; }

.gray .panel { background: #fff; border: 1px solid #c3c3c3; }
.white .panel { background: #fff; border: 1px solid #c3c3c3; }


.home-cta { background: url(/themes/hoefer/images/home-bg.jpg) no-repeat top center; background-size:cover; padding: 6% 5% 7% 5%; }
.home-cta h2 { font-size: 76px; text-shadow: 2px 2px 2px #372727; line-height: 1; text-align: center;   } 
.home-cta h1 { font-size: 26px; font-weight: 300; text-shadow: 1px 1px 1px #372727; padding-top: 3%; text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal;  }
.home-cta p { font-size: 26px; font-weight: 300; text-shadow: 1px 1px 1px #372727; padding-top: 3%; text-align: center;   }
.home-cta p:last-child { margin-bottom: 0;  } 
.home-cta .button { font-size: 22px; font-weight: 700; -webkit-box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.45);
-moz-box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.45);
box-shadow: 4px 4px 0px -1px rgba(0,0,0,0.45); }

.home-three .panel { background: #918e64; border: 1px solid #6f6d52; color: #fff;  }
.home-three .panel p { color: #fff; font-weight: 300;  }
.home-three .panel p:nth-last-child(2) { margin-bottom: 70px; }
.home-three .panel h2 { text-align: center; color: #fff; }
.home-three .panel .button { background: #392734; margin-bottom: 0; width: 78%; font-weight: 700; position: absolute; bottom: 40px;}
.home-three .panel .button:hover { background: #231d21;}

.home-blog a { color: #392734; }
.home-blog h2 { margin-top: 15px !important; margin-bottom: 0; }

.wrap .upper-bar input[type="text"]{ background: #282026; color: #7e7e7e; font-size: 11px; letter-spacing: 2px; border: 0px solid; padding: 13px 34px; text-transform: uppercase; }

.purple.reverse.box { padding: 3%; border: 2px solid #918e64; }
.purple.reverse.box p { font-weight: 300; }
.upper-bar .columns { padding-left: 0; padding-right: 0; }
.upper-bar ul { list-style: none; float: right; }
.upper-bar .language .medium-6 a { display: block; background: #282026; letter-spacing: 2px; border: 0px solid; padding: 13px 34px; text-transform: uppercase; margin: 0; text-align: center; color: #7e7e7e;  }
.upper-bar .language .medium-6 a:hover { background: #918e64; color: #fff; }
.upper-bar .language .medium-6 p { color: #7e7e7e; font-size: 11px; margin-bottom: 0; }

.threeup .panel .button { display: block; position: absolute; bottom: 45px; width: 79%; }
.threeup .panel p:nth-last-child(2) { margin-bottom: 70px; }

.gray h2, .box h2 { font-weight: 700; }

.blog-list-title a { color: #392734; font-weight: 300; font-family: 'Open Sans', sans-serif;  font-size: 30px; font-style: normal; text-transform: none; }

#pb_body { margin-top: 5%; }
p.credits {  font-size: 12px; color: #aaaaaa; text-transform: uppercase; font-weight: 300; margin-bottom: 0;}

.home-three .panel p:last-child, .threeup .panel p:last-child { margin-bottom: 0; }
.panel .button:last-child { margin-bottom: 0; }

.calender_icon { background: #fff; border: 5px solid #392734; padding: 5px; font-size: 26px; font-weight: 900; display: block; width: 100%; border-top: 14px solid #392734; text-align: center; }

p.event_date { margin: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.event_single { margin-bottom: 8px;  border-bottom: 1px solid #e4e4e4; margin-top: 15px; }
.the-details p { font-size: 11px; margin-top: -5px; }
h4.event_title { margin-top: -5px; }
#iCal { display: none; }

.ff-grid-4 .th { background: #fff; margin-bottom: 20px; }
.ff-grid-4 h5 { margin-top: 0.7rem; margin-bottom: 0.3; text-align: center; font-size: 22px;  }
.ff-grid-4 h6 { margin-top: -3px; margin-bottom: 0.3rem; text-align: center; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 15px; min-height: 42px; }

.ff-grid-4.columns  {
    float: left !important; 
}

.map { position: relative; padding-bottom: 35%; height: 0; overflow: hidden; }

.map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.panel.services span { height: 123px; display: block; }
.panel.services p { font-size: .97rem; }

#sem-form-1-section-1 label { display: none; }
#sem-form-1-section-1 input, #sem-form-1-section-1 select, #sem-form-1-section-1 textarea { margin: 0; border: 2px solid #87825e; padding: 14px 20px; font-size: 1.05rem; }

#sem-form-1-section-1 { position: relative; }
#sem-form-1-section-1 #sem-field-container-1, #sem-form-1-section-1 #sem-field-container-6, #sem-form-1-section-1 #sem-field-container-7, #sem-field-container-25 { width: 47%; margin-right: 20px; }
#sem-form-1-section-1 #sem-field-container-5 { width: 47%; float: right; position: absolute; top: 0; right: 0; margin: 0; color: #918e64;  font-style: italic;  }
#sem-form-1-section-1 #sem-field-container-5 textarea { height: 185px; color: #918e64;  font-style: italic;   }

#sem-submit-269-container .sem-submit { width: 47%; padding: 12px; margin-bottom: 0px; float: right; position: absolute; top: 203px; right: 0; }


#sem-form-1-section-1 ::-webkit-input-placeholder {
   color: #918e64; font-style: italic;
}

#sem-form-1-section-1 :-moz-placeholder { /* Firefox 18- */
   color: #918e64;  font-style: italic;
}

#sem-form-1-section-1 ::-moz-placeholder {  /* Firefox 19+ */
   color: #918e64;  font-style: italic;
}

#sem-form-1-section-1 :-ms-input-placeholder {  
   color: #918e64;  font-style: italic;
}


#sem-form-4-section-1 label { display: none; }
#sem-form-4-section-1 input, #sem-form-4-section-1 select, #sem-form-4-section-1 textarea { margin: 0; border: 2px solid #87825e; padding: 14px 20px; font-size: 1.05rem; }

#sem-form-4-section-1 { position: relative; }
#sem-form-4-section-1 #sem-field-container-20, #sem-form-4-section-1 #sem-field-container-21, #sem-form-4-section-1 #sem-field-container-22 { width: 47%; margin-right: 20px; }
#sem-form-4-section-1 #sem-field-container-23 { width: 47%; float: right; position: absolute; top: 0; right: 0; margin: 0; color: #918e64;  font-style: italic;  }
#sem-form-4-section-1 #sem-field-container-23 textarea { height: 122px; color: #918e64;  font-style: italic;   }

#sem-submit-420-container .sem-submit { width: 47%; padding: 12px; margin-bottom: 0px; float: right; position: absolute; top: 138px; right: 0; }


#sem-form-4-section-1 ::-webkit-input-placeholder {
   color: #918e64; font-style: italic;
}

#sem-form-4-section-1 :-moz-placeholder { /* Firefox 18- */
   color: #918e64;  font-style: italic;
}

#sem-form-4-section-1 ::-moz-placeholder {  /* Firefox 19+ */
   color: #918e64;  font-style: italic;
}

#sem-form-4-section-1 :-ms-input-placeholder {  
   color: #918e64;  font-style: italic;
}




.quote h2 { text-align: center; }
.quote p { text-align: center; text-transform: uppercase; margin-bottom: 0; }

#tags { display: none; }

.event-attributes .event-date { color: #918e64; }

.sem-form-section label { font-family: 'Alegreya Sans', sans-serif; font-style: italic; font-weight: 500; margin-top: 0px; }
.sem-form-section { line-height: 1rem; }
.sem-form-section input { margin-bottom: 0; }

.footblog li { line-height: 1.1rem; margin-bottom: 10px; padding-bottom: 5px; }

#contact-modal textarea, #contact-modal input { width: 100%; }

.upper-bar .language .medium-6 .active a { background: #918e64; color: #fff; } 

.experience li { padding: 6px 6px 6px 7px; border-bottom: 1px solid #fff; }
.experience li:nth-child(odd) {   width: 25%; float: left; display: inline-block; font-weight: bold; }
.experience li:nth-child(even) {   width: 75%; float: left; display: inline-block; }

.experience h3 { display: block; clear:both;  }
.experience ul { display: block; clear:both; border-top: 1px solid #fff; margin-left: 0; }
.experience ul:after { content: ""; display: block; clear:both; margin-bottom: 15px; height: 100%; }

.experience-no-date ul  { border-top: 1px solid #fff; list-style: none; margin-left: 0; }
.experience-no-date li {   padding: 6px 6px 6px 7px;; border-bottom: 1px solid #fff;  }

.actions input { border-style: solid; border-width: 0;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #918e64;
    border-color: #007095;
    color: #fff;
	text-transform: uppercase;
    transition: background-color 300ms ease-out;}
	
.actions input:hover { background-color: #6a6848 }

.row.expand { width: 100%; max-width: 100%; }
.upper-bar .row .row {     margin-left: 0;  margin-right: 0;  }

ul.accordion { margin: 15px 0 15px 0; }
li.title.back { display: none; }


/*rules for anything larger than a tablet*/
@media only screen and (min-width: 767px) {
	
	
}

/*rules for desktops and laptops */
@media only screen and (min-width: 900px) {
	
.experience li:nth-child(odd) {   width: 17%;  }
.experience li:nth-child(even) {   width: 83%;  }
	
}

/*rules for tablets and smaller*/
@media only screen and (max-width: 767px) {
	
	.home-cta h1 { font-size: 2.5rem; }
	.top-area { margin-top: 4%; margin-bottom: 0; }

	
}

/*rules for phones*/
@media only screen and (max-width: 600px) {
	
	.experience li:nth-child(odd) {   width: 100%; border-bottom: 0px; padding-bottom: 0px; padding-top: 9px  }
	.experience li:nth-child(even) {   width: 100%; padding-top: 1px; padding-bottom: 7px; }
	.experience-no-date li {   padding-top: 9px; padding-bottom: 7px;   }
	
#sem-form-1-section-1 #sem-field-container-1, #sem-form-1-section-1 #sem-field-container-6, #sem-form-1-section-1 #sem-field-container-7 { width: 100%; margin-right: 0; }
#sem-form-1-section-1 #sem-field-container-5 { width: 100%; float: none; position: relative;   }
#sem-submit-269-container .sem-submit { width: 100%;  float: none; position: relative;  top: 0; }

#sem-form-4-section-1 #sem-field-container-20, #sem-form-4-section-1 #sem-field-container-21, #sem-form-4-section-1 #sem-field-container-22 { width: 100%; margin-right: 0; }
#sem-form-4-section-1 #sem-field-container-23 {width: 100%; float: none; position: relative;  }
#sem-submit-420-container .sem-submit { width: 100%;  float: none; position: relative; top: 0; }

.home-cta h2 { font-size: 40px; }
.home-cta h1 { font-size: 1.5rem; }



}

/*rules for in between*/
@media only screen and (max-width: 715px) and (min-width: 640px) {
	
	.ff-grid-4 h5 { font-size: .9rem; }

}