/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { counter-reset: attendees; background: #fff; position: relative; font-family: 'Prima Sans BT Roman', sans-serif; color: #1a2732; /*margin: 112px 0 0;*/ margin:0; padding-top: 112px; font-size:15px; } input, textarea, select { font-family: 'Prima Sans BT Roman', sans-serif; font-size: 15px; box-sizing: border-box; line-height: 30px; height: 38px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8f8; border-radius: 4px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;} input { } input[type="button"] {} input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 5px; } input[type="file"] { height: 30px; line-height: normal; padding-top:4px; padding-bottom:4px; box-sizing: content-box; width: auto; } input[type="password"] {} input[type="radio"] { width: auto; vertical-align: middle; margin-right: 5px; } input[type="submit"] { } input[type="text"] {} select { height: 38px; line-height: normal; padding-top:0px; padding-bottom:0px; } textarea { height: auto; line-height: normal; width: 100%; } .sidewalkiFrame {width:500px; height:500px;display:block;} #homepageiFrame {width: 100%; height: 100%;display:block;} /* Input Focus Styling */ input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="color"]:focus, select:focus, textarea:focus { border-color: #387fc0; box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset,0 0 5px rgba(89,153,178,0.333); } a { text-decoration:none; color: #003d7d; } img {border:0px; max-width:100%;} .wrapper {margin:0 auto; width: 99%; max-width: 1420px; position:relative;} .mobile_only { display: none !important; } .clear {clear:both;} h1, h2, h3, h4, h5, h6 { font-family: 'Muli', sans-serif; font-weight: 600; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4, h5, h6 { font-size:17px; } a.readmore, .readmore a, .camera_wrap a.readmore { margin: 0 15px; background: #394a59; padding: 0 16px; line-height: 40px; font-size: 15px; display: inline-block; color: #fff; } a.greenbutton, .greenbutton a {border-radius: 4px; font-family: 'Muli', sans-serif; font-weight: 600; margin: 15px 30px 15px 0px; padding: 0 16px; line-height: 40px; font-size: 15px; display: inline-block; color: #fff; background: rgb(106,171,53); background: -moz-linear-gradient(left, rgba(106,171,53,1) 0%, rgba(136,180,62,1) 40%, rgba(136,180,62,1) 60%, rgba(166,188,71,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(106,171,53,1)), color-stop(40%,rgba(136,180,62,1)), color-stop(60%,rgba(136,180,62,1)), color-stop(99%,rgba(166,188,71,1))); background: -webkit-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -o-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -ms-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: linear-gradient(to right, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aab35', endColorstr='#a6bc47',GradientType=1 );} /* More buttons & General Page Button Styling */ a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a, a.redbutton, .redbutton a, button, input[type="button"], input[type="submit"] { border:0px; line-height: 40px; padding: 0 16px; background: #9cb111; color: #fff; font-size: 16px; display: inline-block; } a.morebutton:hover, .morebutton:hover a, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #D1EB2B; 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: #394a59 } a.morebutton.white:hover, .morebutton.white:hover a { background: #253746; color: #fff; } /* Specific Colored WYSIWYG Editor Buttons */ a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a { margin: 0 12px;} a.bluebutton:first-child, .bluebutton a:first-child, a.greenbutton:first-child, .greenbutton a:first-child, a.navybutton:first-child, .navybutton a:first-child { margin-left:0px;} a.bluebutton, .bluebutton a { background: #00427e ; } a.bluebutton:hover, .bluebutton:hover a { background: #387fc0; } a.greenbutton, .greenbutton a, button[type="submit"] { background: #9cb111; } a.greenbutton:hover, .greenbutton:hover a, button[type="submit"]:hover { background: #D1EB2B; } a.navybutton, .navybutton a { background: #253746; } a.navybutton:hover, .navybutton:hover a { background: #394a59; } a.redbutton, .redbutton a { background: #BF2525; } a.redbutton:hover, .redbutton:hover a { background: #E05D5D; } h1.pagetitle { color: #6aab35; } h2.subtitle { padding:0px 0 10px; margin:0px; position: relative; top: -10px; } .alignleft { float: left; margin: 0 30px 30px 0; } .alignright { float: right; margin: 0 0 30px 30px; } .size-medium { max-width: 250px !important; height: auto !important; } #content { } #content p, #content ol, #content ul, #tinymce p, #tinymce ol, #tinymce ul {line-height: 1.8em;} #tinymce { margin: 0px;padding-top: 0; line-height: 1.8em;} .flexRow { display:flex; flex-flow:row wrap; justify-content:space-between; margin: 0 -15px; } .flexRowPadded > .flexItem { padding:0 15px; } .flexRow.reverse { flex-direction:row-reverse; } .flexItem { flex: 1 1 100%; margin:0 15px; box-sizing:border-box; } .flexItem.oneSixth { flex-basis:calc(16.666% - 30px); } .flexItem.oneFifth { flex-basis:calc(20% - 30px); } .flexItem.oneFourth { flex-basis:calc(25% - 30px); } .flexItem.oneThird { flex-basis:calc(33.333% - 30px); } .flexItem.oneHalf { flex-basis:calc(50% - 30px); } .flexItem.twoThirds { flex-basis:calc(66.666% - 30px); } .flexItem.threeFourths { flex-basis:calc(75% - 30px); } .flexRow.forceGrid { align-items:stretch; justify-content:flex-start; } .flexRow.forceGrid .flexItem { flex-grow:0 !important; box-sizing:content-box; } .mce-content-body .flexRow , .mce-content-body .flexItem { outline: 1px dashed #888;} /* Header tags with inline filters */ .flexRow.headingWithFilter { flex-wrap:wrap; justify-content:space-between; align-items:center; padding-bottom:8px; position:relative; } .flexRow.headingWithFilter::after { content:''; height:0; left:15px; right:15px; bottom:-1px; display:block; position:absolute; overflow:hidden; border-bottom: 1px solid #ddd; } .flexRow.headingWithFilter h1, .flexRow.headingWithFilter h2, .flexRow.headingWithFilter h3, .flexRow.headingWithFilter h4, .flexRow.headingWithFilter h5, .flexRow.headingWithFilter h6 { padding-top:0; padding-bottom:0; flex: 0 1 auto; } .flexRow.headingWithFilter div, .flexRow.headingWithFilter button, .flexRow.headingWithFilter .button, .flexRow.headingWithFilter select, .flexRow.headingWithFilter input, .flexRow.headingWithFilter .filter { flex: 0 0 auto; } .filter { } .filter select { display:inline-block; width:220px; margin-left:8px; } @media screen and (max-width:749px) { .flexRow { margin:0; display:block; } .flexRow .flexItem { padding:0; margin: 0 0 10px; } .flexRow.headingWithFilter>* { text-align:center; padding: 0 0 15px !important; } .flexRow.headingWithFilter::after { display:none; } } /* ----------------- Header Styles ----------------- */ #main_menu, #main_menu_leadership { color: #fff; z-index: 9999; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; background: #0c1217; position: fixed; width: 0px; right: 0px; top:0px; height: 100%; } #main_menu.expanded, #main_menu_leadership.expanded { width:575px; } #main_menu_toggle { text-align: right; color: #fff; cursor:pointer; width: 95px; padding-left:15px; height: 30px; line-height:30px; font-size:16px; position: absolute; left:-110px; top: 41px;} #main_menu_toggle > span { position: relative; top: 0px; right: 20px; font-size: 32px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out;} #main_menu_toggle .menu_text { position: absolute; left: 0px; top: 1px; line-height: 30px;} #menu_cover {z-index: 9998; position: absolute; width: 100%; height: 100%; cursor: default; display:none;} #header { z-index: 9998; background: #1a2732; height: 112px; position: fixed; top: 0px; left: 0px; width: 100%; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.35); } #logo { position: absolute; left: 10px; top:0px; height: 100%; width: 520px; background: url('graphics/design/logo.png') 50% 50% no-repeat;} #logo-leadership { position: absolute; left: 10px; top:0px; height: 100%; width: 520px; background: url('graphics/design/leadership/logo.png') 50% 50% no-repeat;} #site_search { position: absolute; top: 34px ; height: 42px; width: 42px; right: 135px; } #search_button , #search_close { background:#1a2732; color: #fff; position: absolute; right:0px; top:0px; font-size:28px; height:42px; width:42px; padding:0 0px; line-height: 40px; text-align: center; cursor: pointer; } #search_button:hover { } #search_text { z-index: 10; position: absolute; left: -73px; top: 2px; font-size: 16px; color: #fff; line-height: 42px;} #site_search.active_search { box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15); width: 282px; } #site_search.active_search #search_text { display: none; } #search_button.active_search {-webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; background:#7ac043; border-radius: 0px; } #site_search #search_box_form { -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; display: none; position: absolute; right: 42px; top:0px; height:37px; width:240px; } #site_search .searchbox { -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; position: absolute; right: 42px; top:0; width: 180px; height:36px; text-align:left; line-height: 31px; padding: 3px 10px; background: #fff; border: 0px; font-size:14px; outline: none; color: #999; } /* ----------------- Home Page Styles ----------------- */ body.home h2 { font-size: 30px; margin-bottom: 1.3em; } #accreditation_logo {float:right; margin-top:-23%;} #accreditation_logo img {display: block; margin: 0px 0 12px;} /* ***** Multi-Tator ***** */ .multitator_video { left: 0%; width: 50%; top: 0%; height: 62%; position:absolute; background-image:cover; background-repeat:no-repeat;} #homepage_video{ width:100%; height:100%; cursor: pointer; } #multitator { background: #222; position: relative;} .multitator_item { position: absolute; background: #000;} .multitator_content { position: absolute; width: 100%; height:100%; left: 0px; top: 0px;} .multitator_content > a { opacity: 0; display: block; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; color: #fff; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .multitator_item:first-child .multitator_content > a { opacity: 1; background: none; } .multitator_title { padding-bottom: 20px; position: absolute; width: 80% !important; left: 10%; bottom: 0px; color: #fff; text-align:center; } .multitator_caption { padding: 12px; background: rgba(0,0,0,0.6);} .multitator_content:hover > a { opacity: 1; } .multitator_large_caption { position: absolute; top: 25%; left: 10%; width: 60%;} .multitator_caption { font-size: 16px; line-height: 24px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);} .multitator_morebutton {font-family: 'Muli', sans-serif; font-weight: 600; text-transform: uppercase; margin: 15px 0; padding: 0 16px; line-height: 40px; font-size: 15px; display: inline-block; color: #fff; background: rgb(106,171,53); background: -moz-linear-gradient(left, rgba(106,171,53,1) 0%, rgba(136,180,62,1) 40%, rgba(136,180,62,1) 60%, rgba(166,188,71,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(106,171,53,1)), color-stop(40%,rgba(136,180,62,1)), color-stop(60%,rgba(136,180,62,1)), color-stop(99%,rgba(166,188,71,1))); background: -webkit-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -o-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -ms-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: linear-gradient(to right, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aab35', endColorstr='#a6bc47',GradientType=1 );} .multitator_large_caption.top_left { position: absolute; top: 20px; left: 20px;} .multitator_large_caption.top_right { position: absolute; top: 20px; right: 20px;} .multitator_large_caption.bottom_left { position: absolute; top: auto; bottom: 20px ; left: 20px;} .multitator_large_caption.bottom_right { position: absolute; top: auto; bottom: 20px; right: 20px;} /* First Item */ .multitator_item:first-child { left: 0%; width: 50%; top: 0% ; height: 62%;} /* Second Item */ .multitator_item:first-child + div { left: 0%; width: 25%; top: 62%; height: 38% ;} /* Third Item */ .multitator_item:first-child + div + div { left: 25%; width: 25%; top: 62%; height: 38%;} /* Fourth Item */ .multitator_item:first-child + div + div + div { left: 50%; width: 32% ; top: 0% ; height: 45%;} /* Fifth Item */ .multitator_item:first-child + div + div + div + div { left: 50%; width: 32% ; top: 45%; height: 55%;} /* Sixth Item */ .multitator_item:first-child + div + div + div + div + div {left: 82%; width: 18% ; top: 0%; height: 100%;} /* ***** Home Circles Module ***** */ #home_circles { background: #394a59; position: relative; } #home_circles > .top_bar { background: #1a2732; height: 60px; position: absolute; z-index: 1; top:0px; left: 0px; width: 100%;} #home_circles .wrapper { max-width: 1250px; z-index: 2; } .homecircle { position: relative; overflow: hidden; display: block; width: 20%; height: 270px; float:left; color: #fff; text-align:center; } .circle_name { height: 60px; line-height: 60px; font-size: 18px; font-family: 'Muli', sans-serif; font-weight: 600; position: relative; z-index:10; } .circle_name span.fa-play { color: #1a2732; display: block; line-height: 20px; font-size:20px; height: 20px; width: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: -15px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .circle_body { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;z-index: 5; position: relative; border-radius: 80px; margin: 27px auto 0; width: 100%; max-width: 160px; height: 160px; } .circle_body .icon { position: absolute; left:0px; top: 0px; height: 100%; width: 100%; } .circle_content { display:block; z-index: 5; position: absolute; bottom: -210px; left: 0px; width: 100%; height: 210px; } .circle_content .label { padding: 30px 10px 15px; line-height: 40px; font-size: 36px; font-family: 'Muli', sans-serif; font-weight: 600;} .circle_content .description { padding: 0 15px; font-size: 14px;} @media screen and (min-width: 1025px) { .homecircle:hover .circle_body { opacity:0; } .homecircle:hover .circle_content { bottom:0px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* Item 1 */ .homecircle.circle1:hover .circle_name { background: rgb(90,154,203); background: -moz-linear-gradient(left, rgba(90,154,203,1) 0%, rgba(121,178,222,1) 40%, rgba(121,178,222,1) 60%, rgba(143,195,235,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(90,154,203,1)), color-stop(40%,rgba(121,178,222,1)), color-stop(60%,rgba(121,178,222,1)), color-stop(99%,rgba(143,195,235,1))); background: -webkit-linear-gradient(left, rgba(90,154,203,1) 0%,rgba(121,178,222,1) 40%,rgba(121,178,222,1) 60%,rgba(143,195,235,1) 99%); background: -o-linear-gradient(left, rgba(90,154,203,1) 0%,rgba(121,178,222,1) 40%,rgba(121,178,222,1) 60%,rgba(143,195,235,1) 99%); background: -ms-linear-gradient(left, rgba(90,154,203,1) 0%,rgba(121,178,222,1) 40%,rgba(121,178,222,1) 60%,rgba(143,195,235,1) 99%); background: linear-gradient(to right, rgba(90,154,203,1) 0%,rgba(121,178,222,1) 40%,rgba(121,178,222,1) 60%,rgba(143,195,235,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a9acb', endColorstr='#8fc3eb',GradientType=1 ); } .homecircle.circle1:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: -moz-linear-gradient(top, rgba(90,154,203,0) 0%, rgba(90,154,203,0) 30%, rgba(90,154,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,154,203,0)), color-stop(30%,rgba(90,154,203,0)), color-stop(100%,rgba(90,154,203,1))); background: -webkit-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,0) 30%,rgba(90,154,203,1) 100%); background: -o-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,0) 30%,rgba(90,154,203,1) 100%); background: -ms-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,0) 30%,rgba(90,154,203,1) 100%); background: linear-gradient(to bottom, rgba(90,154,203,0) 0%,rgba(90,154,203,0) 30%,rgba(90,154,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a9acb', endColorstr='#5a9acb',GradientType=0 );} .homecircle.circle1:hover .circle_name span.fa-play { color: #79b2de; } /* Item 2 */ .homecircle.circle2:hover .circle_name { background: rgb(106,171,53); background: -moz-linear-gradient(left, rgba(106,171,53,1) 0%, rgba(136,180,62,1) 40%, rgba(136,180,62,1) 60%, rgba(166,188,71,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(106,171,53,1)), color-stop(40%,rgba(136,180,62,1)), color-stop(60%,rgba(136,180,62,1)), color-stop(99%,rgba(166,188,71,1))); background: -webkit-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -o-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: -ms-linear-gradient(left, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); background: linear-gradient(to right, rgba(106,171,53,1) 0%,rgba(136,180,62,1) 40%,rgba(136,180,62,1) 60%,rgba(166,188,71,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aab35', endColorstr='#a6bc47',GradientType=1 ); } .homecircle.circle2:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: -moz-linear-gradient(top, rgba(106,171,53,0) 0%, rgba(106,171,53,0) 30%, rgba(106,171,53,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,171,53,0)), color-stop(30%,rgba(106,171,53,0)), color-stop(100%,rgba(106,171,53,1))); background: -webkit-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,0) 30%,rgba(106,171,53,1) 100%); background: -o-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,0) 30%,rgba(106,171,53,1) 100%); background: -ms-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,0) 30%,rgba(106,171,53,1) 100%); background: linear-gradient(to bottom, rgba(106,171,53,0) 0%,rgba(106,171,53,0) 30%,rgba(106,171,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aab35', endColorstr='#6aab35',GradientType=0 );} .homecircle.circle2:hover .circle_name span.fa-play { color: #88b43e; } /* Item 3 */ .homecircle.circle3:hover .circle_name { background: rgb(199,64,49); background: -moz-linear-gradient(left, rgba(199,64,49,1) 0%, rgba(221,71,55,1) 40%, rgba(221,71,55,1) 60%, rgba(253,82,63,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,64,49,1)), color-stop(40%,rgba(221,71,55,1)), color-stop(60%,rgba(221,71,55,1)), color-stop(99%,rgba(253,82,63,1))); background: -webkit-linear-gradient(left, rgba(199,64,49,1) 0%,rgba(221,71,55,1) 40%,rgba(221,71,55,1) 60%,rgba(253,82,63,1) 99%); background: -o-linear-gradient(left, rgba(199,64,49,1) 0%,rgba(221,71,55,1) 40%,rgba(221,71,55,1) 60%,rgba(253,82,63,1) 99%); background: -ms-linear-gradient(left, rgba(199,64,49,1) 0%,rgba(221,71,55,1) 40%,rgba(221,71,55,1) 60%,rgba(253,82,63,1) 99%); background: linear-gradient(to right, rgba(199,64,49,1) 0%,rgba(221,71,55,1) 40%,rgba(221,71,55,1) 60%,rgba(253,82,63,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c74031', endColorstr='#fd523f',GradientType=1 ); } .homecircle.circle3:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: -moz-linear-gradient(top, rgba(199,64,49,0) 0%, rgba(199,64,49,0) 30%, rgba(199,64,49,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,64,49,0)), color-stop(30%,rgba(199,64,49,0)), color-stop(100%,rgba(199,64,49,1))); background: -webkit-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,0) 30%,rgba(199,64,49,1) 100%); background: -o-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,0) 30%,rgba(199,64,49,1) 100%); background: -ms-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,0) 30%,rgba(199,64,49,1) 100%); background: linear-gradient(to bottom, rgba(199,64,49,0) 0%,rgba(199,64,49,0) 30%,rgba(199,64,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c74031', endColorstr='#fd523f',GradientType=0 );} .homecircle.circle3:hover .circle_name span.fa-play { color: #dd4737; } /* Item 4 */ .homecircle.circle4:hover .circle_name { background: rgb(241,156,29); background: -moz-linear-gradient(left, rgba(241,156,29,1) 0%, rgba(246,190,58,1) 40%, rgba(246,190,58,1) 60%, rgba(249,210,74,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,156,29,1)), color-stop(40%,rgba(246,190,58,1)), color-stop(60%,rgba(246,190,58,1)), color-stop(99%,rgba(249,210,74,1))); background: -webkit-linear-gradient(left, rgba(241,156,29,1) 0%,rgba(246,190,58,1) 40%,rgba(246,190,58,1) 60%,rgba(249,210,74,1) 99%); background: -o-linear-gradient(left, rgba(241,156,29,1) 0%,rgba(246,190,58,1) 40%,rgba(246,190,58,1) 60%,rgba(249,210,74,1) 99%); background: -ms-linear-gradient(left, rgba(241,156,29,1) 0%,rgba(246,190,58,1) 40%,rgba(246,190,58,1) 60%,rgba(249,210,74,1) 99%); background: linear-gradient(to right, rgba(241,156,29,1) 0%,rgba(246,190,58,1) 40%,rgba(246,190,58,1) 60%,rgba(249,210,74,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19c1d', endColorstr='#f9d24a',GradientType=1 ); } .homecircle.circle4:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: -moz-linear-gradient(top, rgba(241,156,29,0) 0%, rgba(241,156,29,0) 30%, rgba(241,156,29,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,156,29,0)), color-stop(30%,rgba(241,156,29,0)), color-stop(100%,rgba(241,156,29,1))); background: -webkit-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,0) 30%,rgba(241,156,29,1) 100%); background: -o-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,0) 30%,rgba(241,156,29,1) 100%); background: -ms-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,0) 30%,rgba(241,156,29,1) 100%); background: linear-gradient(to bottom, rgba(241,156,29,0) 0%,rgba(241,156,29,0) 30%,rgba(241,156,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f19c1d', endColorstr='#f19c1d',GradientType=0 );} .homecircle.circle4:hover .circle_name span.fa-play { color: #f6be3a; } /* Item 5 */ .homecircle.circle5:hover .circle_name { background: rgb(69,59,127); background: -moz-linear-gradient(left, rgba(69,59,127,1) 0%, rgba(90,78,158,1) 40%, rgba(90,78,158,1) 60%, rgba(102,89,177,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(69,59,127,1)), color-stop(40%,rgba(90,78,158,1)), color-stop(60%,rgba(90,78,158,1)), color-stop(99%,rgba(102,89,177,1))); background: -webkit-linear-gradient(left, rgba(69,59,127,1) 0%,rgba(90,78,158,1) 40%,rgba(90,78,158,1) 60%,rgba(102,89,177,1) 99%); background: -o-linear-gradient(left, rgba(69,59,127,1) 0%,rgba(90,78,158,1) 40%,rgba(90,78,158,1) 60%,rgba(102,89,177,1) 99%); background: -ms-linear-gradient(left, rgba(69,59,127,1) 0%,rgba(90,78,158,1) 40%,rgba(90,78,158,1) 60%,rgba(102,89,177,1) 99%); background: linear-gradient(to right, rgba(69,59,127,1) 0%,rgba(90,78,158,1) 40%,rgba(90,78,158,1) 60%,rgba(102,89,177,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#453b7f', endColorstr='#6659b1',GradientType=1 ); } .homecircle.circle5:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: -moz-linear-gradient(top, rgba(69,59,127,0) 0%, rgba(69,59,127,0) 30%, rgba(69,59,127,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,59,127,0)), color-stop(30%,rgba(69,59,127,0)), color-stop(100%,rgba(69,59,127,1))); background: -webkit-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,0) 30%,rgba(69,59,127,1) 100%); background: -o-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,0) 30%,rgba(69,59,127,1) 100%); background: -ms-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,0) 30%,rgba(69,59,127,1) 100%); background: linear-gradient(to bottom, rgba(69,59,127,0) 0%,rgba(69,59,127,0) 30%,rgba(69,59,127,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00453b7f', endColorstr='#453b7f',GradientType=0 );} .homecircle.circle5:hover .circle_name span.fa-play { color: #5a4e9e; } } /* ***** Event Scroller ***** */ #events_scroller { padding: 7px 0px 40px ; } #events_scroller h2 { } #events_scroller .morebuttons { text-align: center; } #events_scroller .morebuttons a.readmore { } #events_scroller #scrolling_events { width: 90% !important; max-width: 1250px !important; margin: 0 auto;} #events_scroller .eventscroll_row { width: 100% !important; height: 300px !important;} #events_scroller .eventscroll_item { float:left; padding-left: 1.2%; padding-right: 1.2%; width: 22.6%; height: 300px; overflow:hidden;} #events_scroller .eventscroll_item a { color: #1a2732; } #events_scroller .eventscroll_image { height: 180px; width: 100%; } #events_scroller .eventscroll_title { font-size: 16px; margin-top: 4px; margin-bottom: 2px;} #events_scroller .eventscroll_date { font-size: 14px;} #events_scroller .eventscroll_location { font-size: 14px;} #scrolling_events_nav { position: relative;} #scrolling_events_nav #events_prev, #scrolling_events_nav #events_next { position: absolute; top: -200px; width: 56px; height: 56px; line-height: 56px; border-radius: 30px; margin-top: -28px; background: #dfe5e6; text-align:center; color: #a5aeb6; font-size:22px; cursor: pointer;} #scrolling_events_nav #events_prev { left: 0px; } #scrolling_events_nav #events_next { right: 0px; } #home_contact {padding: 7px 0px 100px ; color: #fff; position: relative; background: #6aab35; background: -moz-linear-gradient(-45deg, #6aab35 35%, #a6bc47 65%); background: -webkit-gradient(linear, left top, right bottom, color-stop(35%,#6aab35), color-stop(65%,#a6bc47)); background: -webkit-linear-gradient(-45deg, #6aab35 35%,#a6bc47 65%); background: -o-linear-gradient(-45deg, #6aab35 35%,#a6bc47 65%); background: -ms-linear-gradient(-45deg, #6aab35 35%,#a6bc47 65%); background: linear-gradient(135deg, #6aab35 35%,#a6bc47 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aab35', endColorstr='#a6bc47',GradientType=1 ); } #home_contact .texture { background: url('graphics/design/texture_diagonal.png') left top repeat; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } #home_contact .wrapper { z-index: 2; } #home_contact h2 { color: #fff; margin-bottom: 7px; } #home_contact #contact_left { width: 50%; float: left; } #home_contact #contact_right { width: 42%; float: right; padding-top: 43px; } #white_logo { height: 60px; background: url('graphics/design/white_logo.png') left top no-repeat;} #location { padding: 10px 0 20px;} #social_contact {} #social_contact ul, #social_contact li { display: inline; padding: 0px; margin: 0px; list-style-type: none; } #social_contact a { display: inline-block; color: #fff; font-size: 36px; margin-right: 16px; } #form_widget { display: block; } #form_widget .right_field { width: 48%; float:right; overflow: hidden; } #form_widget .left_field { clear:left; width: 48%; float:left; overflow: hidden; } #home_contact .form_widget_inner { font-size: 15px; padding-bottom:20px;} #home_contact .form_widget_inner h1.formsTitle { display: none;} #home_contact .form_widget_inner .message { color: #fff; font-size: 15px; font-weight: 400; margin: 35px 0 15px 0; padding-right: 20px;} #home_contact .form_widget_inner .formtextRequired { display:none;} #home_contact .form_widget_inner input[type="text"], .form_widget_inner select { border: 0px; width: 94%; max-width: 330px; height: 43px; display: block; padding: 0px 2.5% 0px 5%; margin: 11px 0; background: #518425; line-height: 28px; font-size: 15px; color: #fff; } #home_contact .form_widget_inner select {padding-left:0;} #home_contact .form_widget_inner textarea {border: 0px; width: 94%; max-width: 330px; display: block; padding: 10px 2.5% 10px 5%; margin: 12px 0; background: #518425; line-height: 28px; height: 150px; font-size: 15px; color: #fff; } #home_contact .form_widget_inner table { width: 100%;} #home_contact .form_widget_inner input[type="submit"] { float: right; margin-top: 8px ;width: 168px; box-sizing: content-box; border: 0px; outline: 0px;display: inline-block; line-height: 42px; padding: 0 0px; color: #fff; font-size:15px; background: #1a2632; } #home_contact .form_widget_inner input[type="submit"]:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #home_contact form > div {text-align:left !important; padding-top: 10px !important;} #tagline_image { width: 100%; text-align:center; text-shadow: 1px 1px 5px rgba(0,0,0,0.45);} #tagline_message { display: inline-block; max-width: 85%; font-family: 'Muli', sans-serif; font-style: italic; color: #fff; font-size: 32px; line-height: 50px; padding: 50px 50px;} @-webkit-keyframes colorPulse { 0% {background-color: rgba(90,154,203, 0.7);} 20% {background-color: rgba(106,171,53, 0.7);} 40% {background-color: rgba(241,156,29, 0.7);} 60% {background-color: rgba(199,64,49, 0.7);} 80% {background-color: rgba(69,59,127, 0.7);} 100% {background-color: rgba(90,154,203, 0.7);} } #tagline_message { -webkit-animation: colorPulse 15s infinite; } #news_scroller { background: #394a59; padding: 7px 0px 40px ; } #news_scroller h2 { color: #fff; font-size: 36px;} #news_scroller .morebuttons { margin-top: 52px; text-align: center; } #news_scroller .morebuttons a.readmore { background: #6aab35; } #news_scroller #scrolling_news { width: 90% !important; max-width: 1250px !important; margin: 0 auto;} #news_scroller .newsscroll_row { width: 100% !important; height: 180px !important;} #news_scroller .newsscroll_item { float:left; padding-left: 1.2%; padding-right: 1.2%; width: 22.6%; height: 180px; overflow:hidden;} #news_scroller .newsscroll_image { height: 180px; width: 100%; position: relative; } #news_scroller .newsscroll_details { opacity: 0; display: block; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; color: #fff; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );} #news_scroller .newsscroll_details:hover { opacity: 1; } #news_scroller .newsscroll_detail_container { position: absolute; bottom: 15px; left: 6%; width: 88%; } #news_scroller .newsscroll_headline { } #news_scroller .newsscroll_blurb { padding-top: 5px;} #scrolling_news_nav { position: relative; } #scrolling_news_nav #news_prev, #scrolling_news_nav #news_next { position: absolute; top: -90px; width: 56px; height: 56px; line-height: 56px; border-radius: 30px; margin-top: -28px; background: #51616e; text-align:center; color: #a5aeb6; font-size:22px; cursor: pointer;} #scrolling_news_nav #news_prev { left: 0px; } #scrolling_news_nav #news_next { right: 0px; } #quicklinks { padding: 65px 0px 75px ; color: #fff; position: relative; background: #62a37c; background: -moz-linear-gradient(-45deg, #62a37c 35%, #5a9acb 65%); background: -webkit-gradient(linear, left top, right bottom, color-stop(35%,#62a37c), color-stop(65%,#5a9acb)); background: -webkit-linear-gradient(-45deg, #62a37c 35%,#5a9acb 65%); background: -o-linear-gradient(-45deg, #62a37c 35%,#5a9acb 65%); background: -ms-linear-gradient(-45deg, #62a37c 35%,#5a9acb 65%); background: linear-gradient(135deg, #62a37c 35%,#5a9acb 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a37c', endColorstr='#5a9acb',GradientType=1 ); } #quicklinks .texture { background: url('graphics/design/texture_diagonal.png') left top repeat; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } #quicklinks .wrapper { z-index: 2; } .quicklink { display: block; float: left; width: 25%; text-align:center; color: #fff;} .quicklink img { display: block; margin: 0 auto; width: 100px; height: 100px;} .quicklink h2 { font-size: 36px; margin: 0px !important; color: #fff; padding: 20px 0;} .quicklink .description { font-size: 14px; width: 100%; max-width: 200px; margin: 0px auto;} /* ----------------- Interior Page Styles ----------------- */ #interior_content { } #interior_content.no_sidebar #sidebar { display: none; } #interior_content.no_sidebar #content.with_side_box { width: 75%; } #interior_content .wrapper { padding-top: 20px; padding-bottom:120px; max-width: 1275px; } #interior_header_banner { position: relative; } #interior_header_banner .header_gradient { z-index: 2; width: 100%; height: 100%; position: absolute; top: 0%; left: 0px;} #interior_header_banner #positioner { position: absolute; left: 0px; top: 50%; width: 100%;} #interior_header_banner h1 { position: relative; top: -30px; margin: 0 auto 0; width: 100% ; max-width: 1275px; font-size: 60px; line-height: 60px; padding: 0 0 0; color: #fff; } #interior_header_banner span { display: block; width: 100%; } #interior_header_banner span a { display: block;} #interior_header_banner img { width: 100% !important; height: auto !important; } #interior_header_banner.advocacy .header_gradient { background: -moz-linear-gradient(top, rgba(90,154,203,0) 0%, rgba(90,154,203,1) 99%, rgba(90,154,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,154,203,0)), color-stop(99%,rgba(90,154,203,1)), color-stop(100%,rgba(90,154,203,1))); background: -webkit-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,1) 99%,rgba(90,154,203,1) 100%); background: -o-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,1) 99%,rgba(90,154,203,1) 100%); background: -ms-linear-gradient(top, rgba(90,154,203,0) 0%,rgba(90,154,203,1) 99%,rgba(90,154,203,1) 100%); background: linear-gradient(to bottom, rgba(90,154,203,0) 0%,rgba(90,154,203,1) 99%,rgba(90,154,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a9acb', endColorstr='#5a9acb',GradientType=0 );} #interior_header_banner.business_growth .header_gradient { background: -moz-linear-gradient(top, rgba(106,171,53,0) 0%, rgba(106,171,53,1) 99%, rgba(106,171,53,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,171,53,0)), color-stop(99%,rgba(106,171,53,1)), color-stop(100%,rgba(106,171,53,1))); background: -webkit-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,1) 99%,rgba(106,171,53,1) 100%); background: -o-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,1) 99%,rgba(106,171,53,1) 100%); background: -ms-linear-gradient(top, rgba(106,171,53,0) 0%,rgba(106,171,53,1) 99%,rgba(106,171,53,1) 100%); background: linear-gradient(to bottom, rgba(106,171,53,0) 0%,rgba(106,171,53,1) 99%,rgba(106,171,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aab35', endColorstr='#6aab35',GradientType=0 ); } #interior_header_banner.economic_competitiveness .header_gradient { background: -moz-linear-gradient(top, rgba(199,64,49,0) 0%, rgba(199,64,49,1) 99%, rgba(199,64,49,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,64,49,0)), color-stop(99%,rgba(199,64,49,1)), color-stop(100%,rgba(199,64,49,1))); background: -webkit-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,1) 99%,rgba(199,64,49,1) 100%); background: -o-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,1) 99%,rgba(199,64,49,1) 100%); background: -ms-linear-gradient(top, rgba(199,64,49,0) 0%,rgba(199,64,49,1) 99%,rgba(199,64,49,1) 100%); background: linear-gradient(to bottom, rgba(199,64,49,0) 0%,rgba(199,64,49,1) 99%,rgba(199,64,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c74031', endColorstr='#c74031',GradientType=0 ); } #interior_header_banner.diversity_inclusion .header_gradient { background: -moz-linear-gradient(top, rgba(241,156,29,0) 0%, rgba(241,156,29,1) 99%, rgba(241,156,29,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,156,29,0)), color-stop(99%,rgba(241,156,29,1)), color-stop(100%,rgba(241,156,29,1))); background: -webkit-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,1) 99%,rgba(241,156,29,1) 100%); background: -o-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,1) 99%,rgba(241,156,29,1) 100%); background: -ms-linear-gradient(top, rgba(241,156,29,0) 0%,rgba(241,156,29,1) 99%,rgba(241,156,29,1) 100%); background: linear-gradient(to bottom, rgba(241,156,29,0) 0%,rgba(241,156,29,1) 99%,rgba(241,156,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f19c1d', endColorstr='#f19c1d',GradientType=0 ); } #interior_header_banner.leadership_development .header_gradient { background: -moz-linear-gradient(top, rgba(69,59,127,0) 0%, rgba(69,59,127,1) 99%, rgba(69,59,127,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,59,127,0)), color-stop(99%,rgba(69,59,127,1)), color-stop(100%,rgba(69,59,127,1))); background: -webkit-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,1) 99%,rgba(69,59,127,1) 100%); background: -o-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,1) 99%,rgba(69,59,127,1) 100%); background: -ms-linear-gradient(top, rgba(69,59,127,0) 0%,rgba(69,59,127,1) 99%,rgba(69,59,127,1) 100%); background: linear-gradient(to bottom, rgba(69,59,127,0) 0%,rgba(69,59,127,1) 99%,rgba(69,59,127,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00453b7f', endColorstr='#453b7f',GradientType=0 ); } /* #interior_header_banner.default .header_gradient { background: -moz-linear-gradient(top, rgba(0,90,135,0) 0%, rgba(0,90,135,1) 99%, rgba(0,90,135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,90,135,0)), color-stop(99%,rgba(0,90,135,1)), color-stop(100%,rgba(0,90,135,1))); background: -webkit-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -o-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -ms-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: linear-gradient(to bottom, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005a87', endColorstr='#005a87',GradientType=0 ); } #interior_header_banner.news_events .header_gradient { background: -moz-linear-gradient(top, rgba(0,90,135,0) 0%, rgba(0,90,135,1) 99%, rgba(0,90,135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,90,135,0)), color-stop(99%,rgba(0,90,135,1)), color-stop(100%,rgba(0,90,135,1))); background: -webkit-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -o-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -ms-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: linear-gradient(to bottom, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005a87', endColorstr='#005a87',GradientType=0 ); } #interior_header_banner.chamber .header_gradient { background: -moz-linear-gradient(top, rgba(0,90,135,0) 0%, rgba(0,90,135,1) 99%, rgba(0,90,135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,90,135,0)), color-stop(99%,rgba(0,90,135,1)), color-stop(100%,rgba(0,90,135,1))); background: -webkit-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -o-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -ms-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: linear-gradient(to bottom, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005a87', endColorstr='#005a87',GradientType=0 ); } #interior_header_banner.help .header_gradient { background: -moz-linear-gradient(top, rgba(0,90,135,0) 0%, rgba(0,90,135,1) 99%, rgba(0,90,135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,90,135,0)), color-stop(99%,rgba(0,90,135,1)), color-stop(100%,rgba(0,90,135,1))); background: -webkit-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -o-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -ms-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: linear-gradient(to bottom, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005a87', endColorstr='#005a87',GradientType=0 ); } #interior_header_banner.greenville_sc .header_gradient { background: -moz-linear-gradient(top, rgba(0,90,135,0) 0%, rgba(0,90,135,1) 99%, rgba(0,90,135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,90,135,0)), color-stop(99%,rgba(0,90,135,1)), color-stop(100%,rgba(0,90,135,1))); background: -webkit-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -o-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: -ms-linear-gradient(top, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); background: linear-gradient(to bottom, rgba(0,90,135,0) 0%,rgba(0,90,135,1) 99%,rgba(0,90,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005a87', endColorstr='#005a87',GradientType=0 ); } */ .repeatSection.first:before { display: block; counter-increment: attendees; content: "Attendee " counter(attendees); position: relative; margin: 1rem 0; font-size: 18px; font-weight: 600; } #content { width: 74.75%; float: right; } #sidebar { width: 21.5%; float:left; } #sub_menu { display: none; padding-bottom: 33px;} #sub_menu ul { margin:0px; list-style-type: none; } #sub_menu>ul {margin:0px; padding: 0;} #sub_menu ul li {margin:0px; padding: 0px; list-style-type: none; } #sub_menu ul li:hover { } #sub_menu ul li.no_sub_display ul { display: none;} #sub_menu ul a { display:block; line-height: 20px; padding: 11px 20px; color: #1a2732; } #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { background: #ebebeb; } #sub_menu ul li a:hover { background: #6aab35; color: #fff; } .sub_menu_title { } .sub_menu_title a { color: #1a2732;} #sidebar .banner_group p:empty { display:none; } #content.with_side_box { width: 49.75%; } #content.with_side_box.full_width { width: 74.75%; } #side_box { float: right; width: 21.5%; padding-top: 32px; padding-left: 3.5%;} #side_box span { display: block; padding-bottom: 65px; } #left_banners span { display: block; padding-top: 32px; padding-bottom: 33px; } #side_box span a, #left_banners span a { display: block; } #side_box span img, #left_banners span img { width: 100% !important; height: auto !important; display: block; } /* ----------------- Footer Styles ----------------- */ #footer { background: #1a2732; padding: 25px 0 55px; color: #fff; } #footer a { color: #fff; } #footer_logo { float:left; width: 22%; margin-right: 4%; font-size: 14px; color: #fff; line-height: 1.4em; } #footer_logo img { display: block; width: 100%; height: auto; margin-bottom: 6px; } #footer_menu ul, #footer_menu li { display: block; margin: 0; padding: 0px; list-style-type: none; } #footer_menu>ul { display: inline; padding: 0; margin: 0; font-size: 14px; } #footer_menu>ul>li { display: block; float:left; width: 17%; margin: 20px 3% 10px 0; vertical-align: top; } #footer_menu>ul>li.item2, #footer_menu>ul>li.item3, #footer_menu>ul>li.item4 { width: 15%; } #footer_menu>ul>li.item6 { clear: both; } #footer_menu>ul>li.homelink { display: none; } #footer_menu>ul>li>a { color: #699c43; padding-bottom: 3px; display: block; } #footer_menu>ul ul a:hover { color: #ABD135;} #sponsors { height: 120px; position: relative; margin:25px 0 0 ;} #sponsor_cycle { width: 100% !important; height: 100% !important; } .sponsor_row { position: absolute; width: 100% !important; height: 100% !important; } .sponsor_item { position: relative; display: block; float:left;width: 13.333% ; margin-left: 4%; height: 120px; } .sponsor_item .gray_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } .sponsor_item .color_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } .sponsor_item:hover .gray_image { opacity: 0; } .sponsor_item:hover .color_image { opacity: 1; } .sponsor_item:first-child { margin-left: 0px; } #mobile_bottom {display: none; text-align:center;position: fixed; bottom: 0px; left: 0px; width: 100%; height: 0px; z-index: 9999;} #back_to_top { background: #121212; position: absolute; bottom: -30px; width: 100%; color: #fff; cursor: pointer; line-height: 30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } #back_to_top.scrolled { bottom: 0px; } /* ----------------- Menus ----------------- */ /* +++ Main Menu +++ */ ul.main_menu, .main_menu ul, ul.main_menu_leadership, .main_menu_leadership ul { display: block; list-style-type: none; margin: 0px; padding: 0px; } ul.main_menu li, ul.main_menu_leadership li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; } ul.main_menu a, ul.main_menu_leadership a { display:block; color: #fff; padding: 2px 0;} #main_menu_wrapper { color: #fff; position: absolute; left: 0; top:0px; width: 575px; height: 100%; } #main_menu_wrapper h2 { padding-left: 50px; color: #fff;font-size: 36px; margin-bottom: 15px;} #social_menu { padding-left: 50px;} #social_menu ul, #social_menu li { display: inline; padding: 0px; margin: 0px; list-style-type: none; } #social_menu a { display: inline-block; color: #fff; font-size: 26px; margin-right: 18px; } #social_menu li.blue a { color: #2d44a4; } #social_menu li.cyan a { color: #009dcf; } #social_menu li.lightblue a { color: #2261d3; } #social_menu li.orange a { color: #e37804; } #social_menu li.red a { color: #ce3331; } #investor_login { margin-top: 15px;} #investor_login a { color: #fff; padding-left: 50px; font-size: 15px;} #investor_login span.fa { padding-right: 3px; } /* Level 1 */ ul.main_menu, ul.main_menu_leadership { width: 100%; padding:34px 40px 0; position: relative; } ul.main_menu>li, ul.main_menu_leadership>li { padding-left: 40px; padding-right: 20px; } ul.main_menu>li>a, ul.main_menu_leadership>li>a { font-size: 16px;color: #669642; position: relative; line-height: 20px; padding: 6px 0;} ul.main_menu>li>a>span.fa, ul.main_menu_leadership>li>a>span.fa { position: absolute; top:2px; left: -30px; line-height: 32px; display: block; } ul.main_menu>li:hover, ul.main_menu_leadership>li:hover { background: #1A2732; } /* Level 2 */ ul.main_menu>li>ul, ul.main_menu_leadership>li>ul { display: none; padding: 4px 0 10px;} ul.main_menu>li>ul>li, ul.main_menu_leadership>li>ul>li { } ul.main_menu>li>ul>li>a, ul.main_menu_leadership>li>ul>li>a { font-size: 16px; } ul.main_menu>li>ul>li:hover>a, ul.main_menu_leadership>li>ul>li:hover>a { } /* Level 3 and Beyond*/ ul.main_menu>li>ul>li ul, ul.main_menu_leadership>li>ul>li ul { padding: 4px 0 10px 15px; } ul.main_menu>li>ul>li ul>li, ul.main_menu_leadership>li>ul>li ul>li { } ul.main_menu>li>ul>li ul>li>a, ul.main_menu_leadership>li>ul>li ul>li>a { } ul.main_menu>li>ul>li ul>li:hover>a, ul.main_menu_leadership
  • ul>li ul>li:hover>a { } /* ---------------General Module Styles--------------- */ .tag {float:left; padding: 3px 8px; margin: 3px 6px; display: block; border-radius: 4px; background: #ccc; line-height: 16px; } .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; } /* 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; } .flex_row { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin: 0 -15px;} .flex_row.reverse {flex-direction: row-reverse;} .flex_item { flex: 1 1 100%; padding: 0 15px; box-sizing: border-box;} .flex_item.one_sixth { flex-basis: calc(16.666% - 30px);} .flex_item.one_fifth { flex-basis: calc(20% - 30px);} .flex_item.one_fourth { flex-basis: calc(25% - 30px);} .flex_item.one_third { flex-basis: calc(33.333% - 30px);} .flex_item.one_half { flex-basis: calc(50% - 30px);} .flex_item.two_thirds { flex-basis: calc(66.666% - 30px);} .flex_item.three_fourths { flex-basis: calc(75% - 30px);} .flex_row.force_grid {align-items: stretch;justify-content: flex-start;} .flex_row.force_grid .flex_item { flex-grow: 0 !important;box-sizing: content-box;} /* Header tags with inline filters */ .flex_row.heading_with_filter { flex-wrap: wrap; justify-content: space-between; padding-bottom: 8px; line-height: 40px; position: relative;} .flex_row.heading_with_filter::after { content: ' '; height:0px; left: 15px; right: 15px; bottom: -1px; display:block; position: absolute; overflow: hidden; border-bottom: 1px solid #ddd; } .flex_row.heading_with_filter h1, .flex_row.heading_with_filter h2, .flex_row.heading_with_filter h3, .flex_row.heading_with_filter h4, .flex_row.heading_with_filter h5, .flex_row.heading_with_filter h6 { margin:0px; padding-top:0px; padding-bottom:0px; flex: 0 1 auto; } .flex_row.heading_with_filter button, .flex_row.heading_with_filter .morebutton, .flex_row.heading_with_filter select, .flex_row.heading_with_filter input, .flex_row.heading_with_filter .filter { flex: 0 0 auto;} .filter { } .filter select {display: inline-block; width: 220px; margin-left: 8px;} .errorMessage{ font-weight:bold; color:#f00; } #glancelayout .filter { display: none; } /* Pagination */ @media screen and (max-width:40em) { .pagination * { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .pageLinkPrevChunk, .pageLinkNextChunk { position: relative !important; } } .pagination { clear: both; display: block; } .pagination a, .pagination a:visited { text-decoration: none; color: #151515; font-weight: normal; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination .prevnextLink { background-color: #fff; border: 1px solid #FFF; margin: 0; padding: 0.4em 0.7em; font-size: 0.875rem; margin-right: 2px; display: inline-block; border-radius: 2px; } .pagination .prevnextWindow:hover, .pagination .prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border: 1px solid #f5f5f5; color: #151515; background-color: #F5F5F5; } .pagination .prevnextCurrent { background: #6aab36; color: #fff; border: 1px solid #6aab36; font-weight: bold; } /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* ModuleBegin::directory-design_gallery */ .staffDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .staffPhoto { float: right; margin: 0px 0px 5px 10px; background-color: #ffffff;} .staffPhoto img { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; } .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } #boardOfDirectorsHeader { color: #6aab35; } /* ModuleEnd::directory-design_gallery */ /* 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::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; } .blogModule.moduleDetail img { max-width: 100% !important; height: auto !important;} #authors {} #authors a { display: block; } /* ---- 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 div {} .blogModule.archive .month { padding: 5px 30px; font-size: 14px; font-weight: normal; background: #f5f5f5; display:none; } .blogModule.archive .year { padding: 5px 15px; font-size: 16px; font-weight: bold; background: #ddd; } .blogModule.archive .year .toggle { float:right; cursor:pointer; font-family:monospace; } .blogModule.archive .year .toggle::before { content:'[+]'; } .blogModule.archive .yearGroup.expanded .toggle::before { content:'[-]'; } .blogModule.archive .yearGroup.expanded .month { display:block;} /* 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;} .ticketTypeDesc { padding-right: 2rem; } .ticketTypePrice { padding-right: 2rem; } /* ---- Events Small Calendar ---- */ body#calendarIframe { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; position:relative; background: transparent;} #calendarIframe .cal { width: 275px; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {padding-top: 22px; ; 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; border-collapse: collapse; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border: 1px solid #1a2732; } #calendarDetail .calendarDays .title {border:0px; font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #6aab35; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { border:0px; background: #6aab35; color:#fff; font-size: 20px; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ color: #fff; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #1a2732; color: #fff; font-weight: normal; } #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 ----- */ /* ---- Events Registration ----- */ .ticketTypeSummary { border-collapse: collapse; border: 1px solid #ddd; width: 100%; margin-bottom: 1rem;} .ticketTypeSummary thead { background:#1a2732; color:#ffffff; } .ticketTypeSummary .ticketPriceTotal { text-align:right; font-size:1.5rem; font-weight:bold; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #cccccc; } .ticketQuantity{ text-align:center; } td.ticketTotal, .ticketPriceTotal td { text-align: right } .repeatSection { } .eventTicketTypeTitle { margin:20px auto; border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:10px 0; width:100%; text-align:center; white-space:nowrap; } .eventTicketTypeTitle { counter-reset:attendee; } .attendeeLabel::after {content: ' ' counter(attendee); counter-increment:attendee; } .odd.repeatSection { } .odd.repeatSection.last { } #registrationSummary td { padding:1px 10px; } .ticketTypeTable thead { background: #1a2732; color: white;} .ticketTypeTable { max-width: 650px; border-collapse: collapse; border: 1px solid #ddd; margin-bottom: 1rem; } .ticketTypeTable td { padding:5px} /* ModuleEnd::events */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } .campaignCategoryAll { margin: 10px 0; } .campaignCategoryAll .label { font-weight: 400; } .campaignCategoryAll a { font-weight: 400; font-size: 15px; color: #1a2732; } .campaignCategoryAll .check { display: inline-block; padding: 1px 2px; font-size: 8px; margin-right: 7px; border: 1px solid #999; border-radius: 3px; transition: all .2s cubic-bezier(.36,.53,.33,1.01); -webkit-transition: all .2s cubic-bezier(.36,.53,.33,1.01); -moz-transition: all .2s cubic-bezier(.36,.53,.33,1.01); background-color: #fff; } .campaignCategoryAll .check.active { background-color: #0075ff; color: #fff; border-color: transparent; } .campaignCategoryAll .check .fa-check { opacity: 0; } .campaignCategoryAll .check.active .fa-check { opacity: 1; } /* ModuleEnd::broadcastemail */ /* ModuleBegin::poll */ .pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;} .pollSmallWrapper span.pollChoices { padding-bottom: 5px; } .pollListWrapper { } .pollDetailWrapper { } .pollQuestion { } .pollChoices { } .pollLink { } .pollResultQuestion { font-weight: bold; } .pollResultChoices { } .pollBar { background-color: #ccc; height: 7px; } /* ModuleEnd::poll */ /* Jobs Redesign */ #jobs_board {} #add_job { margin: 0px 0 20px; transition: all 0.3s ease;} #add_job:hover { background:#005EB9 ;} #jobs_search { background: #e1e1e1 ; border: 1px solid #bbb; padding: 12px 20px; border-radius: 5px; margin-bottom: 20px; } #jobs_search input[type="text"] { float:left; width: 19%; font-size: 14px; margin-right: 1.5%; height: 32px; line-height: 30px; padding: 0 12px; box-sizing: border-box; border:1px solid #ccc; outline:0px;} #jobs_search select { float:left; width: 20%; margin-right: 1.5%; font-size: 14px; height: 32px; line-height: 30px; padding: 0 6px; box-sizing: border-box; border:1px solid #ccc; outline:0px;} #jobs_search input[type="submit"] { cursor: pointer; float: right; width: 14%; height: 32px; line-height:32px; box-sizing: border-box; display: block; border:0px; outline:0px; background: #222; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase;} #jobs_search input[type="submit"]:hover { background: #555; } #job_table { background: rgba(255,255,255,0.35); overflow: hidden; } #job_table_head { background: #e1e1e1; border: 1px solid #bbb;} #job_table .table_head { border-left: 1px solid #bbb; float:left; width: 18%; box-sizing: border-box; padding: 10px 12px; height: 45px; line-height: 25px; color: #232323; font-weight: bold; font-size: 15px; overflow: hidden; position: relative; cursor: pointer;} #job_table .table_head.active { background: rgba(104, 183, 220, 0.2); font-weight: bold; } #job_table .table_head.active::after { position: absolute; display:block; right: 8px; top: 0px; line-height: 45px; height: 45px; font-family: FontAwesome; font-weight: normal; content: '\f0d7'; color: #232323; } #job_table .table_head:first-child {border-left:0px;} #job_table .table_column { float:left; width: 18%; box-sizing: border-box; padding: 12px; font-size: 14px;} #job_table .title_column { width: 22%;} #job_table .employer_column {} #job_table .job_type { width: 14%;} #job_table .location_type {} #job_table .brief_description { width: 28%; overflow: hidden;} #job_table .brief_description .more_desc_link { display: block; margin: 6px 0 0;} #job_table #job_postings { border: 1px solid #e1e1e1; border-top:0px;} #job_table .job_posting { border-bottom: 1px solid #e4e4e4;} #job_table .job_full_desc {box-sizing: border-box; width: 100%; background: rgba(0,0,0,0.08);} #job_table .job_full_desc > div { padding: 10px;} #job_table .table_column.title_column { font-weight: bold; } /* ModuleBegin::leads */ .pcl-name { text-align:center; width:100%; font-weight:bold; } /* ModuleEnd::leads */ /* ModuleBegin::newsfeed */ .newsfeedListWrapper { } .newsfeedNumber { } .newsfeedTitle { } .newsfeedSource { } .newsfeedDetailWrapper {word-wrap: break-word; } .newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;} .newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;} .newsfeedDetailWrapper .newsItem span {display:block;} .newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;} .newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;} /* ModuleEnd::newsfeed */ /* ModuleBegin::documents */ .documentsModule.moduleLister { } .documentsModule.moduleLister table { border: 1px solid #ccc; padding: 3px; } .documentsModule .rowOdd { } .documentsModule .rowEven { background: #eee; } .documentsModule td, .documentsModule th { padding: 3px 10px; } .documentsModule th { border-bottom: 2px solid #ddd;} /* ModuleEnd::documents */ /* ModuleBegin::directory-staffmodule */ .staffDetailWrapper:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} .staffPhoto { float: right; margin: 0px 0px 5px 10px; background-color: #ffffff;} .staffPhoto img { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; } .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } /* ModuleEnd::directory-staffmodule */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 20px; width:275px; border-radius: 4px;} #formLogin h2 { padding-top: 0px; margin-top:0px;} .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 0px; } .memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background: #fff; } .memberLoginBox td input[type="checkbox"] { height: 24px; } .membershipModule .search {} .membershipModule .membership-search-inputs { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; background: #f8f8f8; padding: 10px 15px; border: 1px solid #eee; box-sizing: border-box; } .membershipModule .membership-search-inputs input[type="submit"] { width: 75px; } .membershipModule .membership-search-inputs.lg-alumni label { margin-right: 1rem; } /* Membership Lister -------------------*/ .businessLister { display: block; position: relative; } .businessListerItems { display: block; position: relative; } .businessLister .businessSearch { padding: .5rem; background: #f4f4f4; border: 1px solid #e0e0e0; } .businessLister .businessSearch.clearSearch { text-align: right; border: none; background: #fff; padding: 10px 0 0 0; position: relative; height: 20px; overflow: hidden; } .businessLister .businessSearch.clearSearch a { display: block; opacity: 1; position: absolute; top: 0; transition: all .1s cubic-bezier(.36,.53,.33,1.01); } .businessLister .businessSearch.clearSearch a.disabled { display: block; opacity: 0; top: -20px; } .businessLister .businessSearch .radioInput { display: flex; justify-content: center; align-items: center; } .businessLister .businessSearch .multiSelect { height: 100px; } .businessLister .businessSearch input[type="text"], .businessLister .businessSearch select { background: #fff; } .businessLister .designations { background: #fff; border: 1px solid #e0e0e0; padding: 1.25rem; align-self: center; } .grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1em; grid-row-gap: 1em; } .grid.header { display: none; font-family: 'Muli', sans-serif; font-weight: 600; border-bottom: 1px solid #cfcfcf; margin: 2rem auto 5px auto; padding-bottom: .5rem; } .grid.header .primaryContact, .businessListerItem .primaryContact { text-align: center; } .businessListerItem { padding: 1.25rem; box-sizing: border-box; } .businessListerItem p { margin: 0; padding: 0; } .businessLister .businessSearch .desktop { display: block; } .businessLister .businessSearch .mobile { display: none; } #popup_overlay { z-index: 5000; position: fixed; opacity: 1; left:0; top:0; bottom: 0; right: 0; background: rgba(0,0,0,0.6); cursor: pointer; transition: all 0.5s ease;} #popup_overlay.inactive { opacity: 0;} #popup_body { z-index: 5100; box-sizing: border-box; padding: 10px 25px 100px; position: fixed; width: 700px; left: 50%; margin-left: -350px; top: 50%; opacity: 1; transform: translateY(-50%); min-height: 200px; background: #fff; border-radius: 6px; transition: all 0.5s ease;} #popup_body.inactive { top: 150%; opacity: 0;} #popup_close { z-index: 5200; cursor: pointer; width: 20px; line-height: 20px; font-size: 20px; color: #000; text-align: right; position: absolute; top: 10px; right: 10px; cursor: pointer;} #popup_body h2 { margin:0px; padding: 0 0 20px; } #popup_body h2.success { color: #0e72c7; text-align:center; position: absolute; left:25px; right: 25px; top: 50%; margin-top: -15px;} #popup_submit, #popup_cancel { position: absolute; bottom: 62px; left: 50%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; background: #36961c; color: #fff; text-align:center; width: 170px; margin-left: -85px; cursor: pointer;} #popup_submit { background: #9CB111;} #popup_submit:hover {background: #D1EB2B;} #popup_cancel { bottom: 15px; background: #222;} #popup_cancel:hover {background:#555;} #popup_submit.saving { color: #000; background: #eee;} #popup_body.leadership_popup input[type="text"] { height: 38px; box-sizing: border-box; margin: 0 0 8px;} #popup_body.leadership_popup textarea { box-sizing: border-box; margin: 0 0 8px;} #popup_body.leadership_popup input#IDFormField_message_title_0 { width: 100%;} #popup_body.leadership_popup input#IDFormField_your_email_0 {width: 48.5%; float:left;} #popup_body.leadership_popup input#IDFormField_your_name_0 {width: 48.5%; float: right; } #popup_body.leadership_popup textarea#IDFormField_your_message_0 { clear: both; width: 100%;} @media screen and (max-width: 63.9375em) { .businessListerItem:nth-child(odd) { background: #f4f4f4; } .businessLister .businessSearch .desktop { display: none; } .businessLister .businessSearch .mobile { display: block; } } @media screen and (min-width:64em) { .businessLister .businessSearch { padding: 1.25rem; } .businessListerItem:nth-child(even) { background: #f4f4f4; } } .businessListerItem .logo, .businessListerItem .name, .businessListerItem .primaryContact, .businessListerItem .contact { align-self: center; } .businessListerItem h4 { margin: 0; padding: 0; color: inherit; } .businessListerItem h4 a { color: #9cb111; transition: all .2s cubic-bezier(.36,.53,.33,1.01); } .businessListerItem h4 a:hover { color: #D1EB2B; } .businessListerItem .address, .businessListerItem .contact { font-size: 14px; } @media screen and (min-width:60em) { .grid.header { display: grid; } } @media screen and (max-width:63.9375em) { .grid .width-1\/12, .grid .width-2\/12, .grid .width-3\/12, .grid .width-4\/12, .grid .width-5\/12, .grid .width-6\/12, .grid .width-7\/12, .grid .width-8\/12, .grid .width-9\/12, .grid .width-10\/12, .grid .width-11\/12, .grid .width-12\/12 { grid-column: span 12; align-self: center; text-align: center; } } @media screen and (min-width: 64em) { .grid .width-1\/12 { grid-column: span 1; } .grid .width-2\/12 { grid-column: span 2; } .grid .width-3\/12 { grid-column: span 3; } .grid .width-4\/12 { grid-column: span 4; } .grid .width-5\/12 { grid-column: span 4; } .grid .width-6\/12 { grid-column: span 6; } .grid .width-7\/12 { grid-column: span 7; } .grid .width-8\/12 { grid-column: span 8; } .grid .width-9\/12 { grid-column: span 9; } .grid .width-10\/12 { grid-column: span 10; } .grid .width-11\/12 { grid-column: span 11; } .grid .width-12\/12 { grid-column: span 12; } } /* LG Alumni Cards */ #members {} #members .list-of-members { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 0 0; position: relative; } #members .lg-class, #members a.lg-class { display: block; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; background: #6aab35; color: #fff !important; font-size: 11px; font-weight: normal; padding: 2px 4px; } #members .lg-class.class-rep {right:72px;background:#1a2732;color:#fff;font-weight:bold;} #members .member-info-box { display: block; position: relative; width: 31%; margin: 20px 0; padding: 15px 15px 48px 15px; box-sizing: border-box; border: 1px solid #eee; font-size: 14px; } #members .member-info-box h2 { font-size: 22px; margin: 0; padding: 0; color: #6aab35; } #members .member-info-box h3 { margin: 0 0 20px 0; padding: 0; color: #c0c0c0; font-style: italic; font-weight: 400; font-size: 18px; } #members .member-info-box a { color: #6aab35; } #members .member-info-box .member-thumbnail { float:left; width:35%; height: 80%; position: relative; margin: 0 10px 10px 0; padding: 0; background-size: cover; background-position: 50% 50%; } #members .member-info-box .simsoc {width: 15px;height: 15px;position: absolute;top: 5px;right: 5px;border-radius: 50%;} .simsocBlue {background: blue;} .simsocRed {background: red;} .simsocYellow {background: yellow;} .simsocGreen {background: green;} /* end LG Alumni Cards */ .membershipModule .companyInfo { margin: 1em 0; } .membershipModule .companyInfo .name {} .membershipModule .companyInfo .jobTitle {} .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 {} .memberSocialLinks .socialIcon { display: inline-block; background: #f4f4f4; color: #003d7d; font-size: 16px; text-align: center; height: 50px; line-height: 50px; width: 50px; margin: 1px; border-radius: 50%; position: relative; overflow: hidden; } .memberSocialLinks .socialIcon a { position: absolute; z-index: 2; word-break: break-word; display: block; opacity: 0; width:50px; height: 50px; } .memberSocialLinks .socialIcon i { position: absolute; z-index: 1; display: block; font-size: 1.5rem; line-height: 50px; width: 50px; text-align: center; vertical-align: bottom; } .membershipModule.moduleDetail .map { width: 50%; flex: 0 0 auto; } @media screen and (max-width: 1000px){ .membershipModule.moduleDetail .map { width: 100%; } } .membershipModule.moduleDetail .map .mapFrame { width: 100%; height: 100%; min-height: 250px; } /* ----- My Account ---- */ .membershipModule.myAccount { } .myaccountDetail input#location_city, .myaccountDetail input#location_state, .myaccountDetail input#location_zip { max-width: 110px; } .myaccountForm select:disabled, .myaccountForm input:disabled { background-color:#ddd; } .myaccountForm input[name$=city], .myaccountForm input[name$=state], .myaccountForm input[name$=zip], .myaccountForm #bank_acct_name, .myaccountForm #bank_aba_code, .myaccountForm select[name$=month], .myaccountForm select[name$=year], .freedomAdminForm input[name$=city], .freedomAdminForm input[name$=state], .freedomAdminForm input[name$=zip], .freedomAdminForm #bank_acct_name, .freedomAdminForm #bank_aba_code, .freedomAdminForm select[name$=month], .freedomAdminForm select[name$=year], .freedomAdminForm select[name$=time_ampm], .freedomAdminForm input[name$=time],.freedomAdminForm input[name^="recurring"] { width: auto; display: inline-block; } .myaccountForm select[name$=month], .myaccountForm select[name$=year], .freedomAdminForm select[name$=month], .freedomAdminForm select[name$=year] { width: 40%; } .myaccountForm input[name$=city], .freedomAdminForm input[name$=city] { width: 98%; } @media screen and (min-width: 40em) { .myaccountForm input[name$=city], .freedomAdminForm input[name$=city] { width: 50%; } } .membershipModule.myAccount::after { content: ''; display:block; height:0; clear:both; visibility:hidden; } .membershipModule.myAccount { } .myAccountLinks { margin-top:35px; align-items:stretch; } .myAccountLinksBox { margin-bottom: 3.5rem; } .myAccountLinks .myAccountBox { border: 1px solid #ddd; border-radius:4px; padding: 12px 15px; height:100%; } .myAccountLinks h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; } .myAccountLinks .linkSection { } .myAccountLinks .linkSection a { display:block; padding:5px 0; } .myAccountLinks .button { text-align:center; padding-top:25px; } .myAccountLinks .button a { margin:0 0 10px; } .myaccountSidebar { margin-bottom:30px; } .myaccountSidebar .block { background:#253746; } .myaccountSidebar .block h4.title { background:#394a59; color:#fff; padding: 12px 15px 12px 40px; margin:0; position:relative; cursor:pointer; } .myaccountSidebar .block h4.title::after { display:block; position:absolute; font-family:'FontAwesome'; font-weight:normal; font-size:19px; content:'\f196'; top:50%; left:12px; margin-top:-11px; height:24px; line-height:24px; } .myaccountSidebar .block.active h4.title::after { content:'\f147'; } .myaccountSidebar .block ul { margin:0; list-style:none; padding:0; color:#fff; height:auto; max-height:0; overflow:hidden; } .myaccountSidebar .block.active ul { max-height:2000px; padding:5px 0; transition:max-height 2s linear, padding 0.2s linear; } .myaccountSidebar .block ul li { display:block; margin:0; padding:6px 15px; } /* ----- My Account - Dispatch ( System Forms ) ---- */ #myaccount_form>div { text-align:left; width:100%; } .myaccountForm>table, .freedomAdminForm>table { width:100%; } .myaccountForm>table td, .freedomAdminForm>table td { vertical-align:top; } .myaccountForm .classDiv a { width: 50px;} .myaccountForm>table td:first-child, .freedomAdminForm>table td:first-child { padding-top:14px; padding-right:12px; /*white-space:nowrap;*/ min-width: 300px; } .myaccountForm>table table, table.freedomTable { width:100%; border: 1px solid #ccc; background:#f8f8f8; margin:0; border-spacing:0; border-collapse:collapse; } .myaccountForm>table table td, table.freedomTable td, table.freedomTable th { vertical-align:middle; padding:8px 12px; } .myaccountForm>table table thead td, table.freedomTable thead th { background:#ccc; color:#000; } .myaccountForm>table table thead td *, table.freedomTable thead th * { color:#000; } .myaccountForm>table table thead td:first-child, table.freedomTable thead th:first-child { text-align:left; } table.freedomTable thead th.sort img { display:none; } table.freedomTable thead th.sort::after { position:relative; padding-left:3px; display:inline-block; font-family:'FontAwesome'; content:'\f0d7'} .editorLabel { display:inline-block; padding-bottom:15px; } .myaccountDetail table { color:#444; } .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding:5px 0; } .myaccountDetail .formtextRequired label { font-weight:bold; } .formButtons { padding-top:15px; } select.filterCombo { width:200px; } .imgBoxContainer { width:100%; background:#eee; padding:3px; line-height:38px; } .imgBoxContainer img { display:inline-block; } .imgBoxContainer { text-align:left; } .imgBoxContainer * { vertical-align:middle !important; text-align:center; } .imgBoxContainer .imageBox { border: 4px solid #fff; background:#f8f8f8; display:inline-block; width:auto; margin:8px; padding:12px; } .imgBoxContainer input { margin-right:5px; } .myaccountMessage { display:block; padding:18px; border: 2px dashed #777; background:#ddd; color:#000; font-size:16px; line-height:22px; text-align:center; margin-bottom:18px; } .myaccountMessage.positive::before { position:relative; padding-right:6px; font-size:18px; display:inline-block; font-family:'FontAwesome'; } .myaccountMessage.positive { background:#ECF6A6; border-color:#46815a; } .myaccountMessage.positive::before { content:'\f046'; color:#46815a; top:1px; } .myaccountMessage.negative { background:#EFADAD; border-color:#BF2525; } .myaccountMessage.negative::before { content:'\f057'; color:#BF2525; } .myaccountMessage.alert { background:#FFD702; border-color:#000; } .myaccountMessage.alert::before { content:'\f071'; color:#000; } .myaccountLister { } .myaccountListerBack { } /* ModuleEnd::membership */ select.filterCombo { width: 200px;} /* Membership Directory */ #member-directory {} #member-directory h1 { font-size: 64px; text-align: center; margin: 1em 0; } #member-directory h3 {} #member-directory .member-directory-list { display: block; margin: 40px 0; padding: 0; } #member-directory .member-directory-list .error { display: flex; flex-direction: column; width: 100%; height: 100px; justify-content: center; align-items: center; margin: 0 auto; color: #ff0000; } #member-directory .member-directory-header { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin: 30px 0; padding: 0 0 10px 0; border-bottom: solid 6px #e8eaeb; } #member-directory .member-directory-header h2 { margin: 0; padding: 0; } #member-directory .member-directory { display: flex; width: 80%; flex-direction: row; justify-content: space-between; align-items: flex-start; border: 1px solid #ccc; box-shadow: 1px 1px 12px -1px rgba(0,0,0,0.2); border-radius: 6px; margin: 0 auto 20px auto; padding: 15px; } #member-directory .name, #member-directory .contact { display: block; position: relative; width: 45%; margin: 0; padding: 0; } #member-directory .name {} #member-directory .name ul { list-style-type: none; margin: 0; padding: 0; } #member-directory .name ul > li { display: block; margin: 0; padding: 0; } #member-directory .contact {} #member-directory .contact .phone-email { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 0 10px 0; padding: 10px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; } #member-directory .contact .address { display: block; margin: 10px 0 0 0; } /* Affiliates Filter */ #member-directory-filter {} #member-directory-filter .row { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } #member-directory-filter .row > div { display: flex; flex-direction: row; justify-content: space-between; } #member-directory-filter .row > div > .label { display: flex; width: 195px; justify-content: flex-end; align-items: center; text-align: right; flex-grow: 1; } #member-directory-filter .row > div:not(.loader-js) { opacity: 0; transition: all 0.2 ease-in-out; } #member-directory-filter .row > div.loaded { opacity: 1; transition: all 0.2 ease-in-out; } #member-directory-filter .member-directory-filter-submit { margin-right: 20px; } #member-directory-filter .loader-js { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; margin: 0 auto; } #member-directory-filter .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 30px; } #member-directory-filter .lds-ellipsis div { position: absolute; top: 10px; width: 11px; height: 11px; border-radius: 50%; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } #member-directory-filter .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } #member-directory-filter .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } #member-directory-filter .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } #member-directory-filter .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .img_box_container { width: 100%; background: #eee; padding: 3px ; line-height: 38px; } .img_box_container img { display: inline-block; } .img_box_container { text-align: left;} .img_box_container * { vertical-align: middle !important; text-align: center;} .img_box_container .imageBox { border: 4px solid #fff; background: #f8f8f8; display: inline-block; width: auto; margin: 8px; padding: 12px;} .img_box_container input {margin-right: 5px;} .myaccountMessage { display:block; padding: 18px; border: 2px dashed #777; background: #ddd; color: #000; font-size: 16px; line-height:22px; text-align:center; margin-bottom: 18px;} .myaccountMessage.positive::before { position: relative; padding-right: 6px; font-size: 18px; display: inline-block; font-family: 'FontAwesome';} .myaccountMessage.positive { background: #ECF6A6; border-color: #9cb111; } .myaccountMessage.positive::before { content: '\f046'; color: #9cb111; top: 1px;} .myaccountMessage.negative { background: #EFADAD; border-color: #BF2525;} .myaccountMessage.negative::before { content: '\f057'; color: #BF2525;} .myaccountMessage.alert { background: #FFD702; border-color: #000; } .myaccountMessage.alert::before { content: '\f071'; color: #000; } .myaccountLister {} .myaccountListerBack {} /* ModuleEnd::membership */ /* ModuleBegin::forms */ .formContent{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:48px} .formSubGroup{display:flex;flex-wrap:wrap;justify-content:space-between} .formFieldset,.formStaticText{width:100%} /* This was causing the homepage contact form from being clicked into. preserving in case it affects other areas .formGroup{display:block;margin-bottom:1em;position:relative;z-index:0;width:100%;align-self:center;margin-top:auto;}*/ .formGroup{margin-bottom:1em;z-index:0;width:100%;align-self:center;margin-top:auto;} fieldset.formInput-group{border:2px solid #f5f5f5;border-radius:2px;padding:.75rem} fieldset.formInput-group legend{padding:0 8px 0 5px} .formInput-columns{display:flex;flex-flow:row wrap} .formInput-columns label{flex:0 1 auto;width:100%;margin-bottom:1rem} .formInput-columns label input{margin-bottom:0} @media screen and (min-width:40em){ .formInput-columns.columns-auto label{flex:1 1 10%;width:auto} .formInput-columns.columns-2 label{width:50%} .formInput-columns.columns-3 label{width:33%} .formInput-columns.columns-4 label{width:25%} .formInput-columns.columns-5 label{width:20%} } .formGroup--aligned{display:flex;align-items:center} .formGroup--aligned .formLabel{white-space:nowrap;flex:1 1 auto;padding-right:.75rem;margin-bottom:1rem} .formGroup--checkbox.formGroup--aligned input{margin-bottom:0} @media (min-width:64em){ .formGroup--quarter{width:calc(25% - .75rem)} .formGroup--small{width:calc(33.333% - .75rem)} .formGroup--medium{width:calc(50% - .75rem)} .formGroup--large{width:calc(66.666% - .75rem)} .formGroup--full{width:100%} } .formNavigation{margin-bottom:50px;display:flex;justify-content:space-around;width:100%} .formNavigation-prev + .formNavigation-next{margin-left:auto} .formInput[type=file]{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:2px;background-color:#f5f5f5;box-shadow:inset 0 1px 2px rgba(21,21,21,.1);font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#151515;transition:box-shadow .5s,border-color .25s ease-in-out;height:auto;padding:.25rem} .formInput[type=file]:focus{outline:0;border:1px solid #9b9b9b;background-color:#f5f5f5;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out} input[type=checkbox],input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:1.5rem;height:1.5rem;border:2px solid #cacaca;outline:0} input[type=radio]{border-radius:50%;vertical-align:top} input[type=radio]::after{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:2px solid #fff;border-radius:50%} input[type=radio]:checked{background:#007878;border-color:#007878} input[type=radio]:checked::after{content:' '} input[type=checkbox]{vertical-align:top} input[type=checkbox]::after{position:absolute;top:50%;left:5px;width:.6rem;height:1rem;font-size:1.5rem;line-height:1.5rem;margin-top:-.75rem;color:#007878;vertical-align:middle;text-align:center;background-color:transparent;border-bottom:3px solid;border-right:3px solid;transform:rotate(45deg);box-sizing:border-box} input[type=checkbox]:checked{border-color:#007878} input[type=checkbox]:checked::after{content:' '} .formGroup .formLabel{font-weight:500;font-size:.9rem} .formLabel.formLabel--required::after{content:"*";color:red} /*! basic calendar popup css */ #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-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:0;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{height: auto;width: auto;} .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:700;border:0} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td a,.ui-datepicker td span{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} /* ModuleBegin::commerce */ .cartAddWidget{display:flex;flex-flow:row wrap;align-items:flex-end;font-weight:700} .cartAddWidget>div{margin-right:1rem} .cartAddWidget .choice{display:block} /*.cartAddSubmit input[type=submit]{padding:10px 1.5rem}*/ .cartAddSubmit input[type=submit][disabled]{background:#999} .cartAddQty input[type=text]{background-color:#fff} .cartAddSelect select{background-color:#fff} input.shoppingFormQuantity{width:auto;background:#fff} /*! Carts */ .shoppingCart{margin-bottom:1rem} .shoppingCart .name{font-size:18px;font-weight:700} .shoppingCart .shoppingFormQuantity{display:inline-block;margin-bottom:0} .shoppingCart .cartRow{display:flex;justify-content:space-between;align-items:baseline} .cartSubDetails{font-size:.8em} .cartDelete{color:#333} .cartDelete:hover{color:#b52525} .shoppingAlert{color:red} .shoppingOutOfStock{color:#7e030e} .shoppingLowStock{color:#e79700} .shoppingCartTableHeader,.shoppingCartTableHeader td{background:#333;color:#fff;font-size:1.125rem} .shoppingCartTable{border:1px solid #dcdcdc; width: 100%;} .shoppingCartTableFooter{font-size:18px;font-weight:700} .shoppingCartTable .product.even,.shoppingCartTable .product.even+.discount{background-color:#f2f2f2} .shoppingCartTable .quantity{text-align:center} .shoppingCartTable .total{text-align:right} .shoppingCartTable .description{text-align:left;font-size:1.125rem} .shoppingCartButtons{display:flex;justify-content:space-between} .shoppingCartMini .total{font-weight:700} .shoppingCartMini .shoppingCartMini-summary{padding:1rem 0;border-top:1px solid #cacaca} /*! Checkout page*/ #cart_charges_summary td{border-bottom:1px solid #ddd;padding:.5em} .cartTotalPrice{font-size:18px} /*! Checkout Form */ .checkout-form{counter-reset:section} .checkout-heading{display:flex;align-items:center;justify-content:flex-start;box-sizing:content-box;min-height:2rem;padding:.5rem;background-color:#007878;color:#fff;text-transform:uppercase;text-align:center;font-size:1rem;font-weight:700;transition:background .2s} .checkout-form .step-bar::before{counter-increment:section;content:counter(section);margin-right:1rem;background:#fff;color:#000;border-radius:50%;height:30px;width:30px;line-height:30px} .checkout-panel{margin-bottom:2em;border:1px solid #ddd;padding:1em;border-top-right-radius:0;border-top-left-radius:0} #IDFormField_coupon_code_0,#IDFormField_giftcard_code_0{width:calc(100% - 165px);} label[for='IDFormField_giftcard_code_0'] { display:block;} #applyCouponBtn,#applyGiftCardBtn{vertical-align:bottom; width: auto;} #refreshShippingBtn{display:none} .checkout-form,.checkout-summary{width:100%;flex:1 1 100%;margin-right:.5rem;margin-left:.5rem} #commerce_checkoutTable{display:flex;flex:1 1 100%;flex-flow:row wrap} @media screen and (min-width:50em){ #commerce_checkoutTable{margin-left:-.5rem;margin-right:-.5rem} .checkout-form,.checkout-summary{flex:0 1 auto} .checkout-form{width:calc(60% - 1rem)} .checkout-summary{width:calc(40% - 1rem)} } .linkList,.linkList li { list-style:none; margin:0; padding:0; } /* ModuleEnd::commerce */ /* ModuleStart::coupon*/ body.coupon { padding-top:0; } .couponsModule.moduleDetail{ border: 2px dashed #999; padding: 1rem 2rem; margin:2rem; } /* ModuleEnd::coupon */ /*SELECTIZE */ .selectize-control.single .selectize-input.has-options:after { position: absolute; top: 50%; right: 15px; display: block; width: 0; height: 0; margin-top: -3px; border-color: #808080 transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; content: ' '; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-color: transparent transparent #808080 transparent; border-width: 0 5px 5px 5px; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control { position: relative; min-width:200px; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 14px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { font-family: 'Prima Sans BT Roman', sans-serif; font-size: 15px; box-sizing: border-box; line-height: 30px; height: 38px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8f8; border-radius: 4px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s; } .large-selectize .selectize-input{ width: 500px; } .medium-selectize .selectize-input{ width: 318px; } .small-selectize .selectize-input{ width: 150px; } .selectize-input span.invoice { font-size: 1.2em; display:block; } .selectize-input span.details, .selectize-dropdown span.details { font-size: 0.8em; display:block; font-weight: normal; font-color: rgba(0,0,0,50%); } .selectize-dropdown span.invoice { font-size: 1em; display:block; } .selectize-control .selectize-dropdown .meta { list-style: none; margin: 0; padding: 0; font-size: 10px; } .selectize-control .selectize-dropdown .meta li { margin: 0; padding: 0; display: inline; margin-right: 10px; } .selectize-control.multi .selectize-input.has-items { padding: 5px 5px 4px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { box-shadow: 0px 0px 7px rgb(181 186 195 / 75%); /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/ /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/ } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { /* cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px;*/ } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; height: 30px; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; }