* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Montserrat" sans-serif;
}

body {
  font-family: "Montserrat", sans-serif !important;
}

:root {
  --text-grey: rgba(0, 0, 0, 0.54);
  --campaign-form-text: rgba(0, 0, 0, 0.87);
  --act-red: #e92200;
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("font/Montserrat-Thin.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("font/Montserrat-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("/font/Montserrat-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("/font/Montserrat-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("/font/Montserrat-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("/font/Montserrat-Black.ttf");
  font-weight: 900;
}
h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 14px;
}

a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

h1, h2, h6, label, p {
  margin-bottom: unset;
  margin-top: unset;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: wrap column;
  flex-flow: wrap column;
  margin-bottom: 10px;
}
.btn-wrapper button {
  margin-top: 16px;
}

button {
  border: none;
  font-family: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

button svg {
  margin-right: 8px;
  width: 19px;
  height: 19px;
}

.btn-white, .btn-white-med, .btn-white-small, .js-add-more-states-button, .js-remove-more-states-button {
  background-color: #fff;
  color: var(--act-red);
  border-radius: 4px;
  -webkit-transition: ease-in-out 0.4s;
  transition: ease-in-out 0.4s;
}
.btn-white:hover, .btn-white-med:hover, .btn-white-small:hover, .js-add-more-states-button:hover, .js-remove-more-states-button:hover {
  background-color: rgba(233, 34, 0, 0.04);
}
.btn-white svg, .btn-white-med svg, .btn-white-small svg, .js-add-more-states-button svg, .js-remove-more-states-button svg {
  fill: var(--act-red);
}

.btn-red, .btn-inside-input, .btn-red-med {
  color: #fff !important;
  background-color: var(--act-red) !important;
  border-radius: 4px;
  margin-top: 16px;
}
a.btn-inside-input.btn-with-icon{margin-top: 46px !important;}
.btn-red svg, .btn-inside-input svg, .btn-red-med svg {
  fill: #fff;
}

.btn-white-small, .js-add-more-states-button, .js-remove-more-states-button {
  padding: 6px 8px;
  font-size: 0.875rem;
  min-width: 64px;
  font-weight: 500;
  line-height: 1.75;
}

.btn-white-med {
  padding: 5px 8px;
  font-size: 0.875rem;
  min-width: 64px;
  font-weight: 500;
  line-height: 1.75;
  border: 1px solid var(--act-red);
}

.btn-red-med {
  padding: 6px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75;
  width: 100px;
}

.btn-100 {
  display: block;
  width: 100%;
}

.btn-inside-input {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
  padding: 4px 10px;
  top: 31px !important;
  right: 3px !important;
}
.btn-inside-input b {
  font-weight: 500 !important;
  color: #fff !important;
  padding: 0 !important;
  font-size: 0.8125rem !important;
}

.btn-with-icon svg {
  fill: #fff;
  font-size: 1.5rem;
  margin-right: 8px;
}

.mar-12 {
  margin: 12px 0 !important;
}

.mar-16 {
  margin: 16px 0 !important;
}

.padd-16 {
  padding: 16px 0 !important;
}

.padd-btm-16 {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}

input, textarea, select {
  border: 1px solid rgba(0, 0, 0, 0.23);
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  display: block;
  width: 100%;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.1876em;
  font-weight: 400;
  color: var(--campaign-form-text);
}

label {
  font-weight: 300;
}

input[type=text], select {
  padding: 10.5px 14px;
  height: 3em;
  font-size: 14px;
  font-weight: 400;
  color: var(--campaign-form-text);
  border-radius: 4px;
}

input[type=checkbox], input[type=radio] {
  display: inline-block;
  width: unset;
  margin-right: 9px;
  width: 42px;
  height: 42px;
}

textarea {
  resize: none;
  padding: 10.5px 14px;
  height: 97px;
  overflow: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--campaign-form-text);
}

input[type=text]:focus, textarea:focus, select:focus {
  border: 2px solid var(--act-red);
}

input[type=checkbox]:hover, input[type=radio]:hover {
  background-color: var(--act-red);
}

/* label, option {
  text-transform: capitalize;
} */

.big-input {
  padding: 9px 14px !important;
  height: 3rem !important;
  background-color: #fff !important;
}

.steps-sidebar {
  padding-right: 0;
  background-color: #fff;
  z-index: 999;
  margin-top: 0;
}

/*CSS for custom checbox============================================*/
.cb-container {
  padding: 16px 0;
}

.cb {
  margin-bottom: 5px;
}

.cb-wrapper {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 11.5px 0;
}
.cb-wrapper input[type=checkbox] {
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 0;
  left: 0;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /* &::before{
      position: absolute;
      background-color: rgba(233,34,0,0.15);
      width: 42px;
      height: 42px;
      content: "";
      display: block;
      border-radius: 100%;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: ease-in-out 0.3s;
  } */
}
.cb-wrapper input[type=checkbox]:hover::before {
  opacity: 1;
}

.cb-label {
  position: relative;
  padding-left: 31px;
  display: inline-block;
  line-height: 1.5;
  font-weight: 400;
  color: #333;
  /*     font-size: 1rem; */
}
.cb-label::before {
  position: absolute;
  left: 0px;
  top: 50%;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  content: "";
  border: 2px solid rgba(0, 0, 0, 0.5);
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cb-label::after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 6px;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  pointer-events: none;
  margin-top: -6px;
}
.cb-label input[type=checkbox]:hover::before {
  opacity: 1;
}

input[type=checkbox]:checked + .cb-label::before {
  background-color: var(--act-red);
  border: 2px solid var(--act-red);
}

input[type=checkbox]:checked + .cb-label::after {
  opacity: 1;
}

/*CSS for custom checbox============================================*/
/*CSS for toggle Switch=====================================*/
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.38);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 34px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -2px;
  bottom: 4px;
  background-color: var(--act-red);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

input:checked + .slider {
  background-color: rgba(233, 34, 0, 0.5);
}

input:focus + .slider {
  -webkit-box-shadow: var(--act-red);
  box-shadow: var(--act-red);
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px) translateY(-50%);
  transform: translateX(20px) translateY(-50%);
  background-color: var(--act-red);
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*CSS for toggle Switch=====================================*/
#main-content + .container {
  padding: 0;
}

.region.region-content {
  padding: 0 !important;
}

.page-wrapper {
  padding-top: 40px;
}

/*CSS for campaign page tips=================================*/
.content-wrapper {
  width: calc(100% - 300px);
  margin-left: 300px;
  padding: 0px 0 80px;
}

.brand-logo h6 {
  margin: 0;
  font-weight: 600;
}

.btn-header {
  font-weight: 500 !important;
  letter-spacing: normal;
  margin-left: 37px;
}

.campaign-page-wrapper {
  max-width: 540px;
  margin: auto;
  padding: 0 16px;
}

hr {
  background-color: rgba(0, 0, 0, 0.12);
  height: 1px;
  border: 0;
  margin: 16px 0;
}

.cc-steps-title {
  padding: 35px 0;
}
.cc-steps-title h1 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 1.2;
  color: var(--campaign-form-text);
}

/*.form-sec {
  padding: 16px 0;
}*/
.form-sec p {
  padding: 4px 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.66;
  color: var(--campaign-form-text);
}
.form-sec h5 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.87);
  padding: 4px 0;
}
.form-sec b {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.75;
  color: var(--campaign-form-text);
  padding: 4px 0;
}

.form-sec-heading {
  padding: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-sec-heading h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.235;
  color: var(--campaign-form-text);
}

.input-tip {
  background-color: #eee;
  margin: 8px 0;
  color: var(--text-grey);
}
.input-tip h6 {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.75;
}
.input-tip ul, .input-tip p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.66;
  color: var(--text-grey);
  margin:0px;
}
.input-tip ul {
  margin-bottom: 10px;
  padding-left: 40px;
}

.tip-msg {
  padding: 20px;
}
.form-sec-child {
  padding: 0 8.33%;
}

/*CSS for campaign page tips=================================*/
/*CSS for campaign page input fields=================================*/
.input-wrapper {
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  padding: 4px 0;
}
.input-wrapper input[type=text], .input-wrapper textarea {
  margin: 8px 0 4px;
}
.input-wrapper span, .input-wrapper .btn-inside-input {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--text-grey);
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 400;
  position: absolute;
  top: 20px;
  right: 0.5rem;
  background: transparent;
}
.input-wrapper .btn-copy {
  position: initial;
  margin-top: 20px;
  background-color: var(--act-red);
}
.input-wrapper label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1rem;
  font-weight: 400;
  -webkit-transition: ease-in-out 0.4s;
  transition: ease-in-out 0.4s;
  pointer-events: none;
  display: inline-block;
  padding: 0 15px;
  position: absolute;
  top: 20px;
}
.input-wrapper.input-focussed label, .input-wrapper input:focus + label, .input-wrapper textarea:focus + label, .input-wrapper select:focus + label {
  -webkit-transform: translateY(-16px);
  transform: translateY(-16px);
  height: 11px;
  font-size: 0.75em;
  padding: 0 5px;
  margin-left: 14px;
  background-color: #fff;
  color: var(--act-red);
}

.input-wrapper select:focus + label, .select-focussed label {
  -webkit-transform: translateY(-23px);
  transform: translateY(-23px);
  height: 11px;
  font-size: 0.875em;
  padding: 0 5px;
  margin-left: 14px;
  background-color: #fff;
  color: var(--act-red);
}


/*CSS for campaign page input fields=================================*/
.campaign-share-on .row > div:nth-child(n+5) {
  margin-top: 25px;
}

.social-platform {
  text-align: center;
  cursor: pointer;
}
.social-platform span {
  color: #a2a2a2;
  font-size: 0.85rem;
  margin-top: 5px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.social-icon {
  width: 48px;
  height: 48px;
  background-color: #eee;
  border-radius: 100%;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.social-icon img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 100%;
}
.social-icon svg {
  width: 100%;
  height: 100%;
}

.camp-cat {
  border: 1px solid rgba(0, 0, 0, 0.23);
  margin: 16px 0;
  border-radius: 4px;
}

.selected-cat {
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
  margin-bottom: 16px;
  margin-top: 8px;
  position: relative;
}
.selected-cat .category {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 30px 6px 10px;
  border-radius: 30px;
  position: relative;
  margin-right: 10px;
}
.selected-cat .category::after {
  content: url("/modules/custom/freeroots_custom/images/close.svg");
  opacity: 0.4;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.selected-cat .category:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/*Image Placeholder=========================================*/
.campaign-img {
  padding: 4px 0;
  position: relative;
}
.campaign-img:hover .campaign-img-menu {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.campaign-img-menu {
  list-style-type: none !important;
  position: absolute;
  top: 40%;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.campaign-img-menu li a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 16px;
  color: var(--campaign-form-text);
  display: block;
  text-align: left;
}
.campaign-img-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.social-share .cb {
  height: 89px;
}
.social-share .cb-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.social-share .social-platform {
  width: 93px;
}
.social-share .cb-wrapper {
  height: 73px;
  position: relative;
}

.sp-name {
  color: #a2a2a2;
  font-size: 0.85rem;
  margin-top: 5px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 5px;
  display: inline-block;
}

/*main image banner=========================================*/
.main-img {
  /* padding-top: 66.6%; */
  height: 315px;
  position: relative;
  margin: 4px 0 6px;
}
.main-img input[type=file] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
}
.main-img svg {
  fill: var(--act-red);
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-img .img-placeholder {
  border-radius: 0;
}
/*main image banner=========================================*/

/*Image Placeholder=========================================*/
.img-placeholder {
  position: absolute;
  background-image: url("../images/cloud-red.svg");
  background-repeat: no-repeat;
  background-color: #e1e0e4;
  display: block;
  background-position: center;
  border: 2px dashed var(--act-red);
  border-radius: 100%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.img-placeholder img, .img-placeholder input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* height: 100%; */
  margin: auto;
  display: block;
}
.img-placeholder img {
  max-width: 100%;
  /* height: 100%; */
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}
.img-placeholder.organizerLogo img {height: 100%;}
.img-placeholder input[type=file] {
  opacity: 0;
  cursor: pointer;
}

/*Image Placeholder=========================================*/
/*CSS for campaign image====================================*/
.campaign-img {
  margin: 4px 0;
  position: relative;
  width: 100px;
  height: 100px;
}
.campaign-img:hover .campaign-img-menu {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.campaign-img-menu {
  list-style-type: none !important;
  position: absolute;
  top: 40%;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  width: 160px;
}
.campaign-img-menu li a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 16px;
  color: var(--campaign-form-text);
  display: block;
  text-align: left;
}
.campaign-img-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
/*CSS for campaign image====================================*/

/* CSS for Compliance Review */
.input-wrapper label{top:12px}
div#block-freeroots-content{margin: 0 50px;}
.path-user #edit-account{padding: 0 !important;}
.path-user .form-actions{margin-top: 25px !important; margin-bottom: 0;}
/* Browse Campaign */
.path-taxonomy .tredingCamp{width: 100%;  background-size: cover !important; background-repeat: no-repeat;}
.trend-camp-items_text h6 a{text-align: left !important;}
.path-taxonomy a{color: #212529 !important;}
/* Browse Campaign */

/* update_campaign_status */
.path-update-campaign-status #block-freeroots-content{max-width: 1040px; margin: auto;}
.update-campaign-status-form h1{margin-bottom: 25px;margin-top: 10px;}
.update-campaign-status-form h2{margin-bottom: 10px;}
/* update_campaign_status */

/* Enter your address contact information */
.path-webform #block-freeroots-content{max-width: 850px; margin: 15px auto;box-shadow: 0 .195rem .35rem rgba(0,0,0,.075)!important;
                                       border: 1px solid rgb(249 249 249);padding-right: 2.5rem !important;padding-left: 2.5rem !important;padding-top: 2.5rem !important;}
.path-webform .form-type-select .js-form-required{margin-bottom: 0 !important;}
.path-webform .js-form-item label{font-weight: 400 !important; font-size: 15px; color: #6c757d !important;}
.path-webform input, .path-webform select{border: 1px solid #ced4da; border-radius: 0 !important;}
.path-webform .form-item-address-address-line2{margin-top: 24px !important;}
.path-webform .js-form-item{margin-bottom: 15px !important;}
.path-webform .js-form-type-webform-markup{color: #919191;}
.path-webform #edit-phone--description{color: #919191;margin-top: 5px;}
.path-webform .js-form-item p{color: #919191;margin-top: 5px;}
.path-webform .form-item-first-name{padding-right: 15px;width: 33%;}
.path-webform .js-form-type-tel{padding-right: 15px;}
.path-webform .js-form-item-address-address-line1,.path-webform .js-form-item-address-locality,.path-webform .js-form-item-address-postal-code{padding-right: 15px;}
.path-webform .js-form-item-address-address-line2,.path-webform .js-form-item-address-administrative-area {padding-left: 15px;}
.path-webform .form-item-last-name{padding-left: 15px;width: 49%;}
.path-webform .form-type-email{padding-left: 15px;}
.path-webform  .webform-progress div div{text-align: left !important;}
.path-webform  .webform-progress div div h2{font-size: 1.25rem;}
.path-webform  .form-actions.js-form-wrapper{display:block !important; width: 100% !important; text-align: center !important;}
.path-webform  .form-actions.js-form-wrapper .webform-button--submit{border:1px solid #e92200 !important;font-size: 0.8rem !important;
                                                                     border-radius: 0.25rem !important; margin-bottom: 30px !important;}
.author54_pic{width: 56px !important; height: 56px !important; overflow: hidden !important;border-radius: 50%;display: flex;}
.author43_pic{width: 100% !important; max-width: 100% !important; height: auto !important;border-radius: 0;object-fit: cover;
              flex: 1;object-position: top center;}
/* Enter your address contact information */

/* Complete your Organizer profile! */
.dialog-off-canvas-main-canvas input, select{border: 1px solid #ced4da; border-radius: 0 !important;}
.dialog-off-canvas-main-canvas .field--type-string{margin-bottom: 15px;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-country-code{max-width: 48% !important;margin-bottom: 15px !important;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-address-line1{width: 48%;float: left;margin-bottom: 15px !important;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-address-line2{width: 48%;float:right;margin-top: 24px !important;margin-bottom: 15px !important;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-locality{width: 48%;float: left;margin-right: 0 !important;margin-bottom: 15px !important;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-administrative-area{width: 48%;float:right;margin-bottom: 15px !important; margin-right: 0 !important;}
.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-postal-code{width: 48%;float: left;margin-bottom: 15px !important;}
.dialog-off-canvas-main-canvas div#edit-account {padding: 15px;}
.dialog-off-canvas-main-canvas .js-form-type-password{margin-bottom: 15px;}
.dialog-off-canvas-main-canvas .field--widget-image-image {margin-top: 15px;}
.dialog-off-canvas-main-canvas #edit-submit{border:1px solid #FC0015 !important; border-radius: 4px !important;}
.js-form-item label{margin-bottom:0px !important;}
/* Complete your Organizer profile! */

/* Help Stop Mask Mandate for Kids! */
.path-take .phone_lable{top: -10px !important; font-size: 14px;}
.path-take .action_img_right{top: 35px;right: -93px;}
.path-take #checkbox1{width: 22px; height: 22px; float: left;}
.path-take #checkbox1 + label{font-size: 13px;}
.path-take input[type=radio]{margin-right: -5px;width: 12px;height: 12px;}
.path-take .form_radio_sect{margin-left: 10px;}
.path-take .radio_select_doller{margin-bottom: 35px;}
.path-take .btn-primary{border-color:#e62925 !important}
.path-take .botom_text_donate{display: flex; align-items: center;}
.path-take .donation_page_bottom{margin-left: 17.3%;}
.path-take .trending_block.trnding_blk .trending_title45{max-width: 815px; margin: auto;}
.path-take .trending_block.trnding_blk .row{padding-bottom: 50px;}
.path-take .content.trending-popup .trending_title45{text-align: center;}
/* Help Stop Mask Mandate for Kids! */

/* describe campaign page */
.path-manage .cb-label{padding-left: 20px;font-size: 0.8rem;line-height: 1.2;}
.path-manage .cb-container.camp-cat{max-height: 230px; overflow-y: scroll;}
.path-manage .cb-wrapper{padding: 5px 0;}
.path-manage .btn-header:hover{color:#fff !important}
/* describe campaign page */

/* campaign page */
.needWrp{position: fixed !important;min-width: 299px !important; bottom: 0; left: 0;}
.need-help{position: static !important; width: 100%;}
.create-steps{padding-bottom: 120px !important;}
/* campaign page */

/* campaign search page */
.campaign-search-page-form .trend-camp-items_text a{text-align: left !important;}
.campaign-search-page-form .js-form-item-search-str{width: 20%; float: left;}
.campaign-search-page-form #edit-submit{max-width: 130px; float: left;margin-left:10px!important;}
.campaign-search-page-form .js-form-item-filter-location{width: 20%; float: right;margin-left: 10px;}
.campaign-search-page-form .js-form-item-filter-subject{width: 20%; float: right;}
.campaign-search-page-form #edit-tweet-message{display: inline-block;width: 100%;}
.campaign-search-page-form #load_more_div{text-align: center; margin-bottom: 30px;}
.campaign-search-page-form a#load_more_lnk{display: inline-block !important;min-width: 200px;border-radius: 4px;font-size: 0.9rem !important;font-weight: 500;background-color: var(--red);padding: 0.375rem 0.75rem;color: #fff;}
.campaign-search-page-form .js-form-submit.form-submit{margin:0 !important; }
/* campaign search page */

/* path-taxonomy */
.path-latest-campaigns #block-freeroots-content .views-element-container .mb-lg-0.mb-md-0.mb-sm-4.mb-4{margin-bottom: 2.5rem !important;}
.path-taxonomy #block-freeroots-content .views-element-container .mb-lg-0.mb-md-0.mb-sm-4.mb-4{margin-bottom: 2.5rem !important;}
.path-taxonomy .view-breadcurmb{display:inline-block}
.path-taxonomy .trend-camp-items_text p a{text-align: left; color:#FC0015 !important}
/* path-taxonomy */

/* path-latest-campaigns */
.path-latest-campaigns .view-header{float: left;width: 50%;margin-top: 25px;}
.path-latest-campaigns .view-header h4{margin-bottom: 0 !important;}
.path-latest-campaigns .view-filters{float: right;}
.path-latest-campaigns .view-content{width: 102%;padding-top: 50px !important;}
.path-latest-campaigns .js-form-item-field-campaign-location-value{margin-right: 0 !important;}
/* path-latest-campaigns */

/* Campaign Hub */
.cardTitle a{color:#000 !important}
.campBtn button{font-size: 0.8rem !important; }
.campBtn button svg{width: 12px; height: 12px;}
.campBtn button svg + a{font-size: 0.8rem !important; color: #6c757d !important;}
.btn-outline-secondary:hover a{color: #fff !important;}
/* Campaign Hub */

/* take action */
.social_link56_top{flex-wrap: wrap;}
.bottom_button76{border-top:2px solid #e9e9e9 !important; padding: 5px 15px !important; position: fixed;margin-left: 15%;
  margin-right: 15%;}
.back_button78, .skip_button78{border:1px solid #c3c3c3 !important}
/* take action */
.mail_right_part .check_box_mail img.check_img76{display: none;}
.overBorder{top: -15px;left: 13px;font-size: 0.75em;color: var(--act-red); z-index: 9;}
.ui-widget-content .ui-dialog-buttonpane.ui-widget-content{bottom: 0px !important;right: 0px !important;}

@media screen and (max-width:991px) {
  .center_email_messages67{padding-left: 0; padding-right: 0;}
  .bottom_button76{margin-right: 0; margin-left: 0;padding: 0 45px;}
  .take_action .phone_call_contain54{flex-flow: column;}
  .take_action .phone_call_detail87,.take_action .active_on_call67{width: 100%; margin: 10px 0;}
  .suggest_part_cont43{margin-top: 20px;}
}
@media screen and (max-width:810px) {
  .path-webform .js-form-item label{font-size: 12px;}
  .campaign-page-wrapper {max-width: 540px !important;width: 100% !important;}
}
@media screen and (max-width:768px) {
  .path-webform #block-freeroots-content{padding-top: 60px !important;}
  .path-latest-campaigns #block-freeroots-content{padding-top: 90px !important;}
  .campaign-search-page-form #block-freeroots-content{padding-top: 90px !important;}
  .campaign-search-page-form .js-form-item-search-str{width: 26%;}
  .campaign-search-page-form .js-form-item-filter-location{width: 23%;}
  .campaign-search-page-form .js-form-item-filter-subject{width: 23%;}
  .path-latest-campaigns .view-content{width: 105%;}
  div#block-freeroots-content{padding: 80px 0; margin: 0 20px;}
  .path-manage div#block-freeroots-content{padding-top: 20px;}
  .region.region-content .alert{margin-top: 75px;}
  .region.region-content .alert + div + div#block-freeroots-content{padding-top: 10px !important;}
  .page-wrapper{padding-top: 20px;}
  .steps-sidebar{display: none;top: 64px;}
  .content-wrapper {width: 100%;margin-left: 0;padding: 0px 0 80px;}
  .form-footer{width: 100%;}
  .modifyContent .form-footer{width: calc(100% - 300px);margin-left: 300px;padding: 30px 0 30px;}
  .modifyContent.content-wrapper {width: calc(100% - 300px);margin-left: 300px;padding: 0px 0 80px;}
  .alert-warning{margin-top: 43px !important;}
}
@media screen and (max-width:671px) {
  .page-wrapper{padding-top: 40px;}
  .path-webform .js-form-item,.path-webform .form-type-select{width: 100%; max-width: 100% !important; padding-left: 0; padding-right: 0;}
  .dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-country-code{ max-width: 100% !important;}
  .dialog-off-canvas-main-canvas .js-form-type-email{ max-width: 100% !important; flex: 0 0 100% !important; margin-bottom: 15px !important;}
  .dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-country-code{ max-width: 100% !important;}
  .dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-address-line1,.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-locality,.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-address-line2,.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-locality,.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-administrative-area,.dialog-off-canvas-main-canvas .js-form-item-field-address-0-address-postal-code{width: 100%;}
  .dialog-off-canvas-main-canvas .completeProfile{padding-top: 90px !important;}
  .campaign-search-page-form .js-form-item-search-str{width: 100%;}
  .campaign-search-page-form .js-form-item-filter-location{max-width: 100% !important;width: 100%;margin-left: 0;}
  .campaign-search-page-form .js-form-item-filter-subject{max-width: 100% !important;width: 100%;}
  .campaign-search-page-form #edit-submit{max-width: 100%; margin-left: 0 !important; margin-bottom: 20px !important;}
  .path-latest-campaigns .view-content{width: 107%;}
  .path-latest-campaigns .view-header{width: 100%;}
  .path-latest-campaigns .view-filters{float: left;}
  .path-latest-campaigns .view-content{margin-top: 0;}
  .path-latest-campaigns .view-filters{margin-top: 10px;}
  .back_button78, .skip_button78,.right_confirm_btn{margin: 0;width: auto !important;}
  .left_side_button65 .back_button78.action-back,.left_side_button65 .skip_button78.action-skip,.right_side_button65 .right_confirm_btn,.right_onclick_btn{margin-bottom: 5px;padding: 5px 20px !important; border:none !important; width: auto !important;}
  .skip_button78.action-ski{margin-left: 10px;}
  .bottom_button76{left: 0; right: 0;padding-top: 0px !important; position: fixed;}
  .left_side_button65, .right_side_button65{margin-top: 0;}
  .facebox_inbox_container .mail_left_part{flex-flow: column; align-items: center; justify-content: center;}
  .facebox_inbox_container .author_detail{text-align: center;}
  .header-container{flex-flow: column;}
  .brand-logo{width: 100%; justify-content: space-between;}
  .header-menu{width: 100%; justify-content: space-between;}
  .btn-header{margin-left: 0; padding: 6px 0;}
  .brand-logo a{padding: 6px 0;}
  .m-w-100{width: 100%;}
  .steps-sidebar{top: 79px;}
}
@media screen and (max-width:450px) {
  .bottom_button76{flex-flow: column;justify-content: center;align-items: center; display: flex;}
  .left_side_button65{order: 1;}
  .right_side_button65{order: 0; margin-top: 10px;}
}
@media screen and (max-width:328px) {
  .steps-sidebar {top: 100px;}
}
/* 27-10-by-amit-- */
.font-500{font-weight:500 !important;}
.pending .badge{background-color: rgb(255, 193, 7) !important;}
.approved .badge{background-color: rgb(40, 167, 69) !important}
.completed .badge{background-color: rgb(0, 123, 255) !important;}
.cats{color: #000 !important; font-size: 17px;}
.cats h6{font-size: 17px !important;}
.cats:hover{color: var(--red) !important;}
.header-view{width: 100%; margin-bottom: 40px;}
.align_mission p{font-size: 16px !important;}
label.error{color: red !important;font-size: 14px;}
@media screen and (max-width:600px) {
  .main-img {
    height: 178px;
  }
}
.form-item-take-action-error { text-align: center; padding-bottom: 28px;}
.js-form-item.form-item-take-action-error label { color: red !important; font-size: 20px !important;}

.path-webform form.webform-submission-approval-form-form .form-item-first-name,
.path-webform form.webform-submission-approval-form-form .form-item-last-name{
  width: 100% !important;
}
.path-webform form.webform-submission-approval-form-form .webform-flexbox{
  margin: 0px !important;
}