/*
Theme Name: Political Candidate Pro
Theme URI:  https://www.themescaliber.com/themes/electronics-gadgets-wordpress-theme/
Author: Themescaliber
Author URI: https://www.themescaliber.com/
Description:This WordPress Custom Prints theme is the best option if you run a business that is related to Custom Print products. It is a good choice for Clothes seller. It can also be used in promoting Bussiness online. Dealer and retailer can use this theme for their promotion. The effectively designed sections of this theme can constructively display the Printed Clothes. It is made versatile so that even a Clothes manufacturer can also use it to full effect for boosting the business. This cleverly designed Custom Printed Product WordPress theme has a layout that will suit any Cothing shop or bussiness. Many high-end features are included that allow you to showcase the products. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: political-candidate-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-commen2s
Political Candidate Pro WordPress Theme has been created by Themescaliber(themescaliber.com), 2022.
Political Candidate Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Dawning+of+a+New+Day&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Dawning+of+a+New+Day&display=swap');
:root {
  --open-sans-font: 'Inter';
}
section {
  padding: 80px 0px;
}
p{
  margin: 0;
  font: 400 14px/20px Montserrat;
  color: #000;
}
h3 {
    font: 700 30px/35px Barlow;
}
h4,h5{
  margin: 0;
}
a {
  color: #000;
  text-decoration: none;
}
.vw-fixed{
  background-attachment: fixed !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.vw-scroll{
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}
#Campaign .owl-nav{
  position: absolute;
  top: -10%;
  right: 18%;
  padding: 0;
}
#Campaign button.owl-prev i{
  background: #fff;
  color: #000;
}
.owl-nav{
  width: max-content;
  margin: 0 auto;
  padding-top: 2%;
}
button {
  border: none;
  margin: 5px;
  background: none;
}
button i{
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px;
}
button.owl-prev i{
  background: #000;
  color: #fff;
}
button.owl-next i{
  background: var(--red);
  color: #fff;
}
button.owl-prev i:hover{
  background: var(--red);
}

#sticky-onoff{
  display: none;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 1000;
}
.last_slide_head:after{
  background-color: var(--red);
  -webkit-mask: url(assets/images/slider/path.svg) no-repeat center;
  mask: url(assets/images/slider/path.svg) no-repeat center;
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.sticky{
  margin:0;
  padding:0;
  background-color:#fff;
  box-shadow: 0px 0px 4px 0px var(--red);
}
.sticky.stickynavbar{
justify-content: center;
}

.sticky.stickynavbar div.searchmain-boxx, .sticky.stickynavbar div.topmenu-boxx{
display: none;
}

.toggleMenu{
  display:none;
}
/*--- Preloader 1 ---*/
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--blue);
  cursor: pointer;
  z-index: 999999;
}
.loader {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
  position: absolute;
  color: #FFF;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  left: 0;
  right: 0;
  top: 45%;
}
.loader::after,
.loader::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: scale(0.5) translate(0, 0);
  background-color: #FFF;
  border-radius: 50%;
  animation: animloader 1s infinite ease-in-out;
}
.loader::before {
  background-color: var(--red);
  transform: scale(0.5) translate(-48px, -48px);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animloader {
    50% {
      transform: scale(1) translate(-50%, -50%);
}
}
/*

.spinner-loading-box {
 /* position: relative;
 width: 2.5em;
 height: 2.5em; */
 /* transform: rotate(165deg);
}

.spinner-loading-box:before, .spinner-loading-box:after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 display: block;
 width: 0.5em;
 height: 0.5em;
 border-radius: 0.25em;
 transform: translate(-50%, -50%);
}

.spinner-loading-box:before {
 animation: before8 2s infinite;
}

.spinner-loading-box:after {
 animation: after6 2s infinite;
}

@keyframes before8 {
 0% {
  width: 0.5em;
  box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
 }

 35% {
  width: 2.5em;
  box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
 }

 70% {
  width: 0.5em;
  box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
 }

 100% {
  box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
 }
}

@keyframes after6 {
 0% {
  height: 0.5em;
  box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
 }

 35% {
  height: 2.5em;
  box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
 }

 70% {
  height: 0.5em;
  box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
 }

 100% {
  box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
 }
} */

/* ------------ Video Popup ----------------- */
#myVideoNewModals.modal-new {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 20px;
  width: 30%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  padding-top: 0px;
  max-width: 100%;
}
/* Modal Content */
#myVideoNewModals .modal-contents {
  background-color: transparent;
  padding: 0;
  width: 100%;
  transition: 2s;
  border-radius: 0px;
}
#myVideoNewModals .modal-contents embed#videoEmbed {
  height: 300px;
}
/* The Close Button */
#myVideoNewModals .modal-contents .close-one{
  color: #fff;
  float: right;
  font-size: 22px;
  font-weight: bold;
  padding: 0px 4px 1px 2px;
  cursor: pointer;
  margin-bottom: 7px;
  background: transparent;
  border: unset;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0px;
  line-height: 21px;
  border: 1px solid #fff;
}
#myVideoNewModals .modal-contents .close-one:hover , .close:hover{
color: var(--color-white);
}
.single-video-btn i {
  font-size: 24px !important;
  padding: 14px;
  background: #103DBE;
  color: #fff;
  border-radius: 10px;
  border: none;
  position: absolute;
  top: 40%;
  right: 0;
  left: 50%;
  width: max-content;
  font-size: 24px !important;
}

/* ----------team--------- */
.team-head img{
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-content h5 a{
  font: 700 20px/30px Barlow;
  color: #000;
}
.team-designation-text{
  font: 400 13px/20px Montserrat;
  color: #000;
}
.team-social-icon-box i{
  background: #000;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50px;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
}
.team-social-icon-box i:hover{
  background: var(--blue);
}
.team-designation-sign-text {
  font: 400 28px/40px Dawning of a New Day;
}
.team-conatiner-main-box{
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0px 0px 4px 0px #A6A4A4;
  margin: 2px;
}
.team-paragraph-box{
  font: 400 13px/25px Montserrat;
  letter-spacing: 0.3px;
  padding: 15px 0px;
}
/* .block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}
.circle-progress-bar .box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	border-radius: 50%;
}
.circle-progress-bar .box::before {
  position: absolute;
  content: '';
  width: calc(55% + 20px);
  height: calc(55% + 20px);
  border-radius: 50%;
  border: 12px solid #E1DDDD;
}
.circle-progress-bar .box .number .num {
	font-size: 25px;
	font-weight: bold;
}
.circle-progress-bar .box .number .sub {
	font-size: 20px;
}
.circle-progress-bar .box .title {
	font-size: 15px;
	color: #9b9b9b;
}
.svg {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: none;
	transform: rotate(90deg);
}
.circle {
  stroke: var(--red) !important;
	stroke: url(#gradientStyle);
	stroke-width: 12px;
	stroke-dasharray: 270;
	stroke-dashoffset: 320;
	animation-duration: 9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
  stroke-linecap: round;
	transition: 9s stroke-dashoffset;
} */
.block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.circle-progress-bar .box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.circle-progress-bar .box::before {
  position: absolute;
  content: '';
  width: calc(80% + 20px);
  height: calc(60% + 20px);
  border-radius: 50%;
  border: 12px solid #E1DDDD;
}
.circle-progress-bar .box .number .num {
    font-size: 21px;
    font-weight: bold;
}
.circle-progress-bar .box .number .sub {
	font-size: 20px;
}
.circle-progress-bar .box .title {
	font-size: 15px;
	color: #9b9b9b;
}
.svg {
	position: absolute;
	width: 180%;
	height: 180%;
	fill: none;
	transform: rotate(90deg);
}
.circle {
  stroke: var(--red) !important;
	stroke: url(#gradientStyle);
	stroke-width: 12px;
	stroke-dasharray: 220;
	stroke-dashoffset: 220;
	animation-duration: 4s !important;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
  stroke-linecap: round;
	transition: 2s stroke-dashoffset;
}

#our-Team .owl-item.active .circle-big:nth-child(1) .content-box,#our-Team .owl-item.active:nth-child(2) .circle-big:nth-child(1) .content-box{
  width: 38%;
}
#our-Team .owl-item.active:nth-child(1) .circle-big:nth-child(2) .content-box,#our-Team .owl-item.active:nth-child(2) .circle-big:nth-child(2) .content-box{
  width: 20%;
}
/* ------ testimonial -------- */
.testimonials-bg-image-overlay{
  position: absolute;
  top: 0;
  height: 85%;
  width: 100%;
  background: #fff;
  color: #fff;
  opacity: 0.9;
}
.testimonials-bg-image-shadow{
  background: var(--red);
  height: 15%;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.testimonials-data-main-box{
  justify-content: center;
}
#testimonials .owl-nav{
  position: absolute;
  left: 0;
  top: 50%;
  flex-direction: column;
  display: flex;
}
.testimonials-img img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.testimonial-para{
  width: 86%;
  font: 500 14px / 26px Montserrat;
}
#testimonials p{
  margin: 0;
  font: 500 14px/26px Montserrat;
}
.testimonial-social-icon-box i{
  background: #000;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50px;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
}
.testimonial-social-icon-box i:hover{
  background: var(--blue);
}
.testi-rating i {
  color: #FFC400;
}
#testimonials .slider.slider-nav{
  width: 180px;
  height: 150px;
  position: absolute;
  right: 0;
  bottom: 8%;
  z-index: 2;
  display: none;
}
#testimonials .slider.slider-nav .team-image img{
  width: 175px;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
}
#testimonials i.fa-chevron-right,#testimonials i.fa-chevron-left{
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  color: #fff;
}
#testimonials i.fa-chevron-left{
  background: #000;
  position: absolute;
  left: -7%;
  bottom: 25%;
  font-size: 14px;
}
#testimonials i.fa-chevron-left:hover{
  background: var(--red);
}
#testimonials i.fa-chevron-right{
  background: red;
  position: absolute;
  left: -7%;
  bottom: 38%;
  font-size: 14px;
}
.testimonials-data-main-box .testimonial-content-box{
  position: relative;
  top: 20px;
}
.testimonial-quote-box i {
  position: absolute;
  top: 26%;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  background: var(--red);
  width: 75px;
  height: 75px ;
  line-height: 75px;
  font-size: 42px;
  text-align: center;
  border-radius: 50px;
  font-family: 'FontAwesome';
  opacity: 0.1;
}
/* ---- blog ------ */
.blog-contents-left{
  border: 1px solid #D3D2D2;
  border-radius: 15px;
  padding: 8px;
}
.blog-box{
  padding: 0px 10px;
}
.blog-contents-left .box{
  width: 100%;
  height: 250px;
}
.blog-contents-left .box img{
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-date-count-box{
  border-radius: 8px;
  width: max-content;
  background: #fff;
  position: relative;
  bottom: 25px;
  left: 12px;
  padding: 0;
}
.blog-date-count{
  font: 700 25px/35px Crimson Pro;
  text-align: center;
  padding: 5px 0px;
}
.blog-date {
  color: #fff;
  background: var(--blue);
  padding: 10px;
  border-radius: 0px 0px 6px 6px;
  font: 600 13px/20px Montserrat;
}
.blog-date i{
  color: var(--red);
  font-size: 14px;
}
.blog-heading{
  font: 600 18px/20px Barlow;
}
.blog-content p{
  font: 400 14px/20px Montserrat;
  color: #000;
}
.blog-button i {
  background: #fff;
  color: #000;
  font-size: 14px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50px;
}
.blog-button.btn {
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding: 4px 4px 4px 15px;
  font: 600 13px/20px Montserrat;
}
.blog-button.btn:hover {
  background: var(--blue);
}
.btn:hover i {
  background: #fff !important;
  color: var(--red) !important;
}
.btn:hover {
  color: #fff !important;
  background: var(--red) !important;
}
.vision-button.btn:hover i{
  background: #fff;
  color: var(--blue);
}
.vision-button.btn:hover{
  color: #fff !important;
  background: var(--blue) !important;
}
/* newsletter */
.newsletter-content {
  padding: 0% 6% 0% 6%;
}
.newsletter-bg-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0px !important;
  background: #fff;
  color: #fff;
  opacity: 0.9;
}
.newsletter-head h3{
  color: #000;
  font: 700 30px/30px Barlow;
}
.newsletter-head p{
  color: #000;
}
.newsletter-image-main-box{
  position: relative;
  height: 440px;
}
.newsletter-image-one{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.newsletter-form p .wpcf7-form-control-wrap input{
  border: none;
  background: var(--red);
  padding: 10px 15px;
  border-radius: 50px;
  color: #fff;
  margin-top: 6%;
  font: 500 16px / 20px Barlow;
}
.newsletter-form-box input::-webkit-input-placeholder{
  color: #fff;
}
.newsletter-form p .wpcf7-submit.has-spinner{
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding: 10px 40px 10px 15px;
  font: 600 14px / 22px Montserrat;
  border: none;
  margin-top: 20%;
  position: relative;
}
.newsletter-form p .wpcf7-submit.has-spinner:hover{
  background: var(--red);
}
.newsletter-form p:nth-child(2):hover::after{
  background: #fff;
  color: var(--red);
}
.newsletter-form .wpcf7-spinner{
  position: absolute;
}
.newsletter-form p:nth-child(2){
  position: relative;
  width: max-content;
}
.newsletter-form p:nth-child(2):after {
  content: "\f061";
  font-family: 'FontAwesome';
  color: #000;
  font-size: 14px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
  right: 0px;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 50px;
  bottom: 8px;
  z-index: 1;
  background: #fff;
}
/* team */
.single-campaign .outer_dpage{
  background: #DD131A0D;
}
.charitable-donation-form{
  background: #fff;
  border-radius: 20px;
}
.campaign-donation .middle-content img{
  display: none;
}
.campaign-donation .middle-content{
  width: 70%;
  margin: auto;
}
.charitable-donation-form .donation-amounts{
  /* display: flex; */
  justify-content: space-between;
  padding: 5% 0px;
}
.charitable-donation-options{
  display: grid;
  flex-direction: row-reverse;
}
.charitable-form-fields .charitable-fieldset{
  position: relative;
}
.charitable-form-header{
  display: none !important;
}
.charitable-donation-form .donation-amount label{
  /* width: 18% !important; */
  margin-right: 18px !important;
  /* width: 150px !important; */
  border: none !important;
  background: #000 !important;
  color: #fff !important;
  border-radius: 8px;
  align-self: center;
  /* margin: 0 !important; */
  text-align: center;
  padding: 7px 0px;
}
.charitable-donation-form .donation-amount.custom-donation-amount .custom-donation-amount-wrapper{
  padding: 0;
  display: flex;
}
.charitable-donation-form .donation-amount.custom-donation-amount .custom-donation-amount-wrapper label{
  width: 22%;
  padding: 10px 0px;
}
.charitable-donation-form .donation-amount.custom-donation-amount .custom-donation-amount-wrapper .input-field-box{
  width: 75%;
}


.login-prompt a{
  font: 600 18px / 20px Barlow !important;
}
#charitable-donation-login-form .middle-content p{
  font: 500 14px / 20px Montserrat !important;
}
#charitable-donation-login-form.charitable-login-form{
  border: none !important;
  border-radius: 15px !important;
  background: #fff;
  box-shadow: 0px 0px 4px 0px #f1f1f1;
}
#charitable-donation-login-form.charitable-login-form label{
  font: 600 18px / 20px Barlow !important;
}
#charitable-donation-login-form .login-submit #wp-submit{
  background: var(--red);
  border: none;
  color: #fff;
  font: 600 18px / 20px Barlow;
  padding: 10px 20px;
  border-radius: 6px;
}

.charitable-donation-form .donation-amount.custom-donation-amount{
  width: 94% !important;
}
.custom-donation-amount-wrapper{
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.charitable-donation-form .donation-amounts .donation-amount{
  /* position: unset !important; */
  position: relative;
  float: left;
  width: 22%;
  margin: 0 2% .5em 0 !important;
  border: none !important;
  background-color: transparent;
  list-style: none;
}
.charitable-donation-form .donation-amount.selected {
  background: transparent !important;
  border: none;
}
.charitable-donation-form .donation-amount.selected label{
    background-color: #d7282f !important;
}
.charitable-donation-form-heading-content-box{
  background: var(--red);
  border-radius: 20px;
  color: #fff;
  padding: 50px 50px;
}
.charitable-donation-form-heading-content-box p{
  color: #fff;
}
.acharitable-donation{
  background: var(--blue);
  color: #fff;
  padding: 12px 6px 12px 18px;
  border-radius: 50px;
  font: 600 14px/20px Montserrat;
}
.acharitable-donation i{
  background: #fff;
  color: var(--blue);
  padding: 8px;
  border-radius: 50%;
}
.acharitable-donation:hover{
  color: #fff;
}
.custom-donation-amount-wrapper .description{
  font-weight: 600;
  font-size: 15px;
}
#charitable-donation-form-title p{
  font: 500 16px/20px Montserrat;
}
#charitable-donation-form-title h2{
  font: 600 28px / 38px Barlow;
  color: #000;

}
#charitable-details-form-title p{
  font: 400 15px/30px Montserrat;
}
#charitable-details-form-title h2{
  font: 600 28px / 28px Barlow;
}
.charitable-form-fields h5{
  font: 600 22px / 30px Barlow;
  color: #000;
}
.charitable-form-fields .charitable-fieldset{
  border: none !important;
  padding: 0px 40px;
}
.input-field-box{
  background: #f1f1f1;
  padding: 7px 10px;
  border-radius: 6px;
  order:1;
  display: flex;
  align-items: center;
  width: 82%;
}
.donation-field-box{
  order:2;
}
#charitable-user-fields{
  padding: 0px 50px !important;
}
.input-field-box span:nth-child(1){
  font-size: 22px;
  padding: 10px;
}
.input-field-box span:nth-child(2){
  width: 100%;
}
.custom-donation-input{
  border: none;
  border-radius: 6px;
  background: #fff;
  width: 100%;
  padding: 10px;
}
.charitable-form-field input{
  border: none;
  background: #F1F1F1;
  padding: 10px 10px;
  border-radius: 6px;
}
.charitable-button.donate-button{
  padding: 10px 40px;
  border: 1px solid #cacaca;
  background: var(--blue);
  color: #fff;
  border-radius: 50px;
  font: 600 13px / 20px Montserrat;
  box-shadow: none;
}
.charitable-button.donate-button:hover{
  background: var(--red);
}
#charitable_field_country_element{
  background: #f1f1f1;
  border: none !important;
  padding: 14px 10px;
  border-radius: 6px;
}
.charitable-form-field.charitable-submit-field,.charitable-donation-form .campaign-donation,.campaign-summary-item,.donation-summary-heading{
  padding: 0px 50px;
}

.sbi_photo_wrap,#sb_instagram .sbi_photo{
  height: 100px !important;
}
.sbi_photo_wrap img,#sb_instagram .sbi_photo{
  border-radius: 10px;
}
#sb_instagram .sbi_photo{
  position: relative;
}
#sb_instagram .sbi_photo:after{
	display: none;
	content: '\f16d';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #fff;
  background: var(--red);
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border-radius: 50px;
}
#sb_instagram .sbi_photo:hover::after{
  display: block;
}
.charitable-donation-form .campaign-donation a{
  display: none;
}
.error-mask-image-box {
  -webkit-mask-image: url(assets/images/error-mask.png);
  mask-image: url(assets/images/error-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  position: relative;
  width: 50%;
  margin: auto;
}

.sub-menu li:hover {
  background-color: #d7282f;
  animation: fadeInLeft 0.5s ease forwards;
}
.sub-menu li:hover a {
  color: white !important;
}

#menu-primary-menu-2 li:hover .sub-menu {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.5s;
}