/* Base structure */
html,
body {
    width: 100%;
    height: 100% !important;
    letter-spacing: .7px;
}
body {
    font-family: Garamond, serif;
    color: #000;
    background-color: #fff;
}
body.modal-open {
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.1;
    font-family: Garamond, serif;
}

.uppercasetext {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: "open sans", Arial, sans-serif;
}

p {
  margin: 0 0 25px;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.6;
  }
}
a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #a17836;
}
a:hover,
a:focus {
  text-decoration: none;
}
.no-pad {
  padding: 0;
}
.headerline {
    border-bottom: 1px solid #a17836;
    padding-bottom: 15px;
    display: inline-block;
}
.overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
section {
  position: relative;
  z-index: 999;
  padding: 100px 0;
}
@media (max-width: 768px) {
  section {
    padding: 70px 0;
  }
}
.list-inline > li {
  padding-bottom: 10px;
}
.label {
  border-radius: 0;
}
.label-danger {
  background-color: #c00;
}
/*.label,
input,
.btn,
textarea {
  border-radius: 0!important;
}*/
.btn {
  /*border-radius: 0;*/
  font-size: 12px!important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-default {
    border: 2px solid #fff;
    outline: 0;
    color: #fff;
    background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
  border: 2px solid #eee;
  outline: 0;
  color: #000;
  background-color: #eee;
}
.btn-primary {
    border: 2px solid #a17836;
    outline: 0;
    color: #fff;
    background-color: #a17836;
    padding: 1.5rem 2.5rem;
}
    .btn-primary:hover,
    .btn-primary:focus {
        border: 2px solid #90692a;
        outline: 0;
        color: #fff;
        background-color: #90692a;
    }
.btn-white {
  border: 2px solid #fff;
  outline: 0;
  color: #000!important;
  background-color: #fff;
}

.btn.btn-circle {
    border-radius: 30px
}
.split-padding0,
.split-padding,
.split-padding2,
.split-padding3,
.split-padding4,
.split-padding5 {
  padding: 100px 60px 50px;
}
@media (max-width: 768px) {
  .split-padding0,
  .split-padding,
  .split-padding2,
  .split-padding3,
  .split-padding4,
  .split-padding5 {
    padding: 50px 20px 50px;
  }
}
.split-padding-demo {
  padding: 50px;
}
.split-padding0,
.split-padding,
.split-padding2 {
  color: #fff;
}
.split-padding3,
.split-padding4 {
  color: #111;
}
.split-padding0 {
  background-color: #151515;
}
.split-padding {
  background-color: #111;
}
.split-padding2 {
  background-color: #000;
}
.split-padding3 {
  background-color: rgba(250, 250, 250, 0.8);
}
.split-padding4 {
  background-color: rgba(0, 0, 0, 0.05);
}
a .fa-circle {
  color: #777;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover .fa-circle {
    color: #90692a;
}
/* NavBar */
.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  background-color: #000;
}
    .navbar-custom .navbar-brand {
        font-size: 24px;
        letter-spacing: -1px;
        text-transform: none;
        font-family: "Arial", sans-serif;
    }
.navbar-custom.top-nav-collapse .navbar-brand {
  font-size: 18px;
}
.navbar-custom .navbar-brand:focus {
  outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
  padding: 4px 6px;
  font-size: 16px;
  color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
  outline: 0;
}
.navbar-custom a {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
    .navbar-custom .nav li a:hover {
        outline: 0;
        color: rgba(255, 255, 255, 0.8);
        color: #90692a;
        background-color: transparent;
    }
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: 0;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: 0;
}
    .navbar-custom .nav li.active a {
        color: #00a8ff;
        color: #a17836;
    }
        .navbar-custom .nav li.active a:hover {
            color: #90692a;
        }
@media (min-width: 768px) {
  .navbar-custom {
    padding: 30px;
    border-bottom: 0;
    letter-spacing: 1px;
    background: 0 0;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 10px 30px;
    background-color: #000;
  }
  .navbar-custom.top-nav-collapse .navbar-logo img {
    max-height: 46px;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
  }
  .navbar-custom .navbar-logo {
    padding: 2px !important;
  }
  .navbar-custom .navbar-logo img {
    max-height: 92px;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
  }
}
.top-nav-collapse .container {
  width: auto;
}
.navbar-toggle {
  padding: 3px 5px 0;
  margin-bottom: 0;
}
/* Intro */
.intro {
    display: table;
    width: 100%;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    height: 100%;
    background: #000 url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.intro2 {
    background: #000 url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.intro2 #clock {
  padding: 0 0 60px;
}
.intro2 #clock span {
  border-bottom: 1px solid #fff!important;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: bottom;
  background: rgba(0, 0, 0, 0.5);
  padding: 100px 0;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.intro .intro-body .brand-heading {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 2px;
  margin: 0 0 5px;
}
.intro-body h2 {
  font-size: 32px!important;
  font-weight: 800;
}
.color {
    /*color: #00a8ff;*/
    color: #a17836;
    font-weight: bold;
}
.intro .intro-body .intro-text {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .intro {
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 50px;
  }
  .intro-body h2 {
    font-size: 40px!important;
    font-weight: 800;
  }
}
.intro .intro-body img {
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .intro .list-inline {
    text-align: right;
  }
  .intro .intro-text {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .intro2 #clock {
    padding: 0;
  }
  .intro .intro-body {
    padding: 30px 0;
  }
}
/* VIDEO BACKGROUND */
.video-controls {
  position: absolute;
  bottom: 30px;
  right: 40px;
  z-index: 1;
  opacity: .2;
  display: none;
}
.video-controls-visible {
  display: inline;
}
.video-controls .fa {
  color: #fff;
  padding: 5px;
  width: 25px;
}
/* Action */
#action {
  background-color: #000;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
#action2 {
  background-color: #151515;
  color: #fff;
}
/* About */
#about,
#about2,
#about3 {
  padding-top: 0;
  padding-bottom: 0;
  color: #333;
}
#about {
    width: 100%;
    background: url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
@media (max-width: 768px) {
  #about,
  #about2,
  #about3 {
    text-align: center;
  }
}
/* Countdown */
#clock div {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 60px;
}
#clock span {
  display: block;
  font-size: 72px;
  font-weight: 300;
  padding: 30px 0;
  border-bottom: 1px solid #333;
}
@media (max-width: 768px) {
  #clock div {
    font-size: 14px;
    margin: 0 15px;
  }
  #clock span {
    font-size: 42px;
    padding: 15px 0;
  }
}
@media (max-width: 468px) {
  #clock div {
    font-size: 11px;
    margin: 0 7px;
  }
  #clock span {
    font-size: 32px;
    padding: 5px 0;
  }
}
/* Progress Bar */
#progress {
  background-color: #151515;
  color: #fff;
}
.progress {
  margin-bottom: 40px;
  background-color: #333;
}
/* Project */
#project {
  color: #111;
  padding: 100px 0 0px;
}
#photos {
  color: #111;
  padding: 50px 0 0px;
}
.leader-photo {
  display: block;
  position: relative;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.leader-photo:hover {
  -moz-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
  cursor: pointer;
  opacity: 0.6!important;
}
@media (max-width: 768px) {
  .leader-photo {
    margin-bottom: 60px;
  }
}
.project-item .project-link {
  display: block;
  position: relative;
}
.project-item .project-link .caption {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.project-item.show-text .project-link .caption {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  color: #fff;
}
.project-item.show-text .project-link .caption .caption-content {
  color: #fff;
}
.project-item .project-link .caption:hover,
#project img:hover,
#project img:focus,
a.project-link:focus,
a.project-link:hover {
  opacity: 1!important;
  left: 0;
}
.project-item .project-link:hover {
  -moz-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.project-item .project-link .caption .caption-content,
.caption-content {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
  padding: 30px;
  text-align: left;
}
.project-item .project-link .caption .caption-content .icon {
  display: block;
  font-size: 36px;
  line-height: 46px;
  opacity: 0.5;
}
.project-item {
  overflow: hidden;
}
.block-item {
  overflow: hidden;
  padding: 0px;
}
.block-item .block-content {
  display: block;
  position: relative;
}
.block-item .block-content .block-text {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.block-item .block-content .block-text .caption-content {
  color: #fff;
  padding-bottom: 0px;
}
.block-item .block-content .block-text .caption-content p {
  font-family: "open sans", Arial, sans-serif;
  color: #fff;
  font-weight: normal;
  text-transform: none;
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 1.5;
}
.project-modal {
  padding: 0!important;
}
.project-modal .modal-content {
  padding: 80px 0;
  min-height: 100%;
  min-width: 102%;
  border: 0;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.project-modal .modal-content h2 {
  margin: 0;
  font-size: 26px;
}
.project-modal .modal-content img,
.project-modal .embed-responsive {
  margin-bottom: 30px;
  width: 100%;
}
.project-modal .close-modal {
  position: absolute;
  top: 0;
  left: 50%;
  cursor: pointer;
  opacity: 0.4;
  font-size: 46px;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
}
.project-modal .backgrid {
  left: 40px;
}
.project-modal button {
  margin-top: 20px;
  border: 2px solid #000;
  color: #000;
}
.project-modal .close-modal:hover {
  opacity: .3;
}
.project-modal .modal-backdrop {
  display: none;
  opacity: 0;
}
.modal-content h2 {
  font-weight: 300;
}
@media (max-width: 768px) {
  .project-item .project-link .caption {
    opacity: 0.7;
  }
  .project-item .project-link:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* Sponsors */
#sponsor {
  background: #151515;
}
.sponsor img {
  max-width: 132px;
  height: 50px;
  margin: 50px auto;
  display: block;
}
/* Team */
#team h2 {
  margin-bottom: 55px;
}
.team {
  background-color: #eee;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.team p {
  margin: 0;
}
.team .list-inline {
  padding-top: 25px;
}
/* Mission */
#mission {
  width: 100%;
  color: #fff;
  background-color: #151515;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
#mission .fa {
  display: block;
  padding: 30px 0;
}
/* Subscribe form */
.subscribe-form .form-control {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  margin-right: 15px;
}
.help-block li {
  list-style: none;
  color: #990000;
}
.help-block ul {
  padding: 0;
  margin: 0;
}
/* Contact */
#contact2 {
    width: 100%;
    color: #fff;
    background: url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/conferencia-expositores-crowd-outside-bw.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#fullwidthbanner {
    width: 100%;
    color: #fff;
    background: url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman-bw-overlay.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
/*#distinctivos {
    width: 100%;
    color: #fff;
    background: url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman-bw-overlay.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}*/
#map {
    width: 100%;
    height: 300px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.accommodations {
    color: #fff;
    background: #000 url(http://s3.amazonaws.com/static.gracechurch.org/images/lg/expositores-worship-center-grauman.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized, .splide.is-rendered {
        visibility: visible
    }

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    /* overflow: hidden; */
    position: relative;
    z-index: 0
}

.spldcontainer {
    z-index: 5;
    max-width: 2000px;
    padding-right: 6rem;
    padding-left: 2rem;
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    /* z-index: 5; */
    /* max-width: var(--max-width-grid); */
    /* padding-right: 6em; */
    /* padding-left: var(--_responsive---main-margins-side); */
    /*   flex-flow: column;
  width: 100%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: flex; */
    /* position: relative; */
}

.splide__list {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

.splide__track {
    z-index: 0;
    flex-flow: row;
    /* margin-left: 8.33333%; */
    margin-right: -.5rem;
    position: relative;
}

.grid-item {
    height: 100%;
    position: relative;
}

.splide__slide {
    flex: none;
    /*     padding-left: .5rem;
    padding-right: .5rem; */
}

.section.is--splide {
    overflow: hidden;
}

.section {
    padding-top: 7em;
    padding-bottom: 7em;
}

.grid-item__album-image {
    object-fit: cover;
    object-position: center;
}

.listing-item__heading {
    padding-top: 15px;
    margin-bottom: 10px;
}

.client, .scroll-top, .team-item {
    text-align: center
}

.blog-magazine .post {
    margin: 0 0 30px
}

.blog-magazine .col-lg-6 .post-background {
    padding-top: 80%
}

.post-background {
    position: relative;
    border-radius: 3px;
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 40%
}

    .post-background:before {
        border-radius: 3px;
        position: absolute;
        content: '';
        width: 100%;
        height: 80%;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,#252525));
        background: -webkit-linear-gradient(top,transparent 0,#252525 100%);
        background: linear-gradient(to bottom,transparent 0,#252525 100%);
        bottom: 0;
        left: 0;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: .85;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

    .post-background .post-background-link {
        position: absolute;
        z-index: 3;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0
    }

    .post-background .post-header {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 40px 30px;
        margin: 0;
        z-index: 2
    }

        .post-background .post-header .post-title {
            font-size: 28px;
            margin: 0 0 10px
        }

            .post-background .post-header .post-title a {
                color: #fff
            }

/* .post-background:hover:before {
    opacity: .6
} */

@media (max-width: 992px) {
    .blog-magazine .col-lg-12 .post-background, .blog-magazine .col-lg-6 .post-background {
        padding-top: 80%
    }
}

.post-meta {
    padding: 0;
    margin: 0;
    font-size: 12px
}

    .post-meta > li {
        position: relative;
        display: inline-block;
        padding: 0 14px 0 0;
        margin: 0 14px 0 0
    }

        .post-meta > li:not(:last-child):after {
            position: absolute;
            content: '|';
            right: -5px;
            top: 0
        }

        .post-meta > li:last-child {
            padding-right: 0;
            margin-right: 0
        }

.blog-grid .post-meta, .blog-masonry .post-meta, .timeline .post-meta {
    font-size: 11px
}

.post-meta a:focus, .post-meta a:hover {
    color: #4a90e2
}

.bottom {
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    justify-content: flex-end; /* Aligns content at the end (bottom) */
}

@media (min-width: 1000px) {
    .matchheight {
        display: flex; /* Switch to flex (row by default) on wider screens */
    }
}

h2, .h2 {
    font-size: 45px;
}

h1, .h1 {
    font-size: 50px;
}

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{
    padding-right: 20px;
    padding-left: 20px;
}*/

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out; /* Smooth transition */
}

.content-title:hover .dropdown-content {
    max-height: 200px; /* Needs to be a value large enough to fit all content */
}

.arrow {
    border: solid #a17836;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 3px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.slider-container {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    margin-bottom: 100px;
}
.arrowslide {
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white;
    font-size: 2rem;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}

.sliderimg {
    margin-left: 60px;
}

.textslide {
    margin-left: 60px;
   /* margin-top: 30px;*/
    max-width: 100%;
    padding: 15px;
}

@media (min-width: 1200px) {
    .slider-container {
        height: 550px;
    }

    .arrowslide {
        top: 50%;
    }
    .textslide {
        max-width: 570px;
        min-height: 350px;
 
        /*margin-left: 60px;*/
    }
}



@media (max-width: 1200px) {
    .slider-container {
        height: 430px;
    }
    .textslide {
        margin-left: 0;

    }
    .arrowslide {
        top: 35%;
    }
}
@media (max-width: 991px) {
    .slider-container {
        height: 800px;
    }

    .sliderimg {
        max-height: 450px;
        margin: 0px;
    }
}
@media (max-width: 450px) {
    .slider-container {
        height: 820px;
        margin-bottom: 0px;
    }
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

    .slide.active {
        opacity: 1;
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right top;
    }

.text-overlay {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
    /*       text-align: center; */
}



.prev {
    left: 10px;
}

.next {
    right: 10px;
}

/*accordion view*/

.gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70vh;
}


.acc {
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.5s ease;
    margin: 15px;
}

    .acc:hover {
        flex: 2;
    }

.acc-1 {
    background-image: url('/Content/images/ce-25-animo-para-cada-iglesia.jpg');
}

.acc-2 {
    background-image: url('/Content/images/ce-25-dejanos-servirte.jpg');
}

.acc-3 {
    background-image: url('/Content/images/ce-2024-expositores-shop.jpg');
}

.acc-txt {
    padding: 30px;
    z-index: 2;
}

.acc-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.05s ease-out; /* Smooth transition */
    max-width: 420px;
}

.acc:hover .acc-desc {
    max-height: 200px;
    transition: max-height 0.05s ease-in;
}

@media (max-width: 991px) {
    .gallery-wrap {
        flex-direction: column;
        height: 100vh;
    }

    .acc-desc {
        max-height: 200px;
    }

}