/*
Theme Name: Tonkin1936
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
  background: none !important;  
}
body {
  height: 100vh;
}

#wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Thiết lập full width cho Absolute Footer */
.absolute-footer {
  background: none !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #72899d !important;
}
.absolute-footer a:hover {
  color: #e5c072 !important;
}

/* Điều chỉnh padding và margin nếu cần */
.absolute-footer .container { 
  max-width: 100% !important; 
}

.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
  border: 1px solid;
  font-weight: normal !important;
}

.posts-slider-wrapper .col {
  padding-bottom: 0;
}

.footer-secondary form {
  margin-top: .5rem;
  margin-bottom: 0 !important;
}
.footer-secondary form input:not([type=submit]) {
  border-color: #72899d !important;
  color: #72899d !important;
}
.footer-secondary form input::placeholder {
  color: #72899d !important;
}

@media only screen and (min-width: 850px) {
  .absolute-footer .container {    
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .footer-primary {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .footer-secondary {
    display: flex;
    flex: 0 0 500px;
  }
}

@media only screen and (max-width: 849px) {
  

}