File: /home/confeduphaar/public_html/wp-content/themes/egovt/assets/css/custom.scss
.wrap_site {
@media(max-width: 767px){
padding: 0 20px;
}
}
.ova-search-page{
.page-title{
margin-bottom: 38px;
color: #202b5d;
}
}
.egovt-button-color-border-general{
&.elementor-widget-button{
.elementor-button{
color: #62718D;
}
}
}
.egovt-button-color-border-header{
&.elementor-widget-button{
.elementor-button{
color: #0067DA;
border-color: #0067DA;
}
}
}
.ova_image_video_1_1.elementor-widget-video .elementor-custom-embed-image-overlay img {
aspect-ratio: 1/1;
}
// Visual hidden element - For fixed WCAG
.visuallyhidden{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.share_social{
text-align: center;
border-top: 1px solid #eeeeee;
padding-top: 45px;
.ova_label{
font-size: 24px !important;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.2px;
text-transform: capitalize !important;
color: #202b5d !important;
margin-bottom: 24px !important;
display: block;
}
.share-social-icons{
list-style: none;
padding-left: 0;
margin-left: 0;
li{
margin: 0;
display: inline-block;
&:not(:last-child){
margin-right: 4px;
}
a{
color: #fff;
padding: 0;
border-radius: 50%;
margin-bottom: 0px;
display: inline-flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
&:hover{
background: #06163A !important;
}
&.ico-facebook{
background: #3b5998;
}
&.ico-twitter{
background: #18a6f0;
}
&.ico-pinterest{
background: #dd4b39;
}
&.ico-linkedin{
background: #4c5fd7;
}
}
}
}
}
.single-post-egovt{
& + .content_comments{
margin-bottom: 43px;
.comments .comment-respond .title-comment{
margin: 22px 0 33px 0;
}
}
article.post-wrap{
.ova-single-text{
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 30px;
line-height: 1.2;
color: #fff;
width: 40px;
height: 40px;
}
.post-meta{
.post-meta-content{
margin: 36px 0px 27px 0;
}
}
.post-title{
margin: 0 0 25px 0;
h1{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
}
}
.post-tag{
margin: 60px 0px 25px 0px;
clear: both;
.post-tags{
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 40px;
margin-bottom: 0;
.ovatags{
display: inline-block;
text-transform: capitalize;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.3px;
color: #202b5d;
font-weight: 400;
margin-right: 10px;
margin-bottom: 10px;
}
a{
font-size: 15px;
line-height: 22px;
letter-spacing: 0.3px;
color: #62718d;
padding: 2px 10px 1px 10px;
background: transparent;
border: none;
border-radius: 3px;
border: 1px solid #e0e0e0;
&:not(:last-child){
margin-right: 10px;
}
}
}
}
.blog-details-author{
display: flex;
flex-wrap: wrap;
padding: 40px 40px 33px 40px;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
.ova-img-author{
flex: 0 0 80px;
}
.ova-des-author{
flex: 0 0 calc(100% - 80px);
padding-left: 30px;
h4{
margin: -5px 0 8px 0;
font-size: 24px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.2px;
color: #202b5d;
}
p{
margin: 0;
font-size: 17px;
line-height: 26px;
color: #62718d;
}
}
}
.ova-next-pre-post {
margin-top: 60px;
@media (max-width: 767px) {
flex-direction: column;
}
&:after{
content: '';
display: block;
clear: both;
}
.pre{
float: left;
}
.ova-slash{
float: left;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.next {
float: right;
& + .ova-slash{
float: right;
}
}
.pre, .next {
display: flex;
width: calc(50% - 25px);;
@media (max-width: 767px) {
width: 100%;
}
&:hover{
.num-1 {
.icon {
i {
color: #fff;
}
}
}
}
.num-1 {
margin-right: 20px;
.icon {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #eaeaea;
border-radius: 50%;
position: relative;
transition: 0.4s;
vertical-align: middle;
i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: inline-block;
line-height: 1;
color: #62718d;
&:before {
transition: 0.4s;
margin: 0px;
font-size: 28px;
}
}
}
}
.num-2 {
span.text-label {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px;
font-weight: 400;
margin-bottom: 4px;
display: inline-block;
}
.title {
display: block;
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #202b5d;
margin-top: -3px;
word-break: break-word;
}
}
}
.ova-slash{
display: flex;
justify-content: center;
align-items: center;
@media(max-width: 767px){
display: none;
}
span{
width: 7px;
height: 7px;
border-radius: 50%;
background: #bcbfce;
display: inline-block;
&:not(:last-child){
margin-right: 6px;
}
}
}
.pre {
padding-right: 15px;
@media(max-width: 767px){
padding-right: 0px;
}
}
.next {
flex-direction: row-reverse;
padding-left: 15px;
@media (max-width: 767px) {
flex-direction: row;
margin-top: 60px;
padding-left: 0px;
}
.num-1 {
margin: 0px;
margin-left: 20px;
@media (max-width: 767px) {
margin-left: 0px;
margin-right: 20px;
}
}
.num-2 {
text-align: right;
@media (max-width: 767px) {
text-align: left;
}
}
}
a {
display: flex;
align-items: center;
}
}
}
.share_social{
padding-top: 35px;
}
}
.content_comments {
.comments {
&:after {
content: "";
display: block;
clear: both;
}
.number-comments {
margin: 0px;
color: #202b5d;
font-size: 25px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 600;
text-transform: capitalize;
padding: 17px 16px 18px 20px;
background-color: #ecedf5;
margin-bottom: 20px;
margin-top: 60px;
display: flex;
justify-content: space-between;
i{
color: #62718d;
}
}
ul.commentlists {
overflow: hidden;
border: 1px solid #e8e8e8;
border-bottom: none;
margin-bottom: 30px;
li {
article.comment_item {
padding-left: 30px;
}
}
li.comment {
margin: 0;
.comment_item {
padding: 30px 20px 30px 35px;
margin-bottom: 0px;
position: relative;
&:after {
position: absolute;
bottom: 0;
left: -600px;
content: "";
width: 3000px;
height: 1px;
background-color: #e8e8e8;
}
}
.comment-author {
margin-right: 20px;
img {
border-radius: 50%;
width: 80px;
}
}
.comment-details {
.author-name {
display: block;
.name {
line-height: 1.2;
color: #202b5d;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
text-transform: capitalize;
margin-bottom: 6px;
a{
line-height: 1.2;
color: #202b5d;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.2px;
text-transform: capitalize;
margin-bottom: 6px;
}
}
.date {
line-height: 1.2;
color: #42516d;
font-size: 16px;
letter-spacing: 0.2px;
margin-bottom: 17px;
}
}
}
.comment-body {
padding-left: 100px;
padding-right: 30px;
@media(max-width: 991px){
padding-left: 0px;
}
p {
color: #62718d;
font-size: 17px;
line-height: 26px;
}
.ova_reply {
padding: 0;
.comment-reply-link, .comment-edit-link {
display: inline-block;
padding: 2px 13px;
border: 1px solid #e8e8e8;
font-size: 15px;
line-height: 22px;
color: #42516d;
text-transform: capitalize !important;
margin-top: 18px;
border-radius: 2px;
}
.comment-reply-link {
margin-right: 10px;
}
}
}
.comment-respond {
padding: 0 30px;
}
}
ul.children {
margin-left: 78px;
&:after {
content: "";
display: block;
clear: both;
}
}
}
.comment-respond {
.comment-reply-title {
margin-bottom: 0px;
@media (max-width: 767px) {
padding-top: 0px;
}
}
.title-comment {
display: inline-block;
color: #202b5d;
font-size: 25px;
line-height: 1.2;
font-weight: 600;
text-transform: capitalize;
margin: 48px 0 33px 0;
padding: 0;
border-top: none;
@media (max-width: 767px) {
margin: 38px 0 33px 0;
}
}
small {
display: block;
clear: both;
margin: -22px 0px 16px 0;
a {
font-size: 15px;
font-weight: 600;
}
}
.comment-form {
display: flex;
flex-wrap: wrap;
margin-top: 15px;
.logged-in-as{
display: none;
}
.text-comment {
flex: 0 0 100%;
textarea {
margin-bottom: 12px;
}
}
.wrap-name-email{
width: 100%;
display: flex;
flex-wrap: wrap;
.author {
flex: 0 0 calc(50% - 10px);
margin-right: 10px;
@media(max-width: 767px){
flex: 0 0 100%;
margin-right: 0;
}
}
.email {
flex: 0 0 calc(50% - 10px);
margin-left: 10px;
@media(max-width: 767px){
flex: 0 0 100%;
margin-left: 0;
}
}
}
textarea, input[type=text] {
color: #202b5d;
font-size: 17px;
line-height: 24px;
border-radius: 0px;
border-color: #e5e5e5;
letter-spacing: 0.2px;
margin-bottom: 20px;
&::placeholder{
color: #62718d;
}
}
input[type=text]{
height: 45px;
padding: 0 20px;
}
textarea{
padding: 15px 10px 20px 20px;
height: 180px;
}
p.form-submit {
margin-top: 10px;
#submit {
text-transform: capitalize;
font-weight: 700;
color: #fff ;
font-size: 18px;
line-height: 24px;
border-radius: 0px ;
border: none;
height: 50px;
padding: 0 30px;
&:hover{
background: #06163A;
}
}
}
.comment-form-cookies-consent {
display: none;
}
}
}
}
}
article.post-wrap{
.carousel{
.carousel-control-prev, .carousel-control-next{
display: flex;
justify-content: center;
align-items: center;
top: 50%;
bottom: unset;
transform: translate(0,-50%);
opacity: 1;
width: 50px;
height: 50px;
border-radius: 50%;
background: #fff;
svg{
color: #62718d;
}
}
.carousel-control-prev{
left: 35px;
}
.carousel-control-next{
right: 35px;
}
}
.post-media{
margin: 0;
iframe{
display: block;
}
}
.post-meta{
.post-meta-content{
margin: 36px 0px;
.ova-meta-general{
font-size: 16px;
line-height: 26px;
color: #62718d;
}
.post-date{
@media(max-width: 767px){
display: block;
}
.left i{
font-size: 16px;
}
}
.wp-categories{
@media(max-width: 767px){
display: block;
}
.slash{
@media(max-width: 767px){
display: none;
}
}
}
.wp-author{
.slash{
@media(max-width: 767px){
padding: 0;
}
}
}
.wp-categories, .wp-author{
a{
font-size: 16px;
line-height: 26px;
color: #202b5d;
}
}
.comment{
margin-left: 11px;
.right, a{
font-size: 16px;
line-height: 26px;
color: #62718d;
i{
font-size: 14px;
}
svg{
width: 16px;
height: 16px;
}
}
}
}
}
.egovt-post-readmore{
.btn-readmore{
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #fff;
padding: 11px 24px 14px 23px;
display: inline-flex;
align-items: center;
svg{
width: 18px;
height: 18px;
margin-left: 6px;
}
}
}
}
.default, .blog-grid{
& + .pagination-wrapper{
margin-bottom: 108px;
}
}
.blog-grid{
& + .pagination-wrapper{
margin-top: 5px;
}
}
.default{
& +footer.footer{
margin-top: 100px;
}
}
article.post-wrap{
&.sticky{
.post-meta{
.post-meta-content{
.post-date {
.ova-meta-general{
}
.left{
i{
color: #62718d;
}
}
}
.wp-categories{
.categories{
a{
&:hover{
color: #06163A;
}
}
}
}
.wp-author{
.post-author{
a{
&:hover{
color: #06163A;
}
}
}
}
.comment{
.right{
span{
}
}
}
}
}
}
}
.default{
article.post-wrap{
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
margin-bottom: 60px;
&.post_format-post-format-aside{
padding: 36px 35px 50px 35px;
}
.evgovt-content{
padding: 36px 35px 50px 35px;
@media(max-width: 767px){
padding: 26px 15px 40px 15px;
margin: 0 5px;
}
}
.post-meta{
.post-meta-content{
margin: 0px 0px 5px 0;
}
}
h2.entry-title{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
text-transform: capitalize;
padding: 36px 35px 50px 35px;
a{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
text-transform: capitalize;
}
}
.post-title{
margin-bottom: 16px;
h2.post-title {
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
text-transform: capitalize;
a{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
text-transform: capitalize;
}
}
}
.post-body{
.post-excerpt{
p{
font-size: 17px;
line-height: 28px;
color: #62718d;
margin-top: 20px;
}
}
}
.post-footer{
display: flex;
justify-content: space-between;
align-items: center;
.egovt-post-readmore{
.btn-readmore{
&:hover{
background: #06163A;
}
}
}
.socials-inner {
position: relative;
.share-social {
display: flex;
align-items: center;
cursor: pointer;
width: fit-content;
.egovt-svg-icon{
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
color: #62718d;
border-radius: 50%;
border: 1px solid #e2e2e2;
svg{
width: 20px;
height: 20px;
}
}
span {
color: #25282e;
font-size: 16px;
line-height: 24px;
}
.share-social-icons {
padding-left: 0px;
list-style-type: none;
background-color: #fff;
min-width: 110px;
position: absolute;
bottom: 100%;
left: -10px;
opacity: 0;
visibility: hidden;
transition: 0.4s all;
margin: 0;
box-shadow: 10px 0 40px rgba(6,22,58,0.1);
li {
border-bottom: 1px solid #e8e8e8;
text-align: center;
a {
padding-bottom: 5px;
padding-top: 7px;
display: inline-block;
width: 100%;
font-size: 15px;
line-height: 24px;
color: #62718d;
}
}
}
}
&:hover {
.share-social-icons {
opacity: 1;
visibility: visible;
}
}
}
}
}
}
.blog-grid{
padding: 0;
@media(max-width: 767px){
padding: 0;
}
.ova-wrap-grid{
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
@media(max-width: 767px){
margin: 0;
}
}
article.post-wrap{
margin-bottom: 60px;
padding: 0 15px;
@media(max-width: 767px){
padding: 0;
}
.wrap-article{
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.evgovt-content{
padding: 0 15px 33px 25px;
}
.post-media{
margin-bottom: 0;
@media (max-width: 767px) {
img{
width: 100%;
}
}
}
.post-meta-date{
margin-top: -15.2px;
position: relative;
z-index: 1;
.post-meta-content-date{
display: inline-block;
font-size: 16px;
line-height: 30px;
font-weight: 700;
color: #fff;
padding: 0px 10px 0px 10px;
}
}
.post-meta-grid{
margin-top: 18px;
.post-meta-content-grid{
a, span{
font-size: 16px;
line-height: 26px;
color: #62718d;
padding: 0px;
}
.comment{
padding-left: 9px;
}
svg{
width: 16px;
height: 16px;
}
}
}
.post-title{
margin-top: 2px;
h2.post-title{
font-size: 24px;
line-height: 30px;
font-weight: 600;
text-transform: capitalize;
a{
font-size: 24px;
line-height: 30px;
font-weight: 600;
text-transform: capitalize;
color: #202b5d;
}
}
}
.post-footer{
margin-top: 20px;
.egovt-post-readmore{
a{
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #42516d;
letter-spacing: 0.2px;
padding: 0;
}
}
}
}
}
.grid_sidebar{
article.post-wrap{
width: 50%;
@media(max-width:767px){
width: 100%;
}
}
}
.grid_medium{
article.post-wrap{
width: 33.33%;
@media(max-width:991px){
width: 50%;
}
@media(max-width:767px){
width: 100%;
}
}
}
.grid_small{
article.post-wrap{
width: 25%;
@media(max-width:1024px){
width: 33.33%;
}
@media(max-width:991px){
width: 50%;
}
@media(max-width:767px){
width: 100%;
}
}
}
.pagination-wrapper{
margin: 60px 0px 83px 0px;
padding-top: 10px;
}
.blog_pagination {
.pagination {
flex-wrap: wrap;
margin-bottom: 0;
justify-content: center;
li {
@media(max-width: 991px){
margin-bottom: 10px;
}
&:not(:last-child) {
margin-right: 10px;
}
&.page-numbers {
a {
width: unset;
height: unset;
padding: 9px 14px 9px 14px;
}
}
a {
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 22px;
color: #42516d;
border: 1px solid #e0e0e0;
border-radius: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
margin: 0px;
&:hover, &:focus {
color: #ffffff;
}
}
.pagi_dots {
color: #333333;
border: none;
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s;
margin-right: 10px;
}
&.active {
a {
color: #ffffff;
}
}
&.prev, &.next{
i{
font-size: 20px;
}
}
&.text-prev {
margin-right: 25px;
a {
width: 45px;
}
}
&.text-next {
margin-left: 25px;
a {
width: 45px;
}
}
}
}
}
.sidebar{
position: sticky;
position: -webkit-sticky;
top: 150px;
left: 0;
height: 100%;
margin-bottom: 65px;
.widget{
margin-bottom: 45px;
ul {
li {
a {
font-size: 17px;
line-height: 26px;
color: #62718d;
&:hover{
color: #202b5d;
}
}
}
}
h4.widget-title {
font-size: 25px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 25px;
border: none;
padding-bottom: 14px;
}
&.widget_custom_html {
margin-bottom: 35px;
h4.widget-title {
margin-bottom: 10px;
}
.ova_search{
form {
position: relative;
.search {
display: flex;
flex-wrap: wrap;
input {
display: inline-block;
border: none;
border: 1px solid #e5e5e5;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.2px;
color: #333333;
height: 50px;
line-height: 50px;
padding: 0px 55px 0px 20px;
width: calc(100% - 50px);
&::placeholder {
color: #a6afbd;
}
}
button {
display: inline-block;
border: 1px solid;
cursor: pointer;
padding: 0px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 13px;
line-height: 24px;
color: #fff;
font-weight: 700;
transform: rotateY(180deg);
i {
font-size: 17px;
margin-top: 4px;
display: inline-block;
color: #fff;
}
&:focus {
outline: none;
}
&:hover {
background: #06163A;
border-color: #06163A;
}
}
}
}
}
/* end ova search */
}
&.widget_categories, &.widget_archive, &.widget_links, &.widget_meta, &.widget_nav_menu, &.widget_pages, &.widget_recent_entries, &.widget_product_categories {
li {
border-top: none;
padding: 6px 0 6px 0px;
&:first-child{
border-top: none;
}
> a {
position: relative;
padding-left: 22px;
&:hover{
&:before {
color: #202b5d;
}
}
&:before {
transition: 0.4s;
position: absolute;
content: '';
top: 8px;
left: 0px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #62718d;
}
}
ul.children{
margin-bottom: -6px;
li{
border-top: 1px solid rgba(51,51,51,.1);
padding: 6px 0 6px 0px;
}
}
}
}
&.widget_archive {
li {
> a {
&:before {
top: 9px;
}
}
}
}
&.widget_recent_comments {
li {
padding: 10px 0 10px 0;
}
}
&.widget_categories, &.widget_nav_menu, &.widget_pages {
.children {
border-top: none;
margin-top: 0;
padding: 8px 0px 0px 0px;
}
.sub-menu{
border-top: none;
margin: 0;
margin-bottom: -6px;
margin-left: 0.8em;
margin-bottom: -6px;
padding-top: 6px;
li{
border-top: 1px solid rgba(51,51,51,.1);
padding: 6px 0 6px 0px;
}
}
}
&.widget_archive {
ul {
li {
display: flex;
justify-content: space-between;
}
}
}
.select2-container {
margin-top: 7px;
}
&.widget_calendar {
h4.widget-title {
margin-bottom: 20px;
}
#wp-calendar {
thead th {
font-size: 90%;
}
tbody td {
padding: 0.125rem;
}
}
}
/* end widget_calendar */
&.widget_search {
h4.widget-title {
margin-bottom: 20px;
}
label {
@media (max-width: 400px) {
margin-bottom: 10px;
width: 100%;
}
}
}
/* end widget_search */
&.recent-posts-widget-with-thumbnails {
margin-bottom: 31px;
h4.widget-title {
margin-bottom: 20px;
}
ul {
li {
position: relative;
&:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
&:last-child {
&:before {
height: 100%;
}
}
a {
img {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px;
border-radius: 0px;
}
.rpwwt-post-title {
font-size:18px;
line-height: 24px;
color: #202b5d;
font-weight: 500;
margin-top: -5px;
display: inline-block;
width: calc(100% - 120px);
}
}
.rpwwt-post-date {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.2px;
color: #62718d;
&:before {
content: "\f017";
font-family: "Font Awesome 5 Free";
margin-right: 6px;
}
}
}
}
}
/* end recent-posts-widget-with-thumbnails */
&.widget_media_gallery{
.gallery{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
.gallery-item{
width: 33.33%;
padding: 0 5px;
margin-bottom: 10px;
margin-top: 0 !important;
a{
img{
border: none !important;
}
}
}
}
}
&.widget_tag_cloud, &.widget_product_tag_cloud {
margin-bottom: 50px;
h4.widget-title {
margin-bottom: 17px;
}
.tagcloud {
margin-top: 7px;
a {
font-size: 15px !important;
line-height: 22px;
letter-spacing: 0.3px;
color: #62718d;
padding: 2px 10px 1px 10px;
background: transparent;
border: none;
border-radius: 3px;
border: 1px solid #e0e0e0;
&:hover {
background-color: transparent;
}
}
}
}
/* end widget tag cloun */
}
}
/********* TESTTHEME **********/
.page-links {
float: unset;
}
.sidebar{
.widget{
&.widget_search{
label{
input.search-field{
max-width: 100%;
margin-right: 0px;
width: calc(100% - 5px);
}
}
.search-submit{
width: 82px;
}
}
}
}
article.post-wrap {
&.sticky {
border-top: 5px solid;
background: #fff;
padding: 0;
}
.post-title {
h2.post-title{
a {
word-break: break-word;
}
}
.post-title {
word-break: break-word;
}
}
.post-meta {
.post-meta-content {
a {
word-break: break-word;
}
}
}
.post-body {
.post-excerpt {
p {
&:last-child:after {
content: "";
display: block;
clear: both;
}
}
}
}
}
.content_comments {
.comments {
ul.commentlists {
li {
&.pingback, &.trackback {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 10px;
padding-left: 14px;
.comment_item {
padding: 0px;
border: none;
.comment-author{
@media(max-width: 991px){
margin-bottom: 0px;
}
}
}
.comment-details {
@media (max-width: 767px) {
float: unset;
}
.author-name {
@media(max-width: 767px){
margin-top: 0;
}
}
}
.author-name {
i {
display: none;
}
a {
color: #333333;
font-weight: 600;
font-size: 15px;
text-transform: capitalize;
&:hover {
color: #333333;
}
&.comment-edit-link {
color: #e86c60;
margin-left: 10px;
font-weight: 500;
}
}
}
}
&.pingback {
&:last-child {
border-bottom: none;
}
}
}
}
}
}
.alignleft {
margin-bottom: 30px;
}
h1.page-title {
font-size: 35px;
line-height: 1.2em;
color: #202b5d;
font-weight: 600;
margin-bottom: 30px;
}
input[type="submit"] {
line-height: 35px;
cursor: pointer;
}
.ovatheme_breadcrumbs {
ul.breadcrumb {
li {
word-break: break-word;
}
}
}
.single-post article.post-wrap .post-media{
margin-bottom: 30px;
}
/*****END TESTTHEME********/
/* Contact form */
.contact-form-egovt {
&.type-2{
.con{
.input {
&.phone{
padding-right: 10px;
@media(max-width: 767px){
padding-right: 0px;
}
}
&.subject{
padding-left: 10px;
width: 50%;
margin-bottom: 15px;
@media(max-width: 767px){
width: 100%;
}
@media(max-width: 767px){
padding-left: 0px;
}
}
}
}
input[type="submit"]{
font-size: 20px;
font-weight: 700;
height: 55px;
width: 100%;
}
}
p{
margin: 0px;
}
&.ctf-type-2{
input[type=submit] {
width: 100%;
}
}
.con {
display: flex;
flex-wrap: wrap;
label{
font-size: 17px;
line-height: 24px;
letter-spacing: 0.2px;
color: #62718d;
margin-bottom: 9px;
span{
color: #ff709d;
}
}
.input {
display: inline-block;
width: 50%;
margin-bottom: 20px;
@media(max-width: 767px){
width: 100%;
}
&.name{
padding-right: 10px;
@media(max-width: 767px){
padding-right: 0px;
}
}
&.email{
padding-left: 10px;
@media(max-width: 767px){
padding-left: 0px;
}
}
&.subject{
width: 100%;
}
.wpcf7-form-control-wrap {
display: inherit;
width: 100%;
input {
height: 45px;
width: 100%;
font-size: 17px;
line-height: 45px;
color: #333;
border: 1px solid #e5e5e5;
padding: 0px 20px 0px 20px;
letter-spacing: 0.2px;
&::placeholder {
color: #62718d;
letter-spacing: 0.2px;
}
}
}
}
.comment {
width: 100%;
.wpcf7-form-control-wrap {
display: inherit;
textarea {
width: 100%;
height: 145px;
border: 1px solid #e5e5e5;
padding: 14px 20px 20px 20px;
font-size: 17px;
line-height: 24px;
color: #333;
letter-spacing: 0.2px;
&::placeholder {
color: #62718d;
letter-spacing: 0.2px;
}
&:focus {
outline: none;
}
}
}
}
}
input[type=submit] {
color: #ffffff;
font-size: 18px;
line-height: 24px;
font-weight: 700;
height: 50px;
padding: 0 30px 0 30px;
border: 1px solid;
transition: 0.2s;
cursor: pointer;
margin-top: 29px;
&:hover {
background-color: #06163A;
border-color: #06163A;
}
}
&.no-title {
padding: 50px 60px 65px 60px;
@media (max-width: 767px) {
padding: 30px 10px 50px 10px;
}
.title-form {
display: none;
}
}
}
.egovt_404_page{
text-align: center;
margin-bottom: 110px;
.title{
font-size: 40px;
color: #202b5d;
font-weight: 500;
line-height: 1.2;
margin: 30px 0 15px 0;
}
p.desc-404{
padding: 0 450px;
margin: 0 0 35px 0;
@media(max-width: 1024px){
padding: 0;
}
}
.search-form{
display: inline-flex;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
margin-bottom: 60px;
label{
margin: 0;
}
input.search-field{
color: #62718d;
border: none;
height: 60px;
width: 365px;
font-size: 17px;
letter-spacing: 0.2px;
padding-left: 20px;
padding-right: 20px;
&::placeholder{
font-size: 17px;
letter-spacing: 0.2px;
color: #999eac;
}
@media(max-width: 479px){
width: unset;
}
}
input[type="submit"]{
height: 60px;
font-size: 18px;
line-height: 24px;
color: #fff;
&:hover{
background: #06163A;
border-color: #06163A;
}
}
}
.egovt-go-home{
a{
font-size: 18px;
color: #fff;
font-weight: 700;
height: 60px;
background: #06163a;
display: inline-block;
line-height: 60px;
padding: 0 27px;
svg{
width: 18px;
color: #fff;
margin-left: 6px;
}
}
}
}
.ovatheme_breadcrumbs ul.breadcrumb{
word-break: break-word;
}
h1, h2, h3, h4, h5, h6, .nav_comment_text{
margin-bottom: 15px;
}
.blogname{
font-weight: bold;
}
footer.footer-default{
margin-bottom: 30px;
}
.wp-caption{
p.wp-caption-text{
margin: 10px 0 0 0;
}
}
blockquote{
border-left: 2px solid;
padding: 0 0 0 1rem;
&.has-text-align-right{
border-right: 2px solid;
border-left: none;
padding: 0 1rem 0 0;
}
}
dd{
margin: 0 1rem 1rem;
}
.bg_section{
background-color: #F2EDEB;
@media (max-width: 767px) {
background-color: #fff;
}
}
.wp-block-button{
margin-bottom: 32px;
color: #fff;
&.is-style-outline{
color: #32373c;
a:hover{
color: #fff;
}
}
}
.wp-block-button a:hover{
background: #32373c;
}
.wp-block-cover p:not(.has-text-color){
color: #fff;
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color{
background-color: #e0e0e0;
}
p{
line-height: 1.5em;
margin: 2rem 0;
}
.elementor-text-editor p{
line-height: inherit;
margin: 0 0 2rem 0;
}
.wp-block-archives,
.wp-block-categories{
margin-bottom: 15px;
}
.wp-calendar-table caption{
caption-side: top;
text-align: center;
}
.post-excerpt ul{
li{
/*list-style: none;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 5px 0px;*/
> a:before{
transition: 0.4s;
position: absolute;
content: '';
top: 8px;
left: 0px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #62718d;
}
&:last-child{
border-bottom: none;
}
}
}
.wp-block-separator{
width: 50px;
&.is-style-wide{
width: 100%;
}
&.is-style-dots{
width: 100%;
}
}
.wp-block-group__inner-container{
padding: 30px;
}
.search-results .default article.post-wrap .post-body .post-excerpt p{
margin-top: 10px;
}
.icon_red i{
color: #df193a;
}
.bg_logo_left{
&:before{
background-color: #1f2e4e;
width: 2000px;
position: absolute;
margin-left: -100px;
content: "";
height: 100%;
color: #cccc;
right: 0;
top: 0;
}
}
/*GIVE*/
.btn-charihope-default {
padding: 12px 33px;
background-color: #fa7f4b;
border-radius: 3px;
transition: 0.5s;
font-size: 18px;
line-height: 24px;
color: #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
&:hover {
background-color: #333333;
color: #fff;
}
}
article.post-wrap {
margin-bottom: 80px;
.btn-charihope-default:hover {
background-color: #333333;
}
.post-media {
margin-bottom: 20px;
overflow: hidden;
img {
width: 100%;
transition: 0.4s;
&:hover {
opacity: 0.9;
}
}
}
.post-meta {
.post-meta-content{
margin: 0px;
margin-bottom: 13px;
.post-date {
margin-right: 9px;
}
span, a, i {
font-size: 14px;
line-height: 25px;
color: #666666;
}
a {
transition: 0.5s;
&:hover {
color: #fa7f4b;
}
}
i {
margin-right: 8px;
color: #fa7f4b;
&:before {
margin: 0px;
font-size: 14px;
line-height: 33px;
}
}
.categories {
i {
display: none;
}
}
}
}
.post-title {
h2.post-title {
font-size: 35px;
line-height: 1.2;
margin-bottom: 23px;
a {
font-size: 35px;
line-height: 1.2;
color: #333333;
font-weight: 600;
text-transform: unset;
transition: 0.4s;
&:hover {
color: #fa7f4b;
}
}
}
}
.post-body {
.post-excerpt{
font-size: 16px;
line-height: 25px;
color: #666666;
margin-bottom: 27px;
p {
font-size: 16px;
line-height: 25px;
color: #666666;
}
}
}
}
.single-post {
article.post-wrap {
margin-bottom: 55px;
.post-media {
margin-bottom: 52px;
position: relative;
.date {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 110px;
background-color: #fa7f4b;
color: #fff;
display: inline-flex;
align-content: center;
padding: 0 0px;
text-align: center;
flex-wrap: wrap;
border-radius: 0 0 3px 0;
.unit {
width: 100%;
line-height: 1.2;
&.day {
font-size: 40px;
font-weight: 700;
margin-bottom: 2px;
}
&.month {
font-size: 15px;
}
}
}
}
.post-meta {
.post-meta-content {
margin-bottom: 11px;
.general-meta {
&:not(:last-child) {
margin-right: 14px;
}
i, a {
font-size: 14px;
line-height: 25px;
color: #666666;
}
a {
&:hover {
color: #fa7f4b;
}
}
}
}
}
.post-title {
h1.post-title {
font-size: 35px;
line-height: 1.2em;
color: #333333;
font-weight: 700;
margin-bottom: 9px;
}
}
.post-body {
.post-excerpt{
margin-bottom: 20px;
}
}
.post-tag-charihope {
display: flex;
justify-content: flex-end;
border-top: 1px solid #e5e5e5;
padding-top: 20px;
@media (max-width: 767px) {
flex-direction: column;
.post-tags-charihope {
margin-bottom: 7px;
}
}
.post-tags-charihope {
width: 100%;
@media (max-width: 767px) {
width: 100%;
}
.ovatags {
font-size: 16px;
line-height: 25px;
color: #333333;
margin-right: 1px;
font-weight: 700;
}
>a {
font-size: 16px;
line-height: 25px;
color: #666666;
transition: 0.4s;
display: inline-block;
margin-bottom: 7px;
&:hover {
color: #fa7f4b;
}
}
}
.share_social-charihope {
text-align: right;
flex-basis: 18%;
@media (max-width: 767px) {
text-align: left;
width: 100%;
}
ul.share-social-icons {
padding: 0;
list-style-type: none;
li {
display: inline-block;
a {
span {
display: none;
}
i {
font-size: 16px;
color: #666666;
transition: 0.5s;
}
&:hover {
i {
color: #fa7f4b;
}
}
}
&:not(:last-child) {
margin-right: 12px;
}
}
}
}
}
.post_recommend {
h3.heading-post-title {
margin: 0px;
font-size: 30px;
line-height: 1.2em;
font-weight: 600;
color: #333333;
margin-bottom: 38px;
}
.ova_blog {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 30px;
grid-row-gap: 60px;
.related-post {
.ova-media {
margin-bottom: 23px;
a {
overflow: hidden;
display: block;
img {
border-radius: 3px;
transition: 0.4s;
&:hover {
opacity: 0.9;
}
}
}
}
.content {
.post-title {
margin: 0px;
margin-bottom: 11px;
a {
font-size: 22px;
line-height: 28px;
color: #333333;
font-weight: 600;
transition: 0.5s;
word-break: break-word;
&:hover {
color: #fa7f4b;
}
}
}
.post_date {
font-size: 15px;
line-height: 22px;
color: #999999;
}
}
}
}
}
}
}
.sidebar {
.widget {
margin-bottom: 47px;
ul {
li {
a {
&:hover {
color: #fa7f4b;
}
}
}
}
h4.widget-title {
font-size: 25px;
line-height: 1.2em;
color: #333333;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 25px;
border-color: #e5e5e5;
padding-bottom: 19px;
}
&.widget_custom_html {
h4.widget-title {
margin-bottom: 10px;
}
.ova_search {
padding-top: 13px;
padding-bottom: 7px;
form {
position: relative;
input {
border: 1px solid #e5e5e5;
width: 100%;
font-size: 15px;
line-height: 39px;
color: #999999;
background-color: #f2f2f2;
padding: 8px 15px 6px 25px;
height: unset;
}
button {
background: transparent;
border: none;
cursor: pointer;
padding: 0px;
width: 55px;
height: 55px;
position: absolute;
right: 0;
top: 0;
&:focus {
outline: none;
}
}
}
}
}
&.widget_tag_cloud {
.tagcloud {
a {
font-size: 13px;
line-height: 1.2;
color: #666666;
border: 1px solid #e5e5e5;
transition: 0.4s;
padding: 8px 12px 5px 12px;
&:hover {
background-color: #fa7f4b;
border: 1px solid #fa7f4b;
color: #fff;
}
}
}
}
}
}
.pagination-wrapper{
margin: 0px 0px 60px 0px;
padding-top: 10px;
.blog_pagination {
.pagination {
li {
a {
font-size: 16px;
line-height: 24px;
color: #333333;
background-color: rgba(0,0,0,0.1);
border: none;
border-radius: 5px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s;
&:hover {
color: #fff;
background-color: #fa7f4b;
}
}
.pagi_dots {
color: #333333;
background-color: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 5px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s;
margin-right: 10px;
}
&.active {
a {
color: #fff;
background-color: #fa7f4b;
}
}
}
}
}
}
/*comment*/
.content_comments {
.logged-in-as {
display: none;
}
.comment-reply-title {
margin: 0;
}
.comments {
.number-comments {
font-size: 30px;
line-height: 1.2;
color: #333333;
font-weight: 700;
text-transform: capitalize;
margin-top: 58px;
margin-bottom: 5px;
}
ul.commentlists {
> li.comment {
&:first-child {
> .comment_item {
border-top: none;
}
}
}
li.comment {
margin: 0px;
.comment_item {
border-top: 1px solid #e5e5e5;
padding-top: 32px;
margin-bottom: 29px;
width: 100%;
.comment-author {
margin-right: 20px;
img {
width: 80px;
border-radius: 50%;
}
}
.comment-details {
.author-name {
display: block;
margin-bottom: 17px;
position: relative;
.name {
display: inline-block;
font-weight: 700;
color: #333333;
font-size: 20px;
padding-right: 0px;
text-transform: unset;
line-height: 25px;
margin-right: 15px;
margin-top: 8px;
}
.date {
display: inline-block;
font-size: 15px;
color: #999999;
line-height: 25px;
}
}
.comment-body {
padding-left: 100px;
p {
color:#666666;
font-size: 15px;
line-height: 24px;
}
}
.ova_reply {
display: inline-flex;
align-items: center;
padding: 0px;
position: absolute;
top: 7px;
right: 0px;
a {
&.comment-reply-link, &.comment-edit-link {
color: #fa7f4b;
font-size: 15px !important;
line-height: 25px;
padding: 0px;
&:hover {
color: #333333;
}
}
&.comment-edit-link {
margin-left: 10px;
}
}
i {
display: none;
color: #fa7f4b;
font-size: 16px;
padding: 0px;
line-height: 1;
&:before {
line-height: 1;
margin: 0px;
margin-right: 8px;
}
}
}
}
}
}
}
.comment-respond {
.comment-reply-title {
position: relative;
@media (max-width: 425px) {
.title-comment {
margin-bottom: 10px;
}
small {
position: unset;
}
}
.title-comment {
border: none;
font-weight: 700;
color: #333333;
font-size: 30px;
padding-bottom: 5px;
text-transform: capitalize;
padding-top: 16px;
line-height: 1.2;
display: block;
margin-bottom: 33px;
@media (max-width: 425px) {
margin-bottom: 2px;
}
}
small {
position: absolute;
top: 25px;
right: 0;
@media (max-width: 425px) {
position: unset;
}
a {
font-size: 14px;
line-height: 1.2;
color: #f00;
}
}
}
.comment-form {
display: flex;
flex-wrap: wrap;
.comment-form-cookies-consent {
display: none;
}
.wp-input {
width: 100%;
display: flex;
justify-content: space-between;
input[type=text] {
width: calc(50% - 20px);
}
@media (max-width: 767px) {
display: block;
input[type=text] {
width: 100%;
}
}
}
input[type=text], textarea {
width: 100%;
outline: 0;
margin-bottom: 26px;
padding: 8px 25px 6px 0px;
font-weight: 400;
color: #333333;
font-size: 15px;
line-height: 33px;
resize: none;
height: unset;
border: none;
border-bottom: 1px solid #e5e5e5;
border-radius: 0;
&::placeholder {
color: #666666;
font-size: 15px;
line-height: 33px;
}
}
textarea {
padding: 8px 25px 15px 0px;
height: 195px;
order: 3;
margin-bottom: 36px;
}
.form-submit {
padding-top: 19px;
margin-bottom: 74px;
order: 4;
input#submit {
display: inline-block;
width: unset;
padding: 0;
text-transform: uppercase;
font-size: 16px;
line-height: 33px;
border: 1px solid #ffffff;
color: #ffffff;
padding: 10px 65px ;
border-radius: 100px;
margin-top: 10px;
margin-bottom: 15px;
background-color: #fa7f4b;
overflow: hidden;
position: relative;
height: unset;
transition: 0.5s;
}
input#submit:hover {
background-color: #333333 ;
}
}
}
}
}
}
@media (max-width: 1024px) {
.single-post {
article.post-wrap {
.post_recommend {
.ova_blog {
grid-template-columns: 1fr 1fr;
}
}
}
}
}
@media (max-width: 991px) {
ul.commentlists {
header.comment-author {
width: unset;
}
}
}
@media (max-width: 767px) {
.content_comments {
.comments {
ul.commentlists {
li.comment {
.comment_item {
.comment-details {
width: unset;
float: unset;
.author-name {
margin-bottom: 10px;
.name, .date {
display: block;
}
.ova_reply {
position: unset;
padding: 0px;
i.flaticon-reply {
display: none!important;
}
.comment-reply-link {
margin-right: 10px;
}
.comment-edit-link {
margin-left: 0px;
}
}
}
.comment-body {
padding: 0px;
}
}
}
}
}
}
}
article.post-wrap {
.post-media {
margin-bottom: 25px;
}
.post-meta {
.post-meta-content{
margin-bottom: 18px;
.post-date {
display: block;
margin-right: 0px;
}
.categories, .comment, .post-author {
display: block;
}
}
}
}
.single-post {
article.post-wrap {
.post_recommend {
.ova_blog {
grid-template-columns: 1fr;
}
}
}
}
}
/********* TESTTHEME **********/
.blogname {
color: #fa7f4b;
}
.page-links {
float: unset;
}
article.post-wrap {
&.sticky {
border-top: 5px solid #fa7f4b;
}
.post-title {
h2.post-title{
a {
word-break: break-word;
}
}
.post-title {
word-break: break-word;
}
}
.post-meta {
.post-meta-content {
a {
word-break: break-word;
}
}
}
.post-body {
.post-excerpt {
p {
&:last-child:after {
content: "";
display: block;
clear: both;
}
}
}
}
}
ul.commentlists {
li {
&.pingback, &.trackback {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 14px;
.comment-details {
@media (max-width: 767px) {
float: unset;
}
}
.author-name {
i {
display: none;
}
a {
color: #333333;
font-weight: 600;
font-size: 15px;
text-transform: capitalize;
&:hover {
color: #333333;
}
&.comment-edit-link {
color: #fa7f4b;
margin-left: 10px;
font-weight: 500;
}
}
}
}
&.pingback {
&:last-child {
border-bottom: none;
}
}
}
li.pingback {
+ .comment {
.comment_item {
border-top: none!important;
padding-top: 10px!important;
}
}
}
}
.alignleft {
margin-bottom: 30px;
}
h1.page-title {
font-size: 35px;
line-height: 1.2em;
color: #333333;
font-weight: 600;
}
input[type="submit"] {
line-height: 35px;
cursor: pointer;
}
.sidebar {
.widget {
&.widget_rss {
ul {
li {
a.rsswidget {
&:hover {
color: #fa7f4b;
}
}
}
}
}
}
}
/*****END TESTTHEME********/
/***** Single Give ********/
.ova_single_give_form {
.give_forms {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
padding-bottom: 60px;
@media (max-width: 991.98px) {
flex-direction: column-reverse;
}
.sidebar {
width: 33.3333%;
padding-left: 15px;
position: sticky;
position: -webkit-sticky;
top: 130px;
bottom: 550px;
height: 580px;
@media (max-width: 991.98px) {
width: 100%;
position: relative;
padding-left: 0;
height: auto;
top: 0;
bottom: 0;
margin-top: 60px;
}
.give-sidebar {
width: 100%!important;
padding-left: 50px;
@media (max-width: 991.98px) {
padding-left: 20px;
padding-right: 20px;
}
.widget-title {
margin-top: 0;
padding-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
}
}
.widget_recent_entries {
ul {
padding: 0;
li {
list-style-type: none;
}
}
}
}
.summary {
width: 66.6667%;
padding-right: 15px;
@media (max-width: 991.98px) {
width: 100%;
padding-right: 0;
}
.ova_media {
position: relative;
z-index: 5;
overflow: hidden;
&:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 5;
background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4));
}
.date_social {
position: absolute;
bottom: 0;
z-index: 10;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0 30px;
margin-bottom: 10px;
@media (max-width: 767px) {
padding: 0 10px;
display: flex;
justify-content: center;
}
.due_date {
z-index: 9;
color: #fff;
border: 0;
background: transparent;
.countdown-row {
display: flex;
.countdown-section {
width: 100%;
margin-right: 10px;
&:last-child {
margin: 0;
}
}
}
}
.share-social-icons {
display: flex;
padding: 0;
@media (max-width: 991.98px) {
display: none;
}
li {
list-style-type: none;
a {
margin-left: 15px;
color: #fff;
transition: .2s all ease;
&:hover {
color: #fa7f4b;
transition: .2s all ease;
}
i {
font-size: 14px;
}
}
}
}
}
img {
width: 100%;
position: relative;
}
.count_donor{
position: absolute;
top:0;
right: 20px;
background-color: #ff3514;
color: #ffffff;
border-radius: 50px 50px 50px 50px;
padding: 3px 20px;
}
}
.donation {
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
.days_left{
display: flex;
padding: 30px 30px 0 30px;
align-items: center;
svg{
width: 16px;
color: red;
margin-right: 5px;
}
.donate_remaining{
font-size: 16px;
color: #62718d;
line-height: 26px;
}
span{
margin-right: 5px;
}
.post_cat a{
font-size: 16px;
line-height: 26px;
color: #202b5d;
&:hover{
transition:0.3s ease;
color: #ff3514;
};
}
}
/* Progress Donation */
.ova_info_donation {
background-color: #fff;
padding: 30px;
@media (max-width: 991.98px) {
padding: 20px 10px;
}
.share_social_mobile {
.share-social-icons {
display: flex;
padding: 0;
display: none;
@media (max-width: 991.98px) {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
li {
list-style-type: none;
a {
margin-left: 20px;
color: #666;
transition: .2s all ease;
&:hover {
color: #fa7f4b;
transition: .2s all ease;
}
i {
font-size: 14px;
}
}
}
}
}
.donor_percentage {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
.count_donor {
margin: 0;
i {
display: inline-block;
color: #fa7f4b;
margin-right: 8px;
}
}
}
.progress {
height: 5px;
background-color: #d3d3d3;
overflow: visible;
span {
background-color: #ff3514;
position: relative;
transition: .3s width ease;
.percentage {
background-color: #ff3514;
color: #fff;
position: absolute;
top: -10px;
right: 0px;
z-index: 777;
padding: 0 10px;
color: #fff;
transition: .3s all ease;
}
}
}
.raised {
display: flex;
justify-content: space-between;
margin-top: 20px;
.income {
font-size: 17px;
line-height: 24px;
color: #202b5d;
span:last-child {
color: #62718d;
}
}
.goal {
text-align: right;
font-size: 17px;
line-height: 24px;
color: #202b5d;
span:last-child {
color: #62718d;
}
}
}
}
/* Form Donation */
.give-form-wrap, {
padding: 20px 30px;
@media (max-width: 991.98px) {
padding: 20px 10px;
}
#give_error_test_mode {
display: none;
}
.give-currency-symbol {
background-color: #f6f6f6;
color: #202b5d;
font-size: 20px;
}
.give-donation-levels-wrap {
button {
border-color: rgb(237, 237, 237);
font-size: 16px;
font-weight: 700;
color: #202b5d;
padding: 10px 20px;
&.give-default-level {
color: #fff;
background-color: #06163a;
border-color: #06163a;
}
&:focus {
outline: none;
}
}
}
.give-btn {
transition: .3s all ease;
&:hover {
transition: .3s all ease;
color: #fff;
background-color: #06163a;
border-color: #06163a;
}
}
.give-btn-modal {
background-color: #06163a;
border-color: #06163a;
color: #fff;
transition: .3s all ease;
&:hover {
background-color: #343434;
border-color: #343434;
transition: .3s all ease;
}
}
.give-submit {
height: auto;
padding: 15px 30px;
transition: .3s all ease;
color: #fff;
background-color: #ff3514;
border: none;
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
line-height: 24px;
&:hover {
transition: .3s all ease;
background-color: #06163a;
}
}
#give-gateway-radio-list {
display: flex;
li {
display: flex;
align-items: center;
&:first-child {
margin-right: 20px;
}
}
}
}
}
/* Form Info */
.give_form_info {
border: 0;
margin-top: 60px;
ul.form_tab {
background-color: transparent;
border: 0;
padding: 0;
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
li {
border-radius: 0;
border: none;
background: transparent;
margin: 0;
margin-right: 40px;
padding-bottom: 10px;
a {
color: #62718d;
font-size: 20px;
line-height: 24px;
position: relative;
font-weight: 500;
padding: 0;
padding-bottom: 5px;
text-transform: capitalize;
&:after {
transition: .2s all linear;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #ff3514;
}
.count_donor {
margin-left: 3px;
color: #fa7f4b;
display: none;
}
.count_comment {
margin-left: 3px;
color: #fa7f4b;
}
}
&.ui-state-active a {
color: #202b5d;
&:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #ff3514;
}
}
&.ui-state-hover a {
color: #202b5d;
transition: .2s all linear;
&:after {
transition: .2s all linear;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #ff3514;
}
}
}
}
.ui-tabs-panel {
padding: 0;
}
#description p {
margin: 0;
}
#donor {
.give-grid {
margin: 0;
.give-donor__total {
color: #42516d;
font-size: 16px;
line-height: 62px;
&:before{
content:"Donated:";
color: #62718d;
};
}
}
}
#gallery {
margin: 0 -10px;
ul {
padding: 0;
display: flex;
flex-wrap: wrap;
li {
list-style-type: none;
width: 50%;
padding: 0 10px;
margin-bottom: 20px;
@media (max-width: 991.98px) {
width: 50%;
}
img {
transition: .3s all ease;
&:hover {
opacity: 0.8;
transition: .3s all ease;
}
}
}
}
}
#video {
iframe {
height: 450px;
}
}
#contact {
.event_row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
.col_contact{
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px 0 10px;
@media (max-width: 767px){
flex: 0 0 100%;
max-width: 100%;
}
.contact{
.info-contact{
padding: 0;
li{
list-style: none;
margin-bottom: 25px;
span:nth-child(1){
color: #202b5d;
letter-spacing: 0.2px;
font-weight: 500;
}
span, a{
font-size: 17px;
color: #202b5d;
display: block;
line-height: 28px;
&.info{
color: #62718d;
}
}
a:hover{
transition: 0.3s ease;
color: #ff3514;
}
}
}
}
}
}
p {
margin-bottom: 10px;
}
label {
padding-bottom: 10px;
width: 100%;
@media (max-width: 576px) {
width: 100%;
}
input {
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
@media (max-width: 576px) {
width: 100%;
}
}
textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
@media (max-width: 576px) {
width: 100%;
}
}
}
input[type=submit] {
transition: .3s all ease;
border-radius: 5px;
background-color: #fa7f4b;
color: #fff;
border-color: #fa7f4b;
width: auto;
min-width: 150px;
height: 50px;
line-height: 50px;
&:hover {
background-color: #343434;
border-color: #343434;
transition: .3s all ease;
}
}
}
.give-donor__load_more {
border: 1px solid #a1a1a1;
padding: 5px 12px;
transition: .3s all ease;
&:hover {
background-color: #fa7f4b;
border: 1px solid #fa7f4b;
color: #fff;
transition: .3s all ease;
}
}
}
}
}
}
form[id*=give-form] #give-gateway-radio-list>li input[type=radio]{
filter: hue-rotate(150deg);
}
#give_purchase_form_wrap{
input::placeholder {
color: transparent;
}
}
form[id*=give-form] .give-required-indicator{
color: red;
}
[class*=" give-icon-"], [class^=give-icon-] {
display: none;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
color: #202b5d;
font-weight: 500;
}
form[id*=give-form] #give-final-total-wrap .give-final-total-amount{
color: #202b5d;
}
#give-recurring-form .form-row label, form.give-form .form-row label, form[id*=give-form] .form-row label{
font-size: 17px;
color: #62718d;
}
#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend{
color: #202b5d;
font-weight: 600;
font-size: 20px;
}
form[id*=give-form] #give-gateway-radio-list>li label.give-gateway-option{
font-size: 17px;
color: #62718d;
}
.give-btn{
background-color: #fff;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text{
font-size: 20px;
color: #202b5d;
}
.give-donor__image{
background-color: #e5e5e5;
border: none;
text-transform: uppercase;
font-size: 16px;
color: #62718d;
}
.give-donor__timestamp{
display: none;
}
.give-donor__name{
font-size: 18px;
line-height: 62px;
color: #202b5d;
text-transform: capitalize;
}
.content_give_form{
display: flex;
flex-wrap: wrap;
@media (max-width: 1200px) {
display: block;
.image_give{
width: 100% !important;
}
.text_give{
width: 100% !important;
}
}
}
.ova_single_give_form .give_forms .summary .give_form_info{
.icon_give_form{
margin-top: 50px;
.icon_give{
text-align: center;
border-bottom: 1px solid #eeeeee;
padding-bottom: 45px;
span{
text-align: center;
font-size: 24px;
line-height: 24px;
font-weight: 500;
color: #202b5d;
}
.share-social-icons{
padding-top: 20px;
}
}
}
}
.archive_give_donation.content_related {
padding-bottom: 0px;
.title_related{
color: #202b5d;
font-weight: 600;
font-size: 30px;
line-height: 62px;
text-align: left;
padding-top: 60px;
padding-bottom: 40px;
}
.summary{
width: 100% !important;
.wrap_summary .give_detail {
.image_future .media {
.gallery:hover{
color:#ff3514;
@media (max-width: 767px){
color: #222222;
}
}
.gallery i{
@media (max-width: 767px){
background-color: #ff3514;
}
}
.video:hover{
color: #ff3514;
@media (max-width: 767px){
color: #222222;
}
}
.video i {
@media (max-width: 767px){
background-color: #ff3514;
}
}
}
.detail_body {
.title a:hover{
color:#ff3514;
}
.donate_remaining .donate {
background-color: #06163a;
&:hover{
background-color:#ff3514;
};
}
.progress {
.wrap_percentage_2{
background-color: #ff3514;
}
.wrap_percentage_1{
background-color: #ff3514;
}
.percentage{
background-color: #ff3514;
}
}
}
}
}
}
.contact-form-egovt.volunteer .con .input{
width: 100%;
&.email{
padding-left: 0px;
}
&.name{
padding-right: 0px;
}
}
.contact-form-egovt.volunteer .con .con{
width: 100%;
.city{
width: 50%;
margin-bottom: 20px;
@media (max-width: 767px){
width: 100%;
}
}
.state{
width: 50%;
padding-left: 20px;
margin-bottom: 20px;
@media (max-width: 767px){
width: 100%;
padding-left: 0px;
}
}
.select2-container--default .select2-selection--single{
color: #62718d;
border: 1px solid #e5e5e5;
height: 45px;
&:focus{
outline:0;
};
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 45px;
color: #62718d;
padding: 0px 20px 0px 20px;
}
.select2-containe{
&:focus{
outline:0;
};
}
}
/*custom donate*/
.donate_now{
[id*=give-form] .give-form-title{
display: none;
}
.give-goal-progress{
display: none;
}
[id*=give-form] div.give-form-content-wrap{
display: none;
}
.give-form-wrap, {
padding: 20px 30px;
@media (max-width: 991.98px) {
padding: 20px 10px;
}
#give_error_test_mode {
display: none;
}
.give-currency-symbol {
background-color: #f6f6f6;
color: #202b5d;
font-size: 20px;
}
.give-donation-levels-wrap {
button {
border-color: rgb(237, 237, 237);
font-size: 16px;
font-weight: 700;
color: #202b5d;
padding: 10px 20px;
&.give-default-level {
color: #fff;
background-color: #06163a;
border-color: #06163a;
}
&:focus {
outline: none;
}
}
}
.give-btn {
transition: .3s all ease;
&:hover {
transition: .3s all ease;
color: #fff;
background-color: #06163a;
border-color: #06163a;
}
}
.give-btn-modal {
background-color: #06163a;
border-color: #06163a;
color: #fff;
transition: .3s all ease;
&:hover {
background-color: #343434;
border-color: #343434;
transition: .3s all ease;
}
}
.give-submit {
height: auto;
padding: 15px 30px;
transition: .3s all ease;
color: #fff;
background-color: #ff3514;
border: none;
text-transform: capitalize;
font-weight: 700;
font-size: 20px;
line-height: 24px;
width: 100%;
&:hover {
transition: .3s all ease;
background-color: #06163a;
}
}
#give-gateway-radio-list {
display: flex;
li {
display: flex;
align-items: center;
&:first-child {
margin-right: 20px;
}
}
}
}
}