/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { background: #fff; position: relative; font-family: 'Open Sans', sans-serif; color: #000000; margin: 0; font-weight: 200; font-size:16px; } body.home { background: #fff; } input, textarea, select, button { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; } img {border:0px;} .wrapper { margin:0 auto; width: 100%; position:relative; background: #e7ecee; } .container { margin: 0 auto; width: 96%; max-width: 1200px; position: relative; } .mobile_only { display: none !important; } .clear {clear:both;} h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 200; color: #1877c2; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 30px;} h2 { font-size: 24px; } h3 { font-size: 16px; } h4 { font-size: 14px;} h5 { font-size:12px; } h6 { font-size:10px; } p { font-size: 16px; font-weight: 200; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0; } a { text-decoration: none; color: #00828c; text-decoration: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } a:hover { color: #5583c1; } .expandableHeader { position:relative; margin-bottom:0; padding: 0.25em 0.25em 0.25em 30px; cursor:pointer; } .expandableHeader::before { content:'\f055'; position:absolute; top:0.25em; left:0; font-family: 'FontAwesome'; } .expandableHeader.expanded::before { content:'\f056'; } .expandableContent { padding-left:30px; overflow:hidden; display:none; } a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.graybutton, .graybutton a { display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; text-transform: uppercase; line-height: 56px; padding: 0 35px; background: #0f5e9d; color: #fff; font-size: 16px; } a.morebutton:hover, .morebutton:hover a { background: #1877c2; color: #fff; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out;} a.morebutton.white, .morebutton.white a { background: #fff; color: #0f5e9d } a.morebutton.white:hover, .morebutton.white:hover a { background: #1877c2; color: #fff; } /* Specific Colored WYSIWYG Editor Buttons */ a.bluebutton, .bluebutton a, a.graybutton, .graybutton a { margin: 0 12px;} a.bluebutton:first-child, .bluebutton:first-child a, a.graybutton:first-child, .graybutton:first-child a { margin-left:0px;} a.bluebutton, .bluebutton a { background: #006bb7; } a.bluebutton:hover, .bluebutton:hover a { background: #107bc7; } a.graybutton, .graybutton a { background: #a69f87; } a.graybutton:hover, .graybutton:hover a { background: #b6af97; } #header { width 100%; height: 180px; display: block; position: relative; background: #fff; } section { width: 100%; display: inline-block; margin: 0; padding: 0; position: relative; } footer { width: 100%; display: block; margin: 0; padding: 0; position: relative; } #logo { width: 230px; float: left; margin: 0; padding: 0; } #logo img { width: 100%; height: 100%; border: none; margin: 20px 0 0 0; padding: 0; } /* +++ Main Menu +++ */ #header nav { position: relative; width: 800px; height: 180px; vertical-align: middle; display: inline-block; line-height: 180px; top: 0; padding: 0; } #menu_main>ul, #menu_main>ul ul { font-family: 'Oswald', sans-serif; font-weight: 500; letter-spacing: -0.5px; display: block; list-style-type: none; margin: 0px; padding: 0px; text-transform: uppercase; } #menu_main>ul li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative;} #menu_main>ul a { display:block; color: #fff; text-transform: uppercase; } #menu_main>ul li > ul { display: none; } #menu_main>ul li:hover > ul { display: block; } /* Level 1 */ #menu_main>ul { text-align: right; width: 100%; height: 100%; position: relative; } #menu_main>ul>li { display: inline-block; text-align:center; padding:0px; height: 52px; } #menu_main>ul>li.item1 {padding-left:0px;} #menu_main>ul>li>a { font-size: 24px; position: relative; line-height: 52px; padding: 0 18px; margin: 0 2px; color: #00828c;} #header.transparent #menu_main>ul>li>a { color: #fff; } #menu_main>ul>li:hover>a { background: #00828c; color: #fff; } #menu_main>ul>li.menuItemHighlight a { background: #00828c; color: #fff; } /* Level 2 */ #menu_main>ul>li>ul { position: absolute; top:52px;left: 2px; width: 250px; padding: 8px 0px; background: #0f5e9d; border-top: 2px solid #0D538A;} #menu_main>ul>li.flyleft>ul { left: auto; right: 2px;} #menu_main>ul>li>ul>li { text-align:left; padding: 0 15px; } #menu_main>ul>li>ul>li>a { font-size: 14px; padding: 6px 5px; } #menu_main>ul>li>ul>li:hover>a { background: #00b086; color: #fff;} /* Level 3 and Beyond*/ #menu_main>ul>li>ul>li ul { position: absolute; top:-8px;right: -250px; width: 250px; padding: 8px 0px; background: #141e26; border-left: 2px solid #0e141a; } #menu_main>ul>li.flyleft>ul>li ul { right: auto; left: -250px;} #menu_main>ul>li>ul>li ul>li { padding: 0 15px;} #menu_main>ul>li>ul>li ul>li>a { font-size: 14px; padding: 6px 5px; } #menu_main>ul>li>ul>li ul>li:hover>a { background: #00b086; color: #1f5489; } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #1877c2; } #menu_toggle { position: absolute; right:0px; top: 63px; cursor:pointer; display:none; text-align:center; height: 40px; line-height:40px; font-size: 21px; font-family: 'Oswald', sans-serif; font-weight: 300; padding: 0 12px; text-transform: uppercase; color: #202945; } #menu_toggle span.fa-bars { font-size: 28px; position: relative; left: -3px; top: 2px; } #mobile_menu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_menu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_menu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 41px; width: 45px; background: rgba(255,255,255, 0.25); color: #fff; line-height: 41px; text-align:center;} #mobile_menu a { display: block; text-transform: uppercase; color: #fff; font-size: 17px; font-weight: 700; } #mobile_menu a.haschildren { margin-right: 45px;} #mobile_menu>a { background: #00b086; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #028969;} #mobile_menu li ul {display: none;} #mobile_menu img { display: none; } /* Level 1 */ #mobile_menu>ul { border-top: 1px solid #0f5e9d;} #mobile_menu>ul.main_menu { border-top: 0px;} #mobile_menu>ul>li { } #mobile_menu>ul>li>a { padding: 10px 15px; line-height:21px; font-size: 17px; border-bottom:1px solid #0f5e9d; } /* Level 2 and Beyond */ #mobile_menu>ul>li ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul ul { rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(0,0,0,0.2);} #mobile_menu>ul>li ul>li>a.haschildren {margin-right:32px;} #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} /* ----- Homepage Slideshow ----- */ #home-slideshow { position: relative; width: 100%; height: 465px; margin: 0; padding: 0; background: #1a557f; background-image: linear-gradient(135deg, #00726c 6.25%, #00828c 6.25%, #00828c 50%, #00726c 50%, #00726c 56.25%, #00828c 56.25%, #00828c 100%); background-size: 11.31px 11.31px; } #home-slideshow .container { max-width: 1150px; } #home-slideshow .slideshow { width: 100%; height: 465px; margin: 0 auto; position: relative; } #home-slideshow .slideshow .slide { width: 100%; height: 465px; display: block; position: relative; margin: 0; padding: 0; } #home-slideshow .slideshow .slide img { width: 100%; height: 100%; object-fit: cover; } #home-slideshow .slideshow .slide .caption { position: absolute; margin: 0; padding: 20px; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; box-sizing: border-box; } #home-slideshow #slide-prev, #home-slideshow #slide-next { display:block; background: rgba(116, 156, 210, 0.5); cursor: pointer; position: absolute; z-index: 200; top: 35%; margin-top: 25px; line-height: 40px; height: 45px; width: 66px; color: #fff; font-size: 26px; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; transition: opacity 0.2s ease; padding: 5px 10px; } #home-slideshow #slide-prev { left: -45px; } #home-slideshow #slide-next { right: -45px; } #slideshow_pause { display:block; background: rgba(116, 156, 210, 0.5); cursor: pointer; position: absolute; z-index: 200; right: -45px; bottom: 12px; line-height: 40px; height: 40px; width: 40px; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; transition: opacity 0.2s ease; } #slideshow_pause span span { display:none; } /* ----- Home Boxes ----- */ #home-boxes { margin: 0; padding: 40px 0 40px 0; background: #e7ecee; } #home-boxes > .container { width: 96%; max-width: 1240px; display: block; } #home-boxes > .container:: after { content:''; display:block; clear:both; visibility:hidden; } #home-boxes .home-box { position: relative; float:left; width: 32%; background: #fff; vertical-align: top; margin-right:2%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #home-boxes .home-box:last-child { margin-right: 0; } #home-boxes .home-box header { width: 100%; height: 78px; overflow: hidden; position: relative; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #home-boxes .home-box header h2 { font-size: 26px; font-weight: 100; color: #fff; text-align: center; line-height: 78px; margin: 0; padding: 0; } #home-boxes .home-box header h2 a { color: #fff; } #home-boxes .home-box > .container { padding: 10px; box-sizing: border-box; } #home-boxes .home-box.drives header { background-image: linear-gradient(135deg, #08ca59 6.25%, #a8ca59 6.25%, #a8ca59 50%, #08ca59 50%, #08ca59 56.25%, #a8ca59 56.25%, #a8ca59 100%); background-size: 11.31px 11.31px; } #home-boxes .home-box.news-events header .news, #home-boxes .home-box.news-events header .events { margin: 0; padding: 0; } #home-boxes .home-box.news-events header .news, #home-boxes .home-box.news-events header .events { width: 300px; height: 300px; position: absolute; top: -65px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } /*-- News Box --*/ #home-boxes .home-box.news-events header .news { left: -98px; z-index: 1; background-image: linear-gradient(72deg, #6f93c4 6.25%, #82a6d7 6.25%, #82a6d7 50%, #6f93c4 50%, #6f93c4 56.25%, #82a6d7 56.25%, #82a6d7 100%); background-size: 8.41px 25.89px; transform: rotate(65deg); -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -o-transform: rotate(65deg); } #home-boxes .home-box.news-events header .news.active { background: #00828c; } /* #home-boxes .home-box.news-events header .news:hover { background-image: linear-gradient(72deg, #82a6d7 6.25%, #82a6d7 6.25%, #82a6d7 50%, #82a6d7 50%, #82a6d7 56.25%, #82a6d7 56.25%, #82a6d7 100%); background-size: 8.41px 25.89px; } */ #home-boxes .home-box.news-events header .news h2 { width: 185px; text-align: center; padding: 75px 0 0 0px; transform: rotate(-65deg); -webkit-transform: rotate(-65deg); -moz-transform: rotate(-65deg); -o-transform: rotate(-65deg); } #home-boxes .home-box.news-events .home-news { padding: 20px; box-sizing: border-box; } /* --- Common Styles for News and Events Boxes --- */ #home-boxes .home-box.news-events .home-news article, #home-boxes .home-box.news-events .home-events article { position: relative; width: 100%; display: block; margin: 0 0 15px 0; padding: 0; } #home-boxes .home-box.news-events .home-news article > header, #home-boxes .home-box.news-events .home-events article > header { width: 100%; height: unset; margin: 0; padding: 0; } .lister-container { width: 100%; min-height: 400px; position: relative; top: 0; left: 0; } .home-news h3, .home-events h3 { font-family: 'Open Sans', sans-serif; margin: 0 0 5px 0; font-weight: 600; } .home-news h3 > a, .home-events h3 > a { color: #004271; } .home-news h3 > a:hover, .home-events h3 > a:hover { color: #5583c1; } .home-news p, .home-events p { margin: 0; padding: 0; line-height: 1.5em; } /*-- Events Box --*/ .home-events { display: none; padding: 10px; box-sizing: border-box; } #home-boxes .home-box.news-events header .events { left: 175px; z-index: 0; background: #82a6d7; background-image: linear-gradient(135deg, #91e4e3 6.25%, #b1e4e3 6.25%, #b1e4e3 50%, #91e4e3 50%, #91e4e3 56.25%, #b1e4e3 56.25%, #b1e4e3 100%); background-size: 11.31px 11.31px; } #home-boxes .home-box.news-events header .events.active { background: #5583c1; } /*#home-boxes .home-box.news-events header .events:hover { background: #82a6d7; }*/ #home-boxes .home-box.news-events header .events h2 { text-align: left; margin: 65px 0 0 85px; } /*-- Spotlight Box --*/ #home-boxes .home-box.spotlight header { background-image: linear-gradient(135deg, #08ca59 6.25%, #a8ca59 6.25%, #a8ca59 50%, #08ca59 50%, #08ca59 56.25%, #a8ca59 56.25%, #a8ca59 100%); background-size: 11.31px 11.31px; } .spotlight-thumb { width: 150px; height: 150px; float: left; margin: 15px 15px 15px 0; padding: 0; } .spotlight-thumb img { width: 100%; height: 100%; } .spotlight .detail-link { position: relative; bottom: 0; left: 10px; padding-top:inherit;} /* --- Main Content --- */ #main-content { position: relative; margin: 0; padding: 0; } #main-content .blue-bar { position: absolute; z-index: 0; top: 0; width: 100%; height: 450px; display: block; background: #1a7abe; background-image: linear-gradient(135deg, #00726c 6.25%, #00828c 6.25%, #00828c 50%, #00726c 50%, #00726c 56.25%, #00828c 56.25%, #00828c 100%); background-size: 11.31px 11.31px; } #main-content .container { width: 96%; background: #fff; max-width: 1150px; position: relative; margin: 20px auto; padding: 0; } /* -- Sidebar -- */ #main-content .sidebar { position: absolute; top:0px; left:0px; display: block; width: 315px; margin: 0; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #main-content .sidebar .sidebar-menu { position: relative; margin: 0 0 20px 0; padding: 0; width: 100%; } #main-content .sidebar .sidebar-menu ul { font-family: 'Oswald', sans-serif; list-style-type: none; margin: 15px 0 0 0; padding: 0; font-size: 24px; color: #004271; font-weight: 500; text-transform: uppercase; } #main-content .sidebar .sidebar-menu ul li { line-height: 2em; } /* -- Main Content Area -- */ #main-content .content { display: block; width: auto; margin: 0 0 0 315px; box-sizing: border-box; padding: 20px; position: relative; } #main-content .content header { margin: 0 0 30px 0; padding: 0; } #main-content .content header h1 { margin: 0; font-weight: 500; text-transform: uppercase; } #main-content .content header h2 { margin: 0; font-weight: 500; color: #a69f87; } #footer { width: 100%; height: 130px; background: #006bb7; margin: 0; padding: 0; color: #fff; text-align: center; } #footer h3 { color: #fff; text-align: center; margin: 0; padding: 50px; font-size: 20px; font-weight: 400; } #ui-datepicker-div { background: #fff; border: 2px solid #333;} .ui-datepicker { width: 20em; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;} .ui-datepicker .ui-datepicker-header a { color: #fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; } .ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;} .ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;} .ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} /* --------------- General Module Styles--------------- */ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); } div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .moduleLister.box div.listerItem {margin: 0px 0px 18px; padding:0px; border:0px;} /* common elements across modules */ .label { font-weight: bold; margin-right:10px; } /* form required vs form optional*/ .title {} .description {} .blurb {} .thumbnail {} .info {} .author {} .date {} .time {} .filter {float:right;} .imageLink {float:left;} .tags {background: #eee; display: block; margin-bottom: 10px; text-indent: 8px;} .utilityLinks {} .moduleLister .thumbnail { width: 200px; float: left; margin-right: 20px; } .errorMessage{ font-weight:bold; color:#f00; } .next_item {} .next_item_title { position: absolute; left:0px; top: 25px; color: #9cb111; font-size: 20px; font-weight: bold; text-transform: uppercase;} .next_item_body { padding: 0 240px 0 185px;} .next_item_post_title { color: #fff; font-size: 16px; margin-bottom: 6px;} .next_item_post_title span { text-transform: uppercase;} .next_item_blurb { font-size: 15px; color: #fff;} .next_item_post_title a, .next_item_blurb a { color: #fff; } a.next_item_button { margin:0px; position: absolute; right: 0px; top:10px; min-width: 140px; text-align:center; } .itemgrid_3x {} .itemgrid_3x .grid_row { margin: 50px 0 0; padding: 0 0 50px; overflow: hidden;} .itemgrid_3x .grid_item {float:left; margin-left: 4.5%; width:30.3333% ; height: 330px; position: relative;} .itemgrid_3x .grid_item:first-child { margin-left:0px; } .itemgrid_3x .item_description { position: absolute; left: 40px; right: 40px; bottom: -23px; padding-top: 15px; background: #fff; text-align:center;} .itemgrid_3x .item_title { line-height: 45px; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #394a59;} .itemgrid_3x .item_more { height: 1px; opacity: 0; padding: 0 20px; transition: all 0.35s ease;} .itemgrid_3x .grid_item:hover .item_more { height: 260px; opacity: 1; transition: all 0.7s ease;} .itemgrid_3x .date { font-size: 16px; font-weight: bold; color: #394a59;} .itemgrid_3x .blurb { padding: 35px 0; font-size: 16px; line-height: 1.35em;} .itemgrid_3x a.morebutton { min-width: 140px;} .datebox { float: left; width: 56px; height: 44px; padding-top: 12px;color: #fff; line-height: 18px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:300; text-align:center; border-radius: 100% 100%; background: #1877c2;} .content_container { height: 56px; margin-left: 72px; position: relative; text-align:left;} .content_container .outer {} .content_container .inner { text-align:left;} .content_container h6 { padding:0px; margin: 0px;} .content_container h6 a { color: #202945;} .content_container h6 a:hover { color: #2590E4; transition: color 0.2s linear;} /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ /* Photo Lister */ .photoModule.moduleLister {} .photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px} .photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;} .photoModule.moduleLister .gridItem span {display:block;} .photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;} .photoModule.moduleLister .gridItem .name {height:20px;overflow:hidden;} .photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;} ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; } /* Photo Thumbnails */ .photoModule .description {} .photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;} .photoModule .thumbnailItem img.activeImage {border:1px solid #333;} .photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;} .photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;} /* Photo Detail */ .photoModule.moduleDetail{margin:10px 0;} .photoModule .photoRemote {width:400px;height:20px;margin:0 auto;} .photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;} .photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;} .photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;} .photoModule .imageDetail {margin:10px; } .photoModule .imageDetail div {margin:0 auto;} .photoModule .imageDetail img {border:1px solid #ccc;} .photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;} /* Flightbox */ .flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; } .flightbox-pager { height: 100%; width: 75px; position: absolute; } .flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; } .flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; } .flightbox-container { color: #bbb; position: absolute; z-index: 1000; text-align: center; } .flightbox-container img {max-width: 100%; max-height: 100%;} .hover { width: 100%; text-align: center; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0px; font-size: 12px; display:none; } /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail {} .newsModule.moduleLister {} .newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsModule .blurb {} .newsModule .thumbnail {} /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ .blogModule {} .blogModule .info {margin-bottom: 20px; } .blogModule .author {} .blogModule .date {} .blogModule .thumbnail img { width:350px; max-width:100%; } .blogModule .tags {} .blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; } .blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; } /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem {} .blogModule .blurb {} /* ---- Blog Detail ------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail h1 { margin-bottom: 5px; } .blogModule.moduleDetail .fullText {} /* ---- Blog Archives ------ */ .blogModule.archive .month { padding-left:10px; } .blogModule.archive .year { font-weight: bold; } /* ModuleEnd::blog */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister {} /* ---- Events Detail ---- */ .eventsModule.moduleDetail {} .eventsModule .date {} .eventsModule .label {} .eventsModule .time {} .eventsModule .location { margin: 1em 0; } .eventsModule .map {} .eventsModule .address {} .eventsModule .directions {} .eventsModule .contactInfo {} .eventsModule .name {} .eventsModule .phone {} .eventsModule .email {} .eventsModule .rsvp {} .eventsModule .ticketsWrapper {} .eventsModule .ticket {} .eventsModule .description {} .eventsModule .utilityLinks {} .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;} /* ---- Events Small Calendar ---- */ .cal {text-align: center; position:relative; background: transparent;} .calTop { position: relative;padding-bottom: 12px;} .calPrev, .calNext { display:block;height: 36px; line-height: 36px; width: 36px; background: #e1e1e1; text-align:center; font-size: 16px; border-radius: 100% 100%;} .calPrev a, .calNext a {display:block; width: 100%; height: 100%; position: relative;} .calPrev { position: absolute; top: 0px; left: 0px; } .calNext { position: absolute; top: 0px; right: 0px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calMonth h3 {padding:0px; margin:0px; line-height:36px; height:36px; color: #1877c2;} .calPrev a, .calNext a, .calMonth a { color: #1877c2; } .calPrev span.fa {position: relative; left: -2px; top: 1px;} .calNext span.fa {position: relative; left: 1px; top: 1px;} .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #333333; padding: 10px 0; text-align: center; } .calGrid tr.calWeek td { font-weight: 400; text-align: center; } .calDayOn a { color: #00b086; font-weight: 700;} .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #f4f4f4; color: #000; font-weight: 400; } .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; } #calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); } #calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom: 10px; } .eventsModule.moduleLister.box .date { color: #777; } /* ---- Events Registration ----- */ #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ---- Staff Directory ---- */ #staff_directory { width: 100%; margin: 0; padding: 0; position: relative; } .moduleLister .staff_category_title { width: 100%; clear: both; text-align: left; margin: 20px 0 20px 0; } .moduleLister .staff_category_title h3 { margin: 0 0 40px 0; } .moduleLister .staff_item { text-align:center; display:inline-block; width:22%; margin: 0 1% 50px; vertical-align:top; } #sidebar .staff_item { display:block; width:auto; margin:0; padding: 20px 0; text-align:center;} .staff_item div { color: #000; font-size: 16px; margin: 0 auto 3px; width: 97.5%;} .staff_image { display:block; margin: 0px auto 18px; max-width: 150px; height: 200px;} .staff_name {font-weight: bold;} .staff_title {font-style: italic; font-size: 14px !important; margin-bottom: 10px !important; } .staff_phone { font-size: 14px !important; } .staff_email { font-size: 14px !important; } .staff_email a { color: #1877c2; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } .staff_email a:hover { color: #3399ff; } .staff_youtube_link { font-size: 14px !important; } .staff_youtube_link a { color: #ff8c00; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } .staff_youtube_link a:hover { text-decoration: underline; } .staffModule.moduleLister h2 { color: #36961c; margin:0px; padding: 5px 0 30px;} .staff_detail {} .staff_detail div { color: #000; font-size: 16px; margin-bottom: 3px;} .staff_image_full { display:block; float:left; margin: 0px 20px 25px 0; width: 200px; height: 240px;} .staff_bio { margin: 15px 0; } .deparment_manager_text { font-size: 14px; font-weight: normal; color: #36961C; font-style: italic; } /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .membershipModule .search {} .membershipModule .companyInfo { margin: 1em 0; } .membershipModule .companyInfo .name {} .membershipModule .companyInfo .jobTitle {} .membershipModule .address { margin: 1em 0; } .membershipModule .contactInfo { margin: 1em 0; } .membershipModule .contactInfo .phone {} .membershipModule .contactInfo .email {} .membershipModule .contactInfo .website {} .membershipModule .thumbnail { float:left; margin-right: 20px;} /* ----- Membership Lister ----- */ .membershipModule.moduleLister {} /* ---- Membership Detail ----- */ .membershipModule.moduleDetail {} /* ----- My Account ---- */ .membershipModule.myAccount {} .membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; } .membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; } .membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; } @media (min-width: 45em) { .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; } } /* ----- My Account - Dispatch ( System Forms ) ---- */ .myaccountHeading { font-size: 2em; font-weight: bold } .myaccountMessage {} .myaccountDetail table { color: #444;} .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; } .myaccountDetail .formtextRequired label { font-weight: bold }; .myaccountLister {} .myaccountListerBack {} /* ModuleEnd::membership */ /* Medium Desktop ---------------------------------------------------*/ @media screen and (min-width: 1551px) and (max-width: 1700px) { } /* Medium Desktop ---------------------------------------------------*/ @media screen and (min-width: 1361px) and (max-width: 1550px) { } /* Medium Desktop ---------------------------------------------------*/ @media screen and (min-width: 1140px) and (max-width: 1360px) { #home-slideshow #slide-prev { left:0; } #home-slideshow #slide-next { right:0; } #slideshow_pause { right:0; } } /* Small Desktop ---------------------------------------------------*/ @media screen and (min-width: 1025px) and (max-width: 1139px) { #home-slideshow #slide-prev { left:0; } #home-slideshow #slide-next { right:0; } #slideshow_pause { right:0; } } /* Tablet ---------------------------------------------------*/ @media screen and (min-width: 750px) and (max-width: 1024px) { #header nav { display: none; width: auto; height: auto; line-height: normal; } #mobile_menu, #menu_toggle { display: block; } #home-slideshow #slide-prev { left:0; } #home-slideshow #slide-next { right:0; } #slideshow_pause { right:0; } #home-boxes .home-box { display: inline-block; width: 100%; } #home-boxes .home-box header { width: 100%; height: 78px; } } /* Tablet Incremental Scaling ---------------------------------------------------*/ @media screen and (min-width: 750px) and (max-width: 959px) { } @media screen and (min-width: 960px) and (max-width: 1024px) { } /* Phone ---------------------------------------------------*/ @media screen and (min-width: 20px) and (max-width: 749px) { #header { height: 100px; } #header .container { height: 100%;} #header #logo { display:block; float: none; position: relative; height: 100%; width: auto; margin: 0px 110px 0 0;} #header #logo a { display:block; position: relative; height: 100%; width: 100%;} #logo img { position: relative; margin: 0px; width: 100%; height: 100%; object-fit: contain; object-position: left 50%;} #header nav { display: none; width: auto; height: auto; line-height: normal; } #mobile_menu, #menu_toggle { display: block; } #menu_toggle { top: 30px;} #home-slideshow #slide-prev { left:0; } #home-slideshow #slide-next { right:0; } #slideshow_pause { right:0; } #main-content .content { margin:0px; } #main-content .sidebar {position: static; margin: 20px 0 0;} #main-content .content iframe { width: 100% !important; } #main-content .content table.responsive , #main-content .content .responsive table, #main-content .content .responsive thead, #main-content .content .responsive tbody, #main-content .content .responsive tfoot, #main-content .content .responsive tr, #main-content .content .responsive th, #main-content .content .responsive td { display:block; padding: 4px 0;} #home-boxes .home-box { float:none; width: 100%; margin-right:0; } #home-boxes .home-box header { width: 100%; height: 78px; } #footer { height:auto; } } /* Phone Scaling ---------------------------------------------------*/ @media screen and (min-width: 20px) and (max-width: 450px) { } @media screen and (min-width: 451px) and (max-width: 529px) { } @media screen and (min-width: 530px) and (max-width: 749px) { }