body, button, html, legend {
color: #000!important;
}
*INHERITED*/
.appealActionsWrapper,
.container404,
.contentBlockWrapper,
.contentBlockWrapper.appealActionsWrapper,
.customForm,
.donorsList,
.formWrapper,
.headerText,
.homeFeatures,
.homeFeeds,
.homeIntroWrapper,
.menuSub ul,
.pageFooter,
.pageHeader .headerContent,
.passwordForm,
.registerForm,
.searchListingIntro,
.signInForm {
max-width:1170px;
padding-left:20px;
padding-right:20px
}
.appealActionsWrapper,
.container404 {
margin:0 auto
}
.contentBlockWrapper.contactUsBody,
.formWrapper.contactForm {
padding:0
}
@media (max-width:900px) {
.contactUsIntro {
padding:0
}
}
body,
button,
html,
legend {
font-family:"Gill Sans W04 Book", Lato;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-size:20px;
line-height:1.4;
color:#6d6966;
font-weight:400
}
@media (max-width:900px) {
body,
button,
html,
legend {
font-size:18px
}
}
@media (max-width:500px) {
body,
button,
html,
legend {
font-size:16px
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:"Gill Sans W04 Book", Lato, sans-serif;
font-weight:400;
line-height:inherit
}
h1,
h2,
h3 {
margin-top:1em;
margin-bottom:.67em
}
h4,
h5,
h6 {
margin-top:.67em;
margin-bottom:.5em
}
h1 {
font-size:36px;
font-size:2em
}
h2 {
font-size:30px;
font-size:1.5em
}
h3 {
font-size:24px;
font-size:1.25em
}
h4 {
font-size:20px;
font-size:1.117em
}
h5 {
font-size:16px;
font-size:1em
}
h6 {
font-size:14px;
font-size:.85em
}
.eventContent h2,
.eventContent h3,
.eventContent h4,
.eventContent h5,
.eventContent h6,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6 {
margin-top:1em
}
p {
margin:0 0 1em 0;
font-size:16px;
font-size:1em
}
a,
a:link,
a:visited {
color:#2f8c7e
}
small {
font-size:.85em
}
b,
strong {
font-weight:400
}
em {
font-style:italics
}
ol,
ul {
margin-top:0;
margin-bottom:1em;
font-size:1em
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom:0
}
.accordianBody ol,
.accordianBody ul,
.listingIntro ol,
.listingIntro ul {
padding-left:25px;
margin-bottom:1em
}
.accordianBody ol,
.listingIntro ol {
list-style-type:decimal
}
.accordianBody ul,
.listingIntro ul {
list-style-type:disc
}
blockquote {
padding:2rem;
background-color:#2f8c7e;
margin:0 0 1em 0
}
blockquote:after,
blockquote:before {
display:none
}
blockquote ol,
blockquote p,
blockquote ul {
color:#fff
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom:0
}
@media (max-width:900px) {
h1 {
font-size:1.6em
}
h2 {
font-size:1.275em
}
h3 {
font-size:1.125em
}
}
table h1,
table h2,
table h3,
table h4,
table h5 {
margin:0;
font-weight:400
}
table td {
font-size:1em
}
table h2 {
margin-bottom:1em
}
tbody,
thead {
background-color:#fff;
border:1px solid #eee
}
thead tr:nth-child(odd) {
background-color:#fff
}
tr:nth-child(odd) {
background-color:rgba(238,238,238,.5)
}
td {
padding:10px
}
@media (max-width:900px) {
table {
max-width:100%;
height:100%;
display:block;
overflow:auto
}
}
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
padding:10px;
border-color:rgba(109,105,102,.2)
}
legend {
border-bottom:0;
font-size:1.5em
}
fieldset fieldset legend {
font-family:inherit
}
.customForm input[type=checkbox],
.customForm input[type=radio],
.formQuestion.commentNotify.labelCheckBoxPair input[type=checkbox],
.formQuestion.commentNotify.labelRadioPair input[type=radio],
.formQuestion.labelCheckBoxPair input[type=checkbox],
.formQuestion.labelRadioPair input[type=radio] {
display:inline-block;
float:none;
margin:5px 5px 0 0;
vertical-align:top
}
@media (max-width:900px) {
.customForm input[type=checkbox],
.customForm input[type=radio],
.formQuestion.commentNotify.labelCheckBoxPair input[type=checkbox],
.formQuestion.commentNotify.labelRadioPair input[type=radio],
.formQuestion.labelCheckBoxPair input[type=checkbox],
.formQuestion.labelRadioPair input[type=radio] {
vertical-align:top;
margin:5px 5px 0 0
}
}
.customForm label,
.formQuestion.commentNotify.labelCheckBoxPair label,
.formQuestion.commentNotify.labelRadioPair label,
.formQuestion.labelCheckBoxPair label,
.formQuestion.labelRadioPair label {
width:calc(100% - 30px);
padding-right:15px
}
.formSecondStep.labelCheckBoxPair label {
padding-right:10px
}
.answerOptions {
margin:10px 0 0 0
}
.customForm .formDescription,
.customForm .formQuestion {
margin:40px 0
}
.formQuestion input:focus,
.formQuestion input:hover,
.formQuestion textarea:focus,
.formQuestion textarea:hover {
border-color:rgba(109,105,102,.7);
outline:0
}
.checkboxLabelPair,
.radioLabelPair {
margin:10px 0
}
@media (max-width:768px) {
.checkboxRadioGrid .checkboxLabelPair,
.checkboxRadioGrid .radioLabelPair {
width:100%
}
}
::-webkit-input-placeholder {
font-family:"Gill Sans W04 Book", Lato, sans-serif
}
::-moz-placeholder {
font-family:"Gill Sans W04 Book", Lato, sans-serif
}
:-ms-input-placeholder {
font-family:"Gill Sans W04 Book", Lato, sans-serif
}
:-moz-placeholder {
font-family:"Gill Sans W04 Book", Lato, sans-serif
}
@media (max-width:900px) {
legend {
font-size:1.275em
}
}
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.appliedFilters span.filter,
.button,
.button.ghostContinue,
.commentAddImage,
.listedFilters a.filter,
.post_collapseReadMore a,
.readMore,
a.addToCalender,
a.button:link,
a.button:visited,
a.cta-button,
.wpcf7-form-control.wpcf7-submit.btn.btn-primary,
a.wp-block-button__link,
button {
background-color:#2f8c7e;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border: none;
color:#fff;
padding:.5rem 1.5rem;
font-size:.9rem;
margin-right:5px;
display:inline-block;
text-transform:uppercase
}
#totaliserActions .buttonDonate:hover,
#totaliserActions .buttonFundraise:hover,
.appliedFilters span.filter:hover,
.button.ghostContinue:hover,
.button:hover,
.commentAddImage:hover,
.listedFilters a.filter:hover,
.post_collapseReadMore a:hover,
.readMore:hover,
a.addToCalender:hover,
a.button:link:hover,
a.button:visited:hover,
a.cta-button:hover,
.wpcf7-form-control.wpcf7-submit.btn.btn-primary:hover,
button:hover {
background-color:#22665c;
cursor:pointer;
text-decoration:none
}
#totaliserActions .buttonDonate.facebookPopulate,
#totaliserActions .buttonFundraise.facebookPopulate,
.appliedFilters span.filter.facebookPopulate,
.button.facebookPopulate,
.button.ghostContinue.facebookPopulate,
.commentAddImage.facebookPopulate,
.listedFilters a.filter.facebookPopulate,
.post_collapseReadMore a.facebookPopulate,
.readMore.facebookPopulate,
a.addToCalender.facebookPopulate,
a.button:link.facebookPopulate,
a.button:visited.facebookPopulate,
a.cta-button.facebookPopulate,
button.facebookPopulate {
display:none
}
@media (max-width:480px) {
#totaliserActions .buttonDonate,
#totaliserActions .buttonFundraise,
.appliedFilters span.filter,
.button,
.button.ghostContinue,
.commentAddImage,
.listedFilters a.filter,
.post_collapseReadMore a,
.readMore,
a.addToCalender,
a.button:link,
a.button:visited,
a.cta-button,
button {
width:100%;
margin:5px 0
}
}
span.readMore a {
color:#fff
}
span.readMore a:hover {
text-decoration:none
}
a.button-donate:link,
a.donateBtn:link {
background-color:#dda20e
}
a.button-donate:link:hover,
a.donateBtn:link:hover {
background-color:#ad7f0b
}
a.buttonIcon:link,
a.buttonIcon:visited,
a.remove,
a.remove:link {
background-color:#2f8c7e;
color:#fff;
vertical-align:middle;
opacity:1;
font-family:FontAwesome;
overflow:hidden;
text-align:center
}
a.buttonIcon:link:hover,
a.buttonIcon:visited:hover,
a.remove:hover,
a.remove:link:hover {
background-color:#22665c;
color:#fff;
text-decoration:none
}
a.buttonIcon:link:before,
a.buttonIcon:visited:before,
a.remove:before,
a.remove:link:before {
padding-top:0;
line-height:23px
}
a.buttonIcon:link.increaseQuantity:before,
a.buttonIcon:visited.increaseQuantity:before,
a.remove.increaseQuantity:before,
a.remove:link.increaseQuantity:before {
content:'\f106'
}
a.buttonIcon:link.decreaseQuantity:before,
a.buttonIcon:link.expand:before,
a.buttonIcon:visited.decreaseQuantity:before,
a.buttonIcon:visited.expand:before,
a.remove.decreaseQuantity:before,
a.remove.expand:before,
a.remove:link.decreaseQuantity:before,
a.remove:link.expand:before {
content:'\f107'
}
a.buttonIcon:link.remove:before,
a.buttonIcon:visited.remove:before,
a.remove.remove:before,
a.remove:link.remove:before {
content:'\f00d'
}
@media screen and (max-width:992px) {
a.buttonIcon:link.decreaseQuantity,
a.buttonIcon:link.increaseQuantity {
width:16px;
height:16px;
background-color:transparent;
color:#2f8c7e;
border-radius:0;
font-size:16px
}
a.buttonIcon:link.decreaseQuantity:before,
a.buttonIcon:link.increaseQuantity:before {
padding:0;
line-height:16px;
height:16px
}
a.buttonIcon:link.decreaseQuantity:hover,
a.buttonIcon:link.increaseQuantity:hover {
color:#2f8c7e
}
}
ul.shareList,
ul.socialIcons {
margin-bottom:0
}
ul.shareList li,
ul.socialIcons li {
display:inline-block;
vertical-align:middle
}
ul.shareList li a,
ul.socialIcons li a {
width:40px;
height:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
display:block;
overflow:hidden;
font-size:inherit;
background-color:#b9bbbd
}
ul.shareList li a:hover,
ul.socialIcons li a:hover {
text-decoration:none
}
ul.shareList li a:before,
ul.socialIcons li a:before {
font-size:1rem;
vertical-align:middle;
color:#fff;
width:40px;
height:40px;
line-height:40px;
text-align:center;
display:block;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome
}
ul.shareList li a.facebook:before,
ul.socialIcons li a.facebook:before {
content:'\f09a'
}
ul.shareList li a.twitter:before,
ul.socialIcons li a.twitter:before {
content:'\f099'
}
ul.shareList li a.youtube:before,
ul.socialIcons li a.youtube:before {
content:'\f167'
}
ul.shareList li a.instagram:before,
ul.socialIcons li a.instagram:before {
content:'\f16d'
}
ul.shareList li a.linkedin:before,
ul.socialIcons li a.linkedin:before {
content:'\f08c'
}
ul.shareList li a.vimeo:before,
ul.socialIcons li a.vimeo:before {
content:'\f27d'
}
ul.shareList li:last-of-type {
margin-right:0
}
ul.shareList a.shareEmail:before {
background-color:#2f8c7e;
content:'\f003'
}
header#pageHeader {
position:relative;
background-color:#fff;
top:auto;
z-index:2
}
.mainLogo {
margin:58px 0 0;
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/logo.png);
background-size:contain;
width:16.45rem;
height:3.75rem;
position:relative;
z-index:1;
position:absolute
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
.mainLogo {
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/logo.png)
}
}
@media (max-width:1080px) {
.mainLogo {
position:static
}
}
@media (max-width:1080px) {
.mainLogo {
margin-bottom:1.5rem
}
}
@media (max-width:650px) {
.mainLogo {
width:12.45rem;
height:2.95rem;
margin-top:1.5rem
}
}
.menuAdminContainer {
display:none;
background-color:#f2f2f2;
height:auto
}
.menuAdminContainer ul#menuAdmin {
max-width:1170px;
width:100%;
padding:0 20px
}
.menuAdminContainer ul#menuAdmin li a {
color:#444;
border-left:0;
font-size:14px
}
.adminBar,
.adminBarEdit {
font-size:.85em;
padding:10px 20px
}
.mainCallToAction {
margin:1.5rem 0 0 20px
}
@media (max-width:650px) {
.mainCallToAction {
margin-top:.5rem
}
}
.mainCallToAction a.cta-button,
.mainCallToAction ul.shareList,
.mainCallToAction ul.socialIcons {
display:inline-block;
vertical-align:middle
}
.mainCallToAction ul.shareList,
.mainCallToAction ul.socialIcons {
margin-right:20px
}
.mainCallToAction a.cta-button {
margin-right:0;
margin-left:5px
}
@media only screen and (max-width:700px) {
.mainCallToAction a.cta-button {
padding:.55rem 1rem .2rem
}
}
.mainCallToAction a.tagline {
display:inline-block;
vertical-align:middle;
margin-right:20px
}
.mainCallToAction a.tagline:hover {
text-decoration:none
}
.headerFollowContainer {
display:none
}
form.header-search {
display:block;
float:right;
margin:1.5rem 0 0
}
form.header-search .searchContainer {
display:block;
float:none;
margin:0
}
form.header-search #siteSearch {
width:200px;
margin-top:0;
height:40px;
vertical-align:top;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #b9bbbd;
padding-left:0;
max-width:160px;
outline:0;
border-radius:0
}
form.header-search button {
width:40px;
height:40px;
overflow:hidden;
padding:0;
background-color:transparent;
margin:0
}
form.header-search button:before {
margin:0;
font-weight:400;
width:40px;
height:40px;
line-height:40px;
font-size:24px;
display:block;
color:#b9bbbd;
font-family:FontAwesome;
content:'\f002'
}
.cc-cookies {
width:100%;
background-color:rgba(0,0,0,.8);
text-shadow:none
}
@media (max-width:1080px) {
form.header-search {
display:none
}
}
@media only screen and (max-width:540px) {
.mainCallToAction {
display:block
}
}
@media (max-width:480px) {
.searchContainer button {
margin:0
}
.mainLogo {
width:10rem;
height:2.45rem
}
}
.menuMain {
background-color:#fff;
float:none;
position:relative;
top:auto;
margin-top:1rem;
backface-visibility:hidden;
text-align:right
}
.menuMain .mobile-search,
.menuMain .mobile-social {
display:none
}
.menuMain ul li>a {
color:#4c4c4c;
height:auto;
padding:1rem;
font-family:"Gill Sans W01 Medium", Lato, sans-serif;
text-align:left
}
.menuMain ul li .subMenu {
border:0;
background-color:#fff;
min-width:200px;
max-width:200px;
z-index:2
}
.menuMain ul li .subMenu li a {
background-color:transparent;
padding:10px 20px
}
.menuMain ul li .subMenu li a:hover {
color:#191919
}
.menuMain ul li:nth-last-of-type(3)>a {
padding-right:0
}
.menuMain ul li:nth-last-of-type(3) ul.subMenu {
right:0
}
.menuMain ul li:nth-last-of-type(3) ul.subMenu ul {
left:auto;
right:100%
}
.menuMain .mainCallToAction,
.menuMain form.header-search {
display:none
}
ul.topLevel {
width:100%;
max-width:1170px;
padding-left:20px;
padding-right:20px;
margin:0 auto
}
.breadcrumbList {
margin-bottom:0
}
.breadcrumbItem {
float:none;
display:inline-block;
margin-right:10px;
white-space:inherit;
line-height:normal
}
.breadcrumbItem:before {
padding-right:10px;
display:inline-block;
font-family:FontAwesome;
content:'\f105'
}
@media screen and (max-width:1080px) {
header#pageHeader {
position:relative
}
header#pageHeader .menuMain .mainCallToAction a.cta-button,
header#pageHeader .menuMain .mainCallToAction ul.shareList,
header#pageHeader .menuMain .mainCallToAction ul.socialIcons {
display:none
}
a.menuMainAlt {
display:block;
color:#4c4c4c;
background-color:#fff;
position:absolute;
bottom:1.5rem;
right:20px
}
a.menuMainAlt:hover {
text-decoration:none
}
a.menuMainAlt:before {
text-rendering:auto;
-webkit-font-smoothing:antialiased;
padding:0;
font-size:inherit;
line-height:inherit;
margin-right:10px;
top:-2px;
position:relative;
font-family:FontAwesome;
content:'\f0c9'
}
ul.topLevel {
display:block;
padding-left:0;
padding-right:0;
border-top:0
}
.menuMain {
position:absolute;
top:100%;
z-index:2;
-moz-transition:all .4s ease-in;
-webkit-transition:all .4s ease-in;
transition:all .4s ease-in;
max-height:0;
overflow:hidden;
margin-top:0
}
.menuMain.active {
max-height:500px;
overflow-y:scroll
}
.menuMain ul li:nth-last-of-type(3) ul.subMenu ul {
left:auto;
right:auto
}
.menuMain ul li {
display:block;
width:100%
}
.menuMain ul li .subMenu {
padding:0;
margin:0;
max-height:0;
max-width:100%;
overflow:hidden;
position:inherit;
box-shadow:none;
background-color:rgba(0,0,0,.05)
}
.menuMain ul li .subMenu ul {
left:auto;
right:auto
}
.menuMain ul li a {
border-bottom:0;
position:relative
}
.menuMain ul li ul.active,
.menuMain ul li>ul ul.active {
max-height:55em;
display:block
}
.menuMain ul li ul ul,
.menuMain ul li ul ul ul {
display:inherit
}
.menuMain li.hasSubmenu>a:after {
padding:0;
position:absolute;
font-size:1em;
display:inline-block;
top:10px;
right:20px;
font-family:FontAwesome;
content:'\f107'
}
.menuMain li.hasSubmenu>a.active:after {
content:'\f106'
}
.menuMain>ul>li.menuAdminAltItems {
display:none
}
.menuMain .mainCallToAction {
display:block;
margin:0;
float:none;
padding:5px 20px 20px 20px
}
.menuMain .mainCallToAction ul {
background-color:transparent;
max-height:none;
text-align:center
}
.menuMain .mainCallToAction ul li {
display:inline-block;
width:auto
}
.menuMain .mainCallToAction ul li a {
padding:0;
height:40px
}
.menuMain .mainCallToAction ul.shareList,
.menuMain .mainCallToAction ul.socialIcons {
text-align:left;
margin:0 0 20px 0
}
.menuMain .mainCallToAction a.cta-button,
.menuMain .mainCallToAction a.tagline {
width:100%;
padding-top:10px;
padding-bottom:10px;
margin:5px 0
}
.menuMain form.header-search {
padding:15px;
float:none;
margin:0;
display:block
}
.menuMain form.header-search .searchContainer {
padding:0;
position:relative
}
.menuMain form.header-search #siteSearch {
width:100%;
max-width:100%;
-webkit-appearance:none;
border-radius:0
}
.menuMain form.header-search button {
margin-right:0;
position:absolute;
top:0;
right:0
}
}
@media screen and (max-width:768px) {
a.menuMainAlt {
background-color:transparent
}
.menuMain li a {
border-bottom:0
}
}
@media screen and (max-width:900px) {
header#pageHeader .searchContainer {
display:none
}
header#pageHeader .menuMain .searchContainer {
display:block
}
}
@media screen and (max-width:920px) {
header#pageHeader .mainCallToAction ul.shareList,
header#pageHeader .mainCallToAction ul.socialIcons {
display:none
}
header#pageHeader .menuMain .mainCallToAction ul.shareList,
header#pageHeader .menuMain .mainCallToAction ul.socialIcons {
display:block
}
}
@media screen and (max-width:550px) {
header#pageHeader .mainCallToAction a.cta-button {
display:none
}
header#pageHeader .mainCallToAction a.cta-button.button-donate {
display:block
}
header#pageHeader .menuMain .mainCallToAction a.cta-button {
display:block
}
header#pageHeader .menuMain .mainCallToAction a.cta-button.button-donate {
display:none
}
}
.carouselSides {
position:relative
}
.carouselDetailWrapper {
position:absolute;
width:100%;
height:100%;
max-width:1170px;
margin-left:0;
top:0;
left:50%;
transform:translateX(-50%);
padding:0 20px
}
.carouselDetailWrapper .totaliserFigure,
.carouselDetailWrapper .totaliserLabel,
.carouselDetailWrapper h2.carouselSlideHeading a,
.carouselDetailWrapper h2.carouselSlideHeading a:link,
.carouselDetailWrapper p {
color:#fff
}
.carouselSlideDetail {
width:40%;
padding:2rem;
border:1px solid #fff;
background-color:transparent;
position:relative;
margin:0;
top:50%;
left:0;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-size:1em;
background-color:rgba(34,34,34,.6)
}
.carouselSlideDetail {
font-size:inherit
}
.carouselSlideDetail h2,
.carouselSlideDetail p {
text-align:left
}
.carouselSlideDetail h2 {
margin-top:0;
text-transform:uppercase;
font-size:1.4rem
}
.carouselSlideDetail p {
margin-bottom:0;
font-size:.9rem
}
.carouselSlideDetail .readMore {
display:block;
padding:0;
background:0 0;
margin-top:.5rem
}
.carouselSlide {
display:block;
opacity:1;
position:relative;
-webkit-transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
transition:opacity .5s ease-in-out;
max-height:none
}
.carouselSlide.hidden {
opacity:0;
display:block!important;
position:absolute;
width:100%
}
.showsVideo {
height:100%;
width:100%;
display:block
}
.showsVideo:before {
top:20%;
left:0;
right:0;
margin:0 auto
}
section.carousel.carouselImageSingle:not(.hasCaption) .showsVideo:before {
top:50%;
transform:translateY(-50%)
}
.carousel .totaliserPanel {
display:none;
max-width:200px;
margin:20px auto
}
.carousel #totaliserActions {
margin-top:1rem;
text-align:left
}
.carousel #totaliserActions .buttonDonate,
.carousel #totaliserActions .buttonFundraise {
float:none;
margin:0 5px 0 0
}
@media screen and (max-width:900px) {
.carousel #totaliserActions .buttonDonate,
.carousel #totaliserActions .buttonFundraise {
width:100%;
margin:0 0 5px 0
}
}
@media screen and (max-width:1000px) {
.carousel ul {
margin-top:0
}
}
@media screen and (max-width:900px) {
.carouselDetailWrapper {
position:relative;
padding:0
}
.carouselSlideDetail {
width:100%;
padding:20px;
top:auto;
-ms-transform:none;
-webkit-transform:none;
transform:none;
background-color:#a02054;
border:0;
box-shadow:none
}
.showsVideo {
position:relative
}
.showsVideo:before {
top:50%;
transform:translateY(-50%)
}
}
ul.carouselControls {
padding:0 20px;
width:100%
}
ul.carouselControls li a {
color:rgba(255,255,255,.6);
width:40px;
height:40px;
position:absolute;
top:50%;
margin-top:-20px
}
ul.carouselControls li a:before {
line-height:40px;
font-size:40px;
height:40px;
font-family:FontAwesome
}
ul.carouselControls li a:hover {
color:#fff
}
ul.carouselControls li a:hover:before {
color:inherit
}
.carouselControlPrev:before {
content:'\f137'
}
.carouselControlNext {
float:right
}
.carouselControlNext:before {
content:'\f138'
}
.carouselButtons {
display:none;
text-align:center;
background-color:transparent;
position:absolute;
bottom:20px
}
.carouselButtons li {
display:inline-block;
border:0;
padding:0;
float:none;
width:auto;
background-color:transparent;
margin:0 5px
}
.carouselButtons li.activeSlide {
border-bottom:0
}
.carouselButtons li a.button {
width:15px;
height:15px;
background-color:rgba(255,255,255,.8);
display:block;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
overflow:hidden;
padding:0;
text-indent:40px
}
.carouselButtons li a.button:hover {
background-color:#fff
} main .entry-content iframe,
.wp-block-embed__wrapper iframe {
height: 30vw;
}
@media screen and (max-width:1300px) {
main .entry-content iframe,
.wp-block-embed__wrapper iframe {
height: 35vw;
}
}
@media screen and (max-width:900px) {
main .entry-content iframe,
.wp-block-embed__wrapper iframe {
height: 50vw;
}
}
@media screen and (max-width:900px) {
.carousel .carouselButtons {
display:none
}
ul.carouselControls {
display:block
}
ul.carouselControls li a {
margin-top:0;
top:20px;
bottom:auto
}
}
.showsVideo:before {
text-align:center;
width:100px;
height:100px;
line-height:100px;
z-index:1;
font-family:FontAwesome;
background-color:transparent;
-ms-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
font-size:100px;
content:'\f144'
}
@media screen and (max-width:480px) {
.showsVideo:before {
width:40px;
height:40px;
font-size:40px;
line-height:40px
}
}
.videoPopUpWrapper {
top:50%;
transform:translateY(-50%);
left:0;
right:0;
margin:0 auto
}
@media (max-width:992px) {
.videoPopUpWrapper {
width:640px;
height:360px
}
}
@media (max-width:768px) {
.videoPopUpWrapper {
width:500px;
height:281px
}
}
@media (max-width:540px) {
.videoPopUpWrapper {
width:420px;
height:236px
}
}
@media (max-width:480px) {
.videoPopUpWrapper {
width:300px;
height:169px;
padding:10px
}
}
@media (max-width:360px) {
.videoPopUpWrapper {
width:280px;
height:158px
}
}
.videoPopupClose {
top:-10px;
right:-10px
}
.videoPopupClose:hover {
text-decoration:none;
background-color:#2f8c7e;
color:#fff
}
@media (max-width:540px) {
.videoPopupClose {
top:-10px;
right:-10px
}
}
.homeIntroWrapper {
margin:4% auto
}
.homeIntro {
font-family:"Gill Sans W04 Book", Lato, sans-serif;
font-size:inherit;
margin-bottom:0;
padding:0
}
.homeIntro h2 {
text-transform:uppercase;
text-align:center;
width:100%;
font-size:1.8rem;
color:#444
}
.homeIntro p {
text-transform:uppercase;
text-align:center;
width:100%
}
@media (max-width:900px) {
.homeIntroWrapper {
margin:8% auto
}
.homeIntro p {
font-size:.9rem
}
}
@media only screen and (max-width:540px) {
.homeIntro {
width:100%;
margin:0
}
}
.homeFeatures {
display:block;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.homeFeature {
margin-left:0;
width:30.66667%;
margin-right:4%;
float:left;
display:block;
align-content:flex-start;
display:flex;
flex-wrap:wrap;
flex-direction:column
}
.homeFeature:nth-child(4n+1) {
clear:inherit
}
.homeFeature:last-child,
.homeFeature:nth-of-type(3n) {
margin-right:0
}
.homeFeature>a {
width:100%;
display:block
}
.homeFeaturesWrapper {
background-color:#fff;
margin:4% 0
}
.homeFeature {
margin-top:0;
margin-bottom:1.5rem;
margin-left:0;
background-color:transparent
}
.homeFeature h2 a {
color:#444
}
.homeFeature p {
margin-bottom:0;
color:#6d6966
}
.homeFeature:hover {
background-color:transparent
}
.homeFeature .banner {
margin-bottom:0
}
.homeFeature .listedPostText,
.homeFeatureDetailsWrapper {
padding:0
}
.homeFeature .listedPostText h2,
.homeFeatureDetailsWrapper h2 {
margin-top:0
}
.homeFeature .listedPostText .featureFooter,
.homeFeatureDetailsWrapper .featureFooter {
display:none
}
.homeBox1:before,
.homeBox2:before,
.homeBox3:before {
content:'';
display:block;
width:150px;
height:150px;
border-radius:150px;
background-color:#2f8c7e;
border:2px solid #fff;
-webkit-box-shadow:0 0 0 2px #2f8c7e;
box-shadow:0 0 0 2px #2f8c7e;
margin:0 auto 1.5rem;
background-repeat:no-repeat;
background-position:center
}
.homeBox1 img,
.homeBox2 img,
.homeBox3 img {
display:none
}
.homeBox1 .homeFeatureDetailsWrapper,
.homeBox2 .homeFeatureDetailsWrapper,
.homeBox3 .homeFeatureDetailsWrapper {
text-align:center
}
.homeBox1:before {
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/icon-power.svg)
}
.homeBox2:before {
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/icon-bulb.svg)
}
.homeBox3:before {
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/icon-bike.svg)
}
.homeFeaturesFullWidth {
position:relative;
margin-top:2rem;
margin-bottom:4rem;
padding:3rem 0;
background-size:cover;
background-position:center;
background-repeat:no-repeat
}
.homeFeaturesImpact {
background-image:url(//juliesbicycle.com/clients/juliesbicycle/assets/stats-bg.jpg)
}
.homeFeaturesImpact:after {
content:'';
display:block;
position:absolute;
left:0;
width:100%;
top:0;
height:100%;
background-color:rgba(0,0,0,.5)
}
.homeFeaturesImpact .homeFeatures {
position:relative;
z-index:1;
-ms-flex-pack:distribute;
justify-content:space-around
}
.homeFeaturesImpact .homeFeatures:after {
display:none
}
.homeBox4 {
width:100%;
text-align:center;
margin-right:0
}
.homeBox4 h2 {
color:#fff;
font-size:1.8rem;
text-transform:uppercase;
width:100%;
text-align:center
}
.homeBox5,
.homeBox6 {
text-align:center;
margin-right:0
}
.homeBox5 img,
.homeBox6 img {
display:none
}
.homeBox5 .homeFeatureDetailsWrapper h2,
.homeBox6 .homeFeatureDetailsWrapper h2 {
font-size:5rem;
color:#fff;
margin-bottom:0;
position:relative
}
.homeBox5 .homeFeatureDetailsWrapper h2 a,
.homeBox6 .homeFeatureDetailsWrapper h2 a {
color:#fff
}
.homeBox5 .homeFeatureDetailsWrapper h2:after,
.homeBox6 .homeFeatureDetailsWrapper h2:after {
content:'';
display:block;
position:absolute;
bottom:1rem;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:5rem;
height:1px;
background-color:#fff
}
.homeBox5 .homeFeatureDetailsWrapper p,
.homeBox6 .homeFeatureDetailsWrapper p {
color:#fff
}
.homeBox7 {
width:calc(60% - 2rem);
float:left;
margin:0;
margin-right:2rem;
background-color:#f0f0f0
}
@media (max-width:900px) {
.homeBox7 {
padding-right:0
}
}
.homeBox7 .homeFeatureDetailsWrapper {
padding:2rem
}
.homeBox7 .homeFeatureDetailsWrapper h2 {
font-size:1.4rem
}
.homeBox7 .homeFeatureDetailsWrapper h2 a {
color:#444
}
.homeBox8,
.homeBox9 {
margin:0;
padding:2rem;
width:100%;
height:100%;
display:block
}
@media screen and (max-width:900px) {
.homeBox8,
.homeBox9 {
height:auto
}
}
.homeBox8 img,
.homeBox9 img {
display:none
}
.homeBox8 h2,
.homeBox9 h2 {
font-size:1.4rem;
display:inline-block
}
.homeBox8 h2:after,
.homeBox9 h2:after {
content:'';
display:block;
width:100%;
height:1px;
background-color:#fff
}
.homeBox8 h2 a,
.homeBox9 h2 a {
color:#fff
}
.homeBox8 p,
.homeBox9 p {
color:#fff
}
.homeBox8 .readMore,
.homeBox9 .readMore {
display:block
}
.homeFeaturesFullHeight {
width:40%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#a02054
}
@media (max-width:900px) {
.homeFeaturesFullHeight {
width:100%;
margin-top:2rem;
display:block
}
}
.homeBox8 {
background-color:#2f8c7e;
border-bottom:2rem solid #fff
}
.homeBox8:hover {
background-color:#dda20e
}
.homeBox9 {
background-color:#a02054
}
.homeBox9:hover {
background-color:#dda20e
}
.homeBox10 {
width:100%;
margin-top:3rem;
margin-bottom:0;
overflow:hidden;
padding:2rem 0
}
.homeBox10 .home-feature-image-link {
position:relative
}
.homeBox10 .homeFeatureDetailsWrapper {
max-width:1170px;
width:34.8%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
padding:3rem 1.5rem 3rem 2.5rem;
margin:0;
left:0;
z-index:1
}
.homeBox10 .homeFeatureDetailsWrapper:before {
content:'';
display:block;
position:absolute;
width:33%;
border-radius:50%;
padding-bottom:33%;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
left:1rem;
background-color:#a02054
}
.homeBox10 .homeFeatureDetailsWrapper:after {
content:'';
display:block;
position:absolute;
width:33.5%;
border-radius:50%;
padding-bottom:33.5%;
top:50%;
left:.856rem;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border:1px solid #a02054
}
@media screen and (max-width:900px) {
.homeBox10 .homeFeatureDetailsWrapper {
margin:0 auto;
width:100%;
height:auto;
border-radius:0;
background-color:#a02054
}
.homeBox10 .homeFeatureDetailsWrapper:after,
.homeBox10 .homeFeatureDetailsWrapper:before {
border-radius:0;
display:none
}
}
.homeBox10 .homeFeatureDetailsWrapper h2 a,
.homeBox10 .homeFeatureDetailsWrapper p {
color:#fff;
position:relative;
z-index:1
}
.homeBox10 .homeFeatureDetailsWrapper h2 {
position:relative;
display:table;
margin:0 auto 1rem;
text-align:center;
align-self:center
}
.homeBox10 .homeFeatureDetailsWrapper h2:after {
content:'';
display:block;
height:1px;
width:100%;
background-color:#fff;
position:absolute;
bottom:0
}
.homeBox10 .homeFeatureDetailsWrapper h2 a:hover {
cursor:default
}
@media screen and (min-width:900px) {
.homeFeaturesMaxWidth {
width:100%;
max-width:1170px;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
padding:2rem 0
}
}
@media screen and (max-width:900px) {
.homeFeature {
width:100%;
float:none;
margin-right:0;
align-self:center;
display:block
}
}
.homeFeeds {
display:block;
display:flex;
flex-wrap:wrap;
flex-direction:row
}
.homeFeed {
margin:0;
margin-left:0;
width:48%;
margin-right:4%;
float:left;
display:block;
align-content:flex-start;
display:flex;
flex-wrap:wrap
}
.homeFeed:nth-child(4n+1) {
clear:inherit
}
.homeFeed:last-child,
.homeFeed:nth-of-type(2n) {
margin-right:0
}
.feedItem {
width:100%;
margin-right:0;
float:none;
display:block
}
.feedItem .home-feed-image-link {
display:block;
width:50%;
float:left;
overflow:hidden;
height:100%
}
.feedItem .home-feed-image-link .banner {
margin:0;
margin-bottom:-6rem
}
.feedItem .banner {
height:100%;
width:auto
}
.feedItem .homeFeedDetailsWrapper {
width:50%;
float:right;
padding:1rem
}
.feedItem h3,
.feedItem p {
width:100%
}
.feedItem h3 {
font-size:1.2rem;
margin:0;
margin-bottom:.5rem
}
.feedItem h3 a {
color:#444
}
.feedItem p {
font-size:.9rem
}
.homeFeedsWrapper {
background-color:#fff;
margin:2rem 0;
padding:0
}
.feedsTitle {
background-color:transparent;
padding:0;
margin-bottom:2%;
width:100%;
font-size:1.8rem;
color:#444
}
ul.feedList {
padding:0;
width:100%;
display:block;
display:flex;
flex-wrap:wrap
}
ul.feedList:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.homeFeed {
margin-left:0;
margin-bottom:4%
}
.feedItem {
margin-top:0;
margin-bottom:1rem;
background-color:#eee;
min-height:300px
}
.feedItem .readMore {
display:none
}
.homeFeedevents .postFooterWrapper {
clear:both;
display:none
}
.homeFeedevents .postFooterWrapper .postFooter {
padding:0;
border:0;
margin:0
}
.homeFeedevents .postFooterWrapper p {
display:block;
padding:0;
margin:0;
width:100%
}
.homeFeedevents .postFooterWrapper .publishDetailsWrapper,
.homeFeedevents .postFooterWrapper .relatedWrapper,
.homeFeedevents .postFooterWrapper .shareWrapper {
display:none
}
.tweet {
margin:8% 0
}
.tweet img {
display:none
}
.tweetDate {
display:block;
width:100%;
font-size:.9em
}
.feedActionWrapper {
padding:0
}
@media screen and (max-width:900px) {
.feedItem,
.homeFeed {
width:100%;
float:none;
margin-right:0
}
.feedItem {
margin-bottom:8%;
min-height:0
}
}
@media (max-width:767px) {
.feedItem .home-feed-image-link {
width:100%;
float:none;
height:auto;
overflow:visible
}
.feedItem .home-feed-image-link .banner {
width:100%;
height:auto;
margin:0
}
.feedItem .homeFeedDetailsWrapper {
float:none;
width:100%
}
}
.headerText {
margin:4rem auto 1rem
}
.headerText h1 {
font-size:1.8rem;
margin-top:2rem;
color:#444;
text-transform:uppercase
}
.headerText p {
width:66%;
font-size:1.2rem
}
.listingIntro p {
width:100%;
font-size:1em
}
.postContent {
padding-right:8%;
width:68%
}
.postContent blockquote:before {
display:none
}
.appealActions,
.postAside {
float:right;
width:calc(100% - 68%)
}
.postFooterWrapper {
clear:both
}
.postFooterWrapper .postFooter {
padding:0;
border:0;
font-size:1em
}
.postFooterWrapper .publishDetailsWrapper {
margin-top:0
}
.postFooterWrapper .publishDetailsWrapper:after {
content:'';
display:block;
clear:both;
visibility:hidden
}
.postFooterWrapper p {
font-size:1em;
display:inline-block;
float:none;
margin:0 20px 10px 0
}
.postFooterWrapper .relatedWrapper,
.postFooterWrapper .shareWrapper {
margin-top:40px
}
.postFooterWrapper .relatedWrapper ul.relatedList,
.postFooterWrapper .shareWrapper ul.relatedList {
padding-left:0;
display:inline
}
.postFooterWrapper .locationDetails,
.postFooterWrapper .publishDetailsWrapper,
.postFooterWrapper .relatedWrapper,
.postFooterWrapper p.associatedEndDate,
.postFooterWrapper p.associatedStartDate {
display:none
}
.blogDetails h2 {
font-size:.9rem
}
.blogDetails .blogTitle {
display:inline-block
}
.shareWrapper {
text-align:left;
font-size:18px
}
.shareWrapper ul.shareList {
margin-top:10px
}
.shareWrapper ul.shareList li {
float:none
}
.accordianBody img,
.listingIntro img,
.postContent img {
max-width:100%;
height:auto
}
.accordianBody iframe,
.listingIntro iframe,
.postContent iframe {
max-width:100%
}
@media screen and (max-width:900px) {
.appealActions,
.contentBlock,
.listContent,
.postAside,
.postContent {
width:100%;
padding:0
}
}
@media (max-width:768px) {
.headerText h1 {
font-size:1.8em
}
}
@media (max-width:1080px) {
.image-align-left,
.image-align-right,
img.postImageFloatLeft,
img.postImageFloatRight {
display:block;
float:none;
margin:10px auto
}
}
.listing .headerText {
padding-bottom:4rem
}
.listing .listedPost:not(.listedFundraiser) {
margin-left:0;
margin-left:0;
width:30.66667%;
margin-right:4%;
float:left;
display:block;
align-content:flex-start;
display:flex;
flex-wrap:wrap;
flex-direction:column
}
.listing .listedPost:not(.listedFundraiser):last-child,
.listing .listedPost:not(.listedFundraiser):nth-of-type(3n) {
margin-right:0
}
.listing .listedPost:not(.listedFundraiser)>a {
width:100%;
display:block
}
.listing .listedPost {
border-bottom:0;
margin-top:0;
margin-bottom:40px;
padding-bottom:0
}
@media screen and (min-width:900px) {
.listing .listedPost>.listedPostText:first-child {
margin-top:55%
}
}
.listing .listedPost .listedPostText {
padding:0 1rem
}
.listing .listedPost h2 {
margin-top:0;
font-size:1.2rem
}
.listing .listedPost h2 a {
color:#a02054
}
.listing .listedPost p {
font-size:.9rem
}
.listing .listedPost .postFooterWrapper,
.listing .listedPost .readMore {
display:none
}
.listing .postAside {
display:none
}
.listContent {
float:none;
width:100%;
display:block;
display:flex;
flex-wrap:wrap;
flex-direction:row
}
.faqListingPage .listContent {
flex-direction:column
}
.listFooter {
width:100%
}
.listFooter a.button:link {
margin:5px
}
div[id*=googleMap] {
max-width:100%!important
}
span.googleSearchWrapper {
padding:20px;
background-color:#eee
}
span.googleSearchWrapper input[type=text] {
margin:0;
font-size:1em;
padding:10px
}
span.googleSearchWrapper button {
margin:0
}
.content.listContent.mapResultList {
border:0;
margin-top:40px
}
.content.listContent.mapResultList:before {
border-bottom-color:#eee;
margin-bottom:40px
}
.content.listContent.mapResultList .listedPost {
border-bottom-color:#eee
}
.content.listContent.mapResultList .listedPostText {
font-size:1em
}
.content.listContent.mapResultList h2 {
font-size:1em
}
.content.listContent.mapResultList .readMore {
display:none
}
@media screen and (max-width:900px) {
.listing .listedPost:not(.listedFundraiser) {
width:100%;
float:none;
padding:0
}
.content.listContent.mapResultList .listingBanner {
float:none;
width:100%;
margin:0 0 20px 0
}
}
@media screen and (max-width:480px) {
.listFooter a.button:link {
margin:0 0 5px 0;
width:100%
}
span.googleSearchWrapper input[type=text] {
width:100%
}
}
.content.appealActions,
.postAside {
padding:0;
margin-bottom:20px
}
.content.appealActions .appeals a.button,
.postAside .appeals a.button {
margin-bottom:5px
}
.content.appealActions .appeals a.donateBtn,
.postAside .appeals a.donateBtn {
margin-left:1rem
}
.associated {
background-color:#f3f3f3;
padding:2rem
}
.associated h2 {
font-size:.9rem;
color:#a4a4a4;
margin-top:0;
margin-bottom:2rem
}
.associated .readMore {
display:none
}
.associated .postFooterWrapper {
display:none
}
ul.associatedListing li {
display:none;
border-bottom:1px solid #eee
}
ul.associatedListing li:nth-child(-n+5) {
display:block
}
ul.associatedListing li img {
display:none
}
ul.associatedListing h3 {
font-size:1em;
margin-top:0;
margin-bottom:0
}
ul.associatedListing h3 a {
color:#a02054
}
ul.associatedListing p {
display:block;
height:auto;
visibility:visible
}
.associatedBox {
padding:0;
padding-bottom:1rem
}
.associatedBox h2,
.associatedBox p {
padding-left:1rem;
padding-right:1rem
}
.associatedBox h2 {
font-size:1rem;
margin-top:1rem;
margin-bottom:1rem
}
.associatedBox h2 a {
color:#a02054
}
.associatedLatestPosts,
.associatedMostRead {
display:none
}
.associatedTagCloud {
display:none
}
@media (max-width:900px) {
.content.appealActions,
.postAside {
padding:0
}
.content.appealActions .appeals a.button,
.postAside .appeals a.button {
max-width:calc(100% - 2rem);
margin-left:auto;
margin-right:auto;
display:table
}
.content.appealActions .appeals a.donateBtn,
.postAside .appeals a.donateBtn {
margin-left:auto
}
}
.postComments {
padding:20px 0;
border-top:1px solid #eee
}
.postComments header {
padding:0
}
.postComments h3 {
font-size:18px;
margin:0
}
.postComments .commentForm {
margin-top:0
}
.postComments .commentForm .formQuestion label {
width:auto
}
@media (max-width:480px) {
.postComments .commentForm .formQuestion label {
width:calc(100% - 30px)
}
}
.postComments .commentForm .formQuestion input,
.postComments .commentForm .formQuestion textarea {
background-color:#f2f2f2;
border:0
}
.postComments .commentForm .commentImageWrapper,
.postComments .commentForm .commentVideoWrapper {
width:50%;
margin-top:20px;
display:inline-block;
float:left
}
@media screen and (max-width:768px) {
.postComments .commentForm .commentImageWrapper,
.postComments .commentForm .commentVideoWrapper {
float:none;
width:100%;
margin-top:10px
}
}
.postComments .commentForm .commentImageWrapper .formQuestion {
margin-top:0
}
.postComments .commentForm .commentImageWrapper .commentAddImage {
background-color:#2f8c7e!important;
color:#fff!important;
line-height:auto
}
.postComments .commentForm .commentVideoWrapper .addVideo {
width:100%
}
.postComments .commentForm .commentNotify {
float:left;
width:100%;
margin:10px 0 20px 0
}
.postComments .commentForm button.addComment {
margin-top:0;
float:left
}
.commentsListWrapper {
margin-top:40px
}
ul.commentsList {
padding:20px 0 0 0;
border-top:1px solid #eee
}
ul.commentsList li {
border-bottom:0
}
ul.commentsList li img {
margin-right:20px
}
.commentContentWrapper {
width:85%;
float:right
}
.commentContentWrapper .commentContent {
background-color:#f2f2f2;
padding:20px;
margin-bottom:10px
}
.commentContentWrapper .commentContent p {
margin:0
}
.commentDetails {
margin-top:20px
}
.commentDetails p {
font-size:14px
}
.commentDetails .helpfulComment {
display:none;
margin-top:0
}
.commentDetails .helpfulComment legend {
float:none;
margin:0 0 5px 0;
border-bottom:0
}
.appealComments .postComments {
margin-top:0;
padding:40px 0
}
ul.commentsList li.commentDonation {
padding:0 0 20px 0;
margin:0 0 20px 0;
border-bottom:1px solid #eee
}
ul.commentsList li.commentDonation img {
display:none
}
ul.commentsList li.commentDonation .commentDetails {
margin-top:0
}
ul.commentsList li.commentDonation .commentDetails p {
margin:0
}
ul.commentsList li.commentDonation .commentDetails p.commenterWrapper {
margin-bottom:10px;
text-transform:uppercase
}
ul.commentsList li.commentDonation .commentDetails strong {
font-weight:400
}
ul.commentsList li.commentDonation .commentDetails .commenterWrapper strong,
ul.commentsList li.commentDonation .commentDetails time span:nth-child(2) {
display:none
}
ul.commentsList li.commentDonation .commentContentWrapper {
width:50%;
float:left
}
.commentDonationAmount {
padding:0;
margin:0;
float:right;
background-color:transparent;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
font-size:1.7em
}
.registerCommentsWrapper#registerComments,
.signInCommentsWrapper#signInComments {
padding:0;
background-color:transparent;
margin:60px 0 0 0;
clear:both
}
.registerCommentsWrapper#registerComments fieldset.registerForm,
.signInCommentsWrapper#signInComments fieldset.registerForm {
padding:0;
margin:0 0 20px 0;
border:0
}
.registerCommentsWrapper#registerComments fieldset.registerForm legend,
.signInCommentsWrapper#signInComments fieldset.registerForm legend {
text-align:left;
font-size:1.2em;
font-family:"Gill Sans W04 Book", Lato, sans-serif;
margin-bottom:10px
}
.registerCommentsWrapper#registerComments fieldset.signInForm,
.signInCommentsWrapper#signInComments fieldset.signInForm {
padding:0;
margin:0 0 20px 0
}
.registerCommentsWrapper#registerComments fieldset.signInForm legend,
.signInCommentsWrapper#signInComments fieldset.signInForm legend {
font-size:1.2em;
font-family:"Gill Sans W04 Book", Lato, sans-serif;
margin-bottom:10px
}
@media screen and (max-width:900px) {
ul.commentsList img {
display:none
}
.commentContentWrapper {
float:none;
width:100%
}
}
.categoryFilterWrapper {
margin:40px 0
}
.categoryFilterWrapper h2,
.categoryFilterWrapper h3 {
font-size:1em;
font-weight:400;
margin-top:0
}
ul.listedFilters {
margin:0
}
ul.listedFilters>li {
background:0 0;
padding:0;
height:auto;
margin:0 5px 5px 0;
cursor:pointer
}
ul.listedFilters a.filter {
margin-right:0
}
ul.listedFilters a.filter:hover {
text-decoration:none
}
.appliedFilters {
margin:20px 0
}
.appliedFilters h3 {
float:none;
margin:1em 0
}
.appliedFilters ul {
float:none
}
.appliedFilters li {
float:none;
display:inline-block;
margin:0 5px 5px 0;
vertical-align:middle
}
.appliedFilters span.filter {
text-transform:capitalize;
margin:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
line-height:inherit
}
.appliedFilters span.filter:hover {
cursor:default;
background-color:#2f8c7e
}
.appliedFilters span.filter a.remove,
.appliedFilters span.filter a.remove:link {
position:inherit;
top:auto;
background-color:rgba(0,0,0,.3);
margin:0 0 0 10px;
width:23px;
height:23px;
border-radius:50% 50% 50% 50%;
display:inline-block
}
.appliedFilters span.filter a.remove:before,
.appliedFilters span.filter a.remove:link:before {
font-family:FontAwesome;
content:'\f00d'
}
.appliedFilters span.filter a.remove:hover,
.appliedFilters span.filter a.remove:link:hover {
background-color:rgba(0,0,0,.7);
opacity:1;
cursor:pointer
}
.groupedFilters {
display:inline-block;
margin:0 20px 10px 0
}
@media (max-width:900px) {
.combinedCategoryFilter .groupedFilters {
width:100%;
margin:10px 0
}
.combinedCategoryFilter .groupedFilters select {
max-width:100%;
width:100%
}
}
.listing .listedEvent {
height:auto
}
.listing .listedEvent .postFooterWrapper {
display:block
}
.listing .listedEvent .postFooterWrapper .postFooter:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.listing .listedEvent .postFooterWrapper p {
margin-right:0
}
.listing .listedEvent .postFooterWrapper .publishDetailsWrapper,
.listing .listedEvent .postFooterWrapper .relatedWrapper {
display:none
}
.eventContent table td {
padding:10px
}
.eventContent table input[type=text] {
margin-top:0
}
.eventContent table.itemColumn {
width:40%
}
.eventContent table h3 {
margin-top:0
}
.eventContent thead {
color:rgba(109,105,102,.5)
}
h3.itemName {
font-size:1em
}
.itemColumn {
width:40%
}
a.button.mapLink {
margin-top:5px
}
.eventDetails img {
max-width:100%;
height:auto
}
.eventKeyListImages img {
width:100%
}
@media (max-width:1024px) {
.itemColumn {
width:20%
}
}
@media (max-width:900px) {
a.addToCalender,
a.eventBookingBtn,
a.mapLink {
width:100%;
margin-right:0;
text-align:center
}
}
@media (max-width:540px) {
.eventPostPage .itemName,
.priceColumn .price {
font-size:1em
}
.extras,
.tickets {
overflow-x:auto
}
.eventContent table td {
padding-left:5px;
padding-right:5px
}
.quantityColumn {
min-width:120px
}
.quantityColumn input {
width:40%;
padding-left:0;
padding-right:0
}
}
.accordianHeader {
padding:20px;
margin-top:20px;
position:relative
}
.accordianHeader h2 {
font-size:1em
}
.accordianHeader p.postSummary {
padding:10px 0 0
}
.accordianHeader a.expand:link {
position:absolute;
top:20px;
right:20px
}
.accordianHeaderText {
float:none;
width:90%
}
.accordianBody.contentBlockWrapper {
padding:20px;
background-color:#fff
}
.accordianBody.contentBlockWrapper .postFooterWrapper {
display:none
}
.accordianOpen a.expand:link:before {
content:'\f106'
}
.post_collapseContent,
.post_collapseTitle {
background-color:#eee;
padding:20px
}
.post_collapseReadMore a {
margin-right:0
}
.post_collapseReadMore a:hover {
text-decoration:none
}
.post_collapseReadMore a img {
display:none
}
.post_collapseReadMore a:after {
padding-left:10px;
font-family:FontAwesome;
content:'\f107'
}
@media (max-width:900px) {
.accordianHeaderText {
width:85%
}
.post_collapseReadMore,
.post_collapseTitle {
float:none!important;
width:100%
}
.post_collapseReadMore a {
width:100%;
text-align:center
}
}
body.login fieldset.signInForm {
margin:0 auto;
padding-top:60px;
padding-bottom:60px
}
body.login fieldset.signInForm .formQuestion {
max-width:600px
}
body.login fieldset.signInForm legend {
float:left;
width:100%;
font-size:2em;
margin-bottom:1em
}
body.lobby-registered fieldset.registerForm,
body.signup fieldset.registerForm {
margin:0 auto;
padding-top:60px;
padding-bottom:60px;
border:0;
min-height:200px
}
body.lobby-registered fieldset.registerForm legend,
body.signup fieldset.registerForm legend {
text-align:left;
float:left;
width:100%
}
body.lobby-registered .registerFields,
body.signup .registerFields {
max-width:600px
}
body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair label,
body.signup .registerFields .formQuestion.labelCheckBoxPair label {
width:auto;
display:inline
}
@media (max-width:900px) {
body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair label,
body.signup .registerFields .formQuestion.labelCheckBoxPair label {
width:85%;
display:inline-block
}
}
body.lobby-registered .registerFields .formQuestion.labelCheckBoxPair input[type=checkbox],
body.signup .registerFields .formQuestion.labelCheckBoxPair input[type=checkbox] {
margin:5px 0 0 10px
}
body.lobby-ActivateMember .contentBlockWrapper {
margin:0 auto;
padding-top:60px;
padding-bottom:100px
}
body.lobby-ActivateMember fieldset.passwordForm {
margin:0 auto;
padding-top:60px;
padding-bottom:100px
}
body.lobby-ActivateMember fieldset.passwordForm .contentBlockWrapper {
padding:0;
margin:0
}
body.lobby-ActivateMember .formButtons,
body.lobby-ActivateMember .formQuestion {
max-width:600px
}
.passwordResetOne,
.passwordResetTwo {
margin:0;
max-width:600px;
padding-top:60px;
padding-bottom:60px
}
.passwordResetOne h1,
.passwordResetTwo h1 {
font-weight:400
}
.passwordResetButtons .cancel {
display:none
}
.errorMessage {
color:#f39c12;
background-color:rgba(243,156,18,.2);
padding:10px
}
@media only screen and (max-width:900px) {
.passwordResetButtons a.register,
.passwordResetButtons button.button,
.registerSwitch a.register,
.registerSwitch button.button,
.signInButtons a.register,
.signInButtons button.button {
width:100%;
margin:0 0 5px 0
}
}
@media only screen and (max-width:540px) {
.formQuestion .checkboxRadio {
margin-right:0
}
}
.searchPageContainer {
margin-right:0
}
.searchPageContainer input#searchPage {
max-width:600px;
margin-right:5px
}
.searchPageContainer button {
width:40px;
height:40px;
overflow:hidden;
padding:0;
margin:5px 0 0;
display:inline-block
}
.searchPageContainer button:before {
margin:0;
font-weight:400;
width:40px;
height:40px;
line-height:40px;
font-size:24px;
display:block;
font-family:FontAwesome;
content:'\f002'
}
.numberSearchResults {
font-size:1em;
margin:40px 0;
padding:20px;
background-color:#eee
}
.alert {
color:#f39c12
}
.noSearchResults {
text-align:left;
border:0;
background-color:rgba(243,156,18,.2)
}
.searchListingPage aside.postAside {
display:none
}
select#orderResults {
width:200px
}
.searchFilterWrapper {
margin:40px 0 0 0;
font-size:.85em
}
.searchFilterWrapper .moduleFilterContent {
display:inline-block;
width:66%;
vertical-align:top
}
.searchFilterWrapper .searchOrderContent {
display:inline-block;
width:33%;
vertical-align:top;
margin-top:0
}
.searchFilterWrapper h2 {
font-size:1em;
font-weight:400;
margin-top:0
}
.listing .searchResultsArea:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.listing .searchResultsArea .listedPost {
border-top:2px solid #eee;
padding:2% 0;
width:100%;
margin-right:0;
float:none;
display:block;
margin-bottom:0
}
.listing .searchResultsArea .listedPost.listedAppeal {
width:100%;
padding-left:0;
padding-right:0
}
.listing .searchResultsArea .listedPost.listedEvent .postFooterWrapper {
display:none
}
.listing .searchResultsArea .listedPost .associatedFooter,
.listing .searchResultsArea .listedPost img {
display:none
}
.listing .searchResultsArea .listedPost h2 {
font-size:1em
}
.listing .searchResultsArea .listedPost p {
margin-bottom:0
}
.listing .searchResultsArea .listedPost p span.readMore {
display:none
}
.listing .searchResultsArea .listedPost:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
@media (max-width:900px) {
.searchListingIntro {
padding-bottom:20px
}
.searchPageContainer input {
width:75%
}
.searchPageContainer button {
margin-right:0
}
.searchFilterWrapper .moduleFilterContent,
.searchFilterWrapper .searchOrderContent {
display:block;
width:100%
}
.searchFilterWrapper .searchOrderContent {
margin-top:10px
}
}
.appealActionsWrapper,
.contentBlockWrapper.appealActionsWrapper {
height:0
}
.appealActionsWrapper .contentBlock,
.contentBlockWrapper.appealActionsWrapper .contentBlock {
width:auto;
height:0
}
.appealActionsWrapper .appealActions,
.contentBlockWrapper.appealActionsWrapper .appealActions {
max-width:100%;
margin:0 0 40px 0
}
.appealActionsWrapper .appealActions a.button,
.appealActionsWrapper .appealActions a.button:link,
.contentBlockWrapper.appealActionsWrapper .appealActions a.button,
.contentBlockWrapper.appealActionsWrapper .appealActions a.button:link {
width:100%;
margin:0 0 5px 0
}
.topFundraisersWrapper {
display:none;
margin-top:20px;
font-size:1em;
margin-bottom:20px
}
.topFundraisersWrapper ol {
padding-left:0
}
.topFundraisersWrapper ol li {
width:49%;
display:inline-block
}
.appealWidgets .findAFundraiserWidget {
display:none
}
.appealWidgets .findAFundraiserWidget .fundraiserProfilePics li {
float:none;
display:inline-block;
margin:0 10px 10px 0
}
.appealFooter .totaliserPanel {
display:none
}
.appealInteractions {
margin-top:8%
}
#postFooterArea .fundraiserSearchResults .listedPostText h2 {
font-size:1.2rem
}
.listedAppeal {
border-bottom:0
}
.listedAppeal h2 {
margin-top:0;
font-size:24px
}
.listedAppeal .totaliserFigure {
font-size:18px
}
.listedAppeal .topFundraisersWrapper ol li {
width:100%
}
.donorsList {
margin-top:40px;
margin-bottom:80px
}
.donorsList h2,
.donorsList>span {
display:inline;
font-size:1.25em
}
.donorsList span {
float:none;
width:auto;
margin:0;
padding-left:10px
}
.donorsList img {
margin:0
}
.donorsList ul:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.donorsList ul li {
display:none;
width:25%;
margin:20px 0 0 0;
padding:20px 40px 0 0;
border-top:1px solid #eee
}
.donorsList ul li:last-child {
border-right:0
}
.donorsList ul li:nth-child(-n+4) {
display:block
}
@media (max-width:1024px) {
.donorsList ul li {
width:100%;
padding-right:0
}
}
.donorsList .donorDetails {
float:right;
width:calc(100% - 60px);
padding-left:20px
}
.donorsList .donorDetails span {
padding:0;
display:block;
font-size:1.25em
}
.donorsList .donorDetails h3,
.donorsList .donorDetails h4 {
margin-top:10px;
font-size:.85em;
font-weight:inherit
}
.donorsList .donorDetails h4 {
text-transform:uppercase
}
@media (max-width:900px) {
.appealWidgets .totaliserPanel {
display:none
}
.appealFooter .totaliserPanel {
display:block
}
.appealActionsWrapper,
.contentBlockWrapper.appealActionsWrapper {
height:auto
}
.appealActionsWrapper .contentBlock,
.contentBlockWrapper.appealActionsWrapper .contentBlock {
height:auto
}
.appealActionsWrapper .appealActions,
.contentBlockWrapper.appealActionsWrapper .appealActions {
margin:20px 0
}
}
.tabsWrapper {
border-bottom:0
}
.tabsWrapper .tabs {
max-width:1170px;
padding-left:20px;
padding-right:20px
}
.tabsWrapper .tabs li a {
border-bottom:3px solid #eee;
background-color:transparent;
padding:10px 0;
border-radius:0;
color:#6d6966
}
.tabsWrapper .tabs li a:hover {
background-color:transparent;
text-decoration:none;
color:#a02054;
border-bottom-color:#a02054
}
.tabsWrapper .tabs li.active a {
color:#a02054;
border-bottom-color:#a02054
}
.tabbedListing {
width:100%;
max-width:1170px;
margin:0 auto;
border:0;
margin-bottom:60px;
padding:40px 20px
}
.tabbedListing .headerWrapper .headerContent {
padding:0;
margin:0;
max-width:100%
}
.tabbedListing .contentBlockWrapper {
margin-top:0;
padding:0
}
.tabbedListing .findAFundraiser {
margin-top:0;
padding:0;
width:100%
}
.tabbedListing .findAFundraiser legend {
border-bottom:0
}
.tabbedListing .listContent {
width:100%;
padding:0
}
.tabbedListing.currentProjectsListing .listContent {
width:100%
}
.tabbedListing.currentProjectsListing aside h3 {
margin-top:0
}
.tabbedListing .fundraiserSearchResults {
margin-top:80px
}
.appealInteractionsWrapper .tabs {
padding-left:0;
padding-right:0
}
.appealFundraisersWrapper {
padding-left:0;
padding-right:0
}
.appealFundraisersWrapper .findAFundraiser {
padding:0
}
@media screen and (max-width:900px) {
.tabsWrapper .tabs {
padding:0 20px
}
.tabsWrapper .tabs li {
margin-right:1px
}
.tabsWrapper .tabs li a {
padding-left:5px;
padding-right:5px
}
.appealInteractionsWrapper .tabs {
padding:0
}
.tabbedListing.currentProjectsListing .listContent,
.tabbedListing.currentProjectsListing .listedPost,
.tabbedListing.currentProjectsListing aside {
width:100%;
float:none;
padding:0;
margin-left:0;
margin-right:0
}
.tabbedListing .findAFundraiser .formQuestion {
width:100%;
float:none
}
.tabbedListing .findAFundraiser .findAFundraiserEvent {
margin-left:0
}
.tabbedListing .findAFundraiser .findAFundraiserBtn,
.tabbedListing .findAFundraiser .fundraiserSearchBtn {
display:block;
margin-left:auto;
margin-right:auto
}
}
.inMemoryListingPage .listContent {
float:left;
width:66.666%
}
.inMemoryListingPage .listing .postAside {
display:block;
width:33.333%;
margin-top:40px;
padding:0 0 0 60px
}
.createInMemBtn {
width:100%
}
.formQuestion.findAMemorialName {
width:100%
}
.findAMemorial {
margin-top:40px;
max-width:600px;
background-color:#f2f2f2;
padding:20px
}
.findAMemorial .findAMemorialBtn {
margin-top:10px
}
.findAMemorial+h2 {
font-weight:400;
margin:80px 0 20px 0
}
#memorialArea:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
#memorialArea .listedInMemory h2 {
font-size:1.5em
}
#memorialArea .listedPost.listedInMemory:first-child {
margin-top:0
}
.life {
font-size:inherit;
color:#aca9a6;
display:block;
margin:20px 0
}
.inMemPostPage .carousel {
margin-top:20px
}
.inMemContent {
padding:0;
width:100%;
text-align:center
}
.inMemContent .appealActions {
margin:40px 0
}
.inMemContent .appealActions a.button {
width:calc(50% - 10px);
margin:0 5px
}
.inMemContent .appealInteractionsWrapper {
margin-top:20%;
text-align:left
}
.inMemContent .appealInteractionsWrapper #makeComment {
text-align:left
}
@media (max-width:900px) {
.inMemoryListingPage .listContent,
.inMemoryListingPage .listing .postAside {
width:100%;
float:none;
padding:0
}
.findAMemorial {
max-width:100%
}
.inMemPostPage .carousel {
margin-top:0
}
.inMemPostPage article {
width:100%
}
}
@media (max-width:480px) {
.inMemContent .appealActions a.button {
width:100%;
margin:5px 0
}
}
.appealTotaliser,
.totaliserPanel {
display:block;
color:inherit;
margin-bottom:1rem
}
.appealTotaliser .raisedWrapper,
.appealTotaliser .targetWrapper,
.totaliserPanel .raisedWrapper,
.totaliserPanel .targetWrapper {
width:50%;
float:left
}
.totaliserDone {
background-color:#2f8c7e
}
.totaliserFigure {
margin-top:0
}
#totaliserActions {
display:block
}
#totaliserActions:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.appealTotaliser {
margin-bottom:40px
}
.raisedWrapper,
.targetWrapper {
margin-bottom:0;
float:left
}
.totaliserLabel {
font-size:.85em;
color:rgba(109,105,102,.5)
}
.totaliserFigure {
font-size:1em;
color:#6d6966
}
.raisedWrapper {
margin-top:10px
}
.carousel .totaliserGivingPanel {
display:none
}
#totaliserActions .buttonDonate {
float:left;
margin:20px 10px 0 0
}
#totaliserActions .buttonFundraise {
margin:20px 0 0 0
}
@media (max-width:1000px) {
.totaliserPanel {
width:100%;
margin-top:0;
float:none
}
}
@media (max-width:900px) {
#totaliserActions {
text-align:center
}
}
.totaliserDone {
animation:totaliser-grow 5s ease-out 1
}
@keyframes totaliser-grow {
0% {
height:0
}
}
body.donate .formWrapper .carousel,
body.donate .formWrapper .contentBlockWrapper,
body.donate .formWrapper .headerText {
padding:0
}
.donationForm {
max-width:100%;
margin:40px auto
}
.donationForm .appealTotaliser {
width:25%;
padding:0 20px;
margin:50px 0 0
}
.donationForm .appealTotaliser img {
max-width:100%
}
.donationForm:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.donationFormItems {
width:75%;
max-width:none;
margin:0 0 50px;
padding-right:80px
}
.donationAmount input[type=radio] {
margin-right:30px;
top:50%;
font-size:20px;
margin-top:-10px;
line-height:1
}
.donationAmount .checkboxRadio {
display:block
}
.donationAmount .donationAmountFigure {
width:25%;
padding:0 20px;
font-size:2em;
text-align:center;
border-right:1px solid #dcdcdc
}
.donationAmount span.donationAmountDescription {
width:50%;
display:inline-block
}
.donationAmount.donationAmountOther label {
width:25%
}
.donationAmount.donationAmountOther .donationAmountFigure {
float:left;
width:100%
}
.donationAmount.donationAmountOther input#donationAmountOther {
margin:0 0 0 20px
}
.donationFrequency {
background-color:#f3f3f3;
padding:20px
}
.donationFrequency label {
font-size:2em;
width:auto;
text-align:left
}
.donationFrequency input#monthly {
float:right;
margin:5px
}
.donationFrequency .regularPayment {
margin-top:5px
}
.donationAmount.donationSelected,
.donationFrequency.frequencySelected {
background-color:#2f8c7e;
color:#fff
}
.formQuestion.donationDate select,
.formQuestion.donationPeriod select {
width:100%
}
.donationGiftAid .checkboxRadio {
margin:0;
padding:75px 0 30px 50px;
display:block;
width:100%
}
.donationGiftAid input {
margin:2px 0 0;
float:left
}
.donationGiftAid .giftAidStatement {
margin:0 0 30px 30px;
font-size:.85em
}
.signInWrapper {
padding:20px;
position:relative
}
.signInWrapper h2 {
margin-top:0;
margin-bottom:20px
}
.signInWrapper p {
float:none;
margin:0
}
.signInWrapper a.expand,
.signInWrapper a.expand:link {
float:none;
position:absolute;
top:0;
right:0;
margin:20px 20px 0 0;
background-color:#2f8c7e;
color:#fff
}
.signInWrapper .signInArea .signInForm {
margin:0;
padding:0
}
@media only screen and (max-width:900px) {
.donationForm .appealTotaliser,
.donationForm .supportedAppeal {
width:auto;
margin:0 0 50px 0
}
.donationFormItems {
width:100%;
padding:0
}
.donationAmount {
text-align:center;
padding:20px
}
.donationAmount input[type=radio] {
margin:0;
position:relative;
top:auto
}
.donationAmount .donationAmountFigure,
.donationAmount .donationAmountOther,
.donationAmount .donationAmountThumbnail,
.donationAmount span.donationAmountDescription {
width:100%;
margin:10px 0;
padding:0;
text-align:center;
border:0
}
.donationAmount .donationAmountFigure {
font-size:1.4em
}
.donationAmount.donationAmountOther label {
width:100%;
float:none
}
.donationAmount.donationAmountOther label strong {
text-align:center
}
.donationAmount.donationAmountOther input#donationAmountOther {
margin:0;
width:90%
}
.donationFrequency label {
width:80%;
font-size:1.4em
}
a.facebookPopulate,
a.signIn {
width:100%;
margin:5px 0 0
}
}
@media only screen and (max-width:540px) {
.donationForm .formQuestion .checkboxRadio,
.donationForm .formQuestion .checkboxRadio span,
.donationForm .formQuestion span span {
margin-right:0
}
.appealTotaliser,
.supportedAppeal {
display:block
}
.cardEndDate input {
max-width:100px
}
}
@media only screen and (max-width:540px) {
.giftAidStatement {
float:none;
width:auto
}
}
.quickGivingPanel {
background:0 0;
padding:20px;
margin:40px 0;
border:2px solid #f3f3f3
}
.quickGivingPanel .selectDonationAmount .formQuestion {
display:block;
float:none;
width:100%;
margin-right:0;
height:auto;
margin-bottom:0
}
.quickGivingPanel .selectDonationAmount .donationAmount {
margin:20px 0
}
.quickGivingPanel .selectDonationAmount .donationAmount input[type=radio] {
position:absolute;
right:0;
margin-right:30px;
top:50%;
font-size:20px;
margin-top:-10px;
line-height:1
}
.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio {
display:block
}
.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountFigure {
font-size:2em;
min-width:120px;
width:20%;
padding:0;
display:inline-block;
vertical-align:middle;
text-align:center;
border-right:1px solid #dcdcdc
}
.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountThumbnail,
.quickGivingPanel .selectDonationAmount .donationAmount img {
width:100px;
margin-left:20px;
display:inline-block
}
.quickGivingPanel .selectDonationAmount .donationAmount .donationAmountDescription {
width:50%;
display:inline-block;
padding-right:20px
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
width:20%;
min-width:120px
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther .donationAmountFigure {
float:left;
width:100%
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
margin:0 0 0 20px;
width:50%;
padding:10px;
height:auto
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationSelected {
background-color:#2f8c7e;
color:#fff
}
.quickGivingPanel .selectDonationAmount .donationAmountOther+span {
display:inline-block;
background-color:#f3f3f3;
padding:10px 60px 10px 30px;
font-size:2em;
font-weight:400;
width:calc(100% - 10px)
}
.quickGivingPanel .selectDonationAmount input.regularPayment {
float:none;
margin:25px 0 0 -40px;
vertical-align:top
}
.quickGivingPanel .selectDonationAmount a.button.donateBtn {
display:block;
float:none;
margin:20px auto;
font-size:1.4em
}
@media only screen and (max-width:900px) {
.quickGivingPanel .selectDonationAmount .donationAmount {
text-align:center;
padding:20px
}
.quickGivingPanel .selectDonationAmount .donationAmount input[type=radio] {
margin:0;
position:relative;
top:auto
}
.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountDescription,
.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio .donationAmountFigure,
.quickGivingPanel .selectDonationAmount .donationAmount .checkboxRadio img {
width:100%;
margin:10px 0;
padding:0;
text-align:center;
border:0
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label {
width:100%;
float:none
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther label strong.donationAmountFigure {
text-align:center;
border:0;
float:none
}
.quickGivingPanel .selectDonationAmount .donationAmount.donationAmountOther input#donationAmountOther {
margin:0;
width:100%;
float:none
}
.quickGivingPanel .selectDonationAmount .donationAmountOther+span {
width:calc(100% - 40px);
padding:10px 20px;
font-size:1.5em
}
.quickGivingPanel .selectDonationAmount input.regularPayment {
margin:20px 0 0 20px
}
}
@media only screen and (max-width:540px) {
.quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio,
.quickGivingPanel .selectDonationAmount .formQuestion .checkboxRadio span,
.quickGivingPanel .selectDonationAmount .formQuestion span span {
margin-right:0
}
}
.departments {
width:33.33333%;
padding-right:60px
}
.departments h2 {
margin-top:0
}
ul.departmentList>li {
margin-top:40px
}
ul.departmentList>li a {
background-color:#e2e2e2;
color:#333;
text-transform:uppercase
}
ul.departmentList>li a:hover {
background-color:#d5d5d5;
text-decoration:none
}
ul.departmentList ul.secondLevel li a {
text-transform:inherit;
background-color:#f2f2f2
}
ul.departmentList ul.secondLevel li a:hover {
background-color:#e5e5e5
}
@media screen and (max-width:900px) {
.departments {
width:100%;
float:none;
padding-right:0
}
}
.listing .productList,
.shopLandingContent {
width:66.6666%;
float:left
}
.listing .productList .listContent,
.listing .productList .listedPost,
.shopLandingContent .listContent,
.shopLandingContent .listedPost {
padding-right:0;
width:100%;
background-color:transparent
}
.listing .productList .listContent .postFooterWrapper,
.listing .productList .listedPost .postFooterWrapper,
.shopLandingContent .listContent .postFooterWrapper,
.shopLandingContent .listedPost .postFooterWrapper {
display:block
}
.productList .listedPost.listedProduct {
width:100%;
margin-right:0;
float:none;
display:block
}
.productList .listedPost.listedProduct .productBanner {
width:33.333%
}
.productListOrder {
margin-bottom:40px;
font-size:1em
}
.listedProductText {
width:66.666%;
padding-left:20px
}
.listedProductText .readMore,
.listedProductText .relatedWrapper {
display:none
}
.productPostPage {
margin-top:100px
}
.productPostPage .postFooterWrapper {
margin-top:40px
}
.productPostPage .postFooterWrapper .relatedWrapper {
display:none
}
.productPostPage .postAside {
width:100%;
float:none;
padding:0
}
.productPostPage .postAside h3 {
margin-top:40px
}
.productPostPage .postAside ul li {
width:25%;
float:left;
padding:0 15px;
border-bottom:0;
margin-bottom:30px
}
.productPostPage .postAside ul li:nth-child(4n+1) {
clear:left
}
.productPostPage .productBannerWrapper {
width:33.333%
}
.productPostPage .productBannerWrapper img {
max-width:100%
}
.productPostPage .productText {
width:66.666%;
float:right;
padding-left:20px
}
.productPostPage .productText a.button {
margin-bottom:5px
}
.productPostPage .productReviews {
clear:both;
float:left;
width:100%
}
.productContentWrapper:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.productActions {
padding-top:30px;
position:relative
}
.postFooterWrapper .productFooter {
font-size:1em;
padding:0;
border:0
}
.postFooterWrapper .productFooter .footerDepartments {
margin-top:0
}
.productFooter {
position:relative
}
.footerDepartments {
margin-top:0
}
.productReviews .formWrapper {
margin:0;
max-width:100%
}
.productReviews textarea {
margin-top:15px
}
.productReviews .postComments .commentForm button.addComment {
margin-top:5px
}
.relatedProducts {
clear:both
}
.relatedProducts ul.associatedListing li img {
display:block
}
.relatedProducts.associated:first-child {
margin-top:40px
}
.oneUp {
position:absolute;
top:0;
left:0
}
@media screen and (max-width:900px) {
.productList,
.shopLandingContent {
width:100%;
float:none;
padding-right:0
}
.productList ul.productListOrder li,
.shopLandingContent ul.productListOrder li {
width:100%;
border:0;
padding:0;
margin:0 0 5px 0;
float:none;
display:block
}
.listedProduct .productBanner {
float:none;
margin:0 auto;
width:auto;
display:block;
max-width:100%
}
.listedProductText {
width:100%;
padding-left:0
}
.listedProductText h2 {
font-size:24px
}
.productPostPage {
margin-top:20px
}
.productPostPage .productBannerWrapper {
padding-right:0;
float:none;
text-align:center;
width:100%
}
.productPostPage .productBannerWrapper .productBannerList li {
float:none;
display:inline-block
}
.productPostPage .productText {
float:none;
width:100%;
padding-left:0
}
.productPostPage .postAside ul li {
width:50%
}
.productPostPage .postAside ul li:nth-child(4n+1) {
clear:none
}
.productPostPage .postAside ul li:nth-child(2n+1) {
clear:left
}
.formQuestion.productQuantity {
width:100%;
max-width:100px
}
.productActions {
width:100%;
max-width:calc(100% - 120px)
}
}
@media screen and (max-width:480px) {
.productPostPage .postAside ul li {
width:100%
}
.productPostPage .postAside ul li:nth-child(2n+1) {
clear:none
}
.formQuestion.productQuantity,
.productActions {
width:100%;
float:none;
max-width:100%
}
.productActions {
padding:0;
margin-top:20px
}
.productActions a.button:link {
width:100%;
margin-bottom:5px
}
.productFooter a.button:link {
width:100%;
margin-bottom:5px
}
}
.paymentPage {
margin-bottom:40px
}
.paymentPage td {
padding:10px
}
.paymentPage .paymentForm legend,
.paymentPage table caption h2 {
text-align:center
}
h2.total,
h3.vat {
margin:40px 0;
text-align:left;
font-size:2em
}
h3.vat {
color:rgba(109,105,102,.5)
}
.deliveryAmount,
.promoCode {
margin-top:40px;
margin-bottom:0
}
.deliveryAmount span,
.promoCode span {
font-size:1em
}
.deliveryAmount h3,
.deliveryAmount label,
.promoCode h3,
.promoCode label {
font-size:1em;
font-weight:400;
margin:0
}
.deliveryAmount .deliveryOptions,
.promoCode .deliveryOptions {
width:auto;
min-width:300px
}
.deliveryAmount input,
.promoCode input {
width:auto;
min-width:150px;
margin:0;
float:right
}
.deliveryAmount button#applyPromo,
.promoCode button#applyPromo {
float:right;
margin:0 10px 0 0
}
.paymentFormWrapper,
.registerWrapper {
margin-top:40px
}
fieldset.delivery,
fieldset.registerForm {
border:2px solid #f3f3f3;
padding:20px
}
fieldset.delivery legend,
fieldset.registerForm legend {
text-align:center
}
fieldset#submit-button-wrapper {
text-align:center
}
.continueShoppingWrapper {
display:none
}
@media screen and (max-width:900px) {
.paymentPage .basket .itemColumn {
min-width:140px
}
.paymentPage .basket .priceColumn,
.paymentPage .basket .quantityColumn,
.paymentPage .basket .removeColumn {
min-width:100px;
width:15%
}
.paymentPage .basket .quantityColumn {
min-width:140px
}
h2.total,
h3.vat {
font-size:1.6em
}
.itemThumb {
float:none;
margin:0
}
.deliveryAmount h3,
.deliveryAmount label,
.deliveryAmount span,
.promoCode h3,
.promoCode label,
.promoCode span {
width:100%;
float:none;
text-align:left
}
.deliveryAmount .deliveryOptions,
.promoCode .deliveryOptions {
width:100%;
min-width:100%;
float:none
}
.deliveryAmount input,
.promoCode input {
width:100%;
margin:0
}
.deliveryAmount button#applyPromo,
.promoCode button#applyPromo {
width:100%;
margin:5px 0 0
}
.paymentEtc,
.paymentFormWrapper {
padding-right:0;
padding-left:0
}
.registerButtons button.button,
button.addressEnterBtn,
button.postcodeLookUpBtn {
width:100%;
margin:5px 0 0 0
}
}
.fundraiserListingPage .fundraiserSearchResults {
float:left;
width:100%
}
.fundraiserListingPage .fundraiserSearchResults .listContent {
float:none;
width:100%;
padding:0
}
.fundraiserListingPage .postAside {
display:none
}
.fundraiserSearchResults .listedFundraiser {
margin:0 2.5% 2.5% 0;
width:22%;
float:none;
display:inline-block;
vertical-align:top;
border-bottom:0
}
.fundraiserSearchResults .listedFundraiser img {
margin-right:0
}
.fundraiserSearchResults .listedFundraiser .postFooterWrapper,
.fundraiserSearchResults .listedFundraiser h3 {
display:none
}
.findAFundraiser {
max-width:1170px;
padding:0 20px;
margin-top:60px
}
.findAFundraiser legend {
border-bottom:0
}
.findAFundraiser .findAFundraiserEvent {
margin-left:0;
padding-left:20px
}
@media screen and (max-width:900px) {
.findAFundraiser .formQuestion {
float:none;
width:100%
}
.findAFundraiser .formQuestion.findAFundraiserEvent {
padding-left:0
}
}
#uploadifive-uploadifiveucFile {
background-color:#2f8c7e!important;
color:#fff!important;
margin:10px 0
}
@media (max-width:480px) {
#uploadifive-uploadifiveucFile {
width:100%!important;
margin:10px 0
}
}
.fundraiserBannerHint {
clear:both;
margin:10px 0 20px 0;
font-size:.8em
}
.fundraiserPostPage .appealCommentsWrapper .formWrapper,
.fundraiserPostPage .tabsWrapper {
display:none
}
.fundraiserPostPage .postComments,
.fundraiserPostPage ul.commentsList {
border:0
}
.fundraiserPostPage ul.commentsList li.commentDonation:first-child {
border-top:1px solid #eee;
padding-top:20px
}
.appealCreatePage fieldset.registerForm {
margin:80px 0 40px 0
}
.appealCreatePage fieldset.registerForm legend {
background-color:#f3f3f3;
padding:10px 20px
}
@media (max-width:900px) {
.fundraiserSearchResults .listedFundraiser {
width:46.5%
}
}
@media (max-width:480px) {
.fundraiserSearchResults .listedFundraiser {
width:100%;
margin:0 0 20px 0
}
}
.footerBox {
margin-left:0;
width:48%;
margin-right:4%;
float:left;
display:block;
align-content:flex-start;
display:flex;
flex-wrap:wrap;
flex-direction:column
}
.footerBox:last-child,
.footerBox:nth-of-type(2n) {
margin-right:0
}
.footerBox.Footercredits {
width:100%;
margin-right:0;
float:none;
display:block;
float:left;
margin-top:60px
}
.pageFooterWrapper {
border-top:0;
background-color:#a02054;
padding:2rem 0
}
.pageFooter {
display:block;
display:flex;
flex-direction:row;
flex-wrap:wrap
}
.footerBox {
margin-top:0;
margin-bottom:0;
text-align:center
}
.footerBox h1,
.footerBox h2,
.footerBox h3 {
margin-top:0;
font-size:24px;
color:#fff
}
.footerBox ol li,
.footerBox ul li {
list-style:none;
color:#fff
}
.footerBox a,
.footerBox p {
color:#fff
}
.Footercredits {
font-size:.8rem
}
.Footercredits ul li {
display:inline-block;
padding:0 10px 0 0;
font-size:.8rem
}
.Footercredits .socialIcons {
margin:20px 0
}
.Footercredits p {
font-size:.8rem
}
.Footercredits ul li.loggedIn {
display:none
}
.userLoggedIn .Footercredits ul li.loggedIn {
display:inline-block
}
.userLoggedIn .Footercredits ul li.loggedOut {
display:none
}
.footerTwitter {
display:none
}
.footerTwitter ul {
margin-bottom:0
}
.footerTwitter ul li {
margin:20px 0
}
.footerTwitter ul li p {
margin-bottom:5px
}
.footerTwitter ul li cite,
.footerTwitter ul li time {
font-size:13px;
font-weight:400
}
@media screen and (max-width:900px) {
.pageFooterWrapper {
padding-top:40px;
padding-bottom:40px
}
.footerBox,
.footerTwitter {
width:100%;
float:none;
text-align:center;
margin-bottom:20px
}
}
.NewsletterSign-up {
margin-top:40px;
width:100%;
margin-right:0;
float:none;
display:block;
float:left
}
.NewsletterSign-up h1 {
font-size:2rem;
font-family:"Gill Sans W01 Medium", Lato, sans-serif;
margin-bottom:2rem
}
.NewsletterSign-up .Newsletter>div {
display:flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap
}
.NewsletterSign-up .formQuestion {
margin-top:0;
width:27%;
flex-direction:column
}
.NewsletterSign-up .formQuestion label {
text-align:left;
color:#fff
}
.NewsletterSign-up .formQuestion input {
height:60px;
background-color:rgba(255,255,255,.8);
box-shadow:inset 0 0 2px #fff
}
.NewsletterSign-up button {
background-color:#fff;
color:#a02054;
height:60px;
width:15%
}
.NewsletterSign-up:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}
.userLoggedIn .NewsletterSign-up button.groupSignUpBtn {
margin:20px auto;
float:none;
clear:both;
display:block
}
@media screen and (max-width:900px) {
.NewsletterSign-up .formQuestion {
float:none;
width:100%;
margin-top:10px
}
.NewsletterSign-up button {
margin-top:20px;
float:none;
width:100%
}
}
nav.menuSub {
border-bottom:0
}
nav.menuSub ul {
margin:60px auto 40px auto
}
nav.menuSub ul li.level1 {
float:none
}
nav.menuSub ul li.level1 a {
border-radius:0;
padding:10px 15px
}
nav.menuSub ul li.level1 a:hover {
text-decoration:none;
background-color:#ddd
}
nav.menuSub ul li.level1.active a {
background-color:#2f8c7e;
color:#fff
}
nav.menuSub ul li.level1.active a:hover {
background-color:#2f8c7e;
color:#fff
}
.subsiteFeed {
width:100%;
margin-right:0;
float:none;
display:block
}
.subsiteFeed .feedItem {
margin-left:0;
width:30.66667%;
margin-right:4%;
float:left;
display:block;
align-content:flex-start;
display:flex;
flex-wrap:wrap
}
.subsiteFeed .feedItem:last-child,
.subsiteFeed .feedItem:nth-of-type(3n) {
margin-right:0
}
@media (max-width:900px) {
.subsiteFeed,
.subsiteFeed .feedItem {
width:100%;
float:none
}
}
header .carousel {
margin:0 auto
}
body.subsite:not(.homepage) .headerTextSubsite,
body.subsite:not(.homepage) .headerWrapperSubsite {
display:none
}
body.subsite .headerText {
padding-top:0
}   body {
font-size: 1em;
font-weight: 300; overflow-x: hidden;
}
h1 {
color: rgb(68,68,68);
}
h2, h3, h4, h5, h6 {
color: rgb(109,105,102);
}
header#masthead {
background-color: #fff;
box-shadow: none;
padding: 2rem 1rem 0;
} @media (max-width: 500px) {
.navbar-brand {
margin: 0 auto;
}
.nav-wrapper #sidebar {
display: none;
}
}
.navbar-brand {
width: 16.45rem;
height: 3.75rem;
height: auto;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, 
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a,
a.dropdown-item {
color: #4c4c4c;
font-weight: 400;
font-size: 0.875rem;
}
.dropdown-menu {
border: none;
}
.dropdown-toggle::after {
border: none;
}
header #sidebar {
display: flex;
}
.header-widget ul#menu-social {
list-style: none;
display: flex;
padding-left: 0;
padding-right: 1.5rem;
}
@media (max-width:550px) {
.header-widget .cta-button {
display: none;
}
}
@media (max-width:1080px) {
.header-widget ul#menu-social,
.header-widget .search-form {
display: none;
}
}
.header-widget ul#menu-social a {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #b9bbbd;
padding-top: 7.5px;
padding-bottom: 7.5px;
}
.header-widget ul#menu-social li {
margin-right: 5px;
}
.header-widget ul#menu-social li:last-child {
margin-right: 0;
}
.header-widget ul#menu-social a i::before {
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
} #masthead input[type="search"] {
border-top: none;
border-left: none;
border-right: none;
max-width: 160px;
}
button.search-submit {
color: #b9bbbd;
background-color: transparent;
border: none;
}
button.search-submit .fa-search::before {
font-size: 1.35em;
} .single .byline {
display: none;
}
.cat-links {
display: none;
} .search-results .search-header {
margin-top: 0.5em;
margin-bottom: 0;
}
.search-results h2.entry-title {
text-transform: none;
font-size: 1em;
}
.search-results h2.entry-title a {
color: #a02054;
}
.search-results .entry-summary {
font-size: 0.9em;
}
.search-results .post.hentry {
margin-bottom: inherit;
}
.search-results .site-main .search-form .search-submit i.fa-search {
background-color: #2f8c7e;
padding: 10px;
color: #fff;
}
.search-results button.search-submit {
padding: 0;
}
form.search-form label {
width: 50%;
}
@media (max-width: 600px) {
form.search-form label {
width: 80%;
}
form.search-form button.search-submit {
width: 18%;
}
}
#content.site-content {
padding-top: 0;
background: #fff;
}
body:not(.home) #content.site-content {
padding-top: 2rem;
}
#content-top .post-thumbnail {
margin-bottom: 2rem;
max-height: 600px;
overflow: hidden;
}
#content-top .post-thumbnail img {
width: 100%;
}
.page-header {
padding-top: 2em;
} aside#secondary .heateor_sss_sharing_container {
display: none;
}
.heateor_sss_sharing_title {
font-weight: normal !important;
font-size: 0.8em;
} body:not(.theme-preset-active) footer#colophon,
.bg-footer {
background-color: #a02054;
color: #fff;
}
#footer-widget h3.widget-title {
color: #fff;
}
#footer-widget, #colophon {
text-align: center;
}
footer#colophon {
font-size: 1rem;
}
.footer1 {
margin: 2rem 0;
} h1.entry-title,
h1.tribe-events-page-title {
text-transform: uppercase;
border-bottom: none;
font-size: 1.8rem;
margin-top: 2rem;
color: #444;
font-weight: 400;
text-align: left;
} .widget {
font-size: 1rem;
}
.related, .same-category-posts, .same-category-posts-and-pages {
background-color: #f3f3f3;
padding: 2rem;
}
.same-category-posts li a ,
.same-category-posts-and-pages li a ,
.related a,
.archive article a {
color: #a02054;
}
.archive article .entry-header {
margin-top: 0.5em;
}
.archive article .entry-header a {
font-size: 1.2rem;
}
.archive article .entry-content {
font-size: 0.8em;
margin-top: 0.5em;
}
.archive .results {
text-align: center;
}
.related h3,
.same-category-posts li a,
.same-category-posts-and-pages li a  {
font-size: 1em;
}
.same-category-posts ul,
.same-category-posts-and-pages ul {
padding-left: 0;
}
.same-category-posts li,
.same-category-posts-and-pages li {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: none;
}
.same-category-posts li a,
.same-category-posts-and-pages li a {
font-weight: 400; 
} .alm-btn-wrap .alm-load-more-btn {
background: #a02054 !important;
} #footer-widget .flex-column {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#footer-widget ul {
justify-content: center;
}
#footer-widget ul.nav li a {
color: #fff;
}
#footer-widget  ul#menu-social li a {
font-size: 1.25rem;
}
#footer-widget .nav > li > a:focus, #footer-widget .nav > li > a:hover {
background-color: transparent;
text-decoration: underline;
} .white-text,
blockquote {
color: #ffffff;
}
h1.page-title, 
h2 {
text-transform: uppercase;
}
.entry-content h2, 
.archive-description h2 {
text-transform: none;
}
.home .entry-content h2 {
text-transform: uppercase;
} .home .entry-content {
margin: 0;
}
.home h1.entry-title,
.home nav#breadcrumbs {
display: none;
}
.home .is-carousel .uagb-post__inner-wrap {
opacity: 1;
border: 1px solid #fff;
}
.is-carousel .uagb-post__text .uagb-post__cta {
background: transparent !important;
}
.home .is-carousel.uagb-post__items {
margin-left: 0 !important;
margin-right: 0 !important;
}
.home .is-carousel.uagb-post__items article {
padding-left: 0 !important;
padding-right: 0 !important;
}
.home .uagb-post-grid .uagb-post__columns-tablet-2 article {
width: 100%;
}
.home .wp-block-columns.features-wrapper {
margin-top: 2em;
}
.home .wp-block-columns.features-wrapper .wp-block-image {
background-color: #2f8c7e;
width: 150px;
height: 150px;
border-radius: 150px;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 2px #2f8c7e;
box-shadow: 0 0 0 2px #2f8c7e;
margin: 0 auto 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}  .full-width-image .uagb-post__image,
section#header-image,
section.full-width-image,
.home .uagb-slick-carousel,
.home .uagb-post__items.is-carousel {
width: 100vw !important;
left: 50% !important;
margin-left: -50vw !important;
position: relative;
max-width: 100vw !important;
}
.uagb-slick-carousel .uagb-post__items {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.uagb-slick-carousel .uagb-post__items.slick-initialized     {
visibility: visible;
opacity: 1;    
}
section#header-image img {
width: 100%;
} .recent-post-slider .wp-post-content a.readmorebtn,
.wppsac-post-slider .wppsac-post-content a.wppsac-readmorebtn {
border: none;
font-size: 1em;
padding: 0;
}
.recent-post-slider .wp-post-content .wp-post-title,
.wppsac-post-slider .wppsac-post-title {
font-size: 1.25em;
}
.recent-post-slider .post-content-left,
.wppsac-post-slider .wppsac-post-content-left {
width: 40%;
border: 1px solid #fff;
background: rgba(34,34,34,0.75);
max-width: 600px;
margin: 2em 15%;
}
@media (max-width: 1100px) {
.recent-post-slider .post-content-left,
.wppsac-post-slider .wppsac-post-content-left {
width: 100%;
max-width: none;
margin: 0;
}
}
@media (max-width: 500px){
.recent-post-slider .wp-post-content,
.wppsac-post-slider .wppsac-post-content {
display: block !important;
}
}
.uagb-post-grid .uagb-post__link,
.recent-post-slider .wp-post-content a.readmorebtn,
.wppsac-post-slider .wppsac-post-content a.wppsac-readmorebtn {
font-weight: normal;
text-transform: uppercase;
}
.uagb-post__inner-wrap:hover,
.ecs-event-list li:hover {
background-color: #dda20e !important;
color: #fff;
}
.page-people .uagb-post__inner-wrap:hover {
color: inherit;
}
.insights .uagb-post__title:hover {
text-decoration: underline;
color: #fff;
}
.is-carousel .uagb-post__inner-wrap:hover {
background-color: transparent;
}
.is-carousel .uagb-post__inner-wrap .uagb-post__text {
width: 40%;
border: 1px solid #fff;
background: rgba(34,34,34,0.75);
max-width: 450px;
margin: 2em 15%;
}
@media (max-width: 900px) {
.is-carousel .uagb-post__inner-wrap {
display: flex;
flex-direction: column;
background: #a02054 !important;
}
.is-carousel .uagb-post__inner-wrap .uagb-post__text {
width: 100%;
background: #a02054;
color: #fff;
margin: 0;
order: 2;
border: none;
max-width: 100%;
}
.is-carousel .uagb-post__inner-wrap .uagb-post__image {
order: 1;
position: relative;
}
.is-carousel .uagb-post__inner-wrap .uagb-post__image img {
position: relative;
width: 100vw;
height: auto;
}
.uagb-post__image-position-background .uagb-post__image img {
transform: translate(-50%, 0);
}
.uagb-post__arrow-outside.uagb-post-grid .slick-prev,
.uagb-post__arrow-outside.uagb-post-grid .slick-next {
display: none !important;
}
}
.is-carousel .uagb-post__title a {
text-transform: uppercase;
}
.is-carousel .uagb-post__title a:hover {
text-decoration: underline;
}
.people .uagb-post__inner-wrap:hover {
background-color: #fff !important;
} .category-people section.widget.related {
display: none;
} .uagb-post__arrow-outside.uagb-post-grid .slick-next {
right: 2em;
margin-right: 10px
}
.uagb-post__arrow-outside.uagb-post-grid .slick-prev {
left: 2em;
margin-left: 10px;
}
.uagb-post__image-position-background .uagb-post__image::before {
background-color: transparent !important;
}
.uagb-slick-carousel {
padding: 0;
} .thank-you .uagb-post__text {
width:35%;
z-index: 1;
padding: 3rem 1.5rem 3rem 2.5rem;
margin: 0;
left: 0;
position: absolute;
top: 35%;
}
.thank-you .uagb-post__text::before {
content: '';
display: block;
border-radius: 50%;
background-color: #a02054;
position: absolute;
width: 90%;
top: 50%;
padding-bottom: 90%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 1rem;
z-index: -1
}
.thank-you .uagb-post__text::after {
content: '';
display: block;
position: absolute;
width: 92%;
border-radius: 50%;
padding-bottom: 92%;
top: 50%;
left: .845rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 1px solid #a02054;
z-index: -99;
}
.thank-you h3.uagb-post__title a::after {
content: '';
display: block;
height: 1px;
background-color: #fff;
margin: 0 auto;
width: 33%;
}
@media (max-width: 1875px) {
.thank-you .uagb-post__text {
top: 30%;
}
}
@media (max-width: 1625px) {
.thank-you .uagb-post__text {
top: 25%;
}
}
@media (max-width: 1400px) {
.thank-you .uagb-post__text {
top: 20%;
}
}
@media (max-width: 1200px) {
.thank-you .uagb-post__text {
font-size: 0.9em;
}
}
@media (max-width: 1100px) {
.thank-you .uagb-post__text {
top: 15%;
}
}
@media (min-width: 900px) and (max-width: 991px) {
.thank-you .uagb-post__text {
font-size: 0.7em;
}
}
@media (max-width: 900px) {
.thank-you .uagb-post__text::before {
border-radius: 0;
position: relative;
padding-bottom: 0;
}
.thank-you .uagb-post__text {
width: 100%;
position: relative;
top: 0;
}
.thank-you .uagb-post__text::after {
border: none;
}
} .impact-section .uagb-post__inner-wrap {
background: transparent !important;
}
.impact-section::after {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0,0,0,.5);
}
section.full-width-image.impact-section .uagb-post__text {
text-align: center !important;
}
@media (max-width: 976px ) {
.impact-section .uagb-post__text .uagb-post__title a {
font-size: 3.715rem !important;
}
}
@media (max-width: 500px) {
.impact-section .uagb-post__text .uagb-post__title a {
font-size: 3.45rem !important;
}
} ul.ecs-event-list {
list-style: none;
padding-left: 0;
}
li.ecs-event {
padding: 20px;
background-color: #e4e4e4;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event {
flex-grow: unset!important;
}
}
li.ecs-event a {
color: #444;
}
li.ecs-event:hover a, 
.insights .uagb-post__inner-wrap:hover a {
color: #fff !important;
text-decoration-color: #fff !important;
}
.tribe-events-notices {
color: #a02054;
background-color: transparent;
border-color: transparent;
padding-left: 0;
} #tribe-events .tribe-events-button,
a.tribe-events-gmap,
.nav-links a {
background-color: #2f8c7e;
border-radius: 0;
color: #fff;
padding: .5rem 1.5rem;
margin-right: 5px;
display: inline-block;
text-transform: uppercase;
}
#tribe-events .tribe-events-button:hover {
background-color: #22665c;
}
.tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details {
font-style: normal;
}
.tribe-events-list-separator-month,
#tribe-events-bar,
.tribe-events-nav-pagination,
.tribe-events-back,
.tribe-events-list .tribe-events-venue-details,
.tribe-events-list .tribe-events-read-more,
#tribe-events .tribe-events-list a.tribe-events-ical.tribe-events-button  {
display: none;
}
.tribe-events-list .tribe-events-list-event-description.entry-summary {
margin-top: 0;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: 100%;
float: none;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image img {
width: 100%;
}
.events-list #tribe-events-footer {
border-top: none;
padding-top: 0;
}
.tribe-events-list .type-tribe_events .tribe-events-list-event-title a {
font-size: 1.2rem;
color: #a02054;
}
.tribe-events-list div.type-tribe_events {
padding-left: 0.5em;
padding-right: 0.5em;
}
.tribe-events-loop.container {
display: flex;
flex-direction: column;
}
@media (min-width:992px) {
.tribe-events-loop.container {
flex-direction: row;
}
}
.events-list .tribe-events-loop,
.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
max-width: 100%;
}
.tribe-events-list-separator-month + .type-tribe_events.tribe-events-first {
padding-top: 0;
}
.tribe-events-list .type-tribe_events:first-of-type {
margin-top: 0;
}
#tribe-events .tribe-events-content p {
font-size: 0.9em;
}
.events-single #content-top .post-thumbnail {
margin-bottom: 0;
}
.tribe-events-event-image img,
.events-after-listing-widget ul.ecs-event-list li.ecs-event a img {
width: 100%;
}
.post-type-archive-tribe_events .events-after-listing-widget ul.ecs-event-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event {
flex: 1 1 100%;
margin-left: 10px;
margin-right: 10px;
background-color: transparent;
display: flex;
flex-direction: column;
flex-grow: unset;
}
@media (min-width:992px) {
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event {
flex: 1 1 31%;
}
}
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event .ecs-excerpt {
order: 4;
font-size: 0.9em;
}
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event .duration.time  {
order: 3;
font-size: 0.9em;
font-weight: 300;
color:  #2f8c7e;
}
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event .entry-title.summary {
order: 2;
}
.tribe-events-loop .tribe-events-event-meta {
font-weight: 300;
font-size: 0.9em;
margin-bottom: 0;
background: transparent;
border: none;
color: #2f8c7e;
}
.tribe-events-list .time-details, .tribe-events-list .tribe-event-schedule-details {
padding-left: 0;
}
#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p {
line-height: 1.4;
}
.post-type-archive-tribe_events .events-after-listing-widget li.ecs-event a {
color: #a02054;
}    .page.category-people .post-thumbnail,
.page.category-people section.same-category-posts-and-pages {
display: none;
} .filters {
font-size: 0.75em;
text-align: right;
}
form.searchandfilter {
font-size: 0.95em;
} .post-type-archive-faqs h1.ui-accordion-header {
text-transform: none;
color: #2f8c7e;
background-color: #f3f3f3;
padding: 20px;
font-size: 1em;
}
.post-type-archive-faqs h1.ui-accordion-header:hover {
text-decoration: underline;
cursor: pointer;
}
.post-type-archive-faqs h1.ui-accordion-header .ui-accordion-header-icon {
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
}
.post-type-archive-faqs h1.ui-accordion-header .ui-accordion-header-icon:after {
content: '\f107';
background-color: #2f8c7e;
color: #fff;
right: 20px;
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
line-height: 21px;
} 
.post-type-archive-faqs h1.ui-accordion-header .ui-accordion-header-icon:after:hover {
background-color: #22665c;
}
.post-type-archive-faqs h1.ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
content: '\f106';
}
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption
{
background: rgba(255,255,255,0.9) !important;
padding: 20px 10px 15px !important;
}