/* ======================================= Theme Name: Carew Peel Forest School Version: 2.8 Last modified: 11 September 2018 Author: Charlotte Ivey Author contact: charlotte@etime.co.nz Author URI: http://www.etime.co.nz ========================================================= */ /*------------------------------------------------------------------------------- THEMES Data-theme 0 - LIGHT Data-theme 1 - DARK #dc2d2d - red #085c36 - green #2daae1 - bright blue #4e4e4e - charcoal ----------------------------------------------------------------------------------*/ /*DARK BGS*/ [data-theme="1"] .u2-paragraph, [data-theme="1"] .Paragraph, [data-theme="1"] .iFrame, [data-theme="1"] .Content, [data-theme="1"] .NewsCentreBanner, [data-theme="1"] .NewsCentreCards, [data-theme="1"] .IconLinks, [data-theme="1"] .u2-heading, [data-theme="1"] .Heading, [data-theme="1"] #edtHeading, [data-theme="1"] .ContentWithLinks, ContentWithLinks[data-theme="1"] .ContentWithLinks .Text { background-color:#dc2d2d; width:100%; color:#fff; padding-bottom:0em; } /*Dark theme news cards - light boxes*/ [data-theme="1"] .u2-news-card .u2-more, [data-theme="1"] .u2-news-card .u2-content, [data-theme="1"] .u2-description p { background-color:#fff; width:100%; color:#000; } /*Light theme news cards - dark boxes*/ [data-theme="0"] .u2-news-card .u2-more, [data-theme="0"] .u2-news-card .u2-content, [data-theme="0"] .u2-description p { background-color:#fff; width:100%; color:#000; } /*Dark theme headings*/ [data-theme="1"][data-u2-module="Heading"]{ background:#73af3d !important; padding-bottom: .2em; text-align:center; color:#fff; } /*Dark theme links*/ [data-theme="1"] .u2-paragraph a, [data-theme="1"] .ContentWithLinks a, [data-theme="1"] .ContentWithLinks .Text a{ color:#006652; } [data-theme="1"][data-u2-module="Paragraph"]{ background:#73af3d !important; color:#fff; } [data-theme="1"][data-u2-module="Page_iframe"]{ background:#73af3d !important; color:#fff;} [data-theme="1"][data-u2-module="Content"]{background:#73af3d !important; color:#fff;} [data-theme="1"][data-u2-module="ContentWithLinks"]{background:#73af3d !important; color:#fff;} [data-theme="1"][data-u2-module="NewsCentreCards"]{background:#73af3d !important; } [data-theme="1"][data-u2-module="IconLinks"]{background:#73af3d !important; } [data-theme="1"] .card-text{background-color:#fff; color:#000;} /*------------------LIGHT THEME-----------------*/ [data-theme="0"] .u2-content, [data-theme="0"] .u2-paragraph, [data-theme="0"] .u2-heading, [data-theme="0"] .ContentWithLinks .Text, [data-theme="0"] .card-text, [data-theme="0"] .u2-find-more{ color:#000; } [data-theme="0"] .card-text{ } [data-theme="0"] .u2-paragraph, [data-theme="0"] .u2-heading { text-align:center; color:#000; padding-bottom:0em; } [data-theme="0"] .ContentWithLinks .Text { color:#000; padding-bottom:2em; } /*-----------------BOTH THEMES-------------------*/ /*All modules aligned to centre*/ [data-theme="1"] .u2-content, [data-theme="0"] .u2-content, [data-theme="1"] .u2-paragraph, [data-theme="0"] .u2-paragraph, [data-theme="1"] .Paragraph, [data-theme="0"] .Paragraph, [data-theme="1"] .u2-heading, [data-theme="0"] .u2-heading, [data-theme="1"] .u2-find-more, [data-theme="0"] .u2-find-more, [data-theme="1"] .u2-description p, { text-align:center; } .Text{ margin-bottom:20px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ///////////////////////////////////////////////////////////////////////////// BODY STYLING //////////////////////////////////////////////////////////////////////////////// /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------- EDIT MODE AND PAGE CONTENT DISPLAY -----------------------------------------------------------------------------------*/ #PageHTML_Content, #WikiPages, #Categories, .tab-content, main .Paragraph, main .Text, .outer > .inner li[data-lock='1'] div.Text, /*.Paragraph*/ .u2-content, .u2-news-item p, body { font-size:15px; color:#000; } /*-------------------------------------------------------------------------------- HEADINGS -----------------------------------------------------------------------------------*/ /* Heading - pages */ main .u2-heading{ color: #000; padding-top:0em; padding-bottom: .5em; text-align: left; font-weight:bold; }/*secondary colour*/ h3.u2-heading[data-size='3'] { font-size:38px; font-weight:600; padding-top:0em; padding-bottom: .5em; } h3.u2-heading[data-size='2'] { font-size:24px; font-weight:600; padding-top:30px; padding-bottom:0px; margin-bottom:0px; } h3.u2-heading[data-size='1'] { font-size:18px; font-weight:600; padding-top:30px; padding-bottom:0px; margin-bottom:0px; color:inherit; font-style:italic; } /* Heading - homepage */ .container.Heading { margin:0px; width:100%; padding:0px; } /*============================================================================================ Full width header ============================================================================================= */ /* Only apply this to larger screens. leave mobile phone size as it is so the image doesnt take all the screen space.*/ @media (min-width: 768px) { /*Position repeating part of the background on this element.*/ .u2-menu-outer { background:url('http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Page_Bg.png') repeat-x center top; } @media (-webkit-min-device-pixel-ratio: 2){ /* ------For Retina-------*/ .u2-menu-outer { background:url('http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Page_Bg-Retina.png') repeat-x center top; background-size:1px 263px; } } /*Add the block with logo and river in to this block; add some padding to we can move the menu down in to the nav bar*/ .u2-menu-outer .u2-menu-block { padding-top:186px; padding-bottom:6px; background:url('http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Brand-72dpi.jpg') no-repeat center top; } @media (-webkit-min-device-pixel-ratio: 2) {/*------For Retina-------*/ .u2-menu-outer .u2-menu-block { background:url('http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Brand-Retina.jpg') no-repeat center top; background-size:1500px 263px; } } /*Hide the logo as it is embeded in the image itself*/ .navbar-brand { height:0px; } /*Center the main menu and set the max-width to be the same as the collapsing point. This way menu will always stay the same (making it easier to work with position of it in the nav bar)*/ #mainNavigation { max-width: 768px; margin: 0 auto; text-align: center; } /*Make it so that the menu stays center aligned (except for the controls) to look ok with the branding thats also center aligned.*/ .navbar-right:not(.u2-nav-controls) { float: none !important; display: inline-block; margin-left:20px; } .u2-menu-outer .navbar-nav:not(.u2-nav-controls) a {} .u2-menu-outer .navbar-nav:not(.u2-nav-controls) a[href]:focus, .u2-menu-outer .navbar-nav:not(.u2-nav-controls) a[href]:hover, .u2-menu-outer .navbar-nav:not(.u2-nav-controls) .open a, .u2-menu-outer .navbar-nav:not(.u2-nav-controls) .open a[href]:hover, .u2-menu-outer .navbar-nav:not(.u2-nav-controls) .dropdown-menu { background: #d31729; color:#fff; } .u2-menu-outer .navbar-nav:not(.u2-nav-controls) .open a { border-bottom-left-radius:0; border-bottom-right-radius:0 } } @media (max-width: 768px){ .u2-menu-outer .u2-menu-block { background: url(http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Brand-Mobile.jpg) no-repeat center top; } } @media (-webkit-min-device-pixel-ratio: 2){ @media (max-width: 768px){ .u2-menu-outer .u2-menu-block { background: url(http://carewpeelforest.ultranet.school.nz/App_Themes/Site_Skin/Theme/Brand-Mobilex2.jpg) no-repeat center top; background-size: 768px 125px; } } } /*------------------------------------------------------------------------------- BRANDING -----------------------------------------------------------------------------------*/ /* School logo */ .u2-menu-outer .navbar-brand img { width: 17px; height:15px; margin-top:43px; float:right; } .u2-menu-outer .u2-menu-block { } /*-------------------------------------------------------------------------------- BREADCRUMBS NAV BAR -----------------------------------------------------------------------------------*/ /* Breadcrumbs nav bar */ .breadcrumb { display:none; } .col-md-12{ /*Hack to remove 1px min height when breadcrumb bar hidden*/ min-height:0px; } .page-head { background: none !important; } .page-head .header-wrapper { padding-top: 0px; padding-bottom: 0px; border: none; background: #fff; border-bottom: solid 2px #e6eaed; } .ParentAccessIndicator{ color:#dcdcdc; padding:8px 10px; }/*Lock icon*/ .ParentAccessIndicator .PageTools_ParentToolTip{ color:#96ce00; } /*-------------------------------------------------------------------------------- HYPERLINKS -----------------------------------------------------------------------------------*/ /*hyperlinks*/ a, .u2-news-card .u2-link a, .NCH_NewsBySection_Title, .NCH_NewsBySection_Outer { color:#dc2d2d; } a:hover, a:focus{ color:#dc2d2d; } /*-------------------------------------------------------------------------------- MODULE - HOMEPAGE NOTICES FEED -----------------------------------------------------------------------------------*/ .NCH_NewsBySection_Title{ font-size:15px; font-weight:bold; } .NCH_NewsBySection_Outer{ font-size:13px; font-weight:bold; left:-8px; } .NC_Marquee{ text-align:center; } .NCH_NewsBySection_Outer:before{ display:none; } .Content .u2-news-card{ -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius: 0em 0em 1em 1em; border-radius: 0em 0em 1em 1em; border:2px solid #e6eaed; } /*CALENDAR FEED*/ .u2-calendar-feed{ -webkit-border-radius: 1em 1em 0em 0em; -moz-border-radius: 1em 1em 0em 0em; border-radius: 1em 1em 0em 0em; border: solid 2px #e6eaed; height: 452px; padding: 5px; background: #fff; padding: 20px; } .u2-facebook-feed{ -webkit-border-radius: 1em 1em 0em 0em; -moz-border-radius: 1em 1em 0em 0em; border-radius: 1em 1em 0em 0em; border: solid 2px #e6eaed; height: 452px; padding: 5px; background: #fff; padding: 20px; } .content_button_base{ text-align: center; margin-top: 50px; text-transform: uppercase; margin-bottom: 30px; background-image: none; width: 100%; } .content_button_base a{ -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 600; background-color: #dc2d2d; border: none; color: #fff !important; text-shadow: none; margin: 0 auto 30px auto !important; box-shadow: none; display: inline-block; width: 100%; padding: 15px 20px; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius: 0em 0em 1em 1em; border-radius: 0em 0em 1em 1em; } /*-------------------------------------------------------------------------------- PAGES -----------------------------------------------------------------------------------*/ /* main content */ body { background: #f2f5f7; } /* Background */ main { padding: 0; } main.container-fluid, main.container { background:none; padding: 0px 0px 50px 0px; } main.container-fluid.Subpage{ padding-top:50px; padding-bottom:50px; } .Page_p li { margin:8px 0px; } /* list line height override*/ /* Text wrapping */ main .u2-heading, main #PageHTML_Content, main #WikiPages, main .Text, main .Paragraph { -ms-word-break: break-word; word-break: break-word; } .Page_p ul{ padding-top:0px; } /*-------------------------------------------------------------------------------- MENU -----------------------------------------------------------------------------------*/ /* Menu offsets */ @media (min-width: 768px) { /*Set this to max-width: calc(100% - ({logo width} + 65px)) for best results */ .u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links {max-width:calc(100% - 80px)} .u2-menu-outer[data-authenticated='0'] .u2-menu-block .u2-nav-links { max-width: 100%; } } .u2-menu-outer .navbar-collapse { padding-top:36px; /*keep at 40px for mobile*/ } .u2-menu-outer .navbar-nav a { /*Burger menu on desktop*/ color:#fff; font-size:14px; font-weight:600; } .u2-menu-outer .navbar-nav a:hover{ color:#fff; text-shadow:none; } .u2-nav-links .u2-menu-outer .navbar-nav .dropdown-menu a { /*dropdown text*/ color:#fff; /*primary colour*/ } .u2-menu-outer .navbar-toggle .icon-bar { /*Burger menu on mobile*/ background-color: #fff !important; } .u2-menu-outer .navbar-nav a[href]:hover{ color:#09666d; background-color:#fff; } .u2-nav-links .u2-menu-outer .navbar-nav .dropdown-menu a{ color:#fff; font-weight:bold; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:#fff; color:#adadad; } .ParentAccessIndicator:hover .PageTools_ParentToolTip /*access info on lock icon hover*/ { background-color:#f2f2f2; border:none; color:#2f2f2f; } .u2-menu-outer .navbar-nav li.no-hover a{ text-align:left; } .navbar-nav>li>a{ padding-top:5px; padding-bottom:5px; } .navbar-nav>li>.dropdown-menu{ border-radius:4px; } .navbar{ border:none; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ //////////////////////////////////////////////////////////////////////////////// PAGES STYLING ////////////////////////////////////////////////////////////////////// /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------- MODULES - GENERAL -----------------------------------------------------------------------------------*/ /* Around each module */ main .module { margin-bottom: 10px; } /*Module background*/ /*News centre notices newsletters background*/ .list-group, .NC_Base { background-color:#108871; padding: 10px 0px 20px 0px !important; border:none; font-size:12px; } .list-group a, .NC_NewsBySection_Outer, .NC_PDFExport:before, .NC_NewsBySection_Outer:before{ color:#fff; } .panel-default { border:none; } main .module .module_caption { /* Module title */ color: #fff; font-size: 14px; line-height: 2em; margin-bottom: 0px; background-color:#097a64; padding: 0px 15px 10px 15px; font-weight:600; border-radius: 1em 1em 0em 0em; } .u2-control-menu .u2-edit { /*Module dropdown arrow*/ color: #fff; } .u2-control-menu .u2-edit:hover { background-color:#fff; color: #96ce00; } /* Panel Titles */ .panel-title, .NC_Base .panel-default > .panel-heading .panel-title a, .NC_NewsBySection_Title { /*resource subheading, news centre category heading*/ background:#73af3d; color:#fff; border:none; font-size:12px; font-weight:inherit; font-weight:500; } .NC_Base .panel-default > .panel-heading .panel-title a, .NC_NewsBySection_Title{ margin-top:10px; } .panel-title a:hover, .panel-title a:focus { /*panel title resource heading link hover*/ color:#fff; text-decoration:none; } .panel-title .controls a { /*icon in resource subheading*/ color:#fff; margin-right:5px; } .panel-group .panel-heading+.panel-collapse>.list-group{ border:none; } .list-group-item{ /*Item*/ font-size:12px; } .list-group-item:hover{ background: inherit; } .list-group a:hover {/*item*/ color:#fff; } .panel-group{ /*no resources found text*/ font-size:12px; } /*-------------------------------------------------------------------------------- MODULE - MEDIA GALLERY -----------------------------------------------------------------------------------*/ #ImgGallery .Album .Item{ background-color:#fff; } #ImgGallery .Album .Item:hover .Slides{ background-color:#dc2d2d; opacity: 0.9; } #ImgGallery { font-size:11px; } #ImgGallery .Item:hover { /*correcting resize upon hover from contain*/ background-size:cover; } #ImgGallery .Album .Item { /*Remove margin around thumbnail*/ margin:0px; } .panel-default > .panel-heading .panel-title a, .NC_NewsBySection_Title { padding: 10px 15px; font-weight:400; } .panel-group .panel+.panel { /*Gap between resource headings*/ margin:0px 0px; border:none; } /*------------------------------------------------------------------------------- MODULE - CONTENT ALL PAGES -----------------------------------------------------------------------------------*/ .card-text { /*Links title*/ /*Homepage colours specified above*/ font-size:15px; font-weight:300; } .card-block p{ padding:15px 30px; background:#dc2d2d; color:#fff; font-size:14px; font-weight:600; text-align:center; -webkit-border-radius: 1em 1em 0em 0em; -moz-border-radius: 1em 1em 0em 0em; border-radius: 1em 1em 0em 0em; } [data-theme="0"] .card-text{ color:#fff; } .card { /*links card*/ border:none; } .card .card-block p{ padding:15px; } /*-------------------------------------------------------------------------------- MODULE - PAGE CONTENT -----------------------------------------------------------------------------------*/ /* Telerik Editor content */ main #PageHTML_Content { } /*-------------------------------------------------------------------------------- MODULE - PARAGRAPH -----------------------------------------------------------------------------------*/ /* Paragraphs */ main .Paragraph, main .Text { } /*-------------------------------------------------------------------------------- MODULE - RESOURCES & MEDIA GALLERY -----------------------------------------------------------------------------------*/ .list-group-item i.fa, .list-group-item:hover .controls a { color:#fff; } .list-group-item:hover .controls a:hover{ color:#fff; } #Files, #ImgGallery, #NextPages{ padding:10px 0px 10px 0px; background-color: #097a64; border-radius: 1em; margin-bottom:30px; } #ImgGallery i, #Files i{ color:#eee; } /*-------------------------------------------------------------------------------- MODULE - SUBPAGE -----------------------------------------------------------------------------------*/ /* Sub Pages */ main #SubPages .list-group { /* grey box */ } main #SubPages .list-group-item { /* normal */ } main #SubPages .list-group-item:hover { /* hover */ color:#bfcce4; } main #SubPages .list-group-item i { /* link icon */ color:#fff; } /*-------------------------------------------------------------------------------- MODULE - WIKI -----------------------------------------------------------------------------------*/ /* Wiki */ main #WikiPages { } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ //////////////////////////////////////////////////////////////////////////////// HOMEPAGE STYLING ////////////////////////////////////////////////////////////////////// /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------- MODULE - CONTENT RESOURCE CARD -----------------------------------------------------------------------------------*/ .card .list-group{ border-top:none; background:#fff; border:2px solid #e6eaed; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius: 0em 0em 1em 1em; border-radius: 0em 0em 1em 1em; text-align:center; } .card .list-group > a{ font-size:13px; color:#dc2d2d; font-weight:600; } /*-------------------------------------------------------------------------------- MODULE - IMAGES -----------------------------------------------------------------------------------*/ .IconLinks > .row { text-align:center; } .IconLinks > .row > .col { display:inline-block; float:none; vertical-align:top; } /*-------------------------------------------------------------------------------- MODULE - NEWS CENTRE -----------------------------------------------------------------------------------*/ .container.NewsCentreCards { width:100%; } .u2-news-card .u2-thumb { -webkit-border-radius: .8em .8em 0em 0em; -moz-border-radius: .8em .8em 0em 0em; border-radius: .8em .8em 0em 0em; } .u2-news-card{ -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; padding-bottom:12px; background-color:#fff; margin-bottom:20px; border:none; } .u2-news-card .u2-description { height:110px; border-bottom:none; background-color:#fff; } .u2-news-card .u2-find-more p { display:none; } .u2-news-card .u2-thumb { /*News Centre photo thumbnail*/ background-position:center center; height:250px; } .u2-news-card .u2-more { /*News Centre more list*/ border-top:none; height:auto; } .u2-news-card .u2-more > a { color:#96ce00; font-size:1em; } .u2-news-card h4{ font-size:16px; font-weight:600; } /*-------------------------------------------------------------------------------- MODULE - HOMEPAGE AND NEWS SLIDESHOW -----------------------------------------------------------------------------------*/ /*homepage slideshow only*/ .NewsCentreBanner.container-fluid .slide{ height:80% !important; } .carousel[data-authenticated='1'] .slide, .carousel[data-authenticated='0'] .slide{ min-height:400px; } .NewsCentreBanner .carousel-caption h1 { color: #fff; font-size: 24px; max-width: 350px; line-height:1.3em; padding: 20px 25px 0px 40px; background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */ background: rgba(0, 0,0, 0.6); font-weight: 400; text-shadow:none; font-style:italic; } .NewsCentreBanner .carousel-caption p { font-size: 18px; padding: 10px 25px 30px 40px; color: #fff; max-width: 350px; background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */ background: rgba(0, 0,0, 0.6); font-weight: 300; text-shadow:none; font-style:italic; line-height:1.4em; } .NewsCentreBanner .carousel-caption p a { color: #283fa0; } .carousel-caption, .carousel-control.right, .carousel-control.left /*Shading*/{ background-image: none; } .carousel-caption { padding-left: 0px !important; padding-bottom: 100px !important; padding-top: 0px; } .carousel-indicators { bottom: 0px; } /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ //////////////////////////// NEWS CENTRE STYLING //////////////////////////// /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------- NEWS CENTRE PAGE -----------------------------------------------------------------------------------*/ ul.nav-pills{ } .nav-pills li{ border:none; } .nav-pills li a, .nav-pills li i { color:#73af3d; font-weight:400; font-size:11px; } .nav-pills li a{ padding:5px 0px 5px 15px; } .nav-pills>li>a{ border-radius:3px; /*correcting corner radius error*/ } .nav-pills li.active { background-color:#73af3d; } .nav>li>a:focus, .nav>li>a:hover{ background:none; } .nav>li>a:focus, .nav>li>a:hover{ background:none; } .nav-pills li:hover a, .nav-pills li i:hover{ /*Also background surrounding buttons on topics*/ text-decoration:none; } .nav-pills li:hover a{ color:#dc2d2d; } .nav-pills li i:hover{ color:#dc2d2d; } .NC_TitleBase .nav-pills li a{ /*background:#96ce00;*/ color:#f2f2f2; } .nav-pills li i{ padding:5px 15px 5px 10px; } .NC_Base .tab-pane{ padding:0px; } .news-showcase h6 { color:#dc2d2d; font-weight:600; } .ExtraNewsItem, .ExtraNewsItem i{ color:#fff; } .ExtraNewsItem:hover, .ExtraNewsItem i:hover{ color:#fff; } .u2-MoreNews .ExtraNewsItem, .u2-MoreNews .ExtraNewsItem i , .u2-archives .ExtraNewsItem, .u2-archives .ExtraNewsItem i { color:#dc2d2d; font-weight:600; } .ExtraNewsItem:hover, .ExtraNewsItem i:hover{ text-decoration:underline; } .u2-news-heading h3{ color:#4e4e4e; font-weight:bold; } .NewsTile { /*area surrounding featured articles*/ background-color:#f9f9f9; margin-top:15px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border:2px solid #e6eaed !important; } .NC_NewsBySection_Outer:hover{ background:inherit; border:none; } .panel-body{ padding:5px; } .u2-SocialMedia h6{ color:inherit; } .u2-MoreNews, .u2-archives{/*must be different colour to footer*/ background:#fff; border-top: 2px solid #e6eaed; } .u2-archives{ } .u2-MoreNews h4{ } .news-showcase{ padding:30px 0px 50px 0px; } .news-showcase p{ color:#4e4e4e; } .NC_TitleBase{ /*Notices section list box heading*/ background-color:#097a64; border:none; } .NC_TitleBase_Text{ color: #fff; font-size: 14px; font-weight:600; } .news-showcase h6{ } .NC_NewsBySection{ padding-bottom:30px; } .NC_NewsBySection_body{ color:#fff; } .NC_NewsBySection_Title{ margin-bottom:15px; } .NC_NewsBySection_NoData, .NC_NoData{ color:#f2f2f2; } .u2-content-section{ background-color:inherit; } .u2-news-content{ padding-top:50px; } /*-------------------------------------------------------------------------------- FOOTERS -----------------------------------------------------------------------------------*/ footer { background-color:#dc2d2d; } footer .col a { color:#fff; } footer .col li a { color:#fff !important; } .footer-nav { /*Bottom nav bar*/ background: #da2f35; } .footer-nav .navbar-brand a, .footer-nav li a { font-size:10px; padding:15px; color:#fff; } /* Page outer border for fixed width display */ footer, header, main, .u2-menu-block, .footer-nav { border-top: none; border-bottom: none; } .footer-nav ul.nav.navbar-nav.navbar-right { float:right !important; } /*-------------------------------------------------------------------------------- TOOLBAR -----------------------------------------------------------------------------------*/ /* Toolbar Light style */ .ProfileIdentity_Base .PublicToolbarBase { background-color:#dc2d2d; background-position:3px -66px; box-shadow:none !important; background-image:none !important; border:none !important; border-bottom-left-radius:none !important; border-bottom-right-radius:none !important; /*margin-right:30px;*/ } .ProfileIdentity_Base .PublicToolbarBase a { color:#eee; text-shadow:none; border:none !important; } .ProfileIdentity_Base .PublicToolbarBase a span{ background-image: url('ProfileID_Bar-Hybrid.png'); } .ProfileIdentity_Base .PublicToolbarBase a:hover { color:#fff !important; } .ProfileIdentity_Base .PublicToolbarBase .SignIn span { background-position:-26px -44px; } .ProfileIdentity_Base .PublicToolbarBase .SignIn:hover span { background-position:-80px -44px; } .ProfileIdentity_Base .PublicToolbarBase .NewsCentre span { background-position:-26px 3px; } .ProfileIdentity_Base .PublicToolbarBase .NewsCentre:hover span { background-position:-80px 3px; } .ProfileIdentity_Base .PublicToolbarBase .Search span { background-position:-26px -20px; } .ProfileIdentity_Base .PublicToolbarBase .Search:hover span { background-position:-80px -20px; } @media (-webkit-min-device-pixel-ratio: 2) { /*------For Retina-------*/ .ProfileIdentity_Base .PublicToolbarBase a span{ background:url('ProfileID_Bar-Hybrid-Retina.png') no-repeat 3px 3px; background-size:105px 117px; } } /*-------------------------------------------------------------------------------- MOBILE -----------------------------------------------------------------------------------*/ @media screen and (max-width: 400px){ .ProfileIdentity_Base .PublicToolbarBase a { text-align:center; width:50px } .ProfileIdentity_Base .PublicToolbarBase a span { display:none } .toolbar-loggedout > .container { width:calc(100vw - 15px) } } @media (max-width: 640px) { /*Removed padding around news centre tiles , increased height of the text block and centred the image*/ .NewsCentreCards > .row { padding-left:0 !important; margin-left:0 !important; padding-right:0 !important; margin-right:0 !important; } .NewsCentreCards .u2-news-card .u2-description { height:100px; } .NewsCentreCards .u2-news-card .u2-description h4 { margin-bottom: 15px; line-height: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .NewsCentreCards .u2-news-card .u2-thumb { background-position: center center; } /*Reduced the text size of the slideshow for small screens and removed the paging at the bottom*/ .NewsCentreBanner .carousel-caption h1 { font-size:18px; } .NewsCentreBanner .carousel-caption p { font-size:12px; } .NewsCentreBanner .carousel-caption { padding:90px 15px 15px 15px; } .NewsCentreBanner .carousel-indicators { display:none; } .NewsCentreBanner .carousel .slide { background-position: center center; } /*Tweaks to the menu and footer CSS*/ .u2-menu-outer .u2-menu-block { padding:60px 0 0px 0px; } .footer-nav .container .navbar-header{ margin:0; } .u2-menu-outer .navbar-collapse{ background-color:#dc2d2d; border:none; } .ProfileIdentity_Base .PublicToolbarBase a i { display: none; } } @media (max-width: 320px){ /*Tweaks for very small size screens*/ .u2-news-card .u2-content{padding: 15px} .u2-menu-outer .navbar-brand img{width:150px;height:48px} } @media (max-width: 768px) /*iPAD*/ { /*setting mobile subpage hover settings and icon display*/ .navbar-header {height:50px; } /*Height must be greater than height of icon below*/ .u2-menu-outer .navbar-brand img {width:23px; height:20px;margin-top:25px; margin-left:12px;} .u2-menu-outer .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {background:transparent !important;} .u2-menu-outer .u2-nav-controls .open > a.shade, .u2-menu-outer .u2-nav-controls .open > a.shade:focus, .u2-menu-outer .u2-nav-controls .open > a.shade:hover {color:#96ce00;border-bottom-left-radius:0;border-bottom-right-radius:0;}/*primary colour*/ .u2-menu-outer .u2-nav-links a[href] {font-size:12px;} .u2-menu-outer .u2-nav-links .open > a, .u2-menu-outer .u2-nav-links a:hover {color:#136bce}/*primary colour*/ .breadcrumb {padding:5px 0px !important;} /*left align breadcrumb*/ .u2-menu-outer .dropdown-submenu{border-left: solid 1px #004a3f;} .navbar-nav .open .dropdown-menu{ border-radius:none !important;} .u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links{ margin-left: auto; margin-right: auto; width: 100%; } /*hide toolbar icons*/ .ProfileIdentity_Base .PublicToolbarBase a { text-align:center; width:50px } .ProfileIdentity_Base .PublicToolbarBase a span { display:none } .u2-menu-outer .u2-menu-block{ padding-top:61px; padding-bottom:0px; } .navbar-toggle{ margin-top:28px; padding:0px; margin-bottom:0px; } .u2-menu-outer .navbar-collapse{ padding-top:25px; padding-bottom:0px; } /*Reduced the text size of the slideshow for small screens and removed the paging at the bottom*/ .NewsCentreBanner .carousel-caption h1 { font-size:16px; } .NewsCentreBanner .carousel-caption p { font-size:12px; } .NewsCentreBanner .carousel-caption { padding:90px 15px 15px 15px; } .NewsCentreBanner .carousel-indicators { display:none; } .NewsCentreBanner .carousel .slide { b ackground-position: center center; } } @media (max-width: 992px){ .ContentWithLinks .col.pull-right { float:none !important; } .ContentWithLinks .col.pull-right + .content-text { clear:right; padding-top:15px; } }