html[dir="rtl"] *, html[dir="rtl"] ::after, html[dir="rtl"] ::before { direction: rtl; } html[dir="ltr"] *, html[dir="ltr"] ::after, html[dir="ltr"] ::before { direction: ltr; } html { font-size: 16px; } *, *:before, *:after { box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: normal; } body.no-scroll { overflow: hidden; } ol, ul { list-style: none; } img { max-width: 100%; height: auto; } *, ::after, ::before { box-sizing: border-box; font-family: "Rubik", sans-serif; -webkit-overflow-scrolling: touch; } body { color: #101010; padding-bottom: 30px; margin: 0; position: relative; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.2em; margin-top: 0; margin-bottom: 0.5rem; } h2 { font-size: 30px; } h5 { font-size: 22px; } h5 .big { font-size: 24px; } .font-size-14 { font-size: 14px; } p { margin-top: 0; margin-bottom: 0; line-height: 1.6; letter-spacing: 0.4px; } img { max-width: 100%; } button { transition: .2s ease all; } .custom-btn { background-color: rgb(60,88,152); color: #fff; } .custom-font-color { color: rgb(60,88,152); } .custom-font-color.lrg { font-size: 30px; } .custom-font-color-black { color: #090909; } .custom-font-color.view-amount { font-size: 28px; } .custom-font-color.view-amount > span { font-size: 30px; font-weight: 500; } .custom-progress-bar .custom-progress-bar-line { background-color: rgb(60,88,152); } .custom-btn-outline { color: rgb(60,88,152); border-color: rgb(60,88,152); } .single-p-item:hover .custom-btn-outline:not([disabled]), .custom-btn-outline:not([disabled]):hover { color: #fff !important; border-color: rgb(60,88,152); background-color: rgb(60,88,152); } .custom-btn-group-wrapper .custom-btn-group button { background-color: #fff; border-color: rgb(60,88,152); color: rgb(60,88,152); } #loadMore, #loadMoreRec { max-width: 180px; font-size: 16px; } .wload:not(.no-goal) { position: relative; width: 100%; height: 80px; } .wload:not(.left-edition):not(.no-goal):after { top: 10px; left: 10px; right: 10px; bottom: 10px; } .wload:not(.no-goal):after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100% ), linear-gradient( #eee 20px, transparent 0 ), linear-gradient( #eee 30px, transparent 0 ), linear-gradient( #eee 30px, transparent 0 ), linear-gradient( #eee 30px, transparent 0 ); background-repeat: no-repeat; background-size: 2% 100%, 15% 15px, 30% 15px, 100% 11px, 15% 10px; -webkit-animation: loader 1s infinite; animation: loader 1s infinite; background-position: 0 0, 0 0, 100% 0, 0 22px, 100% 41px; } @keyframes loader { to { background-position: 110% 0, 0 0, 100% 0, 0 22px, 100% 41px } } .no-goal img { display: none; } .wload.no-goal { text-align: center; } .wload.no-goal img { display: block; position: absolute; width: 40px; opacity: .4; } .wload div { visibility: hidden; } .hide { display: none; } .empty { width: 100%; height: 50px; text-align: center; font-size: 16px; font-weight: 400; padding: 15px; color: #ABB3C7; } .custom-font-color-gray { color: #9CA5BB; } .custom-font-weight-light { font-weight: 300 !important; } .custom-font-weight-normal { font-weight: 400 !important; } .custom-font-weight-medium { font-weight: 500 !important; } .custom-font-weight-bold { font-weight: 600 !important; } .custom-font-weight-semibold { font-weight: 700 !important; } .m-0 { margin: 0 !important; } .mt-auto { margin-top: auto !important; } .mt-1 { margin-top: 0.5rem !important; } .mt-2 { margin-top: 0.75rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mr-auto { margin-right: auto !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 1rem !important; } .ml-auto { margin-left: auto !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-3 { margin-left: 1rem !important; } .pt-0 { padding-top: 0 !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-5 { padding-bottom: 3rem !important; } .b-inline { display: inline-block; } .cstm-sticky { padding-top: 15px; } .custom-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .custom-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .org-top-img.org-top-img { width: calc(100% - 30px); height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 20px auto; } .custom-column { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .custom-column.custom-left { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .custom-column.custom-left-long { justify-content: flex-end; max-width: 45%; display: flex; } .custom-column.custom-left-long > div { width: 215px; } .custom-column.custom-right { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.6666673%; } .custom-column.custom-right-short { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } .custom-column.cstm-1 { display: flex; align-items: center; justify-content: space-between; } .custom-column.cstm-1.home-specific { align-items: center; height: 70px; } .custom-logo { text-align: right; } .custom-logo a { display: flex; } .custom-logo img { max-width: 200px; max-height: 50px; } #pageHeader { display: none; } .select-lang-main { display: flex; } .page-custom-select { display: none; } .link-btn { background: transparent; cursor: pointer; border: 0; outline: 0; text-decoration: none; color: rgb(60,88,152); } .link-btn:hover { text-decoration: underline; } .custom-share-wrapper { display: flex; align-items: center; padding: 15px 0; border: none; justify-content: flex-end; } html[dir="rtl"] .custom-share-wrapper .custom-font-weight-semibold { margin-left: auto; } html[dir="ltr"] .custom-share-wrapper .custom-font-weight-semibold { margin-right: auto; } .custom-share-wrapper a[data-copy] { position: relative; } .custom-share-wrapper a[data-copy] span.copy-saved { width: 100px; height: 25px; border-radius: 3px; background-color: #000; font-size: 13px; color: #fff; text-align: center; display: none; position: absolute; padding-top: 5px; z-index: 99; top: -30px; left: -300%; } .custom-share-wrapper.page2 { border: none; justify-content: center; margin: 0 8px; } .custom-share-wrapper.page2 img { width: 14px; height: 14px; object-fit: contain; } .custom-share-wrapper > a { display: inline-block; margin: 0 7px; } .custom-share-wrapper img { width: 14px; height: 14px; object-fit: contain; vertical-align: middle; } .custom-share-wrapper p { font-size: 16px; } .tt1 { display: flex; align-items: center; justify-content: stretch; flex: auto; padding: 12px 0; } .tt1 .itm { display: flex; flex-direction: column; align-self: stretch; align-items: center; justify-content: center; padding: 8px; margin: 0 2px; height: 100%; flex-grow: inherit; background: #E8EFF3 0 0 no-repeat padding-box; font-size: 13px; font-weight: 400; color: #272C41; } .tt1 .itm span:last-child { font-weight: 500; font-size: 16px; } .tt1 .itm.itm-goal.hide { display: none; } .custom-class-1 { border: 1px solid #D1DFF1; border-radius: 10px; padding: 25px 20px 15px 20px; } .custom-class-1.left-edition { border: none; border-radius: 0; padding: 0; } .custom-class-1.left-edition.no-goal { padding: 16px; background: rgba(60,88,152,0.1) 0 0 no-repeat padding-box; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .custom-class-1.left-edition h2 { font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .custom-class-1 .custom-class-1-1 { display: flex; flex-wrap: wrap; align-items: flex-end; color: #272C41; font-size: 14px; } .custom-class-1 .custom-class-1-1 span:not(.custom-font-color) { padding-bottom: 4px; } .custom-class-1 .custom-class-1-1 span { padding: 0 2px; } .custom-class-1 .custom-class-1-1 span:nth-child(5) { flex-basis: 100%; margin-top: 2px; } html[dir="rtl"] .custom-class-1 .custom-class-1-1 span:last-child { /*margin-right: auto;*/ } html[dir="ltr"] .custom-class-1 .custom-class-1-1 span:last-child { /*margin-left: auto;*/ } .custom-class-1 .custom-font-color-pink { font-size: 34px; } .custom-class-2 { display: flex; align-items: center; justify-content: space-between; background-color: #F5F9FE; border: 1px dashed #D1DFF1; border-radius: 10px; padding: 35px 25px; } .custom-class-2 .cl-1 { width: 310px; margin-bottom: 0; font-size: 20px; line-height: 1.3; font-weight: 500; } .custom-progress-bar { width: 100%; background: #E8EFF3; border-radius: 10px; } .custom-progress-bar .custom-progress-bar-line { transition: width .2s ease; -moz-transition: width .2s ease; -webkit-transition: width .2s ease; -o-transition: width .2s ease; height: 10px; max-width: 100%; border-radius: 10px; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 8px 8px; } .custom-brand-box { display: flex; align-items: center; justify-content: space-around; margin-top: 40px; padding: 0 40px; } .custom-brand-box img { max-width: 115px; max-height: 115px; } .donateBtn { font-size: 18px; } .donateBtn:disabled { opacity: .7; } .custom-btn { padding: 20px 50px; border-radius: 5px; border: none; outline: none; text-align: center; text-decoration: none; line-height: 22px; cursor: pointer; } .custom-btn.long { padding: 12px 50px; width: 100%; display: block; } .custom-btn:not([disabled]):hover { box-shadow: 0 0px 7px rgb(60,88,152); } .custom-btn1 { cursor: pointer; background-color: #13152A; padding: 15px; font-size: 16px; color: #fff; border-radius: 5px; border: none; outline: none; text-align: center; text-decoration: none; display: block; width: 100%; } .custom-btn-facebook { display: block; padding: 10px 25px; background: #fff; border: 2px solid #537BC4; border-radius: 5px; color: #537BC4; width: 100%; outline: none; text-align: center; } .custom-btn-facebook span { position: relative; display: inline-block; } .custom-btn-facebook span:before { content: ""; position: absolute; top: 1px; left: -40px; display: block; width: 25px; height: 25px; background: url("../img/facebook-icon.svg") no-repeat center; background-size: contain; } .custom-btn-group-wrapper { border: 1px solid #EFF1F5; border-radius: 10px; box-shadow: 0 6px 10px rgba(171, 179, 199, 0.4); padding: 15px 20px 20px 20px; } .custom-btn-group-wrapper .custom-btn-group { display: grid; grid-template-columns: repeat(3, 32.5%); grid-column-gap: 5px; grid-row-gap: 5px; /*display: flex;*/ /*align-items: center;*/ /*justify-content: space-between;*/ /*flex-wrap: wrap;*/ } .custom-btn-group-wrapper .custom-btn-group button { width: 100%; cursor: pointer; font-size: 16px; font-weight: 500; text-decoration: none; padding: 10px 2px; border-width: 1px; border-style: solid; border-radius: 3px; margin-bottom: 0; text-align: center; } .custom-btn-group-wrapper .custom-btn-group button:not([disabled]).active, .custom-btn-group-wrapper .custom-btn-group button:not([disabled]):hover { color: #fff; background-color: rgb(60,88,152); } .single-p-item { cursor: pointer; } .custom-left-box { border: 1px solid #D1DFF1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; position: relative; } .custom-left-box img { display: block; } .custom-left-box .c1 { position: relative; height: 170px; background: no-repeat center; background-size: cover; } .custom-left-box .c1.empty { background: #E8EFF3 url('/assets/heart-blank.svg') center center no-repeat; } /* .custom-left-box .c1 .custom-overlay { display: flex; align-items: center; justify-content: space-between; width: 100%; position: absolute; bottom: 0; background-image: inherit; background-position: bottom; background-size: 115%; padding: 10px 20px; overflow: hidden; } .custom-left-box .c1 .custom-overlay:before { content: ""; position: absolute; top: -5px; right: 0; bottom: 0; left: 0; backdrop-filter: blur(1px); filter: brightness(2.5) blur(1px); background: #fff; opacity: 0.8; } .custom-left-box .c1 .custom-overlay:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: blur(16px); background-image: inherit; background-position: bottom; filter: brightness(2.5) blur(16px); opacity: 1; }*/ .row-title .pres-amount { display: flex; justify-content: space-between; align-items: center; } .row-title .pres-amount .pres-bubble { background-color: rgba(60,88,152,0.1); height: 25px; border-radius: 15px; padding: 0 12px 0; color: rgb(60,88,152); margin-right: 10px; font-size: 12px; font-weight: 500; line-height: 25px; } .custom-left-box .desc .pres-comment { font-size: 12px; line-height: 20px; color: #707A94; } .custom-left-box .row-title { padding: 10px 20px 0; display: flex; flex-direction: column; } .custom-left-box .row-title * { position: relative; font-size: 22px; } .custom-left-box .row-title .custom-s1 { position: relative; z-index: 2; margin-top: 4px; margin-bottom: 8px; font-size: 28px; font-weight: 400; } .custom-left-box .desc { padding: 15px 20px 20px 20px; } .custom-left-box .desc p { font-size: 16px; line-height: 20px; } .custom-btn-outline { display: block; font-size: 18px; background-color: #fff; border-width: 1px; border-style: solid; border-radius: 5px; padding: 12px 25px; width: 100%; cursor: pointer; outline: none; text-decoration: none; text-align: center; } .custom-btn-outline#joinSupporter { max-width: 250px; } .custom-btn-outline.icon { color: #272C41; cursor: pointer; width: 215px; padding-top: 8px; padding-bottom: 8px; position: relative; padding-left: 15px; padding-right: 35px; } html[dir="ltr"] .custom-btn-outline.icon { padding-right: 15px; padding-left: 35px; } .custom-btn-outline.icon span { position: absolute; top: 0; right: 5px; bottom: 0; margin: auto; width: 30px; height: 30px; } html[dir="ltr"] .custom-btn-outline.icon span { right: auto; left: 5px; } .earth span { background: url(https://gs.dev-team.co.il/assets/globe.svg); } .phone span { background: url(https://gs.dev-team.co.il/assets/phone.svg); } .mail span { background: url(https://gs.dev-team.co.il/assets/mail-black.svg); } .earth:hover span { background: url(https://gs.dev-team.co.il/assets/globe-light.svg); } .phone:hover span { background: url(https://gs.dev-team.co.il/assets/phone-light.svg); } .mail:hover span { background: url(https://gs.dev-team.co.il/assets/mail-light.svg); } .custom-tabs { } .custom-tabs:after { content: ""; display: block; border-radius: 10px; border-bottom: 6px solid #DDE7F3; } .custom-tabs .single-tab { display: inline-block; padding: 15px 25px; font-weight: 500; position: relative; cursor: pointer; } .custom-tabs .single-tab:after { content: ""; display: block; width: 100%; border-radius: 10px; border-bottom: 6px solid #DDE7F3; position: absolute; bottom: -6px; left: 0; } .custom-tabs .single-tab.active:after { border-color: rgb(60,88,152); } .custom-tabs .single-tab span { text-transform: capitalize; margin-left: 5px; font-weight: 600; } .tabs-container > div { display: none; } .tabs-container > div:first-child { display: block; } #supporters { overflow: auto; } #supporters table { min-width: 560px; } [dir="rtl"] #supporters table tr td:nth-child(3) { direction: ltr; text-align: right; } .participants-tb { width: 100%; } .participants-tb tr td { padding: 10px 0; vertical-align: top; border-top: 1px solid #DFEBFA; } .participants-tb tr:last-child td { border-bottom: 1px solid #DFEBFA; } .participants-tb tr td.info { width: 70%; text-align: start; } .participants-tb tr td.info .name { font-size: 16px; font-weight: 500; color: #161C36; } .participants-tb tr td.info .comment { font-size: 12px; color: #161C36; display: block; margin-top: 5px; font-weight: 400; line-height: 18px; } .participants-tb tr td.info .recruiter { display: block; margin-top: 5px; min-height: 18px; line-height: 18px; } .participants-tb tr td.info .recruiter, .participants-tb tr td.info .recruiter a { font-size: 12px; color: #657589; font-weight: 400; } .participants-tb tr td.info .recruiter a { text-decoration: underline; } .participants-tb tr td.info .recruiter img { vertical-align: middle; } .participants-tb tr td.details { text-align: end; } .participants-tb tr td.details .amount { font-size: 18px; color: #161C36; font-weight: 500; } .participants-tb tr td.details .amount-time { font-size: 12px; color: #757A87; font-weight: 400; } @media screen and (max-width: 640px) { .participants-tb tr td.info { width: 60%; } } .custom-table-1 { width: 100%; color: #272C41; } .custom-table-1 tr:first-child td { border-top: 1px solid #EAEFF6; } .custom-table-1 td { padding: 15px 5px; line-height: 20px; border-bottom: 1px solid #EAEFF6; vertical-align: middle; } .custom-table-1 td:last-child { padding-right: 0; } .custom-table-1 td h5 { text-align: left; margin-bottom: 0; } .custom-table-1 td a { color: #397EFF; font-size: 16px; text-decoration: underline; text-align: left; display: block; } .custom-table-1 .custom-number { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; background-color: #EDF1F6; border-radius: 10px; font-size: 16px; font-weight: 400; color: #9CA5BB; } .custom-table-1 .custom-blue { color: #272C41; font-size: 18px; margin-bottom: 0; font-weight: 300; } .custom-table-1 .custom-gray { color: #ABB3C7; font-weight: 300; font-size: 14px; margin-bottom: 0; } .custom-table-1 .comment { display: block; font-size: 12px; color: #333; } @media screen and (max-width: 800px) { #mic-access-tool-general-button#mic-access-tool-general-button { bottom: 100px !important; } } @media screen and (max-width: 768px) { #donors-list tr td:nth-child(2) { padding: 10px 0; } .custom-table-1 .custom-blue { font-size: 16px; } .custom-table-1 .custom-gray { font-size: 13px; } .custom-class-2 { margin: 0 -15px; border-radius: 0; } .custom-class-2 button { padding: 20px 30px; font-size: 16px; } } .b-inline.separator { display: none; width: 1px; background-color: #D1DFF1; margin: 4px 8px; } .b-inline.separator.main { display: flex; } .currency-ils:before { content: ""; position: absolute; display: block; right: 5px; width: 25px; height: 25px; background: url("/assets/currencies/ils.svg") no-repeat center; background-size: contain; } .currency-usd:before { content: ""; position: absolute; display: block; right: 5px; width: 25px; height: 25px; background: url("/assets/currencies/usd.svg") no-repeat center; background-size: contain; } .currency-eur:before { content: ""; position: absolute; display: block; right: 5px; width: 25px; height: 25px; background: url("/assets/currencies/eur.svg") no-repeat center; background-size: contain; } .currency-gbp:before { content: ""; position: absolute; display: block; right: 5px; width: 25px; height: 25px; background: url("/assets/currencies/gbp.svg") no-repeat center; background-size: contain; } .currency-mxn:before { content: ""; position: absolute; display: block; right: 5px; width: 25px; height: 25px; background: url("/assets/currencies/usd.svg") no-repeat center; background-size: contain; } .table-wrapper { width: 100%; } .table-wrapper table:not(.participants-tb) tr td:last-child { padding: 15px 0; font-size: 18px; text-align: end; vertical-align: top; } .table-wrapper .table-min-w-long { min-width: 600px; } @media (max-width: 680px) { .custom-right h1 { font-size: 18px; font-weight: 600; } .custom-column.custom-right .page-title { padding-top: 15px; } } #tbLoader, #tbLoaderRec { width: 100%; height: 100px; text-align: center; padding-top: 30px; } .main-image { width: 100%; max-width: 100%; /*height: 450px;*/ /*max-height: 430px;*/ text-align: center; } .main-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .custom-video iframe { width: 100% !important; height: 450px !important; } .custom-input-field { margin-top: 6px; } .custom-input-field input { background-color: #F6F8FB; padding: 15px; border: none; outline: none; width: 100%; } .custom-input-field .input-icon { position: relative; } .custom-input-field .input-icon span { color: #7A7A7A; font-size: 16px; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; display: flex; align-items: center; } .custom-input-field .input-icon input { background-color: #F6F8FB; padding-left: 45px; font-size: 16px; border: none; outline: none; width: 100%; } .donateError { font-size: 12px; color: #FF5E5E; margin: 7px 0; display: none; } .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); display: flex; z-index: 30; padding-top: 4%; justify-content: center; align-content: center; } .modal-overlay.hide { display: none; } .modal-overlay .modal-content { max-width: 480px; min-width: 390px; box-shadow: 0 5px 26px #2D3E614D; width: 100%; border-radius: 5px; background-color: #fff; display: block; min-height: 460px; max-height: 520px; } .modal-overlay .modal-content iframe { border: 0; width: 100%; height: 100%; } .payment-methods { width: 100%; /*padding: 15px 0;*/ /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ padding: 14px; display: flex; flex-direction: row; justify-content: space-between; } .payment-methods span { width: auto; flex: 1; margin: 0 3px; height: 35px; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .payment-methods.branded span.paypal { background-color: #FFC539; } .payment-methods.branded span.apple, .payment-methods.branded span.google { background-color: #000; } .payment-methods.branded span.bit { background: linear-gradient(180deg, #236EC3 0%, #1EA2C0 100%); } .payment-methods.logos span { margin: 0; position: relative; } .payment-methods.logos span:after { content: ''; position: absolute; display: block; height: 100%; width: 1px; background-color: #DFEBFA; left: 0; } html[dir="rtl"] .payment-methods.logos span:last-child:after { display: none; } html[dir="ltr"] .payment-methods.logos span:first-child:after { display: none; } .payment-methods.single-payment { padding: 14px 0; } .payment-methods.single-payment span { margin: 0; width: 100%; } /*.payment-methods img {*/ /* margin: 0 9px;*/ /* height: 22px;*/ /*}*/ .container-mobile h3 { font-weight: 500; font-size: 1.25em; } @media (min-width: 576px) { .custom-container { max-width: 540px; } } @media (min-width: 768px) { .custom-container { max-width: 720px; } .mobile-buttons { display: none; } } @media screen and (min-width: 767px) and (max-width: 769px) { .custom-btn-group-wrapper .custom-btn-group { grid-template-columns: repeat(6, auto); grid-row-gap: 0; } } @media screen and (max-width: 320px) { .custom-btn-group-wrapper .custom-btn-group { grid-template-columns: repeat(2, auto); } } @media screen and (max-width: 768px) { .custom-container { max-width: 100%; } .container-mobile { max-width: 720px; /*padding: 10px 15px;*/ } .custom-column.cstm-1.home-specific { height: 50px; margin-bottom: 0 !important; } .custom-video { margin-left: -15px; margin-right: -15px; padding-bottom: 66.25% !important; } } @media (min-width: 992px) { .desktop-hidden { display: none !important; } .custom-container { max-width: 960px; } } @media (min-width: 1200px) { .custom-container { max-width: 1140px; } .custom-class-1 { border: 1px solid #D1DFF1; border-radius: 10px; padding: 25px 20px 15px 20px; } .custom-class-1.left-edition { border: none; border-radius: 0; padding: 0; } } @media (min-width: 1300px) { .custom-container { max-width: 1200px; } } @media (max-width: 1199px) { .custom-column.custom-left.thrd { flex: 0 0 50%; max-width: 50%; } .custom-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .custom-video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } } @media (max-width: 991px) { .mobile-hidden { display: none !important; } .bitp { display: none; } .custom-column { min-height: 0; } .custom-column.custom-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .custom-column.cstm-1.home-specific { align-items: center; margin-bottom: 25px; z-index: 2; background-color: #fff; } .tt1 .itm { font-size: 14px; } .custom-class-2 { flex-direction: column; } .custom-class-2 button { order: 2; margin-top: 25px; background-color: #fff; } .custom-class-2 img { display: none; } .custom-class-2 .cl-1 { width: 100%; text-align: center; } .custom-class-2 .custom-video iframe { height: 300px !important; } .cstm-sticky { padding: 8px 14px; position: fixed; background: #fff; z-index: 5; width: 100%; left: 0; } .org-top-img { height: 200px; } } @media (max-width: 767px) { html { font-size: 14px; line-height: 22px; } .custom-btn-outline { font-size: 16px; font-weight: 400; } h2 { font-size: 20px; } .mobile-buttons { position: fixed; bottom: 0; left: 0; width: 100%; border: 1px solid #EFF1F5; box-shadow: 0 -4px 10px rgba(171, 179, 199, 0.4); display: flex; align-items: center; background-color: #fff; z-index: 7; } .mobile-buttons .item { width: 25%; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #D1DFF1; padding: 15px 4px 10px 4px; } .mobile-buttons .item:last-child { border-right: 0; } .mobile-buttons .item img { width: 25px; height: 25px; object-fit: contain; margin-bottom: 2px; } .mobile-buttons .item p, .mobile-buttons .item a { color: #272C41; font-size: 12px; font-weight: 500; text-align: center; text-decoration: none; margin-bottom: 0; } .custom-column.custom-left.thrd { flex: 0 0 100%; max-width: 100%; } .gguu { display: none; } .gu { margin-top: 20px !important; } .custom-class-1 .custom-class-1-1 { font-size: 14px; } .custom-class-1 .custom-font-color-pink { font-size: 30px; } .custom-column.custom-left-long { display: none; } .custom-column.custom-right-short, .custom-column.custom-left { flex: 0 0 100%; max-width: 100%; } } .mobile-header { width: 100%; position: fixed; background-color: #fff; box-shadow: 0 -4px 10px rgba(171, 179, 199, 0.4); bottom: -100%; height: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 20; } .mobile-header button { width: 100vw; max-width: 100%; height: 45px; min-height: 45px; border-radius: 0; padding: 0 20px; transition: all .3s ease 0s; margin: 0; } .mobile-header .payment-methods { padding: 8px 4px 10px; } /* EDITOR STYLING */ html[dir="ltr"] .ql-direction-rtl, html[dir="ltr"] .ql-direction-rtl * { direction: rtl !important; } html[dir="rtl"] .ql-direction-ltr, html[dir="rtl"] .ql-direction-ltr * { direction: ltr !important; } /* TEST STYLING */ .content-wrp:not(.cbody) { text-align: left; } .content-wrp:not(.cbody) p:not(.ql-direction-rtl) { direction: ltr; } .content-wrp:not(.cbody) p::after { content: ""; clear: both; display: table; } .separator-line { margin-top:10px; margin-bottom:10px; border: 0; border-top: 1px solid #e6e6e6; } .content-wrp:not(.cbody) .btn { text-decoration: none; font-size: 0.875rem !important; position: relative; display: inline-flex; align-items: center; line-height: 1.25; justify-content: center; cursor: pointer; flex-wrap: wrap; white-space: normal; box-shadow: none; border-radius: 5px; padding: 5px 10px !important; min-width: 95px; } .content-wrp:not(.cbody) .btn-custom-lg { padding: 9px 10px !important; font-size: 16px !important; min-width: 125px; } .content-wrp:not(.cbody) .btn-wrp { display: block; text-align: center; margin: 0 0 10px; } .content-wrp:not(.cbody) .ql-align-right, .content-wrp:not(.cbody) .text-right-btn { text-align: right; } .content-wrp:not(.cbody) .ql-align-center, .content-wrp:not(.cbody) .text-center-btn { text-align: center; } .content-wrp:not(.cbody) .ql-align-left, .content-wrp:not(.cbody) .text-left-btn { text-align: left; } .content-wrp:not(.cbody) .ql-size-small { font-size: 12px; } .content-wrp:not(.cbody) .ql-size-large { font-size: 20px; } .content-wrp:not(.cbody) .ql-size-huge { font-size: 30px; } .footer-terms { justify-content: center; font-size: 13px; color: #ABB3C7; } .footer-terms a { padding: 0 5px; text-decoration: none; color: #ABB3C7; } /* Supporter Page */ .parent-goal { cursor: pointer; } .parent-goal a { text-decoration: none; } /*main page*/ .campaigns-list { width: 100%; margin-right: 0; margin-left: 0; } .cbody h1, .cbody h2, .cbody h3, .cbody h4, .cbody h5, .cbody h6 { color: #13152A; font-weight: 400; line-height: 1.2em; margin-top: 0; margin-bottom: 0.5rem; } .cbody .btn { text-decoration: none; font-size: 0.875rem !important; position: relative; font-weight: 400; display: table; text-align: center; line-height: 1.25; cursor: pointer; box-shadow: none; border-radius: 5px; padding: 5px 10px !important; min-width: 95px; margin: auto; } .cbody .btn.ga-center { margin: auto; } .cbody .btn.ga-right { margin-right: 0; } .cbody .btn.ga-left { margin-right: auto; margin-left: 0; } .cbody .btn-custom-lg { padding: 9px 10px !important; font-size: 16px !important; min-width: 125px; } .cbody .btn-wrp { display: block; margin: 0 0 10px; outline: 0 !important; max-width: 100%; } .cbody p { margin-top: 0; margin-bottom: 0; line-height: 1.6; letter-spacing: 0.4px; } .cbody a {text-decoration: none; } .cur-lang-selection { border-radius: 10px; width: 244px; left: 0; top: 34px; position: absolute; background: #fff; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.3); display: none; flex-direction: column; padding: 20px 28px 28px 28px; z-index: 2; } .cur-lang-selection img { width: 10px; position: absolute; left: 10px; top: 10px; cursor: pointer; } .cur-lang-selection .custom-select { display: none; flex-direction: column; position: relative; } .cur-lang-selection .custom-select label { font-size: 12px; line-height: 20px; font-weight: 500; color: #657589; text-transform: capitalize; } .cur-lang-selection .custom-select select { display: block; border: 1px solid #afc2db; border-radius: 5px; height: 50px; font-weight: 400; font-size: 16px; padding: 0 14px; -moz-appearance: none; -webkit-appearance: none; outline: none; } .cur-lang-selection .custom-select.padding-bottom #currencies { margin-bottom: 12px; } .custom-select:after { content: ""; position: absolute; display: block; width: 9px; height: 5px; left: 15px; top: 43px; background: url("https://cdn.gogeev.com/assets/arrow-black-down-full.svg") no-repeat center; background-size: contain; } @media screen and (max-width: 640px) { .cstm-sticky .cur-lang-wrapper { position: unset; } .home-specific .cur-lang-wrapper { position: unset; } .cur-lang-selection-drop-shadow { display: none; position: absolute; background-color: rgba(39, 44, 65, 0.9); top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .custom-logo img { max-height: 40px; } .cur-lang-selection { width: 100%; left: 0; top: 50px; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 8px; } .cstm-sticky { height: 50px; border-bottom: 1px solid #AFC2DB; } .custom-column.org-top-img.org-top-img { margin: 60px auto 30px; } } @media screen and (min-width: 640px) { .cur-lang-selection-drop-shadow { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } } .cur-lang-wrapper { position: relative; } .cur-lang-amount-container { display: none; align-items: center; } .cur-lang-amount-container .cur-lang-select { height: 30px; display: flex; align-items: center; margin-right: 10px; font-size: 14px; font-weight: 400; border: 1px solid #D0D9EE; border-radius: 8px; padding: 0 10px; } .cur-lang-amount-container .cur-lang-select span.disabled { color: #657589; } .cur-lang-amount-container .cur-lang-select img { margin-right: 6px; } .cur-lang-amount-container .cur-lang-select .cur-lang-sep { color: #afc2db; margin-right: 6px; margin-left: 6px; } .cur-lang-select.enabled { cursor: pointer; } .cur-container { opacity: 0.8; direction: ltr !important; height: 24px; border-radius: 20px; background-color: #000; display: flex; align-items: center; padding: 4px; color: #fff; font-size: 14px; font-weight: 400; } .cur-container img { height: 16px; } .cur-container .cur { padding: 0 8px; } html[dir="ltr"] .cur-lang-amount-container .cur-lang-select { margin-left: 12px; margin-right: unset; } html[dir="ltr"] .cur-lang-amount-container .cur-lang-select img { margin-left: 6px; margin-right: unset; } html[dir="ltr"] .cur-lang-selection { right: 0; left: auto; } html[dir="ltr"] .cur-lang-selection img { right: 10px; left: auto; } html[dir="ltr"] .cur-lang-selection .custom-select:after { right: 15px; left: auto; } @media screen and (max-width: 640px) { html[dir="ltr"] .cur-lang-selection { width: 100%; left: 0; top: 50px; border-radius: 0; } } .mb-3.child-title { margin-bottom: 0 !important; } .parent-title { text-decoration: none; color: #657589; } /* Iphone */ @media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .mobile-header .payment-methods { padding: 8px 10px 15px; } }