/* colors silver #BBBCBC gold #D9C756 black #000000 */ /* ----------------- General & Resets ----------------- */ :root { font-size:62.5%;/* Set's Browser Root EM size to 10px, so that you can easily convert REM to px (ex. 1.6rem = 16px) */ } #editAnywhere { display:none; } body { background:#ffffff; position:relative; color:#000000; margin:0; } body.home { background:#fff; } body.mm_open { overflow:hidden; background:#fff; } body, table, input, textarea, select { font-family: 'Poppins', sans-serif; font-size:1.8rem; } @media screen and (min-width:750px) and (max-width:1024px) { body, table, input, textarea, select { font-size:1.5rem; } } @media screen and (max-width:749px) { body, table, input, textarea, select { font-size:1.4rem; } } input, textarea, select { box-sizing:border-box; line-height:36px; height:44px; width:100%; padding: 4px 8px; border: 1px solid #BBBCBC; outline:0; margin: 3px 0; background:#f8f8f8; 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:auto; line-height:normal; padding-top:10px; padding-bottom:10px; } input[type="password"] { } input[type="radio"] { width:auto; vertical-align:middle; margin-right:5px; } input[type="_mmit"] { } input[type="text"] { } select { display:block; height:44px; line-height:normal; padding-top:0; padding-bottom:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color:#fff; background-image:url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 100%); background-repeat:no-repeat, repeat; background-position:right .7em top 50%, 0 0; background-size:.65em auto, 100%; } select.listbox { height:auto !important; background:#f8f8f8 !important; } select::-ms-expand { display:none; } select option { font-weight:normal; } textarea { height:auto; line-height:normal; width:100%; resize: none;} /* 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); } /* Stylish Checkboxes & Radio Buttons */ input[type=checkbox] { position:relative; -webkit-appearance:none; appearance:none; border: 0 none; background-color:#eee; width:2.4rem; height:2.4rem; border: 1px solid #BBBCBC; vertical-align:middle; outline:none; } input[type=checkbox]:checked { background: #D9C756; border-color: #D9C756; } input[type=checkbox]::after { position:absolute; top:50%; left:0px; width: 100%; height: 100%; font-family:FontAwesome; font-size:18px; height: 1.8rem; line-height:1.8rem; margin-top: -0.9rem; color:#fff;vertical-align:middle; text-align:center; } input[type=checkbox]:checked::after { content:'\f00c'; } input[type=radio] { position:relative; -webkit-appearance:none; appearance:none; border-radius:50%; border: 0 none; background-color:#eee; width:2.4rem; height:2.4rem; border: 1px solid #BBBCBC; vertical-align:top; outline:none; } input[type=radio]:checked { background:#D9C756; border-color: #D9C756; } 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::after { content:''; } a { text-decoration:none; color:#D9C756; } a:hover { color:#BBBCBC; } h2 a { color:inherit; } h2 a:hover { color:#D9C756; } img { border: 0; } /* Wrappers */ .wrapper, .component .webpageModule { margin:0 auto; width:96%; max-width:1640px; position:relative; } #header .wrapper { max-width: calc( 100% - 120px); display: flex; height: 100%; position: relative; justify-content: space-between; } .headerFlex { margin-top: 15px; } @media screen and (min-width:1140px) and (max-width:1299px) { .wrapper { max-width:1100px; } } @media screen and (min-width:1025px) and (max-width:1139px) { .wrapper { max-width:1000px; } } @media screen and (min-width:960px) and (max-width:1024px) { .wrapper { max-width:950px; } } @media screen and (min-width:750px) and (max-width:959px) { .wrapper { max-width:750px; } } /* Responsive Display Control Classes */ @media screen and (min-width:1025px) { .mobileOnly { display:none !important; } } @media screen and (min-width:750px) and (max-width:1024px) { .desktopOnly { display:none !important; } .mobileOnly { display:none !important; } } @media screen and (max-width:749px) { .hideOnMobile { display:none !important; } } h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight:400; line-height:1.3em; margin: 0 0 0.25em 0; padding-top:0.2em; } h1 { font-size:3.75em; text-transform:uppercase; padding-top:0; } h2 { font-size:2.5em; text-transform:uppercase; } h3 { font-size:2.4em; text-transform:uppercase; } h4 { font-size:2.0em; } h5 { font-size:1.8em; } h6 { font-size:1.6em; } @media screen and (min-width:750px) and (max-width:1024px) { h1 { font-size:3.0em; } h2 { font-size:2.4em; } h3 { font-size:2.0em; } h4 { font-size:1.8em; } h5 { font-size:1.6em; } h6 { font-size:1.5em; } } @media screen and (max-width:749px) { h1 { font-size:2.4em; } h2 { font-size:2.1em; } h3 { font-size:1.8em; } h4 { font-size:1.6em; } h5 { font-size:1.5em; } h6 { font-size:1.4em; } } /* Button Styling */ .button, button, input[type="button"], input[type="submit"], a.editorbutton, .editorbutton a { font-family: 'Oswald','sans-serif'; font-size: 1.8em; text-transform: uppercase; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border: 0; outline:0; line-height:1.3em; height:auto; padding: .35em 0.75em; background:#D9C756; color:#ffffff; display:inline-block; -moz-transition:all 0.21s ease-in-out; -webkit-transition:all 0.21s ease-in-out; transition:all 0.21s ease-in-out; } .button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.editorbutton:hover, .editorbutton a:hover { background:#BBBCBC; color:#000; } /* Button Colors */ .button.white, a.editorbutton.white, .editorbutton.white a { background:#fff; color:#000000 } .button.white:hover, a.editorbutton.white:hover, .editorbutton.white a:hover { background:#BBBCBC; color:#000000; } .button.black, a.editorbutton.black, .editorbutton.black a { background:#000000; color:#ffffff; } .button.black:hover, a.editorbutton.black:hover, .editorbutton.black a:hover { color:#D9C756; } .button.silver, a.editorbutton.silver, .editorbutton.silver a { background:#BBBCBC; } .button.silver:hover, a.editorbutton.silver:hover, .editorbutton.silver a:hover { color:#ffffff; } .button.gold, a.editorbutton.gold, .editorbutton.gold a { background:#BBBCBC; } .button.gold:hover, a.editorbutton.gold:hover, .editorbutton.gold a:hover { color:#ffffff; } /* Outline Style */ .button.outline, button.outline, input[type="button"].outline, input[type="submit"].outline, a.editorbutton.outline, .editorbutton.outline a {border: 2px solid #D9C756; color: #D9C756; background:transparent; padding: calc(.7505em - 2px) calc(1em - 2px);} .button.outline:hover, button.outline:hover, input[type="button"].outline:hover, input[type="submit"].outline:hover, a.editorbutton.outline:hover, .editorbutton.outline:hover a {border-color: #BBBCBC; background: #BBBCBC; color: #000; } /* Wysiwyg Editor Button Specific Margin */ a.editorbutton, .editorbutton a { margin:0 12px 8px 0; } @media screen and (max-width:749px) { a.editorbutton, .editorbutton a { margin:10px auto !important; display:block; width:auto; max-width:200px; clear:both; text-align:center; } } /* ModuleBegin::slideshow */ /*----------------------------------------------------*/ /* Begin Slideshows Module */ /*----------------------------------------------------*/ /* slideContainerID(s) Parents that controls the height of the slider */ #slideshow { position: relative; z-index: 0; height: 45vw; margin: 0; padding: 0; background: #000; } #slideshow.interior {height: 20vw; } #slideshow-example { position: relative; height: 545px; margin: 0; background: #000; } /* slideContainerID(s) Parents for responsive and show/hide prev/next Controls */ .cycle_pager { cursor:pointer; } #slides_cycle_one, #slides_cycle_two { position: relative; width: 100% !important; height: 100% !important; } #slideshow:hover .slide_prev, #slideshow:hover .slide_next, #homepage_bottom_slideshow:hover .slide_prev, #homepage_bottom_slideshow:hover .slide_next { display: block; z-index: 1000; } .overlay { background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));height: 100%;width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;} .slide { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; } #slideshow .slide .slideImage {position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; background-repeat: no-repeat; background-position: center center; background-size: cover;} .slide video, .slide iframe { height: 100% !important; } .slide video { object-fit: cover; } .slide .captioncontainer {-webkit-filter: grayscale(0); filter: grayscale(0);} .slide .captioncontainer,.slide .captioncontainer.bottom { position: absolute; right:15px; left:15px; bottom:0px; z-index:3; } .slide .captioncontainer.top {top:5%;} .slide .captioncontainer.middle { bottom:20%;} .slide .captioncontainer .caption { text-align:center; } .slide .caption { position: relative; bottom:0; width: 100%; max-width: 1250px; text-align:left; margin: 0 auto; padding: 0 0 50px; } .slide .caption .sub-text { color: #fff; width: 100%; margin: 0 auto ; font-size: 3em; font-weight:700; line-height:1.5em; margin: 0 0; padding-top:0; } .slide .caption .text { color: #fff; width: 100%; max-width: 1200px; margin: 0 auto ; font-size: 2.5em; font-weight:800; line-height:1.5em; margin: 0 0; padding-top:0; } .slide .caption .slide_buttons { padding-top: 20px; } .slide .caption .slide_buttons a.button { margin: 0 0.5em;} /* Prev/Next Controls */ .slide_prev, .slide_next { z-index: 1000; /*background: rgba(0,0,0,0.6);*/ cursor: pointer; position: absolute; z-index: 200; top: 50%; margin-top: -20px; line-height: 40px; height: 40px; width: 40px; color: #fff; font-size: 30px; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; } .slide_prev { left: 70px; } .slide_next { right: 70px; } @media screen and (max-width:1199px) { .slide .captioncontainer.middle { bottom:0;} .slide .caption .sub-text { font-size: 2em;} .slide .caption .button { font-size: 1.5em;} } @media screen and (max-width:749px) { .slide .caption .slide_buttons a.button { display:block; max-width: 60%; margin: 0.5em auto;} .slide .captioncontainer.middle { bottom:0;} .slide .caption { padding-bottom:20px;} .slide_prev { left: 20px; } .slide_next { right: 20px; } } /* Board and staff */ .board_staffModule { position:relative;} #staff_directory_grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; } #staff_directory_grid .grid_break { width:100%; text-align:center; margin-top: 1em;} #staff_directory_grid .grid_box { display: block; cursor: pointer; position: relative; width: 220px; height: 310px; margin: 10px; padding: 0; box-sizing: border-box; overflow: hidden; color: #fff; text-align: center; } #staff_directory_grid .grid_box img { width: 100%; height: 100%; display: block; position: relative; margin: 0; padding: 0; z-index: 0; } #staff_directory_grid .grid_box .no_image, #profile_popup .profile_overlay .no_image { width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #BBBCBC; font-size: 44px; font-weight: 400; background: #efefef; color: #ddd; position: relative; z-index: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; text-align: center; } #staff_directory_grid .hover { width: 100%; height: 226px; position: absolute; z-index: 1; background: rgba(0,0,0, 0.7); top: 220px; left: 0; right: 0; box-sizing: border-box; margin: 0; padding:0 5px; } #staff_directory_grid .hover .name { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 90px; margin-bottom: 50px; } #staff_directory_grid .hover .name h3, #staff_directory_grid .hover h4 { color: #fff; font-weight: normal; line-height: 1.2em; } #staff_directory_grid .hover .name h3 { font-size: 14px; margin: 0; padding: 0; } #staff_directory_grid .hover .name h4 { font-size: 11px; margin: 0; padding: 0; /*visibility:hidden;*/} #staff_directory_grid .name h3:after { display:block; content: ""; width: 60%; margin: 10px auto; height: 2px; background: #D9C756; } #staff_directory_grid .profile_button { display: block; width: 60%; margin: 0 auto; padding: 5px 0; background: #fff; border: 1px solid #d0d3d3; color: #000; text-decoration: none; } #profile_popup { display: none; width: 100%; height: 100%; background: #fff; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; overflow-y:scroll;} #profile_popup .profile_overlay { display: block; width: 90%; margin: 0 auto; padding: 0; } #profile_popup .profile_overlay .close { cursor: pointer; margin-top:1em; } #profile_popup .profile_overlay .profile_info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 30px 0 0 0; padding: 0; word-wrap:break-word} #profile_popup .profile_overlay .profile_image { display: block; width: 260px; height: 410px; margin: 0 20px 0 0; padding: 0;text-align:center; } #profile_popup .profile_overlay .profile_image img { width: 100%; height: auto; } #profile_popup .profile_overlay .profile_bio { max-width:650px;} /* Special Event component */ #eventBoxes { padding: 15px;} .centerHeader { text-align:center;} #eventBoxes .fa { color:#D9C756;} #eventBoxes .slideTitle { font-size: 2em;} #spc_events_slideshow { position:relative;} #spc_events_slideshow #slideWrapper { width:100%; max-width:1000px; z-index:10; height:100%; position:absolute; top:0; right:0;} #spc_events_slideshow #special_cycle { width:100%; height:100%; } #spc_events_slideshow #specialText { color: rgba(187, 188, 188,0.2); font-size: 5em; line-height:1em; font-family: 'oswald','sans-serif'; position:absolute; left:-.75em; bottom:30%; z-index:2; transform: rotate(-90deg); width:5em; height:1.5em; text-align:center; overflow:hidden;} #spc_events_slideshow #eventText { color: rgba(187, 188, 188,0.2); font-size: 25em; line-height:1em; font-family: 'oswald','sans-serif'; padding-left:0.35em;} #spc_events_slideshow .slideTitle { padding-top: 2.5em; font-size: 2em;} #spc_events_slideshow .slideDate { font-weight:600; font-size: 1.2em;} .featuredeventRegisterButton{display:none;} /* Ticket #226694 Events description caused buttons to disappear. the next line of CSS is to clean that up. Cuts of the description at 2 lines with an ellipsis */ #spc_events_slideshow .slideTime,#spc_events_slideshow .slideInfo { font-size: 1.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #spc_events_slideshow .slideImage { width:100%; height:100%; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; margin:0 1em; } #spc_events_slideshow .flexItem { height:100%; padding: 0 0;} #spc_events_slideshow .event_pager { position:absolute; top: 0; left:0; z-index:100;} .event_pager #pager_title { display:none;} .event_pager #special_prev { color:#D9C756; display:inline-block; margin-right: 0.25em;font-size:3em; } .event_pager #special_next { color:#D9C756; display:inline-block; margin-left: 0.25em; font-size:3em; } /*-- #spc_events_slideshow .slide a.button { visibility: hidden;}--*/ #spc_events_slideshow .slide.cycle-slide-active a.button { visibility: visible;} @media screen and (max-width:749px) { #specialText,#eventText {visibility: hidden;} .event_pager #pager_title { display:inline-block; margin-right: 0.25em; font-size: 2.1em; line-height:3em; font-family:"Oswald", sans-serif; font-weight:400; text-transform:uppercase;} #spc_events_slideshow .slideTitle { padding-top: 3em;} } /* Event color boxes component */ #events_cycle { width:100%; height:100%; min-height:500px; } #events_cycle .flexRow { align-items:stretch; } #events_cycle .flexItem { /*height:100%;*/ position:relative; margin: 0 15px; padding:30px;} #events_cycle .slideDay { position:absolute; right:15px; top: 0; z-index: 0; font-size: 200px; color: rgba(255,255,255, 0.3); font-weight:600; line-height: 1em;} #events_cycle .flexRow .flexItem:nth-child(1) { background-color:#BBBCBC; color:#000000; } #events_cycle .flexRow .flexItem:nth-child(2) { background-color:#D9C756; color:#000000; } #events_cycle .flexRow .flexItem:nth-child(3) { background-color:#000000; color:#ffffff; } #events_cycle .flexRow .flexItem:nth-child(1) .button, #events_cycle .flexRow .flexItem:nth-child(2) .button {background-color:#000000; color:#ffffff;} #events_cycle .black .button {background-color:#BBBCBC; color:#000000;} #events_cycle .slideDate { font-weight: 600; } #events_cycle .slideLink { margin:20% 0 0 0;} .height33 { min-height:33%; position:relative;} /* Grid Boxes */ .blackWhite { -webkit-filter: grayscale(100%); filter: grayscale(100%);} #gridBoxes { padding: 15px;} #gridBoxes .flexItem { padding: 15px;} .gridLink { display:block; width:100%; height:480px; background-repeat:no-repeat; background-size:cover; background-position: 50% 30%; position:relative; overflow:hidden; } .gridCaption { display:block; margin: auto; text-align:center; color:#fff; top: calc(50% - 80px); z-index:100; position:absolute; width:100%;} .hasPhoto .gridCaption { text-shadow: 3px 3px 6px rgba(0,0,0,0.4); } .gridCaptionOne { display:block; text-transform:uppercase; font-size:20px; font-weight:300; font-family:'Oswald','sans-serif';line-height:1.2em;} .gridCaptionTwo { display:block; text-transform:uppercase; font-size:60px; font-weight:600; font-family:'Oswald','sans-serif'; line-height:1em;} .gridCaptionTwo:after { content:''; width:150px; background-color:#ffffff; height:10px; margin:0 auto; text-align:center; display:block; margin-top: 10px; margin-bottom:10px} .hasPhoto .gridCaptionTwo:after { background-color:#D9C756; } .gridCaptionThree {display:block; font-size: 20px;line-height:1.2em; } @media screen and (min-width:960px) and (max-width:1199px) { .gridLink { height:420px;} } @media screen and (min-width:750px) and (max-width:959px) { .gridLink { height:380px;} #gridBoxes .twoThirds, #gridBoxes.oneThird {flex-basis:calc(50% - 30px);} } @media screen and (max-width:749px) { .gridLink { height:360px;} .gridCaptionTwo { font-size:40px;} } /* Featured News */ #featuredNews {} .sideLines { text-align:center; border-bottom:solid 10px #BBBCBC; height:1.5em; margin-bottom:2em;} .sideLines h2 { display:inline-block; background-color:#ffffff; padding: 0 10px; } /* General Styling Tools */ h1.title { padding-top:0.3em; } h2.subtitle { position:relative; padding-top:0; top:-0.9em; margin-bottom:0.5em; } /* Market Data */ .marketData .flexRow { display:flex !important; border-bottom:thin solid #BBBCBC; align-items: stretch} .marketData .flexItem {flex-direction: column; flex: 1 0 auto; min-height: 1.5em; margin: 0 0 !important;} .marketData .columnBreak { border-left:thin solid #BBBCBC; text-align:right; } .marketData .columnHeading { font-weight: 600;} .dateMenu { margin: 1em 0; padding: 0.5em 0; border-top: 1px solid #BBBCBC; border-bottom: 1px solid #BBBCBC;} .dateMenu a { display:inline-block; padding: 0 0.5em;} #selectView .inactive { opacity: 0.5; } .dataBreak { margin: 1em 0; text-align:center;} #marketDataCounter { color:#ffffff;text-align:center; background-repeat:no-repeat; background-size:cover; padding: 0 0;} #marketDataCounter .darken { height:100%; width:100%; background-color: rgba(0,0,0,0.5);padding: 90px 0;} #marketDataCounter h2.centerHeader { margin-top:0; padding-top:0;} #marketDataCounter .centerDescription { font-size: 1.2em; padding-bottom: 1.5em;} #marketDataCounter .counterFigure { font-size: 4em; font-weight:600; font-family: 'Oswald','sans-serif';} #marketDataCounter .lastYear { color:#BBBCBC; font-family: 'Oswald','sans-serif'; text-transform:uppercase;} #marketDataCounter .labelCount { font-size: 1.5em; color:#BBBCBC; font-family: 'Oswald','sans-serif'; font-weight:600;} #marketDataCounter .callToAction { margin-top: 3em; } #marketDataCounter .progressBar {width:100%; background-color:#fff; margin: 1em 0; height: 0.5em;} #marketDataCounter .progressStatus { width:10%; height:0.5em; background-color:#BBBCBC; display:block; transition: width 3s;} #marketDataCounter .progressStatus.gold { background-color:#D9C756; } #marketDataCounter .legend { font-size: 0.8em;} /* General */ hr { border: 0; height:1px; background:#e2e2e2; margin:15px 0; } .smalltxt { font-size:0.9em;} .editorContent { } .editorContent p, .editorContent ol, .editorContent ul, #tinymce p, #tinymce ol, #tinymce ul { line-height:1.8em; } .editorContent img { max-width:100% !important; height:auto !important; } #tinymce { margin:0; line-height:1.8em; } .alignLeft { float:left; margin: 0 15px 15px 0; } .alignRight { float:right; margin: 0 0 15px 15px; } .collapsibleHeader { padding:10px; background:#eee; cursor:pointer; text-align:left; } .collapsibleHeader span.fa { margin-right:16px; } .collapsibleContent { margin:15px 0; padding:0 15px; display:none; overflow:hidden; } .clear { clear:both; } section {position:relative;} section>div { position:relative; overflow:hidden; padding:90px 0; } section>div#interiorHeaderBanner { position:relative; overflow:hidden; padding:0 0; } section .wrapper { z-index:10; box-sizing:border-box; padding: 60px 0; max-width: 1640px; width: 96%;margin:0 auto;} #content section.component .wrapper { padding: 0 0; margin:0 auto; } .flexRow { display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; } .flexRow.flexTop { align-items:flex-start; } .flexRow.flexBottom { align-items:flex-end; } .flexRow.reverse { flex-direction:row-reverse; } .flexItem { flex:1 1 100%; box-sizing:border-box; padding:0 15px;} .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; } .flexItem img { max-width:100% ; height:auto ; } @media screen and (max-width:749px) { section .wrapper { padding: 30px 0; } } /* Header tags with inline filters */ .flexRow.headingWithFilter { flex-wrap:wrap; justify-content:space-between; 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 { margin:0; 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) { .unfloat { display:block; width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0; float:none !important; clear:both; } .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; } table.responsive, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { display:block; } table.responsive thead { display:none; } table.responsive tr { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } } /* -- Header Styles -- */ #header { position:relative; z-index:99; min-height:115px; background:#fff; box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.7);} #header.invisible { background:transparent; box-shadow:none; position:absolute; width:100%;} nav.mainMenu>ul>li a { color:#000000; } #header nav.mainMenu>ul>li ul a { color:#000000; } #header.invisible nav.mainMenu>ul>li>a { color:#ffffff; } #header.invisible nav.mainMenu>ul>li ul a { color:#000000; } #header .wrapper { height:100%; } #logo { height:90px; display:block; width:200px; background:url('graphics/design/logo.png') 0 0 no-repeat; background-size:contain; } #logo span { display:none;} .invisible #logo { background:url('graphics/design/GNR_LogoWhitel.png') 0 0 no-repeat; background-size:contain; } #topMenu { } #topMenu a { } #mainMenu { min-height:60px; } #siteSearch { height:0; width:0; overflow:hidden;position:absolute;top:0; right:0; z-index:1000;} #siteSearch #search_box_form { padding: 1em 0;} #siteSearch #searchBoxInput { background:#ffffff; color:#000000; } #siteSearch #searchButton { font-size: 1.2em; } #siteSearch.fadeIn { width:100%; max-width:480px; height:5em; background-color: rgba(0,0,0,0.7); color:#fff;} #siteSearch .close { position:absolute; top:5px; right:5px; color:#ffffff; cursor:pointer;} #socialMenu { text-align:right; } #socialMenu .socialTitle { display:none;} #quickLinks { margin:10px 0; height:30px; color:#000000; width:440px; max-width:100%; margin-left: auto; align-content:flex-end;font-size: 0.9em;} .quicklinks_menu>li.item1, .quicklinks_menu>li.item2 { border-right: 1px solid #000; padding-left: 0.5em;} .invisible #quickLinks a { color:#ffffff; } .invisible .quicklinks_menu>li.item1 ,.invisible .quicklinks_menu>li.item2 { border-right: 1px solid #fff; padding-right: 0.5em;} #quickLinks>ul { display:flex; margin:0; padding:0; list-style:none; text-align:right; list-style:none;} #quickLinks li { list-style:none; } #quickLinks>ul>li>a { margin-left:1em; } /*#quickLinks>ul>li>a.last { margin-left:0; }*/ #quickLinks>ul>li { position:relative; z-index:999 !important; } #quickLinks>ul>li>ul { display:none; max-height:0; transition: opacity 2s ease 0s; opacity:0;} #quickLinks>ul>li>ul a { line-height:1.5em; } .invisible #quickLinks>ul>li>ul a { color:#000;} #quickLinks>ul>li:hover ul { display:block; position:absolute; top:100%; left:0; background:#BBBCBC; z-index:9999; border:thin solid #ffffff; text-align:left; padding: 0.5em 1em; width: 12em; max-height:100em; transition: opacity 2s ease 0s; opacity:1;} #quickLinks a {color:#000000; } .invisible #quickLinks { color:#ffffff; } #quickLinks .fa-search a { display:none;} #quickLinks>ul>li { z-index: 1; display: flex; align-items: space-around; flex-grow: 1; } #quickLinks .fa-search i { display:none;} #mobileMenu { display:none; width: 0px; opacity:0; overflow: hidden; overflow-y: visible; z-index: 1900;position: fixed; top: 100px; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.7); transition: opacity 0.3s ease 0s; } #mobileMenu.active {opacity: 1; width: 100%; transition: opacity 0.3s ease .0001s, width 0s linear 0s; } #mainMenuToggle { display:none; cursor: pointer; position: absolute; right:0px; top: 30%; transform: translateY(-50%); vertical-align: middle; z-index:9999;} #mainMenuToggle span.fa { font-size: 25px; position: relative; left: -3px; width: 25px; text-align:center; transition: transform 0.3s linear 0s; } @media screen and (min-width:960px) and (max-width:1199px) { #logo { width:150px; } #header .wrapper { max-width: calc( 100% - 60px); } #events_cycle { min-height: 400px;} } @media screen and (min-width:750px) and (max-width:959px) { #logo { width:100px; } #header .wrapper { max-width: calc( 100% - 30px); } #events_cycle { min-height: 320px;} } @media screen and (max-width:749px) { #mainMenu, #quickLinks { display:none !important; } #mobileMenu, #mainMenuToggle { display:block; } #header { height: 90px; } #logo { width:100px; height:100px; } #events_cycle { min-height: 300px;} #header .wrapper { max-width: calc( 100% - 30px); } #slideshow { height: 100vw;} } /* Home Page ------------------------------ */ #alerts { background-color:#D9C756; height: 60px; padding: 0;} /*#alerts .pageContainer {padding: 8px 0;}*/ #alertsClose { position:absolute; right:0; margin-top:5px; } #alerts .alert { display:block; margin-right:35px; padding: 2px 0 2px 35px; background: no-repeat left 5px url('graphics/design/bell.png'); } #alerts marquee {width: 100%; display:block;} #alerts p {color:#fff;} #alerts a {color: inherit;} #homepageSlideshow { position:relative; height:675px; background:#1a2732; } #homepageSlideshow .wrapper { height:100%; } #slidesCycle { position:relative; width:100% !important; height:100% !important; } .slide { position:absolute; left:0; top:0; width:100% !important; height:100% !important; background-repeat:no-repeat; background-position:center; background-size:cover; } .slide .slideOverlay { position:absolute; top:0; left:0; right:0; bottom:0; background-color:transparent; } .slide .flexRow { margin:0; position:relative; height:100%; } .slide .caption.flexItem { padding:95px 0 100px; } .slide .captionBg { background:rgba(37, 55, 70, 0.6); width:94%; max-width:640px; margin:0 auto; text-align:center; vertical-align:middle; padding: 20px 25px 40px; box-sizing:border-box; } .slide h1 { color:#fff; font-size:4.8rem; line-height:1.3em; font-weight:700; margin:0 auto; line-height:1.38em; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .slide h2 { color:#fff; padding:0; margin:0; font-weight:normal; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .slide .slideButtons { font-size:5.6rem; line-height:56px; padding: 10px 0 0; } .slide a.button { margin:0 auto; display:inline-block; } #slidePrev, #slideNext { display:none; background:rgba(0,0,0,0.6); cursor:pointer; position:absolute; z-index:200; top:50%; margin-top:-20px; line-height:40px; height:40px; width:40px; color:#fff; font-size:2.6rem; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; } #homepageSlideshow:hover #slidePrev, #homepageSlideshow:hover #slideNext { display:block; } #slidePrev { left:10px; } #slideNext { right:10px; } @media screen and (min-width:750px) and (max-width:1024px) { #homepageSlideshow { height:480px; } } @media screen and (max-width:749px) { #homepageSlideshow { height:300px; padding:0; } #homepageSlideshow .wrapper { width:100%; } .slide .caption.flexItem { position:absolute; width:auto; padding:0; top:8px; right:8px; left:8px; bottom:8px; } .slide .captionBg { width:100%; height:100%; max-width:none; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; } .slide h1 { font-size:30px; } .slide h2 { margin-bottom:8px; } .slide a.morebutton { display:block; max-width:150px; margin:0 auto 11px; } } #nextEvent { background:#394a59; padding:13px 0; } #nextEvent .wrapper { } #homeWelcome { position:relative; padding:50px 0 75px; z-index:20; position:relative; background:#fff; } #homeWelcome .wrapper { } #homeWelcome h1 { text-align:center; } #homeWelcome p { text-align:center; font-size:1.8rem; line-height:1.4em; } #homeWelcome::after { content:''; position:absolute; bottom:-50px; left:50%; margin-left:-60px; height:0; width:0; border-top: 60px solid #fff; border-left:60px solid transparent; border-right: 60px solid transparent; } @media screen and (max-width:749px) { #homeWelcome, #homeEvents { padding:8px 0 15px; } #homeWelcome::after { bottom:-16px; margin-left:-18px; border-top: 18px solid #fff; border-left: 18px solid transparent; border-right: 18px solid transparent; } } #homeEvents { padding:30px 0 10px; } #homeEvents h1 { text-align:center; } #homeEvents p { text-align:center; font-size:1.8rem; line-height:1.4em; width:100%; max-width:100%; } #homeClasses { background:#394a59; padding: 30px 0; color:#fff; } #homeClasses .flexRow.headingWithFilter { margin-bottom:20px; } #homeClasses h2 { color:#fff; } #homeClasses .listerItem { border: 0; } #homeClasses .listerItem .title { font-size:1.8rem; } #homeClasses .listerItem .date { font-size:1.5rem; padding-bottom:12px; } #homeClasses .listerItem .blurb { font-size:1.5rem; } #minicalTest { padding:30px 0; background:#E8ECF0; } #minical { background:#fff; color:#333; margin:10px; } #sponsors1 { text-align:center; padding:25px 0; } #sponsors2 { text-align:center; padding:35px 0 50px; background:#E8ECF0; } #sponsorsCycle { display:block; height:130px !important; width:100% !important; } .sponsorSlide { position:absolute; width:100% !important; height:100% !important; left:0; top:0; } .sponsorSlideLink { position:relative; height:100%; display:block; float:left; width:18.4%; margin-left:2%; background-position:center; background-repeat:no-repeat; background-size:contain; } .sponsorSlideLink:first-child { margin-left:0; } #sponsor_slides, .sponsor_slide { width:100%; min-height:120px; margin-top: 1em;} #sponsor_slides .flexRow { align-items: center; justify-content: center; align-content:center; } .sponsor_slide_link { display:inline-block; margin:auto; width:100%; text-align:center;} .sponsor_slide_link img { } /* Interior Styles ------------------------------- */ #interiorContent { padding: 0 0 35px;} #interiorContent>.wrapper { background:#fff; } #interiorContent>.wrapper>.flexRow, .flexRow.submenu { /*margin:0 50px;*/ align-items:flex-start; } #content.flexItem, .flexRow.submenu .flexItem { flex:1 1 20px; padding:20px 0 70px; } #sidebar.flexItem { flex:0 0 275px; padding:30px 0 50px; margin-left:90px; } /*.submenu #sidebar.flexItem { padding:0 0 50px;}*/ #interiorHeaderBanner { /*margin: 35px 0 0;*/ } #interiorHeaderBanner .wrapper { } #interiorHeaderBanner span { display:block; } #interiorHeaderBanner a { display:block; } #interiorHeaderBanner img { display:block; width:100% !important; height:auto !important; } #subMenu { margin-bottom:30px; } #subMenu ul { margin:0; list-style-type:none; padding:0 0; background:#BBBCBC; } #subMenu>ul { margin:0; padding:5px 0; } #subMenu ul li { margin:0; padding:0 0.7em; list-style-type:none; margin-bottom:3px; position:relative;} #subMenu ul li.noSubDisplay ul { display:none; } #subMenu ul a { display:block; line-height:18px; margin-left: 8px;padding:10px 12px 10px; color:#000000; font-size:1.6rem; font-weight:400; } #subMenu ul ul { } #subMenu ul ul { /*display:none;*/ margin:2px 0; } #subMenu ul ul.active { display:block; } #subMenu ul ul li { padding-left:15px; } #subMenu ul ul ul li { padding-left:30px; } #subMenu ul a:hover, #subMenu ul li.menuItemHighlight>a, #subMenu a.current { background:#000000; color:#fff; } #subMenu ul li.menuItemHighlight > a, #subMenu a.current { font-weight:600; } #subMenuTitle { line-height:48px; background:#394a59; margin:0; padding:0 22px 0; color:#fff; font-weight:400; font-size:1.8rem; } #subMenuTitle a { color:#fff; } #subMenu ul li.menuItemHighlight>ul,#subMenu ul li.menuItemHighlight>ul>li { display:block; } #subMenu li.collapsed:after { content:'+'; position:absolute; top:0.25em; left:0.3em; font-weight:bold;} #subMenu li.collapsed ul { display:none; } #subMenu li.expanded:after { content:'-'; position:absolute; top:0.25em; left:0.3em; font-weight:bold;} #subMenu li.expanded ul { display:block; } #sideBanners { } #sideBanners span { display:block; margin:0 0 30px; } #sideBanners span a { display:block; } #sideBanners span img { display:block; width:100% !important; height:auto !important; } #content .tagCloud { display:none; } @media screen and (min-width:750px) and (max-width:959px) { #interiorContent>.wrapper>.flexRow { margin:0 22px; } #sidebar.flexItem { flex:0 0 225px; margin-left:22px; } #subMenu ul a { font-size:1.3rem; } } @media screen and (max-width:749px) { #interiorHeaderBanner { margin:0; } #interiorHeaderBanner .wrapper { width:100%; } #interiorContent>.wrapper>.flexRow { margin: 0 20px; } #content.flexItem { padding: 20px 0 20px; min-height:20px; } #sidebar.flexItem { padding: 20px 0 20px; margin-left:0; } } /* Footer ------------------------------- */ #siteMap { padding:50px 0; background:#253746; } #siteMap>div>ul::after { content:" "; display:block; clear:both; } #siteMap ul, #siteMap li { padding:0; margin:0; display:block; list-style-type:none; } #siteMap a { color:#fff; display:block; } #siteMap a:hover { color:#D9C756; } #siteMap>div>ul>li { width:16.8%; margin-left:4%; float:left; font-size:1.8rem; font-weight:500; } #siteMap>div>ul>li:first-child { margin-left:0; } #siteMap>div>ul>li>a { margin:0 auto; width:100%; padding-bottom:18px; } #siteMap>div>ul>li>ul { margin:0 auto; width:100%; } #siteMap ul ul li { padding:2px 8px; } #siteMap ul ul li a { font-size:1.5rem; } #siteMap ul ul ul li { padding-left:15px; } #mobileSitemap { display:none; background:#1a2732; } #sitemapToggle { display:none; } #sitemapToggle, #sitemapToggle2 { cursor:pointer; background:#16212A; border-bottom: 1px solid #1a2732; text-align:left; height:40px; line-height:40px; font-size:2.0rem; font-weight:700; padding:0 12px; text-transform:uppercase; color:#fff; } #sitemapToggle span.fa-bars, #sitemapToggle2 span.f-bars { font-size:2.5rem; position:relative; left:-3px; top:2px; } @media screen and (min-width:750px) and (max-width:1024px) { #siteMap>div>ul>li { width:19%; margin-left:1.25%; } #siteMap>div>ul>li { font-size:15px; } #siteMap ul ul li a { font-size:12px; } } @media screen and (max-width:749px) { #siteMap { display:none !important; } #sitemapToggle { display:block; } } #connect { font-size:3em; color:#000; font-family: 'Oswald','sans-serif'; text-transform:uppercase; background:#BBBCBC; padding: 0 0;} #connect a { color:#000; } #footer { background:#000000; color:#fff; padding:90px 0; } #footer a { color:#fff; } #footerContact { text-align:right;} #footerLogo img { max-width:425px; width:100%; height:auto;} #footerMap { height:100%;} #footerMap p { height:100%; margin:0 0; padding: 0 0;} #footerMap iframe { max-width:650px; width:100%; max-height:450px; height:100%;} #footerCopyright { font-size: 0.8em; font-weight: 400; max-width:1250px; margin: 0 auto; background: transparent url('graphics/design/realtor-logo-png-7-transparent.png') 0 0 no-repeat; background-size:42px 49px; padding-left:60px;} #footer a#credits { display:block; margin-top:10px; } a.facebook:hover { color:#3b5998 !important; transition:all 0.3s ease; } a.twitter:hover { color:#00aced !important; transition:all 0.3s ease; } a.linkedin:hover { color:#007bb5 !important; transition:all 0.3s ease; } a.instagram:hover { color:#125688 !important; transition:all 0.3s ease; } a.pinterest:hover { color:#cb2027 !important; transition:all 0.3s ease; } a.google:hover { color:#dd4b39 !important; transition:all 0.3s ease; } a.youtube:hover { color:#ed1c24 !important; transition:all 0.3s ease; } #mobileBottom { display:none; text-align:center; position:fixed; bottom:0; left:0; width:100%; height:0; z-index:9999; } #backToTop { 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; } #backToTop.scrolled { bottom:0; } @media screen and (min-width:20px) and (max-width:1139px) { #footer { font-size:13px; } } @media screen and (max-width:959px) { #footer p { display:block; line-height:1.25em; height:auto; margin:0 5px; padding-left:0; border-left:0; } } @media screen and (max-width:749px) { #mobileBottom { display:block; } } /*** Flexisel ***/ .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0; padding:0; list-style-type:none; text-align:center; } .nbs-flexisel-inner { position:relative; overflow:hidden; width:100%; padding:0 70px; box-sizing:border-box; } .nbs-flexisel-item { float:left; margin:0; padding:0; position:relative; line-height:0; height:215px; } .nbs-flexisel-item span { display:block; position:absolute; top:50%; left:18px; right:18px; transform:translateY(-50%); } .nbs-flexisel-item span a { display:block; } .nbs-flexisel-item img { width:100% !important; max-width:100%; height:auto !important; margin: 0 auto; cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; } .nbs-flexisel-nav-left,.nbs-flexisel-nav-right { display:block; padding:0; position:absolute; cursor:pointer; z-index:4; top:0; bottom:0; line-height:258px; font-size:4.2rem; width:70px; text-align:center; background:#fff; color:#0669ac; font-family:'FontAwesome'; } .nbs-flexisel-nav-left { left:0; } .nbs-flexisel-nav-left:before { content:'\f100'; } .nbs-flexisel-nav-left.disabled { opacity:0.4; } .nbs-flexisel-nav-right { right:0; } .nbs-flexisel-nav-right:before { content:'\f101'; } .nbs-flexisel-nav-right.disabled { opacity:0.4; } #nospamResponse { display:none; } .simpleAntiSpam>div { margin:6px auto !important; } .simpleAntiSpamp>span { display:block; float:none !important; margin: 5px auto !important; padding:0 !important; } #form .formtextRequired, #form .formtext { line-height:28px; } #form table { width:100%; } /* ----------------- Menus ----------------- */ /* +++ Main Menu +++ */ #mainMenu { z-index:100; display:flex; font-family: 'Oswald','sans-serif'; font-weight:400; font-size: 0.8em;} .mainMenu, .mainMenu ul { margin:0; padding:0; list-style:none; } .mainMenu { display:flex; width:100%; align-content:flex-end;} ul.mainMenu>li { text-transform:uppercase; font-weight:600; text-align:center;} ul.mainMenu>li>ul { text-transform: none; font-weight:normal; text-align:left;} ul.mainMenu>li>ul a { color:#ffffff; } ul.mainMenu>li>ul>li.menuHeading {text-transform:uppercase; font-weight:600;} ul.mainMenu>li>ul>li.menuHeading ul { text-transform: none; font-weight:normal;} .mainMenu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .mainMenu a { display:block; padding:1em 1em 0.5em 1em; margin: 0 0 0.5em 0; border-bottom: 0.25em solid transparent;;} .mainMenu a:hover , .mainMenu>li:hover>a , .mainMenu>li.alsoCurrent>a , .mainMenu a.current { /*border-bottom: 0.25em solid #FBB766; transition: border-color 0.7s;*/} /* top level */ .mainMenu>li { z-index:1; display:flex; align-items:flex-end; flex-grow:1; } .mainMenu>li>a { margin-left: auto; background-color:transparent; transition: background-color 0.3s; } .mainMenu>li>ul a { margin-left: auto; margin-right:auto; background-color:transparent; transition: background-color 0.3s; } .mainMenu>li:hover { z-index:2; } /* dropdowns */ .mainMenu>li>ul { position:absolute; max-height:0; overflow:hidden; top:100%; left:0; right:0; z-index:3; background-color:rgba(187, 188, 188,0.9); background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0) 10%); color:#000; /*transition: max-height .1s; transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); */} .mainMenu>li:hover>ul { display:flex; flex-wrap:wrap; justify-content:center; max-height:100em; transition: max-height 1s; transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.7);} .mainMenu>li>ul>li { margin:1em; } .mainMenu ul a { padding: 5px 10px; } .mainMenu ul ul { } .mainMenu .hasSubmenu .hasSubmenu>ul { font-weight:400;} .mainMenu .hasSubmenu .hasSubmenu>ul li { padding:0.5em 0;} .mainMenu .isImage img { width:100%; max-width:220px; height:auto;} @media screen and (min-width:1025px) and (max-width:1139px) { nav.mainMenu>ul>li>a { padding:0 16px; font-size:1em;} } @media screen and (min-width:750px) and (max-width:1024px) { nav.mainMenu>ul>li>a { padding:0 12px; font-size:1em; } } @media screen and (min-width:750px) and (max-width:959pp) { nav.mainMenu>ul>li>a { padding:0 10px; font-size:1em; } } /* +++ Mobile Menu +++ */ nav.mobileMenu {z-index: 99; position: absolute; left:-320px; top:0px; width: 320px; bottom:0px; overflow-y:scroll; -ms-overflow-style: none; border-right: 6px solid #D9C756; border-left: 6px solid #D9C756; background: #000000 ; opacity: 0; transition: opacity .5s ease 0s, left 0.5s ease 0s; padding:0px; margin:0px; } nav.mobileMenu::-webkit-scrollbar { display: none; } .active > nav.mobileMenu { left: 0px; opacity: 1; transition: opacity .4s ease 0s, left 0.3s ease .17s;} nav.mobileMenu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; position: relative; } nav.mobileMenu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; width:100%;} nav.mobileMenu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 50px; width: 50px; background: rgba(255,255,255, 0.12); color: #fff; line-height: 50px; text-align:center;} nav.mobileMenu a { display:block; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 600; color: rgba(255,255,255,0.8);} nav.mobileMenu a.haschildren { margin-right: 50px;} nav.mobileMenu>a { background: #BBBCBC; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #BBBCBC;} nav.mobileMenu li ul { display: none;} nav.mobileMenu img { display: none; } nav.mobileMenu>li.item1,nav.mobileMenu>li.item2,nav.mobileMenu>li.item3 { display:none !important;} /* Level 1 */ nav.mobileMenu>ul { } nav.mobileMenu>ul>li { text-align:left; padding: 0px; border-top: 1px solid rgba(0, 130, 168,0.3); } nav.mobileMenu>ul>li.alt{} nav.mobileMenu>ul>li:first-child {border-top:0px;} nav.mobileMenu>ul>li>a { font-size: 18px; text-transform: uppercase; position: relative; line-height: 34px; padding: 8px 27px; color: #fff;} /* Level 2 and Beyond */ nav.mobileMenu>ul>li ul { background: rgba(0,0,0,0.19); left: 0px; } nav.mobileMenu>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} nav.mobileMenu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(255,255,255, 0.12);} nav.mobileMenu>ul>li ul>li>a.haschildren {margin-right:32px;} nav.mobileMenu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} nav.mobileMenu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} /* Mobile Sitemap */ #mobileSitemap ul { z-index:100; margin:0; padding:0; list-style-type:none; } #mobileSitemap li { display:block; margin:0; padding:0; list-style-type:none; position:relative; } #mobileSitemap li > span.fa { cursor:pointer; position:absolute; right:0; top:0; height:41px; width:45px; background:rgba(255,255,255,0.25); color:#fff; line-height:41px; text-align:center; } #mobileSitemap a { display:block; text-transform:uppercase; color:#fff; font-size:1.7rem; font-weight:700; } #mobileSitemap a.haschildren { margin-right:45px; } #mobileSitemap>a { background:#bcbdc0; padding: 10px 15px; line-height:21px; font-size:1.7rem; border-bottom: 1px solid #1a2732; } #mobileSitemap li ul { display:none; } #mobileSitemap img { display:none; } /* Level 1 */ #mobileSitemap>ul { border-top: 1px solid #1a2732; } #mobileSitemap>ul.mainMenu { border-top:0; } #mobileSitemap>ul>li { } #mobileSitemap>ul>li>a { padding: 10px 15px; line-height:21px; font-size:1.7rem; border-bottom: 1px solid #1a2732; } /* Level 2 and Beyond */ #mobileSitemap>ul>li ul { background:rgba(0,0,0,0.12); left:0; } #mobileSitemap>ul>li ul ul { background:rgba(0,0,0,0.12); left:0; } #mobileSitemap>ul>li ul ul ul { background:rgba(0,0,0,0.12); left:0; } #mobileSitemap>ul>li ul>li>span.fa { height:32px; line-height:32px; width:32px; background:rgba(255,255,255, 0.12); } #mobileSitemap>ul>li ul>li>a { font-size:1.4rem; padding: 8px 25px; line-height:16px; border-bottom: 1px solid rgba(0,0,0,0.2); } #mobileSitemap>ul>li ul>li>a.haschildren { margin-right:32px; } #mobileSitemap>ul>li ul ul>li>a { font-size:1.4rem; padding: 8px 35px; line-height:16px; } #mobileSitemap>ul>li ul ul ul>li>a { font-size:1.4rem; padding: 8px 45px; line-height:16px; } /* ---------------General Module Styles--------------- */ .moduleDetail { } .moduleLister { } div.listerItem { clear:both; margin: 1em 0 1.5em; 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:600; margin-right:10px; } .title { } .description { } .blurb { padding-top:10px; } .thumbnail { } .info { } .author { } .date { } .time { } .imageLink { float:left; } .tags { } .tag_cloud_box { padding-bottom: 2em;} .tags a { background:#f2f2f2; font-size:1.3rem; color:#676767; display:inline-block; padding:3px 6px; margin:0 1px; } .utilityLinks { margin-top:25px; } .comments { margin-top:12px; } .comment { padding:10px; background:#f4f4f4; margin-bottom:15px; border: 1px solid #BBBCBC; } .comment .info { color:#333; font-weight:600; margin-bottom:10px; } .listerItem .flexRow { align-items:flex-start; } .listerItem .flexItem.thumbnail { flex:0 0 230px; } .listerItem .thumbnail img { width:100%; height:auto; } .listerItem .listerContent.flexItem { flex: 1 1 20px; } .errorMessage { font-weight:600; color:#f00; } .tagCloud { margin-bottom:30px; } .tagCloudBox { border: 2px solid #ddd; padding:12px; } .tagCloud a { background:#f2f2f2; font-size:1.3rem; color:#676767; display:inline-block; padding: 3px 6px; margin: 2px 1px; } .archive { margin-bottom:30px; } .archive .year { line-height:48px; margin:0; padding:0 22px 0; background:#D9C756; color:#fff; font-weight:400; font-size:1.8rem; } .archive .year a { color:#fff; } .archive .monthContainer { background:#73830D; padding:5px 10px; } .archive .month a { display:block; line-height:18px; padding: 10px 12px 10px; color:#fff; font-size:1.6rem; font-weight:400; color:#fff; } .archive .month:hover { background:rgba(255,255,255,0.6); } .archive:first-child h2 { padding-top:0; } /* Pagination */ /* the page numbers .paginationText {display:none;}*/ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; color:#434343;} .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination .prevnextLink {background-color: #f2f2f2;border: solid 1px #fff;margin:0;padding: 0.4em 0.7em;font-size: 1em;margin-right:2px;display:inline-block;} .pagination .prevnextWindow:hover, .pagination .prevnextLink:hover, .pagination .prevnextWindowArrow:hover {border: solid 1px #253746;/*site color*/ color:#434343;} .pagination .prevnextCurrent {background: #253746;/*site color*/color:#ffffff;border:1px solid #253746;/*site color*/font-weight:600;} .pagination .prevnextLink, .pagination .prevnextWindowArrow {} /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* Comments */ #addCommentSection textarea { height:200px; } #addCommentSection .g-recaptcha { margin-top:10px; } /* ModuleBegin::photo */ /* Photo Lister */ .photoModule.moduleLister { } .albumBox { border: 1px solid #ddd; padding:12px; box-sizing:border-box; position:relative; height:100%; } .albumBox .albumImage { display:block; width:100%; height:0; padding-bottom:86%; background-color:#BBBCBC; background-position:center; background-repeat:no-repeat; background-size:cover; } .albumBox h5 { margin-bottom:8px; } /* Thumbnails */ .photoModule.thumbLister .flexItem { margin-bottom:30px; } .thumbnailItem { display:block; height:0; padding-bottom:86%; background-color:#BBBCBC; background-position:center; background-repeat:no-repeat; background-size:cover; border: 4px solid #fff; box-shadow: 0 0 5px -2px rgba(0,0,0,0.54); } .thumbnailItem:hover { border-color:#D9C756; transition: border-color 0.1s ease; } /* Slideshow */ .photoModuleSlideshow { } .photoModuleSlideshow img { display:block; width:auto; height:auto; max-width:100%; } /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail { } .newsModule.moduleLister { } .newsModule .copyright { padding:1em 0em; text-align:center; font-size:1.2rem; } .newsModule .blurb { } .newsModule .thumbnail { } /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display:block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ .blogModule { } .blogModule .info { } .blogModule .author { } .blogModule .date { } .blogModule .tags { } /* ---- Blog Lister ----- */ .blogModule.moduleLister { } .blogModule.moduleLister h2 { } .blogModule .listerItem { } .blogModule .blurb { padding: 8px 0; } /* ---- Blog Detail ------- */ .blogModule.moduleDetail { } .blogModule.moduleDetail h1 { margin-bottom:5px; } .blogModule.moduleDetail .fullText { padding: 32px 0 16px; } .blogModule.moduleDetail .fullText>img:first-child+p { margin-top:0; } /* ---- Blog Archives ------ */ /* 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 { padding: 1em 0;} .eventsModule .name { } .eventsModule .phone { } .eventsModule .email { } .eventsModule .rsvp { } .eventsModule .ticketsWrapper { } .eventsModule .ticket { } .eventsModule .description { } .eventsModule .utilityLinks { } .eventsModule.moduleDetail .thumbnail { width:300px; float:right; margin-left:20px; } /* ---- Events Small Calendar ---- */ a.dayItem { display:block; border-radius: 3px; background-color:#BBBCBC; margin: 3px 0; color:#000; font-weight:normal; font-size: 0.9em; padding: 5px;} p a.dayItem { display:inline-block;} a.dayItem.multi { background-color:#D9C756; } .cal { text-align:center; position:relative; background:transparent; } .calTop { border-top:1px solid #000; height:38px; line-height:38px; background:#000; } .calTop a { color:#fff; } a.calPrev, a.calNext { display:block; position:absolute; top:0; width:42px; font-size:1.7rem; text-align:center; line-height:41px; height:38px; } .calPrev:hover, .calNext:hover { background:rgba(255,255,255,0.3); } .calPrev { left:0; border-right: 1px solid #0a6127; } .calNext { right:0; border-left: 1px solid #0a6127; } .calMonth { position:absolute; top:0; left:43px; right:43px; text-align:center; font-size:1.8rem; text-transform:uppercase; font-weight:600; } .calGrid { background:#fff; clear:both; width:100%; text-align:center; margin-left:auto; margin-right:auto; border-collapse:collapse; } .calGrid td { position:relative; color:#2e2e2e; font-weight:600; width:14.2857%; font-size:1.5rem; height:41px; padding:0; vertical-align:middle; text-align:center; } .calGrid tr.calWeek { text-align:center; } .calGrid tr.calWeek td { font-weight:normal; color:#fff; font-size:1.2rem; height:33px; border-left:0; border-top:0; background:#BBBCBC; } /* Small Calendar Only */ .cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad; } .cal.smallCalendar .calGrid tr.calWeek td { border-left:0; border-top:0; } .cal.smallCalendar .calGrid td:first-child { border-left:0; } .cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0; } .cal.smallCalendar .calGrid td .glanceInner { display:none; position:absolute; transition: all 0.3s; opacity:0; position:absolute; bottom:20px; left:50%; margin-left:-60px; width:106px; background:#4cc05c; color:#fff; padding:5px 7px; font-size:1.1rem; line-height:17px; text-transform:uppercase; } .cal.smallCalendar .calGrid td.hovered .glanceInner, .calGrid td.active .glanceInner { opacity:1; bottom:38px; z-index:25; } .cal.smallCalendar .calGrid td .glanceInner a { color:#fff; } .cal.smallCalendar .calGrid td .glanceInner a:hover { text-decoration:underline; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle { position:absolute; top:100%; border-bottom: 6px solid transparent; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.right { left:50%; border-left: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.left { right:50%; border-right: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td.today { color:#177a38; } .cal.smallCalendar .calGrid td.activeday { cursor:pointer; } .cal.smallCalendar .calGrid td span.indicator { display:block; position:absolute; right:0; bottom:0; width:0; height:0; border-right: 12px solid #BBBCBC; border-top: 12px solid transparent; } /* Large Calendar Only */ .cal.largeCalendar .calGrid td { padding:7px; vertical-align:top; text-align:left; height:100px; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; } .cal.largeCalendar .calGrid tr.calWeek td { border-right:0; border-bottom:0; text-align:center; height:auto; } .cal.largeCalendar .calGrid td .glanceInner { display:block; padding-top:7px; font-size:1.3rem; } .cal.largeCalendar .calGrid td:first-child { border-left: 1px solid #adadad; } .glanceInner a { margin-bottom:10px; display:block; } .calBottom { text-align:left; } .calMonthGlance { padding:5px 0 3px 0; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail { margin-top:7px; padding-bottom:30px; width:100%; } #calendarDetail table { width:100%; table-layout:fixed; text-align:center; } #calendarDetail .calendarMonths { vertical-align:middle; padding-top:3px; padding-left:12px; width:100%; } #calendarDetail a { text-decoration:none; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .calendarMonths a { display:block; font-weight:600; font-size:1.2rem; padding:5px 0 5px 0; } #calendarDetail .calendarMonths a:hover { color:#000; } #calendarDetail .calendarDays { table-layout:fixed; background:#fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom: 1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-weight:600; color:#fff; padding: 10px 0 10px 0; background:#333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background:#333; color:#fff; } #calendarDetail .title a { font-size:1.2rem; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a { font-size:1.2rem; color:#fff; } #calendarDetail .calendarDays td { font-size:1.2rem; line-height:1.1em; } #calendarDetail .calendarDays .weekdays { height:30px; line-height:30px; background-color:#E8E8E8; } #calendarDetail .calendarDays .emptyDay { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,0,0,0.02); } #calendarDetail .calendarDays .eventToday { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,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 ----- */ form[name="eventTicketSelect"] { width:100%; display:block; margin-bottom:20px; } form[name="eventTicketSelect"] table { border: 1px solid #D9C756; border-collapse:collapse; border-spacing:0; margin-bottom:20px; } form[name="eventTicketSelect"] table td { border: 1px solid #D9C756; padding:4px 6px; } form[name="eventTicketSelect"] table thead td { background:#D9C756; color:#fff; font-weight:600; padding:10px 6px; } .eventTicketTypeTitle { margin:20px auto; white-space:nowrap; border-top:1px solid #BBBCBC; border-bottom: 1px solid #BBBCBC; width:100%; text-align:center; padding:10px 0; } .ticketTypeSummary td { padding:5px 10px; } .ticketTypeSummary .ticketPriceTotal { text-align:right; font-size:2.0rem; font-weight:600; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #BBBCBC; } .ticketQuantity, td.ticketTotal { text-align:center; } .repeatSection { } .eventTicketTypeTitle { counter-reset:attendee; } .attendeeLabel::after { counter-increment:attendee; content: ' ' counter(attendee); } .odd.repeatSection { } .odd.repeatSection.last { } #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #e5e5e5; background:#f8f8f8; padding:20px; width:275px; } #formLogin h2 { padding-top:0; margin-top:0; } .memberLoginBox { margin:0 auto; } .memberLoginBox td { padding:0; } .memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background:#fff; } .memberLoginBox td input[type="checkbox"] { height:24px; } .membershipModule .search { } .membershipModule .companyInfo { margin:1em 0; } .membershipModule .companyInfo .name { } .membershipModule .companyInfo .jobTitle { } .membershipModule .address { margin:1em 0; } .membershipModule .contactInfo { margin:1em 0; } .membershipModule .contactInfo .phone { } .membershipModule .contactInfo .email { } .membershipModule .contactInfo .website { } .membershipModule .thumbnail { float:left; margin-right:20px; } /* ---- Custom Logins ---- */ .login_minibox { position: fixed; top: 270px; right:0px; width: 210px; z-index: 3000;} .lmb_close { cursor: pointer; position: absolute; left:-9px; top: -7px; width: 26px; line-height: 26px; text-align:center; border-radius: 100% 100%; background: #2b2b2b; color: #fff;} .lmb_close span { display:block; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 200; transform: scale(1.2, 1);} h5.lmb_header { background: #D9C756; text-align:center; padding: 0px; margin: 0px; line-height: 42px; height: 42px; text-transform: uppercase; text-align:center; overflow: hidden; color: #fff; } .lmb_text { background: rgba(255,255,255,0.85); padding: 13px 18px; font-size: 14px; color: #2b2b2b; } .lmb_text a { color: #2b2b2b;} .lmb_text a:hover { color: #1877c2} .lmb_form {} .lmb_form form div { background: #fff; padding: 5px 35px;} .lmb_form form div.container { padding: 13px; position: relative; } .lmb_form form div.firstrow {padding-top: 13px;} .lmb_form form div.lastrow {padding-bottom: 13px;} .lmb_form form div input[type="text"], .lmb_form div input[type="password"] { border:0px; background: #fff; box-sizing: border-box; height: 24px; padding: 5px 12px 3px; line-height: 16px; width: 100%; color: #000; font-size: 14px; text-align:center; } .lmb_form form button[type="submit"] { display:block; width: 100%; box-sizing: border-box; cursor: pointer; background: rgba(24,119, 194,0.85); color: #fff; font-size: 18px; margin:0px; padding:0px;font-family: 'Montserrat', sans-serif; font-weight: 200; text-transform: uppercase; line-height: 42px; height: 42px; border:0px; outline:0px; } .lmb_form form button[type="submit"].saving { cursor: default; pointer-events: none; background: rgba(180,185,200,0.85);} .lmb_form span.dashboard_button { text-align: center; display:block; width: 100%; box-sizing: border-box; cursor: pointer; background: #000; color: #fff; font-size: 18px; margin:0px; padding:0px;font-family: 'Montserrat', sans-serif; font-weight: 200; text-transform: uppercase; line-height: 42px; height: 42px; border:0px; outline:0px; } .lmb_form span.dashboard_button.saving { cursor: default; pointer-events: none; background: rgba(180,185,200,0.85);} .lmb_form .button { padding: 5px 14px 7px 14px; display: inline-block; border: 0px; font-weight: 500; outline: none; font-size: 13px; cursor: pointer; width: auto; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2); letter-spacing: -0.2px; } .lmb_form .cta_button { text-align: center; margin: 0 auto; padding: 13px; background: none; } .lmb_form .button i { margin: 0 2px 0 -1px; height: 14px; } .lmb_form .button i.halflings { margin: 2px 0px 0 -1px; } .lmb_form .button.medium {padding: 9px 18px; font-size: 14px;} .lmb_form .button.gray {color: #fff;background: #4c4c4c; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.4);} .lmb_form .button.gray:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);} .lmb_form .button.light {color:#fff; background:#aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);} .lmb_form .button.light:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);} .lmb_form .button.color {color:#fff; background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .lmb_form .button.color:hover {color:#fff; background:#aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .lmb_form form div input::-webkit-input-placeholder , .lmb_form form div textarea::-webkit-input-placeholder { color:#000; } .lmb_form form div input:-ms-input-placeholder , .lmb_form form div textarea:-ms-input-placeholder { color:#000;} .lmb_form form div input:-moz-placeholder , .lmb_form form div textarea:-moz-placeholder { color:#000; opacity: 1; } .lmb_form form div input::-moz-placeholder , .lmb_form form div textarea::-moz-placeholder { color:#000; opacity: 1; } /* ----- Membership Lister ----- */ .membershipModule.moduleLister { } /* ---- Membership Detail ----- */ .membershipModule.moduleDetail { } /* ----- My Account ---- */ .membershipModule.myAccount { } .membershipModule.myAccount::after { content: ''; display:block; height:0; clear:both; visibility:hidden; } .membershipModule.myAccount { } .myAccountLinks { margin-top:35px; align-items:stretch; } .myAccountLinks .myAccountBox { border: 1px solid #ddd; 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:1.9rem; 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>table td:first-child, .freedomAdminForm>table td:first-child { padding-top:14px; padding-right:12px; } .myaccountForm>table table, table.freedomTable { width:100%; border: 1px solid #BBBCBC; 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:#BBBCBC; 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:600; } .formButtons { padding-top:15px; } select.filterCombo { width:200px; } .imageBoxContainer { width:100%; background:#eee; padding:3px; line-height:38px; } .imageBoxContainer * { vertical-align:middle !important; text-align:center; } .imageBoxContainer .imageBox { border: 4px solid #fff; background:#f8f8f8; display:inline-block; width:auto; margin:8px; padding:12px; } .myaccountMessage { display:block; padding:18px; border: 2px dashed #777; background:#ddd; color:#000; font-size:1.6rem; line-height:22px; text-align:center; margin-bottom:18px; } .myaccountMessage::before { position:relative; padding-right:6px; font-size:1.8rem; display:inline-block; font-family:'FontAwesome'; } .myaccountMessage.defaultSuccess { background:#ECF6A6; border-color:#D9C756; } .myaccountMessage.defaultSuccess::before { content:'\f046'; color:#D9C756; 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 */ .formFieldWrapper { margin-bottom:15px; } .formFieldWrapper label.formLabel { display:block; font-weight:500; font-size:1.4rem; } label.formLabel.primaryLabel.formAlign_split { margin-bottom:12px; } .formFieldWrapper .flex_item label.formLabel { font-size:1.5rem; font-weight:normal; } .formFieldWrapper .formField { } .formLabel.formAlign_align { } .formField.formAlign_align { } .formLabel.formAlign_split,.formField.formAlign_split { } label.formLabel.formAlign_none, .formField.formAlign_none { display:inline-block; vertical-align:middle; } .formLabel.formAlign_none:not(.checkRadioLabel) { margin-right:30px; } .formLabel.formAlign_none.checkRadioLabel { margin-left:10px; } .formField.formAlign_none input:not([type='radio']):not([type='checkbox']), .formField.formAlign_none textarea, .formField.formAlign_none select { vertical-align:middle; width:250px; max-width:100%; } .formButtonWrapper { text-align:center; } .formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width:auto; } /* 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-prev, .ui-datepicker .ui-datepicker-next { 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 { width:45%; } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align:center; font-weight:600; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:0.2em; text-align:center; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin: 0.5em 0.2em 0.4em; cursor:pointer; padding: 0.2em 0.6em 0.3em 0.6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* ModuleEnd::forms */ /* Vue Manager FRONT-END vue layouts, see vue_manager.css for back-end vue manager styles*/ /* simpleBoxes */ .simpleBoxes { } .simpleBoxes .simpleBox { text-align:center; border: 1px solid #BBBCBC; padding:15px; margin-bottom:15px; } /* old code to revisit / delete */ #vueManager { } #vueManager .managerItem { border: 1px solid #ddd; padding: 12px 18px; margin-bottom:15px; } #vueManager .managerItem h4 { padding-top:5px; } #vueManager .managerItem ul { padding:0; margin:0; } #vueManager .managerItem ul li { position:relative; list-style-type:none; padding:2px 12px; background:#f2f2f2; margin: 0 0 2px; border: 1px solid transparent; } #vueManager .managerItem ul li.active { border-color:#D9C756; } #vueManager .managerItem ul li .editToggle { position:absolute; right:12px; top:50%; height:30px; line-height:30px; padding:0 6px; margin-top:-15px; cursor:pointer; } #vueManager .managerItem ul li .editToggle span.fa { position:relative; left:1px; top:1px; } #vueManager .managerItem ul li .liverow { display:block; } #vueManager .managerItem ul li.editing .liverow { display:none; } #vueManager .managerItem ul li .liverow span.price { font-weight:600; padding-left:12px; } #vueManager .managerItem ul li .editrow { display:none; } #vueManager .managerItem ul li.editing .editrow { display:block; } #vueManager .managerItem ul li .editrow input { width:140px; } #vueManager textarea.debug { opacity:0.7; pointer-events:none; resize:none; height:400px; } /* ModuleBegin::documents */ .documentsListWrapper { } .documentsListWrapper table { border: 1px solid #BBBCBC; } .documentsRowOdd { } .documentsRowEven { background:#BBBCBC; } .documentsListWrapper th { border-bottom:1px solid #BBBCBC; } .documentsListWrapper td { padding:3px; } .documentsName { } .documentsDate { } .documentsSize { } /* ModuleEnd::documents */ /* ModuleBegin::landing */ .landingPage {} .landingPage .row { max-width:62.5rem; margin-right:auto; margin-left:auto; display:-ms-flexbox; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .landingPage .textCenter { text-align:center; } .landingPage .textRight { text-align:right; } .landingPage .textLeft { text-align:left; } .landingPage .positionCenter { -ms-flex-pack:center; justify-content:center; } .landingPage .positionMiddle { -ms-flex-align:center; align-items:center; } .landingPage .positionBottom { -ms-flex-align:end; align-items:flex-end; } .landingPage .column, .landingSectionContainer .columns { -ms-flex: 1 1 0%; flex: 1 1 0%; padding-right:0.9375rem; padding-left:0.9375rem; min-width:initial; } .landingPage .fullContent { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; } .landingPage .smallFullContent { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; } .landingPage .landingForm { width:100%; } .landingHeaderContainer .landingHeader { background:#f0f0f0; border-bottom: 1px solid #BBBCBC; } .landingHeaderContainer .landingHeader .landingNav { padding: 15px 0; border-top: 1px solid #e1e1e1; } .landingHeaderContainer.stuck .landingHeader .landingNav { border-bottom: 1px solid #e1e1e1; } .landingHeaderContainer.stickContainer.stuck { position:fixed; width:100%; z-index:1003; } .landingHeaderContainer.stickyContainer { transition: all 0.4s ease; } .landingSectionContainer .headerBg { padding: 80px 0; } .landingSectionContainer .staticImg.staticImgFlushBot { padding-bottom:0; margin-bottom:-80px; } .landingSectionContainer .staticImg.negativeMarginImg { margin-bottom:-150px; } @media print, screen and (min-width:64em) { .landingPage .slimContent { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width:75%; } .landingPage .splitContent { -ms-flex:1; flex:1; max-width:50%; } .landingPage .row.fullWidth { max-width:95%; } } /* ModuleEnd::landing */ /* ModuleBegin::commerce */ .shoppingCartTableHeader, .shoppingCartTableHeader td { background: #333; color: #fff;} .shoppingCartTable{ border: 1px solid #dcdcdc;} .shoppingCartTableFooter { background: #BBBCBC; color:#333;} input.shoppingFormQuantity {width: auto; background: none;} .shoppingCartTable .product.even {background:#f7f8f9;} .shoppingCartTable .quantity {text-align:center;} .shoppingCartTable .price, .shoppingCartTable .total { text-align:right;padding-right:30px;} .shoppingCartTable .description {padding: 7px;} .shoppingCartTable { margin-bottom: 13px;} .shoppingOutOfStock { color: #7e030e} .shoppingLowStock { color: #e79700} .shoppingCartButtons { display: flex; justify-content: space-between;} .expandableMiniCart { position: absolute; z-index: 10;right: 3%; width: 60%; display:none;} .expandableMiniCart.expanded { display:block;} .expandableMiniCart .shoppingCartTable {background-color:white;} .shoppingCartMini td.quantity { min-width: 100px;} .cartAdd { display: flex; flex-flow: row wrap; align-items: flex-end;font-weight: bold;} #shoppingOption1 select { width: auto;} .cartAddQty { margin-right:2rem;} .cartAddSelect #shoppingOption1 { margin-right: 2rem;} .cartAdd .choice {display:block; } .cartAddQty input { background:white;} /*ModuleEnd::directory-products*/ /*Checkout page*/ #cart_charges_summary td { border-bottom: 1px solid #ddd; padding: 0.5em; } .shoppingCartCheckout .price { padding: 7px; } /* ModuleEnd::commerce */ #ramcoWrapper { min-height:700px;} .productsMlodule .innerFlex { background-position:center; background-repeat:no-repeat; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding: 1em; height:inherit;} .prodBuy { margin: 20% 1em 1em 1em; padding: 1em; background-color: rgba(0,0,0, 0.5); color:#fff;} #AwardItems { display:none;} .collapsible_header .fa { border-radius:50%; background-color:#000; color:#fff; display:inline-block; margin:0 10px 0 0; padding: 5px; font-size: 15px;} .collapsible_content { margin-left:30px;} .expandableHeader { position:relative; margin-bottom:0; padding: 0.25em 0.25em 0.25em 30px; cursor:pointer; } .expandableHeader::before { content:'\f055'; position:absolute; top:0.25em; left:0; font-family: 'FontAwesome'; } .expandableHeader.expanded::before { content:'\f056'; } .expandableContent { padding-left:30px; overflow:hidden; display:none; }