/*!
Theme Name: THCmedia-company
Theme URI: https://thcmedia.vn
Author: Nguyễn Quốc Tuyên
Author URI: https://thcmedia.vn
Description: Tự hào giới thiệu Theme WordPress độc đáo của chúng tôi - một sản phẩm được xây dựng với mã nguồn chuyên nghiệp và sự tập trung vào hiệu suất. Sử dụng core WordPress mạnh mẽ, theme không sử dụng builder layout, giúp tối ưu hóa tốc độ tải trang web. Với giao diện tùy chỉnh và tối ưu SEO, bạn có thể dễ dàng tùy biến trang web theo mong muốn mà không gặp khó khăn.
Version: 1.0.2
Tested up to: 5.6
Requires PHP: 5.6
Text Domain: thcmedia-company
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/*:root {*/
/*	--primary-color: #000000;*/
/*	--secondary-color: #C7A11A*/
/*}*/
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
  min-height: 100vh;
}
img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
/**
 * .alignleft
 */
.alignleft {
  /*rtl:ignore*/
  text-align: left;
  margin-top: 0;
}

.entry-content > .alignleft {
  max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {
  .alignleft {
    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-vertical);
  }

  .entry-content > .alignleft {
    max-width: calc(50% - var(--responsive--alignleft-margin));
  }
}

/**
 * .aligncenter
 */
.aligncenter {
  clear: both;
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/**
 * .alignright
 */
.alignright {
  margin-top: 0;
  margin-bottom: var(--global--spacing-vertical);
}

.entry-content > .alignright {
  max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {
  .alignright {
    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: var(--global--spacing-horizontal);
  }

  .entry-content > .alignright {
    max-width: calc(50% - var(--responsive--alignright-margin));
  }
}

[class*="inner-container"] > .alignleft + *,
[class*="inner-container"] > .alignright + * {
  margin-top: 0;
}

/**
 * .alignwide
 */
.alignwide {
  clear: both;
}

/**
 * .alignfull
 */
.alignfull {
  clear: both;
}

.has-left-content {
  justify-content: flex-start;
}

.has-right-content {
  justify-content: flex-end;
}

.has-parallax {
  background-attachment: fixed;
}

.has-drop-cap:not(:focus)::first-letter {
  font-family: var(--heading--font-family);
  font-weight: var(--heading--font-weight);
  line-height: 0.66;
  text-transform: uppercase;
  font-style: normal;
  float: left;
  margin: 0.1em 0.1em 0 0;
  font-size: calc(1.2 * var(--heading--font-size-h1));
}

.has-drop-cap:not(:focus)::after {
  content: "";
  display: table;
  clear: both;
  padding-top: 14px;
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 482px) {
  .desktop-only {
    display: block;
  }
}
img.alignnone {
  float: none;
  margin: 5px 0 5px 0;
}

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0px;
}

img.aligncenter {
  display: block;
  float: none;
  margin: 5px auto;
}

img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}
.product-card-wrapper .product-card .price {
  font-weight: bold;
  font-size: 1rem !important;
  line-height: 127%;
  color: var(--third_color) !important;
}
.thumbnail-wrapper img {
  width: 100%;
}
.selection .list .img-wrap img {
  width: 100%;
}
.content-entry iframe {
  width: 500px;
  height: 281px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
/* Form home page */
.Cmodal-cf-homepage {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
#myModal-cf-homepage .modal-content-cf_homepage {
  background-image: url(images/popup_homepage.png);
  background-repeat: no-repeat;
  width: 607px;
  height: 623px;
  background-size: 100%;
  position: relative;
  margin: auto;
}
#myModal-cf-homepage #contact_form_single_product {
  position: absolute;
  bottom: 63px;
  left: 26%;
  width: 58%;
  display: block;
  color: #0f1831;
}
.title_ph_1 {
  color: #0f1831;
  text-align: center;
  font-style: italic;
}
.title_ph_2 {
  text-align: center;
  font-size: 19px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 9px 0px !important;
}
p.title_ph_3 {
  font-style: italic;
  font-size: 12px;
  text-align: center;
  margin: 0px !important;
}
#myModal-cf-homepage #contact_form_single_product p {
  margin: 0px;
}
#myModal-cf-homepage .modal-content-cf_homepage input {
  clear: both;
  float: left;
  border: none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2%;
  background: none;
  height: 32px;
  min-height: 32px;
  font-size: 11px;
  border: 1px solid #c0c0c0;
}
#myModal-cf-homepage .modal-content-cf_homepage input[type="tel"] {
  margin-top: 11px;
}
#myModal-cf-homepage .wpcf7-form-control.wpcf7-submit {
  border: none;
  height: 27px;
  background: #b61f38;
  width: 148px;
  background-size: 100%;
  color: #fff;
  background-repeat: no-repeat;
  border-radius: 5px;
  font-size: 13px;
  line-height: 24px;
  margin: 0 auto;
  display: block;
  float: none;
  margin-top: 27px;
}
#myModal-cf-homepage .wpcf7-response-output,
#myModal-cf-homepage .cf7-custom-response-output {
  text-align: left;
  position: absolute;
  background: white;
  border: 1px solid #182951;
  bottom: 12px;
  left: 21%;
}
#myModal-cf-homepage span.close-cf-homepage {
  position: absolute;
  right: 5px;
  font-size: 28px;
  top: 5px;
  cursor: pointer;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450 !important;
  color: #009b00;
}
.image_and_content .img-wrap {
  max-height: 750px;
}
.image_and_content .img-wrap img {
  width: 100%;
}
.capacity_content .img-wrap {
  max-height: 180px;
}
.form_booking .img-wrap {
  max-height: 300px;
}
.form_booking .img-wrap img {
  width: 100%;
}