/* ========================================================================
   Component: Misc
 ========================================================================== */
html {
  font-family: 'Nunito Sans', sans-serif;	
	scroll-behavior: smooth;
}

#how-it-works {
	scroll-margin-top: 165px;
}

/* Infobar
   ========================================================================== */
ul.uk-slider-items li p {
   margin: 0 !important;
}

/* Contact form
   ========================================================================== */
.form-columns-1, 
.form-columns-2 {
	max-width: 100% !important;
}

.form-columns-2 input {
	width: 98% !important;
	height: 25px;
}


#phone_ext-d6ba6158-0a08-4a05-9f10-5ceb20919db2 {
	width: 45% !important;
}

#phone-d6ba6158-0a08-4a05-9f10-5ceb20919db2 {
	width: 50% !important;
}

#country_picklist-d6ba6158-0a08-4a05-9f10-5ceb20919db2 {
	width: 100% !important;
}

#feel_free_to_be_more_specific_below_-d6ba6158-0a08-4a05-9f10-5ceb20919db2 {
		width: 98% !important;
		height:160px;

}

/* Newsletter form
   ========================================================================== */
.hs_email {
	color: white;
}

.hs-error-msg {
	color:#e383b7;
}

.hs_email input {
	width: 100%;
}

.hs-field-desc > p {
	margin: 5px 0;
	color: #ddd;
}

.hbspt-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: white;
	font-weight: bold;
}

#email-ff0ae07a-b8b5-45df-bd12-d8eaaae23e74 {
	height: 40px;
	border-radius: none;
}

#i_have_read_boost_ai_privacy_policy-ff0ae07a-b8b5-45df-bd12-d8eaaae23e74 {
	margin: 0 5px 0 0;
}

.hs_submit {
	margin-top: 5px;
}

.hs_submit input {
	background-color: #d5a300;
  color: #111 !important;
  font-weight: bold;
  border: none;
  padding: 10px 15px;
  width: 100px;
}

/* Navbar
   ========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #fff;
}


/* ========================================================================
   Page: Homepage
 ========================================================================== */

/* Hero
   ========================================================================== */
/*
make this text be sized just right in the improved home page hero!
	Delivering outstanding
	customer experiences
*/
@media (min-width: 960px) and (max-width: 1260px) {
	#hero-2 .home-hero-headline{font-size:2rem;} /* aka uk-h2 */
}
@media (min-width: 960px) {
	#hero-2 video {
		clip-path: polygon(0 0, 100% 0, calc(100% - 80px) 50%, 100% 100%, 0 100%)
	}
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* This makes the overlay and its content not block user interactions */
}

/* TinyMCE style */
.list-checked > li {
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%2336B595' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_210_38642)'%3E%3Cpath d='M8 0C3.58171 0 0 3.58171 0 8C0 12.4183 3.58171 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58171 12.4183 0 8 0ZM8 1.54839C11.5655 1.54839 14.4516 4.4339 14.4516 8C14.4516 11.5655 11.5661 14.4516 8 14.4516C4.43445 14.4516 1.54839 11.5661 1.54839 8C1.54839 4.43445 4.4339 1.54839 8 1.54839ZM12.5227 5.75055L11.7957 5.01771C11.6452 4.86594 11.4001 4.86494 11.2483 5.01552L6.68858 9.53861L4.75981 7.59419C4.60926 7.44242 4.36416 7.44142 4.21239 7.59197L3.47952 8.31894C3.32774 8.46948 3.32674 8.71458 3.47732 8.86639L6.40574 11.8185C6.55629 11.9703 6.80139 11.9713 6.95316 11.8207L12.5205 6.298C12.6723 6.14742 12.6733 5.90232 12.5227 5.75055Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_210_38642'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") left center no-repeat;
	background-size: 16px;
	padding-left: 32px;
	z-index: 99;
}


/* Features
   ========================================================================== */


/* Tabs
   ========================================================================== */
.tab-section {
	background: url(../images/boostia-logo-mark.svg) no-repeat center center;
	background-color: #ECECEC;
	background-size: 100%;
	background-attachment: fixed;
}

.tab-button.uk-button-default {
	border: 1px solid #aaa;
} 
.tab-button.uk-button-default.uk-active {
	background-color: #ef8b00;
	border: 1px solid #ca740b;
} 


/* MOBILE */
@media screen and (max-width: 960px) {
	.tab-buttom {
		width: 100%;
		margin-bottom: 5px;
	}
	.tab-copy-wrapper p {
		font-size: 18px;
	}
}


/* Integrations
   ========================================================================== */

/* Testemonial
   ========================================================================== */
.circle-mask {
  width: 200px; /* Set the desired width and height for your circular image */
  height: 200px;
  object-fit: cover; /* Preserve the aspect ratio and cover the entire circle */
  border-radius: 50%; /* Create the circular clip mask */
  overflow: hidden; /* Hide the overflow of the circular shape */
}

/* ========================================================================
   Page: Generative AI
 ========================================================================== */
#section-02 {
	padding-top: 20px;
}

#section-07 {
	padding-bottom: 20px;
}

/* ========================================================================
   Page: Blog
 ========================================================================== */

/* Hero
   ========================================================================== */
.shape-ellipse {
  background: #59195d;
  width: 50%;
  height: 200%;
  border-radius: 0 0 100% 0;
}

	@media screen and (max-width: 1024px) {
		.shape-ellipse {
			background: #59195d;
			width: 100%;
			border-radius: unset;
			height: auto;
		}

		.shape-ellipse h1 {
			font-size: 2rem;
		}
	}


.btn-position {
	left: 40px;
	bottom: 10px;
}

/*================================
*            WEBINAR             *
================================*/
.background-logo-mark-light{
	background-image: url(../images/logo-mark-bg-light.png); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: auto 100%
}






.admin-options {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;

}
  .admin-options .edit {
    display: block;
    float: right;
    margin-left: 2px;
    background-color: #b30000;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: sans-serif;
    color: #fff;

  }
    .admin-options .edit:hover,
    .admin-options .edit:focus,
    .admin-options .edit:active {
      color: #fff;
      text-decoration: none;
    }





.uk-light {
	color: #fff;
}


/* @todo: make this dynamic; last block https://boost.ai/about/ */
.section-image-1-large-image img {
	width: 750px;
}


.pill-text {
	border: 2px solid #fff;
	padding: 3px 20px;
	border-radius: 20px;
	font-size: 18px;
}

.uk-dark-important {
	color: #333;
}

.prose-1 {
}
	.prose-1 h2 {
		font-weight: bold;
		margin-bottom: 1px;
		margin-top: 20px;
		font-size: 24px;
	}
	.prose-1 p {
		margin-top: 0;
	}
	.prose-1 ul {
		list-style-type: square;
	}
		.prose-1 ul li {
			margin-bottom: 5px;
		}

@media (min-width: 1200px) {
	.section-type-section_form_3 .bg-holder {
		background-image: url(../images/section_form_3_bg_1.png), url(../images/section_form_3_bg_2.png); 
		background-repeat: no-repeat; 
		background-position: right 14px top 0px, left 620px top 400px;
		background-size: 480px auto, 250px auto;
	}
}