html, body {
  width: auto !important;
  overflow-x: hidden !important;
  padding: 0;
  margin: 0;
}
.page-calendar .importantnote {
  display: none;
}
.page-calendar .video-container {
  padding-bottom: 156.25%;
}
.mobile-html-inner a.watchlive {
  color: #D21E1E !important;
  border: 1px solid #D31E1E;
}
@media all and (max-width: 640px) {
  [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item {
    padding: 9px !important;
  }
  .sby_info_item p {
    line-height: 1 !important;
    font-weight: 400 !important;
    font-size: 11px !important;
  }
}
@media only screen and (max-width: 635px) {
  .video-container iframe, .video-container object, .video-container embed, .video-container video {
    position: absolute;
  }
  .page-calendar .video-container {
    padding-bottom: 1062.25%;
  }
}
/*Misc Pagess*/
.page-times-directions #js-wpv-addon-maps-render-map-1 {
  margin-bottom: -25px !important;
}
.mapdirections {
  margin-bottom: 58px !important;
}
.mapdirections input.form {
  padding: 5px;
}
.page-contact #js-wpv-addon-maps-render-map-1 {
  margin-top: -65px !important;
  height: 446px !important;
}
.blogs .posttitle a {
  text-decoration: underline;
  color: #8B172C;
  font-size: 28px;
  font-weight: 500;
}
#right .medialinks {
  max-width: 571px;
  margin: auto;
}
.smallline h1 {
  font-size: 15px;
  letter-spacing: 0;
}
.appsubtitle {
  display: block !important;
  padding-top: 4px !important;
  font-size: 15px;
}
.fullwidth.top {
  margin-top: -75px;
}
.timesbar .button.snippets {
  float: right;
  margin-right: 6px;
}
.cff-album-info a {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  color: #000000;
}
.cff-new div {
  margin-top: 11px;
}
.announcement-grid-item {
  padding-top: 0px;
  font-size: 13px;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
  padding-bottom: 32px;
  background-color: #F5F5F5;
  border: 0px solid black;
}
.snippeteditbutton a.edit {
  /*+placement: 85px 3px;*/
  position: relative;
  /* left: 85px; */
  top: 3px;
}
.page-calendar .video-container {
  padding-bottom: 185.25% !important;
}
.highlighttext {
  padding: 48px 48px 57px 48px;
}
.highlighttext .container {
  max-width: 950px !important;
}
.highlighttext h2 {
  font-weight: 300;
  text-transform: uppercase;
}
.img-responsive {
  margin-bottom: -7px;
  text-align: center;
  margin: auto;
  display: block;
}
.staff-list-item .posttitle {
  padding-top: 12px;
}
.staff_grid .staffposition {
  padding-bottom: 0px;
  line-height: 1.4;
}
.staff_grid a.readmore {
  text-decoration: none;
  color: #000000;
  border: 1px solid black;
  padding: 7px 20px;
  display: inline-block;
  font-size: 15px;
  margin: 22px auto 28px auto;
  line-height: 1;
  text-align: center;
}
.modal-body .staffimage {
  float: right;
  width: auto;
  padding: 0;
  margin: 31px auto auto 52px;
}
.modal-body p {
  display: block;
}
.postdate {
  font-style: italic;
  padding-bottom: 10px;
  font-weight: 500;
  color: #6A3339;
}
@media only screen and (max-width: 768px) {
  .modal-body .staffimage {
    float: none;
    width: auto;
    margin: 31px auto auto 52px;
  }
}
/* Ensure the parent container allows centering */
.n-uc-1fdcd7819a005-inner {
  min-width: 726px !important;
}
.features i {
  font-size: 25px;
  margin-bottom: 19px;
  border: 1px solid #75292B;
  /*-moz-border-radius: 68px;*/
  -webkit-border-radius: 68px;
  -khtml-border-radius: 68px;
  border-radius: 68px;
  width: 51px;
  height: 51px;
  text-align: center;
  line-height: 51px;
  color: #75292B;
}
@media only screen and (max-width: 768px) {
  .pagecontent p {
    line-height: 1.5;
    padding-bottom: 0;
  }
  .n-uc-1fdcd7819a005-inner {
    min-width: auto !important;
  }
}
@media screen and (max-width: 550px) {
  .button1, .button2, .button3 {
    padding: 0;
    margin: 0;
  }
  .col-sm-3 .sermoncontent {
    height: auto !important;
  }
  .page-new .spacing3 td {
    text-align: center !important;
  }
  .page-new .spacing3 {
    margin-top: -14px;
  }
}
/*Home Calendar*/
.layout-basic h4.date {
  font-size: 17px;
  border: 1px solid #C9C9C9 !important;
  /*+border-radius: 0 !important;*/
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  margin-right: 19px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  max-height: 73px !important;
  overflow: hidden;
  margin-bottom: 5px !important;
}
.page-home .events li {
  margin: 0 !important;
  padding: 0px;
  border: 0px solid black !important;
}
.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='j'] {
  font-size: 21px !important;
  text-align: center;
  width: 63px;
  font-weight: 600;
  padding-top: 2px;
}
.home .ics-calendar-basic-wrapper {
  margin-top: -18px;
}
.layout-basic .event-info {
  text-align: left;
}
/*Slideshow*/
.n2-style-0663e91a1ba0c81dfe80444f763112b7-heading .notbold {
  display: block;
  color: #973548;
  text-transform: uppercase;
  font-size: 18px !important;
}
.n2-style-0663e91a1ba0c81dfe80444f763112b7-heading {
  font-size: 30px !important;
  line-height: 1.1 !important;
  padding-bottom: 14px !important;
  padding-top: 11px !important;
  margin-top: 9px;
}
@media screen and (max-width: 1200px) {
  .n2-style-0663e91a1ba0c81dfe80444f763112b7-heading .notbold {
    font-size: 16px !important;
    line-height: 1.2;
  }
  .n2-style-0663e91a1ba0c81dfe80444f763112b7-heading {
    font-size: 26px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 800px) {
  span.place {
    font-size: 56px;
  }
  span.belong {
    font-size: 162px;
    margin-top: -92px;
  }
}
/*Titles*/
.home .event .title {
  font-weight: 500 !important;
}
.title {
  font-size: 44px;
  font-weight: 300 !important;
  text-transform: uppercase;
  line-height: 1;
  font-size: 53px;
  padding-bottom: 3px;
}
.title b {
  color: #963347;
  font-weight: 700;
  font-family: Playfair Display;
}
/*Icon Row*/
.icon-row-wrapper {
  max-width: 830px;
  margin: -38px auto -85px;
  padding: 22px 12px 12px;
  border: 1px solid #BABABA;
  background-color: #FFFFFF;
  /*+placement: ;*/
  position: relative;
  left: 0;
  top: 0;
  box-shadow: 0 0 17px -6px #989898;
}
.icon-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.icon-box {
  text-align: center;
  min-width: 100px;
  flex: 1 1 120px;
}
.icon-label {
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.5px;
  margin-top: -5px;
}
.icon-row-wrapper a {
  text-decoration: none;
}
@media only screen and (max-width: 1150px) {
  .icon-row-wrapper {
    max-width: 765px;
    margin: -38px auto -85px;
    padding: 15px 12px 9px;
    border: 1px solid #BABABA;
  }
  .icon-row-wrapper a {
    text-decoration: none;
  }
  .icon-box img {
    width: 46px;
  }
  .icon-row {
    gap: 0px;
  }
}
@media only screen and (max-width: 685px) {
  .icon-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .icon-box {
    flex: 0 0 30%;
    /* Force 3 per row */
    max-width: 5%;
    text-align: center;
  }
  .icon-box img {
    width: 36px;
    height: auto;
  }
  .icon-label {
    font-size: 13px;
    margin-top: 4px;
  }
}
/*Times*/
.times {
  background: url( ./images/newback.jpg) center right / cover no-repeat #F7F7F7;
  padding-top: 64px;
  padding-bottom: 61px;
  margin-top: 1px;
  text-align: center;
  display: inline-block;
  margin: auto;
  width: 100%;
}
.timesbox {
  width: 47%;
  float: left;
  margin-left: 40px;
}
.twobuttons1 a {
  text-decoration: none;
  padding: 8px 23px 8px 26px;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 17px;
  border: 2px solid black;
  font-weight: bold;
  display: inline-block;
  margin-top: 13px;
  color: #000000;
  background-color: #F1F1F1;
}
.times .welcome .title b {
  color: #963347;
  font-family: playfair display;
}
.welcome .descriptiontext a {
  line-height: 0;
  color: #963347;
  font-style: italic;
  display: inline-block;
  margin-top: 5px;
  line-height: 1.3;
  font-weight: 300;
  font-size: 17px;
}
.welcome .descriptiontext td p {
  line-height: 1.1;
  color: #000000;
  font-weight: 600;
  font-size: 19px;
}
.welcome .descriptiontext strong {
  font-size: 27px;
  color: #963347;
}
.latestnews {
  max-width: 480px;
}
.timesbox .descriptiontext table td h6 {
  color: #000000;
  font-family: Glacial Indifference;
  font-weight: 600;
  font-size: 24px;
}
.times .timesbox .title {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 9px;
  font-size: 47px;
}
.descriptiontext .post-container table td {
  border-top: 2px solid #730D15;
  border-bottom: 2px solid #730D15;
  display: table-cell;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1250px) {
  .timesbox.latestnews {
    max-width: 580px !important;
    margin: auto;
    display: block !important;
  }
}
@media only screen and (max-width: 1100px) {
  .timesbox {
    max-width: none;
    float: none;
    margin: auto;
    width: 100%;
    padding-bottom: 24px;
    padding-top: 10px;
  }
  .times {
    padding-top: 129px;
    padding-bottom: 0px;
    margin-top: 1px;
  }
  .times .welcome td {
    display: table-cell;
  }
  .timesbox.welcome {
    margin-right: auto;
  }
  .times .welcome .title b {
    color: #75292B;
    display: inline-block;
    font-size: 47px;
  }
}
@media only screen and (max-width: 670px) {
  .times .welcome td {
    display: inline-block;
    width: 100% !important;
  }
  .title {
    font-weight: 200 !important;
    text-transform: uppercase;
    line-height: 1;
    font-size: 35px !important;
    padding-bottom: 6px !important;
  }
  .times .timesbox .title {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 9px;
    font-size: 38px;
  }
  .timesbox.welcome .title b {
    font-size: 39px;
  }
  .welcome .descriptiontext td p {
    color: #A46464;
  }
}
/* Applied to .times-detail and .location-detail in HTML for clarity */
.details > div {
  flex: 1;
  text-align: center;
  /* From your CSS */
  padding: 0;
  /* From your CSS */
  min-width: 200px;
  /* Ensure they don't get too squished */
}
.details h3 {
  font-size: 1.3em;
  /* From your CSS */
  font-weight: 700;
  display: block;
  /* From your CSS */
  align-items: center;
  color: #000000;
  /* From your CSS */
  margin: 25px 0 6px !important;
  font-family: 'Glacial Indifference';
  /* From your CSS */
}
.details h3 i {
  margin-right: 10px;
  /* Re-adding icon color for visibility, adjust as needed */
  /* Re-adding icon size for visibility */
}
.details p {
  margin: 0px 0 5px;
  font-size: 19.1px;
  /* From your CSS */
  line-height: 1.3;
  /* From your CSS */
}
.details a {
  display: inline-block;
  margin-top: 11px;
  /* From your CSS */
  font-size: 0.9em;
  /* From your CSS */
  font-weight: 700;
  color: #00008B;
  text-decoration: none;
  border-bottom: 2px solid #00008B;
  padding-bottom: 2px;
  /* Ensure consistent spacing for the underline */
}
.new-button {
  background-color: #FFD700;
  color: #00008B;
  /* From your CSS */
  border: 1px none #000000;
  /* From your CSS (equivalent to border: none) */
  padding: 10px 30px 9px;
  /* From your CSS */
  font-size: 1.2em;
  /* From your CSS */
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s ease;
  max-width: 387px;
  /* From your CSS */
  width: 100%;
  /* From your CSS */
  box-sizing: border-box;
  /* To include padding and border in the element's total width and height */
}
.new-button:hover {
  background-color: #F0C800;
}
.right-section {
  flex: 1;
  /* Allows it to take space but will be limited by max-width */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  /* More responsive grid columns */
  gap: 20px;
  min-width: 200px;
  /* Adjusted min-width */
  max-width: 460px;
  /* <<< MAX WIDTH CONSTRAINT APPLIED HERE */
  /* If the container is wide, this section won't exceed 460px.
     If the container is narrow, this section will shrink.
     If you want it to be strictly 460px or less and not grow:
     flex-grow: 0; flex-shrink: 1; flex-basis: 460px;
     For now, flex: 1 with max-width should work well with space-between.
  */
}
.box {
  background-color: #01009A;
  color: #FFF;
  padding: 22px 15px;
  text-align: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.box:hover {
  opacity: 0.85;
}
.box i {
  font-size: 2.5em;
  margin-bottom: 15px;
  display: block;
}
.box h4 {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: 'Glacial Indifference';
  color: #F0C800;
}
.right-section a {
  text-decoration: none !important;
}
.box p {
  font-size: 1em;
  opacity: 0.8;
}
@media (max-width: 992px) {
  /* Adjusted breakpoint for better layout changes */
  .times .container {
    flex-direction: column;
    /* Stack sections vertically */
    align-items: center;
    /* Center items when stacked */
    padding: 30px 20px;
    /* Adjust padding */
  }
  .left-section, .right-section {
    width: 100%;
    /* Make sections full width when stacked */
    max-width: 500px;
    /* Limit width of stacked sections for readability */
  }
  .right-section {
    max-width: 460px;
    /* Maintain max-width constraint */
  }
  .details {
    flex-direction: column;
    /* Stack details items */
    align-items: center;
    gap: 30px;
  }
  .details > div {
    width: 100%;
    max-width: 350px;
    /* Max width for individual detail items */
  }
}
@media (max-width: 768px) {
  .left-section h1 {
    font-size: 2.5em;
    /* Reduce heading font size */
  }
  .right-section {
    grid-template-columns: 1fr;
    /* Single column for boxes on very small screens */
  }
  .new-button {
    font-size: 1em;
    padding: 10px 20px;
  }
}
/*Start*/
.whoweare {
  background: url( ./images/whoweare.jpg) center right / cover no-repeat #E4E4E4;
  clear: both;
  padding: 78px 15px 74px;
  width: 100%;
  display: inline-block;
  margin-bottom: -7px;
}
.whoweare .subtitle {
  font-size: 16px;
}
.whoweare .subdescr {
  font-size: 22px;
  margin-top: 9px;
  margin-bottom: 8px;
}
.whoweare .subdescr b {
  font-family: playfair display;
  font-style: italic;
  font-weight: bold;
}
.whoweare a.viewallministries {
  text-decoration: none;
  color: #000000;
  padding: 4px 18px 3px;
  margin-top: 10px;
  display: inline-block;
  font-weight: 400;
  border: 2px solid black;
}
.whoweare .container {
  text-align: center;
  max-width: 1085px !important;
  font-size: 19px;
}
.whoweare .title {
  font-size: 50px;
}
@media only screen and (max-width: 670px) {
  .whoweare .subdescr {
    font-size: 17px;
    margin-top: 9px;
    margin-bottom: 8px;
  }
  .whoweare .subtitle {
    font-size: 16px;
    font-style: italic;
  }
}
/*Slideshows*/
.frontslideshow .addcontrols {
  display: none;
}
.n2-section-smartslider .small {
  font-weight: 200;
  font-size: 39px;
  text-transform: uppercase;
}
.n2-style-3fcb5c772555b976b312eda5fe970162-heading {
  background-color: ;
}
.n2-ss-layer.n-uc-1fdcd7819a005 {
  min-width: 612px !important;
}
/*.role-administrator .frontslideshow, .role-admin .frontslideshow
{
	margin-top: -47px;
}*/
@media only screen and (max-width: 807px) {
  #n2-ss-3item2 {
    font-size: 25.9px !important;
  }
  #n2-ss-3item3 {
    font-size: 25.9px !important;
    line-height: 1 !important;
  }
  #n2-ss-3item1 {
    font-size: 41.9px !important;
    line-height: 0.9 !important;
    margin-bottom: 7px;
  }
  .n2-font-7d0ead7ebcdaa0839d39fb7575309cf4-link {
    font-size: 12.9px !important;
  }
  .n2-ss-layer-row {
    text-align: center !important;
    display: inline-block !important;
    padding-left: 0 !important;
    padding-top: 141px !important;
  }
  .n-uc-bYf4y6o95foC-inner {
    padding-left: 12px !important;
  }
}
/*Smart Countdown*/
.scd-digit div, .scd-digit img {
  color: #084D91;
}
.scd-counter-col {
  margin-left: -4px;
}
/*Store*/
.staff-grid.store .posttitle {
  margin-bottom: 18px;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 5px;
  margin-left: 18px;
  margin-right: 18px;
  font-size: 23px;
  padding-top: 10px;
  color: #3E808B;
}
.store .staff_grid div {
  font-size: 15px;
  margin-bottom: 20px;
}
.staff-grid.store .staff_grid {
  background-color: #F9F8F8;
  padding: 29px 0px 24px;
  border: 1px solid #E1E1E1;
}
/*News*/
.whatshappening {
  text-align: center;
  padding-top: 72px;
  padding-bottom: 36px;
  margin-bottom: -35px;
}
.whatshappening .subtitle {
  font-size: 18px;
  margin-bottom: 27px;
}
button-container {
  display: flex;
  flex-wrap: wrap;
  /* Allow buttons to wrap on smaller screens */
  gap: 15px;
  justify-content: center;
  padding: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* Optional: subtle shadow */
}
.event-button {
  /* Dark Blue */
  /* White text */
  border: 2px solid #000000;
  padding: 9px 12px 9px 20px;
  font-size: 1em;
  font-weight: 500;
  /* Bold text */
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 220px;
  margin-right: 10px;
  margin-left: 10px;
  /*+border-radius: 0;*/
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  text-decoration: none;
}
.event-button i {
  font-size: 1.6em;
  /* Icon size */
  background-color: #75292B;
  color: #FFFFFF;
  padding: 7px 13px 13px 14px;
  margin: -8px 15px -11px -22px;
  font-weight: 300;
  line-height: 1.1;
}
.announcementbox .descriptionbox .posttitle {
  font-weight: bold;
  font-size: 21.9px;
  line-height: 1;
  padding-bottom: 10px;
  padding-top: 15px;
}
.announcementbox .description p {
  font-size: 15.9px !important;
  line-height: 1.3 !important;
}
.modal-body .announcementdescription p {
  font-size: 17px;
  line-height: 1.3;
  font-weight: 300;
}
@media (max-width: 768px) {
  .button-container {
    flex-direction: column;
    /* Stack buttons vertically on smaller screens */
    align-items: stretch;
    /* Make buttons take full width of container */
  }
  .event-button {
    width: 100%;
    /* Make buttons full width */
    min-width: unset;
    /* Remove min-width */
    margin-bottom: 10px;
    /* Add some space between stacked buttons */
    display: block;
    padding: 5px;
  }
  .event-button:last-child {
    margin-bottom: 0;
  }
  .event-button i {
    font-size: 1.6em;
    /* Icon size */
    background-color: #75292B;
    color: #FFFFFF;
    padding: 2px 9px 6px 10px;
    margin: -5px 11px -5px 5px;
    font-weight: 300;
    line-height: 1.1;
  }
}
/*Sermons*/
.sermons {
  background-color: #EEEEEE;
  padding-top: 70px;
  padding-bottom: 78px;
  text-align: center;
  background: url( ./images/sermonback2.jpg) center left / auto no-repeat #F7F7F7;
}
.videocol2 .sb_youtube {
  margin-top: -35px;
}
.sermons a.announcementbutton {
  margin-bottom: 24px;
  display: inline-block;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  margin-left: 28px;
}
.videocol1 .sby_video_thumbnail_wrap {
  max-width: 168px !important;
  height: 96px;
}
.sermons i {
  font-size: 41.3px;
}
.sermons .container {
  max-width: 1100px !important;
}
.videocol1 .sby_info {
  float: left;
  width: 315px !important;
  margin-top: -98px !important;
  margin-left: 193px;
  text-align: left !important;
}
.sby_meta {
  margin-top: 5px !important;
}
.sermons .videocol1 {
  padding-top: 0;
}
.sby_video_title {
  font-size: 15px !important;
}
.announcement-list-item .announcementcontent .announcementinfo a {
  margin-left: 8px;
  font-weight: 600;
}
.sermons .columns {
  margin-top: 29px;
}
.sby_view_count {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sermons {
    background-color: #EEEEEE;
    padding-top: 70px;
    padding-bottom: 78px;
    text-align: center;
    background: none center left / auto no-repeat #F7F7F7;
  }
  .sby_items_wrap {
    padding: 0 !important;
    margin: 32px 0 0 !important;
  }
  .videocol1 .sby_info {
    width: auto !important;
    margin-top: -96px !important;
  }
}
/*Involved*/
.involved {
  background: url( ./images/serveback.jpg) center right / cover no-repeat #E4E4E4;
  padding: 110px 81px 111px 64px !important;
  width: 100%;
  display: inline-block;
  /*+placement: ;*/
  position: relative;
  left: 0;
  top: 0;
}
.involved .title b {
  padding-right: 6px;
}
.containerleft {
  max-width: 995px !important;
  margin: auto;
  max-width: 100%;
  width: 644px;
  float: left;
}
.serve .container {
  max-width: 995px !important;
}
.subytitle {
  font-weight: 400;
  font-size: 20px;
  display: inline-block;
}
.involved .subtitle {
  padding-bottom: 25px;
  font-size: 17px;
}
.containerleft a.viewallministries {
  display: inline-block;
  border: 2px solid black;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  background-color: #FFFFFF;
  padding: 7px 21px 7px 19px;
  color: #000000;
}
@media only screen and (max-width: 1100px) {
  .leftministry li a {
    font-size: 20.6px;
  }
  .containerleft {
    max-width: 587px;
    line-height: 1.4;
    display: inline-block;
    float: none;
  }
  .containerleft .title {
    font-size: 46px;
  }
  .involved {
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.557);
    text-align: center;
    padding: 0;
    margin: auto;
  }
}
@media only screen and (max-width: 850px) {
  .involved {
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.814);
    text-align: center;
    padding: 92px 43px 79px !important;
  }
}
@media only screen and (max-width: 570px) {
  .leftministry li {
    margin: 16px 0 20px;
    width: 100%;
  }
  .involved {
    padding-top: 80px;
    padding-bottom: 64px;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
  .involved .title {
    font-size: 44.3px;
  }
  .title2 {
    font-size: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.592);
    padding-bottom: 11px;
    margin-bottom: 9px;
    font-weight: 200;
    line-height: 1.1;
  }
  .containerleft img {
    width: auto;
    margin-bottom: 6px;
  }
  .involved .subtitle {
    margin-top: 6px;
    width: auto;
    text-align: center;
    font-size: 16px;
  }
  .containerleft a.viewallministries {
    display: block;
    border: 1px solid black;
    padding: 7px 0px 8px;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    background-color: #FFFFFF;
    margin-bottom: 14px;
    width: 187px;
    margin: auto;
  }
  .containerleft .viewallministries .subsubtitle {
    font-size: 15px;
  }
}
/*Start*/
.start .title b {
  color: #E3E4C5;
}
.start .title {
  color: #FFFFFF;
}
.start {
  background: url(./images/ministriesback.jpg) center / cover no-repeat;
  text-align: center;
  padding-top: 117px;
  margin-top: -2px;
}
.start .subsubtitle {
  font-size: 19px;
  color: #E4E5C6;
  font-style: normal;
  font-weight: 300;
  padding-top: 31px;
  padding-bottom: 55px;
  border: 0px solid black;
  line-height: 1.4;
}
.start .subtitle {
  color: #FFFFFF;
  width: auto;
  margin: auto;
  max-width: 930px;
  line-height: 1.6;
  font-size: 17px;
  font-weight: 300;
}
.involved .announcement-list-item {
  text-align: left;
}
@media only screen and (max-width: 800px) {
  .start {
    text-align: center;
    padding-top: 69px;
  }
  .start .subtitle {
    color: #FFFFFF;
    width: auto;
    margin: auto;
    max-width: 930px;
    line-height: 1.3;
    font-size: 16px;
    font-weight: 300;
  }
}
.startboxes {
  text-align: center;
  margin: auto;
  display: block;
}
.startboxes .columns {
  max-width: 1115px;
  margin: auto;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px #000000;
}
.boxtitle {
  font-weight: 600;
  font-size: 36.2px;
  line-height: 1.1;
  padding-bottom: 4px;
  font-family: playfair display;
}
.startboxes .columns a {
  text-decoration: none;
}
.boxdescr {
  font-size: 16.2px;
  line-height: 1.3;
  padding-bottom: 26px;
  font-weight: 300;
  padding-right: 12px;
  padding-left: 13px;
}
.boxheight {
  padding-top: 369px;
}
.startboxes .column:nth-child(1) {
  background: url( ./images/box1.jpg) 0 0 / cover no-repeat !important;
}
.startboxes .column:nth-child(2) {
  background: url( ./images/box2.jpg) 0 0 / cover no-repeat;
}
.startboxes .column:nth-child(3) {
  background: url( ./images/box3.jpg) 0 0 / cover no-repeat;
}
.startboxes .column a {
  color: #FFFFFF !important;
}
@media only screen and (max-width: 768px) {
  .boxtitle {
    font-weight: 600;
    font-size: 38.2px;
    line-height: 1.1;
    padding-bottom: 0px;
    text-shadow: 1px 1px #000000;
  }
  .boxheight {
    padding-top: 66%;
    text-shadow: 1px 1px #000000;
  }
}
/* Footer */
footer {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 80px;
  line-height: 1.4;
  background-color: #E7E7E7;
  font-size: 16px;
}
.home footer {
  background-color: #FFFFFF;
}
footer p {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
footer .columns {
  max-width: 1100px;
  margin: 32px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .column {
  box-sizing: border-box;
  text-align: left;
  padding: 5px 39px 0px;
}
footer .columns .column:nth-child(3) {
  margin-right: -47px;
}
footer .sociallinks a {
  font-size: 27px;
  color: #FFFFFF;
  padding-right: 22px;
  display: inline-block;
  padding-top: 15px;
  margin-top: 1px;
}
footer a.membersbutton {
  background-color: #551A1B;
  padding-right: 19px;
  padding-left: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.397);
}
footer a.contactbutton {
  background-color: #6A3339;
  padding-right: 21px;
  padding-left: 20px;
  padding-top: 6px;
  padding-bottom: 7px;
  text-decoration: none;
  font-size: 17px;
  color: #FFFFFF !important;
  font-weight: 500;
}
a.contabutton {
  text-decoration: none !important;
  color: #FFFFFF;
  margin-top: 11px;
  background-color: #490011;
  width: 153px;
  border: 1px solid rgba(255, 255, 255, 0.409);
  display: block;
  padding: 4px 0 3px;
  text-align: center;
  font-weight: 400;
}
footer .post-container p strong {
  font-weight: 600;
  color: #75292B;
  font-size: 18px;
}
.bottombar {
  background-color: #F0F0F0;
  padding-top: 13px;
  padding-bottom: 2px;
  margin-top: 0px;
  border-top: 1px solid #D7D7D7;
}
.bottommenu a {
  color: #000000 !important;
  font-size: 16px !important;
}
footer h6 {
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0pt;
}
footer div.container div.columns div.column a {
  color: #000000;
}
footer .post-container p strong span {
  color: #000000 !important;
  font-size: 16px;
}
footer a.prayerbutton {
  border: 2px solid black;
  padding: 6px 12px 6px 16px;
  text-decoration: none;
  margin-top: 11px;
  display: inline-block;
  font-weight: 600;
}
@media only screen and (max-width: 1400px) {
  footer {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 780px) {
  footer .column, footer .column:first-child, footer .column:nth-child(2), footer .column:nth-child(3) {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 780px) {
  .bottommenu li {
    text-align: center;
    width: 100%;
    margin: auto;
  }
  footer .columns .column {
    min-width: 100%;
    padding-left: 0;
    padding-top: 35px;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 43px;
  }
  footer .columns .column:nth-child(3) {
    margin-right: auto;
  }
}
