/**
Theme Name: The Global Technology
Author: a.tihanin
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

@font-face {
  font-family: "Montserrat";
  src: url("/wp-content/themes/theGlobalTechnology/assets/fonts/Montserrat/Montserrat-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/wp-content/themes/theGlobalTechnology/assets/fonts/Montserrat/Montserrat-Bold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Kosko";
  src: url("/wp-content/themes/theGlobalTechnology/assets/fonts/Kosko/KoskoRegular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kosko";
  src: url("/wp-content/themes/theGlobalTechnology/assets/fonts/Kosko/KoskoBold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Wadik';
  src: url('/wp-content/themes/theGlobalTechnology/assets/fonts/Wadik/Wadik.otf') format('truetype');
  font-style: normal;
  font-weight: 700;
}

:root {
  font-size: 18px;
  --gt-color-1: #e1e7ff; /* Синяя Элис */
  --gt-color-2: #ffc4a0; /* Бледный желто-розовый */
  --gt-color-3: #fff5bf; /* Лимонно-кремовый */
  --gt-color-4: #cbf58a; /* Фисташковый */
  --gt-color-5: #ecffc4; /* Кремово-желтый */
  --gt-color-6: #feb3b0; /* Дыня Крайола */
  --gt-color-7: #d2f4ff; /* Светлый циан */
  --gt-color-8: #ffd2df; /* Пастельно-розовый */
  --gt-color-9: #b3c1fe; /* Барвинок */
  --gt-light-pastel-yellow: #FFF1AC;
  --gt-pastel-pink: #FFCAE9;
  --gt-light-mint-green: #7CFFAE;
  --gt-pastel-pink: #FFA6A7;
  --gt-radius-1: 15px;
}

.has-blue-alice-background-color {
  background-color: var(--gt-color-1) !important;
}
.has-pale-yellow-pink-background-color {
  background-color: var(--gt-color-2) !important;
}
.has-lemon-cream-background-color {
  background-color: var(--gt-color-3) !important;
}
.has-pistachio-background-color {
  background-color: var(--gt-color-4) !important;
}
.has-creamy-yellow-background-color {
  background-color: var(--gt-color-5) !important;
}
.has-melon-crayola-background-color {
  background-color: var(--gt-color-6) !important;
}
.has-light-cyan-background-color {
  background-color: var(--gt-color-7) !important;
}
.has-pastel-pink-background-color {
  background-color: var(--gt-color-8) !important;
}
.has-periwinkle-background-color {
  background-color: var(--gt-color-9) !important;
}

body {
  margin: 0;
  font-family: Montserrat;
}
.kosko-font {
  font-family: Kosko;
}
.gt-article-v2 {
  font-family: "Nunito Sans", sans-serif;
  max-width: 930px;
}
.gt-article-v2 h1 {
  font-family: Montserrat;
}
h1 {
  font-size: 36px;
  margin-top: 60px;
  margin-bottom: 60px;
}
h2 {
  font-size: 24px;
  font-weight: bold;
}
.fw-medium {
  font-weight: 500 !important;
}
.main {
  padding: 25px;
}

.img-max-width img {
  width: 100%;
  margin-bottom: 3rem;
}

/* header */
.gt-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.gt-header__logo {
  width: 40px;
  height: auto;
}
.gt-header__content {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gt-header__content-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.gt-header__desktop-navbar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 24px;
  margin: 0;
  list-style: none;
}

.gt-header__desktop-navbar  a {
  color: #333;
  text-decoration: none;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}
.gt-header__desktop-navbar a:hover,
.gt-header__desktop-navbar a.active,
.gt-header__mobile-menu a.active {
  color: #548AFF;
}
.gt-header__mobile-menu a {
  color: #ffffff;
}
.gt-header__mobile-button-menu {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  font-size: 16px;
  padding: 0;
}

.gt-language-switch {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gt-language-switch li,
.gt-language-switch li:first-child::after {
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14.4px;
}
.gt-language-switch a {
  color: #6B6B6B;
  text-decoration: none;
}
.gt-language-switch li.current-lang a {
  color: #548AFF;
}
.gt-language-switch li:first-child::after {
  content: '/';
  margin: 0 .2rem;
}
/* /header */

.gt-home-icon {
  background-color: #1A1A1A;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #ffffff;
}
.gt-home-icon.gt-home-icon--mobile {
  display: none;
  font-size: 16px;
  height: 32px;
  width: 32px;
  margin-right: 22px;
}

/* Article preview card (cover) */
.gt-article-preview-cards {
  font-family: "Nunito Sans", sans-serif;
  max-width: 880px;
  margin: auto;
  margin-top: 70px;

}
.gt-article-preview-cards__header {
  font-family: Wadik;
}
.gt-article-preview-cards__header h1,
.gt-article-preview-cards__header h2 {
  font-size: 36px;
  margin: 0;
  line-height: 1.2;
}
.gt-article-preview-cards__card {
  display: inline-block;
  width: 280px;
  border: 2px solid #000;
  border-radius: 20px;
  text-decoration: none;
  color: black;
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.2s ease;
  background-color: #ffffff;
}
.gt-article-preview-cards__card:hover {
  transform: scale(1.02);
}
.gt-article-preview-cards__card-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.gt-article-preview-cards__card-desc {
  color: #767676;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .gt-article-preview-cards {
    max-width: 100%;
  }
  .gt-home-icon {
    display: none;
  }
  .gt-home-icon.gt-home-icon--mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .gt-article-preview-cards {
    margin-top: 34px;
  }
  .gt-article-preview-cards__header h1,
  .gt-article-preview-cards__header h2 {
    font-size: 26px;
  }
}
/* /Article preview card */

/* article */
div.article-box {
  padding: 8px;
  /* margin: 14px 0; */
  margin: 14px auto;
  border-radius: var(--gt-radius-1);
}
.gt-article-v2 .article-box {
  padding: 9px 15px;
  border-radius: 8px;
}
span.article-box {
  font-size: 18px;
  display: inline-block;
  border-radius: var(--gt-radius-1);
}
span.article-box[class*="bc-"] {
  padding: 4px 8px;
  /* line-height: 220%; */
}
.article-box.right-angle-left,
.gt-article-v2  .article-box.right-angle-left {
  border-bottom-left-radius: 0;
}
.article-box.right-angle-right,
.gt-article-v2  .article-box.right-angle-right {
  border-bottom-right-radius: 0;
}
.article-box p:last-child {
  margin-bottom: 0;
}
.bc-1 {
  background-color: var(--gt-color-1);
}
.bc-2 {
  background-color: var(--gt-color-2);
}
.bc-5 {
  background-color: var(--gt-color-5);
}
.bc-6 {
  background-color: var(--gt-color-6);
}
.bc-7 {
  background-color: var(--gt-color-7);
}
.bc-8 {
  background-color: var(--gt-color-8);
}
.bc-9 {
  background-color: var(--gt-color-9);
}

.article-section {
  min-height: calc(100vh - 300px);
}
.article-section p[style*="background-color"] {
  padding: 20px;
  border-radius: var(--gt-radius-1);
  border-bottom-left-radius: 0;
}
.article-section mark[style*="background-color"] {
  padding: 5px;
  border-radius: var(--gt-radius-1);
  border-bottom-left-radius: 0;
  /* line-height: 220%; */
}
div.article-box a,
div.accordion-body a {
  text-decoration: none;
}
.gt-article-v2 .article-box:not([class*='background']) {
  padding: 16px 0;
}
/* /article */

.gt-article-v2  .article-box:not([class*='background']) {
  padding: 16px 0;
}

/* accordion */
.gt-accordion.accordion-flush .accordion-item h2 button {
  font-weight: 700;
  border-radius: var(--gt-radius-1);
  box-shadow: none;
}
.gt-accordion .accordion-item,
.gt-accordion h2 button {
  border-radius: var(--gt-radius-1);
}
.gt-accordion.bc-3 h2 button {
  background-color: var(--gt-color-3);
}
.gt-accordion.bc-3 .accordion-item {
  background-color: var(--gt-color-3);
}
.gt-accordion.bc-4 h2 button {
  background-color: var(--gt-color-4);
}
.gt-accordion.bc-4 .accordion-item {
  background-color: var(--gt-color-4);
}
.gt-accordion .accordion-button:focus {
  box-shadow: none;
}
.gt-accordion .accordion-button:not(.collapsed) {
  color: black;
  background-color: transparent;
}
.gt-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.gt-article-v2 .gt-accordion .accordion-button,
.gt-article-v2 .gt-accordion .accordion-item {
  border-radius: 20px 20px 20px 0px !important;
}
.gt-article-v2 .gt-accordion .accordion-button {
  padding: 12px 24px;
  font-size: 20px;
  line-height: 32px;
}
/* /accordion */

.background-gradient {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #c0e1ff 100%);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -1;
}

/* curly selection */
.gt-blue {
  display: inline-block;
  padding: 0 10px 0 16px;
  background-color: #5F6EFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 66%, 0 50%, 10px 33%, 0 0);
}

.gt-brilliant-greenish-yellow {
  display: inline-block;
  padding: 0 10px 0 16px;
  background-color: #FCCC24;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15px 100%, 0 90%, 10px 66%, 0 40%, 13px 27%, 0 0);
}

.gt-coral-red {
  display: inline-block;
  padding: 0 10px 0 16px;
  background-color: var(--gt-color-2);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 66%, 0 50%, 10px 33%, 0 0);
}

.gt-verdepomovy {
  display: inline-block;
  padding: 0 10px 0 18px;
  background-color: #22D248;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%, 15px 66%, 5px 50%, 15px 33%, 5px 0);
}

.gt-protective-blue {
  display: inline-block;
  padding: 0 10px 0 16px;
  background-color: #22B7FC;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 90%, 10px 66%, 0 40%, 10px 27%, 0 0);
}

.gt-pink-violet {
  display: inline-block;
  padding: 0 10px 0 16px;
  background-color: #E766E1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15px 100%, 0 90%, 10px 66%, 0 40%, 13px 27%, 0 0);
}
/* /curly selection */

/* play sounds */
.sound-button-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
}

.sound-button {
  background-color: #B3C1FE;
  border: none;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px -2px 5.1px 0px rgba(0, 0, 0, 0.25) inset;
  filter: drop-shadow(0px 4px 6.8px rgba(0, 0, 0, 0.37));
  transition: transform 0.1s;
}

.sound-button:active {
  transform: scale(0.95);
}

.sound-button.pale-orange {
  background-color: #FEA1A1;
}

.sound-button.soft-green {
  background-color: #A1FEB3;
}

.sound-button.pale-yellow {
  background-color: #FFF5BF;
}

.sound-button.pale-red {
  background-color: #FFC0C5;
}

.sound-button.pale-cyan {
  background-color: #D2F4FF;
}

.play-icon {
  width: 0;
  height: 0;
  border-left: 20px solid black;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.sound-label {
  margin-top: 10px;
  text-align: center;
}

.sound-name {
  font-weight: bold;
  font-size: 1.2em;
}

.sound-description {
  font-size: 0.9em;
  color: #555;
}

/* /play sounds */

.wp-block-columns {
  margin-bottom: 0;
}

.gt-interesting-articles-home {
  margin-top: 74px;
}
.gt-interesting-articles-home__text-button-mobile {
  font-family: Wadik;
  color: #ffffff;
  font-size: 20px;
  width: 120px;
  line-height: 1.2;
}
.gt-interesting-articles-home__text-button-desktop {
  font-family: Wadik;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.2;
}