/*
* Praise jesus Church in Austin
* Date : 01-27-2021
* Content: main css
*/

/*
@font-face {
  font-family: 'GyeonggiTitleM';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*/
/* @import url("https://f.anyline.co.kr/webfonts/fontAll.css?ver=20200304"); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');

html, body{
 /* font-family:"Nanum Gothic", Open-sans', sans-serif;*/
  font-family:'Nanum Gothic', Open-sans;
  font-size:20px;
  line-height:1.5em;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
 /* background-image: url("../images/old_paper.jpg"); */
  /*background-color: #f1ede9 ; */
  background-color: #ffffff ;
  background-repeat: repeat;
  }

img{
  width:100%;
}

.container{
  margin:auto;
}

@media(max-width:420px){
  li{
   /* word-wrap: break-word;*/
    /*word-break: break-all;*/
    word-break: normal;
    font-size:0.7rem;
   
  }
}

@media(max-width:310px){
  li{
   /* word-wrap: break-word;*/
    word-break: break-all;
    font-size:0.7rem;
    /* word-break: normal; */
   
  }
}


/* COMMON CLASSES */
a {
  text-decoration: none;
}

input::placeholder,textarea::placeholder {
  color: rgba(255, 198, 198, 0.678);
  font-size: 0.8rem;
  font-style: italic;
}




/* HEADER*/
#nav-menu-bar, #main-header{
  background-color: #bf5700 !important;
  font-weight: 600;
  font-size: 0.9em;
  color: #f8f8f8 !important;
}

.nav-link{
  font-weight: 500;
  color: #ffffff !important;
}
.navbar-toggler{
  border-width:2px;
  border-color: #df7803 !important;
}


/* .nav-link a:hover{
  color:#eb6d058f;
} */

/* FOOTER BAR */
#footer-bar{
  /* background:#EEC290;
  color:#ffffff; */
  background:#fff3d9;
  color:#727272;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 0.6em;
  line-height:1.3em;
  text-align: center !important;
  margin-top: 50px;
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
}
#footer-info{
  color:#727272;
}
/* BODY - title  page*/
/* section - catchpharse*/

/*  
#special{
  background:url('../images/revival.jpg') no-repeat center center;

  position: relative;
  background-size: cover;
  opacity:1;
  
}

#special #special-content{
  height:500px;
  opacity:1.0;
} */



/*
#catchphrase .row{
  height:480px;
}
*/

.border-round{
border: 2px solid rgb(204, 99, 0);
border-radius: 15px;
padding: 20px;
}

.border-smround{
  /* border: 1px solid rgb(228, 226, 226);  */
  border-radius: 3px;
  /* background-color:rgb(255, 207, 161); */
  padding-left: 2px;
  padding-right: 2px;
  color: rgb(255, 203, 143);
  font-size:0.6rem;
  font-weight:600;
  }

  .border-smround:hover {
    color: rgb(255, 161, 55)
  }

  #bible-reading { 
    /* float: left;  */
    clear: both; 
    width: 100%; 
    margin: auto; 
    padding: 0.4rem; 
    background: #fff3d9; 
    line-height: 0.7rem;
  }
  #reading-inner { 
    clear: both; 
    width: auto; 
    margin: auto; 
    /* padding: 10px 20px;  */
    text-align:center;
    /* background: transparent;  */
  }

  #reading-text { 
    color: #727272; 
    /* font-family: Lucerna;  */
    font-weight: 600; 
    font-size: 0.7rem; 
    margin:0;
    
  } 


#catchphrase h1{
/*font-family: GyeonggiTitleM;*/
  font-family: "Nanum Gothic";
  font-size:60px;
  font-weight: 600;
  margin:0;
  line-height: 1.3;
  color: gold;
}

#catchphrase h3{
  font-family: "Nanum Gothic";
  font-size:25px;
  font-weight: 600;
  margin-top:-20px;
  line-height: 1.8;
  color:gold;
}

#catchphrase h4{
  font-size:25px;
  font-weight: 500;
  margin:0;
  line-height: 1.2;
  color:gold;
}

#catchphrase .catchphrase-title{
  /*font-family: "Pirata One"; */
  font-family: "Didact Gothic";
  color:gold;
  /*
  text-shadow:-1px 0 rgb(255, 166, 0), 0 1px rgb(255, 166, 0), 1px 0 rgb(255, 166, 0), 0 -1px rgb(255, 166, 0);
  */
  margin-top:-20px;
  opacity:1.0;
  text-align: center;

}

@media(max-width:992px){
   #catchphrase h1{
     font-size:50px;
     line-height: 1.1;
   }
   #catchphrase h3{
    font-size:20px;
    line-height: 1.3;
  }
}

@media(max-width:470px){
   #catchphrase h1{
    font-size:40px;
     padding:0px;
     line-height: 1.1;
   }
    #catchphrase h3{
    font-size:16px;
    line-height: 1.3;
  }

 /* #catchphrase .row{
    height:400px; */
}


#sermon-thisweek{
  margin-top: 50px;
  margin-bottom: 20px;
}

#sermon-heading{
  margin-bottom: 20px;
}

#sermon-thisweek .sermon-title-week{
  color:#CC5500 ;
  font-size:30px  ;
  font-weight: 600 ;
  text-align: center;
  margin-bottom: 12px;
}

#sermon-thisweek h6 span{
  font-size:15px;
  display: table;
  text-align: center;
}

.sermon-home-caption {
  text-align:center;
  font-size: 1rem;
}


#sermon-button button{
  background-color: #bf5600ce ;
  border-width: 0px;
  margin-top: 10px;
}
/* Annoucement */
/*
#annoucement .container{
  margin-top: 50px;
  margin-bottom: 50px;
  border: 2px solid rgb(204, 99, 0);
  border-radius: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
*/

#annoucement h1{
  color:#CC5500;
  font-size:30px;
  font-weight: 600;
  margin-bottom:15px;
  line-height: 1.5;
  text-align: center;
}

#annoucement h2{
  font-size:30px;
  font-weight: 600;
  margin:0;
  line-height: 2.0;
  text-align: center;
}


#church-annoucement{
  margin-top: 20px;
  margin-bottom: 60px;
  border: 2px solid rgb(204, 99, 0);
  border-radius: 15px;
  padding: 20px;
   
  /*background-color: #ccc68d4b; */
}


/* gallery */
#gallery img{
  text-align: center;
  padding-left:32px;
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 300px ;
  max-width: 350px ;

  display: block;
  margin-left: auto;
  margin-right: auto;

 /* width:auto;
  height:auto;
  */
}

#gallery h1{
  color:#CC5500;
  font-size:30px;
  font-weight: 600;
  margin:0;
  line-height: 1.5;
  text-align: center;
}

/* MAP */
/*
.mapouter{
   position:relative;
  text-align:center;
  height:500px;
  width:600px;
  margin-left:auto;
  margin-right:auto;
}
*/

.gmap_canvas {
 /* overflow:hidden;
  background:none!important;
  height:500px;
  width:600px;*/
  text-align:center;
}

#church-map {
  margin-top:50px;
  margin-bottom:60px;
}


#church-map h1{
  color:#CC5500;
  font-size:30px;
  font-weight: 600;
  margin-top:0px;
  margin-bottom:20px;
  line-height: 1.5;
  text-align: center;
}

.map-list {
  font-size:1.1rem;
  margin-top:0.4rem;
  margin-left:0.4rem;
  text-align: left;
}




/* Sermon*/

#sermon{
  margin-top: 50px;
  margin-bottom: 80px;
}

#sermon-heading{
  margin-bottom: 20px;
}

#sermon h1{
  color:#CC5500;
  font-size:35px;
  font-weight: 600;
  margin-right:20px;
  line-height: 1;
  text-align: center;

}
revival-sermon


.pastor_img{
  align-items: center;
  max-height: 100px ;
  max-width: 150px ;
  margin: auto;

}

.sermon-weekly{
  border-top: 1px solid rgb(204, 99, 0);
  padding-top: 5px;
}

ul.sermon-link {
  list-style: none;
}

.sermon-date {
   background-color:#fbad75;
  /* color:white;*/
}
li a, li  a:hover  {
color:black;
text-decoration: none;
}

.title {
  display: inline;
}

.fa-youtube-play {
  font-size:1.3rem;
  color:red;
}

.fa-book {
  font-size:1rem;
  color:black;
}

.pagination {
  display: inline;
}

.pagination a {
  color: black;
  float: left;
  padding: 4px 12px;
  text-decoration: none;
  border: 1px solid #f5c5a3;
}

.pagination .active a {
 /* background-color: #4CAF50;
  color: white;
  */
  background-color: #f5c5a3;
  color: white;
}

.pagination a:hover:not(.active) {
  background-color: #fdf6e8;
}

/* Youtube*/

#youtube {
  margin-top: 50px;
  margin-bottom: 30px;
}

#youtube h1 {
  font-size:32px;
  color:black;
  text-align: center;
  font-weight: 600;
  color: #bf5700;
}

#selected-sermon,.revival-sermon  h2{
  font-size:20px;
  color:black;
  text-align: center;
}
#selected-sermon h2 span{
  font-size:20px;
  display: table;
  text-align: center;
}

#youtube-caption{
  margin:auto;
  text-align: center;
}

#youtube-button a{
  margin:auto;
  text-align: center;
}

#youtube-button button{
  background-color: #ffa007;
  border-width: 0px;
  margin-top: 20px;
}

/* Bulletin */

#bulletin {
  margin-top: 40px;
  margin-bottom: 30px;
}

#bulletin h1 {
  font-size:35px;
  color:black;
  text-align: center;
  font-weight: 600;
  color: #bf5700;
}

#bulletin-heading {
  margin-bottom:10px;
}

#bulletin-heading-spacing {
  margin-left:20px;
}

ul {
  list-style-type: none;
}

.bulletin-info{
  border-bottom: 1px solid rgb(204, 99, 0);
  padding-bottom: 5px;
}

.bulletin-date {
  background-color:#fbad75;
 /* color:white;*/
}

#bulletin-pdf {
  padding-left: 30px;
 /* color:white;*/
}

#bulletin-link {
  margin-top: 10px;
 /* color:white;*/
}

.fa-file-pdf-o {
  font-size:1.3rem;
  color:red;
}

.fa-newspaper-o {
  font-size:1rem;
  color:black;
}

.bulletin_img{
  align-items: center;
  max-height: 450px ;
  min-width: 150px ;
  min-height: auto ;
  max-width: 250px ;
  border-width:1px ;
  border-style:solid ;
  border-color:lightgrey ;
}

.message_img{
  align-items: center;
  max-height: 110px ;
  max-width: 150px ;
  margin: auto;
}

#message-section {
  margin-top: 20px;
}  

#message-section h1{
  color:#CC5500;
  font-size:35px;
  font-weight: 600;
  margin-right:30px;
  line-height: 1;
  text-align: center;
}


@media(max-width:992px){
  #message-section h1{
    font-size:25px;
    line-height: 1.1;
  }

 }
 
 @media(max-width:600px){
  #message-section h1{
    font-size:1rem;
    line-height: 1.1;
  }

  #revival-image{
    min-height: 100px ;
  }

  .message_img{
    max-height: 80px ;
    max-width: 100px ;
  }

 }

 #giving h1 {
  font-size:35px;
  text-align: center;
  font-weight: 600;
  color: #bf5700;
}



.error-name, .error-password, .error-message{
  color: red;
  font-size: 0.7rem;
}

.error-mark{
  color: red;
  font-size: 0.9rem;
}

.btn-outline-warning {
  font-size: 1rem;
  color:#CC5500;
}
.btn-outline-warning:hover {
  color:#CC5500;
  background-color: white;
  /* border-color: #fd9d59; */
  border: 1px solid rgb(255, 109, 11);
  color: rgb(255, 109, 11);
}