/* Reset BootStrap styles */ /*new*/ a {text-decoration:none;} .nav.text-center {justify-content:center;} .form-control {font-size:14px;} .btn {line-height:115%;} .input-group-addon:first-child, .input-group-form-control:last-child {padding-top:0;padding-bottom:0;} h1, .h1,h2, .h2,h3, .h3 {margin-top:10px;} .h4, .h5, .h6, h4, h5, h6 {margin-top:10px;} #FrequencyLabel::after {display: none;} .fade.in {opacity:1;} #DonationHero .donation-hero-panel.pull-left {margin:0 auto 0 0;} #DonationHero .donation-hero-panel.pull-right {margin:0 auto 0 0;} /*#content-main {overflow:hidden;}*/ .ui-menu .ui-menu-item-wrapper {padding:5px 10px;border:none;} .dropdown-toggle.btn-primary {padding: 6px 15px;} .divider-75 {padding: 0} .input-group .form-control:last-child {border-left: none;} .template-raffle .sidebar-form-panel .dropdown-menu a {color: inherit;} #card_number:-webkit-autofill {padding-left: 15px !important;} .dropdown-item {display: block;width: 100%;padding: 0.25rem 1.5rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;} body {margin: 0;padding: 0;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} p { line-height: 150%;font-size:14px; margin: 13px 0;} img, iframe {max-width:100%;} .h1, .h2, .h3, h1, h2, h3 {margin-top:10px;} .btn-primary {border-color:none;} .row {margin-left:0;margin-right:0;} .btn {font-size:inherit;} .navbar-form .input-group>.form-control {width:auto;} .form-control {box-shadow:none;padding:8px 13px;height:38px;} .input-group-btn .btn {padding-top:0;padding-bottom:0;height:38px;} .thumbnail a>img, .thumbnail>img {margin:0;} a {color:inherit;} *:focus {outline: 0;} .container-fluid {padding-left:0;padding-right:0;max-width:100%;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; } a:focus, a:hover {text-decoration:none;} .nav>li>a:focus, .nav>li>a:hover {background:transparent;outline:none;} .btn.focus, .btn:focus, .btn:hover,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;} input[type=checkbox], input[type=radio] {margin-right:5px;} .form-control:focus:focus {outline:none !important;} .form-control, .input-group {-addon-webkit-background-clip: padding-box;} .input-group-addon:first-child,.input-group-form-control:last-child {padding-left:12px;padding-right:12px;} .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {padding-left:12px;padding-right:12px;font-size:18px;} button {background:transparent;} .navbar-form {margin:0;padding:0 5px;} .backgroundVideo {z-index:0 !important;} .video-js {max-width:100%;} .btn-primary.focus, .btn-primary:focus, .btn-primary:active, .btn-primary.active {border-color:transparent;} .bootstrap-select > .dropdown-toggle.bs-placeholder {position:relative;z-index:2;} .bootstrap-select .dropdown-toggle:focus {outline:none !important;} .bootstrap-select.btn-group .dropdown-menu {max-height:200px !important;min-height:0 !important;padding:0;} .bootstrap-select.btn-group .dropdown-menu.inner {padding:8px 0;} .modal-open .modal {z-index:9999999 !important;} .btn-loginerror {text-decoration:underline;font-weight:600;color:#fff;} .modal-header .close {color:inherit;opacity:1;} .bootstrap-select.btn-group .dropdown-toggle .filter-option {white-space:nowrap;} .lump.float-right {margin-left:auto;} .btn .material-icons {vertical-align:bottom;font-size:1.5em;position:relative;margin:0 10px;} .template-donation .creditcard .bootstrap-select .dropdown-menu {max-height: 150px !important;} .ui-front {z-index:1000000;} .cropit-image-tools {margin:20px 0 0;display:flex;align-items:center;} input[type=range].cropit-image-zoom-input { -webkit-appearance: none; margin: 0; width: 100%; } input[type=range].cropit-image-zoom-input:focus { outline: none; } input[type=range].cropit-image-zoom-input::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E5E5E5; border-radius: 1px; border: 0px solid #000000; } input[type=range].cropit-image-zoom-input::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 20px; width: 20px; border-radius: 25px; background: #A9A9A9; cursor: pointer; -webkit-appearance: none; margin-top: -8px; } input[type=range].cropit-image-zoom-input:focus::-webkit-slider-runnable-track { background: #E5E5E5; } input[type=range].cropit-image-zoom-input::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #E5E5E5; border-radius: 1px; border: 0px solid #000000; } input[type=range].cropit-image-zoom-input::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 20px; width: 20px; border-radius: 25px; background: #A9A9A9; cursor: pointer; } input[type=range].cropit-image-zoom-input::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range].cropit-image-zoom-input::-ms-fill-lower { background: #E5E5E5; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } input[type=range].cropit-image-zoom-input::-ms-fill-upper { background: #E5E5E5; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } input[type=range].cropit-image-zoom-input::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 20px; width: 20px; border-radius: 25px; background: #A9A9A9; cursor: pointer; } input[type=range].cropit-image-zoom-input:focus::-ms-fill-lower { background: #E5E5E5; } input[type=range].cropit-image-zoom-input:focus::-ms-fill-upper { background: #E5E5E5; } .toggle-switch{position:relative} .toggle-switch .toggle-btn{-webkit-transition:.3s;transition:.3s;padding:8px 0;border-width:1px;border-style:solid;border-radius:0;cursor:pointer;margin:0} .toggle-switch .toggle-btn:not(.border-primary){border-color:#ccc} .toggle-switch .toggle-btn:not(:first-child){border-left:0} .toggle-switch input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none} .cropit-image-tools .rotate-cw-btn {margin:0 5px 0 0;} .cropit-image-tools .rotate-ccw-btn {margin:0 0 0 5px;} /* Sticky Nav */ .funraisin-sticky-nav .navbar-nav {padding:0 15px 0 0;margin:0;} .funraisin-sticky-nav li {display:table-cell;vertical-align:middle;float:none;} .funraisin-sticky-nav {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;transition: transform 0.5s;} .funraisin-sticky-nav.sticky-hide {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);} .funraisin-sticky-nav.sticky {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);border-bottom:1px solid #e5e5e5;} .funraisin-sticky-nav .navbar-right {margin-left:auto;} /* Main Top nav */ .header-navigation {} .primary-nav-container {padding:15px 0;} .funraisin-header-wrapper {min-height:120px;} .funraisin-nobreadcrumb {margin:0 0 20px 0;height:1px;background:#e5e5e5;} .navbar-nav>li>.dropdown-menu {padding:0;} .funraisin-header-nav .navbar-nav {display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .funraisin-header-nav .vertical-align .navbar-right {margin-left:auto;} .navbar-nav {margin:0;} .funraisin-header-nav {position:relative;} .funraisin-dropdown-nav {position:relative;} .funraisin-dropdown-nav .funraisin-dropdown-menu {position:absolute;z-index:999;list-style:none;padding-left:0;text-align: left;display:block;-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);box-shadow: 0 2px 3px rgba(0,0,0,0.3);} .funraisin-dropdown-nav .funraisin-dropdown-menu li {display: block;} .funraisin-dropdown-nav .funraisin-dropdown-menu li a {display:block;padding:8px 15px;color:#a9a9a9;} .funraisin-dropdown-nav ul.funraisin-dropdown-menu {white-space:nowrap;background:#fff;min-width:100%;} .funraisin-dropdown-nav.meganav {position:static;} .funraisin-dropdown-nav.meganav .funraisin-dropdown-menu {left:0;width:100%;border-top:0;} .funraisin-dropdown-nav .funraisin-dropdown-menu ul {list-style:none;} .funraisin-dropdown-nav .funraisin-dropdown-menu {overflow:hidden;max-height:0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .funraisin-dropdown-nav:hover .funraisin-dropdown-menu {display:block;max-height:none;z-index:1000;} .funraisin-primary-nav {max-width:100%;} /* Responsive Nav */ .funraisin-desktop-nav {max-width:100%;position:relative;} .funraisin-mobile-nav {display:none;position: fixed;z-index: 999;width: 100%;background: #fff;top:0;left:0;height:120px;} .funraisin-mobile-nav .site-logo img {max-height:100px;max-width:250px;width:auto;} .funraisin-page-left {display:none;position:fixed;width:250px;top:0;left:-250px;background:#fff;color:#000;min-height:800px;box-shadow:inset -2px 0 4px rgba(0,0,0,0.25);z-index:1000;padding-right:5px;} .funraisin-page-left .funraisin-primary-nav {display:inline-block;width:250px;} .funraisin-page-left .funraisin-dropdown-menu {list-style-type:none;display:none;} .funraisin-page-left .open .funraisin-dropdown-menu {display:block;} .funraisin-page-left .funraisin-dropdown-nav:hover .funraisin-dropdown-menu {display:none;} .funraisin-page-left .nav li {width:100%;} .funraisin-header-wrapper, main, #Footer {position:relative;} .funraisin-page-left .input-group .form-control {width:100%;} .funraisin-page-right {display:none;position:fixed;width:250px;top:0;right:-250px;background:#f3f3f3;color:#000;min-height:800px;box-shadow:inset 2px 0 4px rgba(0,0,0,0.25);z-index:1000;padding:0 15px;} .funraisin-page-right .userMenu {list-style:none;} .funraisin-page-left .inner, .funraisin-page-right .inner {padding:0;} .funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {position:relative;padding-left:30px;box-shadow:none;max-height:none;} .funraisin-page-left .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a {white-space:normal;} .c-hamburger,.c-hamburger--htx.is-active span{background:0 0} .c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:30px;height:30px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s} .c-hamburger:focus{outline:0} .c-hamburger span{display:block;position:absolute;top:10px;left:0;right:0;height:5px} .c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:100%;height:5px;content:""} .c-hamburger span::before{top:-9px}.c-hamburger span::after{bottom:-9px} .c-hamburger--htx span::after,.c-hamburger--htx span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s} .c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform} .c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform} .c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s} .right-close.is-active span {background:0 0;} .right-close {display:none;position:relative;overflow:hidden;margin:0;padding:0;width:30px;height:30px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;background:0 0;} .right-close.is-active {display: block;} .right-close span{display:block;position:absolute;top:10px;left:0;right:0;height:5px} .right-close span::after,.right-close span::before{position:absolute;display:block;left:0;width:100%;height:5px;content:""} .right-close span::before{top:-9px} .right-close span::after{bottom:-9px} .right-close span::after,.right-close span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s} .right-close span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform} .right-close span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform} .right-close span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .right-close span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .right-close span::after,.right-close span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s} .funraisin-loggedin-sidebar {display:block;position:fixed;width:150px;top:0;right:-150px;background:#000;color:#333;min-height:800px;box-shadow:inset 2px 0 4px rgba(0,0,0,0.25);z-index:1000;padding:150px 10px 0 10px;} .funraisin-loggedin-sidebar.open {z-index:9999;} .funraisin-loggedin-sidebar ul {margin:0;padding:0;} .funraisin-loggedin-sidebar ul li {padding:10px 0;} .funraisin-loggedin-sidebar ul li a {color:#fff;} .funraisin-loggedin-sidebar ul li span {display:none;} .funraisin-loggedin-sidebar.open ul li span {display:inline;} .funraisin-loggedin-sidebar ul li ul {margin:10px 0 0 10px;display:none;} .funraisin-loggedin-sidebar.open ul li ul {display:block;} /* Header Nav Split */ .navigation-layout-split .site-logo {text-align: center;margin: 0 auto;order:1;} .navigation-layout-split .navbar-nav {order:0;margin:0 auto 0 0;} .navigation-layout-split .navbar-right {order:2;margin:0 0 0 auto;} /* Header Nav Bottom */ .navigation-layout-bottom .funraisin-secondary-nav {margin:0;} .navigation-layout-bottom .primary-nav-container > .container {padding-bottom:15px;} .funraisin-secondary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu {background:#fff;} .funraisin-secondary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a {color:#000;} .funraisin-secondary-nav .funraisin-dropdown-nav:hover .funraisin-dropdown-menu {-webkit-box-shadow: 0px 9px 10px 2px rgba(62,70,72,0.5);-moz-box-shadow: 0px 9px 10px 2px rgba(62,70,72,0.5);box-shadow: 0px 9px 10px 2px rgba(62,70,72,0.5);} /* Headers Default Header */ .header-default {} .header-default .container {position:relative;height:100%;} .header-default .col-cta {position:absolute;top: 50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);right:0;} .header_cta_panel {} .header_cta_panel .btn {width:100%;} .header_cta_panel .navbar-form {width:100%;} .header_cta_panel .navbar-form .btn {width:auto;} {} .funraisin-header {position:relative;overflow:hidden;} .funraisin-header-cta-panel {background:#fff;padding:15px;color:#000;margin:0;z-index:10;position:relative;overflow:hidden;border:none;} .funraisin-header .container {padding:40px 0;} .funraisin-header .container a, .funraisin-header .container input, .funraisin-header .container button {z-index:101;position:relative;} .funraisin-header.vertical-align-bottom .container {padding:40px 0 0;} /** * Header Text Left */ /*.hero-text-left .header-text {padding-right:40px;}*/ /** * Header Text Right */ /*.hero-text-right .header-text {padding-left:40px;}*/ /* Hero Header */ .header-hero {} /* Slider Header */ .owl-carousel .owl-controls .owl-dot {float: left; background-size: cover; margin-top: 10px;} .owl-carousel .owl-dot {float: left; background-size: cover;width:110px !important;height:55px !important;background-position:center center;margin:0 5px;opacity:0.5;background-repeat:no-repeat} .owl-carousel .owl-dot.active {opacity:0.9;border:2px solid transparent;} .owl-carousel .owl-dots {position:absolute;bottom:25px;} .owl-carousel .owl-item img {width:auto;display:inline-block;} .header-slider .item {background-size:cover;background-position:center center;} .header-slider .item:not(:first-child) {display:none;} .header-slider .owl-item .item {display:block;} /* Event Header */ .event-header:before {content: '';left: 0;width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.2);position: absolute;top: 0;} /* Logged in Header */ .loggedin-header {} .loggedin-header .share-page-icons a {margin: 0 10px 0 0;color: #fff;} .loggedin-header .profile-image-frame {position:relative;} .loggedin-header .profile-image-frame .profile-image-upload {position:absolute;bottom:0%;left:0;} .loggedin-header .cover-image-upload {position:absolute;bottom:10px;left:10px;z-index:999;} /** * Breadcrumb * Let the user know where they are */ .funraisin-breadcrumb {padding: 1.5em 0 0;margin: 0 auto 30px auto;position: relative;z-index: 100;} .breadcrumb {background:none;} .breadcrumb>li+li:before {content:"\007c";} #BreadCrumb ul li {display:inline-block;} /** * PageNav & SubNav (level 2 and 3) */ .funraisin-page-nav {padding:20px 0;margin:0 auto;text-align:center;} .funraisin-page-nav ul{margin:0 auto;padding:0;list-style-type:none;} .funraisin-page-nav ul li{display:inline-block;} .funraisin-page-nav ul li a {display:inline-block;text-decoration:none;border:1px solid #ddd;padding:12px 20px;border-right-width:0px;} .funraisin-page-nav ul li:last-child a {border-right-width:1px;} /*.funraisin-page-nav ul li a.active {color:#000;}*/ .funraisin-page-subnav {padding:10px 0 30px 0;text-align:center;} .funraisin-page-subnav ul {margin:0 auto;padding:0;list-style-type:none;} .funraisin-page-subnav ul li {display:inline;padding:0 10px 0 10px;} .funraisin-page-subnav ul li a {color:#000;text-decoration:none;background:#fff;border-radius:3px;padding:10px 25px;display:inline-block;border:1px solid #ccc;} /*.funraisin-page-subnav ul li a:hover,.funraisin-page-subnav ul li a.active {background:#ef4c28;color:#fff;}*/ /** * PageNav Left */ .funraisin-page-nav ul.nav-stacked {border:none;padding:0 15px;} .funraisin-page-nav ul.nav-stacked li {display:inline-block;float:none;text-align:left;margin:0;padding:0;width:100%;} .funraisin-page-nav ul.nav-stacked li a {display:block;border-right-width:1px;} .funraisin-page-nav ul.nav-stacked li:first-child a {border-radius:25px 25px 0 0;} .funraisin-page-nav ul.nav-stacked li:last-child a {border-radius:0 0 25px 25px;} /** Nav Steps */ .registration-steps {margin: 0 auto 20px;padding: 40px 0;text-align: center;border-bottom: 1px solid #eee;} .registration-steps ul {margin:0;padding:0;list-style-type:none;} .registration-steps ul li {display:inline-block;border:1px solid #ccc;border-radius:0;margin-left: -5px;border-left-width:0;} .registration-steps ul li:first-child {border-radius:25px 0 0 25px;border-left-width:1px;} .registration-steps ul li:last-child {border-radius: 0 25px 25px 0;} .registration-steps ul li a {text-decoration:none;text-align:center;color:#a5a6a8;line-height:40px;text-transform:uppercase;font-size:15px;font-weight:bold;padding: 0 40px;display: inline-block;} .registration-steps ul li.completed a {color: #000;} .registration-steps ul li a span {display:block;width:40px;height:40px;background:#a5a6a8;border-radius:20px;color:#fff;float:left;} /** * Nav Tabs */ .nav-tabs {border-bottom:none;padding:40px 0 0;} .nav-tabs li {text-align:center;margin-bottom:-2px;opacity:0.4;border: 3px solid #ddd;border-radius: 25px 25px 0 0;} .nav-tabs li.active {background:#fff;opacity:1;} .nav-tabs li h3 {color:inherit;} .nav-tabs li a {text-decoration:underline;color:inherit;} .nav-tabs li.active a {text-decoration:none;color:inherit;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none;background:transparent;} .tab-pane.active {border:2px solid #ddd;border-radius:0 0 25px 25px;border-top:none;padding:40px;} .funraisin-account-tab li {padding:0 10px;} .funraisin-account-tab-content .tab-pane {border:none;} /** * Register */ .register-tabs .nav-tabs li { width: 50%; padding: 0; } .register-tabs .nav-tabs li h3 { margin: 0; } .register-tabs .nav-tabs li h3 a { padding: 25px 0; display: block; } /* Logged In Team/Personal toggle */ .funraisin-page-loggedin-toggle {margin: 0 auto 20px auto;padding: 0;text-align: center;border-bottom: 1px solid #eee;} .funraisin-page-loggedin-toggle ul {margin:0;padding:0;list-style-type:none;} .funraisin-page-loggedin-toggle ul li {display:inline-block;padding:20px 40px;} .funraisin-page-loggedin-toggle ul li a {text-decoration:none;text-align:center;color:#a5a6a8;line-height:40px;text-transform:uppercase;font-size:15px;font-weight:bold;} .funraisin-page-loggedin-toggle ul li a span {display:block;width:40px;height:40px;background:#a5a6a8;border-radius:20px;margin:0 10px 10px auto;color:#fff;float:left;} .funraisin-account-tab li {padding:0 10px;} .funraisin-account-tab-content .tab-pane {border:none;} .loggedin-tabs .event-button {margin-right:-4px;} .loggedin-tabs .tab-left {border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .loggedin-tabs .tab-right {border-top-left-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .loggedin-tabs .btn-light-grey-border {border-bottom: 0;} /* This is a double up from what is in the footer file, temporarily since this css file will be cached for a month */ #loggedinsidebar {position:fixed;top:0;left:0;width:100px;height:100%;overflow:auto;z-index:1050;text-align:center;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;padding-top:0;} #loggedinsidebar ul {list-style-type:none;margin:0;padding:0;} #loggedinsidebar ul li ul {display:none;margin:10px 0 0 30px;} #loggedinsidebar .loggedinoptions {margin-top:60px;} #loggedinsidebar .loggedinoptions ul li a {color:#fff;font-size:14px;display:block;position:relative;margin:20px 0;} #loggedinsidebar .loggedinoptions a i {font-size:22px;} #loggedinsidebar .loggedinoptions a span {font-size:18px;display:none;} #loggedinsidebar .loggedinimage span {font-size:24px;display:none;width:100%;text-align:center;margin:10px 0 0;} #loggedinsidebar .loggedinraised {display:none;color:#fff;} #loggedinsidebar .loggedinimage span {display:none;} #loggedinsidebar .loggedinimage a {display:block;} #loggedinsidebar .loggedinimage img {border-radius:50%;width:75px;border:5px solid #fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #loggedinsidebar .button {margin:10px 0;width:240px;font-size:16px;font-weight:500;} #loggedinsidebar.open .loggedinraised {display:block;} #loggedinsidebar.open ul li ul {display:block;} #loggedinsidebar.open {background:#fff;width:300px;-webkit-box-shadow: 3px 0px 2px 0px rgba(169,169,169,0.5);-moz-box-shadow: 3px 0px 2px 0px rgba(169,169,169,0.5);box-shadow: 3px 0px 2px 0px rgba(169,169,169,0.5);padding-top:20px;} #loggedinsidebar.open .loggedinoptions a {color:#000;width: 180px;margin: 20px auto;text-align: left;} #loggedinsidebar.open .loggedinoptions a i {font-size:18px;} #loggedinsidebar.open .loggedinoptions a span {display:inline;text-align:left;} #loggedinsidebar.open .loggedinoptions a.active, #loggedinsidebar.open .loggedinoptions a:hover {} #loggedinsidebar.open .loggedinimage {color:#000;} #loggedinsidebar.open .loggedinimage img {display:block;margin:0 auto;} #loggedinsidebar.open .loggedinimage span {display:block;color:#000;} #loggedinsidebar.open .loggedinimage img {width:125px;} #loggedinsidebar.open .loggedinoptions a .login-messages {background:#fff;color: #000;border-radius: 50%;width: 24px;height: 24px;text-align: center;padding-top: 2px;font-size: 14px;} #loggedinsidebar .loggedinoptions ul li ul li a {font-size:12px !important;} /** * Content */ #content-main {min-height:400px;} /* Lumps */ .row > .container {display:block;} .row > .container-fluid > .responsive-padding {width:100%;} .lump {border-width:0px;border-style:solid;max-width:100%;} .lump.grid75 {float:left;width:75%;} .lump.grid60 {float:left;width:66.6%;} .lump.grid50 {float:left;width:50%;} .lump.grid30 {float:left;width:33.3%;} .lump.grid25 {float:left;width:25%;} .lump.grid50 + .lump.grid50:after {content: " ";clear:both;display:table;height: 0;} .lump.grid75 + .lump.grid25:after {content: " ";clear:both;display:table;height: 0;} .lump.grid25 + .lump.grid75:after {content: " ";clear:both;display:table;height: 0;} .lump.grid50 + .lump.grid25 + .grid25:after {content: " ";clear:both;display:table;height: 0;} .lump.grid60 + .lump.grid30:after {content: " ";clear:both;display:table;height: 0;} .lump.grid30 + .lump.grid60:after {content: " ";clear:both;display:table;height: 0;} .lump.grid50 {padding:0 10px;} .lump-textleftimageright .col-left {padding-right:45px;} .lump-textleftimageright .col-right {padding-left:45px;} .lump-textrightimageleft .col-left {padding-right:45px;} .lump-textrightimageleft .col-right {padding-left:45px;} .lump-2col .col-left {padding-right:45px;} .lump-2col .col-right {padding-left:45px;} .lump-3col .col-left {padding-right:45px;padding-left:0;} .lump-3col .col-right {padding-left:45px;padding-left:0;} .lump-3col .col-center {padding:0 30px;} .lump-4col .col-left {padding-right:45px;} .lump-4col .col-right {padding-left:45px;} .lump-4col .col-center {padding:0 30px;} .lump-1col {position: relative;} .container-fluid .lump {padding:40px;} .lump_heading {margin-top:0;} .lump-news {} .lump-news a.article:hover {color:inherit;} .lump-news .article {display:block;margin:0 0 20px 0;} .lump-news .article .thumbBlock {float:left;width:35%;padding:0 20px 0 0;} .lump-news .article .textBlock {float:left;width:65%;} .lump-news .article .date {color: #a9aaaa;font-size: 0.9em;} .lump-news .article .title {margin-top:5px;} .lump-news .article .btn {margin-top:10px;} .lump-news .news-horizontal .article {float:left;width:33%;padding:0 15px;} .lump-news .news-horizontal .article .thumbBlock {width:100%;} .lump-news .news-horizontal .textBlock {width:100%;margin-top:15px;} .lump-news .news-horizontal .btn {margin-top:15px;} .lump-news .news-feature .article {float:right;width:50%;clear:right;margin-bottom:30px;} .lump-news .news-feature .article.featured {padding-right:20px;float:left;clear:none;} .lump-news .news-feature .article.featured .thumbBlock {width:100%;} .lump-news .news-feature .article.featured .textBlock {width:100%;padding-top:10px;} .lump-gallery {padding:5%;display:block;float:left;width:100%;} .lump-blog .blog-wrapper {overflow:hidden;} .lump-blog .blog_intro {border:1px solid #e5e5e5;position:relative;} .lump-blog .blog-image {position:relative;overflow:hidden;} .lump-blog .blog-overlay .blog_intro {border:none;position:absolute;bottom:0;left:0;color:#fff;} .lump-blog .blog-overlay .article {-webkit-transition:all 0.2s ease-out;transition:0.2s ease-out;height:200px;} .lump-blog .blog-overlay .article:hover {transform: scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;} .lump-blog .blog-overlay .article:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));} .lump-blog .hover-scale .article:hover {color:inherit;} .lump-blog .hover-scale .article img {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .lump-blog .hover-scale .article:hover img {-webkit-transform: scale3d(1.2, 1.2, 1);transform: scale3d(1.2, 1.2, 1);} .lump-blog .blog-featured .article {width:50%;} .lump-blog .blog-featured .blog-image, .lump-blog .blog-featured .blog_intro {width:50%;} .lump-blog .blog-featured .featured .blog-image, .lump-blog .blog-featured .featured .blog_intro {width:100%;} .lump-blog .blog-featured .blog-wrapper.vertical-align {-webkit-align-items:stretch;align-items:stretch;} .lump-blog .blog-featured .blog-image img {height:100%;object-fit:cover;} .lump-blog .blog-horizontal .blog-image, .lump-blog .blog-horizontal .blog_intro {width:50%;} .lump-blog .blog-horizontal .blog-wrapper.vertical-align {-webkit-align-items:stretch;align-items:stretch;} .lump-blog .blog-horizontal .blog-image img {height:100%;object-fit:cover;} .lump-blog .blog-horizontal .blog_intro {border:1px solid #e5e5e5;border-left:none;} .lump-blog .blog-list .blog-image,.lump-blog .blog-list .date,.lump-blog .blog-list .author {display: none;} .lump-blog .blog-list .blog_intro {border: none;padding: 0 !important;} /* Page snippet lump */ .lump-snippet .snippet {margin:10px 0;} .lump-snippet .snippet .article {padding:30px 20px;display:block;} .content .lump-snippet a.article:not(.btn), .content .lump-snippet a.article:not(.btn):hover {color:inherit;} .lump-snippet .snippet .article .options {padding-bottom:10px;} .lump-snippet .snippet-vertical .article {border:1px solid #e5e5e5;} .lump-snippet .snippet-vertical .article .thumbBlock img {display:inline-block;} .lump-snippet .snippet-vertical .textBlock {padding:10px 30px 0;} .lump-snippet .snippet-vertical.snippet-image-block .article {padding:0;} .lump-snippet .snippet-vertical.snippet-image-block .article img {width:100% !important;max-height:250px;object-fit:cover;} .lump-snippet .snippet-vertical.snippet-image-block .article .textBlock {padding:10px 30px 15px;} .lump-snippet .snippet-vertical.text-left:not(.snippet-bordered) .article .textBlock {padding:0;} .lump-snippet .snippet-horizontal .article {display:flex;align-items:center;padding:0;justify-content:flex-start;} .lump-snippet .snippet-horizontal .thumbBlock {width:50%;padding-left:30px;margin:0 !important;} .lump-snippet .snippet-horizontal .textBlock {width:50%;padding:20px 30px 20px 30px;text-align:left;} .lump-snippet .snippet-horizontal.snippet-image-block .article {align-items:stretch;padding:0;} .lump-snippet .snippet-horizontal.snippet-image-block .thumbBlock {padding-left:0;} .lump-snippet .snippet-horizontal.snippet-image-block h4 {margin-top:0;} .lump-snippet .snippet-horizontal.snippet-image-block .textBlock {display:flex;align-items:center;flex-wrap:wrap;align-content:center;} .lump-snippet .snippet-horizontal.snippet-image-block .thumbBlock img {object-fit:cover;height:100%;margin-left:0 !important;} .lump-snippet .snippet-feature {width:100%;} .lump-snippet .snippet-feature .article {display:flex;align-items:center;flex-direction:row-reverse;padding:0;} .lump-snippet .snippet-feature .thumbBlock {width:40%;max-width:none !important;} .lump-snippet .snippet-feature .thumbBlock img {width:100% !important;border-radius:0 !important;} .lump-snippet .snippet-feature .textBlock {width:60%;padding:20px 40px;text-align:left;} .lump-snippet .snippet-compressed .article {display:flex;align-items:center;justify-content:space-between;} .lump-snippet .snippet-compressed .thumbBlock {width:30%;} .lump-snippet .snippet-compressed .textBlock {width:70%;text-align:left;padding-left:20px;display:flex;align-items:center;justify-content:space-between;} .lump-snippet .snippet-compressed h4 {margin:0;} .lump-snippet .snippet-compressed p {margin-top:5px;} .lump-snippet .snippet-compressed.snippet-image-block .article {align-items:stretch;padding:0;} .lump-snippet .snippet-compressed.snippet-image-block .thumbBlock {padding-left:0;} .lump-snippet .snippet-compressed.snippet-image-block .thumbBlock img {object-fit:cover;height:100%;margin-left:0 !important;} .lump-snippet .snippet-compressed.snippet-image-block .textBlock {display:flex;align-items:center;padding-right:20px;justify-content:space-between;} .lump-snippet .carousel-prev {position:absolute;top:calc(50% - 15px);left:-15px;opacity:1;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;font-size:30px;cursor:pointer;z-index:9;} .lump-snippet .carousel-next {position:absolute;top:calc(50% - 15px);right:-15px;opacity:1;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;font-size:30px;cursor:pointer;z-index:9;} .lump-snippet:hover .carousel-next,.lump-snippet:hover .carousel-prev {opacity:1;} .lump-snippet .options.rounded .btn {border-radius:50px;width: 50px;padding: 0;height: 50px;line-height: 45px;float: right;} .lump-snippet .snippet-compressed .options.rounded .btn {border-radius:50px;width: 40px;padding: 0;height: 40px;line-height: 35px;float: right;} .lump-snippet .options.square .btn {border-radius:0;} .lump-snippet .options.text-link .btn {background:none;border:none;color:inherit;padding-left:0;padding-right:0;} .lump-snippet .options.block .btn {display:block;width:100%;} .lump-snippet .snippet-image-circle img {border-radius:50%;} .lump-snippet .snippet-image-rounded img {border-radius:10px;} .lump-snippet .snippet-image-square img {border-radius:0;} .lump-snippet .date {color:#7a7a7a;} /** * Search lump */ .lump-search .panel {border:1px solid #e5e5e5;} .lump-search .btn-tertiary {width:40px;height:40px;padding:0;line-height:40px;} .lump-search .member-overlay {position:relative;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#000;height:250px;padding:0;} .lump-search .member-overlay:hover {-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;transform:scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0);color:#fff;} .lump-search .member-overlay:hover:before {background:rgba(0,0,0,0.4);} .lump-search .member-overlay:before {content:'';position:absolute;display:block;width:100%;height:100%;background:rgba(255,255,255,0.7);top:0;left:0;} .lump-search .member-overlay .lump-member {position:relative;width:100%;padding:15px;display:block;height:100%;} .lump-search .member-overlay .lump-member:hover {color:inherit;} .lump-search .member-overlay .lump-member .lump-member-content {position: absolute;bottom: 0;left: 0;width: 100%;padding:20px 40px;text-align:left;} .lump-search .member-overlay:hover .lump-member .lump-member-content .lump-member-title {color:#fff;} /** * Lump Navigation */ .lump-navigation .nav-pills {border-bottom:2px solid #e5e5e5;padding:40px 0 0;} .lump-navigation .nav-pills li {text-align:center;margin-bottom:-2px;border:none;float:none;display:inline-block;padding-bottom: 2px;} .lump-navigation .nav-pills li.active {background:#fff;opacity:1;} .lump-navigation .nav-pills li h3 {color:inherit;} .lump-navigation .nav-pills li a {text-decoration:none;color:inherit;border-radius:none;border: 2px solid #ddd} .lump-navigation .nav-pills li.active a {text-decoration:none;} .lump-navigation .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {border:none;background:transparent;} .lump-navigation .nav-underline li,.lump-navigation .nav-underline li a:hover,.lump-navigation .nav-underline li a:focus {background:inherit;color:inherit;} .lump-navigation .nav-underline li a {border:none;} .lump-navigation .nav-underline li.active {border-bottom-width:2px;border-bottom-style:solid;} .lump-navigation .nav-underline li:not(.active) {border-bottom:none;} /** * Forms */ .form-control:focus:focus {-webkit-box-shadow:none;box-shadow:none;border-width:2px;} .input-group-addon.bg-primary {border-width:2px;} /* Assets lump_asset.php */ .lump-assets {} .lump-assets .lump-asset {display:block;float:left;padding:0 15px;margin:10px 0;} .lump-assets .lump-asset .asset-block {border:1px solid #e5e5e5;} .lump-assets .lump-asset .asset-block .asset-text {padding:15px;} /* Events lump_events.php */ .lump-events {} .lump-events .lump-event {display:block;margin-bottom:40px;} .lump-events .panel {border-color:#e5e5e5;position:relative;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .lump-events .lump-event .panel:hover {transform: scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;} .lump-events .event-options {width:100%;padding:10px 0;} .lump-events .event-options .btn {margin:5px 0;} .lump-events .date span, .lump-events .location span {display:inline-block;width:25px;text-align:center;} .lump-events .date, .lump-events .location {margin:5px 0;} .lump-events .events-vertical .panel {align-items:stretch;} .lump-events .events-vertical .lump-event .event-title {margin-top:0;} .lump-events .events-vertical .lump-event .event-details {float:right;width:65%;padding:15px 20px;} .lump-events .events-vertical.events-medium .lump-event .event-details {width:60%;margin-left:40%;} .lump-events .events-vertical .lump-event {width:100%;margin-bottom:0;} .lump-events .events-vertical .event-image {position: relative;width: 100%;overflow: hidden;display: inline-block;} .lump-events .events-vertical .lump-event .event-image {float:left;width:35%;} .lump-events .events-vertical.events-medium .lump-event .event-image {width:40%;height:100%;position:absolute;top:0;left:0;} .lump-events .events-vertical .event-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} .lump-events .events-vertical .event-image img.portrait {width:100%;height:auto;} .lump-events .events-horizontal .lump-event {float:left;padding:0 20px;} .lump-events .events-horizontal .lump-event .event-details {background:#fff;padding:20px 20px 10px;width:100%;} .lump-events .events-horizontal .lump-event .event-title {margin-top:0;} .lump-events .events-horizontal .event-image {position: relative;width: 100%;height: 200px;overflow: hidden;display: inline-block;} .lump-events .events-horizontal.events-small .event-image {height:125px;} .lump-events .events-horizontal .event-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} .lump-events .events-horizontal .event-image img.portrait {width:100%;height:auto;} .lump-events .events-horizontal .panel {-webkit-align-content:flex-start;align-content:flex-start;} .lump-events .events-horizontal .slick-slide {padding-top:20px;opacity:1;padding:20px 0 0;-webkit-transition: all 0.2s linear; transition:all 0.2s linear;} .lump-events .events-horizontal .slick-slide[aria-hidden="true"] {opacity:0;} .lump-events .events-horizontal .slick-list {padding:0 20px;} .lump-events .carousel-prev {position:absolute;top:calc(50% - 15px);left:-15px;opacity:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;font-size:30px;cursor:pointer;z-index:9;} .lump-events .carousel-next {position:absolute;top:calc(50% - 15px);right:-15px;opacity:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;font-size:30px;cursor:pointer;z-index:9;} .lump-events:hover .carousel-next,.lump-events:hover .carousel-prev {opacity:1;} /* Shop lump */ .lump-shop .product.panel {box-shadow:none;position:relative;} .lump-shop .product a {display: block;z-index: 999;position: relative;} .content .lump .lump-shop .product a:hover {color:inherit;} .lump-shop .product-horizontal:not(.no-border), .lump-shop .product-vertical:not(.no-border) {border-color:#e5e5e5;} .lump-shop .product-horizontal .product-image {height:100%;position:relative;overflow:hidden;display:block;} .lump-shop .product-horizontal .product-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} .lump-shop .product-horizontal .product-image img.portrait {width:100%;height:auto;} .lump-shop .product-horizontal .product-price {position: absolute;top: 0px;left: 10px;border-radius: 50%;width: 80px;height: 80px;line-height: 80px;} .lump-shop .product-horizontal .product-button {opacity: 0;-webkit-transition:all 0.2s ease-out;transition: all 0.2s ease-out;} .lump-shop .product-horizontal {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;width:100%;} .lump-shop .product-horizontal:hover .product-button {opacity:1;} .lump-shop .product-horizontal:hover {-webkit-transform: scale(1.05,1.05) translate3d(0,0,0);transform: scale(1.05,1.05) translate3d(0,0,0);} .lump-shop .product-horizontal:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);} .lump-shop .product-horizontal:hover:after {opacity:1;} .lump-shop .product-horizontal:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);} .lump-shop .product-horizontal:hover:after {opacity:1;} .lump-shop .product-vertical .product-price {position: absolute;top: 0;right: 10px;border-radius: 50%;width: 80px;height: 80px;line-height: 80px;} .lump-shop .product-vertical .product-button {opacity: 0;-webkit-transition:all 0.2s ease-out;transition: all 0.2s ease-out;} .lump-shop .product-vertical:hover .product-button {opacity:1;} .lump-shop .product-vertical {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;width:100%;} .lump-shop .product-vertical:hover {-webkit-transform: scale(1.05,1.05) translate3d(0,0,0);transform: scale(1.05,1.05) translate3d(0,0,0);} .lump-shop .product-vertical:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);} .lump-shop .product-vertical:hover:after {opacity:1;} .lump-shop .product-hover .product-info,.lump-shop .product-carousel .product-info {position: absolute;bottom: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.2s ease-out;z-index:999;background:rgba(255,255,255,0.9);-webkit-align-content:center;align-content:center;} .lump-shop .product-hover:hover .product-info,.lump-shop .product-carousel:hover .product-info {opacity:1;} .lump-shop .product-hover,.lump-shop .product-carousel {transition: all 0.2s ease-out;border:none;} .lump-shop .product-hover .product-info h4,.lump-shop .product-hover .product-button,.lump-shop .product-carousel .product-info h4,.lump-shop .product-carousel .product-button {width:100%;margin:5px 0;} .lump-shop .product-hover .product-button,.lump-shop .product-carousel .product-button {margin-top:20px;} .lump-shop .product-hover .product-image,.lump-shop .product-carousel .product-image {line-height:0;} .lump-shop .product-hover .product-image-wrapper,.lump-shop .product-carousel .product-image-wrapper {display:inline-block;position:relative;} .lump-shop .product-hover .product-image-wrapper:after,.lump-shop .product-carousel .product-image-wrapper:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);} .lump-shop .product-hover:hover .product-image-wrapper:after,.lump-shop .product-carousel:hover .product-image-wrapper:after {opacity:1;} .lump-shop .product-carousel {margin-bottom:30px;} .lump-shop .product-quickview.panel {padding-bottom:20px;transition:all .3s cubic-bezier(.22,.24,.18,1);} .lump-shop .product-quickview.panel:before {transition:all .3s cubic-bezier(.22,.24,.18,1);content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;box-shadow: 0 0 1px rgba(0,0,0,0.2);} .lump-shop .product-quickview.panel:hover:before {box-shadow: 0px 40px 60px -10px rgba(0,0,0,.15);} .lump-shop .product-quickview .quick-btn {color:initial;} .lump-shop .product-quickview .product-options {position:relative;} .lump-shop .product-quickview .price {opacity:1;transition:all .3s cubic-bezier(.22,.24,.18,1);} .lump-shop .product-quickview .product-button {opacity:0;transition:all .3s cubic-bezier(.22,.24,.18,1);position:absolute;top:0;left:0;z-index:9;} .lump-shop .product-quickview:hover .price {opacity:0;} .lump-shop .product-quickview:hover .product-button {opacity:1;} .lump-shop .product-quickview.panel .product-info {padding:10px 25px 0;} .lump-shop .product-quickview.panel .product-info .quickview-text {background:none;background-repeat: no-repeat;background-size: 0% 2px;background-position: left bottom;background-image: linear-gradient(to right,#000 0%,#000 100%);transition:all .3s cubic-bezier(.22,.24,.18,1);} .lump-shop .product-quickview.panel .product-info .quickview-text:hover {background-size:100% 2px;} .lump-shop .carousel-prev {position:absolute;top:calc(50% - 15px);left:-15px;opacity:0;transition:all .3s cubic-bezier(.22,.24,.18,1);font-size:30px;cursor:pointer;z-index:9;} .lump-shop .carousel-next {position:absolute;top:calc(50% - 15px);right:-15px;opacity:0;transition:all .3s cubic-bezier(.22,.24,.18,1);font-size:30px;cursor:pointer;z-index:9;} .lump-shop:hover .carousel-next,.lump-shop:hover .carousel-prev {opacity:1;} .lump-shop .sold-out, .product-lightbox .sold-out {border-radius: 5px;padding: 2px 10px;display: inline-block;font-size: 0.8em;font-weight: 600;position: absolute;top: 10px;left: 10px;z-index: 1000;} .product-lightbox .cart-column {padding:20px;} .product-lightbox .product-details {padding:50px 20px 40px;border-left:1px solid #e5e5e5;} .product-lightbox .galleria-container {background:transparent;} .product-lightbox .btn-number:disabled {opacity:0.3;} .qty-group {display:block;} .qty-group .input-group-btn {display:inline-block;width:auto;vertical-align:middle;} .qty-group .input-group-btn button {padding:5px;border-radius:50% !important;border:1px solid #ccc;width:30px;height:30px;line-height:12px;} .qty-group .input-group-btn button .fa {font-size:13px;} .qty-group .input-group-btn:last-child>.btn {padding:0;} .qty-group .form-control {display:inline-block;float:none;text-align:center;background:transparent;padding:0;font-size:1.5em;font-weight:600;border:none;vertical-align:middle;} /** * Lump progress */ .content .lump-progress h2 {color:inherit;} /** * Tabs */ .row-tabs .nav-tabs {border-bottom:3px solid #ddd;text-align:center;} .row-tabs .nav-tabs li {border-radius:0;opacity:1;border-bottom:none;float:none;display:inline-block;margin-right:-8px;margin-bottom:0;} .row-tabs .nav-tabs li a {text-decoration:none;border:none;color:inherit;padding:12px 20px;} .row-tabs .nav-tabs li.active {position:relative;z-index:9;} .row-tabs .nav-tabs li:not(:last-child) {border-right:none;} .row-tabs .tab-pane.active {border:none;border-radius:0;} .lump.tab-content .nav-tabs {border-bottom:2px solid #ddd;} .lump.tab-content .nav-tabs li {border-radius:0;opacity:1;float:none;display:inline-block;margin-right:-8px;margin-bottom:0;} .lump.tab-content .nav-tabs li a {text-decoration:none;border:none;color:inherit;padding:12px 20px;} .lump.tab-content .nav-tabs li.active {position:relative;z-index:9;} .lump.tab-content .nav-tabs li:not(:last-child) {border-right:none;} .lump.tab-content .tab-pane.active {border:none;border-radius:0;} .lump.tab-content .tabs-border li {border-bottom:none;} .lump.tab-content .tabs-underline {} .lump.tab-content .tabs-underline li,.lump.tab-content .tabs-underline li a:hover,.lump.tab-content .tabs-underline li a:focus {background:inherit;color:inherit;} .lump.tab-content .tabs-underline li {border-top:none;border-left:none;border-right:none;} .lump.tab-content .tabs-underline li.active {border-bottom-width:2px;border-bottom-style:solid;margin-bottom:-2px;} .lump.tab-content .tabs-underline li:not(.active) {border-bottom:none;} /* Validation Changes */ .form-validation-inline .form-control {box-shadow:none;} .form-validation-inline em.invalid {color:#FF1616;padding-left: 15px;font-style: normal;font-weight: 500;font-size: 0.8em;line-height: 125%;display: block;padding-top: 7px;width: 100%;float: left;text-align:left;} .form-validation-inline .optional-label {font-size:0.9em;font-weight:400;} .form-validation-inline .btn-loginerror {color:#FF1616;cursor:pointer;} .form-validation-inline #d_amount_free-error,.form-validation-inline #m_target_distance-error {text-align:center;} .form-validation-inline input.invalid,.form-validation-inline select.invalid,.form-validation-inline textarea.invalid {border:2px solid #FF1616;} .form-validation-inline .dropdown-toggle.invalid {border:2px solid #FF1616;} .toggle-switch.invalid .toggle-btn:not(.border-primary) {border-color:#FF1616;border-width:2px;} .form-validation-inline .section > .container, .form-validation-inline .section > .container > .row,.form-validation-inline .entries-block .entry-block > .col-sm-10, .form-validation-inline .section > .container > .addressdetails {display:flex;align-items:flex-start;flex-wrap:wrap;} .form-validation-inline .section > .container > *:not([class*="col-"]) {width:100%;} .form-validation-inline label {margin-top:10px;} .form-validation-inline input[type="checkbox"] {width: 1em;height: 1em;margin-top: 5px;vertical-align: top;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: contain;outline: 1px solid #ccc;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;color-adjust: exact;border-radius: 2px;margin-right: 5px;position:relative;} .form-validation-inline input[type="checkbox"]:focus {outline-offset:0px;} .form-validation-inline input[type="checkbox"]:checked {outline: 1px solid #009CFF;} .form-validation-inline input[type="checkbox"]:checked:after {content: "\e876";font-family: 'Material Icons';position: absolute;top: 0;left: 0;color: #009CFF;font-weight: 700;line-height:100%;} .form-validation-inline input[type="checkbox"].invalid {outline-color:#FF1616;outline-width:2px;border:none;} .form-validation-inline input[type="radio"] {-webkit-appearance:none;background: #fff;border-radius: 100%;border: 1px solid #ccc;display: inline-block;width: 1.4em;height: 1.4em;top: -0.2em;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;} .form-validation-inline input[type="radio"]:checked {background-color: #009CFF;box-shadow: inset 0 0 0 4px #fff;} .form-validation-inline input[type="radio"].invalid {border-color:#FF1616;border-width:2px;} .form-validation-inline input[type="radio"]:focus {outline:none;} .form-validation-inline.profileSponsorForm .sidebar-form-panel > .col-md-6, .form-validation-inline.profileSponsorForm .sidebar-form-panel > .container > .col-md-6, .form-validation-inline #DonationHero .section > .container > .col-sm-6, .form-validation-inline #DonationHero .section .addressdetails > .col-md-6, .form-validation-inline #DonationHero .section .addressdetails > .col-sm-6, .sponsorForm5050 .form-validation-inline .sidebar-form-panel > .col-md-6 {width:100%;} .form-validation-inline #d_gender-error {padding-left:0;} .form-slick .donation-steps .section:not(:first-child),.form-slick .entry-steps .section:not(:first-child) {opacity:0;} .form-slick .donation-steps .section:not(:first-child).slick-active,.form-slick .entry-steps .section:not(:first-child).slick-active {opacity:1;} .lump-row .lump-column > .lump-container {width:100%;display:flex;flex-wrap:wrap;align-items:center;height:100%;align-content:center;} /*.lump-row > .backgroundVideo {z-index: -1 !important;} .lump > .backgroundVideo {z-index: -1 !important;}*/ /** * Pagination */ .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background: transparent;color: #337ab7;} .pagination>li>a, .pagination>li>span {border:none;color:#000;border-radius:50%;margin:0;height:35px;width:35px;border:none;line-height:33px;padding:0;text-align:center;margin:0 2px;} .pagination>li:last-child>a, .pagination>li:last-child>span,.pagination>li:first-child>a, .pagination>li:first-child>span {border-radius:50%;} /** * Row Carousel */ .carousel-content {padding:0 20px;} .carousel-content .carousel-prev,.carousel-content .carousel-next {position:absolute;top:calc(50% - 20px);z-index:99;width:40px;height:40px;line-height:40px;padding:0;text-align:center;} .carousel-content .carousel-prev {left:-5px;} .carousel-content .carousel-next {right:-5px;} /** * Ticker */ .toast-wrapper {opacity:0;margin:0 auto;position:relative;z-index:9999;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;} .toast-wrapper.active {opacity:1;} .toast-close {position:absolute;top:0;right:5px;font-size:20px;z-index:99;} .toast-item {opacity:0;height:0;text-align:center;} .toast-item.active {height:auto;opacity: 1; -webkit-animation: fadeinout 5s linear forwards;animation: fadeinout 5s ease-out;} .toaster-bottom-right {position:fixed;bottom:0;right:0;max-width:400px;} .toaster-bottom-left {position:fixed;bottom:0;left:0;max-width:400px;} .toaster-top-right {position:fixed;top:0;right:0;max-width:400px;} .toaster-top-left {position:fixed;top:0;left:0;max-width:400px;} .toaster-bottom-full {position:fixed;bottom:0;left:0;width:100%;} .toast-item img {max-width:80px;margin-right:10px;} .toast-item span {display: inline-block;vertical-align: middle;} .ticker-bottom-full {position:fixed;bottom:0;left:0;width:100%;z-index:99;} .ticker-top-full {position:fixed;top:0;left:0;width:100%;z-index:99;} #webTicker {font-family:inherit !important;font-size:1em !important;} #webTicker li {padding:0 20px !important;} #webTicker li img {height:30px;margin-right:10px;} @-webkit-keyframes fadeinout { 0%,100% { opacity: 0; } 33%,66% { opacity: 1; } } @keyframes fadeinout { 0%,100% { opacity: 0; } 30%,70% { opacity: 1; } } /** * Landing template_landing.php */ #Landing:after{clear:both;content:'';display:table} #Landing .landing{display:block;margin:0 0 60px;display:inline-block;width:100%;} #Landing .landing ul{margin:1em} #Landing .landing .image{float:left;width:30%;text-align:center} #Landing .landing .image img{display:inline-block;max-width:100%} #Landing .landing h1{font-size:25px;margin-top:0;} #Landing .landing.odd .thumbnail {border:none;float:left;width:50%;padding-right:40px;} #Landing .landing.odd .textblock{width:50%;padding:0 0 0 40px;float:right;} #Landing .landing.even .thumbnail {border:none;float:right;width:50%;padding-left:40px;} #Landing .landing.even .textblock{width:50%;padding:0 40px 0 0;float:left;} #Landing .landing .btn {margin-top:20px;} .landing_faqs .landing{float:left;width:50%} /** * Listings template_listings.php */ #Listing h1{margin:0 0 2em} #Listing #articles {position:relative;} #articles .article-thumb {position: relative;width: 100%;height: 200px;overflow: hidden;display: inline-block;} #articles .article-thumb img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} #articles .article-thumb img.portrait {width:100%;height:auto;} #articles .articleBlock:hover {color:inherit;} #Listing .article{overflow:hidden;position:relative;text-decoration:none;} #Listing .article:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:30px} #Listing .article:after{clear:both;content:'';display:table} #Listing .article h3{font-size:1em;margin:0 0 1em;padding:0;line-height:1.6em;font-family:'Open Sans';font-weight:800} #Listing .article h4 {display: inline-block;margin-bottom:0;} #Listing .article hr {width: 50px;margin: 10px 0;} #Listing .article .article-left{float:left;width:150px;height:150px;overflow:hidden;border:1px solid #F5F2F2} #Listing .article .article-left img{display:block;max-width:150px;position:relative;z-index:2} #Listing .article .article-right{padding:0 0 0 10px;margin:0 0 0 160px} #Listing .article .article-right img{display:block;max-width:100%;border-radius:8px} #Listing .article p{display:inline;font-size:.9em} #Listing .article span.date{display:block;font-size:13px;margin:0 0 .5em;color:#969696} #Listing .article span.intro {margin-bottom: 30px;display: inline-block;} #Listing .article span.readmore{margin-top:15px;position: absolute;bottom: 0;left: 15px;} #Listing .article .thumbnail {margin-bottom: 0;} #Listing .article .thumbnail img {border-radius:5px;} /* Listing Alternate (rows) */ #Listing .article-row{float:none;overflow:hidden;width:100%;padding:20px 20px 30px 0;position:relative;display:block;text-decoration:none;} #Listing .article-row .thumbnail{float:left;width:25%;margin:0 20px 0 0;} #Listing .article-row h4 {} #Listing .article-row p {display:block;float:none;} #Listing .article-row:hover {text-decoration:none;} /** * Messages */ #inbox .messagelink {border-width:0;position:relative;} #inbox .messagelink.active {background:#e6eaed;border-left-width: 3px;border-left-style: solid;} #inbox .messagelink .unread {position: absolute;display: block;width: 25px;height: 25px;border-radius: 20px;text-align: center;line-height: 25px;left: 10px;top: 20px;} #Replies .newmessages .line-before,#Replies .newmessages .line-after {display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 40%;} #Replies .newmessages .line-before {right: 0.5em;margin-left: -50%;} #Replies .newmessages .line-after {left: 0.5em;margin-right: -50%;} /** * Articles template_article.php */ #Article .date{margin:0 0 1.5em;display:block;font-size:.9em} #Article .date a{color:#4382d3} #Article .news_image{float:none;} #Article .news_image img{max-width:100%;display:block} #Article .news_body{margin:0 0 4em} #Article .news_body p{line-height:1.8em} #Article .related-article {display:block;margin:10px 0 10px 0;} #Article .related-article img {width:25%;display:block;float:left;margin:0 10px 10px 0;} /** * Video template_video.php */ #Video .date{margin:0 0 1.5em;display:block;font-size:.9em} #Video .date a{color:#4382d3} #Video video {display:block;} /* WYSIWYG template_wysiwyg.php */ /* Gallery Template (no longer used) template_gallery.php */ /*#Gallery {} #Gallery .gallery {float:left;padding:10px;text-align:center;} #Gallery .gallery .img-wrapper {position:relative;} #Gallery .gallery img {display:block;width:100%;height:auto;} #Gallery .gallery .title {display:inline-block;padding-top:10px;}*/ #Gallery .galleryContainer {position:relative;} #Gallery .galleryList {position:relative;} #Gallery .gallery {overflow:hidden;height:auto;text-align:center;} #Gallery .gallery img {display:inline-block;height:auto;} /* Lump Carousel */ .section-slideshow {padding-bottom:20px;} .section-slideshow .slide{padding:20px;} .section-slideshow .carousel-prev,.section-slideshow .carousel-next {position:absolute;top:calc(50% - 20px);background:rgba(0,0,0,0.7);color:#fff;z-index:99;width:40px;height:40px;line-height:40px;padding:0;box-shadow: 0 0 4px #F0EFE7;-webkit-box-shadow: 0px 0px 5px 1px rgba(240,239,231,1);-moz-box-shadow: 0px 0px 5px 0px rgba(240,239,231,1);box-shadow: 0px 0px 5px 0px rgba(240,239,231,1);} .section-slideshow .carousel-prev {left:20px;} .section-slideshow .carousel-next {right:20px;} /** * News articles template_news.php */ #News-Article h1{font-size:2em;margin:0 0 .6em} #News-Article .date{margin:0 0 1.5em;display:block;font-size:.9em} #News-Article .date a{color:#4382d3} #News-Article .news_image{float:none;} #News-Article .news_image img{max-width:100%;display:block} #News-Article .news_body{margin:0 0 4em} #News-Article .news_body p{line-height:1.8em} #News-Article .share,#Video .share,#Article .share {width:100%; text-align:left; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:33px 0; font-family:"proxima-nova-soft","Helvetica Neue",Helvetica,sans-serif; font-size:16px; color:#999; margin:45px 0;} #News-Article .share .fa,#Video .share .fa,#Article .share .fa {color:#6d6d6d; margin:0 0 0 25px; cursor:pointer; vertical-align:middle;} #News-Article .share .fa-google-plus,#Video .share .fa-google-plus,#Article .share .fa-google-plus {color:#4a4a4a;} #News-Article .share .fa-youtube,#Video .share .fa-youtube,#Article .share .fa-youtube {color:#5b5b5b;} #News-Article .topShare,#Video .topShare,#Article .topShare {margin-bottom:40px; padding:20px 0;margin-top:0;border-top:none;} #News-Article .topShare .fa,#Video .topShare .fa,#Article .topShare .fa {font-size:22px;} /** * Leaderboards * templates_leaderboard.php */ #Leaderboard .leaderboardrow {position:relative;z-index:1;overflow:hidden;background:#f3f6f8;-webkit-transition:all 0.2s;transition:all 0.2s;} #Leaderboard .leaderboardrow:nth-child(even) {background:#e8edf1;} #Leaderboard .leaderboardrow a {display:block;padding:1em;color:inherit;} #Leaderboard .leaderboardrow .profileimage, #Leaderboard .leaderboardrow .options, #Leaderboard .leaderboardrow .goal, #Leaderboard .leaderboardrow .raised {display: inline-block;vertical-align: middle;padding: 0 1%;width: 21%;} #Leaderboard.leaderboard-small .leaderboardrow .profileimage, #Leaderboard.leaderboard-small .leaderboardrow .options, #Leaderboard.leaderboard-small .leaderboardrow .goal, #Leaderboard.leaderboard-small .leaderboardrow .raised {width:28%;} #Leaderboard .leaderboardrow .profilename {width:34%;display: inline-block;vertical-align: middle;padding: 0 1%;} #Leaderboard.leaderboard-small .leaderboardrow .profilename {width:40%;} #Leaderboard .leaderboardrow.odd {background:#f6f8fa;} #Leaderboard .leaderboardrow.even {background:#e8edf1;} #Leaderboard .leaderboardrow .rank {position: absolute;top: 0;left: 0;padding: 7px 7px 9px 12px;font-size: 14px;width: 30px;z-index:99;} #Leaderboard .leaderboardrow .rank:before {content: "";position: absolute;width: 185%;height: 300%;top: -100%;left: -50%;z-index: -1;background: inherit;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #Leaderboard .leaderboardrow:hover {transform: scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;} #Leaderboard h4 {color:inherit;} .donating_to #Leaderboard .leaderboardrow:hover {transform: none;box-shadow: none;} .donating_to #Leaderboard {position:relative;} .donating_to .btn-secondary {font-size:0.9em;padding:10px;} .donating_to .btn-close {position:absolute;width:30px;height:30px;padding:0;top:-15px;right:-15px;z-index:99;border-radius:50%;} /** * Search Results */ #Members .panel, #Teams .panel {border-color:#e5e5e5;} #Members .panel .lump-member-title {color:#000;} #Members .member .btn {width:40px;height:40px;padding:0;line-height:42px;} #Members .member .panel:hover {transform: scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;} /** * Memberblog */ .lump-members .panel {border-color:#e5e5e5;} .lump-members .member-overlay {position:relative;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#000;height:250px;padding:0;} .lump-members .member-overlay:hover {-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;transform:scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0);color:#fff;} .lump-members .member-overlay:hover:before {background:rgba(0,0,0,0.4);} .lump-members .member-overlay:before {content:'';position:absolute;display:block;width:100%;height:100%;background:rgba(255,255,255,0.7);top:0;left:0;} .lump-members .member-overlay .lump-member {position:relative;width:100%;padding:15px;display:block;height:100%;} .lump-members .member-overlay .lump-member:hover {color:inherit;} .lump-members .member-overlay .lump-member .lump-member-content {position: absolute;bottom: 0;left: 0;width: 100%;padding:20px 40px;text-align:left;} .lump-members .member-overlay:hover .lump-member .lump-member-content .lump-member-title {color:#fff;} .lump-members .progress {height:10px;margin-bottom:10px;} /** * Shop */ #Products .product, #Complimentary .product {float: left;margin: 0 15px 15px 0;text-align: center;border: 1px solid #e5e5e5;border-radius: 4px;position: relative;padding:40px 15px;} #Products .product {float:none;width:100%;} #Products .price {position:absolute;top:-10px;right:-10px;padding:10px;height:80px;width:80px;border-radius:50px;line-height:60px;} #Shop .product {border:1px solid #ccc;padding:0;} #Shop .product-image {position: relative;width: 100%;height: 200px;overflow: hidden;display: inline-block;} #Shop .product-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} #Shop .product-image img.portrait {width:100%;height:auto;} #Shop > .container {width:900px;} #Cart {max-width:900px;margin:25px auto;} #Cart tr.main-row {border-bottom:1px solid #e5e5e5;} #Cart tr.header-row {border:none;} #Cart th {padding:10px 0;} #Cart tr.main-row td {padding:20px 0;} #Cart .BtClose {background: #f2f2f2;color: #000;padding: 5px;border-radius: 50%;width: 40px;height: 40px;line-height: 30px;font-size:20px;display:block;text-align: center;} .cart-box {background: #f6f6f6;padding: 20px 40px 0;border-radius: 10px;} .cart-box .cart-total {justify-content:space-between;} #Shop #gallery .galleria-container {background:none;} #Shop #gallery .galleria-theme-classic .galleria-thumbnails-container {height:60px;} #Shop #gallery .galleria-theme-classic .galleria-thumbnails-container .galleria-thumbnails {height:60px !important;text-align:center;} #Shop #gallery .galleria-theme-classic .galleria-thumbnails .galleria-image {height:60px !important;float:none;display:inline-block;border:none;} #Shop #gallery .galleria-theme-classic .galleria-thumbnails .galleria-image img {width:auto !important;height:60px !important;} #Shop #gallery .galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {margin:0 10px;} #Shop #gallery .galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left, #Shop #gallery .galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {display: none !important;} #Shop #gallery .galleria-theme-classic .galleria-counter {display:none !important;} #Shop #gallery .galleria-theme-classic img {left:0 !important;top:0 !important;} #Shop #gallery .galleria-image-nav-right {right:30px !important;} .galleria-lightbox-box .galleria-lightbox-close {position: absolute;top: -5px;right: -5px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;background: url(https://klauschildscarecenter.com/funraisin.4.1/js/fancybox/fancybox_sprite.png);} #shopaccordion .panel {border-color:#f5f5f5;margin-bottom:15px;} #shopaccordion .panel-heading a {color:inherit;} .toggle-switch .toggle-size {border:1px solid #ccc;padding:3px 8px;transition:all .2s cubic-bezier(.22,.24,.18,1);width: auto;} .toggle-switch .toggle-size:not(:last-child) {border-right:1px solid #ccc;} .product-lightbox {box-shadow:0 0 30px rgba(0,0,0,0.15);} /** * Donations */ .donation-steps {max-width:100%;overflow-y: visible;overflow-x: hidden;} .donation-steps .slick-list {overflow:visible;z-index:1;} .donation-steps .slick-slide {opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;;} .donation-steps .slick-slide.slick-current {opacity:1;} #donation_frequency_toggle {padding:0 15px;} #donation_frequency_toggle li {float: left;display: block;border-width:1px;border-style:solid;padding:0;margin: 20px 0 10px;webkit-transition: all 0.3s;transition: all 0.3s;} #donation_frequency_toggle label {padding:8px 0;display:block;border-radius:0;width:100%;margin:0;cursor:pointer;} #donation_frequency_toggle li:not(:last-child) {border-right:none;} #donation_frequency_toggle li:not(.border-primary) {border-color:#ccc;} .steps-nav {padding:0 15px;} .steps-nav ul {list-style:none;border-bottom:1px solid #e5e5e5;padding:0;} .steps-nav ul li {display:inline-block;padding:0 15px 10px;font-size:20px;border-left:none;border-right:none;border-top:none;margin:0 5px -1px;} .steps-nav ul li:not(.color-primary) {color:#e5e5e5;} /** Donations Default template_donation.php */ #amountdetails .donationHandlers .radio {float:left;display:block;padding:20px;margin:0 0 20px 0;cursor:pointer;text-decoration:none;opacity:1;} #amountdetails .donationHandlers .radio.no-text {width:25%;} #amountdetails .donationHandlers .radio .radio-image {display:block;overflow:hidden;} #amountdetails .donationHandlers .radio .radio-image img {width:100%;display:block;} #amountdetails .donationHandlers .radio .radio-text {display:table;width:100%;padding:10px 10px;outline:none;} #amountdetails .donationHandlers .radio .radio-amount {display:table-cell;width:25%;vertical-align:middle;font-size:1.5em;padding:10px 0;} #amountdetails .donationHandlers .radio.no-text .radio-amount {width:100%;} #amountdetails .donationHandlers .radio .radio-copy {display:table-cell;width:75%;vertical-align:middle;padding:10px 5px;} #amountdetails .donationHandlers .radio .radio-text:after {content:"";clear:both;} #amountdetails .donationHandlers .radio.notselected,#amountdetails .donationHandlers .radio.nothover {opacity:0.5;} #amountdetails .donationHandlers .radio.hover, #amountdetails .donationHandlers .radio.selected {opacity:1;} /** * Sidebar donation template */ .donationSidebar .donationHandlers .radio.notselected {opacity:0.5;} /** Donations Cards template_cards.php */ #amountdetails .donationHandlers.cards .radio-panel {margin:10px 0;} #amountdetails .donationHandlers.cards .radio {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;width:100%;} #amountdetails .donationHandlers.cards .radio-border {border:1px solid #e5e5e5;overflow:hidden;perspective:1px;width:100%;height:100%;} #amountdetails .donationHandlers.cards .radio .radio-image {position:relative;padding-bottom:50px;} #amountdetails .donationHandlers.cards .radio .radio-amount {display:block;width:100px;height:100px;border-radius:50px;position:relative;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} #amountdetails .donationHandlers.cards .radio .radio-amount.no-image {width: 100%;border-radius: 0;position: relative;} #amountdetails .donationHandlers.cards .radio .radio-amount span {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;} #amountdetails .donationHandlers.cards .radio .radio-text {display:block;padding:0 10px 10px;color:#000;} #amountdetails .donationHandlers.cards .radio .radio-copy {display:block;width:100%;} #amountdetails .donationHandlers.cards .radio.hover, #amountdetails .donationHandlers.cards .radio.selected {-webkit-transform: scale(1.1,1.1) translate3d(0,0,0);transform: scale(1.1,1.1) translate3d(0,0,0);} #amountdetails .donationHandlers.cards .radio:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} #amountdetails .donationHandlers.cards .radio.hover:after, #amountdetails .donationHandlers.cards .radio.selected:after {opacity:1;} .form-cards section .container {width:600px;max-width:100%;margin:0 auto;position:relative;} .form-cards .btn-back {text-decoration:underline;} .template-donation .btn-back {display:block;margin-top:15px;} /*.form-cards section .tooltip {left:0 !important;} .form-cards section .tooltip-arrow {left:50% !important;}*/ /** * Hero Header template */ #amountdetails .donationHandlers.heroHandlers .radio {margin:0;border:1px solid #ccc;padding:10px;} #amountdetails .donationHandlers.heroHandlers .radio .arrow-top {position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 12px 8px 12px;top:-8px;left:calc(50% - 12px);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;} #amountdetails .donationHandlers.heroHandlers .radio.selected .arrow-top {opacity:1;} #DonationHero .donation-hero-panel {max-width:600px;margin:0 auto;} /** * Hero Header Cards */ #amountdetails .donationHandlers.heroHandlersCards .radio {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;margin:10px 0 10px 25px;border:none;position:relative;width:100%;} #amountdetails .donationHandlers.heroHandlersCards .radio.no-image {margin-left:0;} #amountdetails .donationHandlers.heroHandlersCards .radio-border {border:1px solid #e5e5e5;perspective:1px;width:100%;height:100%;-webkit-display:flexbox;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items:center;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-image {position:relative;width:33%;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-image img {object-fit:cover;width:100%;min-height:80px;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-amount {display:block;width:80px;height:80px;border-radius:50px;position:relative;} #amountdetails .donationHandlers.heroHandlersCards .radio.contains-image .radio-amount, #amountdetails .donationHandlers.heroHandlersCards .radio .radio-amount {position: absolute;top: calc(50% - 40px);left: -40px;z-index:1;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-amount span {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-text {display:block;padding:10px 10px 10px 20px;text-align:left;width:67%;height:100%;} #amountdetails .donationHandlers.heroHandlersCards .radio .radio-copy {display:block;width:100%;transform:translateZ(0);} #amountdetails .donationHandlers.heroHandlersCards .radio.contains-image .radio-text {width:67%;} #amountdetails .donationHandlers.heroHandlersCards .radio:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} #amountdetails .donationHandlers.heroHandlersCards .radio.hover:after, #amountdetails .donationHandlers.heroHandlersCards .radio.selected:after {opacity:1;} #amountdetails .donationHandlers.heroHandlersCards .radio.no-image .radio-amount, #amountdetails .donationHandlers.heroHandlersCards .radio .radio-amount.no-image {border-radius: 0;position: relative;width:33%;height:auto;min-height:60px;left:0;top:0;} #amountdetails .donationHandlers.heroHandlersCards .radio.no-image.no-text .radio-amount {width:100%;} /** * Donations Block */ #Donations .donation {overflow:hidden;} #Donations .donation .panel {padding:20px;} #Donations .donation .profileimage {position:relative;} #Donations .donation .amount {position:absolute;top:0;left: 0;padding: 9px 0;border-radius: 50px;width:75px;height:75px;} #Donations .donation .amount p {font-size:20px;width: 100%;text-align: center;} #Donations .donation .profilename {padding:0 0 20px 0;} #Donations .profile-image-wrapper {position: relative;width: 150px;height: 150px;overflow: hidden;margin: 0 auto;border:none;} #Donors .profilename h3 {position:relative;} #Donors .profilename h3:after {content: '';height: 3px;width: 16%;position: absolute;bottom: -7px;left: 42%;} #Donors .donation .btn {font-size: 0.8em;} #Donations .donation .panel {border:2px solid #e5e5e5;} a.donorImage {cursor:pointer;} /*Donation form photo */ #GenericPhoto .donation {overflow:hidden;} #GenericPhoto .donation .panel {padding:20px;} #GenericPhoto .donation .profileimage {position:relative;padding-top:10px;} #GenericPhoto .donation .amount {position:absolute;top:20px;left: 35px;padding: 9px 0;border-radius: 50px;width:75px;height:75px;} #GenericPhoto .donation .amount p {font-size:20px;width: 100%;text-align: center;} #GenericPhoto .donation .profilename {padding:0 0 20px 0;} #GenericPhoto .profile-image-wrapper {position: relative;margin: 0 auto;border:none;} #GenericPhoto .donation .panel {border:2px solid #e5e5e5;} /** * No image stylez */ #Donations .donation.noimage .panel {padding:0 0 20px;} #Donations .donation.noimage .amount {position: relative;height: 100px;margin: 0 auto;border-radius: 0;line-height: 100px;padding: 0;width: 100%;top:0;left:0;} #Donations .donation.noimage .amount p {margin:0;display:inline-block;} #Donations .donation.noimage .profile-image-wrapper {display:none;} #Donations .donation.noimage .profileimage {padding:0;display:none;} #Donations .donation-standard .donation.noimage .profilename {padding:20px;} /** * Row stylez */ #Donations .donation-row {margin:0 auto;max-width:800px;} #Donations .donation-row .donation {width:100%;} #Donations .donation-row .donation .panel {margin:0;padding:10px 20px;-webkit-display:flex;display:flex;-webkit-align-items:center;align-items:center;} #Donations .donation-row .donation:not(:last-child) .panel {border-bottom:none;} #Donations .donation-row .donation .profileimage {width:10%;} #Donations .donation-row .donation .profileimage .profile-image-wrapper {width:auto;height:auto;} #Donations .donation-row .donation .amount {width:15%;padding:0;background:transparent;position:relative;height:auto;padding:0;margin:0;height:auto;line-height:100%;order:2;color:inherit;left:0;top:0;} #Donations .donation-row .donation .amount p {margin:10px 0;} #Donations .donation-row .donation .profilename {padding:0;width:75%;text-align:left;padding:0 15px;-webkit-display:flex;display:flex;-webkit-align-items:center;align-items:center;} #Donations .donation-row .donation .profilename h3 {width:40%;} #Donations .donation-row .donation .profilename .comments {width:60%;} #Donations .donation-row .donation .profilename h3:after {display:none;} /** * Lightbox Donation */ #LightboxDonation .donation {overflow:hidden;} #LightboxDonation .donation .panel {padding:20px;} #LightboxDonation .donation .profileimage {position:relative;padding-top:10px;} #LightboxDonation .donation .amount {position:absolute;top:20px;left: 35px;padding: 9px 0;border-radius: 50px;width:75px;height:75px;} #LightboxDonation .donation .amount p {font-size:20px;width: 100%;text-align: center;} #LightboxDonation .donation .profilename {padding:0 0 20px 0;} #LightboxDonation .profile-image-wrapper {position: relative;width: 150px;height: 150px;overflow: hidden;margin: 0 auto;border:none;} #LightboxDonation .donation .panel {border:2px solid #e5e5e5;} a.donorImage {cursor:pointer;} /** * Profile Page */ .profile-header .profile-image-frame {position:relative;} .profile-header .profile-image-frame .profile-image-upload {position:absolute;bottom:0%;left:0;} .profile-header .cover-image-upload {position:absolute;bottom:10px;left:10px;z-index:999;} .profile-image {border-style:solid;} .template-profile .donation {} .template-profile .donation .amount {} .template-profile .donation .amount p {font-size:20px;} #sidebar-form-toggler {padding:10px 0 0;} .profileSponsorForm .sidebar-form-panel {display:none;} .profileSponsorForm .sidebar-form-panel.active {display:block;} .profileSponsorForm .btclosesponsorform {position:absolute;top:-20px;right:-20px;font-size: 24px !important;padding: 0 !important;border-radius:50%;width:41px;height:41px;text-align:center;z-index:999;border:none;line-height:41px;} .profileSponsorForm.overlay {-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:0;width:600px;z-index:-1;position:absolute;left:50%;margin-left:-300px;padding:40px;} .profileSponsorForm.overlay.active {-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:166540;box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);} .profileSponsorForm .donationHandlers.minimal {margin-bottom:5px;} .profileSidebar {margin:-300px 0 0 0;padding:0;overflow:hidden;background:#fff;border-width:0;border-style:solid;z-index:998;border:1px solid #ccc;box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);} .profileSidebar .sidebar-top {padding:30px 40px 30px;z-index:10;position:relative;} .profileSidebar .profileSponsorForm {padding:15px 20px 15px;} .profileSidebar .donationHandlers .radio {display:block;margin:0;} .profileSidebar .donationHandlers:not(.minimal) .radio {width:100%;padding:10px 0;} .profileSidebar .donationHandlers .radio .radio-wrap {-webkit-display:flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;} .profileSidebar .donationHandlers .radio .radio-wrap:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} .profileSidebar .donationHandlers .radio.contains-image:hover .radio-wrap:after, .profileSidebar .donationHandlers .radio.contains-image.selected .radio-wrap:after {opacity:1;} .profileSidebar .donationHandlers.cards .radio .amount-wrap {width:33%;vertical-align:middle;} .profileSidebar .donationHandlers .radio .amount {opacity:1;margin:0;} .profileSidebar .donationHandlers .radio .copy {width:80%;text-align:left;vertical-align:middle} .profileSidebar .donationHandlers .radio.contains-image {margin:0 15px;} .profileSidebar .donationHandlers.cards .radio {padding-left:25px;margin:0;} .profileSidebar .donationHandlers .radio.no-text .radio-image {width:100%;margin:0 15px;position: relative;overflow: hidden;min-height:80px;} .profileSidebar .donationHandlers.cards .radio.contains-image .radio-image {width:33%;position: relative;overflow: hidden;min-height:80px;margin:0;} .profileSidebar .donationHandlers .radio.contains-image .radio-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} .profileSidebar .donationHandlers .radio.contains-image .copy {width:67%;} .profileSidebar .donationHandlers .radio.contains-image .amount-wrap {position: absolute;top: calc(50% - 40px);left: -30px;z-index: 1;} .profileSidebar .donationHandlers.cards .radio.contains-text.contains-image .radio-wrap {border:1px solid #e5e5e5;} .profileSidebar .donationHandlers.cards .radio .copy {padding:10px 0;} .profileSidebar .btn-back {padding:0;display:flex;align-items:center;justify-content:center;height:100%;} .donationHandlers.minimal .radio {border:1px solid #ccc;} .donationHandlers.minimal .radio .arrow-top {position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 12px 8px 12px;top:-8px;left:calc(50% - 12px);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;} .donationHandlers.minimal .radio.selected .arrow-top {opacity:1;} #card_number {background-image:url(https://klauschildscarecenter.com/about_file/images/credit-cards.png) !important;background-repeat:no-repeat;background-position:0 -79px;background-size: auto 459px;padding-left: 66px;} #card_number.visa {background-position:0 -136px;} #card_number.mastercard {background-position:0 -250px;} #card_number.visa_electron {background-position: 0 -194px;} #card_number.amex {background-position:0 -421px;} #card_number.discover {background-position:0 -361px;} #card_number.maestro {background-position:0 -361px;} #Stream .lump-ticker {background:#fff;padding-top:10px;} #Stream #webTicker li p {white-space:normal;max-width:275px;margin:0;} #Stream #webTicker li .amount {font-weight:600;font-size:1.2em;} .profile-streaming .funraisin-header > .container > .vertical-align {height:auto !important;flex-wrap:nowrap;} .profile-streaming .funraisin-header > .container > .vertical-align > div:first-child {width:13%;min-width:150px;} .profile-streaming .funraisin-header > .container > .vertical-align > div:nth-child(2) {width:53.66667%;} .profile-streaming .funraisin-header > .container > .vertical-align > div:nth-child(2) > p {display:none;} .profile-streaming .share-page-icons {position:relative;} .funraisin-toggle-nav {} .funraisin-toggle-nav ul {} .funraisin-toggle-nav ul li {display:inline-block;padding:0;} .funraisin-toggle-nav ul li a,.funraisin-toggle-nav ul li:hover a,.funraisin-toggle-nav ul li.active a {display:inline-block;color:inherit;border:1px solid #ccc;} .sidebar-form-toggler-nav {padding:0;margin:0 auto 20px auto;text-align:center;} .sidebar-form-toggler-nav ul{margin:0 auto;padding:0;list-style-type:none;} .sidebar-form-toggler-nav ul li{padding:0;} .sidebar-form-toggler-nav ul li a {display:block;text-decoration:none;border:1px solid #ddd;padding:7px 5px;border-left-width:0;} .sidebar-form-toggler-nav ul li:first-child a {border-left-width:1px;} .sidebar-form-toggler-nav ul li:first-child a {border-radius:25px 0 0 25px;} .sidebar-form-toggler-nav ul li:last-child a {border-radius:0 25px 25px 0;} .sidebar-form-toggler-nav ul li:only-child a {border-radius:10px;} #progress-fitness {position:relative;width:150px;margin:0 auto;} #progress-fitness p {position: absolute;top: 30%;left: 0;width: 100%;text-align: center;} #progress-fitness .percentage {font-size: 30px;font-weight: 500;} #fitness-activity svg {max-width:100%;} #SSloggedinsidebar {position:fixed;left:0;top:20%;width:50px;background:#333;} #SSloggedinsidebar span {display:block;background:#fff;} #SSloggedinsidebar span img {display:block;width:100%;} #SSloggedinsidebar a {display:block;text-align:center;font-size:26px;padding:10px 0;color:#fff;} /** * Tickets */ #Tickets .ticket-row {padding:20px;border-width:1px;border-left-width:10px;border-right-color: #e5e5e5;border-top-color: #e5e5e5;border-bottom-color: #e5e5e5;} #Tickets .ticket-row .moreinfo {display:none;} #Tickets .ticket-row.notselected {opacity:0.3;} .section-tickets {padding: 30px 0;} .section-tickets .ticket-category {border:2px solid #f2f3f6;} .section-tickets .ticket-selection > h3 {padding:15px;cursor:pointer;} .section-tickets .ticket-selection .ticket-row {border: 1.5px solid #f2f3f6;padding: 15px;margin:10px 0;background:#f2f3f6;} .section-tickets .ticket-selection > .height-10 {display: none;} .section-tickets .ticket-selection .quantityselect {background: transparent;} .section-tickets .ticket-selection .quantityselect .dropdown-toggle {padding: 10px 20px;width: 70px;float:right;} .section-tickets .ticket-preview {padding: 10px 20px 15px;} .section-tickets .ticket-preview > h4 {padding-left: 15px;} .section-tickets .sub-total-container {font-weight: 700;position: relative;padding:0 15px;} .section-tickets .sub-total-container label {font-weight: 700;} .guest-block .expand-guest {cursor:pointer;} .guest-block {border: 1px solid lightgrey;border-radius: 5px;margin: 10px 0 40px;} .guest-block > div {padding:15px 40px;} .guest-block .not_sure {margin-left:20px;} .guest-block .guest {padding:40px;transition:opacity 0.3s, height 0.3s;opacity:1;height:auto;display:block !important;} .guest-block .guest.hidden {opacity:0;height:0;padding:0;overflow:hidden;} .guest-block .toggle-switch input[type="checkbox"] {-webkit-appearance:none;} .summary > .container {background:#fafafa;} .summary .ticket-summary {padding:10px 15px;border-top:1px solid #e5e5e5;} .summary .addpromocode {font-size:0.9em;text-decoration:underline;opacity:0.8;} .summary .promocode .vertical-align {align-items:stretch;} .summary .promocode input {width:66%;margin-right:2%;} .summary .promocode button {width:32%;height:auto;padding:0 20px;} .summary .quantity {display: inline-flex;align-items:center;justify-content:center;border-radius: 5px;font-size: 0.9em;width: 2vw;height: 2vw;min-width:25px;max-width:30px;min-height:25px;max-height:30px;} .summary-insurance {opacity: 0;visibility: hidden;max-height: 0;transition: all .3s cubic-bezier(.22,.24,.18,1);} .summary-insurance.active {opacity:1;visibility:visible;max-height:800px;} .funraisin-form .section .summary-insurance > .container {padding:20px 30px;border-radius:4px;} .summary-insurance > .container > .row {flex-wrap:nowrap;} .summary-insurance .material-icons-outlined {font-size:4em;margin-right:30px;} .summary-insurance .insurance-info {padding-right:80px;} .summary-insurance .insurance-buttons {padding-right:40px;} .summary-insurance .sub-text {font-size:0.6em;padding-top:20px;} .summary-insurance .add-insurance {padding:25px 40px;} .summary-insurance .add-insurance i {margin-right:10px;} .summary-insurance a {text-decoration:underline;} .ticket-summary-insurance { opacity: 0;visibility: hidden;max-height: 0;transition: all .3s cubic-bezier(.22,.24,.18,1);padding:0 !important;overflow:hidden;} .ticket-summary-insurance.active {opacity:1;visibility:visible;max-height:100px;padding:10px 15px !important;} .ticket-summary-insurance i {font-size:18px;font-weight:600;margin-right:2px;} .insurance-dialog .bootstrap-dialog-title {display:flex !important;justify-content:center;font-size: 1.3em !important;font-weight: 600;} .insurance-dialog .bootstrap-dialog-title i {margin-right:5px;} .insurance-dialog .bootstrap-dialog-close-button {display:none;} .insurance-dialog .modal-body {padding:40px 60px 0;} .insurance-dialog .modal-dialog {width:800px;} .insurance-dialog .modal-body a {text-decoration:underline;} .insurance-dialog ul {padding-left:0;margin-top:10px;} .insurance-dialog ul li {margin:10px 0;list-style:none;display:flex;} .insurance-dialog ul li:before {content: 'done';font-family: 'Material Icons Outlined';font-size:1.5em;margin-right:10px;} .insurance-dialog .bootstrap-dialog-footer-buttons {padding:0 40px;display:flex;} .insurance-dialog .bootstrap-dialog-footer-buttons button {width:50%;} .insurance-dialog .modal-footer {border-top:0;padding-bottom:40px;} /** * Events templates_events.php */ #Webinar-Article .date{margin:0 0 1.5em;display:block;font-size:.9em} #Webinar-Article .date a{color:#4382d3} #Webinar-Article .news_image{float:none;} #Webinar-Article .news_image img{max-width:100%;display:block} #Webinar-Article .news_body{margin:0 0 4em} #Webinar-Article .news_body p{line-height:1.8em} /** * Registration */ /** * Progress Bars */ .progress {height:5px;position:relative;overflow:hidden;border-radius:25px;} .progress-bar {border-radius:25px 0 0 25px;max-width:100%;} .progress .fa-heart {position:absolute;top:-14px;font-size:12px;} .event-progress-bar {border-radius:10px;} /** * Events Dashboard */ #Events .event-panel {cursor:pointer;-webkit-transition:all 0.2s;transition:0.2s;} #Events .event-panel:hover {-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} #Events .event-thumb {position: relative;width: 100%;height: 200px;overflow: hidden;display: inline-block;} #Events .event-thumb img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;} #Events .event-thumb img.portrait {width:100%;height:auto;} /* Main Forms */ .funraisin-form .section {margin:0 0 20px 0;} .funraisin-form .section .container {border-style:solid;border-width:0px;} .funraisin-form em.invalid {color:red;} .funraisin-form input.invalid {border:2px solid red;} .funraisin-form .error-absolute {position:relative;} .funraisin-form .error-absolute em.invalid {position:absolute;top:5px;right:-30px;} /* FAQs templates_faqs.php */ /*.lump-faq {border-bottom:1px solid #e5e5e5;padding:0 0 20px;}*/ .lump[data-type="faq"] {border-bottom: 1px solid #e5e5e5;} .section-question {display: block;font-weight: bold;padding: 10px 0;cursor: pointer;-webkit-transition: 0.5s all ease-out;transition: 0.5s all ease-out;} .section-question.active, #FAQ .section-question:hover {color: #2e90ff;} .section-answer {display: none;padding: 10px 0;} .section-question .button {width: 30px;height: 30px;background: transparent;position: relative;cursor: pointer;color: #000;border: 2px solid #000;float: right; -webkit-transition: 0.5s all ease-out;transition: 0.5s all ease-out;text-align: center;} .section-question .button .plus, .section-question .button .minus {width: 26px;height: 26px;display: block;position: absolute;top: 0;left: 0;line-height: 26px;text-align: center;-webkit-transition: 0.5s transform ease-out;transition: 0.5s transform ease-out;} .section-question .button .plus {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);} .section-question.active .button .plus {opacity: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);} .section-question .button .minus {opacity: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .section-question.active .button .minus {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);} /* Featured Articles template_listing.php */ .featuredArticle{margin:0 0 3em} .featuredArticle:after{clear:both;content:'';display:table} .featuredArticle .image{float:left;width:50%;height:256px;overflow:hidden} .featuredArticle .image img{display:block} .featuredArticle .text{background:#f6f6f6;float:right;width:50%;height:256px;padding:1.5em;position:relative} .featuredArticle .text h3{margin:0 0 .6em} .featuredArticle .text .title a{font-size:1.5em;color:#0f5694;margin:0 0 .6em;color:#0f5694;text-decoration:none} .featuredArticle .text .featuredBottom{color:#666;position:absolute;bottom:0;left:0;width:100%;padding:1em 1.5em} .featuredArticle .text .featuredBottom:after{clear:both;content:'';display:table} .featuredArticle .text .featuredBottom .featuredTopic{width:20%;float:right;text-align:right} .featuredArticle .text .featuredBottom .date{width:80%;float:left;padding:.8em 0 0} /* Cause Page */ .causeSideBar {margin:-300px 0 0 0;padding:0;overflow:hidden;z-index:101;} .causeSideBar .form-horizontal .form-group {margin-left:0;margin-right:0;} .causeHandlers {display:inline-block;} .causeHandlers .radio {border-width:2px;} .causeHandlers .radio:first-child {border-radius:15px 0 0 15px;} .causeHandlers .radio:nth-last-child(2) {border-radius:0 15px 15px 0;} .causeHandlers .radio:not(:nth-last-child(2)) {border-right:none;} .causeHandlers .radio {padding: 20px 7px;float: left;font-size: 19px;} /* Raffle Page */ .raffleSideBar {margin:-115px 0 0 0 !important;padding:0;overflow:hidden;z-index:101;} .raffleSideBar {padding:0;overflow:hidden;background:#fff;border-width:0;border-style:solid;z-index:998;} .raffleSideBar .sidebar-top {padding:30px 40px 40px;z-index:10;position:relative;} .raffleSideBar .profileSponsorForm {padding:35px 20px 15px;} .raffleSideBar .donationHandlers .handleHorizontal .radio {display:block;width:100%;margin:0;padding:10px 0;} .raffleSideBar .donationHandlers .handleHorizontal .radio .radio-wrap {display:table;width:100%;} .raffleSideBar .donationHandlers .handleHorizontal .radio .amount-wrap {display:table-cell;width:100%;vertical-align:middle;} .raffleSideBar .donationHandlers .handleHorizontal .radio .amount {opacity:1;margin:0 auto;} .raffleSideBar .donationHandlers .handleHorizontal .radio .copy {display:table-cell;width:75%;text-align:left;vertical-align:middle} /* Blog Listings blog.php */ #Listing-Blog {} #Listing-Blog .featured{margin:0 0 3em} #Listing-Blog .featured:after{clear:both;content:'';display:table} #Listing-Blog .featured .image{float:left;width:50%;height:256px;overflow:hidden} #Listing-Blog .featured .image img{display:block} #Listing-Blog .featured .text{background:#f6f6f6;float:right;width:50%;height:256px;padding:1.5em;position:relative} #Listing-Blog .featured .text h3{margin:0 0 .6em} #Listing-Blog .featured .text .title a{font-size:1.5em;color:#0f5694;margin:0 0 .6em;color:#0f5694;text-decoration:none} #Listing-Blog .featured .text .featuredBottom{color:#666;position:absolute;bottom:0;left:0;width:100%;padding:1em 1.5em} #Listing-Blog .featured .text .featuredBottom:after{clear:both;content:'';display:table} #Listing-Blog .featured .text .featuredBottom .featuredTopic{width:20%;float:right;text-align:right} #Listing-Blog .featured .text .featuredBottom .date{width:80%;float:left;padding:.8em 0 0} .panelList ul {list-style:none;} /* Grid View */ /* Rows View */ .blogItems h1{margin:0 0 1em} .blogItems .blogItem {margin:15px 0;padding:0;border:1px solid #e5e5e5;} .blogItems .blogItem.inactive{display:none} .blogItems .blogItem img{width:100%} .blogItems .blogItem .blogIntro{padding:1em;position:relative;} .blogItems .blogItem .blogIntro a{color:#0f5694;text-decoration:none} .blogItems .blogItem .blogIntro h3{font-weight:400;font-size:1.3em;line-height:1.4em;margin:0;} .blogItems .blogItem .blogIntro p{font-size:.9em;margin:.5em 0} .blogItems .blogItem .blogBottom .blogTopic{width:20%;float:right;text-align:right} .blogItems .blogItem .blogBottom .date{width:80%;float:left;padding:.8em 0 0} .blogItems .blogItem:hover {transform: scale(1.03,1.03);box-shadow: 0px 14px 20px 0 rgba(0, 0, 0, .19);z-index: 2;} /** * User Admin */ #GalleryImage,#UserImage {width:auto;margin:0 auto;} #UserImage .preview,#GalleryImage .preview {position:relative;} #UserImage .preview .outline,#GalleryImage .preview .outline {height: 100%;width: 100%;background: transparent;position: absolute;left: 0;top: 0;border: 2px dotted #fff;} #UserImage .cropit-preview {margin:0 auto;} input.cropit-image-input {visibility: hidden;} .cropit img {max-width:none !important;} /* Blog Post blog_content.php */ #Blog-Post {} #Blog-Post .blog-sidebar {} #Blog-Post .blog-main {} #Blog-Post .singleBlogItem .socialShare{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:1.5em 0} #Blog-Post .singleBlogItem h1{font-size:2em;margin:0 0 .6em} #Blog-Post .singleBlogItem .date{margin:0 0 1.5em;display:block;font-size:.9em} #Blog-Post .singleBlogItem .date a{color:#4382d3} #Blog-Post .singleBlogItem .blog_image img{width:100%} #Blog-Post .singleBlogItem .blog_text{margin:0 0 4em} #Blog-Post .singleBlogItem .blog_text p{line-height:1.8em} #Blog-Post .comments {width:100%; text-align:left;} #Blog-Post .comments h5 {font-family:"proxima-nova-soft","Helvetica Neue",Helvetica,sans-serif; font-size:18px; font-weight:500; color:#000000; margin:0 0 16px 0; display:inline-block; width:100%;} #Blog-Post .comments a {font-family:"proxima-nova-soft","Helvetica Neue",Helvetica,sans-serif; font-size:18px; font-weight:500; color:#f2948d; margin:0 0 30px 0; display:inline-block; width:100%;} #Blog-Post .comments .comment {width:100%; padding:20px 0; border-top:1px solid #ebebeb;} #Blog-Post .comments .comment img {display:block; width:10%; float:left;} #Blog-Post .comments .comment span.name {display:block; width:88%; float:left;color:#555555; font-weight:bold; font-size:16px; margin:0 0 0 2%; padding:10px 0;} #Blog-Post .comments .comment span.name .date {color:#ccc;} #Blog-Post .comments .comment span.text {display:block; width:88%; float:left;font-size:16px;margin:0 0 0 2%;} #Blog-Post #form-comment h3 {padding:0 0 20px 0;display:block;font-size:20px;} #Blog-Post #form-comment div.row {padding:8px 0;clear:both;font-family:"effra","Helvetica Neue",Helvetica,sans-serif;} #Blog-Post #form-comment div.row label {display:block;float:left;width:160px;font-size:14px;} #Blog-Post #form-comment div.row label .fa {color:red;} #Blog-Post #form-comment div.row input,#form-comment div.row textarea {width:240px;font-family:"Helvetica Neue",Helvetica,sans-serif;border:none;background:#e5e5e5;padding:12px;text-align:left;} #Blog-Post #form-comment sbutton {margin-left:160px;width:240px;border:none;padding:15px 0;cursor:pointer;} /* Dollar Handles (non profile based) */ .donationHandlers {text-align:center;} .donationHandlers .radio {display:inline-block;vertical-align:top;padding:20px;} .donationHandlers .radio .amount {display:block;width:80px;margin:10px auto;border-radius:50%;height:80px;line-height:80px;font-size:18px;font-weight:bold;opacity:0.8;} .donationHandlers .radio a {text-decoration:none;color:inherit;cursor:pointer;} .donationHandlers .radio a:hover .amount {opacity:1;} /* Matched Giving */ .cause-sidebar-top {padding:20px 50px;} .causeSideBar #DonationForm {padding:20px 30px;} .matched-giving {padding:10px 0 20px;} .matched-giving {margin-top:0;} .matched-giving p {margin-bottom:0;} .matched-giving h2 {margin-top:0;} .matchedSidebar .sidebar-top {padding-top:40px;} .matched-giving .multiplier-circle {display: inline-block;border-radius: 50%;min-width: 20px;min-height: 20px;padding: 4px;text-align: center;line-height: 1;box-sizing: content-box;white-space: nowrap;vertical-align:middle;} .matched-giving .multiplier-circle .multiplier {display: inline-block;vertical-align: middle;} .sidebar-curve {height:40px;position:relative;overflow:hidden;margin-top:-20px;} .sidebar-curve .curve-container:before {border-radius: 0;position: absolute;background: inherit;right: -200px;left: -200px;top: -200px;content: '';bottom: 0;} .cause-sidebar-countdown {padding:30px 50px;} .matched-multiplier {font-weight:600;} .matched-amount {font-weight:600;font-size:1.5em;} .matched-giving-icon {padding:5px 15px;position:absolute;top:0;left:0;border-bottom-right-radius:5px;text-transform:uppercase;background:#000;color:#fff;font-size:0.8em;font-weight:600;} .matched-sidebar-top:after {content: '';display: block;position: absolute;left: calc(50% - 5px);bottom: 0;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;} .sidebar-countdown-header p span {font-size:0.8em;font-weight:600;text-transform:uppercase;} /* Entry forms */ #terms-panel {border:1px solid #ccc;padding:20px;margin:20px 0;height:300px;} .entry-steps #amountdetails .donationHandlers.minimal {max-width:450px;margin:0 auto;} .entry-steps #amountdetails .donationHandlers.minimal .radio {padding:0;} /* Generic Lightbox */ .popup {background:#fff;padding:50px;max-width:850px;margin:0 auto;} .popup .left {width:49%;float:left;text-align:right;} .popup .right {width:49%;float:right;text-align:left;} .popup .image {width:400px;float:right;margin:0 10px 0 0;background:#ccc;padding:6px;} .popup .image img {width:400px;display:block;} .popup .right h2 {font-family:'Open Sans';-webkit-font-smoothing:antialiased;font-size:18px;} .popup .popupinner {max-width:450px;} .popup .BtClose {text-transform:uppercase;float:right;display:block;color:#000;text-decoration:underline;font-size:18px;z-index:999;} /** * LoginForm * file: filename.php; */ .funraisin-login-background {position:absolute;top:0;left:0;width:100%;height:100%;} #login{background:#fff;width:900px;max-width:100%;margin:0 auto;position:relative;text-align:center;z-index:2} #login .formWrapper{padding:3em 4.5em;position:relative} #login .formWrapper:after,#login .formWrapper:before{content:'';width:100%;height:5px;position:absolute;left:0} #login .formWrapper:after{bottom:0} #login .formWrapper:before{top:0} #login .BtClosePopup {position:absolute;top:10px;right:30px;width:30px;height:30px;border-radius:50%;text-decoration:none;text-align:center;line-height:30px;font-size:50px;} #login .forgotpassword{text-align:right;padding:1em 0 0;font-size:.9em} #login .buttonWrapper{text-align:center;margin:1em 0 0} #login form .facebook-connect{background:url(https://klauschildscarecenter.com/about_file/images/bt_facebook-connect.png) no-repeat;display:block;text-decoration:none;border:0;width:270px;height:55px;margin:0 auto} #login form .facebook-connect span{display:none} #progress-circle {position:relative;width:200px;margin:0 auto;} #progress-circle p {position: absolute;top: 62px;left: 0;width: 100%;text-align: center;} #progress-circle .percentage {font-size: 46px;font-weight: 500;} /* Lightbox */ #LightboxPanel{background-color:#ccc; z-index:50000000; position:absolute; left:0; top:0; display:none;} #popup{z-index:110000; max-height: calc(100% - 100px);position: absolute;top: 50%;left: 50%;right: auto;bottom: auto;-webkit-transform:translate(-50%,-50%);transform: translate(-50%, -50%);max-width:95%;box-shadow: 0 0 20px rgba(0,0,0,0.3);} #popup .panel {position:relative;margin-bottom:0;} /*#popup .content, #popup #LightboxForm {overflow:auto;}*/ /* Gallery Lightbox */ #popup #CoverImageLightbox {width:700px;margin:0 auto;} #popup #GalleryImage,#popup #UserImage {width:300px;} #popup #BlogImage {width:200px;margin:0 auto;} #spopup #GalleryImage .holder, #spopup #BlogImage .holder, #spopup #CoverImageLightbox .holder {margin-top:-70px;margin-bottom:30px;} /** * Footer */ .funraisin-footer {border-top-style:solid;border-top-width:0;} .funraisin-footer ul {margin:0;padding:0;} .funraisin-footer ul li {list-style:none;} .funraisin-footer-legals .container {border-top-style:solid;border-top-width:0;} .funraisin-footer-legals img {max-width:165px;} /** * Buttons */ .btn {position:relative;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;} .btn.input-group-btn {padding:0 !important;font-size:18px;} /* Misc */ table.Results {} table.Results th {padding:15px;} table.Results td {padding:15px 10px;} .FieldError {color:red !important;} .greentick {display:block;position:absolute;top:50%;left:50%;margin-left:-150px;width:300px;height:230px;background:#fff url('https://klauschildscarecenter.com/funraisin.4.1/images/ico_green-tick.png') no-repeat center center;border-radius:20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;-o-border-radius: 20px;behavior: url(https://klauschildscarecenter.com/css/pie/PIE.htc);display:none;z-index:10000000;} .Sloader{margin:100px auto;font-size:25px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load5 1.1s infinite ease;animation:load5 1.1s infinite ease;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #b8b8b8,1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.5),-1.8em -1.8em 0 0 rgba(184,184,184,0.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.7),1.8em -1.8em 0 0 #b8b8b8,2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.5)}25%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.5),1.8em -1.8em 0 0 rgba(184,184,184,0.7),2.5em 0 0 0 #b8b8b8,1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.5),2.5em 0 0 0 rgba(184,184,184,0.7),1.75em 1.75em 0 0 #b8b8b8,0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}50%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.5),1.75em 1.75em 0 0 rgba(184,184,184,0.7),0 2.5em 0 0 #b8b8b8,-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.5),0 2.5em 0 0 rgba(184,184,184,0.7),-1.8em 1.8em 0 0 #b8b8b8,-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}75%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.5),-1.8em 1.8em 0 0 rgba(184,184,184,0.7),-2.6em 0 0 0 #b8b8b8,-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.5),-2.6em 0 0 0 rgba(184,184,184,0.7),-1.8em -1.8em 0 0 #b8b8b8}}@keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #b8b8b8,1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.5),-1.8em -1.8em 0 0 rgba(184,184,184,0.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.7),1.8em -1.8em 0 0 #b8b8b8,2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.5)}25%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.5),1.8em -1.8em 0 0 rgba(184,184,184,0.7),2.5em 0 0 0 #b8b8b8,1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.5),2.5em 0 0 0 rgba(184,184,184,0.7),1.75em 1.75em 0 0 #b8b8b8,0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}50%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.5),1.75em 1.75em 0 0 rgba(184,184,184,0.7),0 2.5em 0 0 #b8b8b8,-1.8em 1.8em 0 0 rgba(184,184,184,0.2),-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.5),0 2.5em 0 0 rgba(184,184,184,0.7),-1.8em 1.8em 0 0 #b8b8b8,-2.6em 0 0 0 rgba(184,184,184,0.2),-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}75%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.5),-1.8em 1.8em 0 0 rgba(184,184,184,0.7),-2.6em 0 0 0 #b8b8b8,-1.8em -1.8em 0 0 rgba(184,184,184,0.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(184,184,184,0.2),1.8em -1.8em 0 0 rgba(184,184,184,0.2),2.5em 0 0 0 rgba(184,184,184,0.2),1.75em 1.75em 0 0 rgba(184,184,184,0.2),0 2.5em 0 0 rgba(184,184,184,0.2),-1.8em 1.8em 0 0 rgba(184,184,184,0.5),-2.6em 0 0 0 rgba(184,184,184,0.7),-1.8em -1.8em 0 0 #b8b8b8}} .loader {margin:100px auto;background:url('https://4e14afa0f2e33fe0acb7-65ce87aea9ade6f30f5e307f425e6c8a.ssl.cf5.rackcdn.com/processing_animation.gif') no-repeat center center;width:300px;height:300px;} p.error {padding:15px;text-align:center;background:#ffcc00;} p.success {padding:15px;text-align:center;background:#dff0d8;} .UserUploadImage {position:relative;} .UserUploadImage .preview {position:relative;} .UserUploadImage .preview .BtClose {position:absolute;top:0;right:0;font-size: 24px !important;line-height: 24px;padding: 8px 13px 8px !important;border-radius:50%;} #popup .BtClose {position:absolute;top:-20px;right:-20px;font-size: 20px !important;line-height:24px;border-radius:50%;width:40px;height:40px;text-align:center;z-index:999;border:none;padding:7px;} #popup .BtClose:not(.btn-primary) {background:#f2f2f2;color:#000;} #popup .deleteblogimage {position:absolute;top:-20px;right:-20px;font-size: 30px !important;line-height: 24px;padding: 3px 12px 3px !important;border-radius:50%;width:40px;height:40px;text-align:center;} .removeImage {position: absolute;top: 5px;right: 0px;font-size: 24px !important;line-height: 18px;padding: 2px 9px 5px !important;height:30px;width:30px;} .UserUploadImage .holder {left:0;width:100%;text-align:center;} .UserUploadImage img {margin-bottom:15px;} .UserUploadImage-200 {height:200px;width:200px;background:#e5e5e5;position:relative;text-align:center;} .UserUploadImage-200 .holder {padding:80px 0 0 0;} .UserUploadImage-200 img {position:absolute;top:0;left:0;width:200px;height:200px;} .UserUploadImage-300 {height:300px;width:300px;background:#e5e5e5;position:relative;text-align:center;} .UserUploadImage-300 .holder {padding:130px 0 0 0;} .UserUploadImage-300 img {position:absolute;top:0;left:0;width:300px;height:300px;} .container {max-width:100%;} .thumbnail {border:none;margin-bottom:0;padding:0;} hr {border-top:1px solid #ccc;} .jwc_frame {max-width:100%;} .pac-container {z-index:99999999999;} #ProfileBody .fb_dialog {z-index:9999999999 !important;} /** * Tick */ #tick {position: fixed;top: 30%;left: 50%;margin-left: -150px;width: 300px;height: 230px;z-index:10000;pointer-events:none;} .circ{opacity: 0;stroke-dasharray: 130;stroke-dashoffset: 130;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s; transition: all 1s;} .tick{stroke-dasharray: 50;stroke-dashoffset: 50;-webkit-transition: stroke-dashoffset 1s 0.5s ease-out;-moz-transition: stroke-dashoffset 1s 0.5s ease-out; -ms-transition: stroke-dashoffset 1s 0.5s ease-out;-o-transition: stroke-dashoffset 1s 0.5s ease-out;transition: stroke-dashoffset 1s 0.5s ease-out;} .drawn + svg .path{opacity: 1;stroke-dashoffset: 0;} /* Countdown */ .countdown {text-align: center;width: 100%;} .countdown .title {font-size: 26px;font-weight: 500;margin: 0 0 30px;padding: 0;text-align: center;} .countdown .section {display: inline-block;width: 80px;} .countdown.countdown_medium section { width: 60px } .countdown.countdown_small section { width: 40px } .countdown .section.values {max-width: 160px;width: 17%;} .countdown .section div {display: inline-block;font-size: 54px;line-height:54px;padding-bottom: 0;text-align: center;} .countdown.countdown_medium .section div {font-size: 34px;line-height: 34px;} .countdown.countdown_small .section div {font-size: 24px;line-height: 24px;} .countdown .section.zero div {opacity: 0.4;} .countdown .section div.label {display: block;font-size: 14px;line-height: 25px;text-align: center;color:inherit;} .countdown.countdown_small .section div.label { font-size: 10px;line-height:10px; } .countdown .sep {font-size: 24px;position: relative;top: -18px;width: 20px;} .countdown.countdown-matched .section {width: 50px;max-width: 20%;} .countdown.countdown-matched .sep {width:15px;} .countdown.countdown_small .sep { font-size: 10px;width:8px;line-height:10px; } .flip-clock-wrapper.countdown_small .flip-clock-divider {height:60px;} .flip-clock-wrapper.countdown_small .flip-clock-dot.bottom {bottom:10px !important;} .flip-clock-wrapper.countdown_small ul {width:35px !important;} .flip-clock-wrapper.countdown_small ul li a div div.inn {font-size:32px !important;} .flip-clock-divider .flip-clock-label {color:inherit !important;} #letterViewer {display:block;height:20px;} /* * Tooltip.js styles */ #tooltip { position:absolute; z-index:999999999; background: #fff url('https://363c41159b3635866660-4f4e201590e6985bd2aa390850bf151b.ssl.cf5.rackcdn.com/tooltip-heart.png') no-repeat 10px center; color:#333; padding:8px 8px 8px 30px; font-size:85%; } #tooltip.alt-tooltip { background:#fff; } /* Dialogue modal */ .modal {text-align: center;padding: 0!important;} .modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px; /* Adjusts for spacing */} .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;} /* Loqate address lookup */ .loqate-container{background-color:#fff;position:absolute!important;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;z-index:99999999999} .loqate-item{cursor:pointer;padding:0 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;border-top:1px solid #e6e6e6;font-size:11px;color:#999} .loqate-item:hover{background-color:#fafafa}.loqate-icon-marker{background-position:-1px -160px} .loqate-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url('https://dvtuw1sdeyetv.cloudfront.net/autocomplete-icons.png');background-size:34px} .loqate-item-query{padding-right:3px;color:#000} .loqate-container .loqate-item-template{display:none} .loqate-valid{position:absolute;top:8px;right:25px;width:1rem;height:1rem;background:0 0;color:green} /*Shop Nav */ .funraisin-dropdown-nav ul.funraisin-dropdown-menu.CartDropdownOptions {width:400px;box-shadow:none;background:transparent;overflow:visible;right:0;transition:all .2s cubic-bezier(.22,.24,.18,1), box-shadow 0s;opacity:0;padding:0;max-height:none;visibility:hidden;} .funraisin-dropdown-nav.CartDropdown:hover .CartDropdownOptions,.funraisin-dropdown-nav.CartDropdown.active .CartDropdownOptions {opacity:1;visibility:visible;} .CartDropdown hr {border-color: #e5e5e5;margin:15px -30px 10px;} .CartDropdown #ShopNav {margin-bottom:0;opacity:0;transition:all .5s cubic-bezier(.22,.24,.18,1);background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.3);} .CartDropdown #ShopNav.active,.funraisin-dropdown-nav.CartDropdown.active .CartDropdownOptions #ShopNav {opacity:1;} .CartDropdown #ShopNav h4,.CartDropdown #ShopNav p {margin:0;} .CartDropdown .shop-items {overflow-y: auto;max-height: 300px;overflow-x: hidden;padding:20px 30px 0;} .CartDropdown .shop-items h4 {margin:0;} .CartDropdown .shop-options {padding:0 30px 10px;} .CartDropdown .shop-options a {display:block;} .CartDropdownOptions h4 {white-space: initial;} .CartDropdown #ShopNav .btn-checkout {padding:10px 0 0;} .CartDropdownOptions a {transition:all .2s cubic-bezier(.22,.24,.18,1);} .funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .CartDropdownOptions .BtnClose {background: #f2f2f2;color: #000;padding: 5px;border-radius: 50%;width: 40px;height: 40px;font-size:20px;display:block;text-align:center;line-height: 30px;transition:all .2s cubic-bezier(.22,.24,.18,1)} .CartDropdown .product_option {margin:0;} .funraisin-dropdown-nav .funraisin-dropdown-menu.CartDropdownOptions #ShopNav:before {content:'';position:absolute;top:-5px;right:20px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #fff;display:block;} .shop-toaster {background:#fff;color:#000;box-shadow:0 0 5px rgba(0,0,0,0.3);} .CartDropdown .num_cart_items {border-radius: 50%;color: white;padding: 7px;display: inline-flex;align-items: center;justify-content: center;line-height: 100%;position: absolute;top: 0;font-size: 0.8em;} .CartDropdown .num_cart_items span {overflow: visible;height: 0;margin-top: -1em;line-height:100%;} .CartDropdown .num_cart_items:after {content: '';display: block;height: 0;width: 100%;padding-bottom: 100%;} /* Top login nav */ .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions {background:#fff;padding:15px 0;overflow:visible;right:0;top:calc(100% + 0px);width:250px;transition:all .2s cubic-bezier(.22,.24,.18,1), box-shadow 0s;opacity:0;visibility:hidden;} .funraisin-dropdown-nav .funraisin-dropdown-menu.LoginAccessible {right:0;top:calc(100% + 0px);width:250px;z-index:1000;} .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions .panel-group {margin-bottom:0;} .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions:before {content:'';position:absolute;top:-5px;right:20px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #fff;display:block;} .funraisin-dropdown-nav:hover .funraisin-dropdown-menu.LoggedInNavOptions {opacity:1;visibility:visible;} .LoggedInNavOptions > .panel-group > li {padding:0 10px;} .LoggedInNavOptions .fa {margin-right:5px;width:20px;} .LoggedInNavOptions ul {padding-left:25px;} .LoggedInNavOptions a {transition:all .2s cubic-bezier(.22,.24,.18,1);} .funraisin-desktop-nav > div .funraisin-dropdown-nav .LoggedInNavOptions .userMenu a {color:#708090;padding-left:20px;font-size:0.9em;} .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions .panel {margin: 0;border-radius: 0;border: 0;border-bottom: 1px solid rgba(229, 229, 229, 0.25);} .funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu.LoggedInNavOptions a {background:#fff;color:#708090;} /* Updates Toggle */ .updates-group .dropdown-menu {padding:20px 30px;background: #fff;box-shadow: none;animation-duration: 0.3s;box-shadow:0 0 20px rgba(0,0,0,0.3);border:none;top: calc(100% + 10px); -webkit-animation-duration: 0.3s;animation-fill-mode: both;-webkit-animation-fill-mode: both;-webkit-animation-name: slideIn; animation-name: slideIn;z-index:10001;font-size:inherit;left:-10%;width:120%;font-size:inherit;} .updates-group ul.dropdown-menu.btn-block:before {content: '';display: block;border-left: 10px solid transparent;border-bottom: 10px solid #fff;border-right: 10px solid transparent;position: absolute;top: -5px;left: calc(50% - 10px);} .updates-group .dropdown-menu a span span {transition:all .2s cubic-bezier(.22,.24,.18,1);} .updates-group .dropdown-menu li a:hover {background:#fff;color:rgb(32, 107, 251);} .updates-group i {margin-right:5px;transition:all .2s cubic-bezier(.22,.24,.18,1);} .updates-group a:not(:hover) i {color:#a9a9a9;} /* Popup Lightbox */ .popup-form .container {padding:20px 40px;} #popup .popup-form #BlogImage {width:100%;} .popup-form .row.bt-light-grey {padding-top:10px;} .popup-form .btn {width:100%;margin-top:10px;} .popup-form .preview.bordered {border:4px dashed #ccc;background:#fafafa;text-align:center;} .popup-form .cropit-preview {margin:0 auto;display:flex;align-items:center;justify-content:center;} .popup-form .cropit-preview > i {font-size:4em;color:#ccc;} .popup-form .btn-upload-image {width:100%;} .popup-form hr {border-color: #e5e5e5;margin:5px -40px 10px;} .popup-form .btn-upload-image.image-uploaded {position:relative;width:100%;left:0;} .popup-form h2 {justify-content:space-between;align-items:flex-end;padding:0 15px 5px;} #popup .popup-form .BtClose {position: absolute;top: 5px;right: 20px;font-size: 40px !important;width: auto;height: auto;line-height: 100%;background:transparent;} .entries-block .entry {padding:20px 30px;} .entries-block .entry:not(:nth-child(2)) {border-top:1px solid #ccc;} .entries-block .entry .circle {width:50px;} .entries-block .expand-header {padding:20px 30px;} .entries-block .expand-entry {opacity:0;transition:all .2s cubic-bezier(.22,.24,.18,1);visibility:hidden;} .entries-block .expand-entry.visible {opacity:1;visibility:visible;} .entries-block .remove-entry {color:#a9a9a9;} /*Target Handlers */ .targetHandlers { margin: 0; } .targetHandlers .radio-panel { padding: 10px; flex-grow: 1; max-width: 300px; } .targetHandlers .radio-content { padding: 20px; } .targetHandlers .radio { border: 2px solid #e5e5e5; text-align: center; padding: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 4px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; } .targetHandlers .radio.no-image { align-items: center; } .targetHandlers .radio .radio-text { padding: 15px 0 10px; } /*.targetHandlers .radio .radio-border {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}*/ .targetHandlers .radio .radio-image img { height: 160px; width: 100%; object-fit: cover; } .funraisin-form .target-section > .container { padding: 30px 30px !important; } .targetHandlers .is-ownline { width: 100%; } .targetHandlers .is-ownline .radio { border: none; cursor: none; } .targetHandlers .is-ownline .radio .input-group { max-width: 200px; margin: 0 auto; } .targetHandlers .radio-amount-text, .targetHandlers .radio-copy { margin: 0; } .targetHandlers .radio .radio:after { content: ""; border-radius: 5px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3); } .targetHandlers .radio .radio.hover:after, .targetHandlers .radio .radio.selected:after { opacity: 1; } .targetHandlers .radio .radio.hover:after, .targetHandlers .radio .radio.selected:after { opacity: 1; } .targetHandlers .radio-panel:not(.is-ownline) .radio.notselected, .targetHandlers .radio-panel:not(.is-ownline) .radio.nothover { opacity: 0.5; } .targetHandlers .radio.hover, .targetHandlers .radio.selected { transform: none; opacity: 1; } .targetHandlers .radio-panel:not(.is-ownline) .radio-border { width: 100%; } /** * Lump Donation */ .lump-donationform.form-slick .donation-steps .section:not(:first-child), .lump-donationform.form-slick .entry-steps .section:not(:first-child) {display: block;} .lump-donationform .input-group > * {/*border: 2px solid #e5e5e5;*/} .lump-donationform .input-group > *:first-child {border-right: none;} .lump-donationform .input-group > .bl-none {border-left: none;} .lump-donationform .input-group > .input-group-addon { -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;} .lump-donationform . .lump-donationform .donation_frequency_toggle {padding: 0 15px 20px;display: flex;} .lump-donationform {border-radius: 5px; overflow: hidden;} .lump-donationform .copy-text {padding: 0;} .lump-donationform label {margin-top: 0;margin-bottom: 0;padding: 5px 15px 10px;} .lump-donationform #amountdonating {font-weight: 600;font-size: 1.3em;} .lump-donationform #GenericPhoto {margin-left: -10px;} .lump-donationform .donation-steps .btn-back {margin-top: 0;border: 2px solid #e5e5e5;color: #ccc;} .lump-donationform .donation-steps .btn-back span {margin: 0;font-size: 1.25em;margin-top: -0.25em;line-height: 1.25em;} .lump-donationform .addressdetails > .row,.lump-donationform .sponsor-comments > .row,.lump-donationform .inmemory > .row {margin: 0 -15px;width: calc(100% + 30px)} .lump-donationform .other-amount > .col-12 {padding: 0 15px;} .lump-donationform .toggle-switch .toggle-btn {height: auto;} .lump-donationform .toggle-switch .toggle-btn:not(.bg-primary) {background: #fff;color: #000;} .lump-donationform .toggle-switch .toggle-btn:first-child {border-radius: 4px 0 0 4px;} .lump-donationform .toggle-switch .toggle-btn:last-child {border-radius: 0 4px 4px 0;} .lump-donationform .slick-track {overflow: hidden;} .lump-donationform .lump-form > .row > .col-md-12 {padding: 0;} .donation-steps .buttons-block {padding: 0 15px !important;flex-wrap: nowrap;} .donation-steps .buttons-block .btn-action-block {width: 100%;} .donation-steps .buttons-block .btn-back-block {padding-right: 20px;} .donation-steps .buttons-block .btn-back {margin-top: 0;border: 2px solid #e5e5e5;color: #ccc;} .donation-steps .buttons-block .btn-back span {margin: 0;font-size: 1.25em;margin-top: -0.25em;line-height: 1.25em;} .lump-donationform .loqate-container {max-height: 150px;overflow: scroll;} .lump-donationform .donation_frequency_toggle label {margin: 10px 0;} .lump-donationform .donation_frequency_toggle label:first-child{border-radius: 4px 0 0 4px;} .lump-donationform .donation_frequency_toggle label:last-child{border-radius: 0 4px 4px 0;} .lump-donationform .lump-donation-title {padding: 0 45px;margin-bottom: 0;} .lump-donationform section .container {width: 570px;padding: 0 15px !important;} .lump-donationform .donation-steps {padding: 20px 15px 40px;border-radius: 0 0 5px 5px;overflow: visible;} .lump-donationform .donation-form-top {display: flex;flex-wrap: wrap;border-radius: 5px 5px 0 0;} .lump-donationform .donation-form-top > * {width: 100%;} .lump-donationform .donation-form-top-content .lump-donation-title {padding-top: 20px;} .lump-donationform .cropit-preview {display: flex;align-items: center;max-width: 100%;width: 100% !important;} .lump-donationform .steps-nav {padding: 10px 0 0;max-width: 510px;margin: 0 auto;} .lump-donationform .steps-nav.steps-numbers {padding: 10px 0 11px;border-bottom: 1px solid #e5e5e5;} .lump-donationform .steps-nav.steps-text ul li {font-size: inherit;} .lump-donationform .steps-nav ul {margin-top: 0;margin-bottom: 0;} .lump-donationform .steps-nav ul li {padding-bottom: 10px;font-size: 1.25em;line-height: 100%;} .lump-donationform .steps-nav ul li:not(.color-primary) {color: inherit;} .lump-donationform .steps-nav.steps-numbers ul {border-bottom: none;} .lump-donationform .steps-nav.steps-numbers li {border-radius: 25px;padding: 0;width: 30px;height: 30px;line-height: 30px;font-weight: 600;font-size: 1em;} .lump-donationform .steps-nav.steps-text {padding-top: 10px;} .lump-donationform .steps-nav .material-icons {font-size: inherit;display: block;} .lump-donationform .steps-nav.steps-hidden {display: none;} .lump-donationform .lump-progress {padding: 20px 25px 0;} .lump-donationform .lump-progress >* {padding: 0;} .lump-donationform #amountdetails .donationHandlers {padding: 10px 15px;} .lump-donationform #amountdetails .donationHandlers .radio-content {width: 100%;display: flex;flex-wrap: wrap;align-content: center;} .lump-donationform #amountdetails .donationHandlers .radio {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;width:100%;border-radius: 4px;overflow: hidden;border: none;} .lump-donationform #amountdetails .donationHandlers .radio:not(.bg-primary) {background: #fff;color: #000;} .lump-donationform #amountdetails .donationHandlers .radio-border {border:2px solid #e5e5e5;overflow:hidden;perspective:1px;width:100%;height:100%;border-radius: 4px;} .lump-donationform #amountdetails .donationHandlers .radio .radio-image {position:relative;} .lump-donationform #amountdetails .donationHandlers .radio .radio-amount {font-weight: 600;display:flex;align-items: center;padding: 0 15px;width:100px;height:100px;font-size: 1.3em;} .lump-donationform #amountdetails .donationHandlers .radio.no-image .radio-amount {width: 100%;border-radius: 0;position: relative;} .lump-donationform #amountdetails .donationHandlers .radio .radio-text {display:block;padding:10px 20px;color:#000;} .lump-donationform #amountdetails .donationHandlers .radio .radio-copy {display:block;width:100%;} .lump-donationform #amountdetails .donationHandlers .radio .radio-amount.has-image {background: none;color: inherit;padding: 20px 0 0;width: auto;height: auto;display: block;text-align: center;border-radius: 0} /*.lump-donationform #amountdetails .donationHandlers .radio.selected .radio-text,.lump-donationform #amountdetails .donationHandlers .radio:hover .radio-text {padding: 10px 18px;}*/ .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers > .row {flex-wrap: wrap;align-items: flex-start;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers > .row .radio-panel {padding: 0 10px;min-width: 250px;max-width: 300px;width: 25%;margin: 0;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers > .row .radio-panel .radio-amount.no-image {justify-content: center;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio {margin-bottom: 20px;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio .radio-image {height: 150px;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio .radio-image img {object-fit: cover;height: 100%;width: 100%;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio .arrow-top {display: none;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.hover:after, .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.selected:after {opacity:1;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.hover:after, .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.selected:after {opacity:1;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.hover, .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.selected {transform: none;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.has-image.no-text .radio-border {display: flex;flex-direction: column;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.has-image.no-text .radio-border .radio-image {height: 150px;width: 100%;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.has-image.no-text .radio-border .radio-image img {width: 100%;height: 100%;object-fit: cover;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers .radio.has-image.no-text .radio-amount {width: 100%;padding: 20px 0;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers {width: 570px;max-width: 100%;margin: 0 auto;position: relative;padding: 0 30px 10px;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio-panel {width: 100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.has-image .radio-content {width: 75%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.no-text .radio-content {width: 100%} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.has-text .radio-content {align-content: stretch;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.has-image.no-text .radio-content .radio-amount {padding: 0 20px;} .lump-donationform #amountdetails .handles-layout-cardshorizontal .donationHandlers > .row .radio.has-image.has-text .radio-amount {width: 100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio {padding:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;margin:10px 0 10px;border:none;position:relative;width:100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .arrow-top {display: none;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image {margin-left:0;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio-border {border:1px solid #e5e5e5;perspective:1px;width:100%;height:100%;-webkit-display:flexbox;display: -webkit-flex;display: flex;-webkit-align-items:stretch;align-items:stretch;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .radio-image {position:relative;width:25%;padding: 0;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .radio-image img {object-fit:cover;width:100%;min-height:80px;height:100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .radio-amount span {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .radio-text {display:flex;align-items: center;padding:0 20px 20px;text-align:left;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio .radio-copy {display:block;width:100%;transform:translateZ(0);padding: 5px 0 0;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.contains-image .radio-text {width:67%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.hover:after, .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.selected:after {opacity:1;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio:after {content: "";border-radius: 5px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.3);} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.hover:after, #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.selected:after {opacity:1;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image .radio-amount {border-radius: 0;position: relative;width:33%;height:auto;min-height:60px;left:0;top:0;justify-content: center;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.no-text .radio-amount {width:100%;justify-content: center;height: 100%;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.has-image.has-text .radio-amount {padding: 20px 20px 0;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.has-text .radio-text {width: 66%;padding: 10px 20px;} .lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.has-text.selected .radio-text,.lump-donationform #amountdetails .handles-layout-cardsvertical .donationHandlers .radio.no-image.has-text:hover .radio-text {padding: 10px 18px;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers {width: 570px;max-width: 100%;margin: 0 auto;position: relative;padding: 0px 25px 10px;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel {margin: 5px 5px;flex-shrink: unset;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-border {border: none !important;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio {margin-bottom: 0;border-radius: 5px;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers > .row {flex-wrap: wrap;align-items: center;margin: 0;} .lump-donationform #amountdetails .handles-layout-default .input-group > * {border-radius: 0;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-text,.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-image {display: none;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount span {position: relative;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount.no-image {height: auto;} .lump-donationform #amountdetails .handles-layout-default .radio .arrow-top {position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 12px 8px 12px;top:-8px;left:calc(50% - 12px);border-left-color:transparent !important;border-right-color:transparent !important;border-top-color:transparent !important;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;} .lump-donationform #amountdetails .handles-layout-default .radio.selected .arrow-top {opacity:1;} .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio .radio-amount {padding: 0;width: 100%;justify-content: center;padding: 15px 15px;border: 1px solid #ccc;border-radius: 5px;} .lump-donationform #amountdetails .handles-layout-default .copy-text .col-xs-12 img {max-width: 250px;margin: 0 auto;} /*.lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel { width: auto; }*/ .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(1) { width: 100%; } .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(2), .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(2) ~ .radio-panel { width: calc(50% - 10px); } .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(3), .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(3) ~ .radio-panel, .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(6), .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(6) ~ .radio-panel, .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(5), .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(5) ~ .radio-panel { width: calc(33.3333% - 10px); } .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(4), .lump-donationform #amountdetails .handles-layout-default .donationHandlers .radio-panel:first-child:nth-last-child(4) ~ .radio-panel { width: calc(25% - 10px); } .lump-donationform .donorImage {padding: 0 10px;border-radius: 50%;} .lump-donationform .donorImage img {border: 2px solid transparent;margin-bottom: 0;} .lump-donationform .UploadDonorImage img {border: 2px dashed #ccc;border-radius: 50%;width: 100%;} .lump-donationform #GenericPhoto {padding-bottom: 20px;align-items: flex-start;} .lump-donationform .donorImage:focus {outline: none;} .lump-donationform .cropit-image-tools {flex-wrap: wrap;margin-top: 10px;} .lump-donationform .cropit-image-input {height: 0;} .lump-donationform.form-validation-inline .section > .container > .row > *:not([class*="col-xs"]) {margin: 0;} .lump-donationform .checkbox-wrapper {flex-wrap: nowrap;align-items: flex-start;} .lump-donationform .checkbox-wrapper .checkbox-text {padding-left: 5px;font-size: 0.9em;width: calc(100% - 16px);} .lump-donationform .lump-progress-amount {font-size: 1.3em;} .lump-donationform .radio:focus {outline: none;} .lump-donationform .toggle-frequency { padding: 10px 15px !important; border-radius: 25px !important; margin: 0 auto; } .circle-loader:before {content:'';position:absolute;left:0;right:0;width:100%;height:100%;border: 3px solid rgba(0, 0, 0, 0.2);border-left-color: rgb(33, 106, 251);animation: loader-spin 1.2s infinite linear;position: relative;display: inline-block;vertical-align: top;border-radius: 50%;background:#f4f4f4;} @keyframes loader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .load-complete { -webkit-animation: none; animation: none; background-color: rgb(33, 106, 251); transition: all 1000ms ease-out; } #Listing-Blog { position: relative; } .blog-main { order: 1; } .blog-main.has-navigation {margin: 0;} .blog-navigation { position: sticky; top: 80px; width: 400px; padding: 20px 40px; background: #fff; z-index: 2; max-height: calc(100vh - 80px); overflow: auto; order: 2; } .blog-navigation > ul { height: 100%; } .blog-navigation .btn-toggle { display: inline-flex; align-items: center; padding: .25rem 8px; font-weight: 400; color: rgba(0, 0, 0, .65); background-color: transparent; border: 0; width: 100%; } .blog-navigation .btn-toggle:hover, .blog-navigation .btn-toggle:focus { color: rgba(0, 0, 0, .85); border: none; box-shadow: none; } .blog-navigation .btn-toggle.active { color: rgba(0, 0, 0, .85); font-weight: 600; border: none; box-shadow: none; } .blog-navigation .btn-toggle::after { width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform .35s ease; transform-origin: .5em 50%; position: absolute; right: 0; opacity: 0; transform: rotate(90deg); } .blog-navigation .btn-toggle[aria-expanded="true"] { color: rgba(0, 0, 0, .85); } .blog-navigation .btn-toggle[aria-expanded="true"]::after,.blog-navigation .btn-toggle:hover::after { opacity: 1; } .blog-navigation .btn-toggle-nav a { display: inline-flex; padding: .1875rem 8px; margin-top: .5rem; text-decoration: none; color: #212529; position: relative; } .blog-navigation .btn-toggle-nav a:hover:before, .blog-navigation .btn-toggle-nav a:focus:before, .blog-navigation .btn-toggle-nav a.active:before { background-color: #d2f4ea; top: 0; position: absolute; opacity: 0.3; left: 0; width: 100%; border-radius: .25rem!important; height: 100%; content: ''; z-index: -1; } .blog-navigation .btn-toggle:active { box-shadow: none; } .blog-navigation.nav-left {order: 0;} .blog-navigation .blogSection {padding: 10px 0;} .blog-navigation .blogSection > .btn {border: 2px solid #f1f1f1;text-align: left;position: relative;padding: 12px 20px;font-size: 1em;font-weight: 600;} .blog-navigation .blogSection h3 {font-size: 1em;font-weight: 600;} .blog-navigation .blogSection .btn:after {width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform .35s ease; transform-origin: .5em 50%; position: absolute; right: 10px; top: 20px; opacity: 0; transform: rotate(90deg);} .blog-navigation .blogSection .btn:hover:after,.blog-navigation .blogSection .btn.active:after,.blog-navigation .blogSection .btn[aria-expanded="true"]:after {opacity: 1;} .blog-navigation .blogSection ul {padding-top: 10px;padding-left: 20px;} .blog-navigation .blogSection ul li {list-style: none;padding: 5px 0;} .blog-navigation .blogSection ul li a {color: rgba(0, 0, 0, .65);display: flex;align-items: center;} .blog-navigation .blogSection ul li a.active {color: #000;font-weight: 600;} .blog-navigation .blogSection ul li a .material-icons {margin-right: 8px;font-size: 1.25em} .blog-navigation .blogSection .socialShare a {color: inherit;padding: 0 5px;} #BlogNavigation .btn { padding: 0; } #BlogNavigation ul li { padding: 0; } #BlogNavigation .btn:after { top: 5px; } #BlogNavigation .btn .material-icons { margin: 0 8px 0 0; font-size: 1.25em; } #BlogNavigation ul { padding-top: 10px; margin-left: -8px; } #NextSteps .form-group {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5); margin: 0 -15px 15px;} #NextSteps .skip {margin-top: 10px;} #NextSteps .slick-dots li button::before {font-size: 40px;} #NextSteps .step-title {margin-bottom: 30px;} #NextSteps .popup-buttons {padding: 25px 0 40px;} #NextSteps .popup-buttons .skip {margin-top: 15px;display: block;} #NextSteps .next-step > .container {max-width: 500px;margin: 0 auto;} #NextSteps .ui-widget.ui-widget-content {z-index: 9999999;} #NextSteps .step-header {padding-bottom: 30px;} #NextSteps .step-subtitle {padding-top: 10px;} #NextSteps .popup-col {padding: 40px;} #NextSteps input.cropit-image-input {display: none;} #NextSteps .next-steps .slick-dots li button:before {font-size: 32px;width: 16px;} #NextSteps .UserUploadImage img {margin: 0 auto;} #NextSteps .social-container {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 -5px;} #NextSteps .social-container .social-block {padding: 10px 5px;} #NextSteps .fb-fundraiser-box {background: #F2F2F2;padding: 20px 30px 30px;margin: 40px 15px 0;} #NextSteps .fb-fundraiser-title {color: #3C5A98;} #NextSteps #StepTarget #m_target::-webkit-outer-spin-button, #NextSteps #StepTarget #m_target::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } #NextSteps .targetHandlers .radio-panel {width: 100%;} #NextSteps .targetHandlers .radio-border {display: flex;} #NextSteps .targetHandlers .radio-image {width: 35%;} #NextSteps .targetHandlers .radio-content {width: 65%;} #NextSteps .targetHandlers .radio-content.no-image {width: 100%;} #NextSteps .targetHandlers .radio .radio-image img {height: 100%;} #NextSteps .modal-open .modal {z-index: 9999999 !important;} #NextSteps [contenteditable] { -webkit-user-select: text; user-select: text; } #NextSteps .btn-save span {font-size: 1.25em;padding: 8px 0;display: block;} #NextSteps .ui-widget.ui-widget-content { background: #fff; } /*Tickets css */ .tickets-popup {height: auto;max-height: 100%;width:100%;max-width:800px;margin:0 auto;padding-top: 0;} .tickets-popup .popup-header {text-align: center;padding: 10px 0;} .tickets-popup .popup-body {overflow: auto;padding: 0 40px;height: 100%;} .tickets-popup .popup-footer {padding: 20px;box-shadow: 0 -5px 5px rgba(0,0,0,0.05)} #popup.lightbox-fixed {position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: 50px auto;box-shadow: none;transform: none;} .section-tickets .ticket-selection .ticket-row {max-width: 800px;margin: 20px auto;border-radius: 4px;border:1px solid #e5e5e5;} .unacc-tickets-btn {color: inherit;text-decoration: underline;} .ticket-row {max-width: 800px;margin: 20px auto;border-radius: 4px;} .ticket-fields {padding: 30px 30px;opacity: 1;transition: all 0.2s ease-out;height: auto;border:1px solid #e5e5e5;border-top: none;} .ticket-header {border-radius: 4px;transition: all 0.2s ease-out;padding: 20px 30px; display: flex;align-items: center;justify-content: space-between;cursor: pointer;} .ticket-header > a {display: flex;align-items: center;width: calc(100% + 60px);margin: -20px -30px;padding: 20px 30px;color: inherit;} .ticket-header > a:hover {color: inherit;} .tickets-dropdown {top: 100%;max-height: 200px;overflow: auto;width: 100%;left: 0;;} .ticket-row:not(.collapsed-fields) .ticket-header {border-radius: 4px 4px 0 0;} .ticket-header > h4 {width: 100%;} .ticket-fields {padding: 30px 30px;opacity: 1;transition: all 0.2s ease-out;height: auto;} /*.ticket-row.collapsed-fields .ticket-fields {opacity: 0;height: 0;}*/ .ticket-button {padding-top: 10px;padding-bottom: 20px;} .ticket-allocated {border: 1px solid;border-radius: 25px;padding: 8px 20px;margin-left: 10px;font-weight: 600;display: flex;flex-wrap: nowrap;align-items: center;width: 200px;} .ticket-allocated i {margin-right: 8px;} .dashboard-event-details {border: 1px solid #e5e5e5;max-width: 800px;margin: 0 auto;border-radius: 8px;padding: 30px 30px;display: flex;align-items: flex-start;margin: 20px auto 40px;flex-wrap: wrap;} .dashboard-event-details i {margin-right: 5px;} .dashboard-event-details p {margin-top: 0;} .dashboard-event-details h3 {margin-bottom: 20px;} .ticket-details {padding: 10px 25px;display: flex;align-items: center;justify-content: space-between;margin: 10px 0;cursor: pointer;background: #f1f1f1;} .tickets-nav {display: flex;align-items: center;list-style: none;padding: 0;justify-content: space-between;text-align: center;} .tickets-nav li {width: 33.33%;position: relative;} .tickets-nav .nav-number {display: inline-block;border-width: 2px;width: 2em;height: 2em;line-height: 1.8;border-radius: 25px;font-size: 1.25em;} .tickets-nav .nav-number:not(.bg-primary) {background: #fff;} .tickets-nav .nav-number:not(.border-primary) {border: 2px solid rgba(0, 0, 0, 0.2);} .tickets-nav .nav-text {display: block;} .tickets-nav .nav-number:after {background: rgba(0, 0, 0, 0.2);top: 0.7em;content: "";height: 0.5rem;left: 0;position: absolute;transition: all 1.2s ease-in-out;width: 100%;z-index: -1} .dashboard-tickets {max-width: 800px;margin: 0 auto;} .dashboard-tickets .tickets-subnav {padding-bottom:60px;} .dashboard-tickets .tickets-subnav h2 a {padding-right: 10px;border-right: 3px solid rgba(0,0,0,0.3);} .dashboard-tickets .ticket-price {font-weight: 600;} .ticket-header-buttons {text-align: right;} .ticket-header-buttons a {color: inherit;margin-left: 15px;transition: all 0.2s ease-out;} .ticket-header .ticket-header-title img {margin-right: 10px;} .ticket-header .ticket-header-title h4 {font-weight: bold;} .ticket-price-header {justify-content: flex-end;} .funraisin-form .section .summary .tickets-container {padding: 30px 45px;border-bottom: none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .funraisin-form .section .tickets-pay-container {border-top-right-radius: 0;border-top-left-radius: 0;border-top: none;} .funraisin-form .section .summary .tickets-container .ticket-summary {padding: 10px 0;} .ticket-dropdown .dropdown, .ticket-dropdown .dropdown-toggle {background: none;border: none;} .ticket-dropdown .bootstrap-select.btn-group .dropdown-toggle .filter-option {display: none;} .ticket-dropdown .dropdown-toggle::after {font-size: 2em;} .ticket-dropdown .bootstrap-select {background: none;} .ticket-price-header {justify-content: flex-end;} .ticket-dropdown .dropdown, .ticket-dropdown .dropdown-toggle {background: none;border: none;padding: 0;} .ticket-dropdown .bootstrap-select.btn-group .dropdown-toggle .caret {position: static;border-width: 8px;} .ticket-dropdown .filter-option {display: none;} .ticket-dropdown .dropdown-toggle::after {font-size: 2em;} .ticket-dropdown .bootstrap-select .dropdown-menu>.inner:focus {overflow-x: hidden;} .ticket-dropdown .btn-group.open .dropdown-toggle {box-shadow: none;} .dashboard-tickets .guest-block {border: none;} .dashboard-tickets .guest-block .guest {border: 1px solid #f1f1f1;border-top: none;} .dashboard-tickets .ticket-header-title i {margin-right: 5px;} .unallocated-tickets {padding-bottom: 20px;} .tickets-number-circle {display: inline-block;text-align: center;line-height: 30px;font-size: 16px;width: 30px;height: 30px;border-radius: 25px;margin-left: 8px;font-weight: 600;} .dashboard-tickets .section-tickets .ticket-selection.ticket-category .ticket-row {width: calc(100% - 60px);} .tickets-nav li:first-child .nav-number:after { border-radius: 25px 0 0 25px; } .tickets-nav li:last-child .nav-number:after { border-radius: 0 25px 25px 0; } .pricing-period-block { padding: 20px 30px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; margin-top: 20px; } .pricing-period-block .period-text { width: 100%; display: flex; gap: 0 15px; align-items: center; flex-wrap: wrap; } .pricing-period-block .period-text h3 { margin-top:5px; margin-bottom:5px; } .pricing-period-block .period-text p { margin-top: 5px; margin-bottom: 5px; } .pricing-period-block .period-text i { margin-right: 15px; } .pricing-period-block .countdown { display: flex; width: auto; align-items: center; padding: 10px; border-radius: 8px; } .pricing-period-block .countdown .sep { top: 0; } .pricing-period-block .countdown .section { width: auto; padding: 0 5px; } .ticket-row .earlybird-price { font-size: 0.7em; margin-right: 5px; } .funraisin-dashboard-new .btn span {vertical-align: middle;font-size: inherit;} .funraisin-dashboard-new .input-group-addon.btn-primary.btn {border: none;} .funraisin-dashboard-new .input-group .form-control {height: auto;} .funraisin-dashboard-new #share-page-buttons a {flex-grow: 1;} .funraisin-dashboard-new .nav-tabs li {border-radius: 5px 5px 0 0;margin-bottom: 0;opacity: 1;border: none;} .funraisin-dashboard-new .tab-pane.active {background: #fff;border: none;padding: 30px 25px;border-radius: 0 0 8px 8px;} .funraisin-dashboard-new .nav-tabs li a {text-decoration: none;padding: 10px 20px;} .funraisin-dashboard-new .nav-tabs li a span {vertical-align: middle;font-size: inherit;} .funraisin-dashboard-new .funraisin-form .section.section-grey .container {padding: 50px 80px;} .funraisin-form .section.section-grey .container {background: #F9FAFC;border: none;} .funraisin-dashboard-new .input-group {display: flex;flex-wrap: nowrap;} .funraisin-dashboard-new .input-group .input-group-addon {width: auto;} .dashboard-tab-content .email-row {padding: 10px 0;} .dashboard-tab-content .email-row .unread {opacity: 0.15;} .dashboard-tab-content .form-group {margin-left: 0;margin-right: 0;} .dashboard-tab-content .email-header-row {background: #F8FAFD;padding: 10px 0;margin-top: 5px;} .dashboard-tab-content .email-header-row label {margin-bottom: 0;} .contact-row {padding: 10px 0;border-bottom: 1px solid #E7EAF3;} .contact-row-header {border-bottom: 1px solid #E7EAF3;} .contact-row .donor-name {font-size:0.9em;color:#9a9a9a;display:block;} .contact-row .donor-name.donor-email-masked {font-size: 1em;color:#000000;} .contact-row .donor-email {font-weight:600;} @media only screen and (min-width: 768px) { .blog-main {width: calc(100% - 400px);} } /** * Responsiveness */ @media only screen and (max-width:1024px) { .funraisin-desktop-nav {display:none;} .funraisin-mobile-nav {display:block;padding:0;} .funraisin-mobile-nav .funraisin-header-nav {padding:10px 0;height:120px;} .funraisin-page-left .inner, .funraisin-page-left .inner .funraisin-primary-nav {height:100%;} /*.funraisin-header {padding-top:65px;}*/ #Blog-Profile .blog {word-break:break-word;} .funraisin-page-left, .funraisin-page-right {display:block;} .event-header .divider-75 {display:none;} .funraisin-header-wrapper {padding-top:120px;} .lump-shop .product-vertical .product-button {opacity: 1;} } @media only screen and (min-width : 768px) and (max-width : 990px) { .profileSidebar, .causeSideBar {margin-top:-100px !important;} } @media only screen and (max-width:768px) { .profileSidebar {margin-top:0 !important;} .footer-links > div { width: 20%; float: left; } .auto-clear > .col-xs-6:nth-child(odd){clear:left;} .responsive-padding {padding:0 15px;} body .funraisin-form .section .container {padding:15px;} } /* Trust Badge */ .del_trust_badge {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;border-radius: 15px;text-decoration: none;text-align: center;color: #fff;line-height: 1;cursor: pointer;background: #000;border: 0;}.trust_badge {display: flex;width: 100%;position: relative;flex-wrap: wrap;margin-bottom: 11px;align-items: center;justify-content: center;max-width: 340px !important;margin: 30px auto 20px;}.trust_badge_copy {display: inline-block;text-align: left;margin-bottom: 5px;margin-top: 5px;}.trust_badge_copy, .trust_badge_copy * {font-family: "Inter", sans-serif;font-size: 14px;line-height: 15px;display: inline;}.trust_badge_copy img {top: -2px;position: relative;margin-right: 2px;}.trust_badge_button {display: block;width: auto;height: auto;max-width: 64px;max-height: 64px;margin: 5px auto;}.trust_badge_copy p {display: inline;}.trust_badge_info {font-size: 20px;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 6px 0 4px;flex: 1;top: -1px;position: relative;cursor: default;}.trust_badge_layout_1 .trust_badge_button {order: 1;display: block;}.trust_badge_layout_1 .trust_badge_copy {order: 2;display: block;flex: 0 0 100%;text-align: center;}.trust_badge_layout_2 .trust_badge_button {order: 2;display: block;}.trust_badge_layout_2 .trust_badge_copy {order: 1;display: block;flex: 0 0 100%;text-align: center;}.trust_badge_layout_3 .trust_badge_copy {order: 2;}.trust_badge_layout_3 .trust_badge_button {order: 1;margin-bottom: 5px;margin: 0 5px 0 0;}.trust_badge_layout_4 .trust_badge_copy {order: 1;}.trust_badge_layout_4 .trust_badge_button {order: 2;margin-bottom: 5px;margin: 0 0 0 5px;}.trust_badge_layout_5 .trust_badge_info, .trust_badge_layout_5 .trust_badge_copy {display: none;}.trust_badge_layout_5 .trust_badge_button {margin: 0 auto;max-width: 200px;}.tooltip {z-index: 111112;}.trust-tooltip {opacity: 1 !important;z-index: 111111;}.trust-tooltip .tooltip-inner {background-color: #fff !important;color: #000 !important;box-shadow: 0 3px 10px rgb(0 0 0 / 15%) !important;padding: 20px !important;}.trust-tooltip[data-popper-placement^="bottom"] .tooltip-arrow::before {border-bottom-color: #fff;}.trust-tooltip[data-popper-placement^="right"] .tooltip-arrow::before {border-right-color: #fff;}.trust-tooltip[data-popper-placement^="left"] .tooltip-arrow::before {border-left-color: #fff;}.trust-tooltip[data-popper-placement^="top"] .tooltip-arrow::before {border-top-color: #fff;}.trust-tooltip[data-popper-placement^="top"] {margin-bottom: 7px !important;}.trust-tooltip[data-popper-placement^="bottom"] {margin-top: 7px !important;}.trust-tooltip[data-popper-placement^="left"] {margin-right: 7px !important;}.trust-tooltip[data-popper-placement^="right"] {margin-left: 7px !important;} /* End Trust Badge */ /* sticky bar */ .sticky_bar_profile_image {max-width: 60px;max-height: 60px;margin-right: 7px;}.sticky_bar_profile_image .profile-image {border-width: 0;width: 60px;min-width: 60px;height: 60px;}.funraisin-sticky-bar {padding: 20px 18px;position: fixed;bottom: 0;width: 100%;background: #FFF;z-index: 999;display: block;height: 90px;border-top: 1px solid #E5E5E5;box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.04);transition: opacity 200ms cubic-bezier(.245,0,.245,1);opacity: 0;pointer-events: none;}.funraisin-sticky-bar.sticky-bar-active {opacity: 1;pointer-events: auto;transition: opacity 200ms cubic-bezier(.245,0,.245,1);}.footer-sticky-bar {padding-bottom: 90px;}.sticky-bar-copy {display: none;margin-right: auto;align-items: center;}.sticky-bar-copy p {font-size: 16px;line-height: 17px;padding-right: 20px;}.sticky-bar-copy p:empty {display: none;}.sticky-bar button {flex: 1;}.sticky-bar button.btn-primary {max-width: 230px;}.sticky-bar button.btn-secondary {max-width: 130px;margin-left: 10px;}.sticky-bar-actions {display: flex;justify-content: center;}.share-qr svg {width: 32px;height: 32px;}@media(min-width: 768px) {.sticky-bar {justify-content: center;display: flex;align-items: center;}.sticky-bar-actions {margin-left: auto;}.funraisin-sticky-bar {bottom: auto;top: 0;height: 80px;padding: 10px 30px;border-bottom: 1px solid #E5E5E5;box-shadow: none;}.footer-sticky-bar {padding-bottom: 0;}.sticky-bar-copy {display: flex;margin-left: 5px;}.sticky-bar button {max-width: 160px;}.sticky-bar button.btn-primary, .sticky-bar button.btn-secondary {width: 160px;}.sticky-bar button.btn-primary, .sticky-bar button.btn-secondary {width: 160px;}} /* End sticky bar */ #shareModal .modal-dialog .modal-content {padding: 0 0 30px;max-width: 470px;width: 100%;background: #FFFFFF;border-radius: 8px;}#shareModal .modal-dialog .modal-header .share-title {font-style: normal;font-weight: 600;font-size: 23px;line-height: 40px;color: #000000;}#shareModal .modal-dialog .modal-header .share-copy {font-style: normal;font-weight: 400;font-size: 14px;line-height: 150%;color: rgba(0, 0, 0, 0.7);margin-bottom: 20px;}#shareModal .btn-copy .input-group-addon, #shareModal .btn-copy .form-control, #shareModal .btn-share {height: 42px;line-height: 42px;background: #F4F4F4;padding: 0;color: #003349;margin: 0 0 10px;text-align: left;border: none;}#shareModal .btn-copy .material-icons-round {vertical-align: middle;font-size: 18px;margin-right: 5px;}#shareModal .btn-copy .input-group-addon {font-style: normal;font-weight: 700;font-size: 12px;line-height: 18px;color: #000000;padding: 10px 20px 10px 10px;cursor: pointer;}#shareModal .btn-copy .form-control {margin-bottom:0;font-style: normal;font-weight: 400;font-size: 12px;line-height: 18px;color: #000000;padding: 0 20px;border-radius: 4px 0 0 4px;}#shareModal .btn-share {border-radius: 4px;width: 100%;padding: 0 20px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;height: 52px;line-height: 52px;}#shareModal .btn-share {display: flex;justify-content: center;}#shareModal .btn-share span {display: inline-block;width: 145px;}#shareModal .btn-share:hover {background: #5061FF;color: #FFF;}#shareModal .btn-share svg {display: inline-block;margin-right: 20px;vertical-align:middle;}#shareModal .btn-share .icon-hover {-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}#shareModal .btn-share:hover .icon-hover {fill: #FFF;}#shareModal .modal-dialog .share-close {position: absolute;top: 20px;right: 20px;width: 24px;height: 24px;margin: 0;padding: 0;display: block;background: none;border: none;}#shareModal .modal-dialog .modal-header {border-bottom: none;padding: 0 20px;}#shareModal .modal-dialog .modal-body {padding: 0 20px;}#shareModal .copytoclipboard {line-height: 33px;padding: 0 20px;font-size: 14px;}#shareModal .modal-dialog {position: absolute;right: 0;left: 0;bottom: -100%;transition: bottom 200ms cubic-bezier(.245,0,.245,1);}#shareModal.active .modal-dialog {bottom: 0;transition: bottom 200ms cubic-bezier(.245,0,.245,1);}@media(min-width: 768px) {#shareModal .modal-dialog .modal-body {padding: 0 40px;}#shareModal .modal-dialog .modal-header .share-title {font-size: 34px;}#shareModal .modal-dialog {position: initial;top: auto;left: auto;right: auto;bottom: auto;padding-bottom: 30px;}} .funraisin-fee-box .bootstrap-select {width:auto !important;} /* Nudge Progress */ .nudge-progress {transition:all 0.2s ease-out} .progress-wrapper {position: relative;clear:both;} .nudge-progress .progress-bar {position: absolute;top: 0;border-radius: 0;overflow: visible;} .nudge-icon {position: absolute;border-radius: 50%;left: calc(100% - 8px);font-size: 1em;display:flex;align-items:center;justify-content: center;top:-7.5px;} .nudge-icon.hasImage {padding: 0;border-radius: 0;} .nudge-icon img {width: 100%;height: 100%;border-radius: 0;} .nudge-text {transition:all .6s ease;position: absolute;font-size: 0.8em;white-space:nowrap;left:0;} .profileSidebar.has-nudges .progress-wrapper {padding-bottom: 30px;margin-top:10px;} .profileSidebar.has-nudges .progress,.profileSidebar.has-nudges .progress-bar {border-radius:0;} .funraisin-fee-box {position:relative;} .funraisin-fee-box .tooltip {z-index: 999999;opacity: 1;} .optout-box {border: 2px solid #e5e5e5;border-radius: 5px;padding: 20px;margin-top: 20px;display: flex;align-items: center;} .optout-box p {font-size: 0.8em;} .optout-box img {width: 60px;margin-right: 10px;} .funraisin-fee-default .funraisin-fee-box.funraisin-no-bg {background: none !important;padding: 0 !important;} .funraisin-fee-box .funraisin-fee-text {font-size: 0.8em;margin-top:20px;} .funraisin-fee-box .tooltip .tooltip-inner {background-color: #fff;color: #000;box-shadow: 0 3px 10px rgb(0 0 0 / 15%);padding: 20px 30px;text-align: left;max-width: 250px;} .funraisin-fee-box .tooltip[data-popper-placement=top] .tooltip-arrow:before, .tooltip.top .tooltip-arrow {border-top-color: #fff;} .funraisin-fee-box .tooltip[data-popper-placement=left] .tooltip-arrow:before {border-left-color: #fff;} .funraisin-fee-box .tooltip[data-popper-placement=right] .tooltip-arrow:before {border-right-color: #fff;} .funraisin-fee-box .tooltip[data-popper-placement=bottom] .tooltip-arrow:before {border-bottom-color: #fff;} .funraisin-fee-bordered {margin-top:10px;} .funraisin-fee-bordered .funraisin-fee-box {background-image:none;padding:20px 15px;margin-top:25px;} .funraisin-fee-bordered .only-default {display:none;} .funraisin-fee-default .only-bordered {display:none;} .funraisin-fee-default .fee-box-header {display:none;} .funraisin-fee-bordered .fee-box-header {margin-top:0;background:inherit !important;padding: 0 0 10px;line-height: 100%;display:flex;align-items:flex-end;font-size:0.85em;height:20px;} .template-shop .cart-box .funraisin-fee-bordered .fee-box-header {background:#f6f6f6;} .funraisin-fee-bordered .hoverlink {display:inline-block;vertical-align:middle;align-items:center;background:none;line-height:100%;} .funraisin-fee-bordered .hoverlink i {font-size:14px;color:inherit;opacity:0.6;} .funraisin-fee-bordered .funraisin-fee-total {padding-top:10px;text-align:center;font-size:0.85em;opacity:0.6;} .funraisin-fee-bordered .fee-box-header i {font-size:inherit;margin-left:5px;} .funraisin-fee-bordered .funraisin-fee-heart {opacity:1;width:auto;transition:all 0.2s ease-out;margin-left:3px;} .funraisin-fee-bordered .funraisin-fee-heart.inactive {opacity:0;width:0;} .funraisin-fee-bordered .funraisin-fee-box .bootstrap-select {width:100% !important;} .funraisin-fee-heart {position:relative;} .funraisin-fee-heart .static {position:relative;z-index:2;} .funraisin-fee-heart .animated {position:absolute;left:0;bottom:2px;display:none;} .funraisin-fee-box.active .animated {display:block;} .funraisin-fee-box.active {background-image:url('https://d1gotx1r5o7hbd.cloudfront.net/6acbb0b050abc1a23810dc6ee8ac0146.gif');background-size:400px 400px;background-position:center;} .funraisin-fee-default .funraisin-fee-box.funraisin-no-bg {background: none !important;padding: 0 !important;} .funraisin-fee-bordered .funraisin-fee-box .funraisin-fee-text {font-size: 0.85em;margin-top:0;margin-bottom:5px;} .funraisin-fee-bordered .funraisin-fee-box .optout-box {border:none;padding:10px 0 0;} .funraisin-fee-bordered .funraisin-fee-box.nofee {border-color:#d1d1d1;} .funraisin-fee-heart img {width:25px;} /* Exit Reminder */ .exit-reminder .btn-primary,.exit-reminder .btn-secondary{padding:7px 12px;gap:6px;font-style:normal;text-align:center}.exit-reminder{position:fixed;bottom:0;right:0;width:100%;max-width:456px;background:#fff;z-index:9999;display:block;flex-direction:row;align-items:center;padding:24px 32px;gap:16px;min-height:176px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.no-exit-reminder .exit-reminder{display:none}.exit-reminder_container{display:flex;flex:1}.exit-reminder .profile-image{min-width:62px;margin-right:10px;border:0}.exit-reminder .profile-image img{width:62px;height:62px;border-radius:50%;display:block}.exit-reminder[data-type=donation] .profile-image img{border-radius:0}.exit-reminder_text{min-height:62px;margin-bottom:16px;max-width:248px}.exit-reminder_text p{color:rgba(0,0,0,.7);margin-top:5px;padding-right:13px}.exit-reminder .btn-primary{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:366px;height:50px;font-weight:600;font-size:18px;line-height:20px;margin-bottom:8px}.exit-reminder .btn-secondary{display:none;flex-direction:row;justify-content:center;align-items:center;width:114px;height:35px;font-weight:400;font-size:14px;line-height:150%}.exit-reminder .close-icon{position:absolute;right:24px;cursor:pointer}@media(min-width:768px){.exit-reminder,.exit-reminder.active{transition:right .2s cubic-bezier(.245,0,.245,1)}.exit-reminder_container{align-items:center}.exit-reminder{bottom:32px;right:-500px;border-radius:8px;min-height:110px;display:flex;padding:5px 16px}.exit-reminder .close-icon,.no-exit-reminder .exit-reminder{display:none}.exit-reminder.active{right:32px}.exit-reminder .btn-primary{width:114px;height:35px;font-style:normal;font-weight:400;font-size:14px;line-height:150%;text-align:center}.exit-reminder_text{height:auto;margin-bottom:0}.exit-reminder_text p{margin-top:10px;padding-right:0}.exit-reminder .btn-secondary{display:flex}.exit-reminder_copy p{font-size:14px}} #postcodelookup { height: 38px; line-height: 36px; } #dd-container .dtd-callout, .dtd-plugin .dtd-callout { border:none !important; box-shadow:none !important; } #dd-container .dtd-search-box,.dtd-plugin .dtd-search-box { max-width:600px !important; margin:0 auto !important; box-shadow:none !important; } #dd-company-name-input .Select-menu { overflow:auto !important; } @media(min-width:1024px){.invite,.invites{padding-left:60px;padding-right:60px}}.nextsteps-form .invite,.nextsteps-form .invites{padding-left:0;padding-right:0}.invites .row{border:1px solid #e4eaec;border-radius:15px;padding:30px;margin-bottom:30px}.nextsteps-form .invite .row,.nextsteps-form .invites .row{padding:15px 0}.invites .edit-action{display:inline-block;text-align:right}.invites .btn-delete{padding-left:15px;color:#a9a9a9}.invite .row{padding:30px}.invite .add-action{text-align:right}.invite .add-action .btn,.invites .edit-action .btn{padding-top:8px;padding-bottom:8px;line-height:16px}.invites .edit-action .btn{padding-left:12px;padding-right:12px}