/
home
/
assocoweys
/
fiacat
/
templates
/
shaper_hope
/
css
/
Upload File
HOME
.form-control { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textarea.form-control { height: auto; } @font-face { font-family: 'IcoMoon'; src: url('../fonts/IcoMoon.eot'); src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'IcoMoon'; content: attr(data-icon); speak: none; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-right: .25em; line-height: 14px; background-image: none; } dd > span[class^="icon-"] + time, dd > span[class*=" icon-"] + time { margin-left: -0.25em; } dl.article-info dd.hits span[class^="icon-"], dl.article-info dd.hits span[class*=" icon-"] { margin-right: 0; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; } [class^="icon-"].disabled, [class*=" icon-"].disabled { font-weight: normal; } .icon-joomla:before { content: "\e200"; } .icon-chevron-up:before, .icon-uparrow:before, .icon-arrow-up:before { content: "\e005"; } .icon-chevron-right:before, .icon-rightarrow:before, .icon-arrow-right:before { content: "\e006"; } .icon-chevron-down:before, .icon-downarrow:before, .icon-arrow-down:before { content: "\e007"; } .icon-chevron-left:before, .icon-leftarrow:before, .icon-arrow-left:before { content: "\e008"; } .icon-arrow-first:before { content: "\e003"; } .icon-arrow-last:before { content: "\e004"; } .icon-arrow-up-2:before { content: "\e009"; } .icon-arrow-right-2:before { content: "\e00a"; } .icon-arrow-down-2:before { content: "\e00b"; } .icon-arrow-left-2:before { content: "\e00c"; } .icon-arrow-up-3:before { content: "\e00f"; } .icon-arrow-right-3:before { content: "\e010"; } .icon-arrow-down-3:before { content: "\e011"; } .icon-arrow-left-3:before { content: "\e012"; } .icon-menu-2:before { content: "\e00e"; } .icon-arrow-up-4:before { content: "\e201"; } .icon-arrow-right-4:before { content: "\e202"; } .icon-arrow-down-4:before { content: "\e203"; } .icon-arrow-left-4:before { content: "\e204"; } .icon-share:before, .icon-redo:before { content: "\27"; } .icon-undo:before { content: "\28"; } .icon-forward-2:before { content: "\e205"; } .icon-backward-2:before, .icon-reply:before { content: "\e206"; } .icon-unblock:before, .icon-refresh:before, .icon-redo-2:before { content: "\6c"; } .icon-undo-2:before { content: "\e207"; } .icon-move:before { content: "\7a"; } .icon-expand:before { content: "\66"; } .icon-contract:before { content: "\67"; } .icon-expand-2:before { content: "\68"; } .icon-contract-2:before { content: "\69"; } .icon-play:before { content: "\e208"; } .icon-pause:before { content: "\e209"; } .icon-stop:before { content: "\e210"; } .icon-previous:before, .icon-backward:before { content: "\7c"; } .icon-next:before, .icon-forward:before { content: "\7b"; } .icon-first:before { content: "\7d"; } .icon-last:before { content: "\e000"; } .icon-play-circle:before { content: "\e00d"; } .icon-pause-circle:before { content: "\e211"; } .icon-stop-circle:before { content: "\e212"; } .icon-backward-circle:before { content: "\e213"; } .icon-forward-circle:before { content: "\e214"; } .icon-loop:before { content: "\e001"; } .icon-shuffle:before { content: "\e002"; } .icon-search:before { content: "\53"; } .icon-zoom-in:before { content: "\64"; } .icon-zoom-out:before { content: "\65"; } .icon-apply:before, .icon-edit:before, .icon-pencil:before { content: "\2b"; } .icon-pencil-2:before { content: "\2c"; } .icon-brush:before { content: "\3b"; } .icon-save-new:before, .icon-plus-2:before { content: "\5d"; } .icon-ban-circle:before, .icon-minus-sign:before, .icon-minus-2:before { content: "\5e"; } .icon-delete:before, .icon-remove:before, .icon-cancel-2:before { content: "\49"; } .icon-publish:before, .icon-save:before, .icon-ok:before, .icon-checkmark:before { content: "\47"; } .icon-new:before, .icon-plus:before { content: "\2a"; } .icon-plus-circle:before { content: "\e215"; } .icon-minus:before, .icon-not-ok:before { content: "\4b"; } .icon-minus-circle:before { content: "\e216"; } .icon-unpublish:before, .icon-cancel:before { content: "\4a"; } .icon-cancel-circle:before { content: "\e217"; } .icon-checkmark-2:before { content: "\e218"; } .icon-checkmark-circle:before { content: "\e219"; } .icon-info:before { content: "\e220"; } .icon-info-2:before, .icon-info-circle:before { content: "\e221"; } .icon-question:before, .icon-question-sign:before, .icon-help:before { content: "\45"; } .icon-question-2:before, .icon-question-circle:before { content: "\e222"; } .icon-notification:before { content: "\e223"; } .icon-notification-2:before, .icon-notification-circle:before { content: "\e224"; } .icon-pending:before, .icon-warning:before { content: "\48"; } .icon-warning-2:before, .icon-warning-circle:before { content: "\e225"; } .icon-checkbox-unchecked:before { content: "\3d"; } .icon-checkin:before, .icon-checkbox:before, .icon-checkbox-checked:before { content: "\3e"; } .icon-checkbox-partial:before { content: "\3f"; } .icon-square:before { content: "\e226"; } .icon-radio-unchecked:before { content: "\e227"; } .icon-radio-checked:before, .icon-generic:before { content: "\e228"; } .icon-circle:before { content: "\e229"; } .icon-signup:before { content: "\e230"; } .icon-grid:before, .icon-grid-view:before { content: "\58"; } .icon-grid-2:before, .icon-grid-view-2:before { content: "\59"; } .icon-menu:before { content: "\5a"; } .icon-list:before, .icon-list-view:before { content: "\31"; } .icon-list-2:before { content: "\e231"; } .icon-menu-3:before { content: "\e232"; } .icon-folder-open:before, .icon-folder:before { content: "\2d"; } .icon-folder-close:before, .icon-folder-2:before { content: "\2e"; } .icon-folder-plus:before { content: "\e234"; } .icon-folder-minus:before { content: "\e235"; } .icon-folder-3:before { content: "\e236"; } .icon-folder-plus-2:before { content: "\e237"; } .icon-folder-remove:before { content: "\e238"; } .icon-file:before { content: "\e016"; } .icon-file-2:before { content: "\e239"; } .icon-file-add:before, .icon-file-plus:before { content: "\29"; } .icon-file-remove:before, .icon-file-minus:before { content: "\e017"; } .icon-file-check:before { content: "\e240"; } .icon-file-remove:before { content: "\e241"; } .icon-save-copy:before, .icon-copy:before { content: "\e018"; } .icon-stack:before { content: "\e242"; } .icon-tree:before { content: "\e243"; } .icon-tree-2:before { content: "\e244"; } .icon-paragraph-left:before { content: "\e246"; } .icon-paragraph-center:before { content: "\e247"; } .icon-paragraph-right:before { content: "\e248"; } .icon-paragraph-justify:before { content: "\e249"; } .icon-screen:before { content: "\e01c"; } .icon-tablet:before { content: "\e01d"; } .icon-mobile:before { content: "\e01e"; } .icon-box-add:before { content: "\51"; } .icon-box-remove:before { content: "\52"; } .icon-download:before { content: "\e021"; } .icon-upload:before { content: "\e022"; } .icon-home:before { content: "\21"; } .icon-home-2:before { content: "\e250"; } .icon-out-2:before, .icon-new-tab:before { content: "\e024"; } .icon-out-3:before, .icon-new-tab-2:before { content: "\e251"; } .icon-link:before { content: "\e252"; } .icon-picture:before, .icon-image:before { content: "\2f"; } .icon-pictures:before, .icon-images:before { content: "\30"; } .icon-palette:before, .icon-color-palette:before { content: "\e014"; } .icon-camera:before { content: "\55"; } .icon-camera-2:before, .icon-video:before { content: "\e015"; } .icon-play-2:before, .icon-video-2:before, .icon-youtube:before { content: "\56"; } .icon-music:before { content: "\57"; } .icon-user:before { content: "\22"; } .icon-users:before { content: "\e01f"; } .icon-vcard:before { content: "\6d"; } .icon-address:before { content: "\70"; } .icon-share-alt:before, .icon-out:before { content: "\26"; } .icon-enter:before { content: "\e257"; } .icon-exit:before { content: "\e258"; } .icon-comment:before, .icon-comments:before { content: "\24"; } .icon-comments-2:before { content: "\25"; } .icon-quote:before, .icon-quotes-left:before { content: "\60"; } .icon-quote-2:before, .icon-quotes-right:before { content: "\61"; } .icon-quote-3:before, .icon-bubble-quote:before { content: "\e259"; } .icon-phone:before { content: "\e260"; } .icon-phone-2:before { content: "\e261"; } .icon-envelope:before, .icon-mail:before { content: "\4d"; } .icon-envelope-opened:before, .icon-mail-2:before { content: "\4e"; } .icon-unarchive:before, .icon-drawer:before { content: "\4f"; } .icon-archive:before, .icon-drawer-2:before { content: "\50"; } .icon-briefcase:before { content: "\e020"; } .icon-tag:before { content: "\e262"; } .icon-tag-2:before { content: "\e263"; } .icon-tags:before { content: "\e264"; } .icon-tags-2:before { content: "\e265"; } .icon-options:before, .icon-cog:before { content: "\38"; } .icon-cogs:before { content: "\37"; } .icon-screwdriver:before, .icon-tools:before { content: "\36"; } .icon-wrench:before { content: "\3a"; } .icon-equalizer:before { content: "\39"; } .icon-dashboard:before { content: "\78"; } .icon-switch:before { content: "\e266"; } .icon-filter:before { content: "\54"; } .icon-purge:before, .icon-trash:before { content: "\4c"; } .icon-checkedout:before, .icon-lock:before, .icon-locked:before { content: "\23"; } .icon-unlock:before { content: "\e267"; } .icon-key:before { content: "\5f"; } .icon-support:before { content: "\46"; } .icon-database:before { content: "\62"; } .icon-scissors:before { content: "\e268"; } .icon-health:before { content: "\6a"; } .icon-wand:before { content: "\6b"; } .icon-eye-open:before, .icon-eye:before { content: "\3c"; } .icon-eye-close:before, .icon-eye-blocked:before, .icon-eye-2:before { content: "\e269"; } .icon-clock:before { content: "\6e"; } .icon-compass:before { content: "\6f"; } .icon-broadcast:before, .icon-connection:before, .icon-wifi:before { content: "\e01b"; } .icon-book:before { content: "\e271"; } .icon-lightning:before, .icon-flash:before { content: "\79"; } .icon-print:before, .icon-printer:before { content: "\e013"; } .icon-feed:before { content: "\71"; } .icon-calendar:before { content: "\43"; } .icon-calendar-2:before { content: "\44"; } .icon-calendar-3:before { content: "\e273"; } .icon-pie:before { content: "\77"; } .icon-bars:before { content: "\76"; } .icon-chart:before { content: "\75"; } .icon-power-cord:before { content: "\32"; } .icon-cube:before { content: "\33"; } .icon-puzzle:before { content: "\34"; } .icon-attachment:before, .icon-paperclip:before, .icon-flag-2:before { content: "\72"; } .icon-lamp:before { content: "\74"; } .icon-pin:before, .icon-pushpin:before { content: "\73"; } .icon-location:before { content: "\63"; } .icon-shield:before { content: "\e274"; } .icon-flag:before { content: "\35"; } .icon-flag-3:before { content: "\e275"; } .icon-bookmark:before { content: "\e023"; } .icon-bookmark-2:before { content: "\e276"; } .icon-heart:before { content: "\e277"; } .icon-heart-2:before { content: "\e278"; } .icon-thumbs-up:before { content: "\5b"; } .icon-thumbs-down:before { content: "\5c"; } .icon-unfeatured:before, .icon-asterisk:before, .icon-star-empty:before { content: "\40"; } .icon-star-2:before { content: "\41"; } .icon-featured:before, .icon-default:before, .icon-star:before { content: "\42"; } .icon-smiley:before, .icon-smiley-happy:before { content: "\e279"; } .icon-smiley-2:before, .icon-smiley-happy-2:before { content: "\e280"; } .icon-smiley-sad:before { content: "\e281"; } .icon-smiley-sad-2:before { content: "\e282"; } .icon-smiley-neutral:before { content: "\e283"; } .icon-smiley-neutral-2:before { content: "\e284"; } .icon-cart:before { content: "\e019"; } .icon-basket:before { content: "\e01a"; } .icon-credit:before { content: "\e286"; } .icon-credit-2:before { content: "\e287"; } .icon-expired:before { content: "\4b"; } .sp-megamenu-parent { list-style: none; padding: 0; margin: 0; z-index: 99; display: block; float: right; position: relative; } .sp-megamenu-parent > li { display: inline-block; position: relative; padding: 0; } .sp-megamenu-parent > li.menu-justify { position: static; } .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { display: inline-block; padding: 0 12px; line-height: 90px; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #ffffff; letter-spacing: -0.5px; margin: 0; } .sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: " \f107"; } .sp-megamenu-parent .sp-module { padding: 10px; } .sp-megamenu-parent .sp-mega-group { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-mega-group .sp-mega-group-child { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown { margin: 0; position: absolute; z-index: 10; display: none; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 0; border-radius: 4px; position: relative; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner:before { content: ""; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 15px; top: -10px; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items { list-style: none; padding: 0; margin: 0; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: " \f105"; float: right; } .sp-megamenu-parent .sp-dropdown.sp-menu-center { margin-left: 45px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main { top: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: auto; right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left { right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: 0; left: 100%; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner { box-shadow: 0 0 5px rgba(0,0,0,0.2); } .sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: block; padding: 0; position: relative; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span { background: #fff; display: block; padding: 10px 15px; font-weight: 500; text-transform: uppercase; cursor: pointer; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title { text-transform: uppercase; font-weight: bold; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #000; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover { color: #000; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item:first-child a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .sp-megamenu-parent .sp-dropdown-mega > .row { margin-top: 30px; } .sp-megamenu-parent .sp-dropdown-mega > .row:first-child { margin-top: 0; } .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown { display: block; } .sp-megamenu-parent.menu-fade .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuFadeIn 400ms; animation: spMenuFadeIn 400ms; } .sp-megamenu-parent.menu-zoom .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuZoom 400ms; animation: spMenuZoom 400ms; } #offcanvas-toggler { float: right; line-height: 87px; margin-left: 15px; font-size: 20px; } #offcanvas-toggler > i { color: #fff; -webkit-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } .off-canvas-menu-init { overflow-x: hidden; position: relative; } .offcanvas .offcanvas-overlay { visibility: visible; opacity: 1; } .offcanvas-overlay { background: rgba(0,0,0,0.2); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 9999; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .body-wrapper { position: relative; -webkit-transition: 0.5s; transition: 0.5s; right: 0; backface-visibility: hidden; } .close-offcanvas { position: absolute; top: 15px; right: 15px; z-index: 1; border-radius: 100%; width: 25px; height: 25px; line-height: 0.5; text-align: center; font-size: 16px; border: 1px solid #fff; color: #fff; padding-top: 3px; } .offcanvas-menu { width: 320px; height: 100%; background-color: rgba(0,0,0,0.7); color: #fff; position: fixed; top: 0; right: 0; -webkit-transform: translateX(320px); transform: translateX(320px); visibility: hidden; overflow: inherit; -webkit-transition: 0.5s; transition: 0.5s; z-index: 10000; } .offcanvas-menu .offcanvas-inner .sp-module { margin-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.08); margin-bottom: 50px; } .offcanvas-menu .offcanvas-inner .sp-module:after { display: none; } .offcanvas-menu .offcanvas-inner .sp-module:last-child { border-bottom: none; margin-bottom: 0; } .offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu { padding: 0; } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 16px; line-height: 1; text-transform: uppercase; } .offcanvas-menu .offcanvas-inner .sp-module .nav.menu { flex-direction: column; } .offcanvas-menu .offcanvas-inner .sp-module ul > li { border: 0; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a { -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; line-height: 28px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a { background: rgba(0,0,0,0.15); } .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus { background: rgba(0,0,0,0.15); } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a { background: rgba(0,0,0,0.15) !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus { background: rgba(0,0,0,0.15) !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler { display: inline-block; position: absolute; top: 0; right: 0; padding: 13px 20px; cursor: pointer; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon { display: inline; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon { display: inline; } .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li > a:after { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul { background: rgba(0,0,0,0.02); } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a { padding-left: 30px; } .offcanvas-menu .offcanvas-inner .sp-module:first-child { margin-top: 0; padding: 30px; } .offcanvas-menu .offcanvas-inner .search { margin-top: 25px; } .offcanvas-menu .offcanvas-inner .search input { width: 100%; background: transparent; border-color: #5f5f5f; color: #fff; } .offcanvas { width: 100%; height: 100%; position: relative; visibility: visible; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .offcanvas .body-wrapper { right: 0; -webkit-transform: translateX(-320px); transform: translateX(-320px); } .offcanvas .body-wrapper:after { width: 100%; height: 100%; right: 0; } .offcanvas .offcanvas-menu { visibility: visible; z-index: 9999; right: 0; -webkit-transform: translateX(0); transform: translateX(0); } .offcanvas .offcanvas-menu ul.nav-child li { padding-left: 10px; } .menu .nav-child.small { font-size: inherit; } .sp-megamenu-parent.menu-fade-up .sp-has-child:hover > .sp-dropdown { -webkit-animation: spMenuFadeInUp 400ms; animation: spMenuFadeInUp 400ms; } .sp-megamenu-parent.menu-rotate .sp-has-child:hover > .sp-dropdown { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); visibility: visible; } .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown { opacity: 1; visibility: visible; top: 90px; } .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown .sp-dropdown { top: 0; } .menu-slide-down .sp-has-child > .sp-dropdown { top: 60px; opacity: 0; visibility: hidden; display: block; transition: all 500ms ease; } .menu-slide-down .sp-has-child > .sp-dropdown.sp-dropdown-mega { left: auto; right: 0; } .menu-rotate .sp-has-child { -webkit-perspective: 1000px; perspective: 1000px; } .menu-rotate .sp-has-child > .sp-dropdown { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s; transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s; opacity: 0; visibility: hidden; display: block; } .menu-rotate .sp-has-child > .sp-dropdown.sp-dropdown-mega { left: auto; right: 0; } .menu-drop-in .sp-has-child .sp-dropdown-inner { background: transparent none repeat scroll 0 0; box-shadow: none; padding: 0; } .menu-drop-in .sp-has-child .sp-dropdown-items { margin: 0; padding: 0; perspective: 1000px; } .menu-drop-in .sp-has-child .sp-menu-item { -webkit-transform: translate(0,100px); transform: translate(0,100px); opacity: 0; padding: 0 20px !important; } .menu-drop-in .sp-has-child .sp-menu-item:first-child { padding-top: 20px !important; } .menu-drop-in .sp-has-child .sp-menu-item:last-child { padding-bottom: 20px !important; } .menu-drop-in .sp-has-child:hover .sp-menu-item { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: dropup; animation-name: dropup; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) { -webkit-animation-duration: 1s; animation-duration: 1s; } .menu-drop-in .sp-has-child:hover .sp-menu-item:last-child { box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2); } .menu-drop-in .sp-has-child.menu-justify:hover .sp-dropdown { -webkit-animation: spMenuFadeInUp 500ms; animation: spMenuFadeInUp 500ms; } .menu-drop-in .sp-has-child.menu-justify .sp-dropdown-inner { background: #fff none repeat scroll 0 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 20px !important; } .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item { padding: 0 !important; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 0; animation-iteration-count: 0; -webkit-animation-name: none; animation-name: none; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 1; -webkit-transform: none; transform: none; } .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child { box-shadow: none; } @keyframes dropup { 0% { opacity: 0; transform: translate(0,100px); } 100% { opacity: 1; transform: translate(0,0); } } @-webkit-keyframes dropup { 0% { opacity: 0; transform: translate(0,100px); } 100% { opacity: 1; transform: translate(0,0); } } .menu-twist .sp-has-child .sp-dropdown-inner { background: transparent none repeat scroll 0 0; box-shadow: none; padding: 0; } .menu-twist .sp-has-child .sp-dropdown-items { margin: 0; padding: 0; } .menu-twist .sp-has-child .sp-menu-item { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); padding: 0 20px !important; background: #fff; } .menu-twist .sp-has-child .sp-menu-item:first-child { padding-top: 20px !important; } .menu-twist .sp-has-child .sp-menu-item:last-child { padding-bottom: 20px !important; } .menu-twist .sp-has-child:hover .sp-menu-item { -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: twist; animation-name: twist; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) { -webkit-animation-duration: 1s; animation-duration: 1s; } .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .menu-twist .sp-has-child:hover .sp-menu-item:last-child { box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2); } .menu-twist .sp-has-child.menu-justify:hover .sp-dropdown { -webkit-animation: spMenuFadeInUp 500ms; animation: spMenuFadeInUp 500ms; } .menu-twist .sp-has-child.menu-justify .sp-dropdown-inner { background: #fff none repeat scroll 0 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); padding: 20px !important; } .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item { padding: 0 !important; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 0; animation-iteration-count: 0; -webkit-animation-name: none; animation-name: none; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 1; -webkit-transform: none; transform: none; } .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child { box-shadow: none; } @keyframes twist { 0% { opacity: 0; transform: rotateY(90deg); } 100% { opacity: 1; transform: rotateY(0); } } @-webkit-keyframes twist { 0% { opacity: 0; -webkit-transform: rotateY(90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0); } } @-webkit-keyframes spMenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes spMenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes spMenuZoom { 0% { opacity: 0; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes spMenuZoom { 0% { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes spMenuFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); } 100% { opacity: 1; -webkit-transform: none; } } @keyframes spMenuFadeInUp { 0% { opacity: 0; transform: translate3d(0,30px,0); } 100% { opacity: 1; transform: none; } } .slide-top-menu .offcanvas-menu { -webkit-transform: translateX(0); transform: translateX(0); } .slide-top-menu .body-wrapper { right: 0; } .slide-top-menu .offcanvas-overlay { visibility: visible; opacity: 1; } .slide-top-menu .offcanvas-menu { right: 0; background-color: #000000; visibility: visible; } .full-screen .offcanvas-menu { right: -100%; width: 100%; transform: translateX(0); background-color: rgba(0,0,0,0.9); transition: all 600ms ease; } .full-screen .offcanvas-menu .offcanvas-inner { margin: 0 auto; text-align: center; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module { margin-bottom: 0; margin-top: 80px; padding-bottom: 0; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul { background: transparent; height: auto; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li { overflow: inherit; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a { color: #fff; display: inline-block; font-size: 28px; padding: 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before { display: none; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover, .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus { background: transparent; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler { left: auto; right: auto; font-size: 28px; padding: 20px 10px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li { display: block; padding: 0 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a { font-size: 16px; padding: 5px 20px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler { padding: 6px 10px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a, .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a { background: transparent; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu { padding-bottom: 75px; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module .search { max-width: 300px; margin: 25px auto 0; } .full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 28px; } .full-screen .offcanvas-menu .close-offcanvas { font-size: 20px; height: 35px; line-height: 1; right: 30px; top: 25px; width: 35px; padding-top: 6px; } .full-screen-off-canvas.ltr .offcanvas-menu { visibility: visible; z-index: 9999; width: 100%; right: 0; } .full-screen-ftop .offcanvas-menu { right: 0; width: 100%; opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); background-color: rgba(0,0,0,0.9); transition: all 500ms ease; } .full-screen-ftop .offcanvas-menu .offcanvas-inner { margin: 0 auto; text-align: center; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module { margin-bottom: 0; margin-top: 80px; padding-bottom: 0; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul { background: transparent; height: auto; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul > li { opacity: 0; -webkit-transform: translate3d(0px,-80px,0px); transform: translate3d(0px,-80px,0px); -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li { overflow: inherit; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a { color: #fff; display: inline-block; font-size: 28px; padding: 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before { display: none; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover, .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus { background: transparent; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler { left: auto; right: auto; font-size: 28px; padding: 20px 10px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li { display: block; padding: 0 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a { font-size: 16px; padding: 5px 20px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler { padding: 6px 10px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a, .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a { background: transparent; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu { padding-bottom: 75px; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search { max-width: 300px; margin: 25px auto 0; } .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 28px; } .full-screen-ftop .offcanvas-menu .close-offcanvas { font-size: 20px; height: 35px; line-height: 1; right: 30px; top: 25px; width: 35px; padding-top: 6px; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu { visibility: visible; z-index: 9999; width: 100%; right: 0; opacity: 1; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module { margin-top: 80px; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul { background: transparent; height: auto; } .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul > li { opacity: 1; -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } .new-look .offcanvas-menu { background-color: #2b2f3b; } .new-look .offcanvas-menu .sp-module ul > li > a { padding-left: 28px; } .new-look .offcanvas-menu .sp-module ul > li > a:before { display: none; } .new-look .offcanvas-menu .sp-module ul > li:hover a, .new-look .offcanvas-menu .sp-module ul > li:focus a, .new-look .offcanvas-menu .sp-module ul > li.active a { background: #22b8f0; } .new-look .offcanvas-menu .sp-module ul > li ul li a { background-color: #2b2f3b !important; } .new-look .offcanvas-menu .sp-module ul > li ul li a:hover, .new-look .offcanvas-menu .sp-module ul > li ul li a:focus { color: #22b8f0; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler { top: 6px; padding: 18px 25px; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler i { display: none !important; } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:before { background: #fff none repeat scroll 0 0; content: ""; height: 8px; left: auto; position: absolute; right: 25px; top: 14px; width: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler:after { background: #fff none repeat scroll 0 0; content: ""; height: 2px; left: auto; position: absolute; right: 22px; top: 17px; width: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler.collapsed:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .new-look-off-canvas .offcanvas-overlay { visibility: visible; opacity: 1; } .new-look-off-canvas.ltr .offcanvas-menu { visibility: visible; right: 0; -webkit-transform: translateX(0); transform: translateX(0); } @-moz-document url-prefix() { .offcanvas-menu { right: -320px; transform: translateX(0px); } } a { -webkit-transition: 400ms; transition: 400ms; } body { line-height: 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:hover, a:focus, a:active { text-decoration: none; } label { font-weight: normal; } legend { padding-bottom: 10px; } img { display: block; max-width: 100%; height: auto; } .btn, .sppb-btn { -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .btn.sppb-btn-success, .btn.btn-success, .sppb-btn.sppb-btn-success, .sppb-btn.btn-success { box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); border-radius: 4px; border: 0; padding: 19px 35px; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .btn.sppb-btn-success.sppb-btn-sm, .btn.btn-success.sppb-btn-sm, .sppb-btn.sppb-btn-success.sppb-btn-sm, .sppb-btn.btn-success.sppb-btn-sm { padding: 8px 27px; font-size: 14px; font-weight: 500; } .btn.sppb-btn-success:hover, .btn.sppb-btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus, .sppb-btn.sppb-btn-success:hover, .sppb-btn.sppb-btn-success:focus, .sppb-btn.btn-success:hover, .sppb-btn.btn-success:focus { background: #000; color: #fff; } .btn.btn-default, .btn.sppb-btn-default, .sppb-btn.btn-default, .sppb-btn.sppb-btn-default { background: #fff; box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); border-radius: 4px; border: 0; padding: 19px 38px; color: #000; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .btn.sppb-btn-primary, .btn.btn-primary, .sppb-btn.sppb-btn-primary, .sppb-btn.btn-primary { background: #000; box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); border-radius: 4px; border: 0; padding: 19px 35px; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -0.5px; } .btn.sppb-btn-link, .btn.btn-link, .sppb-btn.sppb-btn-link, .sppb-btn.btn-link { font-size: 16px; letter-spacing: -0.5px; padding-left: 0; padding-right: 0; font-weight: 700; } .btn.sppb-btn-link i, .btn.btn-link i, .sppb-btn.sppb-btn-link i, .sppb-btn.btn-link i { padding-left: 10px; position: relative; top: 2px; } .offline-inner { margin-top: 100px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #999; opacity: 1; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #999; } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #999; } select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], .uneditable-input[disabled], .uneditable-input[readonly], fieldset[disabled] .uneditable-input { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } textareaselect, textareatextarea, textareainput[type="text"], textareainput[type="password"], textareainput[type="datetime"], textareainput[type="datetime-local"], textareainput[type="date"], textareainput[type="month"], textareainput[type="time"], textareainput[type="week"], textareainput[type="number"], textareainput[type="email"], textareainput[type="url"], textareainput[type="search"], textareainput[type="tel"], textareainput[type="color"], textarea.uneditable-input { height: auto; } .group-control select, .group-control textarea, .group-control input[type="text"], .group-control input[type="password"], .group-control input[type="datetime"], .group-control input[type="datetime-local"], .group-control input[type="date"], .group-control input[type="month"], .group-control input[type="time"], .group-control input[type="week"], .group-control input[type="number"], .group-control input[type="email"], .group-control input[type="url"], .group-control input[type="search"], .group-control input[type="tel"], .group-control input[type="color"], .group-control .uneditable-input { width: 100%; } .scrollup { width: 40px; height: 40px; position: fixed; bottom: 62px; right: 100px; display: none; z-index: 999; border: 1px solid #ddd; background-color: rgba(255,255,255,0.4); } .scrollup:hover { background-color: #c4c4c4; } .scrollup:before { content: " \f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; right: 0; border-radius: 3px; width: 40px; height: 38px; line-height: 38px; text-align: center; font-size: 25px; font-weight: 700; color: #000; } #sp-top-bar { padding: 8px 0; } #sp-top-bar .sp-module { display: inline-block; margin: 0 0 0 20px; } ul.social-icons { list-style: none; padding: 0; margin: -5px; display: inline-block; } ul.social-icons > li { display: inline-block; margin: 5px 7px; } ul.social-icons > li a { color: #999999; } .sp-module-content .mod-languages ul.lang-inline { margin: 0; padding: 0; } .sp-module-content .mod-languages ul.lang-inline li { border: none; display: inline-block; margin: 0 5px 0 0; } .sp-module-content .mod-languages ul.lang-inline li a { padding: 0 !important; } .sp-module-content .mod-languages ul.lang-inline li > a:before { display: none; } .sp-contact-info { float: right; list-style: none; padding: 0; margin: 0 -10px; } .sp-contact-info li { display: inline-block; margin: 0 10px; font-size: 90%; } .sp-contact-info li i { margin: 0 3px; } .sticky-wrapper { position: relative; z-index: 99; } #sp-header { background: transparent; height: 90px; left: 0; position: absolute; top: 30px; width: 100%; z-index: 99; } #sp-header .logo { display: inline-block; height: 90px; display: table; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin: 0; } #sp-header .logo a { font-size: 24px; line-height: 1; margin: 0; padding: 0; display: table-cell; vertical-align: middle; } #sp-header .logo p { margin: 5px 0 0; } #sp-header .sp-retina-logo { display: none; } #sp-header.menu-fixed { background: rgba(0,0,0,0.85); position: fixed; z-index: 9999; top: 0; box-shadow: 0 3px 3px rgba(0,0,0,0.05); } #sp-header.menu-fixed #sp-menu .sppb-addon-button-group a:hover, #sp-header.menu-fixed #sp-menu .sppb-addon-button-group a:focus { color: #000; background: #fff; } .sticky-wrapper.is-sticky { position: relative; z-index: 999; } #sp-menu .sp-megamenu-wrapper { float: right; } #sp-menu .top-right-button { float: right; margin-left: 15px; margin-top: 13px; } #sp-title { min-height: 0; } .sp-page-title { padding: 202px 0 152px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-align: center; background-attachment: fixed; } .sp-page-title h2, .sp-page-title h3 { margin: 0; padding: 0; color: #fff; } .sp-page-title h2 { font-size: 100px; color: #ffffff; letter-spacing: -6.94px; line-height: 72px; } .sp-page-title h3 { font-size: 14px; font-weight: normal; line-height: 1; margin-top: 10px; } .sp-page-title .breadcrumb { background: none; padding: 0; margin: 10px 0 0 0; } .sp-page-title .breadcrumb > .active { color: rgba(255,255,255,0.8); } .sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a { color: #fff; } .body-innerwrapper { overflow-x: hidden; } .layout-boxed .body-innerwrapper { max-width: 1240px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); } #sp-main-body { padding: 100px 0; } .com-sppagebuilder #sp-main-body { padding: 0; } .hope-become-a-volunteer .sppb-addon-text-block .sppb-addon-content { font-size: 24px; } .hope-become-a-volunteer .sppb-addon-button-group .sppb-btn-default:hover, .hope-become-a-volunteer .sppb-addon-button-group .sppb-btn-default:focus { background: #000; color: #fff; } body.home-v2 .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg { text-align: center; } body.home-v2 .hope-become-a-volunteer .sppb-title-subheading { letter-spacing: -3.33px; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form { display: table; width: 670px; margin: 0 auto !important; position: relative; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form .fieldacyemail { margin: 0; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form .acyfield_email input { height: 70px; background: #ffffff; border-radius: 4px; padding: 0 0 0 35px; font-size: 16px; color: #989898; letter-spacing: -0.5px; border: 0; box-shadow: none; margin: 0 auto; width: 100% !important; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form .acysubbuttons { margin: 0; position: absolute; top: 17px; right: 25px; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form .acysubbuttons:before { content: "\f1d8"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; color: #000; position: absolute; top: 5px; right: 12px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form .acysubbuttons input { width: 40px; padding: 0; height: 35px; opacity: 0; z-index: 2; position: relative; } body.home-v2 #sp-page-builder .hope-become-a-volunteer div.sppb-section-title { margin-bottom: 52px; } .home-two-causes-donation .sppb-addon-single-image .sppb-addon-single-image-container img { border-radius: 4px; } .home-two-causes-donation .sppb-addon-text-block .sppb-addon-title { letter-spacing: -0.5px; margin-top: 50px; } .home-two-causes-donation .sppb-addon-text-block strong { color: #000; } .home-two-causes-donation .sppb-addon-text-block span span { font-weight: 600; } .home-two-causes-donation .sppb-progress { overflow: initial; border-radius: 10px; background: #e9eff4; } .home-two-causes-donation .sppb-progress .sppb-progress-bar { overflow: initial; border-radius: 10px; position: relative; } .home-two-causes-donation .sppb-progress .sppb-progress-bar:before { content: ""; width: 15px; height: 15px; position: absolute; right: -5px; left: auto; top: -3px; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); } .home-two-causes-donation .sppb-progress .sppb-progress-bar span { padding: 10px 0 6px; position: absolute; left: auto; right: -65px; top: auto; bottom: -10px; font-weight: 700; line-height: 1; font-size: 16px; letter-spacing: -0.5px; width: 50px; text-align: center; border-radius: 3px; } .home-two-causes-donation .sppb-progress .sppb-progress-bar span:before { content: ""; border-bottom: 6px solid transparent; position: absolute; top: 0; left: -6px; margin: auto; z-index: 1; border-top: 6px solid transparent; bottom: 0; height: 6px; } .upcoming-event-right-side { border-radius: 4px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg { height: 850px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .container { display: table; height: 100%; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text { display: table-cell; vertical-align: middle; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text h1 { margin: 0 0 15px; color: #fff; line-height: 1.06; display: none; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text h1 span { font-size: 24px; letter-spacing: -0.5px; text-transform: uppercase; margin-bottom: 24px; display: block; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text p { color: #fff; font-size: 24px; font-weight: 500; display: none; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper { margin-top: 45px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a { display: none; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper .btn-default { margin-right: 30px; } .owl-item.active .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text p, .owl-item.active .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text h1 { display: block; } .owl-item.active .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a { display: inline-block; } .sppb-slider-fullwidth-wrapper { position: relative; } .sppb-slider-fullwidth-wrapper .owl-controls { position: absolute; margin: 0; top: auto; bottom: 40px; width: 100%; } .sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot span { width: 8px; height: 8px; background: rgba(255,255,255,0.7); border-radius: 50%; } .sppb-slider-fullwidth-wrapper .customNavigation { position: absolute; top: 43.5%; width: 100%; z-index: 1; } .sppb-slider-fullwidth-wrapper .customNavigation a { cursor: pointer; font-size: 100px; color: #fff; position: absolute; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-slider-fullwidth-wrapper .customNavigation a.sppbSlidePrev { left: 40px; } .sppb-slider-fullwidth-wrapper .customNavigation a.sppbSlideNext { left: auto; right: 40px; } .sppb-addon-clients a { display: block; } .sppb-addon-clients a img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-clients a:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .sppb-addon-feature .sppb-img-container { background: #ffffff; box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-feature .sppb-img-container img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-feature .sppb-feature-box-title { margin: 16px 0 17px; } .sppb-addon-feature:hover .sppb-img-container { -webkit-transform: scale(1.08); transform: scale(1.08); } .sppb-addon-donation { padding-left: 60px; } .sppb-addon-donation .sppb-title-heading { color: #000; } .sppb-addon-donation .sppb-title-subheading { margin: 25px 0 47px; } .sppb-addon-donation .donation-ammount-wrap { margin-bottom: 50px; } .sppb-addon-donation .donation-ammount-wrap input { border: 1px solid #dfe6ee; border-radius: 2px; display: inline-block; width: 100px; height: 60px; min-width: initial; background: #fff; text-align: center; margin-right: 20px; box-shadow: none; font-size: 18px; color: #000000; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-donation .donation-ammount-wrap input:hover, .sppb-addon-donation .donation-ammount-wrap input:focus { border-radius: 3px; } .sppb-addon-donation .donation-ammount-wrap input::-webkit-input-placeholder { color: #000; opacity: 1; } .sppb-addon-donation .donation-ammount-wrap input::-moz-placeholder { color: #000; opacity: 1; } .sppb-addon-donation .donation-ammount-wrap input:-ms-input-placeholder { color: #000; opacity: 1; } .sppb-addon-donation .donation-ammount-wrap input:-moz-placeholder { color: #000; opacity: 1; } .sppb-modal-selector.sppb-magnific-popup { box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); width: 120px; height: 120px; border-radius: 50%; text-align: center; display: inline-block; background: rgba(151,151,151,0.41); } .sppb-modal-selector.sppb-magnific-popup span i { display: inline-block; height: 100px; margin-top: 10px; font-size: 36px; border-radius: 50%; width: 100px; line-height: 100px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-modal-selector.sppb-magnific-popup:hover { -webkit-transform: scale(1.08); transform: scale(1.08); background: #fff; } .sppb-modal-selector.sppb-magnific-popup:hover span i { color: #fff; -webkit-transform: scale(1.04); transform: scale(1.04); } .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-before, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-after { display: inline-block; font-size: 64px; letter-spacing: -4px; font-weight: 700; } .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-title { margin-top: 20px; } .sppb-addon-social-media .social-media-text-wrap a { font-size: 18px; color: #d0d7dd; margin-right: 35px; } .sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group { margin-bottom: 30px; } .sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group input { background: #ffffff; border: 1px solid #dedede; border-radius: 5px; height: 60px !important; box-shadow: none; padding: 0 0 0 20px; } .sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group textarea { background: #ffffff; border: 1px solid #dedede; border-radius: 5px; height: 170px !important; box-shadow: none; resize: none; padding: 15px 0 0 20px; } .sppb-addon-gmap { position: relative; } .sppb-addon-gmap:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; } .sppb-addon-gallery ul.sppb-gallery { margin-left: -15px; margin-right: -15px; } .sppb-addon-gallery ul.sppb-gallery li { padding: 0 15px; margin-bottom: 30px; width: 33.333%; } .sppb-addon-gallery ul.sppb-gallery li a { border-radius: 4px; overflow: hidden; position: relative; display: block; } .sppb-addon-gallery ul.sppb-gallery li a:after { content: "\f065"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; color: #ffffff; width: 74px; height: 74px; border: 3px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center; line-height: 74px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; } .sppb-addon-gallery ul.sppb-gallery li a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } .sppb-addon-gallery ul.sppb-gallery li a:hover:after { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } .sppb-addon-gallery ul.sppb-gallery li a:hover:before { opacity: 1; -webkit-transform: scale(1.01); transform: scale(1.01); } .sppb-addon-gallery ul.sppb-gallery li a img { width: 100% !important; border-radius: 4px; } .sppb-addon-upcoming-events { display: table; border: 1px solid #dfe6ee; border-radius: 4px; width: 100%; padding-bottom: 19px; } .sppb-addon-upcoming-events .upcoming-events-date { float: left; text-align: center; padding-top: 45px; font-size: 14px; color: #000000; letter-spacing: -0.97px; font-weight: 700; } .sppb-addon-upcoming-events .upcoming-events-date span { font-size: 60px; letter-spacing: -1.17px; line-height: 0.7; display: inline-block; } .sppb-addon-upcoming-events .upcoming-events-details { float: left; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper { display: table; width: 100%; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-image { width: 38%; min-height: 167px; float: left; position: relative; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-image img { position: absolute; left: 0; top: -30px; border-radius: 4px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address { float: left; width: 62%; padding: 24px 15px 20px 28px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address h4 { font-size: 24px; color: #000000; letter-spacing: -1.67px; font-weight: 700; margin: 0; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address span { letter-spacing: -0.97px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address i { font-size: 16px; width: 25px; margin-bottom: 15px; } .sppb-addon-cta .sppb-cta-subtitle { margin-bottom: 0; line-height: 26px !important; } .sppb-addon-cta .sppb-btn-lg { margin-top: 30px; } .sppb-addon-image-content { position: relative; } .sppb-addon-image-content .sppb-image-holder { position: absolute; top: 0; width: 50%; height: 100%; background-position: 50%; background-size: cover; } .sppb-addon-image-content.aligment-left .sppb-image-holder { left: 0; } .sppb-addon-image-content.aligment-left .sppb-content-holder { padding: 120px 0 120px 50px; } .sppb-addon-image-content.aligment-right .sppb-image-holder { right: 0; } .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 120px 85px 120px 0; } .sppb-addon-image-content .sppb-content-holder .sppb-image-content-text { margin-bottom: 36px; } .sppb-addon-image-content .sppb-image-content-title { letter-spacing: -5px; } @media (max-width: 768px) { .sppb-addon-image-content .sppb-image-holder { position: inherit; width: 100% !important; height: 300px; } } .sppb-addon-article a img { border-top-left-radius: 4px; border-top-right-radius: 4px; } .sppb-addon-article .sppb-addon-article-title { font-size: 24px; margin: 0 0 17px; } .sppb-addon-article .sppb-addon-article-title a { color: #000; } .sppb-addon-article .sppb-article-content-wrap { padding: 42px 45px 41px 50px; background: #fff; border-color: #dfe6ee; border-width: 0 1px 1px; border-style: solid; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-article .sppb-readmore { font-size: 16px; letter-spacing: -0.5px; font-weight: 600; display: inline-block; margin-top: 8px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-article .sppb-readmore i { display: inline-block; margin-left: 5px; } .sppb-addon-article:hover .sppb-article-content-wrap { border-color: #fff; box-shadow: 1px 12px 33px 0 rgba(0,0,0,0.18); } .sp-module { margin-top: 50px; } .sp-module:first-child { margin-top: 0; } .sp-module .sp-module-title { margin: 0 0 20px; font-size: 14px; text-transform: uppercase; line-height: 1; } .sp-module ul { list-style: none; padding: 0; margin: 0; } .sp-module ul > li { display: block; border-bottom: 1px solid #e8e8e8; -webkit-transition: 300ms; transition: 300ms; } .sp-module ul > li > a { display: block; padding: 5px 0; line-height: 36px; padding: 2px 0; -webkit-transition: 300ms; transition: 300ms; } .sp-module ul > li > a:hover { background: none; } .sp-module ul > li > a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; margin-right: 8px; } .sp-module ul > li:last-child { border-bottom: none; } .sp-module .categories-module ul { margin: 0 10px; } .sp-module .latestnews > div { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e8e8e8; } .sp-module .latestnews > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .sp-module .latestnews > div > a { display: block; font-weight: 400; } .sp-module .tagscloud { margin: -2px 0; } .sp-module .tagscloud .tag-name { display: inline-block; padding: 5px 10px; background: #808080; color: #fff; border-radius: 4px; margin: 2px 0; } .sp-module .tagscloud .tag-name span { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgba(0,0,0,0.2); border-radius: 10px; } .strong-mission-content { padding-left: 84px; } .strong-mission-content .sppb-addon-text-block .sppb-addon-title { letter-spacing: -5px; } .strong-mission-content .sppb-addon-button-group { margin-top: 5px; } .contact-form-section .sppb-addon-feature .sppb-feature-box-title { margin-top: 0; margin-bottom: 10px; } .contact-form-section .contact-email-content { margin-top: 60px; } .hope-faq-section .sppb-row.sppb-no-gutter .sppb-col-md-6:first-child { border-right: 1px solid #e9eff4; } .hope-faq-section .sppb-column .sppb-column-addons > div:last-child .sppb-addon-feature { border-bottom: 0; } .hope-faq-section .sppb-addon-feature { border-bottom: 1px solid #e9eff4; padding-left: 55px; padding-bottom: 55px; padding-top: 62px; } .hope-faq-section .sppb-addon-feature .sppb-feature-box-title { margin-top: 0; } .sppb-addon-person .sppb-addon-content .sppb-person-image { margin-bottom: 0; } .sppb-addon-person .sppb-addon-content .sppb-person-image img { border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; } .sppb-addon-person .sppb-addon-content .sppb-person-content-wrap { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #fff; border-style: solid; border-width: 0 1px 1px; border-color: #dfe6ee; margin: 0; padding: 28px 0 25px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .sppb-addon-person .sppb-addon-content .sppb-person-information .sppb-person-name { font-size: 24px; color: #000000; letter-spacing: -0.8px; } .sppb-addon-person .sppb-addon-content .sppb-person-information .sppb-person-designation { margin: 0px 0 15px; font-size: 16px; letter-spacing: -0.5px; } .sppb-addon-person .sppb-person-social-icons .sppb-person-social li { margin: 0 18px; } .sppb-addon-person .sppb-person-social-icons .sppb-person-social li a { font-size: 18px; color: #d0d7dd; } .sppb-addon-person:hover .sppb-addon-content .sppb-person-content-wrap { box-shadow: 1px 12px 33px 0 rgba(0,0,0,0.18); border-color: #fff; } .volunteer-contact-form .sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-col-sm-6 { width: 100%; } .volunteer-contact-form .sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-btn.sppb-btn-success { display: table; width: auto; margin: 0 auto; } #sp-page-builder div.sppb-section-title { margin-bottom: 77px; } #sp-myaccount > .sp-column > ul.nav { display: none; } #sp-myaccount > .sp-column #login-form { display: none; } .login img { display: inline-block; margin: 20px 0; } .login .checkbox input[type="checkbox"] { margin-top: 6px; } .form-links a { margin-right: 10px; } .com-users .reg-login-form-wrap { background: #f7f9fb; position: relative; padding: 45px; } .com-users .reg-login-form-wrap div.login-logo { width: 109px; margin: 0 auto; left: 0; position: absolute; right: 0; top: -50px; } .com-users .reg-login-form-wrap div.login-logo a { display: table; } .com-users .reg-login-form-wrap .reg-login-title h3 { font-weight: 600; color: #000; margin-top: 0; margin-bottom: 58px; } .com-users .reg-login-form-wrap .form-validate input { border: 0; border-radius: 3px; box-shadow: none; height: 55px !important; padding: 0 0 0 20px; background: #fff; } .com-users .reg-login-form-wrap .registration, .com-users .reg-login-form-wrap .login { margin-bottom: 45px; } .com-users .reg-login-form-wrap .registration .form-group, .com-users .reg-login-form-wrap .login .form-group { margin-bottom: 24px; text-align: left; } .com-users .reg-login-form-wrap .registration .form-group .btn-primary.btn-block, .com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block { display: inline-block; width: auto; margin-top: 15px; color: #fff; } .com-users .reg-login-form-wrap .registration .form-group p, .com-users .reg-login-form-wrap .login .form-group p { color: #000; font-weight: 600; } .com-users .reg-login-form-wrap .registration { margin-bottom: 0; } .com-users .reg-login-form-wrap .registration > p { margin-bottom: 0; text-align: left; } .com-users .reg-login-form-wrap .registration .form-validate .form-group .btn.btn-primary { margin-top: 20px; margin-bottom: 22px; color: #fff; } .com-users .reg-login-form-wrap .form-links { text-align: left; } .com-users .sp-page-title h2 { font-family: Poppins, sans-serif; font-weight: 500; font-size: 60px; color: #ffffff; letter-spacing: -3px; line-height: 70px; text-transform: none; } .com-users.view-reset #user-registration .form-group button { color: #fff; } .com-users.view-login .logout { text-align: center; padding: 100px 0; background-color: #fff; } .com-users.view-login .logout .btn.btn-primary { border: none; } .com-users.view-login .logout .btn.btn-primary:hover, .com-users.view-login .logout .btn.btn-primary:focus { color: #fff; } .search .btn-toolbar { margin-bottom: 20px; } .search .btn-toolbar span.icon-search { margin: 0; } .search .btn-toolbar button { color: #fff; } .search .phrases .phrases-box .controls label { display: inline-block; margin: 0 5px 20px; } .search .phrases .ordering-box { margin-bottom: 15px; } .search .only label { display: inline-block; margin: 0 20px 20px; } .search .search-results dt.result-title { margin-top: 40px; } .search .search-results dt, .search .search-results dd { margin: 5px 0; } .filter-search .chzn-container-single .chzn-single { height: 34px; line-height: 34px; } .form-search .finder label { display: block; } .form-search .finder .input-medium { width: 60%; border-radius: 4px; } .finder .word input { display: inline-block; } .finder .search-results.list-striped li { padding: 20px 0; } .view-search #sp-header { background: rgba(0,0,0,0.85); top: 0px; } .view-search #sp-main-body { background: #ededed; padding: 190px 0px; } .layout-blog #sp-main-body { background: #f3f5f7; } .layout-blog .tags { display: none; } .view-category .entry-header .article-info .published { display: none; } .article-info { margin: 0 -8px 15px; line-height: 12px; } .article-info > dd { display: inline-block; text-transform: capitalize; margin: 0 8px; } .article-info > dd a:hover, .article-info > dd a:focus { color: #000; } .article-info > dd > i { display: inline-block; margin-right: 3px; } .article-info > dd.createdby { display: none; } .article-info > dd.hits { display: none; } article.item { margin-bottom: 30px; } article.item .entry-image { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; float: none !important; } article.item .entry-image a img { border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } article.item .category-name i { display: none; } article.item .article-info-wrap { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 28px 30px 24px; } article.item .readmore { margin: 20px 0 10px; } article.item .readmore a { background: none; padding: 0; font-size: 16px; letter-spacing: -0.5px; font-weight: 400; box-shadow: none; } article.item .readmore a:hover, article.item .readmore a:focus { color: #000; background: transparent; } article.item:hover .entry-image a img { -webkit-transform: scale(1.08); transform: scale(1.08); } .items-leading article.item .article-info-wrap { border-radius: 0; } .tags { margin-top: 20px; margin-bottom: 15px; } .tags > span { text-transform: capitalize; letter-spacing: 2px; } .tags a.label.label-info { font-size: 12px; color: #838d8f; letter-spacing: -0.38px; display: inline-block; background: #f3f5f7; border-radius: 2px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: 400; padding: 6px 13px; } .tags a.label.label-info:hover, .tags a.label.label-info:focus { color: #fff; } #sp-right .sp-module, #sp-left .sp-module { border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: 30px; padding: 25px 0 10px; background: #fff; } #sp-right .sp-module .sp-module-title, #sp-left .sp-module .sp-module-title { font-size: 24px; color: #000000; letter-spacing: -0.75px; font-weight: 600; padding-left: 30px; text-transform: capitalize; } #sp-right .sp-module ul li, #sp-left .sp-module ul li { padding: 10px 30px; border-color: #eaeaea; } #sp-right .sp-module ul li a, #sp-left .sp-module ul li a { font-size: 16px; color: #4a4a4a; letter-spacing: -0.5px; } #sp-right .sp-module ul li a:before, #sp-left .sp-module ul li a:before { display: none; } #sp-right .sp-module ul li:first-child, #sp-left .sp-module ul li:first-child { padding-top: 0; } #sp-right .sp-module ul li:last-child, #sp-left .sp-module ul li:last-child { border: 0; } #sp-right .sp-module:first-child, #sp-left .sp-module:first-child { padding: 0; border-radius: 4px; margin-top: 0; } #sp-right .sp-module:first-child .sp-module-title, #sp-left .sp-module:first-child .sp-module-title { display: none; } #sp-right .sp-module .search form, #sp-left .sp-module .search form { position: relative; } #sp-right .sp-module .search form:after, #sp-left .sp-module .search form:after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: #949494; position: absolute; top: 10px; left: auto; right: 20px; } #sp-right .sp-module .search form input, #sp-left .sp-module .search form input { background: #ffffff; border-radius: 4px; width: 100%; font-size: 14px; color: #949494; height: 50px; box-shadow: none; border: 0; padding: 0 0 0 20px; } #sp-right .sp-module .latestnews > div, #sp-left .sp-module .latestnews > div { padding: 10px 30px 25px; margin-bottom: 20px; border-color: #eaeaea; } #sp-right .sp-module .latestnews > div:last-of-type, #sp-left .sp-module .latestnews > div:last-of-type { margin-bottom: 0; padding-bottom: 20px; } #sp-right .sp-module .latestnews > div a, #sp-left .sp-module .latestnews > div a { font-size: 16px; color: #000000; letter-spacing: -0.5px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #sp-right .sp-module .latestnews .article-list-img, #sp-left .sp-module .latestnews .article-list-img { margin-bottom: 13px; } #sp-right .sp-module .latestnews .article-list-img img, #sp-left .sp-module .latestnews .article-list-img img { width: 100%; height: 150px; border-radius: 4px; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images { padding: 0 15px 5px; display: table; width: 100%; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images li, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images li { padding: 13px 15px !important; border: 0; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images li a img, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images li a img { border-radius: 4px; } #sp-right .sppb-addon-social-media .social-media-text-wrap, #sp-left .sppb-addon-social-media .social-media-text-wrap { padding-left: 30px; padding-top: 5px; padding-bottom: 20px; } #sp-right .sppb-addon-social-media .social-media-text-wrap a, #sp-left .sppb-addon-social-media .social-media-text-wrap a { font-size: 18px; color: #6d7784; line-height: 25px; display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #f7f7f7; text-align: center; line-height: 45px; margin-right: 20px; } #sp-right .sppb-addon-social-media .social-media-text-wrap a:last-of-type, #sp-left .sppb-addon-social-media .social-media-text-wrap a:last-of-type { margin-right: 0; } .content_rating, .content_rating + form { display: none; } .voting-symbol { unicode-bidi: bidi-override; direction: rtl; font-size: 14px; display: inline-block; } .voting-symbol span.star { font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: normal; font-style: normal; display: inline-block; } .voting-symbol span.star.active:before { content: "\f005"; } .voting-symbol span.star:before { content: "\f006"; padding-right: 5px; } .sp-rating span.star:hover:before, .sp-rating span.star:hover ~ span.star:before { content: "\f005"; cursor: pointer; } .post_rating { margin-bottom: 20px; } .post_rating .ajax-loader, .post_rating .voting-result { display: none; } .post-format { position: absolute; top: -105px; left: 0; display: block; width: 48px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color: #fff; border-radius: 3px; } .entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link { margin-bottom: 0px; } .entry-status, .entry-quote { margin-bottom: 50px; } .entry-header { position: relative; margin-bottom: 18px; } .entry-header.has-post-format { margin-left: 0; } .entry-header h2 { margin: 8px 0 0; font-size: 24px; line-height: 1; } .entry-header h2 a { color: #000; } .entry-link { padding: 100px 50px; position: relative; z-index: 1; } .entry-link a h4 { margin: 0; font-size: 36px; color: #fff; } .entry-link a h4:hover { color: rgba(255,255,255,0.85); } .entry-link:before { position: absolute; left: -60px; font-size: 300px; content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; transform: rotate(90deg); top: -75px; color: rgba(255,255,255,0.15); z-index: -1; } .entry-quote { position: relative; padding: 80px 50px; color: rgba(255,255,255,0.9); } .entry-quote:before { position: absolute; left: -40px; font-size: 300px; content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 900; transform: rotate(15deg); top: -75px; color: rgba(255,255,255,0.15); } .entry-quote blockquote small { color: #fff; font-weight: 600; font-size: 20px; } .entry-quote blockquote { padding: 0; margin: 0; font-size: 16px; border: none; } .carousel-left, .carousel-right { position: absolute; top: 50%; font-size: 24px; width: 36px; height: 36px; line-height: 36px; margin-top: -18px; text-align: center; color: #fff; background: rgba(0,0,0,0.5); border-radius: 4px; -webkit-transition: 400ms; transition: 400ms; } .carousel-left:hover, .carousel-right:hover { color: #fff; } .carousel-left:focus, .carousel-right:focus { color: #fff; } .carousel-left { left: 10px; } .carousel-right { right: 10px; } .newsfeed-category .category { list-style: none; padding: 0; margin: 0; } .newsfeed-category .category li { padding: 5px 0; } .newsfeed-category #filter-search { margin: 10px 0; } .category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped { list-style: none; padding: 0; margin: 0; } .category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li { padding: 2px 0; } .category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 { margin: 5px 0; } .article-footer-top { display: table; clear: both; width: 100%; } .article-footer-top .post_rating { float: left; } .helix-social-share { float: right; } .helix-social-share .helix-social-share-icon ul { padding: 0; list-style: none; margin: 0; } .helix-social-share .helix-social-share-icon ul li { margin-right: 7px; display: inline-block; } .helix-social-share .helix-social-share-icon ul li div { display: block; } .helix-social-share .helix-social-share-icon ul li div a { background: #f5f5f5 none repeat scroll 0 0; border-radius: 50%; height: 30px; padding-top: 4px; text-align: center; width: 30px; display: inline-block; } .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus { color: #fff; } .pagination-wrapper .pagination { border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: table; width: 100%; background: #fff; padding: 24px 50px 22px; margin-top: 30px; text-align: center; line-height: 1; } .pagination-wrapper .pagination li { margin: 0 5px; display: inline-block; } .pagination-wrapper .pagination li:first-child:not(.active) { float: left; } .pagination-wrapper .pagination li:first-child:not(.active) a { width: auto; height: auto; border-radius: 0; font-size: 24px; color: rgba(51,51,51,0.23); } .pagination-wrapper .pagination li:first-child:not(.active):hover a { background: transparent; } .pagination-wrapper .pagination li:last-child:not(.active) { float: right; } .pagination-wrapper .pagination li:last-child:not(.active) a { width: auto; height: auto; border-radius: 0; font-size: 24px; color: rgba(51,51,51,0.23); } .pagination-wrapper .pagination li:last-child:not(.active):hover a { background: transparent; } .pagination-wrapper .pagination li span, .pagination-wrapper .pagination li a { border: 0; height: 32px; width: 32px; border-radius: 50%; text-align: center; line-height: 32px; color: #000; padding: 0; } .view-article #sp-main-body { background: #f3f5f7; } .view-article .entry-header .article-info:first-of-type .createdby, .view-article .entry-header .article-info:first-of-type .published, .view-article .entry-header .article-info:first-of-type .hits { display: none; } .view-article .entry-header h2 { font-size: 32px; color: #000; margin: 10px 0 23px; } .view-article .entry-header .article-info:last-of-type .category-name { display: none; } .view-article .entry-header .helix-social-share-wrap { display: inline-block; margin-left: 15px; } .view-article .entry-header .helix-social-share-wrap .helix-social-share .helix-social-share-icon ul { margin-left: 10px; } .view-article .entry-header .helix-social-share-wrap .helix-social-share .helix-social-share-icon ul li a { background: transparent; padding: 0; height: auto; width: auto; font-size: 14px; letter-spacing: -0.44px; } .view-article .entry-header .helix-social-share-wrap .helix-social-share .helix-social-share-icon ul li a span { display: none; } .view-article .entry-header .article-info { display: inline-block; } .view-article .entry-image img { border-top-left-radius: 4px; border-top-right-radius: 4px; } .view-article .article-info > dd.hits, .view-article .article-info > dd.createdby { display: inline-block; } .view-article .sppb-row-container { padding: 0px; } .view-article .sppb-addon-text-block .sppb-addon-content strong { font-size: 32px; color: #000000; letter-spacing: -1px; line-height: 40px; margin: 14px 0 19px; display: block; } .view-article .sppb-addon-text-block h4.sppb-addon-title { letter-spacing: -0.75px; } .view-article .pagination { justify-content: space-between; } .view-article .pagination .page-item .page-link { padding: 13px 28px 11px; font-size: 14px; font-weight: 500; box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06); border-radius: 4px; border: 0; text-transform: uppercase; display: inline-block; line-height: 1; } .view-article .pagination .page-item .page-link .icon-chevron-left, .view-article .pagination .page-item .page-link .icon-chevron-right { display: none; } .view-article .pagination .page-item .page-link:hover, .view-article .pagination .page-item .page-link:focus { color: #fff; background: #000; } .view-article .article-footer-top .helix-social-share { float: left; margin: 15px 0 30px; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a { width: auto; height: auto; border-radius: 3px; color: #000; padding: 10px 20px; line-height: 1; text-transform: uppercase; font-size: 12px; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a span { display: inline-block; margin-left: 15px; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a.facebook { background: #3b5998; color: #fff; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a.twitter { color: #fff; background: #1da1f2; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a.gplus { background: #dd4b39; color: #fff; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a.pinterest { color: #fff; background: #bd081c; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a.instagram { color: #fff; background: #c13584; } .view-article .article-infomation .sppb-addon-single-image { margin: 67px 0 57px; } .hope-causes.layout-blog .entry-header h2 { line-height: 1.4; } .hope-causes.layout-blog article.item .article-info-wrap { padding: 10px 40px 24px 50px; } .hope-causes.view-article .sppb-addon-donation { margin-bottom: 40px; padding-left: 0px; } .hope-causes.view-article .sppb-addon-donation .sppb-title-heading { font-size: 36px; letter-spacing: -1px; margin-bottom: 15px; } .hope-causes.view-article .sppb-addon-donation .donation-ammount-wrap { margin-bottom: 30px; } .hope-causes.view-article .sppb-addon-donation .sppb-title-subheading { margin-bottom: 28px; } .hope-causes.view-article .sppb-addon-donation .donation-button a { padding: 19px 62px; } .hope-causes.view-article .sppb-addon-donation .donation-button a:hover, .hope-causes.view-article .sppb-addon-donation .donation-button a:focus { color: #fff; background: #000; } .hope-causes.view-article .article-footer-top, .hope-causes.view-article .tags { display: none; } #sp-bottom .sp-module .sp-module-title { font-size: 16px; color: #000000; letter-spacing: -0.5px; text-transform: uppercase; margin-bottom: 22px; font-weight: 500; } #sp-bottom .sp-module .nav.menu li { border: none; } #sp-bottom .sp-module .nav.menu li a { padding: 0; font-size: 14px; letter-spacing: -0.5px; line-height: 30px; } #sp-bottom .sp-module .nav.menu li a:focus { background: transparent; } #sp-bottom .sp-module .nav.menu li a:before { display: none; } #sp-footer { text-align: center; padding: 40px 0; position: relative; } #sp-footer:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; width: 80%; margin: 0 auto; background: #e4ebf0; } #sp-footer-wrapper ul { display: inline-block; } #sp-footer-wrapper ul.nav { display: inline-block; list-style: none; padding: 0; margin: 0 5px; } #sp-footer-wrapper ul.nav li { display: inline-block; margin: 0 5px; } #sp-footer-wrapper ul.nav li a { display: block; } #sp-footer-wrapper ul.nav li a:hover { background: none; } #sp-footer-wrapper .helix-framework { display: inline-block; } #sp-footer-wrapper .helix-framework .helix-logo { display: block; width: 130px; height: 40px; text-indent: -9999px; background: url(../images/helix-logo-white.png) no-repeat 0 0; } #sp-footer-wrapper .copyright { display: block; } .sp-comingsoon { width: 100%; height: 100%; min-height: 100%; } .sp-comingsoon body { width: 100%; height: 100%; min-height: 100%; color: #fff; } .sp-comingsoon #sp-comingsoon { padding: 100px 0 110px; } .sp-comingsoon .sp-comingsoon-wrap.has-background { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: table; } .sp-comingsoon .comingsoon-page-logo { text-align: center; } .sp-comingsoon .comingsoon-page-logo img { display: inline-block; } .sp-comingsoon .comingsoon-page-logo .sp-retina-logo { display: none; } .sp-comingsoon .sp-comingsoon-title { margin-top: 130px; font-size: 42px; margin-bottom: 10px; font-weight: 700; } .sp-comingsoon .sp-comingsoon-content { font-size: 28px; font-weight: 300; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { display: inline-block; margin: 225px 125px 129px 0; } .sp-comingsoon div.seconds { margin-right: 0; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .seconds .number, .sp-comingsoon .minutes .number { display: inline-block; font-size: 150px; color: #ffd012; letter-spacing: -7.5px; font-weight: 600; line-height: 0.8; } .sp-comingsoon .days .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string, .sp-comingsoon .hours .string { display: block; font-size: 48px; color: #ffffff; letter-spacing: -3.07px; font-weight: 600; line-height: 0.8; margin-top: 22px; } .sp-comingsoon .social-icons li { display: inline-block; margin: 0 15px; } .sp-comingsoon .social-icons li a { color: rgba(255,255,255,0.7); font-size: 24px; -webkit-transition: color 400ms; transition: color 400ms; } .sp-comingsoon .social-icons li a:hover { color: #fff; } .sp-comingsoon .acymailing_introtext { font-size: 24px; color: #ffffff; letter-spacing: -0.75px; font-weight: 600; margin-bottom: 36px !important; } .sp-comingsoon .acymailing_form { width: 410px; margin: 0 auto !important; position: relative; } .sp-comingsoon .acymailing_form .fieldacyemail { text-align: left; margin: 0; } .sp-comingsoon .acymailing_form .fieldacyemail input { box-shadow: none; border-radius: 5px; width: 300px !important; margin: 0 auto !important; height: 44px; border: 0; display: inline-block; } .sp-comingsoon .acymailing_form .acysubbuttons { margin: 0; left: auto; right: 0; top: 0; position: absolute; } .sp-comingsoon .acymailing_form .acysubbuttons input { border-bottom-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 44px; padding: 0 26px; font-size: 16px; color: #000000; letter-spacing: -0.5px; font-weight: 400; } .sp-comingsoon .social-icons { margin: 37px 0 0; } .sp-comingsoon .social-icons li { margin: 0 24px; } .sp-comingsoon .social-icons li a { font-size: 18px; color: rgba(255,255,255,0.9); } .error-page { width: 100%; height: 100%; min-height: 100%; } .error-page body { width: 100%; height: 100%; min-height: 100%; font-family: Poppins, sans-serif; } .error-page .error-page-inner { height: 100%; min-height: 100%; width: 100%; display: table; text-align: center; } .error-page .error-page-inner.has-background { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 100px 0; } .error-page .error-page-inner .error-logo-wrap { text-align: center; margin-bottom: 0px; } .error-page .error-page-inner .error-logo-wrap img { display: inline-block; } .error-page .error-page-inner > div { display: table-cell; vertical-align: middle; } .error-page .fa-exclamation-triangle { font-size: 64px; line-height: 1; margin-bottom: 10px; } .error-page .error-code { font-size: 190px; color: #ffffff; letter-spacing: -9.5px; line-height: 1; text-shadow: 0 11px 10px rgba(0,0,0,0.19); font-weight: 700; margin: 180px 0 20px; } .error-page .error-message { font-size: 48px; color: #ffffff; letter-spacing: -3.07px; line-height: 1; font-weight: 600; margin-bottom: 80px; } .error-page .btn.btn-primary { color: #fff; } .error-page .btn.btn-primary:hover { color: #fff; } .sp-social-share ul { display: block; padding: 0; margin: 20px -5px 0; } .sp-social-share ul li { display: inline-block; font-size: 24px; margin: 0 5px; } .dl-horizontal dt { margin: 8px 0; text-align: left; } .page-header { padding-bottom: 15px; } table.category { width: 100%; } table.category thead > tr, table.category tbody > tr { border: 1px solid #f2f2f2; } table.category thead > tr th, table.category thead > tr td, table.category tbody > tr th, table.category tbody > tr td { padding: 10px; } .contact-form .form-actions { background: none; border: none; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a { background: #2d2d2d; border-radius: 2px; color: #fff; -webkit-transition: 300ms; transition: 300ms; } .sp-pre-loader { background: #f5f5f5; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .sp-pre-loader .sp-loader-clock { border: 3px solid #333333; border-radius: 60px; bottom: 0; height: 80px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80px; } .sp-pre-loader .sp-loader-clock:after { content: ""; position: absolute; background-color: #333333; top: 2px; left: 48%; height: 38px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 97%; transform-origin: 50% 97%; -webkit-animation: grdAiguille 2s linear infinite; animation: grdAiguille 2s linear infinite; } .sp-pre-loader .sp-loader-clock:before { content: ""; position: absolute; background-color: #333333; top: 6px; left: 48%; height: 35px; width: 4px; border-radius: 5px; -webkit-transform-origin: 50% 94%; transform-origin: 50% 94%; -webkit-animation: ptAiguille 12s linear infinite; animation: ptAiguille 12s linear infinite; } .sp-pre-loader .sp-loader-circle { position: absolute; height: 80px; width: 80px; border-radius: 80px; border: 3px solid rgba(51,51,51,0.7); left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader1 3s linear infinite; animation: loader1 3s linear infinite; } .sp-pre-loader .sp-loader-circle:after { content: ""; position: absolute; top: -5px; left: 20px; width: 11px; height: 11px; border-radius: 10px; background-color: #333333; } .sp-pre-loader .sp-loader-bubble-loop { position: absolute; width: 12px; height: 12px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 12px; background-color: #333333; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader6 1s ease-in-out infinite; animation: loader6 1s ease-in-out infinite; } .sp-pre-loader .sp-loader-bubble-loop:before { content: ""; position: absolute; background-color: rgba(51,51,51,0.5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px; } .sp-pre-loader .sp-loader-bubble-loop:after { content: ""; position: absolute; background-color: rgba(51,51,51,0.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px; } .sp-pre-loader .circle-two { bottom: 0; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100px; } .sp-pre-loader .circle-two > span, .sp-pre-loader .circle-two > span:before, .sp-pre-loader .circle-two > span:after { content: ""; display: block; border-radius: 50%; border: 2px solid #333333; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .sp-pre-loader .circle-two > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .sp-pre-loader .circle-two > span:before { width: 75%; height: 75%; border-right-color: transparent; } .sp-pre-loader .circle-two > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } .sp-pre-loader .wave-two-wrap { position: absolute; margin: auto; left: 0; right: 0; top: 50%; width: 90px; } .sp-pre-loader .wave-two { margin: 0; list-style: none; width: 90px; position: relative; padding: 0; height: 10px; } .sp-pre-loader .wave-two li { position: absolute; width: 2px; height: 0; background-color: #333333; bottom: 0; } .sp-pre-loader .wave-two li:nth-child(1) { left: 0; -webkit-animation: sequence1 1s ease infinite 0; animation: sequence1 1s ease infinite 0; } .sp-pre-loader .wave-two li:nth-child(2) { left: 15px; -webkit-animation: sequence2 1s ease infinite 0.1s; animation: sequence2 1s ease infinite 0.1s; } .sp-pre-loader .wave-two li:nth-child(3) { left: 30px; -webkit-animation: sequence1 1s ease-in-out infinite 0.2s; animation: sequence1 1s ease-in-out infinite 0.2s; } .sp-pre-loader .wave-two li:nth-child(4) { left: 45px; -webkit-animation: sequence2 1s ease-in infinite 0.3s; animation: sequence2 1s ease-in infinite 0.3s; } .sp-pre-loader .wave-two li:nth-child(5) { left: 60px; -webkit-animation: sequence1 1s ease-in-out infinite 0.4s; animation: sequence1 1s ease-in-out infinite 0.4s; } .sp-pre-loader .wave-two li:nth-child(6) { left: 75px; -webkit-animation: sequence2 1s ease infinite 0.5s; animation: sequence2 1s ease infinite 0.5s; } .sp-pre-loader .sp-loader-audio-wave { width: 3em; height: 2em; background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; animation: audioWave 1.5s linear infinite; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .sp-pre-loader .sp-loader-with-logo { top: 0; left: 0; width: 100%; height: 105px; right: 0; bottom: 0; margin: auto; text-align: center; position: absolute; } .sp-pre-loader .sp-loader-with-logo .logo { display: inline-block; width: auto; } .sp-pre-loader .sp-loader-with-logo .line { background: #333333; bottom: 0; height: 5px; left: 0; position: absolute; top: auto; } @-webkit-keyframes grdAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes grdAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes ptAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ptAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes loader1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes loader6 { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes loader6 { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @keyframes rotate-360 { from { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes audioWave { 25% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 37.5% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em; } 50% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em; } 62.5% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em; } 75% { background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%; background-repeat: no-repeat; background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em; } } @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sequence1 { 0% { height: 10px; } 50% { height: 50px; } 100% { height: 10px; } } @keyframes sequence2 { 0% { height: 20px; } 50% { height: 65px; } 100% { height: 20px; } } @keyframes rot1 { 100% { transform: skew(-10deg) translateX(50px) rotate(405deg); } } @-webkit-keyframes rot1 { 100% { -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg); } } @keyframes rot2 { 100% { transform: skew(-10deg) rotate(525deg); } } @-webkit-keyframes rot2 { 100% { -webkit-transform: skew(-10deg) rotate(525deg); } } @keyframes rot3 { 100% { transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @-webkit-keyframes rot3 { 100% { -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg); } } @keyframes width { 10% { width: 10%; } 20% { width: 20%; } 30% { width: 30%; } 40% { width: 40%; } 50% { width: 50%; } 60% { width: 60%; } 70% { width: 70%; } 80% { width: 80%; } 90% { width: 90%; } 100% { width: 100%; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media screen and (min-width: 768px) and (max-width: 1199px) { .scrollup { bottom: 25px; right: 25px; } } @media screen and (min-width: 320px) and (max-width: 767px) { ul.social-icons { margin: 0; width: 100%; text-align: center; } ul.social-icons > li { margin: 5px; } .sp-contact-info { display: table; float: none; margin: 0; text-align: center; width: 100%; } .sp-contact-info li { margin: 0 5px; font-size: 89%; } .sppb-animated .sppb-addon-cta .sppb-cta-title { font-size: 28px !important; line-height: 40px !important; } .sppb-animated .sppb-addon-cta .sppb-btn-lg { font-size: 16px; } .scrollup { bottom: 25px; right: 25px; } .form-horizontal .control-label { width: 100%; text-align: left; } .form-horizontal .controls { margin: 0; width: 100%; } .form-horizontal .controls input, .form-horizontal .controls textarea { width: 100%; } .form-horizontal .controls textarea { height: 131px; } } @media screen and (min-width: 550px) and (max-width: 767px) { .sp-contact-info li { margin: 0 5px; font-size: 90%; } } .input-password-toggle { display: none; } meter { width: 100%; } .com-search.view-search .form-check-input[type="radio"] { width: 14px; } .com-users.view-profile .btn { padding: 9px 30px !important; } .com-users.view-profile .btn span { display: none; } .com-users.view-profile #sp-header { background: black; } .com-users.view-profile #sp-main-body { padding: 190px 0 100px 0px; } .view-form.layout-edit #jform_attribs_post_format { display: flex; align-items: center; } .view-form.layout-edit .btn.btn-default { padding: 5px 7px; box-shadow: none; background: #6c757d; color: #fff; border-radius: 5px; margin: 0px 4px; } .view-form.layout-edit .btn.btn-default:hover, .view-form.layout-edit .btn.btn-default:focus { background: #ffd012; } .view-form.layout-edit .btn.btn-default.active { background: #ffd012; } .view-form.layout-edit .btn.btn-primary { padding: 6px 35px; margin-right: 5px; } .view-form.layout-edit .btn.btn-secondary { margin-right: 10px; } .com-finder.view-search .btn.btn-primary { padding: 0px 15px; } .com-finder.view-search .js-finder-search-query { height: 38px; } #jform_attribs_post_format + div { display: none; } .smart-right .sp-module-content form { position: relative; } .smart-right .sp-module-content form:after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: #949494; position: absolute; top: 10px; left: auto; right: 20px; } .smart-right .sp-module-content form input { background: #ffffff; border-radius: 4px; width: 100%; font-size: 14px; color: #949494; height: 50px; box-shadow: none; border: 0; padding: 0 0 0 20px; } @media only screen and (max-width: 1199px) { .sppb-addon-donation { padding-left: 0px; } .sppb-addon-donation .donation-ammount-wrap input { width: 90px; height: 55px; } .sppb-addon-article .sppb-article-content-wrap { padding: 30px; } .sppb-addon-article .sppb-addon-article-title { font-size: 20px; } .sppb-addon-animated-number .sppb-animated-number { font-size: 60px !important; line-height: 1 !important; } .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-before, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-after { font-size: 60px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text h1 { font-size: 90px; } .hope-faq-section .sppb-addon-feature { padding-left: 30px; padding-bottom: 40px; padding-top: 40px; } .hope-faq-section .sppb-addon-feature .sppb-feature-box-title { font-size: 22px !important; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { margin: 150px 70px 110px 0; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .minutes .number, .sp-comingsoon .seconds .number { font-size: 100px; letter-spacing: -5px; } .sp-comingsoon .days .string, .sp-comingsoon .hours .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string { font-size: 40px; letter-spacing: 0; } .entry-header h2 { font-size: 20px !important; letter-spacing: 0 !important; line-height: 1.2; } #sp-right .sppb-addon-social-media .social-media-text-wrap, #sp-left .sppb-addon-social-media .social-media-text-wrap { padding-bottom: 5px; } #sp-right .sppb-addon-social-media .social-media-text-wrap a, #sp-left .sppb-addon-social-media .social-media-text-wrap a { margin-bottom: 15px; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images { padding: 0 0px 5px; } #sp-right .sp-module .sp-module-title, #sp-left .sp-module .sp-module-title { font-size: 20px; } .hope-causes.layout-blog article.item .article-info-wrap { padding: 10px 30px 24px 30px; } body.home-v2 .hope-become-a-volunteer .sppb-title-subheading { line-height: 1; } .upcoming-events-details { padding-left: 0; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-image { width: 30%; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address { width: 70%; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address i { margin-bottom: 10px; } body.rtl div.sppb-addon-donation { padding-right: 0; } body.rtl .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 120px 0px 120px 0; } body.rtl .strong-mission-content { padding-left: 0; } } @media only screen and (max-width: 991px) { .responsive-padding-top-sixty { padding-top: 60px !important; } .responsive-padding-bottom-sixty { padding-bottom: 60px !important; } .responsive-padding-top-thirty { padding-top: 30px !important; } .responsive-padding-bottom-thirty { padding-bottom: 30px !important; } .responsive-padding-top-hundred { padding-top: 100px !important; } .responsive-padding-bottom-hundred { padding-bottom: 100px !important; } .responsive-padding-top-zero { padding-top: 0 !important; } .responsive-padding-bottom-zero { padding-bottom: 0 !important; } .responsive-padding-hundred { padding: 100px 0 !important; } .responsive-padding { padding: 60px 0 !important; } .responsive-pdding-zero { padding: 0 !important; } h1 { font-size: 90px !important; } h2 { font-size: 50px !important; letter-spacing: -3px !important; } #sp-page-builder div.sppb-section-title { margin-bottom: 47px; } .sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br { display: none; } .sppb-addon-animated-number .sppb-animated-number { font-size: 40px !important; line-height: 1 !important; } .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-before, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-after { font-size: 40px; } #sp-bottom { padding: 60px 0 !important; } #sp-bottom4, #sp-bottom5 { margin-top: 30px; } .sp-page-title { padding: 170px 0 115px; } .sp-page-title h2 { letter-spacing: 0 !important; line-height: 1.2; } .sppb-addon-image-content.aligment-right .sppb-col-sm-6 { width: 100%; } .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 20px 30px 0px 0; } .strong-mission-content { padding-left: 0; } .strong-mission-content .sppb-column-addons > div { padding-top: 0 !important; } .resonsive-padding-fix .sppb-column-addons >div:nth-child(2) { padding-top: 30px !important; } .hope-faq-section .sppb-row.sppb-no-gutter .sppb-col-md-6:first-child { border-right: 0; } .hope-faq-section .sppb-section-title.sppb-text-center { margin-bottom: 20px !important; } .hope-faq-section .sppb-section-title.sppb-text-center .sppb-title-heading { margin-bottom: 0 !important; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { margin: 120px 50px 110px 0; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .minutes .number, .sp-comingsoon .seconds .number { font-size: 70px; letter-spacing: -2px; } .sp-comingsoon .days .string, .sp-comingsoon .hours .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string { font-size: 30px; letter-spacing: 0; } #sp-main-body { padding: 60px 0; } .view-article .sppb-addon-text-block .sppb-addon-content strong { font-size: 22px; } .view-article .article-infomation .sppb-addon-single-image { margin: 30px 0 24px; } .hope-causes.view-article .sppb-addon-donation .sppb-title-heading { letter-spacing: 0 !important; font-size: 30px !important; margin-top: 0; } .hope-causes.view-article .sppb-addon-donation .donation-ammount-wrap { margin-bottom: 10px; } .hope-causes.view-article .sppb-addon-donation .donation-ammount-wrap input { margin-bottom: 20px; } .contact-form-section .contact-email-content { margin-top: 30px; } .sppb-addon-gmap .sppb-addon-gmap-canvas { height: 375px !important; } .home-two-causes-donation .sppb-addon-text-block .sppb-addon-title { letter-spacing: 0px; margin-top: 0; } .home-two-causes-donation .sppb-addon-text-block .sppb-addon-content br { display: block; } body.home-v2 .hope-become-a-volunteer .sppb-title-subheading { font-size: 36px !important; letter-spacing: 0; } .sppb-addon-upcoming-events .event-address br { display: block; } .upcoming-event-right-side { margin-top: 50px; padding: 60px 30px !important; } } @media only screen and (max-width: 767px) { .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg { height: 650px; } h1 { font-size: 60px !important; } h2 { font-size: 36px !important; letter-spacing: 0 !important; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text p { font-size: 20px; } .sppb-addon-clients .sppb-col-sm-3 { width: 50%; float: left; margin-bottom: 30px; } .sppb-addon-clients .sppb-col-sm-3:nth-child(3), .sppb-addon-clients .sppb-col-sm-3:nth-child(4) { margin-bottom: 0; } .responsive-margin-bottom { margin-bottom: 30px; } .sppb-addon-articles .sppb-col-sm-4 { float: left; width: 50%; } .sppb-addon-animated-number { margin-bottom: 30px; } .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-title { margin-top: 10px; } .sp-page-title { padding: 150px 0 100px; } .sppb-addon-image-content.aligment-right .sppb-content-holder { padding: 0; } #sp-header { top: 10px; } .persion-margin-fix { margin-top: 30px; } .persion-margin-fix .sppb-column-addons { margin-left: -15px; margin-right: -15px; } .persion-margin-fix .sppb-column-addons >div { float: left; width: 50%; padding: 0 15px !important; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { margin: 120px 50px 110px 0; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .minutes .number, .sp-comingsoon .seconds .number { font-size: 60px; letter-spacing: 0px; } .sp-comingsoon .days .string, .sp-comingsoon .hours .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string { font-size: 26px; letter-spacing: 0; } #sp-right .sp-module .latestnews .article-list-img img, #sp-left .sp-module .latestnews .article-list-img img { width: auto; height: auto; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images { padding: 0 15px 5px; } body.rtl #sp-menu { padding-right: 0; } body.home-v2 .hope-become-a-volunteer .sppb-title-subheading { font-size: 28px !important; letter-spacing: 0; } body.home-v2 .hope-become-a-volunteer .acymailing_module_form { width: 100%; } body.home-v2 h3.sppb-addon-title { font-size: 36px !important; } .home-two-causes-donation .sppb-addon-text-block .sppb-addon-title { margin-top: 35px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-image img { position: relative; left: 0; top: 0; } .sppb-addon-upcoming-events .upcoming-events-date span { display: block; } .upcoming-events-details { padding-left: 15px; } } @media only screen and (max-width: 599px) { #sp-bottom3 { clear: both; margin-top: 30px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text p { font-size: 18px; } h2 { line-height: 1.2 !important; } .sppb-addon-article .sppb-article-content-wrap { padding: 20px; } .sppb-addon-persion .sppb-addon-content .sppb-person-information .sppb-person-name { font-size: 20px; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { margin: 120px 30px 110px 0; } .sp-comingsoon .days .number, .sp-comingsoon .hours .number, .sp-comingsoon .minutes .number, .sp-comingsoon .seconds .number { font-size: 45px; letter-spacing: 0px; } .sp-comingsoon .days .string, .sp-comingsoon .hours .string, .sp-comingsoon .minutes .string, .sp-comingsoon .seconds .string { font-size: 24px; letter-spacing: 0; } .error-page .error-code { letter-spacing: 0; } .error-page .error-message { font-size: 30px; letter-spacing: 0; line-height: 1.2; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a { padding: 10px 15px; } .view-article .article-footer-top .helix-social-share .helix-social-share-icon ul li a span { margin-left: 10px; } .causes-modal-pop-margin-padding-fix .sppb-column-addons >div:nth-child(2) { margin: 30px 0px 25px 0px !important; padding: 100px 0px 100px 0px !important; } .hope-causes.view-article .sppb-addon-donation .sppb-title-heading { font-size: 22px !important; } body.rtl div.sppb-addon-article .sppb-article-content-wrap { padding: 25px 30px 30px 30px; } .sppb-addon-upcoming-events .upcoming-events-date { padding-top: 25px; text-align: left; margin-bottom: 15px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address { padding-top: 0; padding-bottom: 0px; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address h4 { margin: 0 0 10px; } } @media only screen and (max-width: 479px) { #sp-menu .sppb-col-md-12 { padding-left: 0; } h1 { font-size: 50px !important; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a.sppb-btn-success { margin-top: 30px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg { height: 600px; } #sp-header { top: 10px; } .sppb-addon-clients .sppb-col-sm-3:nth-child(3) { clear: left; } div.col-xs-6, div.sppb-col-xs-6 { width: 100%; } .sppb-addon-donation .donation-ammount-wrap input { margin-bottom: 15px; } .sppb-addon-donation .donation-ammount-wrap { margin-bottom: 30px; } .sppb-addon-articles .sppb-col-sm-4 { width: 100%; } #sp-bottom2 { margin-top: 30px; } #sp-bottom .sp-module .sp-module-title { margin-bottom: 15px; } .sppb-section.hope-become-a-volunteer { padding: 60px 0 !important; } .sppb-addon-gallery ul.sppb-gallery li { width: 50%; } .persion-margin-fix .sppb-column-addons > div { width: 100%; } .persion-margin-fix .sppb-column-addons > div:nth-child(2) { margin-top: 30px; } .responsive-padding-added { padding-top: 30px; } .hope-faq-section .sppb-addon-feature { padding-left: 0px; padding-bottom: 35px; } .sp-comingsoon .sp-comingsoon-countdown { margin-top: 60px; } .sp-comingsoon .days, .sp-comingsoon .hours, .sp-comingsoon .minutes, .sp-comingsoon .seconds { margin: 0 15px 65px; text-align: center; width: 115px; } .sp-comingsoon .acymailing_form { width: 290px; } .sp-comingsoon .acymailing_form .fieldacyemail input { width: 190px !important; } #sp-right .sppb-addon-instagram-gallery .sppb-instagram-images, #sp-left .sppb-addon-instagram-gallery .sppb-instagram-images { padding: 0 15px 5px; } .view-article .entry-header .article-info { margin-bottom: 0; } .view-article .entry-header .article-info > dd { margin: 5px 8px; } .view-article .sppb-addon-text-block .sppb-addon-content strong { font-size: 18px; line-height: 1.4; } .tags a.label.label-info { margin-bottom: 2px; } .helix-social-share .helix-social-share-icon ul li { margin-bottom: 10px; } .pager { margin: 10px 0 20px; } article.item .article-info-wrap { padding: 18px 15px 10px; } article.item .readmore { margin: 10px 0 10px; } #sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading { max-width: 100%; } body.home-v2 #sp-page-builder .hope-become-a-volunteer div.sppb-section-title { margin-bottom: 30px; } body.home-v2 h3.sppb-addon-title { line-height: 1 !important; } body.home-v2 .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper .btn-default { margin: 0 15px; } .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper .btn-default { margin: 0 15px 0 0; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-image { width: 100%; } .sppb-addon-upcoming-events .upcoming-events-details-top-wrapper .event-address { padding-top: 15px; width: 100%; padding-left: 0; } }