File: /home/kochikidswysewor/www/wp-content/themes/children-charity-child/style.css 30-07-2024
/*
Theme Name: Children Charity Child
Theme URI: http://cmsmasters.net/children-charity-child/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Children Charity Child Theme
Template: children-charity
Version: 1.0.0
License:
License URI:
Text Domain: children-charity-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
/*-------------------------------------------------------------------------*/
/* Browser Reset
/*-------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
html {
height: 100%;
overflow-x: hidden;
position: relative;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
overflow-x: hidden;
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
display: block;
}
video,
audio,
progress,
canvas {
vertical-align: baseline;
}
video {
background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
display: none;
}
audio:not([controls]) {
height: 0;
}
iframe {
max-width: 100%;
}
abbr,
address,
progress {
display: inline-block;
text-decoration: none;
}
abbr:not([class]),
acronym {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
/* content: '.'; */
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
dl {
display: block;
overflow: hidden;
}
dt {
display: block;
font-weight: bold;
overflow: hidden;
}
dd {
display: block;
overflow: hidden;
}
q:before,
q:after {
content: none;
}
del {
text-decoration: line-through;
}
table {
width: 100%;
}
img {
display: inline-block;
color: transparent;
height: auto;
font-size: 0;
vertical-align: middle;
max-width: 100%;
}
img.wp-smiley,
img.emoji {
font-size: 1em;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
img {
border: 0;
/* width: 100%; */
}
figure {
background-image: none !important;
}
fieldset {
margin: 25px 2px 30px;
padding: 1.5em 1em .5em;
border-width: 0;
border-style: solid;
}
fieldset legend {
padding: 3px 10px;
margin-top: -25px;
}
input {
line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
textarea {
resize: vertical;
}
textarea::-webkit-input-placeholder {
opacity: 1;
}
input::-webkit-input-placeholder {
opacity: 1;
}
textarea::-moz-placeholder {
opacity: 1;
}
input::-moz-placeholder {
opacity: 1;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
optgroup {
font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
pointer-events: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=text]::-ms-clear {
display: none;
}
p:empty {
display: none;
}
:focus {
outline: 0;
}
pre {
white-space: pre-wrap;
}
svg:not(:root) {
overflow: hidden;
}
pre,
code,
kbd,
samp {
background-color: transparent;
color: inherit;
font-family: monospace;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: 1px;
}
pre {
overflow: auto;
}
pre a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: inherit;
}
code {
display: inline-block;
}
code a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: inherit;
}
sub,
sup,
small {
font-size: 75%;
}
sub,
sup {
line-height: 0;
position: relative;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
b,
strong {
font-weight: bold;
}
th,
td,
caption {
/* font-weight: normal; */
}
dfn {
font-style: italic;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
mark {
color: #000000;
}
.sticky,
.bypostauthor,
.screen-reader-text {
outline: none;
}
.blg-styl .blog .cmsmasters_post_title a {
color: #fff;
}
.blg-styl .blog .cmsmasters_post_category a {
color: #f3901b;
}
.blg-styl .blog .cmsmasters_post_content p {
color: #fff;
}
.blg-styl .cmsmasters_post_masonry .cmsmasters_post_read_more {
color: #fff;
}
.blg-styl .cmsmasters_post_masonry .cmsmasters_post_read_more:hover {
color: #f3901b;
}
.blg-styl .cmsmasters_likes a:before {
color: #f3901b;
}
.cmsmasters_comments a:hover:before,
{
color: #b56302;
}
.blg-styl .cmsmasters_comments a:before {
color: #f3901b;
}
.blg-styl .cmsmasters_likes a:hover:before {
color: #b56302;
}
.blg-styl .cmsmasters_likes a span,
.cmsmasters_comments a span {
color: #fff;
}
.donate-form {
padding: 50px 0px;
}
.donate-form .row {
display: flex;
flex-wrap: wrap;
margin: 0px -15px;
}
.donate-form .row .col-lg-6 {
flex: 0 0 50%;
}
.donate-form .row .col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.login-wrap,
.registerWrap {
padding: 0px 15px;
padding-top: 80px;
border: 1px solid #e7e7e7;
position: relative;
min-height: 345px;
}
.login-wrap .register-msg {
background: green;
padding: 5px 10px;
margin-bottom: 20px;
color: #fff;
}
.login-wrap .title,
.register-wrap .title {
position: absolute;
left: 0;
top: 0;
padding: 10px 30px;
background-color: #382a41;
width: 100%;
display: flex;
align-items: center;
}
.login-wrap .title h2 {
color: #fff;
margin-bottom: 0px;
}
.login-wrap .form-wrap .input-holder {
margin-bottom: 15px;
position: relative;
}
.error {
overflow: initial !important;
}
span.error {
position: absolute;
z-index: 9;
right: 0;
left: auto;
padding: 4px;
font-size: 11px;
background: #cd366b;
color: #fff;
text-align: center;
top: -28px;
line-height: 12px;
overflow: initial !important;
border-radius: 25px;
}
span.error:before {
content: '';
position: absolute;
bottom: -10px;
right: 10px;
display: block;
border: solid;
border-color: #cd366b transparent #cd366b;
border-width: 10px 10px 0;
}
.login-wrap .input-holder input[type="text"],
.login-wrap .input-holder input[type="password"],
.register-wrap .input-holder input[type="text"],
.register-wrap .input-holder input[type="password"] {
border: 1px solid #e7e7e7;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
border-radius: 0;
-webkit-border-radius: 0;
color: #333333;
display: block;
font-size: 0.9375rem;
height: 44px;
padding: 0 15px;
width: 100%;
}
.captcha-wrapper {
height: 75px;
}
.captcha-wrapper .btn {
float: right;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.srf {
margin-top: 30px;
}
@media only screen and (max-width: 768px) {
.row .col-lg-6 {
flex: 0 0 100%;
margin-bottom: 20px;
}
}
.our-children {
padding: 0px 0px;
}
.our-children .navigation {
display: flex;
align-items: flex-end;
}
.our-children .wp-paginate .current {
color: #fff;
background: #8b3967;
border: 1px solid #362740;
margin-right: 4px;
font-weight: 500;
padding: 4px 8px;
}
.our-children ol.wp-paginate li {
line-height: 0 !important;
}
.our-children ol.wp-paginate li a,
.our-children .wp-paginate .current {
font-size: 16px;
font-weight: 500;
}
.our-children .wp-paginate .current {
background: #cd366b;
border: 1px solid #d32a65;
}
/*
.our-children .kidsWrap .kid-pc {
width:260px;
height: 260px;
} */
.row {
display: flex;
flex-wrap: wrap;
margin: 0px -15px;
}
.row .col-xl-3 {
flex: 0 0 25%;
}
.row .col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.kidsWrap {
margin-bottom: 30px;
text-align: center;
color: #000;
}
.kidsWrap p {
padding-bottom: 0;
margin-top: 10px;
}
.kidsWrap p a {
font-size: 17px;
color: #000;
font-weight: 700;
}
.kidsWrap p a:hover {
color: #d7387b;
}
.ourChildrenInnr {
width: 100%;
padding-bottom: 60px;
padding-top: 60px;
}
.ourChildrenInnr .kidImg img {
width: 100%;
}
.rightCnt {
margin-top: 7px;
}
.rightCnt table {
background-color: #f1f1f1;
border-top: none !important;
border: 1px solid #ccc;
}
.rightCnt table thead {
border-bottom: 1px solid #ccc !important;
}
.rightCnt table tbody tr {
border-bottom: 1px solid #ccc !important;
}
.rightCnt table tbody tr:last-child {
border: none !important;
}
.rightCnt table tr .lft {
padding-left: 15px;
font-weight: 500;
}
.rightCnt table tr .rgt {
padding-left: 15px;
}
.rightCnt table tr,
th,
td {
border: none !important;
}
.rightCnt table thead th {
border: 1px solid #d7387b !important;
padding-left: 15px;
font-weight: 700;
font-size: 18px;
color: #fff;
background: #d7387b;
}
.leftCnt .cmsmasters_button {
font-size: 16px;
padding: 0 50px;
}
.our-children .kidsWrap .kid-pc {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.our-children .kidsWrap .kid-pc img {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.our-children .kidsWrap:hover .kid-pc img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1) filter:grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.our-children .kidsWrap:hover p a {
color: rgba(205, 54, 107, 1);
}
/*.our-children .kidsWrap .kid-pc img{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}
.our-children .kidsWrap .kid-pc img:hover{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}*/
.our-children .kidsWrap .kid-pc:hover .overlay {
opacity: 1;
}
.overlay {
height: 100%;
width: 100%;
transition: .5s;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
background: rgba(205, 54, 107, .9);
}
.cmsmasters_heading_wrap {
margin-top: 50px !important;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 992px) {
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width:991px) {
.rightCnt {
max-width: 440px;
display: block;
margin: auto;
}
.sponsor_dashboard .kidProfile .abtCnt {
padding: 0px 18px 20px 20px !important;
}
}
/* sponsor */
.our-sponser {
padding-top: 30px;
padding-bottom: 30px;
}
.sponsor_dtl {
margin-bottom: 30px;
}
.sponsor_dtl p {
color: #666;
font-weight: 400;
}
.sponsor_dtl .s_table {
display: table;
margin-bottom: 0 !important
}
.sponsor_dtl .s_row {
display: table-row;
}
.sponsor_dtl .s_hd {
background-color: #44364e !important;
font-weight: 400;
border-right: 1px solid #725f80 !important;
color: #fff;
}
.sponsor_dtl .s_hd:last-child {
border-right: 1px solid #44364e !important;
}
.sponsor_dtl .s_hd,
.sponsor_dtl .s_cls {
display: table-cell;
text-align: center;
line-height: 1;
}
.sponsor_dtl .s_cls {
border-bottom: 1px solid #dfdfdf !important;
border-right: 1px solid #dfdfdf !important;
color: #666;
font-weight: 400;
}
.sponsor_dtl .s_cls .input-holder {
position: relative;
width: 100%;
}
.sponsor_dtl .s_cls .input-holder input[type=text] {
width: 100%;
}
.sponsor_dtl .s_cls button {
line-height: 1;
padding: 14px 30px;
}
.sponsor_dtl .s_cls span {
display: none;
}
.sponsor_dtl .s_cls:first-child {
border-left: 1px solid #dfdfdf !important;
}
@media only screen and (max-width:767px) {
.sponsor_dtl .s_table {
border-top: 1px solid #dfdfdf !important;
border-collapse: initial;
border-spacing: initial;
}
.sponsor_dtl .s_hd {
display: none;
}
.sponsor_dtl .s_hd,
.sponsor_dtl .s_cls {
line-height: 24px;
padding: 13px;
}
.sponsor_dtl .s_cls {
display: block;
border-left: 1px solid #dfdfdf !important;
}
.sponsor_dtl .s_cls span {
display: block;
font-weight: 500;
color: #44364e;
}
.sponsor_dtl .s_rw {
padding-top: 15px;
}
.sponsor_dtl .s_cls button {
padding: 3px 10px;
}
}
/* sponsor */
.cmsmasters_heading_wrap {
margin-top: 0 !important;
}
.cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner>.cmsmasters_featured_block {
padding-top: 50px !important;
padding-bottom: 150px !important;
}
#cmsmasters_fb_83639b44bb {
padding-top: 200px !important;
}
#cmsmasters_row_a3616bbc6f .cmsmasters_row_outer_parent {
padding-top: 0px !important;
padding-bottom: 100px !important;
}
#cmsmasters_heading_36fw90sslh {
padding-top: 100px !important;
}
.inr_top_pad {
padding-top: 100px;
}
.forgot_pwd_cont .input-holder {
position: relative;
}
.forgot_pwd_cont {
width: 50%;
margin: 50px auto;
}
.fgt_pwd {
width: 100%;
}
.reset_pwd {
margin-top: 5px;
text-align: center;
display: block;
max-width: 130px;
background: #cd366b;
color: #fff;
padding: 10px 10px;
border-radius: 30px;
margin: 15px auto auto auto;
font-size: 1rem;
font-weight: 500;
}
.reset_pwd:hover {
transition: .5s;
color: #fff;
background-color: #81256f;
}
#cmsmasters_row_46802e2cac .cmsmasters_row_outer_parent {
padding-top: 100px !important;
padding-bottom: 50px !important;
}
@media only screen and (max-width:1024px) {
#cmsmasters_row_d26acf0c78 .cmsmasters_row_outer_parent {
padding-top: 50px !important;
padding-bottom: 50PX !important;
}
#cmsmasters_row_494ef332dc .cmsmasters_row_outer_parent {
padding-bottom: 0 !important;
}
#cmsmasters_row_84ca86d58e {
margin-bottom: 50px !important;
}
}
@media only screen and (max-width:768px) {
#cmsmasters_row_9014c80431 .cmsmasters_row_outer_parent {
padding-bottom: 30px !important;
}
.cmsmasters_row_margin.cmsmasters_row_columns_behavior .cmsmasters_column .cmsmasters_column_inner>.cmsmasters_featured_block {
padding-top: 0px !important;
padding-bottom: 50px !important;
}
#cmsmasters_fb_83639b44bb {
padding-top: 50px !important;
}
#cmsmasters_row_edaceba419 .cmsmasters_row_outer_parent {
padding-bottom: 0 !important;
}
#cmsmasters_row_a3616bbc6f .cmsmasters_row_outer_parent {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.cmsmasters_text h2 span {
display: inline-block;
}
#cmsmasters_row_d26acf0c78 .cmsmasters_row_outer_parent {
padding-top: 50px !important;
padding-bottom: 50PX !important;
}
#cmsmasters_row_494ef332dc .cmsmasters_row_outer_parent {
padding-bottom: 0 !important;
}
}
.donate_frm_container {
display: flex;
align-items: flex-start;
}
.dntform_cont {
flex-basis: 50%;
padding-right: 15px;
padding-left: 15px;
}
@media only screen and (max-width:540px) {
.donate_frm_container {
flex-wrap: wrap;
}
.dntform_cont {
flex-basis: 100%;
margin-bottom: 50px;
}
.forgot_pwd_cont {
width: 100%;
}
}
.sponsor_donate_wrap {
width: 100%;
height: auto;
margin: 0 auto;
padding: 30px;
color: #fff;
background: #362740;
}
.sponsor_donate_wrap h2 {
color: #fff;
border-bottom: 2px solid rgba(255, 255, 255, 0.17) !important;
}
.sponsor_donate_wrap .spnsrAmt {
margin-top: 7px;
}
.sponsor_donate_wrap .spnsrAmt .dnt_amt {
width: 100%;
}
.sponsor_donate_wrap .spnsrAmt .dnt_amt input,
.sponsor_donate_wrap .spnsrAmt .dnt_amt textarea {
width: 100%;
background: transparent;
}
.sponsor_donate_wrap .spnsrAmt span.error {
right: unset;
left: 30px;
top: 75px;
}
.sponsor_donate_wrap .dnt_amt {
width: 50%;
margin-bottom: 15px;
}
.sponsor_donate_wrap table tr {
border-right: 1px solid rgba(255, 255, 255, 0.17) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.17) !important;
}
.sponsor_donate_wrap table td {
padding: 10px;
}
.sponsor_donate_wrap table {
border: 1px solid rgba(255, 255, 255, 0.17);
}
.sponsor_donate_wrap p {
padding-left: 0;
/*color: #666;*/
}
.sponsor_donate_wrap textarea,
.sponsor_donate_wrap input {
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.17) !important;
border-radius: initial !important;
color: #fff;
padding-right: 10px !important;
padding-left: 10px !important;
}
.sponsor_donate_wrap textarea::-webkit-input-placeholder,
.sponsor_donate_wrap input::-webkit-input-placeholder {
/* Edge */
color: #fff;
}
.sponsor_donate_wrap textarea:-ms-input-placeholder,
.sponsor_donate_wrap input:-ms-input-placeholder {
/* Edge */
color: #fff;
}
.sponsor_donate_wrap textarea::placeholder,
.sponsor_donate_wrap input::placeholder {
/* Edge */
color: #fff;
}
.sponsor_donate_wrap textarea {
margin-top: 0 !important;
}
.sponsor_donate_wrap .spnsrAmt {
flex-wrap: wrap !important;
align-items: center;
flex-direction: column;
justify-content: center;
}
.sponsor_donate_wrap .spnsrAmt a {
background: #81256f;
padding-left: 10px;
padding-right: 10px;
border-radius: 25px;
line-height: 40px;
color: #fff;
margin-top: 10px;
width: 100%;
text-align: center;
}
.sponsor_donate_wrap .spnsrAmt a:hover {
color: #fff;
background: rgba(255, 255, 255, 0.17) !important;
}
.sponsor_donate_wrap .hd {
font-weight: 500;
border-right: 1px solid rgba(255, 255, 255, 0.17) !important;
}
.sponsor_donate_wrap .kidImg img {}
.sponsor_donate_wrap .dnt_more {
margin: 0 auto;
}
.sponsor_donate_wrap .dnt_amt input {
width: 100%;
border-radius: initial !important;
}
.sponsor_donate_wrap .donate_button {
border-radius: 25px !important;
background: #cd366b !important;
padding-right: 60px !important;
padding-left: 60px !important;
margin-right: auto;
border: 0 !important;
}
.sponsor_donate_wrap .spnsrAmt .form-control {
padding-right: 10px !important;
padding-left: 10px !important;
}
@media only screen and (max-width:1199px) {
.sponsor_donate_wrap .dnt_amt {
width: 70%;
}
.sponsor_donate_wrap .dnt_amt input {
width: 100%;
border-radius: initial !important;
}
.sponsor_donate_wrap {
width: 100%;
padding: 15px;
}
.sidebar_layout_14141414 aside {
min-height: 299px !important;
}
.cmsmasters_counters .cmsmasters_counter_wrap.one_fifth {
width: 25% !important;
}
.sponsor_donate_wrap .spnsrAmt a {
font-size: 15px;
}
}
@media only screen and (max-width:991px) {
.sponsor_donate_wrap .dnt_amt {
width: 90%;
}
.sponsor_donate_wrap .spnsrAmt a {
width: auto;
padding-left: 25px;
padding-right: 25px;
}
.sponsor_donate_wrap .dnt_amt input {
width: 100%;
}
.sidebar_layout_14141414 aside {
min-height: initial !important;
}
.sponsor_donate_wrap .kidImg {
margin: 20px 0 10px 10px
}
}
@media only screen and (max-width:575px) {
.sponsor_donate_wrap {
width: 100%;
padding: 15px;
}
.sponsor_donate_wrap .dnt_amt,
.sponsor_donate_wrap .dnt_amt input {
width: 100%;
}
.sponsor_donate_wrap .kidImg {
padding-top: 30px;
}
.sponsor_donate_wrap .kidImg img {
width: 100%;
}
.sponsor_donate_wrap .dnt_more {
margin: 0px 15px;
}
.kidImg {
margin: 10px;
}
.sponsor_donate_wrap .spnsrAmt a {
width: auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.2;
}
}
.sponsor_dashboard {
background: #f1f1f1;
color: #000;
}
.sponsor_dashboard h2.spendDtl {
padding: 5px 15px 10px 30px;
color: #362740;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-weight: 700;
text-transform: uppercase;
margin-top: 30px;
}
.sponsor_dashboard .kidProfile {
color: #fff;
background: #362740;
padding: 0px 0px 0px 0px;
}
.sponsor_dashboard .kidProfile .tble {
padding: 20px 10px 0 0;
}
.sponsor_dashboard .kidProfile .abtCnt {
padding: 20px 18px 20px 0;
}
.sponsor_dashboard .kidProfile .abtCnt h3 {
font-size: 1.4rem;
color: #fff;
margin-bottom: 10px;
}
.sponsor_dashboard table hd {
padding-left: 0;
}
.sponsor_dashboard .sponsored_amt {
display: flex;
align-items: center;
flex-direction: row;
}
.sponsor_dashboard table {
width: 100%;
}
.sponsor_dashboard table tr {
border: 1px solid rgba(255, 255, 255, 0.17);
}
.sponsor_dashboard table .hd {
font-weight: 500;
border-right: 1px solid rgba(255, 255, 255, 0.17) !important;
}
.sponsor_dashboard .sponsored_amt label {
padding-right: 30px;
font-weight: 500;
}
.sponsor_dashboard .kidImg img {
width: 100%;
}
.sponsor_dashboard .spend_dtls {
padding: 0 30px 30px 30px;
}
.sponsor_dashboard .spend_dtls .reset_pwd {
display: unset;
padding: 10px 20px;
max-width: unset;
}
.sponsor_dashboard .spend_dtls ul li:before {
content: '';
width: 10px;
height: 10px;
background: #362740;
border-radius: 50%;
margin-right: 10px;
}
.sponsor_dashboard .spend_dtls h2 {
width: fit-content;
}
.sponsor_dashboard .spend_dtls ul {
padding-bottom: 15px;
border-bottom: none;
}
.sponsor_dashboard .spend_dtls .btn {
margin-top: 30px;
}
.sponsor_dashboard .spend_dtls .dte {
width: fit-content;
font-size: 1rem;
font-weight: 500;
color: #f1f1f1;
padding: 5px 10px;
margin-bottom: 20px;
background: #d5377a;
}
.sponsor_dashboard .spend_dtls .d_flex {
display: flex;
align-items: center;
}
@media only screen and (max-width:767px) {
.sponsor_dashboard .kidProfile .abtCnt {
padding: 15px 18px 20px 20px !important;
}
.sponsor_dashboard .kidProfile .tble {
padding: 20px 10px 20px 0px;
}
.sponsor_dashboard .kidProfile .abtCnt {
padding: 20px 10px 20px 10px;
}
}
@media only screen and (max-width:575px) {
.sponsor_dashboard .kidProfile .tble {
padding: 20px 10px 0px 10px;
}
.sponsor_dashboard table {
width: 100%;
}
.sponsor_dashboard .sponsored_amt label {
padding-right: 24px;
}
.sponsor_dashboard .spend_dtls .dnt_more {
margin-bottom: 25px;
}
}
textarea.txtArea {
width: 100%;
height: 100%;
max-height: 70px;
resize: none;
margin-top: 10px;
}
.plzSelect {
background: #f1f1f1;
margin: 30px 0;
padding: 30px;
color: #000;
line-height: 2;
}
.plzSelect p {
padding: 0;
font-weight: 400;
}
.plzSelect p a {
font-weight: 500;
}
/* Thank You */
.thankYou .thnz {
text-align: center;
padding: 70px 0;
}
.thankYou .thnz h1 {
font-size: 70px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
margin-bottom: 40px;
}
.thankYou .thnz h1 span {
display: block;
font-size: 1.2rem;
font-weight: 400;
text-transform: capitalize;
}
.thankYou .thnz a {
background-color: #cd366b;
border-radius: 30px;
padding: 10px 20px;
color: #fff;
font-weight: 500;
}
.thankYou .thnz a:hover {
background-color: #81256f;
transition: .5s;
}
.thank_a {
text-align: center;
margin: 0 auto 50px;
display: block;
text-transform: uppercase;
}
.thank_a a {
border: 1px solid #cd366b;
border-radius: 25px;
padding: 15px 34px;
/* text-transform: unset; */
font-weight: bold;
color: #cd366b;
}
.thank_a a:hover {
border: 1px solid #cd366b;
color: #fff;
background: #cd366b;
}
@media only screen and (max-width:479px) {
.thank_a a {
font-size: 16px;
padding: 15px 15px;
}
}