* {
  padding: 0;
  margin: 0;
}

body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }


.flex {    /*垂直水平都居中的flex*/
    display: flex;
    justify-content: center;  /*主轴对齐方式（横轴）*/
    align-items: center;      /*交叉轴对齐方式（竖轴）*/
  }
  
  .flex-c {  /*垂直水平都居中的flex*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  
  .flex-sb {       
    justify-content: space-between;      /*延主轴空白均匀分布到元素间*/
  }


  /* ======================== THEME =================== */
.theme {
  background-image: linear-gradient(to right, #FEF8EA 0%, #CDB68A 100%);
  /* background-color: #fef8ea;
  background-image: linear-gradient(0deg, #fef8ea 0%, #cdb68a 100%); */

}






/* footer */

footer {
  color: #935A29;;
}

footer a {
   color: #935A29; 
   font-weight: bold; 
   text-decoration: none; 
  }
footer a:hover { color: white; text-decoration: underline; }
.footer-contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-contact .iconfont {
  font-size: 18px;
  margin-right: 3px;
}



/* navigator */
.nav-logo {
    width: 45px;
    margin: 0 10px;
}

.navbar-dark .navbar-brand {
  color: #754821;
  transition: color 0.3s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
  text-shadow: 2px 2px #754821;
}

.my-nav-link {
  color: #935A29;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.my-nav-link:focus,
.my-nav-link:hover {
  color: #fff;
  text-shadow: 1px 1px #754821;
  
}
/*==========================================================*/

/* Header */
/* Banner */


.header .title {
    text-align: center;
}

/* End Header */


/* Font */
p {
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 20px;
}