/* Style layout for conference site 12/02/16 */ /* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext'); /* font-family: 'Roboto', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext'); /* font-family: 'Open Sans', sans-serif; */ /* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext'); /* font-family: 'Roboto Condensed', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Palanquin+Dark:400,700'); /* font-family: 'Palanquin Dark', sans-serif; */ @import url('font-awesome.css'); /* style overwrites */ .panel-heading.Distinguish{ padding: 0; border: none; } .RadComboBox span.rcbInner, .RadDropDownList span.rddlInner{ padding-top: 8px !important; } .RadDropDownList .rddlSelect{ top: -14px !important; } /* generic styles */ body{ color: #1d1d1d; font-family: 'Open Sans', sans-serif; font-size: 14px; overflow-x: hidden; } h1, .h1, .PageTitle{ display: block; margin: 0 0 30px; color: #0033a1; font-family: 'Palanquin Dark', sans-serif; font-size: 36px; font-weight: 400; } h1:after{ display: none; } h2{ color: #0033a1; border: none; font-family: 'Palanquin Dark', sans-serif; font-size: 36px; font-weight: 400; } h2.panel-title{ color: #0033a1; font-size: 24px; } .PanelTitle{ color: #0033a1; font-family: 'Palanquin Dark', sans-serif; font-size: 24px; font-weight: 400; } a{ transition: all 0.3s; } a:hover{ } a.buttonlink{ display: inline-block; padding: 10px 25px; background-color: #0033a1; color: #ffffff; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; line-height: 11px; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; } a.buttonlink:hover{ background-color: #f6b436; color: #1d1d1d; } a.buttonlink .fa{ margin-right: 10px; } .TitleBarTitle{ } /* left floated, no width specified, may contain a h2.PanelTitle and traces of nut */ .PanelHeadCollapseImage{ /*margin-top: -120px;*/ } /* expand/collapse links in accordions such as events list */ .TextButton{ } .TextButton:hover{ } .ContentBlockPrimary{ margin-bottom: 50px; overflow: hidden; } .ContentBlockPictureArea, .ContentBlockLeft{ width: 39%; margin-right: 30px; margin-bottom: 20px; } .img-responsive >img{ display: block; max-width: 100%; height: auto; } .fa-iqa {padding-right: .8em; font-size: 1.2em;} .fa-iqa-red {padding-right: .8em; color:red; font-size: 1.5em;} .fa-iqa-green {padding-right: .8em; color:green; font-size: 1.5em;} .fa-iqa-orange {padding-right: .8em; color:#e98300; font-size: 1.5em;} /* header */ .header{ padding: 0; border: none; } /* header top container */ .header-top-container{ background-color: #ffffff; } .header-top-container .header-container{ } #masterHeaderImage{ background-image: url(images/logo-bluegold.png); background-position: left center; background-repeat: no-repeat; background-size: contain; } .header-container .nav-auxiliary{ } .header-container .nav-auxiliary .UtilityAuthentication{ margin-right: 25px; } .header-container .nav-auxiliary .UtilityAuthentication a{ padding-top: 0; color: #0033a1; font-size: 14px; font-weight: 300; text-decoration: none; } .header-container .nav-auxiliary .UtilityAuthentication a:hover{ color: #f6b436; font-size: 14px; font-weight: 300; text-decoration: none; } .header-top-container .navbar-header{ } .header-top-container .navbar-header .auth-link-container-sm{ } /* sign-in link container */ .header-top-container .navbar-header .auth-link-container-sm a{ } .header-top-container .navbar-header .auth-link-container-sm a:hover{ } .header-top-container .navbar-header .NavigationUnorderedList{ margin-top: 3px; } /* create account and cart container */ .header-top-container .navbar-header .NavigationUnorderedList li{ } .header-top-container .navbar-header .NavigationUnorderedList li a{ } .header-top-container .navbar-header .NavigationUnorderedList li a:hover{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a{ background-color: transparent; color: #0033a1; font-size: 14px; font-weight: 300; text-decoration: none; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a:hover{ color: #f6b436; font-size: 14px; font-weight: 300; text-decoration: none; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a:before{ content: '\f007'; display: inline-block; margin: 0 10px 0 0; font-family: FontAwesome; vertical-align: 2px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account.guidebook a:before{ content: '\f02d'; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a .nav-text{ float: none; display: inline-block; padding: 0; color: #0033a1; background: none !important; font-size: 14px; font-weight: 300; text-decoration: none; transition: all 0.3s; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a:hover .nav-text{ color: #f6b436; font-size: 14px; font-weight: 300; text-decoration: none; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a{ background-color: transparent; color: #0033a1; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .cartFull{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:before{ content: '\f07a'; display: inline-block; margin: 0 10px 0 0; font-family: FontAwesome; vertical-align: 2px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .cartCenter{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .nav-text{ background: none; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover{ color: #f6b436; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .cartFull{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .cartCenter{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .nav-text{ } .header-top-container .navbar-header .header-social{ } /* social links content area */ .header-top-container .navbar-header .search-container-sm{ } /* search container */ .header-top-container .navbar-header .search-container-sm .header-search{ display: none; } .header-top-container .navbar-header .search-container-sm .header-search div{ } .header-top-container .navbar-header .search-container-sm .header-search div label{ } .header-top-container .navbar-header .search-container-sm .header-search div input[type=text]{ } .header-top-container .navbar-header .search-container-sm .header-search div input[type=text]:hover:before{ color: #f6b436; } .header-top-container .navbar-header .search-container-sm .header-search div input[type=button]{ } .header-top-container .navbar-header .search-container-sm .header-search div input[type=button]:hover{ } /* header bottom container */ .header-bottom-container{ background-color: #0033a1; } .header-bottom-container .header-container{ } .header-bottom-container .header-container #search-collapse{ } .header-bottom-container .header-container .nav-primary{ } .header-bottom-container .header-container .nav-primary .auth-link-container{ } .RadMenu{ } .RadMenu ul{ } .RadMenu .rmRootGroup{ } /* main navigation UL */ .RadMenu .rmRootGroup > .rmItem{ } /* main navigation LI */ .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ color: #ffffff; border: none !important; font-family: 'Open Sans', sans-serif; font-size: 16px; } /* main navigation A */ .RadMenu .rmRootGroup > .rmItem > .rmLink{ color: #ffffff; border: none !important; font-family: 'Open Sans', sans-serif; font-size: 16px; } /* main navigation A */ .RadMenu .rmRootGroup > .rmItem > .rmLink .rmText{ } /* main navigation A>SPAN */ .RadMenu .rmRootGroup > .rmItem > .rmLink:hover, .RadMenu .rmRootGroup > .rmItem > .rmLink:focus, .RadMenu .rmRootGroup > .rmSelected > .rmLink{ background-color: #f6b436; color: #1d1d1d; border: none !important; } .RadMenu .rmRootGroup > .rmItem > .rmLink:hover .rmText{ } .RadMenu .rmRootLink:hover, .RadMenu .rmRootLink:focus, .RadMenu .rmExpanded > .rmRootLink{ } .header-bottom-container .header-container .nav-primary .rmResponsive .rmSlide{ background-color: transparent; } /* main navigation dropdown */ .RadMenu .rmSlide .rmGroup{ background-color: #0033a1; } /* main navigation dropdown UL */ .RadMenu .rmSlide .rmItem{ } /* main navigation dropdown LI */ .RadMenu .rmSlide .rmItem .rsmItem{ padding: 0; } /* A */ .RadMenu .rmSlide .rmItem .rsmLink{ padding: 4px 15px !important; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; } /* A */ .RadMenu .rmSlide .rmItem .rsmLink:hover{ background-color: #f6b436; color: #1d1d1d; border: none !important; } /* A */ .header-bottom-container .header-container .nav-primary .rmResponsive .rmSlide .rsmLink{ } /* main navigation dropdown A */ .header-bottom-container .header-container .nav-primary .rmResponsive .rmSlide .rsmLink:hover, .header-bottom-container .header-container .nav-primary .rmResponsive .rmSlide .rsmLink:focus, .header-bottom-container .header-container .nav-primary .rmResponsive .rsmSelected .rsmLink{ } .RadMenu .rmRootGroup > .rmItem.rmFirst{ } .RadMenu .rmRootGroup > .rmItem.rmFirst > .rmLink{ } .RadMenu .rmRootGroup > .rmItem.rmLast { } .RadMenu .rmRootGroup > .rmItem.rmLast > .rmLink{ } .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink , .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover , .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus{ color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 16px; } .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover{ color: #f6b436; } /* NOT SURE ABOUT THIS... do these styles ONLY apply to responsive? */ .header-bottom-container .header-container .navbar-collapse{ } /* responsive menus */ .header-bottom-container .header-container .navbar-collapse .search-container{ } /* collapsed search */ .header-bottom-container .header-container .navbar-collapse .search-container .header-search{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock label{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=text]{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=button]{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=button]:hover{ } .header-bottom-container .header-container .navbar-collapse.nav-primary{ } /* collapsed main nav */ .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container{ } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a{ } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a:hover{ } /* carousel */ .HomePageFullWidthArea{ } .HomePageFullWidthArea .carousel{ } .HomePageFullWidthArea .carousel .carousel-indicators{ } /* pager */ .HomePageFullWidthArea .carousel #ctl01_HomepageContentArea1_HomeSlideshow_SlideshowControls{ } /* arrows */ .HomePageFullWidthArea .carousel .carousel-inner{ } /* slide container */ .HomePageFullWidthArea .carousel .carousel-inner .item{ } /* slide */ .HomePageFullWidthArea .carousel .carousel-inner .item.active{ } /* slide */ .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption{ } .carousel{ } .InternalHeaderArea .carousel{ height: 0; padding: 0 0 25%; } .carousel .carousel-inner{ } /* slides container */ .carousel .carousel-inner .item{ background-attachment: fixed; } /* slide */ .carousel .carousel-inner .item.active{ } /* active slide */ .carousel .carousel-inner .item img{ } .Xcarousel-caption{ width: 45%; background-color: rgba(246,180,54,0.8); color: #1d1d1d; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; text-shadow: none; } .Xcarousel-caption h1{ color: #1d1d1d; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; line-height: 30px; } .Xcarousel-caption p{ font-size: 14px; } .carousel-caption{ left: 20%; top: 35%; right: 20% !important; bottom: auto; width: auto; background-color: transparent; color: #ffffff; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; text-align: center !important; text-shadow: none; } .carousel-caption h1{ color: #ffffff; font-family: 'Palanquin Dark', sans-serif; font-size: 48px; font-weight: 700; line-height: 54px; text-shadow: 0 0 5px rgba(0,0,0,0.5); } .carousel-caption p{ font-size: 14px; text-shadow: 0 0 5px rgba(0,0,0,0.5); } .carousel .carousel-indicators{ } /* pager */ .carousel a.carousel-control{ } /* prev and next arrows */ .carousel a.carousel-control.left{ } .carousel a.carousel-control.right{ } /* inner banner */ .innerpagebanner{ display: block; width: 100%; height: 0; padding: 0 0 20%; background-position: center; background-size: cover; } /* main content */ /* homepage */ .row.parallax{ position: relative; display: block; width: 100%; min-height: 600px; margin: 0; padding: 50px; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; } .row.parallax .overlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,51,161,0.6); } .row.parallax.introrow{ min-height: 0; /*background-image: url(images/bg-intro.jpg);*/ } .row.parallax.introrow .overlay{ /*background-color: rgba(161,83,0,0.6);*/ display: none; } .row.parallax.introrow .fixedwidth{ color: #1d1d1d; } .row.parallax.introrow .fixedwidth .title h2{ color: #0033a1; text-shadow: none; } .row.parallax.introrow .fixedwidth .title h2 a{ } .row.parallax.introrow .fixedwidth p{ color: #1d1d1d; text-shadow: none; } .row.parallax.eventsrow{ background-image: url(images/bg-events.jpg); } .row.parallax.eventsrow .overlay{ background-color: rgba(246,180,54,0.6); } .row.parallax.newsrow{ background-image: url(images/bg-news.jpg); } .row.parallax.newsrow .overlay{ background-color: rgba(0,159,227,0.6); } .row.parallax.shoprow{ min-height: 0; /*background-image: url(images/bg-shop.jpg);*/ } .row.parallax.shoprow .overlay{ /*background-color: rgba(0,161,102,0.6);*/ display: none; } .row.parallax.shoprow .fixedwidth{ color: #1d1d1d; } .row.parallax.shoprow .fixedwidth .title h2{ color: #0033a1; text-shadow: none; } .row.parallax.shoprow .fixedwidth .title h2 a{ } .row.parallax.shoprow .fixedwidth p{ color: #1d1d1d; text-shadow: none; } .row.parallax .fixedwidth{ position: relative; z-index: 2; display: block; width: 100%; max-width: 1170px; padding: 15px; margin: 0 auto; } .row.parallax .fixedwidth{ opacity: 0; transform: translateX(-50%); transition: all 3s; } .row.parallax:nth-child(even) .fixedwidth{ transform: translateX(50%); } .row.parallax.inview .fixedwidth{ opacity: 1; transform: translateX(0); } .row.parallax .fixedwidth .title{ } .row.parallax .fixedwidth .title h2{ margin: 0 0 60px; color: #ffffff; font-size: 36px; font-weight: 700; line-height: 44px; text-align: center; text-shadow: -1px -1px 2px rgba(0,0,0,0.5); } .row.parallax .fixedwidth .title h2 a{ margin-left: 30px; vertical-align: 7px; } .row.parallax .fixedwidth p{ margin: 0 0 40px; color: #ffffff; font-size: 16px; line-height: 24px; text-align: center; text-shadow: -1px -1px 2px rgba(0,0,0,0.5); } .quicklinks{ display: block; padding: 0; text-align: center; } .quicklinks li{ display: inline-block; width: 31%; margin-bottom: 30px; text-align: center; } .quicklinks li:nth-child(3n+2){ margin-left: 1.49%; margin-right: 1.49%; } .quicklinks li a{ display: block; color: #0033a1; text-decoration: none; } .quicklinks li a .icon{ display: block; width: 100px; height: 100px; margin: 0 auto 30px; padding: 23px 0 0; background-color: #0033a1; color: #ffffff; border-radius: 110px; transition: all 0.3s; } .quicklinks li a .icon .fa{ font-size: 48px; transform: rotateY(180deg); transition: all 0.6s; } .quicklinks li a:hover .icon{ background-color: #f6b436; color: #1d1d1d; } .quicklinks li a:hover .icon .fa{ transform: rotateY(0deg); } .quicklinks li a .label{ display: block; text-transform: uppercase; } .banner{ display: block; border-radius: 2px; overflow: hidden; } .banner a{ display: block; width: 100%; height: 0; padding: 0 0 41%; background-position: center top; background-repeat: no-repeat; background-size: contain; } .hometileset{ display: block; padding: 0; text-align: center; } .hometileset li{ display: inline-block; width: 31%; margin: 0 1.00% 20px; } .hometileset li a{ position: relative; display: block; width: 100%; padding: 0 0 100%; color: #ffffff; background-position: center; background-repeat: no-repeat; background-size: cover; text-decoration: none; } .hometileset li a .overlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: block !important; background-color: rgba(0,0,0,0.4) !important; transition: all 0.3s; } .hometileset li:nth-child(1n) a .overlay{ background-color: rgba(0,159,227,0.6) !important; } .hometileset li:nth-child(2n) a .overlay{ background-color: rgba(117,0,161,0.6) !important; } .hometileset li:nth-child(3n) a .overlay{ background-color: rgba(246,180,54,0.6) !important; } .hometileset li:nth-child(4n) a .overlay{ background-color: rgba(0,51,161,0.6) !important; } .hometileset li a .ctaholder{ position: absolute; top: 39%; left: 0; z-index: 20; display: block; width: 100%; text-align: center; } .hometileset li a .ctaholder .cta{ display: inline-block; padding: 5px 20px; color: #ffffff; border: solid 5px #ffffff; border-radius: 10px; font-size: 24px; font-weight: 700; transition: all 0.3s; } .hometileset li a:hover{ } .hometileset li a:hover .overlay{ opacity: 0; } .hometileset li a:hover .cta{ padding: 5px 25px; } .hometileset li:nth-child(1n) a:hover .cta{ background-color: rgba(0,159,227,0.8) !important; } .hometileset li:nth-child(2n) a:hover .cta{ background-color: rgba(117,0,161,0.8) !important; } .hometileset li:nth-child(3n) a:hover .cta{ background-color: rgba(246,180,54,0.8) !important; } .hometileset li:nth-child(4n) a:hover .cta{ background-color: rgba(0,51,161,0.8) !important; } /* general */ #ctl01_masterWrapper{ } #ctl01_masterWrapper.has-secondary-col{ } /* indicates sidebar */ #ctl01_masterWrapper.col-on-right{ } /* sidebar on right */ #masterContentArea{ margin-top: 0; } #masterContentArea .OnBehalfOfContainer{ /*display: none;*/ } #masterContentArea .breadcrumb-obo-container{ } #masterContentArea .body-container{ } .backToTop{ display: none !important; } /* main content column */ #masterContentArea .body-container .col-primary{ } .has-secondary-col.col-on-right .col-primary{ } /* sidebar */ #masterContentArea .body-container .col-secondary{ } #masterContentArea .body-container .col-secondary .nav-secondary{ } #masterContentArea .body-container .col-secondary .nav-secondary .rtPlus:before{ content: '\f0fe'; display: inline-block; margin: -2px 10px 0 0; color: #666666; font-family: FontAwesome; font-size: 12px; cursor: pointer; vertical-align: 2px; } #masterContentArea .body-container .col-secondary .nav-secondary .rtMinus:before{ content: '\f146'; display: inline-block; margin: -2px 10px 0 0; color: #666666; font-family: FontAwesome; font-size: 12px; cursor: pointer; vertical-align: 2px; } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-head{ background-color: #0033a1; color: #ffffff; } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body{ background-color: #b2c1e3; color: #1d1d1d; } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL{ } /* secondary nav */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI{ font-size: 14px; } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI:hover{ background-color: #f6b436; } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI.rtFirst{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI.rtLast{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtTop{ } /* top link container */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtBot{ } /* bottom link container */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtSelected{ background-color: #f6b436; } /* selected link container DIV - not actual link probably because it's not complicated enough */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtSelected .rtIn{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtIn{ } /* A link */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtIn:hover{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL{ } /* sub-menu */ #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI.rtFirst{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI.rtLast{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtTop{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtBot{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtSelected{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtSelected .rtIn{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtIn{ } #masterContentArea .body-container .col-secondary .nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtIn:hover{ } .RadTabStrip.RadTabStrip_MetroTouch{ background-color: #0033a1; } .RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink{ background-color: rgba(255,255,255,0.2) !important; color: #ffffff; border-color: transparent !important; font-family: 'Open Sans', sans-serif; font-size: 14px; text-decoration: none !important; } .RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink:hover{ background-color: rgba(255,255,255,0.5) !important; color: #ffffff !important; border-color: #ffffff !important; text-decoration: none !important; } .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTa,bStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{ background-color: #ffffff !important; color: #1d1d1d !important; border-color: #ffffff !important; text-decoration: none !important; } .SearchField label{ color: #f6b436; font-size: 14px; } html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs, html:not(.t-safari) .UsePrimaryButton .TextButton , html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton , html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton , html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput{ background: #0033a1 !important; color: #ffffff !important; border-radius: 2px; transition: all 0.3s; } html:not(.t-safari) .PrimaryButton:hover, html:not(.t-safari) .SaveAndClose:hover, html:not(.t-safari) .SaveAs:hover, html:not(.t-safari) .UsePrimaryButton .TextButton:hover , html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage:hover, html:not(.t-safari) #masterHeaderActionArea a:hover, html:not(.t-safari) .RadGrid input.PrimaryButton:hover , html:not(.t-safari) .Spotlight .TextButton:hover, html:not(.t-safari) .BigButtonPanelArea2 .btn:hover, html:not(.t-safari) .RadUpload .ruButton:hover , html:not(.t-safari) .ruButton:hover, html:not(.t-safari) .ruFileInput:hover{ background-color: #f6b436 !important; color: #1d1d1d !important; } .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage , #masterHeaderActionArea a, .RadGrid input.PrimaryButton{ background: #0033a1 !important; color: #ffffff !important; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus , .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover , .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited , .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active , .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active , #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active , .RadGrid input.PrimaryButton:visited{ background-color: #f6b436 !important; color: #1d1d1d !important; } /* footer */ #ft{ } .footer-content{ padding: 20px 0 10px; background-color: #0033a1; color: #ffffff; } /* footer top content area */ .footer-content .social{ display: block; text-align: center; } .footer-content .social li{ display: inline-block; margin: 0 10px; text-align: center; vertical-align: middle; } .footer-content .social li a{ display: block; width: 40px; height: 40px; padding: 0px; background-color: #ffffff; color: #0033a1; border-radius: 50px; font-size: 23px; text-align: center; text-decoration: none; } .footer-content .social li a:hover{ background-color: #f6b436; color: #1d1d1d; } .footer-nav-copyright{ background-color: #f6b436; color: #1d1d1d; font-size: 10px; } /* footer copyright content area */ .footer-nav-copyright .footer-copyright{ width: 100%; padding: 20px 0 10px; } .footer-nav-copyright .footer-copyright .col-md-3{ text-align: center; } .footer-nav-copyright .footer-copyright .col-md-3:first-child{ text-align: left; } .footer-nav-copyright .footer-copyright .col-md-3 a{ text-decoration: none; } .footer-nav-copyright .footer-copyright .col-md-3 a:hover{ text-decoration: underline; } /* Events list */ .EventSummary { display: none; } .eventslist { display: block; text-align: center; } .eventslist .QueryTemplateSet { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 0; margin: 0; } .eventslist section { list-style: none; padding: 0; margin: 0; } .eventslist li { display: block; margin: 0; padding: 0; list-style: none; } .eventslist li a { position: relative; display: block; min-height: 325px; background-color: #ffffff; color: #1d1d1d; border-radius: 5px; overflow: hidden; text-align: center; text-decoration: none; transition: all 0.3s; } .eventslist li a:hover { background-color: #7500a1; color: #ffffff; } .eventslist li a > span { display: block; } .eventslist li a > span .fa { margin-right: 10px; font-size: 16px; } .eventslist li a .image { position: relative; margin: 0 0 5px; padding: 0 0 50%; background-position: center top; background-repeat: no-repeat; background-size: cover; border: solid 5px transparent; border-radius: 2px; } .eventslist li a .image .date { display: block; position: absolute; left: 0px; top: 0px; margin: 0; padding: 10px; background-color: #ffffff; color: #999999; border-radius: 0px 0 10px 0; box-shadow: none; font-size: 13px; font-weight: bold; transition: all 0.3s; } .eventslist li a .image .date .fa { margin-right: 0; font-size: 36px; text-shadow: none; vertical-align: -2px; } .eventslist li a .image .date strong { position: absolute; left: 18px; top: 20px; display: block; width: 18px; font-size: 15px; text-shadow: none; } .eventslist li a:hover .image .date { background-color: #7500a1; color: #ffffff; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); } .eventslist li a:hover .image .date .fa { text-shadow: -1px -1px 1px rgba(0,0,0,0.7); } .eventslist li a:hover .image .date strong { text-shadow: -1px -1px 0px rgba(0,0,0,0.5); } .eventslist li a .title { height: 70px; margin: 0; padding: 15px 10px; font-size: 14px; line-height: 20px; overflow: hidden; text-shadow: none; font-weight: bold; } .eventslist li a:hover .title { text-shadow: -1px -1px 0px rgba(0,0,0,0.5); } .eventslist li a .hangbar { display: flex; padding: 0; margin: 0; background-color: #ffffff; border-top: solid 2px #ffffff; overflow: hidden; } .eventslist li a .hangbar > span { flex: 1; padding: 10px; font-size: 13px; } .eventslist li a .hangbar .fa { display: block; margin: 0 0 10px; font-size: 20px; } .eventslist li a .hangbar .date { background-color: #4c70bd; color: #ffffff; } .eventslist li a .hangbar .eventtype { background-color: #f6b436; color: #ffffff; } .eventslist li a .hangbar .location { background-color: #0033a1; color: #ffffff; } /* Hide content item controls */ .eventslist .ContentItemButtonPanel { display: none; } .event-slider{ } .event-slider .carousel{ } .event-slider .carousel .carousel-inner{ } .event-slider .carousel .carousel-inner .item{ background-attachment: scroll; } .event-slider .carousel .carousel-inner .item.active{ } .event-slider .carousel .carousel-inner .item img{ } .event-slider .carousel-caption{ left: 0; bottom: 0; right: 0 !important; top: auto; display: block; width: 100%; padding: 0; background-color: rgba(0,0,0,0.5); color: #ffffff; border-radius: 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; text-align: left !important; text-shadow: none; } .event-slider .carousel-caption h1, .event-slider .carousel-caption h2{ color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 24px; text-shadow: none; } .event-slider .carousel-caption p{ font-size: 12px; line-height: 18px; text-shadow: none; } .event-slider .carousel-caption .left{ float: left; width: 13%; padding: 10px 30px; background-color: #f6b436; } .event-slider .carousel-caption .left span{ display: block; text-align: center; } .event-slider .carousel-caption .left .date{ font-size: 24px; font-weight: 700; text-shadow: -1px -1px 1px rgba(0,0,0,0.2); } .event-slider .carousel-caption .left .month{ font-size: 12px; text-transform: uppercase; } .event-slider .carousel-caption .right{ float: left; width: 85%; padding: 4px 30px; } .event-slider .carousel-caption .right h2{ font-size: 24px; } .event-slider .carousel-caption .right .link{ margin: 0 !important; /*text-align: right;*/ } .event-slider .carousel-caption .right .link span{ display: inline-block; padding: 4px 10px; background-color: #ffffff; color: #0033a1; border-radius: 3px; font-size: 10px; text-transform: uppercase; transition: all 0.3s; } .event-slider:hover .carousel-caption .right .link span{ background-color: #0033a1; color: #ffffff; } .event-slider .carousel .carousel-indicators{ } .event-slider .carousel a.carousel-control{ display: none; } .event-slider .carousel a.carousel-control.left{ } .event-slider .carousel a.carousel-control.right{ } .boxlist{ display: block; overflow: hidden; } .boxlist .boxlist__row{ float: left; width: 49%; } .boxlist .boxlist__row:nth-child(even){ float: right; } .boxlist .boxlist__row a{ display: block; padding: 30px 0 0; color: #1d1d1d; border: solid 1px #cccccc; text-decoration: none; } .boxlist .boxlist__row a span{ display: block; margin: 0 0 5px; padding: 0 30px; color: #cccccc; font-size: 12px; font-weight: 700; line-height: 16px; transition: all 0.3s; } .boxlist .boxlist__row a .title{ margin: 0 0 10px; color: #0033a1; font-size: 16px; font-weight: 700; line-height: 24px; text-transform: uppercase; } .boxlist .boxlist__row a:hover .title{ color: #f6b436; } .boxlist .boxlist__row a .date{ } .boxlist .boxlist__row a .date:before{ content: '\f073'; display: inline-block; width: 15px; margin-right: 5px; font-family: FontAwesome; text-align: center; } .boxlist .boxlist__row a .city{ } .boxlist .boxlist__row a .city:before{ content: '\f041'; display: inline-block; width: 15px; margin-right: 5px; font-family: FontAwesome; text-align: center; } .boxlist .boxlist__row a .agegroup{ } .boxlist .boxlist__row a .agegroup:before{ content: '\f2bd'; display: inline-block; width: 15px; margin-right: 5px; font-family: FontAwesome; text-align: center; } .boxlist .boxlist__row a .type{ } .boxlist .boxlist__row a .type:before{ content: '\f24d'; display: inline-block; width: 15px; margin-right: 5px; font-family: FontAwesome; text-align: center; } .boxlist .boxlist__row a .description{ min-height: 32px; margin: 10px 0; } .boxlist .boxlist__row a .link{ margin: 15px 0 0; padding: 15px 30px; background-color: #f0f0f0; color: #0033a1; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; } .boxlist .boxlist__row a:hover .link{ background-color: #0033a1; color: #ffffff; } .eventslisting{ } .eventslisting h2{ font-size: 20px; } .eventsectionlist{ margin: 0 0 30px; padding: 0; list-style: none; } .eventsectionlist li{ margin: 0 0 1px; padding: 0; list-tyle: none; } .eventsectionlist li a{ position: relative; display: block; padding: 0 10px; color: #1d1d1d; text-decoration: none; } .eventsectionlist li:nth-child(odd) a{ background-color: #f0f0f0; } .eventsectionlist li a:hover{ background-color: #f6b436; } .eventsectionlist li a:hover span{ color: #ffffff !important; } .eventsectionlist li a>span{ display: inline-block; padding: 20px 10px; transition: all 0.3s; vertical-align: middle; } .eventsectionlist li a .date{ width: 10%; font-size: 20px; color: #0033a1; } .eventsectionlist li a .title{ width: 52%; font-size: 20px; color: #0033a1; } .eventsectionlist li a .city{ width: 15%; color: #999999; font-size: 13px; font-weight: 700; } .eventsectionlist li a .eventtype{ width: 20%; color: #999999; font-size: 13px; font-weight: 700; } .eventsectionlist li a .link{ position: absolute; right: 0; top: 0; bottom: 0; display: block; padding: 29px 10px; background-color: #999999; color: #ffffff; border-radius: 0 0 0 30px; font-size: 10px; text-transform: uppercase; } .eventsectionlist li a:hover .link{ background-color: #0033a1; color: #ffffff; } .eventinfo{ display: block; overflow: hidden; } .eventinfo .title{ display: block; } .eventinfo .title h1{ } .eventinfo .left{ float: left; width: 50%; } .eventinfo .left .image{ display: block; width: 100%; padding: 0 0 50%; background-position: center; background-repeat: no-repeat; background-size: cover; } .eventinfo .right{ float: right; width: 45%; } .eventinfo .right>ul{ display: block; margin: 0; padding: 0; list-style: none; } .eventinfo .right>ul li{ display: block; margin: 0; padding: 10px 0; border-bottom: solid 1px #cccccc; color: #999999; list-style: none; overflow: hidden; } .eventinfo .right>ul li:last-child{ border-bottom: none; } .eventinfo .right>ul li>.fa{ min-width: 30px; padding-top: 5px; vertical-align: top; } .eventinfo .right>ul li>span{ display: inline-block; width: 85%; } .eventinfo .right>ul li>span a{ display: inline-block; margin: 0 5px 5px 0; padding: 0px 15px; background-color: #cccccc; color: #ffffff; border-radius: 2px; text-decoration: none; } .eventinfo .right>ul li>span a .fa{ margin-right: 5px; } .eventinfo .right>ul li>span a:hover{ background-color: #f6b436; color: #ffffff; } .EventDisplay{ } .EventDisplay .EventSummary{ } .EventDisplay .EventDetails{ display: block; } .EventDisplay .EventDetails .ContactLocationArea{ display: block; width: 100%; overflow: hidden; } #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhenDiv {display: none;} #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhereDiv {display: none;} .EventDisplay .EventDetails .PanelField{ float: left; width: 49%; min-height: 110px; padding: 15px; background-color: #f0f0f0; border: solid 1px #cccccc; text-align: center; } .EventDisplay .EventDetails .PanelField:nth-child(odd){ /*float: right;*/ } .EventDisplay .EventDetails .PanelField .PanelFieldLabel{ display: block; width: 100%; text-align: center; } .EventDisplay .EventDetails .PanelField .PanelFieldLabel span{ display: block; width: 100%; color: #0033a1; text-align: center; } .EventDisplay .EventDetails .PanelField .PanelFieldValue{ display: block; width: 100%; text-align: center; } .eventdisplaypage .TitleBarTitle{ display: none; } .eventcontentinfo{ } .eventcontentinfo h1,.eventcontentinfo h2{ font-size: 24px; line-height: 30px; } .eventcontentinfo h3{ color: #0033a1; font-size: 18px; line-height: 24px; } .eventcontentinfo p{ color: #999999; font-size: 16px; line-height: 24px; text-align: justify; } .eventcontentinfo p a{ color: #0033a1; } .eventcontentinfo p strong{ } .eventcontentinfo ul{ } .eventcontentinfo ul li{ color: #999999; font-size: 16px; line-height: 22px; } .eventterms{ display: block; margin: 0px 0; padding: 30px; border-top: solid 1px #cccccc; } .eventterms h3{ color: #666666; font-size: 18px; line-height: 24px; } .eventterms p{ margin: 0 0 20px; color: #666666; font-size: 13px; line-height: 18px; } /* news */ .newslist{ display: block; width: 100%; margin: 0 auto; padding: 0; text-align: center; } .newslist li{ display: inline-block; width: 31%; margin-bottom: 30px; vertical-align: top; } .newslist li:nth-child(3n+2){ width: 31%; margin-left: 1.9%; margin-right: 1.9%; } .newslist li a{ position: relative; display: block; min-height: 325px; background-color: #ffffff; color: #1d1d1d; border-radius: 5px; overflow: hidden; text-align: center; text-decoration: none; } .newslist li a:hover{ background-color: #0033a1; color: #ffffff; } .newslist li a>span{ display: block; } .newslist li a>span .fa{ margin-right: 10px; font-size: 16px; } .newslist li a .image{ /*position: relative;*/ margin: 0 0 5px; padding: 0 0 50%; background-position: center top; background-repeat: no-repeat; background-size: cover; border: solid 5px transparent; border-radius: 2px; } .newslist li a .date{ margin: 0 0 0; padding: 15px 10px; font-size: 12px; line-height: 18px; } .newslist li a .title{ height: 70px; margin: 0 0 0; padding: 15px 10px; font-size: 14px; line-height: 18px; } /* my guidebook */ /* .prominentbutton{ display: block; } .prominentbutton .PrimaryButton{ /margin: 0 0 15px; padding: 5px 25px !important; background: #f6b436 !important; color: #ffffff !important; border-radius: 2px; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; } .prominentbutton .PrimaryButton .fa{ margin-right: 10px; } .prominentbutton .PrimaryButton:hover{ background-color: #0033a1; color: #ffffff; } */ .dashboardprofile .SectionLabel{ color: #1d1d1d; } .Alerts ul.AlertSet{ } .Alerts .AlertItem{ background-color: #fad898; border: solid 1px #f6b436; } .Alerts .AlertItem .media{ display: block; text-align: center; } .Alerts .AlertItem .media img{ float: none; display: inline-block; vertical-align: middle; } .Alerts .AlertItem .media .media-body{ display: inline-block; width: auto; vertical-align: middle; } .profilebuttons{ display: block; } .profilebuttons a{ display: block; margin: 0 0 15px; padding: 5px 25px; background-color: #0033a1; color: #ffffff; border-radius: 2px; font-size: 16px; font-weight: 300; text-align: center; text-decoration: none; } .profilebuttons a .fa{ margin-right: 10px; } .profilebuttons a:hover{ background-color: #f6b436; color: #ffffff; } .dashboardtitlebar{ display: block; margin-top: 50px; padding-bottom: 10px; font-size: 24px; border-bottom: solid 1px #0033a1 !important; } .dashboardtitlebar>a{ margin-left: 30px; padding: 5px 15px; font-size: 9px; vertical-align: 5px; } .dashboardtitlebar>a .fa{ } .dashboardtitlebar>a:hover{ } .eventslist.dashboardlist{ text-align: left; } .eventslist.dashboardlist li{ display: block; width: 100%; margin-bottom: 15px; overflow: hidden; } .eventslist.dashboardlist li:nth-child(3n+2){ width: 100%; margin-left: 0; margin-right: 0; } .eventslist.dashboardlist li a{ min-height: 0; background-color: #f8f8f8; text-align: left; } .eventslist.dashboardlist li a:hover{ background-color: #9999ff !important; color: #1d1d1d !important; } .eventslist.dashboardlist li:nth-child(even) a{ background-color: #f1f1f1; } .eventslist.dashboardlist li a>span{ display: inline-block; vertical-align: top; } .eventslist.dashboardlist li a .image{ float: left; width: 20%; margin: 0; padding: 0 0 20%; border: none; } .eventslist.dashboardlist li a .title{ float: left; width: 74%; height: auto; margin: 0 0 0; padding: 15px 30px; font-size: 14px; font-weight: 700; } .eventslist.dashboardlist li a:hover .title{ text-shadow: none; } .eventslist.dashboardlist li a .hangbar{ float: left; width: 74%; padding: 0 10px; background-color: transparent; border-top: none; overflow: hidden; } .eventslist.dashboardlist li a .hangbar>span{ text-align: center; } .eventslist.dashboardlist li a .hangbar .date{ margin: 0 0 0; background-color: transparent; color: #333333; } .eventslist.dashboardlist li a .hangbar .eventtype{ margin: 0 0.49% 0; background-color: transparent; color: #333333; } .eventslist.dashboardlist li a .hangbar .location{ margin: 0 0 0; background-color: transparent; color: #333333; } .newslist.dashboardlist{ text-align: left; } .newslist.dashboardlist li{ display: block; width: 100%; margin-bottom: 15px; overflow: hidden; } .newslist.dashboardlist li:nth-child(3n+2){ width: 100%; margin-left: 0; margin-right: 0; } .newslist.dashboardlist li a{ min-height: 0; background-color: #f8f8f8; text-align: left; } .newslist.dashboardlist li a:hover{ background-color: #9999ff !important; color: #1d1d1d !important; } .newslist.dashboardlist li:nth-child(even) a{ background-color: #f1f1f1; } .newslist.dashboardlist li a>span{ display: inline-block; vertical-align: top; } .newslist.dashboardlist li a .image{ float: left; width: 20%; margin: 0; padding: 0 0 20%; border: none; } .newslist.dashboardlist li a .date{ float: left; width: 74%; height: auto; margin: 0 0 0; padding: 15px 30px 0; font-size: 12px; font-weight: 400; } .newslist.dashboardlist li a .title{ float: left; width: 74%; height: auto; margin: 0 0 0; padding: 15px 30px; font-size: 14px; font-weight: 700; } /* unit search */ body.unitsearch .panel-body-container{ background-color: #ffffff; border: none; } body.unitsearch .panel-body{ background-color: #ffffff; border: none; } body.unitsearch .PanelField{ background-color: #ffffff; border: none; } body.unitsearch .TextButton{ display: inline-block; padding: 10px 25px !important; background: #0033a1 !important; color: #ffffff; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; line-height: 11px; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; } body.unitsearch .TextButton:hover{ background-color: #f6b436 !important; color: #ffffff !important; } body.unitsearch .TextButton .fa{ margin-right: 10px; } body.unitsearch .radius-panel{ margin-top: 90px; } .addeventatc{ display: inline-block; padding: 5px 15px; background-color: #005daa; color: #ffffff; border-radius: 2px; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 11px; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; transition: all 0.3s; } .addeventatc:hover{ background: #fcb040 !important; color: #ffffff !important; } /* tagged list */ .TaggedListPanel{ } .TaggedListPanel .BlockTLItem{ } .TaggedListPanel .BlockTLItem:last-child{ } .TaggedListPanel .BlockTLItem h4{ } .TaggedListPanel .BlockTLItem h4 a{ } .TaggedListPanel .BlockTLItem h4 a:hover{ } .TaggedListPanel .BlockTLItem p{ } .TaggedListPanel .BlockTLItem p span{ } /* horizontal items, e.g. default events listing on homepage */ .RelatedItemsHorizontal{ } .RelatedItemsHorizontal li{ } .RelatedItemsHorizontal li a.ImageLink{ } .RelatedItemsHorizontal li a.ImageLink img{ } .RelatedItemsHorizontal li a.LabelLink{ } /* dynamic repeater events list > date icon on left, content on right (e.g. CBFCA homepage events) */ /* */ .dmrp_latesteventslist{ margin: 0; padding: 0; list-style: none; } .dmrp_latesteventslist li{ } .dmrp_latesteventslist li:last-child{ } .dmrp_latesteventslist li a{ } .dmrp_latesteventslist li a:hover{ } .dmrp_latesteventslist li a div.dateicon{ } .dmrp_latesteventslist li a:hover div.dateicon{ } .dmrp_latesteventslist li a div.dateicon span.date{ } .dmrp_latesteventslist li a div.dateicon span.month{ } .dmrp_latesteventslist li a div.content{ } .dmrp_latesteventslist li a div.content span.title{ } .dmrp_latesteventslist li a:hover div.content span.title{ } .dmrp_latesteventslist li a div.content span.description{ } /* dynamic repeater events filters > radio input style */ div.searchfilters{ display: block; overflow: hidden; } .eventdisplaypage div.searchfilters{ margin-top: 85px; } div.searchfilters h2{ display: block; margin: 0 0 30px; padding: 10px 0 0; font-size: 36px; font-weight: 400; } div.searchfilters a.mobilefilterlink{ display: none; } div.searchfilters div.filterset{ position: relative; display: block; width: 100%; /*margin: 0 0 15px; padding: 10px 15px;*/ } div.searchfilters div.filterset:first-child{ /*display: none;*/ } div.searchfilters div.filterset h5{ /*margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #0033a1;*/ color: #0033a1; font-weight: 700; text-transform: uppercase; } div.commonsearchfilters{ display: block; overflow: hidden; } div.commonsearchfilters h2{ display: block; margin: 0 0 30px; padding: 10px 0 0; font-size: 36px; font-weight: 400; } div.commonsearchfilters a.mobilefilterlink{ display: none; } div.commonsearchfilters div.filterset{ position: relative; display: block; width: 100%; /*margin: 0 0 15px; padding: 10px 15px;*/ } div.commonsearchfilters div.filterset:first-child{ /*display: none;*/ } div.commonsearchfilters div.filterset h5{ /*margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #0033a1;*/ color: #0033a1; font-weight: 700; text-transform: uppercase; } ul.radiooptions{ display: block; margin: 0 0 10px; padding: 0; list-style: none; overflow: hidden; } ul.radiooptions li{ display: block; /*margin: 0 0 5px; padding: 2px 5px 2px 0px;*/ border: solid 1px transparent; color: #4f4f4f; cursor: pointer; font-size: 13px; transition: all 0.3s; } ul.radiooptions li span.radio{ display: inline-block; width: 15px; height: 15px; margin-right: 15px; background-color: transparent; border: solid 2px #cccccc; border-radius: 20px; vertical-align: -3px; transition: all 0.3s; } ul.radiooptions li span.label{ display: inline-block; font-size: 12px; transition: all 0.3s; } ul.radiooptions li:hover{ } ul.radiooptions li:hover span.radio{ background-color: #f6b436; border: solid 2px #ffffff; box-shadow: 0 0 3px rgba(246,180,54,1); } ul.radiooptions li.FilterSelect{ } ul.radiooptions li.FilterSelect span.radio{ background-color: #0033a1; border: solid 2px #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.5); } div.mobilesearchfilters{ display: block; overflow: hidden; } div.mobilesearchfilters h2{ margin: 0 0 0; font-size: 24px; } div.mobilesearchfilters a.mobilefilterlink{ display: none; } div.mobilesearchfilters div.filterset{ position: relative; display: inline-block; width: 40%; margin: 0 1px 0 0; /*padding: 10px 15px;*/ text-align: center; vertical-align: top; } div.mobilesearchfilters div.filterset:first-of-type{ width: 10%; } div.mobilesearchfilters div.filterset h5{ margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #0033a1; color: #0033a1; font-weight: 700; } div.mobilesearchfilters div.filterset ul.radiooptions li{ padding: 0; } div.mobilesearchfilters div.filterset ul.radiooptions li .radio{ display: none; } div.mobilesearchfilters div.filterset ul.radiooptions li.FilterSelect{ padding: 0 3px; background-color: #f6b436; color: #ffffff; border-radius: 2px; } /* WebFormz */ .rpOut {display: none !important;} .rpLink {display: none !important;} .information{ position: relative; display: block; padding: 15px 15px 15px 70px; background-color: #eeeeee; color: #333333; border: solid 1px #4c70bd; border-radius: 2px; font-size: 14px; line-height: 20px; } .information:before{ position: absolute; left: 15px; top: 15px; content: '\f129'; display: block; width: 25px; height: 25px; padding: 3px 0 0; background-color: #4c70bd; color: #ffffff; border-radius: 4px; font-family: FontAwesome; text-align: center; } .RadDropDownList_WebFormZ {width: 19em !important;} #ctl01_TemplateBody_WebPartManager1_gwpciYouthApplicationFormForm1_ciYouthApplicationFormForm1_SummaryRadPanelBar {display: none !important;} @media (max-width:1024px){ .carousel .carousel-inner .item{ background-attachment: scroll; background-size: cover; } .eventslist li, .eventslist li:nth-child(3n+2){ display: block; width: 100%; margin: 0 0 30px; } .eventslist li a{ min-height: 0; } .eventslist li a .image{ float: left; width: 50%; padding: 0 0 25%; border: none; } .eventslist li:nth-child(3n+2) a .image{ float: right; } .eventslist li:nth-child(3n+2) a .image .date{ left: auto; right: 0; border-radius: 0 0 0 10px; } .newslist li, .newslist li:nth-child(3n+2){ display: block; width: 100%; margin: 0 0 30px; } .newslist li a{ min-height: 0; } .newslist li a .image{ float: left; width: 50%; padding: 0 0 25%; border: none; } .newslist li:nth-child(3n+2) a .image{ float: right; } .newslist li:nth-child(3n+2) a .image .date{ left: auto; right: 0; border-radius: 0 0 0 10px; } } @media (max-width:769px){ div.searchfilters h2{ display: none; } div.searchfilters a.mobilefilterlink{ display: block; padding: 0 10px; color: #999999; border: solid 1px #cccccc; font-size: 16px; text-decoration: none; text-transform: uppercase; } div.searchfilters div.filterset{ display: block; width: 100%; max-height: 0; margin: 0; padding: 0; border: solid 1px transparent; overflow: hidden; transition: all 0.3s; } div.searchfilters div.filterset.visible, .expanded div.filterset{ max-height: 500px !important; margin: -10px 0 0 !important; padding: 20px 10px 0 !important; border: solid 1px #cccccc !important; border-top: none !important; border-bottom: none !important; } .expanded div.filterset:last-child{ border-bottom: solid 1px #cccccc !important; } .eventsectionlist li a .link{ border-radius: 0px; } .eventsectionlist li a .title{ font-size: 16px; } .eventsectionlist li a>span{ padding: 15px 10px; } .hometileset li{ display: block; width: 100%; } .hometileset li a{ padding: 0 0 60%; } } @media (max-width:760px){ #masterLogoArea{ float: none; display: block; width: 100%; margin: 0; padding: 30px; } #masterHeaderImage{ display: block; width: 100%; height: 100px; background-position: center; } .header-top-container .navbar-header{ float: none; display: block; width: 100%; text-align: center; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a{ font-size: 18px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a{ font-size: 20px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a .nav-text{ display: none; } .header-container .nav-auxiliary .UtilityAuthentication a{ font-size: 16px; } .navbar-toggle{ background-color: transparent !important; } .navbar-toggle .icon-bar{ background-color: #0033a1; } .navbar-toggle .icon-search{ margin-top: -19px; background: none !important; color: #0033a1; font-size: 20px; } .navbar-toggle .icon-search:before{ content: '\f002'; display: inline-block; margin: 0 10px 0 0; font-family: FontAwesome; vertical-align: 2px; } .navbar-collapse, .searchbar-collapse{ background-color: transparent !important; } .row.parallax{ padding: 0px; } .quicklinks li{ width: 100%; } .eventslist li a .image{ float: none; display: block; width: 100%; padding: 0 0 50%; border: none; } .eventslist li:nth-child(3n+2) a .image{ float: none; display: block; } .eventslist li:nth-child(3n+2) a .image .date{ left: 0; right: auto; border-radius: 0 0 10px 0; } .eventslist li a .hangbar>span{ float: none; display: block; width: 100%; margin: 0 !important; } .newslist li a .image{ float: none; display: block; width: 100%; padding: 0 0 50%; border: none; } .newslist li:nth-child(3n+2) a .image{ float: none; display: block; } .newslist li:nth-child(3n+2) a .image .date{ left: 0; right: auto; border-radius: 0 0 10px 0; } .eventsectionlist li a .link{ position: relative; margin: 10px 0; padding: 10px 10px; background-color: #0033a1; color: #ffffff; text-align: center; } } @media (max-width:625px){ .carousel .carousel-inner .item{ background-attachment: scroll; } .carousel-caption{ top: 20%; left: 5%; right: 5% !important; } .carousel-caption h1{ font-size: 28px; line-height: 36px; } .event-slider .carousel-caption .left{ width: 28%; } .event-slider .carousel-caption .right{ width: 70%; } .event-slider .carousel-caption .right h2{ font-size: 14px; } .boxlist .boxlist__row{ float: none; display: block; width: 100%; margin: 0 0 15px; } .eventsectionlist li a{ padding: 0; background-color: #ffffff !important; border: solid 1px #cccccc; } .eventsectionlist li a:hover{ padding: 0; background-color: #f6b436 !important; border: solid 1px #cccccc; } .eventsectionlist li a>span{ display: block; width: 100% !important; padding: 0 10px; } .eventsectionlist li a .title{ font-size: 16px; } .eventsectionlist li a .link{ margin: 15px 0 0; padding: 15px 30px; background-color: #f0f0f0; color: #0033a1; font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; text-transform: uppercase; } .eventinfo .title h1{ line-height: 42px; } .eventinfo .left{ float: none; display: block; width: 100%; margin: 0 0 15px; } .eventinfo .right{ float: none; display: block; width: 100%; margin: 0 0 15px; } .EventDisplay .EventDetails .PanelField{ float: none; display: block; width: 100%; margin: 0 0 15px; } .hometileset li a{ padding: 0 0 100%; } .ContentBlockPictureArea, .ContentBlockLeft{ width: 100%; margin: 0 0 30px; } } .rpItem, .rpGroup, .rpSlide { overflow: hidden!important; } .Wrapper-HomePage .HomePageFullWidthArea, .TemplateManagerArea .HomePageFullWidthArea { overflow: hidden !important; } @media (min-width: 992px) { .header-bottom-container { min-height: auto !important; } } .event-slider .carousel-caption { transform: none !important; }