/* color scheme                  */
/* Dark Gray: #767679 or #666666 */
/* Light Gray: #F3F3F3           */
/* Light Gray Spacer: #DBD8D6    */
/* Blue:  #00A7E1                */
/* White: #FFFFFF                */

/* Debugging: border: 1px solid black; */



/* Document Level Styles */
.container { width: 100%; padding:0; margin:0; background-color: #FFFFFF; }
.section-divider { clear: both; width: 100%; background-color: white; }
.section-divider-tall { clear: both; width: 100%; height: 80px; background-color: white; }
.heading { font-family: Tahoma, Geneva, sans-serif; font-size: 3.5em; }
.caption { font-family: Tahoma, Geneva, sans-serif; font-size: 1.7em; }
.summary { font-family: Tahoma, Geneva, sans-serif; font-size: 1em; }
.bold { font-weight: bold; }

/* Body Styles */
body { margin: 0px; }


/* Header Styles */
.page-header-spacer1 { width: 100%; height: 3px; background-color: #DBD8D6; }
.page-header-spacer1a { width: 100%; max-width: 800px; margin: 20px auto; height: 1px; background-color: #DBD8D6; }

.page-header-spacer { width: 100%; height: 40px; background-color: #666666; }      /* Upper empty banner above the menu */
/* .page-header-menu-spacer { width: 100%; height: 10px; background-color: #FFFFFF; }*/ /* Header menu area                  */
.page-header-menu-container { width: 100%; background-color: #FFFFFF; }
.page-header-menu { width: 100%; height: 50px; padding: 10px 0 10px 0; }
.page-header-menu-left { float: left; width: 10em; }
.page-header-menu-left a img { border: 0; }
.page-header-menu-right { float: left; width: 55.25em; }
.page-header-menu-right ul { list-style-type: none; padding: 0; margin: 1.1em 2.5em 0 0; }
.page-header-menu-right1 ul { list-style-type: none; padding: 0; margin: 1.1em 2.5em 0 0; }
.page-header-menu-right ul li { display: inline;}
.page-header-menu-right ul li a { float: right; margin-left: 2em; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; color: #666666; font-size: .80em; font-weight: bold;}
/* .header-title { width: 100%; background-color: white;} */
/* .header-title p { color: #252422; font-family: Tahoma, Geneva, sans-serif; font-size: .7em; font-weight: bold; margin: 0 4em 0 4em; background: white; text-align: center;} */


/* Footer Styles */
.page-footer { width: 100%; height: 70px; background-color: #666666; margin: 0 0 0 0; padding: 20px 0 0 0; }
.page-footer-copyright { width: 100%; background-color: #666666; margin: 20px 0 0 0; padding: 0;}
.page-footer-copyright p { color: white; font-family: Tahoma, Geneva, sans-serif; font-size: .7em; margin: 0; padding: 0; background: #666666; text-align: center;}
.page-footer-left { float: left; width: 5em; height: 100%; background-color: #666666; margin: 0;}
.page-footer-left a img { border: 0; }
.page-footer-right { float: left; width: 51.25em; height: 100%; background-color: #666666; margin: 0; padding: 0;}
.page-footer-right ul { list-style-type: none; padding: 0; margin: 1.5em 2em 0 0; background-color: #666666;}
.page-footer-right ul li { display: inline; float: right; margin-left: 2em; color: white; font-family: Tahoma, Geneva, sans-serif; font-size: .75em; font-weight: bold;}
.page-footer-right ul li a { float: right; margin-left: 2em; color: white; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: .75em; font-weight: bold;}
.page-footer-right ul li p { float: right; margin-left: 2em; color: white; font-family: Tahoma, Geneva, sans-serif; font-size: .75em; font-weight: bold;}


/* Page Banner Styles */
.banner { clear: both; width: 100%; background-color: white; }
.banner img { object-fit: cover; width: 100%; }
.banner1 img { display: block; object-fit: cover; }


/* Divider Styles */
.divider {clear: both; margin: 0 4em 0 4em; background-color: #dbd8d6; height: 1px; }
.divider1 {clear: both; margin: 0 4em 0 4em; background-color: #252422; height: 2px; }


/* Responsive Card Styles */
.cards { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 80px 30px 80px 30px; background-color: #F3F3F3; }
.cards_item { display: flex; padding: 1rem; }
@media (min-width: 40rem) {
  .cards_item { width: 100%; }
}
@media (min-width: 56rem) {
  .cards_item { width: 29%; }
}
.card { background-color: white; border-radius: 0.25rem; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; overflow: hidden; }
.card_image { height: auto; background: white; padding: 2rem 0 0 3rem; margin-bottom: 0rem; }
.card_content { padding: 2rem; background: white; }
.card_title { color: #666666; font-size: 1.1rem; font-weight: 700; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 1px; text-transform: capitalize; margin: 0px; }
.card_text { color: #666666; font-size: 0.875rem; font-family: Tahoma, Geneva, sans-serif; line-height: 1.5; margin-bottom: 1.25rem; font-weight: 400; }
/* .made_by { font-weight: 400; font-size: 13px; margin-top: 35px; text-align: center; } */


/* Two-Column Content Styles */
.two-column { position: relative; display: block; width: 100%; color: white; }
.two-column-inner { display: flex; justify-content: space-between; align-content: flex-start; align-items: flex-start; box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; }
.two-column-inner flipped { flex-direction: row-reverse; }
.two-column-copy { position: relative; display: block; flex-basis: 50%; flex-grow: 1; flex-shrink: 1; box-sizing: border-box; padding: 0 15px 0 15px}
.two-column-image { position: relative; display: block; flex-basis: 50%; flex-grow: 1; flex-shrink: 1; }
.two-column-image img { object-fit: contain; width: 100%; }
.two-column-text { position: relative; display: block; margin: 0; padding: 0; text-align: left; font-family: Tahoma, Geneva, sans-serif; font-size: 1.25em; color: #767679; }


/* Section Background Colors */
.section-background {background-color: #F3F3F3; }


/* Page Title Styles */
.section-title { width: 100%; }
.section-title p { color: #666666; font-family: Tahoma, Geneva, sans-serif; font-size: 3em; text-align: center; margin: 1em 0 0 0; }

/* Page Contact Styles */
.section-contact { width: 100%; }
.section-contact p { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1.5em; text-align: center; margin: 1em 0 0 0; }

/* Page Caption Styles */
.section-caption {width: 100%; }
.section-caption p { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1.5em; margin: 2em 0 0 2em; }


/* Section Summary Styles */
.section-summary { width: 100%; }
.section-summary p { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; margin: 1.5em 4em 1em 4em; }
.section-summary li { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; margin: 1em 4em 0em 4em; }
/* .section-summary input[type=text] { border: 2px solid #767679; height: 25px; border-radius: 4px; color: #767679; background-image: url('../images/address-pic2.png'); background-position: 2px 2px; background-repeat: no-repeat; } */
.section-summary input[type=text] { border: 2px solid #767679; height: 25px; border-radius: 4px; color: #767679; background-image: url('../images/directions1.png'); background-position: 0 0; background-repeat: no-repeat; text-indent: 25px; }
.section-summary label { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; margin: 1.5em 4em 1em 1em; }



/* Office Staff Styles */
.office-staff-images { float: left; width: 220px; height: 220px; background-color: white; margin: 80px 40px 0 40px;}
.office-staff-titles { float: left; width: 260px; background-color: white; margin: 10px 20px 0 20px; }



/* Map Area Styles */
.page-body-map-left { margin: 0 30 0 30; float: left; width: 425px; height: 350px;}
.page-body-map-right {float: left; width: 385px; height: 350px;}
.page-body-map-right p { color: #767679; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; margin: 1.5em 4em 1em 1em; }


/* Publication Area Styles */
#page-body-pub, #page-body-pub p, #page-body-pub h3 { list-style: none; margin: 0; padding:0; }
#page-body-pub > li { color: #767679; float: left; margin-left: 100px; margin-right: 20px; margin-bottom: 20px; margin-top: 20px; width: 760px; }
#page-body-pub > li > .image { display: block; float: left; margin-right: 40px;}
#page-body-pub > li > .image, #page-body-pub > li > .image > img { width: 100px; height: 150px; }


/* buttons */

.button { background-color: #00A7E1; border-radius: 20px; border: none; color: white; padding: 4px 8px; text-align: center; text-decoration: none;
  display: inline-block; font-size: .8em; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; font-family: Tahoma, Geneva, sans-serif;
}
.button1 { background-color: white; color: #666666; border: 2px solid #00A7E1; }
.button1:hover { background-color: #00A7E1; color: white; }