/*
Theme Name: LandingPage theme
Theme URI: https://example.com/my-theme
Author: My Name
Author URI: https://example.com/my-name
Description: A simple and elegant theme for WordPress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/

/*
	* Theme Name: DaLatReviewTheme
	* Description: Theme  wordpress create by team
	* Theme URI:
	* Version: 1.0
	* Author: team
	* Author URI: tay
	* Tags: theme wordpress, responsive
	* Textdomain: DaLatReviewTheme
	* Language Folder: /languages
	* font-family: 'Montserrat', sans-serif;
 	* font-family: 'Playfair Display', serif;
 */

/*! RESET STYLE */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* video{ width: 100%;height: auto; max-width: 100%; }
.wp-video{width: 100% !important;} */
body {
  width: 100%;
  
}
.form-field._checkbox_field.show_if_simple{
display: block  !important;
}
html {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  color: black;
  scroll-behavior: smooth;
}

a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none !important;
  color: #000 ;
}

a:hover {
  text-decoration: none !important;
  color: #000;
}

ul {
  margin: 0 !important;
  padding: 0;
}

button,
input {
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
button:focus{
  outline: none !important;
}
ul,
ol,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p,
span {
  margin: 0 !important;
}

/*! root */

:root {
  /* List colors background */
  --color-background-0: #000;
  --color-background-1: #212121;
  --color-background-2: #757575;
  --color-background-3: hsl(0, 0%, 95%);
  --color-background-4: #08b371;
  --color-background-5: #f09b0a;
  --color-background-6: #fff;
  --color-background-7: #0f80fe;
  --color-background-8: #00848c;
  --color-background-9: #6056d6;
  --color-background-10: #333;
  --color-background-11: #7c7a7a;
  --color-background-12: hsl(0, 0%, 96%);
  --color-background-13: #fff0e5;
  --color-background-14: #eff6fc;
  --color-background-15: #030180;
  --color-background-16: #e6e6e6;
  --color-background-17: #004085;
  --color-background-18: #fef1e5;
  --color-background-19: #2073f9;
  --color-background-20: #4d40cc;
  --color-background-21: #8a8a8a;
  --color-background-22: hsl(0, 0%, 92%);
  --color-background-23: #437dff;
  --color-background-24: #a8a8a8;
  --color-background-25: #12B7DA;
  --color-background-26: #fafafa;

  /* List color text */
  --color-text-0: #000000;
  --color-text-1: #212121;
  --color-text-2: #757575;
  --color-text-3: #f3f3f3;
  --color-text-4: #08b371;
  --color-text-5: #f09b0a;
  --color-text-6: #fff;
  --color-text-7: #0f80fe;
  --color-text-8: #00848c;
  --color-text-9: #6056d6;
  --color-text-10: #333;
  --color-text-11: #7c7a7a;
  --color-text-12: #f5f5f5;
  --color-text-13: #fff0e5;
  --color-text-14: #eff6fc;
  --color-text-15: #030180;
  --color-text-16: #e6e6e6;
  --color-text-17: #e05000;
  --color-text-18: #fef1e5;
  --color-text-19: #2073f9;
  --color-text-20: #4d40cc;
  --color-text-21: #8a8a8a;
  --color-text-22: #ebebeb;
  --color-text-23: #12B7DA;
  --color-text-24: rgb(255, 151, 53);

  /* List text size */
  --size-text-0: 6px;
  --size-text-1: 8px;
  --size-text-2: 10px;
  --size-text-3: 12px;
  --size-text-4: 14px;
  --size-text-5: 16px;
  --size-text-6: 20px;
  --size-text-7: 24px;
  --size-text-8: 26px;
  --size-text-9: 27px;
  --size-text-10: 28px;
  --size-text-11: 29px;
  --size-text-12: 18px;
  --size-text-13: 60px;
  --size-text-14: 44px;
  --size-text-15: 32px;
  --size-text-16: 50px
    /* List border radius */
    --border-radius-size-0: 6px;
  --border-radius-size-1: 8px;
  --border-radius-size-2: 12px;
  --border-radius-size-3: 14px;
  --border-radius-size-4: 16px;
  --border-radius-size-5: 20px;
  --border-radius-size-6: 999px;
  --border-radius-size-7: 2px;
  --border-radius-size-8: 3px;
}
.stars-container {
  font-size: 19px;
  position: relative;
  display: inline-block;
  color: transparent;
  }

  .stars-container:before {
  position: absolute;
  font-size: 19px;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: var(--color-background-11);
  }

  .stars-container:after {
  font-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold;
  overflow: hidden;
  }

  .stars-0:after { width: 0%; }
  .stars-1:after { width: 2%; }
  .stars-2:after { width: 4%;}
  .stars-3:after { width: 6%; }
  .stars-4:after { width: 8%; }
  .stars-5:after { width: 10%; }
  .stars-6:after { width: 12%; }
  .stars-7:after { width: 14%; }
  .stars-8:after { width: calc(8% * 2); }
  .stars-9:after { width: calc(9% * 2); }
  .stars-10:after { width: calc(10% * 2); }
  .stars-11:after { width: calc(11% * 2); }
  .stars-12:after { width: calc(12% * 2); }
  .stars-13:after { width: calc(13% * 2); }
  .stars-14:after { width: calc(14% * 2); }
  .stars-15:after { width: calc(15% * 2); }
  .stars-16:after { width: calc(16% * 2); }
  .stars-17:after { width: calc(17% * 2); }
  .stars-18:after { width: calc(18% * 2); }
  .stars-19:after { width: calc(19% * 2); }
  .stars-20:after { width: calc(20% * 2); }
  .stars-21:after { width: calc(21% * 2); }
  .stars-22:after { width: calc(22% * 2); }
  .stars-23:after { width: calc(23% * 2); }
  .stars-24:after { width: calc(24% * 2); }
  .stars-25:after { width: calc(25% * 2); }
  .stars-26:after { width: calc(26% * 2); }
  .stars-27:after { width: calc(27% * 2); }
  .stars-28:after { width: calc(28% * 2); }
  .stars-29:after { width: calc(29% * 2); }
  .stars-30:after { width: calc(30% * 2); }
  .stars-31:after { width: calc(31% * 2); }
  .stars-32:after { width: calc(32% * 2); }
  .stars-33:after { width: calc(33% * 2); }
  .stars-34:after { width: calc(34% * 2); }
  .stars-35:after { width: calc(35% * 2); }
  .stars-36:after { width: calc(36% * 2); }
  .stars-37:after { width: calc(37% * 2); }
  .stars-38:after { width: calc(38% * 2); }
  .stars-39:after { width: calc(39% * 2); }
  .stars-40:after { width: calc(40% * 2); }
  .stars-41:after { width: calc(41% * 2); }
  .stars-42:after { width: calc(42% * 2); }
  .stars-43:after { width: calc(43% * 2); }
  .stars-44:after { width: calc(44% * 2); }
  .stars-45:after { width: calc(45% * 2); }
  .stars-46:after { width: calc(46% * 2); }
  .stars-47:after { width: calc(47% * 2); }
  .stars-48:after { width:  calc(48% * 2); }
  .stars-49:after { width:  calc(49% * 2); }
  .stars-50:after { width:  100%; }