/*header{padding-bottom:1rem;} .large-offset-1 {margin-left:5.33333% !important;}*/ .anchor{display: block;position: relative;top: -150px;visibility: hidden;} .headernav{padding-top:.5rem;margin:0;max-width:100%;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);padding-bottom:.5rem;} /*.headernav nav {padding-top:3%;}*/ .topnavlist{padding-top:1rem;} .topnavlist li {padding-bottom:0;height:2.3rem;margin-left:0;} .txtupper{text-transform:uppercase;} .government{color:#20bceb;} .departments{color:#a02488;} .community{color:#16aa62;} .businesses{color:#ef4861;} .fun{color:#f7a61e;} li.Government a{color:#696969;font-weight:bold;} li.Government a:hover{border-bottom:3px solid #20bceb;color:#20bceb;} li.Departments a{color:#696969;font-weight:bold;} li.Departments a:hover{border-bottom:3px solid #a02488;color:#a02488;} li.City a{color:#696969;font-weight:bold;} li.City a:hover{border-bottom:3px solid #ef4962;color:#ef4962;} li.Community a{color:#696969;font-weight:bold;} li.Community a:hover{border-bottom:3px solid #16aa62;color:#16aa62;} li.Businesses a{color:#696969;font-weight:bold;} li.Businesses a:hover{border-bottom:3px solid #ef4861;color:#ef4861;} li.Fun a{color:#696969;font-weight:bold;} li.Fun a:hover{border-bottom:3px solid #f7a61e;color:#f7a61e;} .breadcrumbs{margin-bottom:0;border:none;background-color:transparent;} .breadcrumbs li a{color:#696969;} .breadcrumbs li:nth-child(1) a:hover{border-bottom:1px solid #20bceb;color:#20bceb} .breadcrumbs li:nth-child(2) a:hover{border-bottom:1px solid #a02488;color: #a02488} .breadcrumbs li:nth-child(3) a:hover{border-bottom:1px solid #ef4962;color: #ef4962} .breadcrumbs li:nth-child(4) a:hover{border-bottom:1px solid #16aa62;color:#16aa62} .breadcrumbs li:nth-child(5) a:hover{border-bottom:1px solid #a02488;color:#a02488} .breadcrumbs li:nth-child(6) a:hover{border-bottom:1px solid #f7a61e;color:#f7a61e} .breadcrumbs li {font-size:1.2rem;padding:3px 0;} .swanlogo{height:80px;} .copyright{float:left;width:100%;} .fixheight{height:7rem;line-height:7rem;} #socialIcons ul {margin-left:0;margin-bottom:0;} #socialIcons ul li {display:inline;padding-right:.5rem;} #socialIcons ul li img {padding-bottom:.5rem;} a.icoSocialHover {-moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} a.icoSocialHover:hover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} a.icoSocialHover:hover .icoSocialHover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} a.icoSocialHover:hover p{font-weight: bold;} .searchSection{background-color:#16b9e9;} .site-search-image{width:60%;margin:0 auto;position:absolute;z-index:6;left:50%;top:40%;border-radius: 0px 10px 10px 0px;-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;} div.site-search-image form {position:relative;left:-50%} #btnsearch{border-radius: 10px 0px 0px 10px;padding:.5rem;float:right;margin-right:-1px;} #btnsearch:hover{background-color:#000;} #btnsitesearch{width:30px;background-color: #696969;padding: .5rem;margin-bottom:0;float:right;} #search_field{margin-bottom:0;height:3rem;border-radius: 0px 10px 10px 0px;border:none;font-size:1.5rem;} #sitesearch_field{width:250px;float:right;margin-bottom:0;height:2.17rem;border:solid 1px rgba(0,0,0,0.1);font-size:1rem;} #siteSearch {padding-right:1.23rem;} section.standard-components div.row {max-width:100%;} ul.orbit-slides-container {max-height:400px} ul.orbit-slides-container li img {width:100%;} ul.orbit-slides-container a img {margin:0 auto;} .padleft {padding-left:2rem;} .nopadleft{padding-left:0;} .nopadright{padding-right:0;} .mostvisited{margin-top:1.5rem;padding-bottom:2rem;} .mostvisited, .mostvisited h1{color:#696969;padding-bottom:1rem;} a.icoHover {color:#696969;-moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} a.icoHover:hover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} a.icoHover:hover .icoHover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} a.icoHover:hover p{font-weight: bold;} a.icoHover p {font-size:1.2rem;} .icoMost{color:#696969;text-align:center;background-color:#696969;border-radius:50%;min-height:6.5rem;width:6.5rem;padding:1.2rem 0rem;margin:0 auto;background-repeat:no-repeat;background-position:center center;} .mostvisited p {width:60%;margin:0 auto;text-align:center;padding-top:1rem;line-height:1;} .mostvisited p.smalltext {width:48%;} .mostvisited p.smallertext {width:20%;} .news, .news h3{color:#9f2487 !important;} .events, .events h2, .events h3{color:#16b9e9;} .news, .events{min-height:15rem;} .news ul, .events ul {margin-left:0;} .newsh2container{border-bottom:solid 1px #9f2487} .newsh2{color: white !important;padding: 10px;border-right: 2rem solid transparent;border-bottom: 3rem solid #9f2487;display: inline-block;height: 0px;line-height: 4rem;margin-bottom:0} .blogtitle{font-weight:bolder;} .blogbox p {margin-bottom:.75rem;font-size:1.5rem !important;} p.blogdate, .eventlocation {font-size:1rem !important;} p.blogdate {color:#9f2487 !important;} .eventlocation {color:#717171;} .events ul {font-size:1.5rem} /*.news ul li{list-style:none;border-radius: 0px; border-bottom-color: rgb(206, 206, 206);border-bottom-width: 1px;border-bottom-style: solid;} .news ul li {color:black;list-style:none;background-color:#F2E0EE;margin:0 .25rem .75rem .25rem;padding:.75rem;border-radius:1rem;}*/ .news ul li a {color:black;} .events ul li, .news ul li {list-style:none;margin:.5rem .25rem 1.2rem .25rem} .title{font-size:1.5rem !important} .eventsh2container{border-bottom:solid 1px #16b9e9;text-align:right;} .eventsh2{color: white !important;padding: 10px;border-left: 2rem solid transparent;border-bottom: 3rem solid #16b9e9;display: inline-block;height: 0px;line-height: 4rem;margin-bottom:0} .eventDetails {padding:0 .5rem;background-color:rgba(185, 185, 185, 1);color:#fff;margin:0;} .eventdate {color:#fff;list-style:none;background-color:#16b9e9;font-weight:bolder; padding:.75rem;border-radius:1rem;} .eventcnt{color:#16b9e9;list-style:none;background-color:#E2F4FC;font-weight:bolder;padding:1.9rem .75rem .75rem .75rem;border-radius:1rem;text-transform:uppercase;} .tiles{color:#fff;} /*.tile{cursor:pointer;font-size:2.4rem;min-height:6rem;padding-top:1.5%} .tile a{color:#fff;display:block;width:100%;}*/ .tile{cursor:pointer;font-size:2.4rem;min-height:6rem;padding-top:1.5%;color:#fff !important;display:block;width:100%;} /*.tilet a{color:#fff;display:block;width:100%;}*/ .tileupper{font-weight:bold;text-transform:uppercase;} .bgYellow{background-color:#fcb446;} .bgRed {background-color:#ef4861;} .bgPurple{background-color:#9f2487;} .bgBlue{background-color:#16b9e9;} .bgGreen {background-color:#7bc35c;} .bgOrange {background-color:#f59612} .colFooter{background-color:#6d6e71;color:#fff;padding:.75rem 1rem 0 1rem;position:relative;} /*#footersocialIcons{min-height:7rem;}*/ #footersocialIcons ul {margin-left:0;margin-bottom:0;} #footersocialIcons ul li {display:inline;padding-right:.5rem;} #footersocialIcons ul li img {padding-bottom:.5rem;} .colFooter a{text-decoration:none;color:#fff;} .colFooter a:hover{text-decoration:underline;color:#fff;} div.subnavleft{background-color:rgba(105, 105, 105, 0.10);height:100%;padding-top:1.5rem;} div.subnavleft ul {margin-bottom:0;} div.subnavleft ul li{list-style:none;color:#696969;font-size:1.2rem;padding:8px 0;line-height:20px;border-bottom:1px solid #e2e2e2} div.subnavleft ul li a, div.subnavleft ul li a:hover{color:#696969} div.subnavleft ul li a:hover{font-weight:bold;} nav.footer ul {list-style:none;} nav.footer ul li, nav.footer ul ul {display:inline;} /*#top-link-block {position:fixed; bottom:-60px; right:0;padding:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;opacity:0;-webkit-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-moz-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-ms-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;} #top-link-block.affix.show {bottom:0;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;}*/ #top-link-block {position:fixed; bottom:-60; right:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;opacity:0;-webkit-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-moz-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-ms-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;} #top-link-block.affix.show {bottom:0;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;} #top-link-block a {display:block;width:100%;font-size:30px;padding:1rem 2rem;} .c1-bg {background-color:#609732 !important; background-color:rgba(96,151,50,1)!important;} .c5-text,.c5-text:hover, .c5-text:focus, .c5-text:active {color:#ffffff !important; color:rgba(255,255,255,1) !important;} .hvr-curl-bottom-left {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;} .hvr-curl-bottom-left:before {pointer-events: none;position: absolute;content: '';height: 0;width: 0;bottom: 0;left: 0;background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: width, height;transition-property: width, height;} .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {width: 50px;height: 50px;} .box {border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding: 10px 25px;display: block;margin-top: 60px; } .box-icon { background-color: #569;border-radius: 50%;display: table;height: 100px;margin: 0 auto;width: 100px;margin-top: -61px;font-size: 3rem; } .box-icon span {color: #fff;display: table-cell;text-align: center;vertical-align: middle; } .info h4 {font-size: 26px;letter-spacing: 2px;text-transform: uppercase; } .info .title {font-size: 26px;letter-spacing: 2px;text-transform: uppercase;color: black;margin-bottom:0;} .info .contactname {font-size: 1.125rem;font-weight: 400;margin-top: 0.2rem;margin-bottom:0.5rem;} .info p {color: #717171;font-size: 16px; } .info ul {list-style:none;} .info ul li {display:inline;padding-right:10px} /*.info a {border-radius: 2px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);transition: all 0.5s ease 0s; } .info a:hover {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);transition: all 0.5s ease 0s; }*/ .info a p {color: #008CBA;} .fullwidth{width:100%;} .fullwidthrow{max-width:100%} h1{color:#18b9e9} h2{color:#18b9e9} h1.alt {color:#222222 !important} h2.alt {color:#222222} .umb-grid h2{color:#3e6fb7} .umb-grid h2.heading2 {color: #3e6fb7;font-size: 1.6875rem;} .umb-grid h3{color:#3e6fb7} .umb-grid iframe {width:100%;min-height:400px} .nomargleft{margin-left:0 !important;} .post{height: 3rem;} .post ul li a{padding:.5rem!important;color:#fff !important;} .contactinfo{font-size:1.5rem;margin-bottom:0;} .contactAddress p{font-size:1.25rem;} .socialpadding {padding:5px;margin:.25rem 0;} .accordSpace{margin-bottom:1rem !important;} .mobilenav {list-style:none;margin-left:0;} ul.mobilenav li.accordion-navigation {padding:.6667rem 0 .6667rem 0;} ul.pageSocials{list-style:none;text-align:center;} ul.pageSocials li {display:inline;} .lgFontBlue {color: #3e6fb7;font-size: 1.6875rem !important;} .boldemp {font-weight:bold;} .italicemp {font-style:italic;} .fb_dialog_content iframe {right: 100px !important;bottom: 10px !important;} .fb-customerchat span iframe {right: 125px !important;bottom: 61px !important;} .blueButton a {display:block;border-left-color: #20bceb;color: #000;text-decoration: none; padding: .5rem;background-color: rgb(245, 245, 245);border-left-width: 1rem;border-left-style: solid; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);margin:.5rem} .purpleButton a {display:block;border-left-color: #a02488;color: #000;text-decoration: none; padding: .5rem;background-color: rgb(245, 245, 245);border-left-width: 1rem;border-left-style: solid; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);margin:.5rem} .greenButton a {display:block;border-left-color: #16aa62;color: #000;text-decoration: none; padding: .5rem;background-color: rgb(245, 245, 245);border-left-width: 1rem;border-left-style: solid; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);margin:.5rem} .redButton a {display:block;border-left-color: #ef4861;color: #000;text-decoration: none; padding: .5rem;background-color: rgb(245, 245, 245);border-left-width: 1rem;border-left-style: solid; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);margin:.5rem} .yellowButton a {display:block;border-left-color: #f7a61e;color: #000;text-decoration: none; padding: .5rem;background-color: rgb(245, 245, 245);border-left-width: 1rem;border-left-style: solid; box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);margin:.5rem} .gcs.gcs_results {padding-top: 25px;} .gcs__result__row {box-shadow: rgba(51, 51, 51, 0.7) 0px 0px 5px 0px;padding: .5rem;background-color: rgb(245, 245, 245);overflow: hidden;margin-bottom: 20px} p.gcs__result__text {display: none;} .iframe-container { overflow: hidden; padding-top: 103%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* 4x3 Aspect Ratio */ .iframe-container-4x3 { padding-top: 75%; } .programDays {/*border-radius:50%;*/background-position:center center;padding:3px 0;margin:-6px;text-align:center;} .programActive {background-color: #16aa62;color: #fff;} .programInActive {background-color: #e7e7e7;color: #000000ac;} /*// Small screens*/ /* Define mobile styles */ @media only screen { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (max-width: 40em) { #socialIcons ul li img {padding-bottom:.5rem;width:10%;} #footersocialIcons ul li img {padding-bottom:.5rem;width:10%;} .form-group {margin: 0px auto !important; width: 100%;} header{position:relative !important;} .headernav{padding:0;} .headernavsearch {height:7rem; } .tile{font-size:1.5rem;min-height:3rem;padding-top:.3rem;} .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {width: 30px;height: 30px;} #top-link-block.affix.show{width:100%;text-align:center;padding:0} #top-link-block a {width:100%;font-size:30px;padding:0 2rem;} .bottomLogo{padding-bottom:2rem;} .breadcrumbs > * {line-height:1rem;} .breadcrumbs>*::before{margin-left:.30rem;margin-right:.30rem;} .event-list > li > .info, .search-list > li > .info {padding-top: 5px;text-align: center;} .navtopmarginpad {margin-top:0 !important;} #sitesearch_field {width:90%;} #search_field {height:1.5rem;font-size:1rem;} #btnsitesearch {width:10%;} .colFooter {margin-bottom:1rem;} a.icoHover p {font-size:.7rem;margin: 0;} .icoMost {padding: 1.2rem 0px; width: 3rem;min-height:3rem; background-image: none;background-size:25px;} .mostvisited {margin-top:0;} .mostvisited p {width:100%;} [class*="block-grid-"] > li {padding:0 0 1.25rem} .show-for-small-only {display:inline !important;} .news .title {font-size:1rem !important;} .event-list > li time > .month {font-size:1rem !important;} .event-list > li time > .day {font-size:2rem !important;} #btnsearch { padding: .2em .3rem } #btnsearch i.fa-2x {font-size:1rem !important;} nav .inner ul {list-style:none;margin:0;} ul.off-canvas-list li a {border:none;} ul.off-canvas-list li{border-bottom:1px solid #262626} .programDays {/*border-radius:50%;*/background-position:center center;padding:9px 0 0 0;text-align:center;width:45px;height:45px} } /*// Medium screens*/ /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) { .tile{font-size:1.2rem;padding-top:2rem;} #socialIcons ul li img {padding-bottom:.5rem;max-width:30px;} #footersocialIcons ul li img {padding-bottom:.5rem;max-width:59px;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /*// Large screens*/ /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { .topnavlist {font-size:1.3rem;} .tile{font-size:1.7rem;} } /*// XLarge screens*/ /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) { .tile{font-size:2rem;} .topnavlist {font-size:1.3rem;} } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { .tile{font-size:2rem;} } /*// XXLarge screens*/ /* min-width 1921px, xxlarge screens */ @media only screen and (min-width: 120.063em) { .tile{font-size:2rem;} } /*css animations*/ .event-list, .search-list, .news-list, .topnav-list {list-style: none;margin: 0px;padding: 0px;} .news-list > li > .info, .event-list >li >.info {height:117px;} .news-list > li > a > .info, .event-list >li >.info {height:117px;} .news-list > li > a > .info, .event-list >li > a >.info {height:117px;} .news-list > li > a > .info > .title,.event-list > li > a > .info > .title {color:#000000 } .event-list > li, .search-list > li , .news-list > li , .topnav-list > li > .info {background-color: rgb(255, 255, 255);box-shadow: 0px 0px 5px rgb(51, 51, 51);box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);padding: 0px;margin: 0px 0px 20px;} .event-list > li > a > time {display: inline-block; width: 100%;color: rgb(255, 255, 255);background-color: #16b9e9;padding: 5px;text-align: center;text-transform: uppercase;} .event-list > li > a > time > span {display: none;} .event-list > li > a > time > .day {display: block;font-size: 56pt;font-weight: 100;line-height: 1;} .event-list > li > a time > .month {display: block;font-size: 24pt;font-weight: 900;line-height: 1;} .event-list > li > img {width: 100%;} .event-list > li > a > .info, .search-list > li > .info , .news-list > li > a > .info, .topnav-list > li > .info {padding:.5rem;background-color: rgb(245, 245, 245);overflow: hidden;} .event-list > li > a > .info > .title { font-size: 1.2rem;font-weight: 400;} .event-list > li > a > .info > .desc {font-size: 13pt;font-weight: 300;margin: 0px;} .event-list > li > a > .info > ul,.event-list > li > .social > ul {display: table;list-style: none;margin: 10px 0px 0px;padding: 0px;width: 100%;text-align: center;} .event-list > li > .social > ul {margin: 0px;} .event-list > li > a > .info > ul > li, .event-list > li > .social > ul > li {display: table-cell;cursor: pointer;color: rgb(30, 30, 30);font-size: 11pt;font-weight: 300;padding: 3px 0px;} .event-list > li > a > .info > ul > li > a {display: block;width: 100%;color: rgb(30, 30, 30);text-decoration: none;} .event-list > li > .social > ul > li {padding: 0px;} .event-list > li > .social > ul > li > a {padding: 3px 0px;} .event-list > li > a > .info > ul > li:hover, .event-list > li > .social > ul > li:hover {color: rgb(30, 30, 30);background-color: rgb(200, 200, 200);} @media (min-width: 768px) { .event-list > li{position: relative;display: block;width: 100%;height: 117px;padding: 0px;} .event-list > li > a > time,.event-list > li > img {display: inline-block;} .event-list > li > a > time,.event-list > li > img {width: 120px;float: left;} .event-list > li > a > time,.event-list > li > img {width: 120px;height: 117px;padding: 0px;margin: 0px;} .event-list > li > a > .info {position: relative;height: 117px;text-align: left;padding-right: 40px;} /*.event-list > li > .info > .title, .event-list > li > .info > .desc {}*/ .event-list > li > a > .info > ul {position: absolute;left: 0px;bottom: 0px;} .event-list > li > .social {position: absolute;top: 0px;right: 0px;display: block;width: 40px;} .event-list > li > .social > ul {border-left: 1px solid rgb(230, 230, 230);} .event-list > li > .social > ul > li {display: block;padding: 0px;} .event-list > li > .social > ul > li > a {display: block;width: 40px;padding: 10px 0px 9px;} } div.listing h4{margin:0;padding:.5rem;color:#fff;background-color:#20bceb;} .topnavlistborder {border-left-width: 1.5rem; border-left-style: solid;} .government {border-left-color:#20bceb;} .topnav-list h3 {color:#000} .topnav-list > li > .government:hover , .topnav-list > li > .government:hover * h3.government {background-color: #20bceb !important;color:#fff;} .departments {border-left-color:#a02488;} .topnav-list > li > .departments:hover , .topnav-list > li > .departments:hover * h3.departments {background-color: #a02488 !important;color:#fff;} .community {border-left-color:#16aa62;} .topnav-list > li > .community:hover , .topnav-list > li > .community:hover * h3.community {background-color: #16aa62 !important;color:#fff;} .businesses {border-left-color:#ef4861;} .topnav-list > li > .businesses:hover , .topnav-list > li > .businesses:hover * h3.businesses {background-color: #ef4861 !important;color:#fff;} .fun {border-left-color:#f7a61e;} .topnav-list > li > .fun:hover , .topnav-list > li > .fun:hover * h3.fun {background-color: #f7a61e !important;color:#fff;} /* ---------------------------------------------------------------------------------------------------- 2.0 HEADER ---------------------------------------------------------------------------------------------------- */ header { position:fixed; top:0; right:0; left:0; width:100%; /*min-height:90px;*/ z-index:500; overflow:visible; background-color:#ffffff; background-color:rgba(255,255,255,.95); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 1px 0 rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s; -moz-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s; -ms-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s; transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s; } html.reveal-out header { bottom:0; height:100%; max-height:100%; overflow:auto; padding:90px 0 20px; } html.nav-up header { top:-95px; } html.nav-down header { top:0; } html.nav-down.reached-top header { -webkit-box-shadow:0 1px 0 rgba(0,0,0,0); -moz-box-shadow:0 1px 0 rgba(0,0,0,0); -ms-box-shadow:0 1px 0 rgba(0,0,0,0); box-shadow:0 1px 0 rgba(0,0,0,0); } html.reveal-out header, html.nav-down.reached-top.reveal-out header { background-color:#181818; background-color:rgba(24,24,24,1); } @media (min-width:768px) { header {-webkit-box-shadow:0 1px 0 rgba(0,0,0,0);-moz-box-shadow:0 1px 0 rgba(0,0,0,0);-ms-box-shadow:0 1px 0 rgba(0,0,0,0);box-shadow:0 1px 0 rgba(0,0,0,0);} html.reveal-out header {padding:0; overflow:visible; bottom:auto;} header .container {position:relative;} header #logo {top:20px; } } .navtopmarginpad {margin-top:10.5rem} nav.sitemap { overflow:hidden; height:100%; position:relative; } nav.sitemap ul { margin:0; padding:0 0 8px; } nav.sitemap ul li { display:block; padding:0; margin:0; background:url('/images/bg/sitemap-line.png') no-repeat left -31px; } nav.sitemap ul ul { margin-left:16px; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .accordsubli, .accordexpand { color:#696969 !important; background:none !important; display:inline !important; font-size:1.2rem !important; padding:0 !important; } .accordsublimobile, .accordexpandmobile { color:rgba(255, 255, 255, 0.7) !important; background:none !important; display:inline !important; font-size:1rem !important; } .accordexpandmobile { padding:0px !important; } .accordsubcontent { background:none !important; padding:0px !important; } .accordsubcontentmobile ul { list-style:none; margin-left:0; } .accordsubcontentmobile ul li { border:none; } .accordsubcontentmobile ul li a { padding-left:1.25rem ; } li a.accordexpand i:first-child {display:inline-block;} li a.accordexpand i:last-child { display:none;} li.active a.accordexpand i:first-child {display:none;} li.active a.accordexpand i:last-child { display:inline-block;} li a.accordexpandmobile i:first-child {display:inline-block;} li a.accordexpandmobile i:last-child { display:none;} li.active a.accordexpandmobile i:first-child {display:none;} li.active a.accordexpandmobile i:last-child { display:inline-block;} li a.accordexpand span:first-child {display:inline-block;} li a.accordexpand span:last-child { display:none;} li.active a.accordexpand span:first-child {display:none;} li.active a.accordexpand span:last-child { display:inline-block;} li a.accordexpandmobile span:first-child {display:inline-block;} li a.accordexpandmobile span:last-child { display:none;} li.active a.accordexpandmobile span:first-child {display:none;} li.active a.accordexpandmobile span:last-child { display:inline-block;} .accordion .accordion-navigation .content.leftaccordnav { display: block; max-height: 0; overflow:hidden; transition: ease-out .5s all; } .accordion .accordion-navigation .leftaccordnav.active { max-height: 300px; transition: ease 2s all; } .article-card { border: 1px solid #d7d7d7; margin-bottom: 1.5rem; box-shadow: 2px 4px 5px 0px #d7d7d7; } .article-card .card-content { background: #fff; margin: 1.25rem; } .article-card .card-content .post-author { text-align: center; } .article-card .card-content .cardred { font-size: 1.4375rem; color: #CF000F; } .article-card .card-content p { color: #757D75; } .article-card .card-content a i { font-weight: 300; color: #757D75; margin: 0 .5rem; padding: 5px 7px 5px 7px; border: 1px solid #757D75; border-radius: 50%; } .article-card .card-content img.post-icon { position: absolute; width: 3rem; border-radius: 50%; margin-top: -3rem; } .article-card a img, .article-card img{width:100%;} .imageRight img {float:right;vertical-align:middle;margin: 4px;} .imageLeft img {float:left;vertical-align:middle;margin: 4px;} .newsimagefloat{float:left;vertical-align:middle;margin: 10px;} .goodread{ background-image: url("../../Content/images/icogoodreads.png");height:25px;width:25px;background-repeat:no-repeat;background-position:center center;padding-top:28px;} .newsUL {overflow:hidden;padding-left:1.1rem;} .selected {color:#20bceb !important;font-weight:bold;} /*ul {list-style-position:inside;}*/ table {table-layout: fixed} .no-height{min-height:auto !important;} /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 95px; background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgba(0,0,0, 0.9); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 6%; /* 25% from the top */ width: 100%; /* 100% width */ /*text-align: center;*/ /* Centered text/links */ /*margin-top: 30px;*/ /* 30px top margin to avoid conflict with the close button on smaller screens */ } /* The navigation links inside the overlay */ .overlay a { padding:0 0 8px 0; text-decoration: none; font-size: 1.2rem; color: #fff; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #20bceb; } .openbtn { padding:10px !important; position:absolute; top:-15px; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 0; right: 10px; font-size: 60px; } .overlay-content ul { list-style:none; } /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { .overlay a { font-size: 20px } .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } div.ham { width: 35px; height: 5px; background-color: #fff; margin: 6px 0; }