/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

html {
  -webkit-font-smoothing: antialiased;
}

.tco-under-construction {
  max-width: 300px !important;
}

.x-anchor-sub-indicator:before {
  width: 20px !important;
}

.gradient {
  background: #B16CEA;
  background: -moz-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 91%, #FFF 100%);
  background: -webkit-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 91%, #FFF 100%);
  background: linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 91%, #FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b16cea",endColorstr="#ffa84b",GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-no-white {
  background: #B16CEA;
  background: -moz-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%);
  background: -webkit-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%);
  background: linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b16cea",endColorstr="#ffa84b",GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.linear-beige {
  background: linear-gradient(0deg, #FAF9F7 86.74%, rgba(249, 250, 251, 0.00) 99.33%);
}

.linear-beige-reverse {
  background: linear-gradient(0deg, rgba(249, 250, 251, 0.00) 86.74%, #FAF9F7 99.33%);
}

/* Header */

.header {
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

.header-menu li.menu-item-type-custom > a.x-currently-active span,
.header-menu li:not(.menu-item-type-custom) > a.x-always-active span {
  color: #464343;
  background: -moz-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 100% 200%;
  background-position: center top;
  background-repeat: no-repeat;
}

.header-menu li > a span {
  color: #464343;
  background: -moz-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 100% 500%;
  background-position: center bottom;
  background-repeat: no-repeat;
  transition: all 1.2s cubic-bezier(.4,0,.2,1);
}

.header-menu li > a:hover span {
  background-size: 100% 150%;
  background-position: center top;
}

/* Service box */

.service-box {
  background: -moz-linear-gradient(white, white) padding-box,-moz-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background: -moz-linear-gradient(white, white) padding-box,-webkit-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background: linear-gradient(white, white) padding-box,linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background-repeat: no-repeat;
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
  border: 0.5px solid white !important;
}

.service-box:hover {
  border: 0.5px solid transparent !important;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.service-box > .service-title {
  color: #464343;
  background: -moz-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: linear-gradient(0deg, rgba(70,67,67,1) 0%, rgba(70,67,67,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 100% 500%;
  background-position: center bottom;
  background-repeat: no-repeat;
  transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.service-box:hover .service-title {
	background-size: 100% 150%;
  background-position: center top;
}

/* Package box */

.package-box {
  background: -moz-linear-gradient(white, white) padding-box,-moz-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background: -moz-linear-gradient(white, white) padding-box,-webkit-linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background: linear-gradient(white, white) padding-box,linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 100%) border-box;
  background-repeat: no-repeat;
  transition: all 1s cubic-bezier(.4, 0, .2, 1);
  border: 0.5px solid white !important;
}

.package-box:hover {
  border: 0.5px solid transparent !important;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.package-box[highlight='1'] {
  background: #464343 !important;
}

.package-box[highlight='1'] * {
  color: white !important;
}

.package-box[highlight='1'] .custom-button {
  background-color: white !important;
}

.package-box[highlight='1'] .custom-button * {
  color: #464343 !important;
}

/* WPForms */

.wpforms-container .wpforms-field input::placeholder,
.wpforms-container .wpforms-field input::-webkit-input-placeholder,
.wpforms-container .wpforms-field textarea::placeholder,
.wpforms-container .wpforms-field textarea::-webkit-input-placeholder {
  color: #667085 !important;
  opacity: 1 !important;
}

.wpforms-container .wpforms-field {
  padding: 12px 0 !important;
}

.wpforms-container .wpforms-field .wpforms-required-label {
  display: none;
}

.wpforms-container .wpforms-field input[type=text],
.wpforms-container .wpforms-field textarea,
.wpforms-container .wpforms-field input[type=email] {
  border-radius: 8px !important;
  border: 1px solid #d0d5dd !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  font-size: 1.143em !important;
  line-height: 1.5 !important;
}

.wpforms-container .wpforms-field input[type=checkbox] + label {
  color: #0c1318 !important;
}

.wpforms-container .wpforms-field label {
  font-size: 1em !important;
  margin: 0 0 6px 0 !important;
}

.wpforms-container .wpforms-custom-button {
  width: 100%;
  transform-style: preserve-3d;
  overflow: visible;
  border-radius: 8px !important;
  padding: 1em 2.225em 1em 2.225em !important;
  background-color: #464343 !important;
  font-size: 1.214em !important;
  line-height: 1.06 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  height: auto !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.wpforms-container button[type='submit']:hover {
  background: #464343 !important;
  font-size: 1.214em !important;
  text-shadow: none !important;
}

.wpforms-container .wpforms-custom-button::before {
  content: "";
  position: absolute; 
  inset: 0px;
  background: linear-gradient(180deg, #B16CEA 8%, #FF5E69 40%, #FF8A56 77%, #FFA84B 91%);
  background-size: 100% 100%;
  transform: translate3d(7px,7px,-1px);
  border-radius: inherit;
}

.wpforms-container .wpforms-custom-button:hover::before {
  animation: wave 2s ease-in-out infinite;
}

.wpforms-container .wpforms-submit-container {
  padding: 0 !important;
}

@keyframes wave {
	0% {
		background-size: 100% 100%;
    background-position: 0% -10%;
	}
	50% {
		background-size: 100% 600%;
    background-position: 0% 100%;
	}
	100% {
		background-size: 100% 100%;
    background-position: 0% -10%;
	}
}

@media screen and (max-width: 769px){
  .wpforms-one-half {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Blog */

.blog-term .x-anchor-text-primary {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-underline-offset: 17px;
  text-decoration-thickness: none !important;

  color: #667085;
  background: -moz-linear-gradient(0deg, rgba(102,112,133,1) 0%, rgba(102,112,133,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(102,112,133,1) 0%, rgba(102,112,133,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  background: linear-gradient(0deg, rgba(102,112,133,1) 0%, rgba(102,112,133,1) 20%, rgba(255,168,75,1) 40%, rgba(255,138,86,1) 60%, rgba(255,94,105,1) 80%, rgba(177,108,234,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 100% 500%;
  background-position: center bottom;
  background-repeat: no-repeat;
  transition: all 1s cubic-bezier(.4, 0, .2, 1) !important;
}

.blog-term:hover .x-anchor-text-primary {
	background-size: 100% 150%;
  background-position: center top;
  text-decoration-color: #FFA84B !important;
  text-decoration-thickness: 2px !important;
}

.blog-term-active {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-underline-offset: 17px;
  text-decoration-color: #FFA84B !important;
  text-decoration-thickness: 2px !important;
	background-size: 100% 150% !important;
  background-position: center top !important;
}

/* Social Share */

.social-share-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.social-share-buttons .social-icon {
  display: flex;
  padding: 10px; 
  border: 1px solid #D0D5DD; 
  border-radius: 8px; 
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.social-share-buttons .copy-container {
  position: relative;
  display: flex;
  align-items: center;
}

.social-share-buttons .copy-container .copied-text {
  position: absolute;
  left: -70px;
  font-size: 0.7em;
  color: #344054;  
  line-height: 1.42;
  font-weight: 600;
  opacity: 0;
}

.social-share-buttons .copy-container .animate {
  animation: copied 3s ease-in-out normal;
}

.social-share-buttons .copy-container .copy-button {
  display: flex;
  gap: 8px;
  padding: 10px;
  background: white;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.social-share-buttons .copy-container .copy-button .icon {
  display: flex !important;
}

.social-share-buttons .copy-container .copy-button .text {
  font-size: 0.7em;
  color: #344054;  
  line-height: 1.42;
  font-weight: 600;
}

@keyframes copied {
	0% {
		opacity: 0;
	}
  10% {
		opacity: 1;
  }
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* Single Post */

article.post h2,
article.post h3,
article.post p,
article.post ol {
  font-family: "Inter", sans-serif;
}

article.post h2 {
  font-size: 1.5em;
  color: #101828;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.26;
  margin: 0;
}

article.post h3 {
  font-size: 1.2em;
  color: #101828;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.33;
  margin: 0;
}

article.post p {
  font-size: 0.9em;
  color: #475467;
  line-height: 1.55;
  margin: 0 0 0.9em;
}

article.post p.photo-quote {
  font-size: 0.7em;
  color: #475467;
  line-height: 1.42;
}

article.post figure.wp-block-image {
  margin: 0;
}

article.post figure.wp-block-image img {
  border-radius: 12px;
}

article.post ol {
  margin: 0 0 0.9em 1.5em;
  font-size: 0.9em;
  color: #475467;
  line-height: 1.55;
}