/*
Theme Name: MBS
Author: Atanas
Description: CSS for outside of default theme.
Version: 1.0
*/





/* =========================
   TOP BAR (STAYS WITH HEADER)
========================= */
.topbar{
  background:#000;
  color:#fff;
  font-size:16px;
  font-weight: 200;
  padding:20px 0;

  position: fixed;   /* moves with sticky header */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10001;
}

.topbar-link {
	color: #ffffff;
}

.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:48px;
  flex-wrap:wrap;
}

.topbar-item{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.topbar-text strong{
  font-weight:800;
  letter-spacing:.3px;
}

.topbar-icon{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.topbar-icon svg{
  width:22px;
  height:22px;
  fill:#e1141b;
}


/* =========================
   HEADER (SITS UNDER TOPBAR ALWAYS)
========================= */
header.main_menu{
  position: fixed;
  top: 65px;      
  left: 0;
  width: 100%;
  z-index: 10000;
}




/* =========================
   MOBILE
========================= */
@media (max-width: 768px){
  .topbar-inner{
    justify-content:flex-start;
    gap:14px;
  }
  .topbar-item{
    white-space:normal;
  }
	
  .mobile-hide {
	display: none !important;
}
	
	header.main_menu{

  top: 0px;      
}
  .topbar{
   padding:0px 0;
}
	
}









/*  Custom Start  */

.center-the-check .feature-box-left {
	display: flex;
	align-items: center;
}

/*  --- Custom End ---  */

/* Random Start */

#wpadminbar {
	height: 46px !important;
	background: #000000 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #E66A5B !important;
    background-color: transparent !important;
}

/*  ---Random End---  */

.relative-hdr {
    position: fixed;
    width: 100%;
    z-index: 100;
}


/*================================================================================*/
/* ===== Church Contact Form (Contact Form 7) ===== */
.church-form-wrap {
  max-width: 920px;
}

.wpcf7-spinner {
  margin: 0px 5px !important;
  background-color: #ffffff !important;
}

.wpcf7-response-output {
	color: #ffffff;
}

.group-form-buttons {
  display: flex;
  align-items: center;
}

.group-form-buttons p {
  margin: 0;
}

.church-form-row {
  display: flex;
  gap: 22px;
  margin-bottom: 2px;
}

.church-form-col {
  flex: 1;
}


.church-form-input,
.church-form-textarea {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  background: #d9d9d9;
  color: #333;
  padding: 8px 14px;
  font-size: 14px;
  outline: none;
  box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}

.church-form-textarea {
  min-height: 60px;
  max-height: 130px;
  resize: vertical;
  padding-top: 16px;
}

.church-form-input::placeholder,
.church-form-textarea::placeholder {
  color: rgba(0,0,0,0.45);
}

.church-form-submit {
  border: 0;
  cursor: pointer;
  padding: 15px 15px;
  font-size: 1em;
  font-weight: 600;
  color: #000000;
  background-color: #ffffff;
}

.church-form-submit:hover {
  filter: brightness(0.97);
}

.church-form-submit:active {
  transform: translateY(1px);
}

.church-form-wrap .wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 6px;
}

.church-form-call p .call-button-form{
	border: 1px solid white;
	cursor: pointer;
	padding: 16px 15px;
	font-size: 1em;
	font-weight: 600;
	color: #fff;
	background-color: transparent;
	text-decoration: none !important;
}