/*!
Theme Name: THCmedia-company C'est la vie
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.3
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;
}

.content-entry > .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);
  }

  .content-entry > .alignleft {
    max-width: calc(50% - var(--responsive--alignleft-margin));
  }
}
figure {
  max-width: 100%;
}
figcaption {
  text-align: center;
  background-color: var(--primary_color);
  color: white;
  padding: 5px 10px;
  font-size: 0.8rem;
  font-style: italic;
}
/**
 * .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);
}

.content-entry > .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);
  }

  .content-entry > .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;
}