@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,700;0,900;1,300&display=swap");
body, .card {
--duration: 0.1s;
--timing: ease;
color: #000;
background-color: #fff;
transition: color var(--duration) var(--timing), background-color var(
--duration
) var(--timing);
}
::-moz-selection { background: rgba(62, 173, 231, .2);
}
::selection {
background: rgba(62, 173, 231, .2);
}
::-webkit-scrollbar {
width: .3em;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #3EADE7;
max-height: 50px;
border-radius: 10px; }
.btn {
font-family: 'Roboto', serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
border-radius: 0;
}
.btn-primary {
background: #3EADE7;
border-color: #3EADE7;
color: #FFFFFF;
}
.btn-primary.disabled {
background: #3EADE7;
border-color: #3EADE7;
color: #FFFFFF;
opacity: .6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background: #1587c2;
border-color: #1587c2;
}
.btn-outline-primary {
background: #FFFFFF;
border-color: #3EADE7;
color: #3EADE7;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-check:checked .btn-outline-primary {
background: #3EADE7;
border-color: #3EADE7;
color: #FFFFFF;
}
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active, .btn.show,
.btn:active {
background: #1587c2;
border-color: #1587c2;
}
input {
border-radius: 0;
border: 1px solid #3EADE7;
background: #fff;
color: #000;
}
.input-group-text {
background: #3EADE7;
border-color: #3EADE7;
color: #fff;
border-radius: 0;
}
.input-group-text.checkbox {
padding: 0;
}
.form-control {
border-radius: 0;
}
.InputElement {
height: 40px;
border: 1px solid;
border-color: #3EADE7;
}
#stripe-form.open {
margin-top: 20px;
margin-bottom: 20px;
padding: 20px 10px;
border: 1px solid #3EADE7;
}
header {
padding: 36px 0 8px;
margin-bottom: 50px;
background: #fff;
}
.header-top {
margin-bottom: 40px;
}
.header-top .navbar-nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.header-top .navbar-nav .menu-item {
margin-right: 30px;
}
.header-top .navbar-nav .menu-item a {
font-family: 'Roboto', serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #3EADE7;
}
#theme-color {
}
header .header-icon,
#theme-color .toggler {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 14px;
}
.theme-color div:hover,
.theme-color div:focus {
cursor: pointer;
}
.primary-navbar {
padding: 0;
margin: 0;
}
.primary-navbar .menu-item {
padding: 8px 16px;
}
.primary-navbar .menu-item:hover,
.primary-navbar .menu-item:focus {
background: #1587c2;
}
.primary-navbar .menu-item:hover a,
.primary-navbar .menu-item:focus a {
color: #fff;
}
.primary-navbar .menu-item a {
font-family: 'Roboto', serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #000000;
}  .card .category-name {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
margin-bottom: 12px;
}
.card .author-name {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #777777;
}
.card {
border: none;
border-radius: 0px;
}
.card h5 {
font-family: 'Roboto', serif;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 34px;
color: #000000;
margin-bottom: 8px;
}
.card h5 + p {
color: #000000;
}
.card-img {
border-radius: 0;
background-size: cover;
background-position: center;
}
.card-featured {
margin-bottom: 50px;
}
.card-featured h5 {
}
.card-featured .card-img {
width: 100%;
height: 418px;
}
.card-primary {
border-top: 1px solid #1587c2;
padding: 32px 0;
}
.card-primary h5 {
}
.card-primary .excerpt {
padding-top: 32px;
}
.card-primary .excerpt * {
font-family: 'Roboto', serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
}
.card-primary .card-img {
height: 200px;
width: 100%;
}
.card-large {
border-top: 1px solid #1587c2;
padding: 32px 0;
}
.card-large .card-img {
height: 300px;
width: 100%;
}
.card-video {
}
.single .youtube-player,
.card-featured .youtube-player,
.card-video .youtube-player {
width: 100%;
height: auto;
}
.single .youtube-player iframe,
.card-featured .youtube-player iframe,
.card-video .youtube-player iframe {
width: 100%;
height: 450px;
}
.single .youtube-thumbnail,
.card-featured .youtube-thumbnail,
.card-video .youtube-thumbnail {
width: 100%;
height: auto;
}
.youtube-player > div {
position: relative;
}
.youtube-player .youtube-play-btn {
background: url(https://prosleduet.media/wp-content/themes/prosleduet/assets/img/icons/play.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 80px;
height: 80px;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.youtube-player > div::after {
width: 50px;
height: 50px;
position: absolute;
background: #ccc;
z-index: 1;
}
.meta {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #777777;
margin-bottom: 24px;
}  .single-title {
margin-bottom: 20px;
}
.single-title .category-link {
display: flex;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
text-decoration-color: #3EADE7;
margin-bottom: 12px;
}
.single-title h1 {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #000000;
margin-bottom: 10px;
}
.single-title h1 + p {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
margin-bottom: 12px;
}
.single-title .meta .author-link {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #777777;
text-decoration: underline;
text-decoration-color: #0b5ed7;
margin-left: 12px;
}
.single-title .ya-share2,
.single-content .ya-share2 {
opacity: 0.4;
}
.single-content ul li.ya-share2__item::before {
content: none;
display: none;
}
.single-thumbnail {
width: 100%;
height: 520px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.single-thumbnail figcaption {
width: 100%;
background: #fff;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
text-align: center;
color: #777777;
padding: 12px 0 0;
}
.single .youtube-player {
margin-bottom: 40px;
}
.single .youtube-player iframe {
height: 550px;
}
.single-content {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #1587c2;
}
.single-content * {
font-family: 'Roboto', serif;
color: #000000;
}
.single-content h1,
.single-content h2 {
font-family: 'Roboto';
font-weight: 700;
font-size: 32px;
line-height: 40px;
margin-top: 20px;
margin-bottom: 14px;
}
.single-content h3 {
font-family: 'Roboto';
font-weight: 700;
font-size: 20px;
line-height: 26px;
margin-top: 18px;
margin-bottom: 14px;
}
.single-content h4,
.single-content h5,
.single-content h6 {
font-family: 'Roboto';
font-weight: 700;
font-size: 18px;
line-height: 24px;
margin-top: 16px;
margin-bottom: 14px;
}
.single-content p,
.single-content li {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
margin-bottom: 14px;
}
.single-content ul {
list-style: none;
}
.single-content ul li::before {
content: "❙";
color: #3EADE7;
font-weight: bold;
font-size: 26px;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.single-content a {
text-decoration: underline;
text-decoration-color: #3EADE7;
}
.single-content a:hover,
.single-content a:focus {
color: #3EADE7;
}
.glossary-item-container {
background: #3EADE7;
border-bottom: none;
}
.tippy-tooltip.light-theme {
background: #FAFAFA;
padding: 24px 16px;
}
.glossary-item-header {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.glossary-item-description {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
}
.wp-block-quote {
background: rgba(217, 217, 217, 0.3);
padding: 34px 65px 65px 95px;
border-left: none;
margin: 12px 0 24px;
}
.wp-block-quote p:before {
content: url(//prosleduet.media/wp-content/themes/prosleduet/assets/img/icons/quote.svg);
width: 30px;
height: auto;
margin: 0 auto 24px;
}
.wp-block-quote p {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #000000;
margin-bottom: 0;
display: flex;
flex-direction: column;
}  .donate {
background: #F2F2F2;
padding: 48px;
margin-bottom: 48px;
border: 1px solid #00ACE8;
}
.donate h5 {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
color: #000000;
margin-bottom: 16px;
}
.donate > p:last-child {
margin-bottom: 32px;
}
#donationTabs {
border-bottom: none;
}
#donationTabs .nav-item {
margin-right: 12px;
margin-bottom: 12px;
}
#donationTabs .nav-link {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
border-radius: 0px;
padding: 10px 12px;
border: 1px solid #00ACE8;
}
#donationTabs .nav-link span {
padding-bottom: 0;
font-size: 16px;
}
#donationTabs .nav-link svg {
margin-right: 6px;
width: 30px;
}
#donationTabs .nav-link.active {
background: #00ACE8;
}
#donationTabs .nav-link.active span {
color: #fff;
}
#donationTabs .nav-link.disabled {
opacity: 0.4;
}
#donationBlocks {
padding: 40px 0;
border-bottom: 1px solid #00ACE8;
margin-bottom: 20px;
}
#donationBlocks .tab-pane .btn {
margin-top: 5px;
}
.crypto-item {
margin-bottom: 48px;
}
.crypto-item .info {
}
.crypto-item .info p {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #000000;
}
.crypto-item .info p svg {
margin-left: 8px;
}
.crypto-item .info h6 {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
color: #000000;
border-bottom: 1px solid #00ACE8;
margin-bottom: 18px;
display: inline-block;
word-break: break-word;
}
.crypto-item .qr {
margin-left: 20px;
width: 20%;
flex-shrink: 0;
}
.crypto-item .qr img {
width: 100%;
}
.crypto-item .qr img svg {
}
.crypto-item .qr img svg #a {
fill: #ccc;
}
.crypto-item .qr img svg #bg {
fill: red;
}  .email-subscribe {
margin-bottom: 50px;
}
.email-subscribe form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.email-subscribe .input-group {
width: auto;
padding: 6px 12px;
border: 1px solid #3EADE7;
}
.email-subscribe input.form-control {
border: none;
}
.email-subscribe .wpcf7-spinner {
display: none;
} footer {
background: rgba(242, 242, 242, 0.4);
padding: 50px 0 100px;
}
footer #navbarMainContent .d-md-none.menu-item.nav-item.menu-item-96 {
display: none !important;
}
@media (max-width: 575.98px) {
header {
padding: 16px 0 8px;
}
.header-top {
margin-bottom: 14px;
}
header.nav-up .primary-navbar,
header.nav-down .primary-navbar {
display: block;
}
.primary-navbar .navbar-nav {
width: 100%;
}
.primary-navbar .menu-item {
text-align: center;
}
.primary-navbar .menu-item a {
padding: 0;
font-weight: 600;
}
.card-featured .card-img,
.single-thumbnail,
.card-large .card-img {
height: 224px;
}
.card-primary .excerpt {
padding-top: 0px;
}
#donationTabs .nav-item {
width: 100%;
border: 1px solid #00ACE8;
margin-bottom: 12px;
margin-right: 0px;
}
#donationTabs .nav-link {
margin: auto;
width: 100%;
}
#donationTabs .nav-link.active {
background: #00ACE8;
}
#donationTabs .nav-link.active span {
color: #fff;
border-bottom: 0;
}
.crypto-item .info h6 {
font-size: 16px;
}
.email-subscribe .input-group {
flex-wrap: nowrap;
}
.wp-block-quote {
padding: 24px;
}
}
@media (max-width: 767.98px) {
header {
padding: 16px 0 8px;
}
.header-top {
margin-bottom: 14px;
}
header.nav-up .primary-navbar,
header.nav-down .primary-navbar {
display: block;
}
.primary-navbar .navbar-nav {
width: 100%;
}
.primary-navbar .menu-item {
text-align: center;
}
.primary-navbar .menu-item a {
padding: 0;
font-weight: 600;
}
.card-featured .card-img,
.single-thumbnail,
.card-large .card-img {
height: 300px;
}
.card-primary .excerpt {
padding-top: 0px;
}
#donationTabs .nav-item {
width: 100%;
border: 1px solid #00ACE8;
margin-bottom: 12px;
margin-right: 0px;
}
#donationTabs .nav-link {
margin: auto;
width: 100%;
}
#donationTabs .nav-link.active {
background: #00ACE8;
}
#donationTabs .nav-link.active span {
color: #fff;
border-bottom: 0;
}
.crypto-item .info h6 {
font-size: 16px;
}
.email-subscribe .input-group {
flex-wrap: nowrap;
}
.wp-block-quote {
padding: 24px;
}
}
@media (max-width: 991.98px) {
}
@media (min-width: 1200px) {
.card-featured .card-img {
height: 520px;
}
.single-thumbnail {
height: 600px;
}
}
.warning {
background: #eee;
padding: 20px;
border-radius: 4px;
margin: 20px 0 40px 0;
text-transform: uppercase;
}