/* CCS Peer Support Custom Bootstrap Sitefinity CSS */ /* Author: Alfred Lee */ /* Company: Whitecap Canada Inc. */ /* General Styles */ .padding-25 {padding:25px} .padding-50 {padding:50px} /*@font-face { font-family:'Rockwell'; src: url('../fonts/Rockwell.eot'); src: url('../fonts/Rockwell.eot?#iefix') format('embedded-opentype'), url('../fonts/Rockwell.woff2') format('woff2'), url('../fonts/Rockwell.woff') format('woff'), url('../fonts/Rockwell.svg#Rockwell') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-02DC; }*/ /* Stupid Kendo Content-box Default override */ .k-widget select, .k-widget textarea, .k-widget input[type="text"]:not(.k-input), .k-widget input[type="password"], .k-widget input[type="datetime"], .k-widget input[type="datetime-local"], .k-widget input[type="date"], .k-widget input[type="month"], .k-widget input[type="time"], .k-widget input[type="week"], .k-widget input[type="number"], .k-widget input[type="email"], .k-widget input[type="url"], .k-widget input[type="search"], .k-widget input[type="tel"], .k-widget input[type="color"], .k-widget .uneditable-input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .k-window .row, .k-window .row *:not(.k-widget):not(.k-animation-container), .k-widget .row *:before:not(.k-widget) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .k-widget .col-lg-1, .k-widget .col-lg-2, .k-widget .col-lg-3, .k-widget .col-lg-4, .k-widget .col-lg-5, .k-widget .col-lg-6, .k-widget .col-lg-7, .k-widget .col-lg-8, .k-widget .col-lg-9, .k-widget .col-lg-10, .k-widget .col-lg-11, .k-widget .col-lg-12, .k-widget .col-md-1, .k-widget .col-md-2, .k-widget .col-md-3, .k-widget .col-md-4, .k-widget .col-md-5, .k-widget .col-md-6, .k-widget .col-md-7, .k-widget .col-md-8, .k-widget .col-md-9, .k-widget .col-md-10, .k-widget .col-md-11, .k-widget .col-md-12, .k-widget .col-sm-1, .k-widget .col-sm-2, .k-widget .col-sm-3, .k-widget .col-sm-4, .k-widget .col-sm-5, .k-widget .col-sm-6, .k-widget .col-sm-7, .k-widget .col-sm-8, .k-widget .col-sm-9, .k-widget .col-sm-10, .k-widget .col-sm-11, .k-widget .col-sm-12, .k-widget .col-xs-1, .k-widget .col-xs-2, .k-widget .col-xs-3, .k-widget .col-xs-4, .k-widget .col-xs-5, .k-widget .col-xs-6, .k-widget .col-xs-7, .k-widget .col-xs-8, .k-widget .col-xs-9, .k-widget .col-xs-10, .k-widget .col-xs-11, .k-widget .col-xs-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .peer-support div:not(.k-widget) h1, .peer-support div:not(.k-widget) h2, .peer-support div:not(.k-widget) h3, .peer-support div:not(.k-widget) h4 {color:#006db3;font-family:"Rockwell W02"} .peer-support div:not(.k-widget) h5 {margin:15px 0 0 0} .peer-support header { background: #e9e9e9; min-height: 100px; font-family:"Rockwell W02"} .peer-support header .ps-navigation {margin-top:25px} .peer-support header .ps-navigation .container-fluid {padding-right:0} .peer-support header a.navbar-brand, .peer-support header a.navbar-brand:hover {transition:.2s;background: url('/images/default-source/site-assets/ccs-peersupport-logo.png') transparent no-repeat left center;max-width:100%;color:transparent;background-size:contain;width:250px;min-height:56px;text-indent:-99999px;margin-top:-2px} .peer-support header .ps-navigation .navbar.navbar-default {margin:0;border:0;border-radius:0;background:transparent} .peer-support header .ps-navigation .navbar.navbar-default .navbar-nav {float:right;margin-top:5px} .peer-support header .ps-navigation .navbar-nav>li>a {line-height:16px;color:#006db3;font-weight:bold;padding-top:12px;padding-bottom:12px;text-shadow:none;border-radius:2px;margin:0 0 0 1px} .peer-support header .ps-navigation .navbar-nav>li>a:hover {background-color:#ddd} /*.peer-support header .ps-navigation .navbar-nav>li>a[href*="/sign-in"] {background-color:#006db3;color:#fff;font-weight:bold;} .peer-support header .ps-navigation .navbar-nav>li>a[href*="/sign-in"]:hover { background-color: #004570; } .peer-support header .ps-navigation .navbar-nav>li>a[href*="/register"] {background-color:#fbdb41;color:#5b4814;font-weight:bold;} .peer-support header .ps-navigation .navbar-nav>li>a[href*="/register"]:hover {background-color:#e7c522;color:#3e3009}*/ .peer-support header .ps-navigation .navbar-nav>li>a.ccspeersignin {background-color:#006db3;color:#fff;font-weight:bold;} .peer-support header .ps-navigation .navbar-nav>li>a.ccspeersignin:hover { background-color: #004570; } .peer-support header .ps-navigation .navbar-nav>li>a.ccspeerregister {background-color:#fbdb41;color:#5b4814;font-weight:bold;} .peer-support header .ps-navigation .navbar-nav>li>a.ccspeerregister:hover {background-color:#e7c522;color:#3e3009} .peer-support header .ps-navigation .navbar-nav>li>a[href*="/logout"] {background-color:#006db3;color:#fff;font-weight:bold;} .peer-support header .ps-navigation .navbar-nav>li>a[href*="/logout"]:hover {background-color:#005d98;color:#fff} .peer-support header .ps-navigation .navbar-nav>li>a.dropdown-toggle {background-color:#006db3;color:#fff} .navbar-default .navbar-toggle {background-color:#fff;border-radius:3px;border:0} .navbar-default .navbar-toggle .icon-bar {background-color:#006db3} .peer-support section {min-height:400px;font-family:"Rockwell W01"} .peer-support footer { font-family: "ff-dax-web-pro"; background-color: #e9e9e9;padding-left:15px;padding-right:15px} .peer-support footer li a {font-family:"ff-dax-web-pro"} .peer-support footer .upper-footer {padding: 10px 0 25px 0; background: url('/images/default-source/site-assets/footer-daffidil-background.gif') no-repeat transparent center bottom; } .peer-support footer .lower-footer {min-height:50px;vertical-align:top;padding-top:30px;background: url('/images/default-source/site-assets/footer-line-background.gif') #fff repeat-x} .peer-support footer .lower-footer .disclaimer {line-height:16px;text-align:left;font-size:9px;padding:5px 0} /* Full page background settings */ .full-background {background-size:cover;background-position:center center;text-shadow: 0 1px 3px rgba(0,0,0,.3);color:#fff;background-repeat:no-repeat;padding-bottom:50px;} .half-height, .full-background.half-height {min-height:350px;background-position-y:40%} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:175px} .thin-height h1 , .full-background.thin-height h1 {margin-top:50px;margin-bottom:25px} .full-background div:not(.k-widget) h1 {margin-top:300px;color: #fff; } .full-background div:not(.k-widget) h2 {color: #fff; font-size: 16px;} .full-background div:not(.k-widget) h3 {color:#fff;font-size:16px} .full-background.half-height div:not(.k-widget) h1 {margin-top:150px} a.outline-style-button, .peer-support div:not(.k-content) .btn {display:inline-block;font-family:"Rockwell W02";padding:6px 25px;margin:10px 15px;border:3px solid #fff;color:#fff;font-size:20px;box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:0;background-color:transparent;transition:.5s} a.outline-style-button:hover, .peer-support .full-background a.outline-style-button:focus, div:not(.k-widget) .btn:hover {background-color:rgba(0,0,0,.5);text-decoration:none;color:#fff} a.outline-style-button.blue, div:not(.k-content) .btn.blue {border-color:#006db3;color:#006db3;margin:15px 0} a.outline-style-button.blue:hover, div:not(.k-content) .btn.blue:hover {color:#fff;border-color:#fff;box-shadow:0 1px 7px rgbA(0,0,0,.3);backgorund-color:#006db3} /* home landing hero */ .home-page-hero {background-image:url('/images/default-source/site-assets/ps-umbrella-hero-banner.jpg');min-height:750px;background-color:#213744} .peer-support .home-page-hero div h1 {font-size:42px;color:#fbdb41;text-shadow: 0 1px 4px rgba(0,0,0,.6);max-width:48%;margin:400px auto 30px;padding:0 20px;} .home-page-hero > div.col-xs-12 {background:url('/images/default-source/site-assets/hero-banner-clouds-layer.jpg') transparent center -40px no-repeat;background-size:100% auto} .home-page-hero h1 + div {max-width:48%;padding:0 20px;margin:0 auto} .home-page-hero h2 {font-size:22px;color:#fff} /* home how ps works*/ .full-background.solid-blue {background-color:#006db3;color:#fff;position:relative;} .full-background.solid-blue.register {background-image:url(/images/default-source/default-album/form-icon-background.png);background-color:#006db3;margin-bottom:50px;background-position:right 100px;background-repeat:no-repeat;background-size:auto} .full-background.solid-blue div:not(.k-widget) h1 {color:#fff;margin-top:50px} .full-background.solid-blue a {color:#fbdb41} .full-background .how-it-works {margin:35px 0;padding:0 7%;font-size:1.2em} .full-background .more-info {font-family:"Rockwell W02";color:#333;margin:35px 0;padding:0 15px} .full-background [class*="k-"] {text-shadow:none} .yellow-errors .field-validation-error { color: #fbdb41; } .yellow-errors .validation-summary-errors.text-danger { color: #fbdb41; } /* home how we can help */ .full-background.half-height.you-can-help {background-image:url(/images/default-source/banners/banner-holding-hands-2.jpg);background-position-y:center} .full-background.half-height.you-can-help p {margin:20px 17%} .full-background.half-height.you-can-help div:not(.k-widget) h1 {color:#fbdb41;margin-top:90px} .full-background.daffodils {background-image:url('/images/default-source/default-album/daffodils-background.jpg');padding-top:25px} .full-background.daffodils h1 {color:#fff;font-size:52px;margin-top:20px} /* Register */ .full-background .sign-in { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDY3IDY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NyA2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+PGc+PGc+PHBhdGggZD0iTTQuMjUsMzVoMzkuODk5TDMzLjg2LDQ1LjQ3OGMtMC43ODEsMC43OC0wLjc4MSwyLjE0Mi0wLjAwMSwyLjkyM2MwLjM5MSwwLjM5MSwwLjkwMiwwLjYzNCwxLjQxNSwwLjYzNCAgICBjMC41MTIsMCwxLjAyMy0wLjE3MSwxLjQxNC0wLjU2MmwxMi44MTUtMTIuODAxYzAuMzc1LTAuMzc1LDAuNTg2LTAuODc4LDAuNTg2LTEuNDA4cy0wLjIxMS0xLjAzNi0wLjU4Ni0xLjQxMWwtMC42MDgtMC42MDcgICAgYy0wLjEzOC0wLjItMC4zMTItMC4zNzQtMC41MTMtMC41MTFMMzYuNjg5LDIwLjA0MmMtMC43ODEtMC43ODEtMi4wNDgtMC43ODEtMi44MjgsMGMtMC43ODEsMC43ODEtMC43ODEsMS44NTYsMCwyLjYzOEw0Mi4zNzMsMzEgICAgSDQuMjVjLTEuMTA0LDAtMiwwLjg5Ni0yLDJTMy4xNDYsMzUsNC4yNSwzNXoiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNNjQuNzUsNTkuMjgxVjkuNTQxQzY0Ljc1LDQuNzQ3LDYwLjg0MiwwLDU2LjAwMywwSDMwLjAwMmMtNC43NDQsMC05LjI1Miw0LjU3Ni05LjI1Miw5LjU0MXYxMS44NGMwLDEuMTA0LDAuODk2LDIsMiwyICAgIHMyLTAuODk2LDItMlY5LjU0MUMyNC43NSw2Ljc5MiwyNy40NzEsNCwzMC4wMDIsNGgyNi4wMDFjMi42NDcsMCw0Ljc0NywyLjkzNyw0Ljc0Nyw1LjU0MXY0OS43NGMwLDIuNjYzLTIuMjAzLDMuNzE5LTQuNzQ3LDMuNzE5ICAgIEgzMC4wMDJjLTIuMzY1LDAtNS4yNTItMC44ODctNS4yNTItMy43MTl2LTExLjljMC0xLjEwNC0wLjg5Ni0yLTItMnMtMiwwLjg5Ni0yLDJ2MTEuOWMwLDQuNjkzLDQuMTgxLDcuNzE5LDkuMjUyLDcuNzE5aDI2LjAwMSAgICBDNjEuMTg4LDY3LDY0Ljc1LDYzLjgyMyw2NC43NSw1OS4yODF6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) transparent no-repeat; height:400px;margin-top:50px;opacity:.2;background-size:contain;background-position:right center; } .full-background .reset-pass { background-repeat:no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC4yO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48ZyBjbGFzcz0ic3QwIj48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDcuOSwyNzAuNnYyMDMuOWMwLDIwLjYsMTYuOSwzNy41LDM3LjUsMzcuNWgzNDEuM2MyMC42LDAsMzcuNS0xNi45LDM3LjUtMzcuNVYyNzAuNmMwLTIwLjYtMTYuOS0zNy41LTM3LjUtMzcuNWgtMjYuNHYtODguOEM0MDAuMiw2NC43LDMzNS41LDAsMjU2LDBTMTExLjgsNjQuNywxMTEuOCwxNDQuMmMwLDcuMSw1LjgsMTIuOSwxMi45LDEyLjljNy4xLDAsMTIuOS01LjgsMTIuOS0xMi45YzAtNjUuNCw1My4yLTExOC42LDExOC42LTExOC42czExOC42LDUzLjIsMTE4LjYsMTE4LjZ2ODguOEg4NS40QzY0LjcsMjMzLjIsNDcuOSwyNDkuOSw0Ny45LDI3MC42eiBNNDM4LjUsMjcwLjZ2MjAzLjljMCw2LjUtNS4zLDExLjgtMTEuOCwxMS44SDg1LjRjLTYuNSwwLTExLjgtNS4zLTExLjgtMTEuOFYyNzAuNmMwLTYuNSw1LjMtMTEuOCwxMS44LTExLjhoMzQxLjNDNDMzLjEsMjU4LjgsNDM4LjUsMjY0LjEsNDM4LjUsMjcwLjZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI1Niw0MjQuN2MyOC44LDAsNTIuMy0yMy41LDUyLjMtNTIuM3MtMjMuNS01Mi4zLTUyLjMtNTIuM3MtNTIuMywyMy41LTUyLjMsNTIuM0MyMDMuNyw0MDEuNCwyMjcuMiw0MjQuNywyNTYsNDI0Ljd6IE0yNTYsMzQ2YzE0LjcsMCwyNi42LDExLjksMjYuNiwyNi42cy0xMS45LDI2LjUtMjYuNiwyNi41cy0yNi42LTExLjktMjYuNi0yNi42UzI0MS4zLDM0NiwyNTYsMzQ2eiIvPjwvZz48L2c+PC9zdmc+); height:250px;margin-top:30px;margin-bottom:30px;opacity:.2;background-size:contain;background-position:right center; } /* sub page backgrounds - optional */ .full-background.woman-free {background-image:url(/images/default-source/banners/banner-woman-free.jpg)} .full-background.woman-hands {background-image:url(/images/default-source/banners/banner-woman-hands.jpg)} .full-background.woman-sunset {background-image:url(/images/default-source/banners/banner-woman-sunset.jpg)} .full-background.holding-hands-2 {background-image:url(/images/default-source/banners/banner-holding-hands-2.jpg)} .full-background.holding-hands {background-image:url(/images/default-source/banners/banner-holding-hands.jpg)} .full-background.hands-book {background-image:url(/images/default-source/banners/banner-hands-book.jpg)} .full-background.woman-forest-redhat {background-image:url(/images/default-source/banners/banner-woman-forest-redhat.jpg)} .full-background.man-sittinonlog-thinking {background-image:url(/images/default-source/banners/banner-man-sittinonlog-thinking.jpg)} .full-background.hugging-girls-sunset {background-image:url(/images/default-source/banners/banner-hugging-girls-sunset.jpg)} .full-background.hands-support {background-image:url(/images/default-source/banners/banner-hands-support.jpg)} .full-background.woman-in-red {background-image:url(/images/default-source/banners/banner-woman-in-red.jpg)} .full-background.woman-yellow-beach{background-image:url(/images/default-source/banners/banner-woman-yellow-beach.jpg)} .full-background.man-by-the-lake {background-image:url(/images/default-source/banners/banner-man-by-the-lake.jpg)} .full-background.man-in-the-trees {background-image:url(/images/default-source/banners/banner-man-in-the-trees.jpg)} .full-background.mother-daughter-beach {background-image:url(/images/default-source/banners/banner-mother-daughter-beach.jpg)} .full-background.woman-stonewall {background-image: url(/images/default-source/banners/banner-woman-stonewall.jpg)} .full-background.woman-cloudybeach {background-image:url(/images/default-source/banners/banner-woman-cloudybeach.jpg)} .full-background.girl-dog-yellow {background-image:url(/images/default-source/banners/banner-girl-dog-yellow.jpg)} .full-background.mother-daughter-using-tablet {background-image:url(/images/default-source/banners/mother-daughter-using-tablet.jpg)} .full-background.plants-and-flowerbed {background-image:url(/images/default-source/banners/banner-plantsandflowerbed.jpg)} .account-registration legend {border:0; font-size:40px;color:#fff;text-align:left} .account-registration .btn {background-color:transparent;margin-left:0;margin-right:0} .account-registration hr {display:none} .account-registration .btn:hover, .account-registration .btn:focus {border-color:#fff;background-color:rgba(0,0,0,.5);color:#fff} #loginForm .checkbox input {margin-left:0;height:20px;width:20px} #loginForm .checkbox label {line-height:28px;padding-left:25px} #loginForm input.btn.btn-default {margin-left:0} .footer-links .nav-pills {margin-left:0;padding:0} .footer-links .nav-pills>li>a {padding:3px 10px;font-size:12px;color:#444;margin:0;background:transparent;padding:0;} .footer-links .nav-pills>li>a:hover, .footer-links .nav-pills>li>a:focus, .footer-links .nav-pills>li>a:active {text-decoration:underline;background:transparent;color:#006db3} .footer p{font-size:12px;margin:0} .footer p.phone-number {font-size:19px;color:#006db3;} .footer p.phone-number strong {font-weight:normal } .footer p.phone-number + p >span{display:block} .footer-nav .nav-pills > li > a { padding: 3px 0;background-color:transparent;border-radius:0;font-size:11px;padding:0 10px;border-left:1px solid #888;color:#666} .footer-nav .nav-pills > li > a:hover {text-decoration:underline;} .footer-nav .nav-pills > li:first-child > a {padding-left:0;border-left:0} /* sub nav */ .sub-nav {background-color:#005992;padding:20px 0;} .sub-nav .nav-pills {margin: 0 -15px} .sub-nav .nav-pills li a {font-family:"Rockwell W02";background-color:rgba(255,255,255,.3);color:#fff;text-shadow:none;margin-right:15px} .sub-nav .nav-pills li a:hover, .sub-nav .nav-pills li a:active, .sub-nav .nav-pills li a:focus {background-color:#fff;color:#006db3;box-shadow: 0 2px 3px rgba(0,0,0,.2)} /* Content */ .plain {padding:50px 0;font-family:'Rockwell W02'} /* search page */ .search-page .divRefiner {border:0 !important;padding:15px;background:#fff;color:#222;margin-bottom:30px;} .search-page {padding: 0;font-family:"Rockwell W02"} .search-page .search-filter .background-panel {padding:15px;background-color:rgba(255,255,255,.3);border-radius:5px;margin-bottom:30px} .search-page .search-filter .k-primary {padding:0 20px;margin:0} .search-page .search-filter input#age {background:transparent} .divRefiner .matchCriteriaNote{padding-top:0px;} .search-page .search-filter .btnssearchpage {font-family:"Rockwell W02";background-image:none;padding:0px 20px;margin: 10px 10px 0 0;border:3px solid #fff;color:#fff;font-size:18px;box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:0;background-color:transparent;transition:.5s} .search-page .search-filter .btnssearchpage > .k-icon {display:none} .peer-support .search-page .search-filter .ui-widget.ui-widget-content {margin:10px 12px 0 12px;} .peer-support .search-page .search-filter .ui-slider .ui-slider-handle {height:1.8em;width:1.8em;top:-.6em;margin-left:-.9em} .search-page .search-filter .btnssearchpage:hover {background:rgba(0,0,0,.5);color:#fbdb41;border-color:#fbdb41} .search-page fieldset legend { color: #fff; } .search-page .people-card {background-color:#fff;color:#222;border-radius:5px;box-shadow:0 2px 3px rgbA(0,0,0,0.2);padding:15px;margin-bottom:30px;text-shadow:none} .search-page .people-card button.btn-link {font-size:18px;color:#006db3;padding: 0;border:none;outline:none;} .search-page .people-card button.btn-link:hover {text-decoration: underline;} .search-page .people-card .volunteerPic {text-align:center;padding:0;max-width:105px;min-width:100px;float:left;} .search-page .people-card .volunteerDetails {margin-left:15px;float:left} .search-page .people-card .avatar-image {border-radius:100%;width:100%;background-color:#006db3;height:105px;background-image:url(/images/default-source/site-assets/user-avatar.png);background-size:cover;background-repeat:no-repeat;text-indent:-99999px;background-position:center center} .search-page button.moreresults {margin-bottom:50px;border:3px solid #fff !important;color:#fff !important;} /* Kendo Button overrides */ .k-primary {display:inline-block;font-family:"Rockwell W02";padding:2px 25px;margin:10px;border:3px solid #fff;color:#fff;font-size:18px;box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:0;background-color:transparent;transition:.5s} .k-primary:hover, .k-primary:active, .k-primary:focus {background:rgba(0,0,0,.5);color:#fbdb41;border-color:#fbdb41} /* Modal Overrides*/ .peer-support .modal-dialog {width:60%;border-radius:0} .peer-support .modal-footer {background-color:#006db3} .modal-footer .btn {margin:0} @media (min-width:1420px) { .half-height, .full-background.half-height {min-height:500px;background-position-y:35%} .full-background.half-height div:not(.k-widget) h1 {margin-top:220px;font-size:50px} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:275px} .full-background.thin-height div:not(.k-widget) h1,.full-background.thin-banner div:not(.k-widget) h1 {margin-top:80px;font-size:42px} } @media (min-width:990px){ .peer-support .modal-dialog {width:980px;border-radius:0} } @media (max-width:989px){ .half-height, .full-background.half-height {min-height:500px;background-position-y:45%} .peer-support .modal-dialog {width:720px;border-radius:0} .home-page-hero {min-height:700px} .peer-support .home-page-hero div h1 {max-width:65%;margin-top:360px;} .home-page-hero h1 + div {max-width:68%;} .peer-support header a.navbar-brand, .peer-support header a.navbar-brand:hover {max-width:180px} .navbar-default .navbar-collapse {padding-right:0} .home-page-hero > div.col-xs-12 {background:url('/images/default-source/site-assets/hero-banner-clouds-layer.jpg') transparent center -20px no-repeat;background-size:130% auto} .col-md-5.sign-in {display:none} .half-height, .full-background.half-height {min-height:280px} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:150px} } @media (max-width:767px) { .sub-nav .nav-pills {margin: 0 -30px} .peer-support .modal-dialog {width:640px;border-radius:0;margin:0} .peer-support .home-page-hero div h1 {max-width:72%;margin-top:330px;font-size:32px} .home-page-hero {min-height:670px} .home-page-hero h1 + div {max-width:72%;} .peer-support header a.navbar-brand, .peer-support header a.navbar-brand:hover {max-width:170px} .peer-support header .ps-navigation .navbar.navbar-default .navbar-nav {float:none;margin:0 0 15px -15px;} .navbar-default .navbar-collapse {padding-right:0} .home-page-hero > div.col-xs-12 {background:url('/images/default-source/site-assets/hero-banner-clouds-layer.jpg') transparent center top no-repeat;background-size: 200%} .lower-footer .col-md-8 {min-height:60px} .col-md-5.sign-in {display:none} .half-height, .full-background.half-height {min-height:225px} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:120px} .col-sm-8.maximumnumber-value .SupportmaxnumberSliderValue.sliderValue {margin-top:20px;text-align:center} } @media (max-width:474px){ .sub-nav {padding:15px 0 12px} .peer-support .modal-dialog {width:100%;border-radius:0} .navbar-default .navbar-collapse {padding-right:15px} .home-page-hero {background-position-y:-10px;min-height:550px} .peer-support .home-page-hero div h1 {max-width:100%;margin-top:280px;font-size:26px} .home-page-hero h1 + div {max-width:100%;} .home-page-hero h2 {font-size:18px;padding:0;line-height:24px} .peer-support header .ps-navigation {margin-top:5px} .peer-support header {min-height:60px} .checkbox label, .radio label {margin-left:20px} .peer-support .search-page .search-filter {padding-right:15px} .search-page .people-card .avatar-image {height:95px} .peer-support header a.navbar-brand, .peer-support header a.navbar-brand:hover {max-width:130px} .peer-support header .ps-navigation .navbar-nav>li>a {margin-bottom:1px} .full-background.daffodils {height:80px;min-height:80px} .half-height .padding-50 {padding:15px} .home-page-hero > div.col-xs-12 {background-size:300%;background-position:center top} .sub-nav .nav-pills li a {margin-right:5px;padding:9px} .sub-nav .nav-pills li {margin-bottom:5px} .sub-nav .nav-pills li:last-child {margin-bottom:0} .lower-footer .col-md-8 {text-align:center;padding:0} .lower-footer .col-md-8 .pull-left {float:none !important;margin:0 auto} .lower-footer .col-md-8 .div-site-by-whitecap {margin-top:10px} .lower-footer .col-md-8 img.site-by-whitecap {float:none !important;} .half-height, .full-background.half-height {min-height:150px} .full-background.half-height div:not(.k-widget) h1 {margin-top:80px;font-size:28px} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:75px} .full-background.thin-height div:not(.k-widget) h1 {margin-top:40px;font-size:24px} } @media (max-width:320px) { .peer-support .modal-dialog {width:100%;border-radius:0} .peer-support .home-page-hero div h1{ max-width: 100%; font-size: 24px; padding: 0; margin-top:230px; } .home-page-hero {background-position: center -80px; background-size: 350%;min-height:480px} .home-page-hero h1 + div {max-width:100%;} .peer-support header a.navbar-brand, .peer-support header a.navbar-brand:hover {max-width:120px} .home-page-hero h2 {font-size:17px;padding:0;line-height:22px} .half-height, .full-background.half-height {min-height:120px} .full-background.half-height div:not(.k-widget) h1 {margin-top:60px} .thin-height, .full-background.thin-height, .thin-banner, .full-background.thin-banner {min-height:60px} .full-background.thin-height div:not(.k-widget) h1 {margin-top:25px} } /*Search*/ .spinner { position: fixed; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: -50px; /* half height of the spinner gif */ text-align:center; z-index:1234; overflow: auto; width: 100px; /* width of the spinner gif */ height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */ } .bootstrap-dialog-message .container {width:100% !important} .psoellipsis{ width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lodError{color:#fbdb41;} .sliderValue{color:#fbdb41;} /* k-stuff override */ .k-content > form .container-fluid {padding:0} .k-tabstrip-wrapper * {box-sizing:border-box !important} .k-tabstrip-wrapper {margin-bottom:50px} .k-tabstrip-wrapper .k-content {overflow-x:hidden;padding:30px} .k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {border:0} .peer-support .k-widget.k-tabstrip {padding:0;background-color:transparent;border-radius:8px;background-image:none;box-shadow:none;border:0} .peer-support .k-tabstrip .k-tabstrip-items {padding-left:5px} .k-tabstrip .k-content.k-state-active {border-radius:5px;border:0;text-shadow:none;margin:0;background-color:#fff;overflow-x:hidden;padding:15px} .k-tabstrip-left>.k-tabstrip-items {margin-top:30px} .k-tabstrip .k-content input, .k-tabstrip .k-content.k-state-active select {margin-bottom:8px} .peer-support .k-button:not(li) {border-radius:0;border-width:3px;background-color:transparent;font-family:"Rockwell W02";color:#006db3;margin:15px 0;box-sizing:border-box;font-size:1.2em;font-weight:bold;border-color:#006db3;padding:5px 25px;transition:.2s} .peer-support .k-button:focus,.peer-support .k-button:hover {background-color:#006db3;color:#fff;border-color:#fff;box-shadow: 0 1px 7px rgba(0,0,0,.8)} .peer-support .k-tabstrip-left>.k-tabstrip-items .k-item {margin-bottom:3px;border:0;background:#006db3;box-shadow:none;font-weight:bold} .k-loading, .k-state-hover .k-loading {display:none} /*.k-tabstrip-items .k-item.k-state-default {margin-right:5px;border:0; background: #f4f4f4;}*/ .k-tabstrip-items .k-item.k-state-default {margin-right:5px;border:0;} .peer-support .k-grid-content a {color:#333;text-decoration:underline;margin-right:8px} .peer-support .k-grid-content .k-state-selected:hover a {color:white} .peer-support .k-grid-content a {color:#006db3} .peer-support .k-tabstrip-items .k-state-default .k-link {color:#006db3;padding:8px 12px;margin:0 0 0 5px;border:0;text-shadow:none;font-weight:bold} /*.k-tabstrip-left>.k-tabstrip-items .k-item.k-state-active {background:#fff}*/ .k-tabstrip-left>.k-tabstrip-items .k-item.k-state-active .k-link {background:#fff;color:#006db3} .peer-support .peer-support .k-draghandle.peer-support .k-state-selected:hover, .peer-support .k-ghost-splitbar-horizontal, .peer-support .k-ghost-splitbar-vertical, .peer-support .k-list>.peer-support .k-state-highlight, .peer-support .k-list>.peer-support .k-state-selected, .peer-support .k-marquee-color, .peer-support .k-panel>.peer-support .k-state-selected, .peer-support .k-scheduler .peer-support .k-scheduler-toolbar .peer-support .k-state-selected, .peer-support .k-scheduler .peer-support .k-today.peer-support .k-state-selected, .peer-support .k-state-selected, .peer-support .k-state-selected:link, .peer-support .k-state-selected:visited {background-color:#ffcd47; border-color:#ffcd47} .peer-support div.k-content .btn {color:#fff;border-color:#006db3;padding:4px 10px;margin:0 0 15px;font-size:16px;background:white} .peer-support div.k-content .btn:hover {border-color:white;color:white;background-color:#006db3} .peer-support .k-tabstrip-wrapper .btnTable , .peer-support .k-content a {color:#006db3} .peer-support .k-tabstrip.k-header .k-tabstrip-next, .peer-support .k-tabstrip.k-header .k-tabstrip-prev {margin:0 -5px;padding:0 5px;border:0;background:white !important;border-radius:3px} .peer-support .k-tabstrip.k-header .k-tabstrip-next .k-i-arrow-e, .peer-support .k-tabstrip.k-header .k-tabstrip-prev .k-i-arrow-w {background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzOC4wMDMgMjM4LjAwMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjM4LjAwMyAyMzguMDAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE4MS43NzYsMTA3LjcxOUw3OC43MDUsNC42NDhjLTYuMTk4LTYuMTk4LTE2LjI3My02LjE5OC0yMi40Nywwcy02LjE5OCwxNi4yNzMsMCwyMi40NyAgICBsOTEuODgzLDkxLjg4M2wtOTEuODgzLDkxLjg4M2MtNi4xOTgsNi4xOTgtNi4xOTgsMTYuMjczLDAsMjIuNDdzMTYuMjczLDYuMTk4LDIyLjQ3LDBsMTAzLjA3MS0xMDMuMDM5ICAgIGMzLjE0Ni0zLjE0Niw0LjY3Mi03LjI0Niw0LjY0LTExLjI4M0MxODYuNDE2LDExNC45MDIsMTg0Ljg5LDExMC44MzMsMTgxLjc3NiwxMDcuNzE5eiIgZmlsbD0iIzAwNmRiMyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) transparent 0 7px no-repeat; background-size:100%;height:30px} .peer-support .k-tabstrip.k-header .k-tabstrip-prev .k-i-arrow-w {transform:rotate(180deg)} .k-multiselect-wrap .k-input {margin-bottom:0 !important;height:2em !important;} /* Datepicker */ .chkCanerExp{text-align:center} /*forms */ .ccssuccessmessage {background-color:green;color:#222;border-radius:5px;box-shadow:0 2px 3px rgbA(0,0,0,0.2);padding:15px;margin-bottom:30px;text-shadow:none;} .ccserrormessage {background-color:red;color:#222;border-radius:5px;box-shadow:0 2px 3px rgbA(0,0,0,0.2);padding:15px;margin-bottom:30px;text-shadow:none} .ccssuccessmessage h2,.ccserrormessage h2{margin-left:20px;font-size:20px !important} .field-validation-error{color:red} /*file upload*/ .k-upload-action{margin:0px !important} /*slider*/ .k-button-increase,.k-button-decrease{margin:0px !important;padding:0px !important;} .cancerExpNote{font-size:16px;font-weight:bold;margin-bottom:15px;} /* for FAQs */ .peer-support ul + h5 {margin-top:50px} .peer-support h5 + h3 {margin-top:0px} /* sitefinity back -end editor stupid CSS fixes - why is this even neccessary?*/ .sf-backend-wrp .k-editor .k-editable-area {height:70vh!important} .sf-backend-wrp .modal-body .k-editor-widget .k-editable-area iframe, .sf-backend-wrp .modal-body .k-editor-widget .k-editable-area textarea.html {max-width:100% !important} .sf-backend-wrp .modal-footer {background-color:white !important} /* fixed for modal scroll issue */ .peer-support .modal {padding:15px;width:100%} .peer-support .modal-dialog{ overflow-y:hidden !important} .peer-support .modal-body{ max-height: 80vh; overflow-y:auto;} .peer-support .modal-body > .bootstrap-dialog-body > .bootstrap-dialog-message > .container-fluid {padding-left:0;padding-right:0} .input-group > .input-group-addon > select { border: none; background-color: transparent; height: 32px; padding: 6px 12px; } h3.call-to-action { text-align: center; font-size: 24px !important; background-color: #5e99ca; border-radius: 5px; padding-top: 12px; padding-bottom: 18px; margin-top: 0px; } section.cards { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; width: 100%; margin-top: 68px; } article.volunteer-intro { background-color: #fff; border-radius: 5px; box-shadow: 1px 0px 1px 2px rgba(0,0,0,0.25); padding: 12px 24px; color: #4c4c4c; font-size: 14px; overflow: hidden; min-height: 450px; width: 100%; margin-bottom: 26px; } article.volunteer-intro > header { background-color: #FCF0AC; margin: -12px -24px 116px; text-align: center; height: 136px; padding-top: 30px; color: #444; } article.volunteer-intro > header > h4 { color: #105FB3; font-size: 24px; font-weight: bold; margin: 0; } article.volunteer-intro img { display: block; margin: 8px auto 16px; width: 150px; height: 150px; border-radius: 150px; } section.landing-volunteer-bio { min-height: unset; } .landing-volunteer-bio article.volunteer-intro { background: transparent; margin: 0; padding: 36px 0; border: none; box-shadow: none; overflow: visible; width: 100%; min-height: unset; } @media (min-width: 768px) { article.volunteer-intro { width: 347px; } section.cards article.volunteer-intro:nth-child(2n + 1) { margin-right: 26px; } .landing-volunteer-bio article.volunteer-intro > header { float: left; width: 40%; margin: 0px 26px 116px 0; } .landing-volunteer-bio article.volunteer-intro:before, .landing-volunteer-bio article.volunteer-intro:after { display: table; content: " "; } .landing-volunteer-bio article.volunteer-intro:after { clear: both; } .landing-volunteer-bio article.volunteer-intro > article { float: left; width: calc(60% - 26px); } } @media (min-width: 992px) { article.volunteer-intro { width: 457px; } section.cards article.volunteer-intro:nth-child(2n + 1) { margin-right: 26px; } } @media (min-width: 1200px) { article.volunteer-intro { width: 557px; } section.cards article.volunteer-intro:nth-child(2n + 1) { margin-right: 26px; } }