/*

TemplateMo 548 Training Studio

https://templatemo.com/tm-548-training-studio

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #7a7a7a;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #edb83b;
  color: #fff;
}

::-moz-selection {
  background: #edb83b;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.section {
margin-bottom: 20px;
}

.section-heading {
  text-align: center;
  margin-top: 140px;
  margin-bottom: 80px;
}

.section-heading h2 {
  font-size: 28px;
  font-weight: 800;
  color: #232d39;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-heading h2 em {
  font-style: normal;
  color: #edb83b;
}

.section-heading img {
  margin: 20px auto;
}

.dark-bg h2 {
  color: #fff;
}

.dark-bg p {
  color: #fff;
}

.main-button a {
  display: inline-block;
  font-size: 15px;
  padding: 12px 20px;
  background-color: #edb83b;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button a:hover {
  background-color: #f9bf5b;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background: rgba(250,250,250,0.99) !important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #232d39!important;
}

.background-header .main-nav .nav li:last-child a {
  color: #fff !important;
}

.background-header .main-nav .nav li:last-child a:hover {
  color: #fff!important;
}

.background-header .main-nav .nav li:hover a {
  color: #edb83b!important;
}

.background-header .nav li:last-child a.active[href="#contact-us"] {
  color: #fff !important;
}

.background-header .nav li a.active {
  color: #edb83b!important;
}

.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 80px;
  background: rgba(250,250,250,1);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 80px;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo img {
  height: 50px;
}

@media (max-width: 375px) {
  .header-area .main-nav .logo img {
    height: 30px!important;
  }
}

.header-area .main-nav .logo img {
  height: 50px;
}

.header-area .main-nav .logo em {
  font-style: normal;
  color: #edb83b;
  font-weight: 900;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 27px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #7a7a7a;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li a {
  /*color: #fff;*/
}

.header-area .main-nav .nav li:last-child a {
  display: inline-block;
  font-size: 13px;
  padding: 11px 17px;
  background-color: #edb83b;
  color: #fff;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
  transition: all .3s;
  height: auto;
  line-height: 20px;
}

.header-area .main-nav .nav li:last-child a:hover {
  opacity: 1;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #edb83b!important;
  opacity: 1;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #edb83b!important;
  opacity: 1;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area.header-sticky .nav {
  margin-top: 20px !important;
}

.header-area.header-sticky .nav li a.active {
  color: #edb83b;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 769px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #edb83b!important;
    opacity: 1;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li:last-child {
    width: 100%;
    background-color: #edb83b;
    color: #fff;
  }
  .header-area .main-nav .nav li:last-child a {
    background-color: #edb83b!important;
  }
  .header-area .main-nav .nav li:last-child a:hover,
  .header-area .main-nav .nav li:last-child:hover a {
    background-color: #edb83b!important;
    color: #fff!important;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #232d39 !important;
  }
  .header-area .main-nav .nav li:last-child a {
    color: #fff!important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #edb83b!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 1024px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
}

#bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
    background-color: rgba(35,45,57,0.8);
    top: 0;
    left: 0;
    bottom: 7px;
    width: 100%;
}

.main-banner .caption {
  text-align: center;
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.5px;
}

.main-banner .caption h2 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 64px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #edb83b;
  font-weight: 900;
}


/*
---------------------------------------------
features
---------------------------------------------
*/

#features {
  margin-bottom: 80px;
}

.feature-item {
  
  display: flex;
  align-items: flex-start;
  height: 200px;
}

.feature-item .left-icon img {
  float: left;
  margin-right: 30px;
}

.feature-item .right-content {
  display: inline;
  flex: 1;
}

.feature-item .right-content h4 {
  margin-top: 0px;
  margin-bottom:  7px;
  letter-spacing: 0.25px;
  color: #232d39;
  font-size: 19px;
  font-weight: 600;
  text-transform: capitalize;
}

.feature-item .right-content a.text-button {
  margin-top: 7px;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #edb83b;
  font-weight: 500;
}

/*
---------------------------------------------
subscribe
---------------------------------------------
*/

#call-to-action {
  padding: 120px 0px;
  background-image: url(../images/bg-biblia.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.cta-content h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.cta-content h2 em {
  font-style: normal;
  color: #edb83b;
}

.cta-content p {
  font-size: 16px;
  color: #fff;
  margin: 15px 0px 25px 0px;
}



/*
--------------------------------------------
Our Classes
--------------------------------------------
*/

#our-classes {
  margin-bottom: 140px;
}

#tabs ul {
  margin: 0;
  padding: 0;
}
#tabs ul li {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
  position: relative;
}

#tabs ul li:last-child {
  margin-bottom: 0px;
}
#tabs ul li a {
  text-transform: capitalize;
  width: 100%;
  padding: 30px 30px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  border-radius: 5px;
  font-size: 19px;
  color: #232d39;
  letter-spacing: 0.5px;
  font-weight: 600;
  transition: all 0.3s;
}

#tabs ul li a > i {
  margin-right: 10px;
}

#tabs .main-rounded-button a {
  text-align: center;
  padding: 20px 30px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  color: #fff;
  font-size: 19px;
  letter-spacing: 0.5px;
  font-weight: 600;
  background-color: #edb83b;
}
#tabs .main-rounded-button a:hover {
  background-color: #f9735b;
}
#tabs ul li a img {
  max-width: 100%;
  margin-right: 20px;
}
#tabs ul .ui-tabs-active span {
  background: #faf5b2;
  border: #faf5b2;
  line-height: 90px;
  border-bottom: none;
}
#tabs ul .ui-tabs-active a {
  color: #edb83b;
}
#tabs ul .ui-tabs-active span {
  color: #1e1e1e;
}



#tabs ul li > article {
  position: absolute;
  top: 0;
  left: 100%;
  width: 650px;
  margin-left: 20px;
  background: #fff;
  z-index: 10;
  padding: 0 20px;
}

/* media tablet and mobile */
@media (max-width: 991.98px) {
  #tabs ul li > article {
    width: 100%;
    position: relative;
    margin-left: 0 !important;
    margin-top: 20px;
    left: auto;
    top: auto;
  }

  #tabs ul li > article h4 {
    display: none;
  }
}
#tabs ul li:last-child > article {
  bottom: 0;
  top: auto;
}

/* Estilos para os artigos */

#tabs ul li > article img {
max-width: 100%;
height: auto;
}

#tabs ul li > article h4 {
color: #f9b300;
font-size: 1.6rem;
margin-top: 20px;
}

#tabs ul li > article p {
font-size: 1rem;
line-height: 1.6;
text-align: justify;
}

#tabs ul li > article {
  margin-left: 30px;
  text-align: left;
  display: inline-block;
  transition: all 0.3s;
}
#tabs ul li > article img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
#tabs ul li > article h4 {
  font-size: 23px;
  font-weight: 700;
  color: #232d39;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  margin-top: 0;
}
#tabs ul li > article p {
  font-size: 14px;
  color: #7a7a7a;
  margin-bottom: 28px;
}


/* 
---------------------------------------------
schedule
--------------------------------------------- 
*/

#schedule {
  padding: 0px 0px 140px 0px;
  background-image: url(../images/bg-people.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#schedule table {
  width: 100%;
  text-align: center;
  border: 1px solid #fff;
}

#schedule table tbody {
  border-top: 1px solid #fff; 
}

#schedule table tbody tr {
  border-bottom: 1px solid #fff;
}

#schedule table tbody tr td {
  border-right: 1px solid #fff;
  height: 100px;
}

#schedule table tr td {
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.25px;
}

.schedule-table.filtering .ts-item {
    opacity: 0;
    transition: all 0.5s;
}

.schedule-table.filtering .ts-item.show {
    opacity: 1;
    transition: all 0.5s;
}

#schedule .filters {
  margin-bottom: 40px;
}
#schedule .filters ul {
  padding: 0;
  text-align: center;
}
#schedule .filters ul li {
  list-style: none;
  display: inline;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#schedule .filters ul li:after {
  content: "/";
  margin-left: 10px;
  color: #fff;
}
#schedule .filters ul li:last-child {
  margin-right: 0px;
}
#schedule .filters ul li:last-child::after {
  display: none;
}
#schedule .filters ul li.active,
#schedule .filters ul li:hover {
  color: #edb83b;
}
#schedule .filters-content {
  margin-top: 50px;
}
#schedule .filters-content .show {
  opacity: 1;
  visibility: visible;
  transition: all 350ms;
}
#schedule .filters-content .hide {
  opacity: 0;
  visibility: hidden;
  transition: all 350ms;
}


/* 
---------------------------------------------
pastors
--------------------------------------------- 
*/

#pastors .trainer-item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  padding: 40px;
}

#pastors .trainer-item img {
  width: 100%;
  border-radius: 5px;
}

#pastors .trainer-item span {
  font-size: 13px;
  font-weight: 500;
  color: #edb83b;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 10px;
}

#pastors .trainer-item h4 {
  font-size: 19px;
  font-weight: 600;
  color: #232d39;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}

#pastors .trainer-item p {
  margin-bottom: 20px;
}

#pastors .trainer-item ul.social-icons li {
  display: inline-block;
  margin-right: 12px;
}

#pastors .trainer-item ul.social-icons li:last-child {
  margin-right: 0px;
}

#pastors .trainer-item ul.social-icons li a {
  color: #232d39;
  transition: all .3s;
}

#pastors .trainer-item ul.social-icons li a:hover {
  color: #edb83b;
}


/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

#contact-us {
  margin-top: 140px;
}

#contact-us .container-fluid .col-lg-6 {
  padding: 0px;
}

#contact-us .contact-form {
  padding: 80px;
  background: #333;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact-us .contact-form #contact {
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
}

.contact-form input,
.contact-form textarea {
  color: #7a7a7a;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 100%;
  height: 40px;
  outline: none;
  line-height: 40px;
  padding: 0px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
}

.contact-form textarea {
  height: 150px;
  resize: none;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
  color: #7a7a7a;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a7a7a;
}

.contact-form ::placeholder {
  color: #7a7a7a;
}

.contact-form button {
  display: inline-block;
  font-size: 13px;
  padding: 11px 17px;
  background-color: #edb83b;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
  margin-top: -8px;
}

.contact-form button:hover {
  background-color: #f9735b;
}




/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
footer {
  text-align: center;
  padding: 30px 0px;
}

footer p {
  color: #232d39;
  font-size: 13px;
}

footer p a {
  cursor: pointer;
  color: #edb83b;
}

footer p a:hover {
  color: #edb83b;
}



/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/

.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #232d39;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #232d39;
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #fff;
    border-radius: 50%;
}


/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


@media (max-width: 992px) {

  .main-banner .caption h2 {
    font-size: 55px!important;
  }
  .feature-item p {
    font-size: 13px!important;
  }
  .left-icon {
    width: 60px!important;
    height: 60px!important;
  }
  
  #call-to-action {
    padding: 80px 0px;
  }
  #features {
    margin-bottom: 110px;
  }
  #features .feature-item {
    margin-bottom: 30px;
  }
  #our-classes .tabs-content {
    margin-left: 0px;
    margin-top: 30px;
  }
  .trainer-item {
    margin-bottom: 30px;
  }
  #contact-us #map {
    margin-bottom: -7px;
  }
  #contact-us .contact-form {
    padding: 30px;
  }
  #contact-us .contact-form #contact {
    padding: 30px;
  }

}

@media (max-width: 450px) {
  .feature-item p {
    font-size: 12px!important;
    line-height: 22px!important;
    text-align: left!important;
  }
  .main-banner .caption h2 {
    font-size: 40px!important;
  }
  .feature-item .right-content a.text-button {
    margin-left: 130px;
  }
  #pastors .trainer-item {
    padding: 20px;
  }
}

/* Estilo para o ícone dentro do retângulo amarelo */

.left-icon {
  width: 80px;
  height: 80px;
  background-color: #f3ae2d;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.left-icon i {
  font-size: 30px; /* Tamanho do ícone */
  color: white; /* Cor do ícone */
}


/* Alinhamento entre o ícone e o texto */
.feature-item .left-icon {
  margin-right: 15px; /* Espaço entre o ícone e o conteúdo */
}

/* Estilo do título (h4) dentro do feature-item */
.feature-item h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333333; /* Cor do texto do título */
  margin-bottom: 5px; /* Espaço entre o título e a descrição */
}

/* Estilo para a descrição (p) dentro do feature-item */
.feature-item p {
  font-size: 14px;
  color: #666666; /* Cor mais suave para o texto */
  margin: 0; /* Remove margens extras */
  text-align: justify;
}

/* Estilo para o botão de "descubra mais" */
.feature-item .text-button {
  margin-top: 10px; /* Espaço entre a descrição e o botão */
  color: #f3ae2d; /* Cor do botão */
  text-decoration: none; /* Remove sublinhado */
  font-weight: bold;
}


/* Estilo para o container da lista de agenda */
.schedule-list ul {
  list-style-type: none; /* Remove os pontos antes de cada item da lista */
  padding: 0;
  margin: 0;
}

.schedule-list li {
  background-color: #f8f8f8; /* Cor de fundo para cada item */
  border-radius: 5px; /* Borda arredondada */
  padding: 10px 20px; /* Espaçamento interno */
  margin-bottom: 15px; /* Espaço entre os itens */
  font-size: 13px; /* Tamanho da fonte */
  color: #333; /* Cor do texto */
  display: flex;
  justify-content: space-between; /* Alinha os textos à esquerda e direita */
  align-items: center;
  transition: background-color 0.3s ease; /* Transição para mudar a cor de fundo */
}

/* Efeito hover para cada item da agenda */
.schedule-list li:hover {
  background-color: #f3ae2d; /* Muda o fundo para amarelo ao passar o mouse */
  color: white; /* Muda a cor do texto para branco */
}

/* Estilo para o título (h2) da seção */
.schedule-list h2 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
}

/* Estilo para o subtítulo da seção */
.schedule-list p {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}
#verseCarousel .carousel-item {
  font-size: 1.5rem;
  font-style: italic;
  color: #333;
  padding: 50px 0;
}

#verseCarousel .blockquote {
  font-size: 1.25rem;
  color: #fff;
  text-align: center; /* Garante que o texto fique centralizado */
}

#verseCarousel p {
  font-size: 1.25rem;
  color: #fff;
  text-align: center; /* Garante que o texto fique centralizado */
}

.contact-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.contact-info {
  padding: 20px;
}

.contact-list {
  list-style-type: none;
  padding: 0;
}

.contact-list li {
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.contact-list i {
  margin-right: 10px;
  color: #4CAF50; /* Cor dos ícones */
}

.contact-links a {
  color: #007bff;
  text-decoration: none;
}

.social-links {
  margin-top: 20px;
  text-align: center;
}

.social-icon {
  font-size: 24px;
  color: #333;
  margin: 0 10px;
  transition: color 0.3s;
}

.social-icon:hover {
  color: #f9b300;
}
.social-media-links {
  margin-top: -30px;
  position: absolute;
  width: 100%;
  z-index: 90;
  text-align: center;
}

.social-media-links .social-icon {
  font-size: 30px;
  background-color: #fff;
  transition: color 0.3s;
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  line-height: 50px;
  margin: 0 5px;
  text-align: center;
}


.social-media-links .social-icon i {
  margin-right: 0;
}


/**
 * ---------------------------------------------
 * Responsive
 * ---------------------------------------------
*/
/* CSS Clean para Bootstrap 4 */

/* Modal */
.modal-content {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

.modal-header {
  border-bottom: 1px solid #ddd;
  padding: 15px;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  background-color: #f9f9f9;
}

.modal-title {
  margin: 0;
}

.modal-body {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
  padding: 20px;
}

.modal-footer {
  border-top: 1px solid #ddd;
  padding: 15px;
  text-align: right;
  background-color: #f9f9f9;
}

/* Botões */
.modal-footer .btn {
  background-color: #f9b300;
  color: #fff;
  font-size: 0.85rem;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.modal-footer .btn:hover {
  background-color: #d99600;
}

/* Accordion */
.card {
  border: none;
  background-color: transparent;
  margin-bottom: 10px;
}

.card-header {
  padding: 10px 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}

.card-header button {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  text-align: left;
  background: none;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.card-header button:hover {
  color: #f9b300;
}

.card-body {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  font-size: 0.85rem;
  color: #555;
  line-height: 1.5;
}

/* Listas */
.card-body ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
}

.card-body ul li {
  margin-bottom: 8px;
}

/* Responsividade */
@media (max-width: 768px) {
  .modal-header,
  .modal-footer {
      padding: 10px;
  }
  .modal-body {
      font-size: 0.85rem;
  }
}

/* Estilo para o menu de navegação */
ul.list-unstyled li {
    margin-bottom: 10px;
}

ul.list-unstyled a {
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
}

ul.list-unstyled i {
    color: #f9b300;
    margin-right: 8px;
    font-size: 1rem;
}

ul.list-unstyled a:hover {
    text-decoration: underline;
    color: #f9b300;
}

/* Adicionando rolagem suave */
html {
    scroll-behavior: smooth;
}


.main-button a {
    background-color: #f9b300;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.main-button a:hover {
    background-color: #e69d00;
}


ul.list-unstyled li {
  margin-bottom: 10px;
}

ul.list-unstyled a {
  color: #333;
  text-decoration: none;
  font-size: 0.9rem;
  position: relative;
}

ul.list-unstyled i {
  color: #f9b300;
  margin-right: 8px;
  font-size: 1rem;
}

ul.list-unstyled a:hover {
  text-decoration: underline;
  color: #f9b300;
}

/* Estilização personalizada para btn-primary */
.btn-primary {
  background-color: #edb83b !important; /* Define a cor de fundo */
  border-color: #edb83b !important; /* Define a cor da borda */
}

/* Alteração da cor de fundo ao passar o mouse */
.btn-primary:hover {
  background-color: #d9a534 !important; /* Cor levemente mais escura para o hover */
  border-color: #d9a534 !important; /* Combina com a borda do hover */
}

/* Alteração da cor de fundo ao clicar */
.btn-primary:active, .btn-primary.active {
  background-color: #c3942f !important; /* Cor mais escura para clique */
  border-color: #c3942f !important;
}

/* Alteração para o foco */
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(237, 184, 59, 0.5) !important;
}