/*!
Theme Name: Bosa Dental Care
Theme URI: https://bosathemes.com/bosa-dental-care
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Bosa Dental Care is multipurpose medical theme. Bosa Dental Care is beautiful, fast, lightweight, responsive, extremely customizable theme that you can use as a foundation to build versatile sites such as clinic, dental clinic, dental hygienists, dental practice, dental tourism, dentistry, doctor, health, hospital, medic, medicine, oral health, orthodontist, stomatology, treatment and preferably ideal for any type of medical sites. Bosa Dental Care is a child theme of Bosa, a free multipurpose WordPress theme. Bosa Dental Care works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Bosa Dental Care is built with SEO, speed, and usability in mind with the multiple Header & Footer layouts, predesigned starter sites includes awesome Home & Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Bosa Dental Care is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a Multipurpose medical theme? Look no further! Browse the demo to see that it's the only theme you will ever need: https://demo.bosathemes.com/bosa/dental-care/
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: bosa
Text Domain: bosa-dental-care
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Bosa Dental Care WordPress Theme, Copyright 2024 Bosa Themes
Bosa Dental Care is distributed under the terms of the GNU General Public License v3

Bosa Dental Care is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
Table of Contents:
General Screen
	General 1024
	General 800
	General 430
Header Screen
	Header 1024
	Header 800
	Header 430
Main Nav Screen
	Main Nav 1024
	Main Nav 800
	Main Nav 430
Footer Screen
	Footer 1024
	Footer 800
	Footer 430
About Screen
	About 1024
	About 800
	About 430
Services Screen
	Services 1024
	Services 800
	Services 430
Team Screen
	Team 1024
	Team 800
	Team 430
Bios Screen
	Bios 1024
	Bios 800
	Bios 430
Sample Pages General Screen
	Sample Pages General 1240
Sample Info Screen
Sample Pages, Menu Screen
	Sample Pages, Menu 1024
	Sample Pages, Menu 800
	Sample Pages, Menu 430
Sample Pages, Tables Screen
	Sample Pages, Tables 800
Sample Processing Screen
Sample Parameters Screen
Sample Matrix Screen
Forms Screen
	Forms 1024
	Forms 800
	Forms 430
Rent Screen
	Rent 1024
	Rent 800
	Rent 430
Contact Screen
	Contact 1024
	Contact 800
	Contact 430

Colors:
#000000 Black
#464545 Grey, Dark
#a6a7a2 Grey, Medium
#dfdedc Grey, Light
#0fffbe Seafoam, Bright
#00acac Seafoam, Muted
#106ebe Blue, Medium
#0A4980 Blue, Dark
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

body {
  color: #333333;
  font-family: 'Poppins', sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #111111;
  font-family: 'Jost', serif;
  font-weight: 500;
}

.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
  text-decoration: underline;
}

.entry-content p a, 
.comment-content p a, 
.entry-content li a, 
.comment-content li a, .widget p a, 
.comments-area .comment-list .comment-content a {
  color: #2e92ff;
}
.entry-content p a:hover, 
.entry-content p a:focus, 
.comment-content p a:hover, 
.comment-content p a:focus, 
.entry-content li a:hover, 
.entry-content li a:focus, 
.comment-content li a:hover, 
.comment-content li a:focus, 
.widget p a:hover,
.widget p a:focus,
.comments-area .comment-list .comment-content a:hover,
.comments-area .comment-list .comment-content a:focus {
  color: #086abd;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

.site-header .site-branding .site-title {
  font-family: 'Jost', serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-header .site-branding .site-description {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.main-navigation ul.menu > li > a {
  font-family: 'Jost', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
}

.section-banner .banner-content .entry-title {
  font-family: 'Jost', serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.section-banner .banner-content .entry-meta a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

.section-banner .banner-content .entry-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  text-transform: initial;
}

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
}

.post .feature-posts-content .cat-links a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.post .feature-posts-content .entry-meta a,
#primary .entry-meta,
.highlight-post-slider .post .entry-meta a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

#primary article .entry-title {
  font-family: 'Jost', serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .entry-content .entry-title {
  font-family: 'Jost', serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: none;
}

.highlight-post-slider .post .cat-links a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.sidebar .widget .widget-title {
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}

.page-title {
  font-family: 'Jost', serif;
  font-size: 42px;
  font-weight: 500;
  text-transform: none;
}

.site-footer .site-info,
.site-footer .footer-menu ul li a {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 15px,
  text-transform: none,
  line-height: 1.6,
}
.header-fourteen .top-header {
  position: relative;
}
.header-contact ul li a {
  color: #333333;
}
.header-fourteen .main-navigation-wrap {
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  -ms-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}
.header-fourteen .bottom-contact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e6e6e6;
}
.header-fourteen .bottom-contact a {
  display: block;
  font-size: 14px;
  position: relative;
  padding-left: 40px;
  text-align: left;
}
.header-fourteen .bottom-contact a i {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-fourteen .bottom-contact a span {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .header-fourteen .bottom-contact a {
    padding-left: 40px;
    font-size: 13px;
  }
  .header-fourteen .bottom-contact a i {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 991px) {
  .header-fourteen.site-header .site-branding {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header-fourteen .bottom-contact a {
    padding-left: 45px;
  }
  .header-fourteen.site-header .site-branding > a {
    margin-left: auto;
    margin-right: auto;
  }
  .header-fourteen.site-header .mobile-menu-container {
    border-top: 1px solid rgba(243, 243, 243, 0.8);
  }
}
.section-feature-pages-area,
.section-info-area,
.section-advertisement-area {
  padding-bottom: 70px;
}
.section-feature-pages-area ~ .section-banner {
  padding-bottom: 70px;
}
.section-feature-pages-area .content-wrap {
  margin-bottom: -30px;
}
.post .feature-pages-content .feature-pages-title {
  background-color: #FFFFFF;
  display: inline-block;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 10px 20px;
}

.feature-pages-content-wrap,
.advertisement-content-wrap {
  margin-bottom: 30px;
}

.feature-pages-layout-one .feature-pages-image,
.section-feature-posts-two-area .feature-posts-image {
  background-color: #cccccc;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  z-index: 1;
}
.feature-pages-layout-one .feature-pages-image:before,
.section-feature-posts-two-area .feature-posts-image:before {
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1;
}
.feature-pages-layout-one .feature-pages-content,
.section-feature-posts-two-area .feature-posts-content {
  padding: 0 20px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.section-feature-posts-two-area {
  padding-bottom: 50px;
}
.section-feature-posts-two-area .feature-posts-image {
  height: 260px;
}
.section-feature-posts-two-area .feature-big-posts .feature-posts-image {
  height: 550px;
}
.section-feature-posts-two-area .feature-posts-content .feature-posts-title {
  margin-bottom: 15px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links {
  display: block;
  margin-bottom: 10px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links a {
  background-color: #EB5A3E;
  margin: 2px;
  padding: 5px;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.site-content .grid-thumbnail .hentry  {
  border-bottom: none;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.site-content .grid-thumbnail .list-post .featured-image a {
  display: block;
}
.site-content .grid-thumbnail .list-post .featured-image img {
  width: 100%;
}
.site-content .grid-thumbnail .list-post {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-content .grid-thumbnail .list-post .featured-image {
  width: 100px;
}
.site-content .grid-thumbnail .list-post .entry-content {
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 20px;
}
.site-content .grid-thumbnail .list-post .entry-content h3{
  margin-bottom: 8px;
}

@media screen and (min-width: 576px) {
  .site-content .grid-thumbnail:nth-last-of-type(2) .hentry {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .site-footer-eight .footer-menu {
    text-align: left;
    display: block;
  }
  .site-footer-eight .footer-menu ul li:first-child {
    border-left: none;
  }
}
@media screen and (max-width: 991px) {
  .site-footer-eight .bottom-footer-image-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  
  .section-feature-pages-area {
    padding-bottom: 50px;
  }
  .section-feature-pages-area ~ .section-banner {
    padding-bottom: 50px;
  }
  .section-advert {
    padding-bottom: 50px;
  }
  .advertisement-content-wrap .featured-image img {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .section-info-area .info-content-wrap {
    border-left: none;
    border-top: 1px solid rgba(243, 243, 243, 0.8);
  }
  .section-info-area .row [class*="col-"]:first-child .info-content-wrap {
    border-top: none;
  }
}

/*header menu css*/
.bottom-header .main-navigation ul.menu > li > a {
  padding: 12px 24px 12px 0;
}
#offcanvas-menu .header-category-nav {
  margin-bottom: 20px;
}
#offcanvas-menu .header-category-nav .dropdown-menu,
#offcanvas-menu .header-category-nav .sub-menu {
  display: none;
}
#offcanvas-menu .header-category-nav .menu-item-has-children a button[class*="fa-"],
#offcanvas-menu .header-category-nav .page_item_has_children a button[class*="fa-"] {
  background-color: transparent;
  border: none;
  height: 20px;
  width: 20px;
  text-align: center;
  float: right;
  padding: 0;
  font-size: 15px;
}
#offcanvas-menu .header-category-nav .navbar-nav > .menu-item-has-children > a button[class*="fa-"],
#offcanvas-menu .header-category-nav .navbar-nav > .page_item_has_children > a button[class*="fa-"] {
  color: #ffffff;
}
body[class*=woocommerce] ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Jost', serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.4;
  text-transform: none;
}
body[class*=woocommerce] ul.products li.product .price {
  font-family: 'Jost', serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-transform: none;
}
body[class*=woocommerce] .product-inner .button, body[class*=woocommerce] .product-inner .added_to_cart {
  font-family: 'Jost', serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-transform: uppercase;
}
/*services css*/ 
.section-services-area{
  padding-bottom: 70px;
}
.section-services-area .content-wrap {
  margin-bottom: -30px;
}
.services-content-wrap {
  margin-bottom: 30px;
}
.section-services-area .services-content-wrap {
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);
  padding: 25px;
}
.services-content-wrap .featured-image {
  overflow: hidden;
  border-radius: 100%;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 30px;
}
.services-content-wrap .button-container {
  padding-top: 10px;
  margin-top: 30px;
  margin-bottom: -10px;
  position: relative;
}
.services-content-wrap .button-container:before {
  border-top: 1px solid rgba(243, 243, 243, 0.8);
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  margin-right: -25px;
  margin-left: -25px;
}
.services-content-wrap .button-container a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*clinet css*/ 
.section-client-area {
  padding-bottom: 70px;
}
.section-client-area .client-item {
  margin-bottom: 30px;
}
.client-content-wrap {
  background-color: #f8f8f8;
  padding: 35px 35px 5px 35px;
}

/*reviews section css*/
.section-reviews-area {
  padding-bottom: 70px;
}
.section-reviews-area .row {
  row-gap: 30px;
}
.section-reviews-area .reviews-item {
  box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  padding: 40px;
  gap: 30px;
  transition: box-shadow 0.4s;
}
.section-reviews-area .reviews-item:hover {
  box-shadow: 5px 20px 25px -5px rgba(0, 0, 0, 0.25);
}
.section-reviews-area .reviews-item .reviews-content {
  flex-basis: 65%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.section-reviews-area .reviews-content .entry-text {
  margin-bottom: 0px;
}
.section-reviews-area .reviews-content .entry-title {
  margin-bottom: 0;
}
.section-reviews-area .reviews-item .featured-image {
  flex-basis: 35%;
  margin: 0 5px 20px;
  position: relative;
  text-align: center;
}
.section-reviews-area .reviews-item .featured-image img {
  border-radius: 50%;
  width: 150px;
}
.section-reviews-area .reviews-item .featured-image:before {
  content: "\f10e";
  font-family: 'FontAwesome';
  position: absolute;
  bottom: -20px;
  left: 50%;
  font-size: 22px;
  color: #ffffff;
  background-color: #000;
  border: 3px solid #ffffff;
  width: 56px;
  line-height: 52px;
  height: 56px;
  transform: translate(-50%, 0);
  border-radius: 50%;
}
@media screen and (max-width: 479px) {
  .section-reviews-area .reviews-item{
    padding: 30px 25px;
    flex-direction: column-reverse;
  }
  .section-reviews-area .reviews-item {
    gap: 25px;
  }
  .section-reviews-area .reviews-item .reviews-content{
    text-align: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
}  

/*highlight section css*/
.section-highlights-area {
  padding-bottom: 70px;
}
.section-highlights-area .row {
  row-gap: 30px;
}
.section-highlights-area .highlight-content-wrap {
  position: relative;
  transition: all 0.4s;
}
.section-highlights-area .highlight-content-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.40);
  transition: all 0.4s;
}
.section-highlights-area .entry-title {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  margin: 0;
  transform: translate(-50%);
  z-index: 2;
  padding: 0 20px;
  transition: opacity 0.3s;
}
.section-highlights-area .highlight-content-wrap:hover {
  box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.18);
}
.section-highlights-area .highlight-content-wrap:hover:before,
 .section-highlights-area .highlight-content-wrap:hover .entry-title {
  opacity: 0;
}
.section-highlights-area .highlight-content-wrap .featured-image {
  overflow: hidden;
}
.section-highlights-area .highlight-content-wrap img {
  transition: transform 0.4s;
}
.section-highlights-area .highlight-content-wrap:hover img {
  transform: scale(1.1);
}


/*program css*/
.section-program-area {
  padding-bottom: 70px;
}
.section-program-area .row {
  row-gap: 30px;
}
.section-program-area .featured-image {
  overflow: hidden;
}
.section-program-area .featured-image img {
  transition: all 0.4s;
}
.section-program-area .featured-image:hover img {
  transform: scale(1.2);
}

/* Styles by TJonesWeb */

/* General Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Maintenance mode page hide: header, footer, h1 */
.page-id-496 .ekit-template-content-header, .page-id-496 .ekit-template-content-footer, .page-id-496 h1 {
	display: none !important;	
}
/* End Maintenance mode */

/* Targets content area of page */
#page .---tj-content-area {
    padding: 100px 0;
}
#page .---tj-content-area > .e-con-inner {
    padding: 0;
}
/* Title h2 and ekit h2 styles */
#page h2.elementskit-section-title, #page h2.elementor-heading-title {		
	color: #232323;	
	font-size: 48px;
    font-weight: 600;
	line-height: 1.08em;
	margin: 0;
}
/* Subtitle h3 above ekit h2 section titles */
#page h3.elementskit-section-subtitle {
    color: #1F3D9D;
    line-height: 1.6;
    font-size: 21px !important;
}
/* Regular h3 styles */
#page h3.elementor-heading-title {	
    color: #232323;
	font-size: 32px;
    font-weight: 600;
	line-height: 1.3em;
	margin: 0;
}
#page h4.elementor-heading-title {	
    color: #232323;
	margin: 0;
	line-height: 1.3;
}
#page p {
	color: #232323;
}
#page .margin-bottom-0 p {
	margin-bottom: 0;
}
p.indent {
	margin-left: 20px;
}
#page p a {
	color: #232323;
	text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
/* Removes the dotted focus outline on clicked images */
a:focus {
    outline: none !important;
}
#page [data-elementor-type="wp-page"] img {
	margin-top: 8px;
	border-radius: 30px;
}
[data-elementor-type="wp-page"] ul {
	line-height: 1.6 !important;
    margin-top: 20px;
}
[data-elementor-type="wp-page"] li {
	margin-bottom: 12px;
	color: #232323 !important;
}
/* Remove default padding from containers */
.---tj-content-area .e-con-inner div {
		padding: 0;
}
/* Styles the button background on hover */
#back-to-top a:hover {
    border-color: #fff !important;
}
/* General 1024  -------------------------------------------------------*/
@media (max-width: 1024px) {	
	/* Targets content area of page */
	#page .---tj-content-area {
    	padding: 60px 40px 70px;
	}
	#page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2 {
    	margin-left: 40px !important;
		font-size: 60px !important;
	}
	#page h2, #page h3 {
		text-align: left;
	}
}

/* General 800  -------------------------------------------------------*/
@media (max-width: 800px) {
	
}

/* General 430  -------------------------------------------------------*/
@media (max-width: 430px) {
	#page h2.elementskit-section-title {
    	line-height: 1.3em;
	}
	#page [data-elementor-type="wp-page"] h2.elementskit-section-title, #page [data-elementor-type="wp-page"] h2.elementor-heading-title {		
	color: #232323;	
	font-size: 36px !important;
	line-height: 1.3em;
	}
	/* Targets content area of page */
	#page .---tj-content-area {
    	padding: 50px 30px 60px;
	}		
	#page h3.elementskit-section-subtitle {
    	font-size: 18px;
	}
}

/* Header Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.bew-site-logo {
	margin-top: -20px;
	margin-bottom: -40px;
	z-index: 9999;
}
.top-header .elementor-icon-list-text {
	letter-spacing: .02em;
}
/* Banner image at top of pages */
/* Only apply the background if the first child is NOT a wysiwyg page */
#page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) {
    background-image: 
        linear-gradient(270deg, #1F3D9D00 0%, #1F3D9Dd9 70%, #1F3D9Dff 100%),
        url(https://arcticfoxenv.com/wp-content/uploads/2026/02/banner-lance-computer-1.jpg) !important;
    background-size: cover;
    background-position: center;
}
#page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap)  h2 {
    font-size: 70px;
    font-weight: 700;
    color: #FFFFFF;
}
.con-header-inner {
    gap: 4px !important; /* Remove gaps between main containers */
}
/* Make the navigation container grow to fill all empty space */
.con-header-inner > .elementor-element-a653077 {
    flex-grow: 1 !important; 
}


/* Header 1024  -------------------------------------------------------*/
@media (max-width: 1024px) {	
	/* Make top header flush right */
	.elementor-element-438356c2 {
	    width: 100% !important;
	}
	.top-header .elementor-inline-items {
		gap: 16px;
	}
	#page .elementor-element.header {
		padding: 0 28px;
		--padding: 20px 0 18px;
	}
	#page .con-logo .elementor-widget-container {
    	margin: 24px 0;
	}
	/* Phone Container swap with hamburger menu */
	#page .elementor-element-49ac0ad {
    	order: 1 !important;          /* First in the right-side group */
    	margin-left: auto !important; /* Pushes itself and the menu to the far right */
    	margin-right: 16px !important; /* Space between phone and menu */
		padding-right: 30px;
    	width: auto !important;
    	border-left: none;
    	border-right: 1px solid #DFDEDC;
	}
	/* Hamburger Container swap with phone container */
	.elementor-element-a653077 {
    	order: 2 !important;          /* Second in the right-side group */
    	margin-left: 0 !important;    /* Reset to sit next to phone */
    	width: auto !important;
	}	
	/* Banner img */
	#page [data-elementor-type="wp-page"] > :first-child {
        min-height: 300px;
    }
	#page [data-elementor-type="wp-page"] > :first-child h2 {
		margin: -10px 0 0 100px;
	}
}
/* Header 800 -------------------------------------------------------*/
@media (max-width: 800px) {
	#page .con-logo {
    	width: 30%
	}
	/* Banner img h2 */
	#page [data-elementor-type="wp-page"] > :first-child h2 {
        margin: -16px 0 0 40px;
    }
}

/* Header 430 -------------------------------------------------------*/
@media (max-width: 430px) {
	.con-header-inner {
		column-gap: 115px;
	}
	#page .con-logo {
    	width: 55%;
	}
	.con-phone {
		display: none;
	}	
	/* Banner img */
	#page [data-elementor-type="wp-page"] > :first-child {
        min-height: 150px;
    }
	#page [data-elementor-type="wp-page"] > :first-child h2 {
        margin: -10px 0 0 20px;
		font-size: 36px;
    }
}

/* Main Nav Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Spacing of menu items */
#page .elementskit-navbar-nav > li > a { 
    padding: 0px 12px;
}

 /* Client Login margin */
#menu-item-1053 {
    margin-left: 12px;
}
 /* Client Login button styles */
#page #menu-item-1053 a {
    background-color: #106EBE;
    color: #FFF;
    border-radius: 30px;
    padding: 6px 24px;
}
#page #menu-item-1053 a:hover { /* Contact button styles */
    background-color: #0a4980;
}

/* Drop menu styles */
#page .elementskit-submenu-panel {
    background-color: #fff;
    border-style: none;
	padding: 16px 0px 18px;
}
#page .elementskit-submenu-panel > li > a {
    padding: 0 15px 0 30px;
    font-size: 17px;
    font-weight: 600;
	line-height: 2.1;
}
#page .elementskit-submenu-panel > li:hover > a {
    color: #1F3D9D;
}
#page .elementskit-submenu-panel > li.current-menu-parent > a, #page .elementskit-submenu-panel > li.current-menu-item > a {
    color: #1F3D9D !important;
}
#page .elementskit-submenu-panel .elementskit-submenu-panel > li.current-menu-item > a {
    color: #1F3D9D !important;
}
/* Bring down arrow closer to link. Force the link to be a tight flex container */
#page #menu-item-237 > a {
    display: inline-flex;
    gap: 95px;
}

/* Main Nav 1024 -------------------------------------------------------*/
@media (max-width: 1024px) {
	/* Close button styles */
	#page .elementskit-menu-close {
        padding: 10px;
        margin: 12px 21px;
    	background-color: #f7f7f7;
    	color: #464545;
    	border: 1px solid #464545;
    }
	/* Menu item styles */	
	#page .elementskit-navbar-nav > li > a, #page .elementskit-submenu-panel > li > a, #page .elementskit-submenu-panel .elementskit-submenu-panel > li > a {
		font-size: 21px;
	}
	#page .elementskit-navbar-nav > li > a {
    	padding: 0 21px;
		line-height: 3;
	}
	/* Sub-menu styles */
	#page .elementskit-submenu-panel {
    	background-color: #f7f7f7;
		padding: 0 0 9px;
		margin-top: -6px;
	}
	#page .elementskit-submenu-panel > li > a {
    	padding: 14px 0 0 38px;
		background-color: #f7f7f7;		
	}
	/* Sub-menu oval/arrow indentation */
	#page .elementskit-dropdown li > a {
	    padding-right: 21px !important;
	}
	/* Sub-menu oval outline color */
	#page .elementskit-submenu-indicator {
		border: 1px solid #000 !important;
	}
	

	
	/* Target the specific list item, the parent of the Client Login button */
	#menu-item-1053 {	
		width: 50%;
		margin: 22px 0 0 12px;
    	display: flex !important;
    	justify-content: center !important;
	}
	/* Target the link inside to create the button look */
	#menu-item-1053 > a {
	    line-height: 1 !important; /* Prevents text from sitting too low */
	    padding: 12px 25px !important; /* Top/Bottom | Left/Right */
	    border-radius: 30px !important;
		background-color: var(--e-global-color-primary) !important;
	}
	
	
	/* Sub-sub-menu styles */
	#page .elementskit-submenu-panel .elementskit-submenu-panel {
    	padding: 6px 0 0;
	}
	#page .elementskit-submenu-panel .elementskit-submenu-panel > li > a {
    	padding: 19px 0 0 60px;
	}
}
/* Main Nav 800 -------------------------------------------------------*/
@media (max-width: 800px) {
	
}
/* Main Nav 430 -------------------------------------------------------*/
@media (max-width: 430px) {
	.top-header {
		display: none;
	}
	#page .header .e-con-inner > div {
		gap: 114px;
	}	
	.---tj-team > .e-con-inner {
		padding: 34px 0;
	}
	.---tj-team .e-con-inner, .---tj-row .e-con-inner {
		gap: 34px !important;
	}
	/* Target the image widget container */
	#page .---tj-row .elementor-widget-image {
    	width: 236px !important;    /* Match image width */
		margin: 0 auto !important;		
	}
	#page .---tj-row h2, #page .---tj-row h3 {
		text-align: center;	
	}
}

/* Footer Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.---tj-footer {
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
}
.---tj-footer-top {
	margin-bottom: 52px;
}
#page .---tj-footer h2 {
	font-size: 21px;
	line-height: 1.3;
	color: #fff;
}
#page .---tj-footer p, #page .---tj-footer ul li a {
	color: #fff;
	font-size: 17px;
}
#page .---tj-footer a {
	color: #fff;
	text-decoration: none;
}
#page .---tj-footer a {
	color: #fff;
	text-decoration: none;
}
#page .---tj-con-links {
	padding-left: 30px;
}
#page .---tj-footer ul li a {
	line-height: 2;
}
.---tj-con-contact h2 {
	margin-bottom: 22px !important;
}
.---tj-footer-bottom .e-con-inner {
	padding-bottom: 26px;
}
#page .---tj-footer-bottom p, #page .---tj-footer-bottom p a {
	line-height: 1.6;
	margin: 0;
	font-size: 14px;
    color: #ffffffbf;
}

/* Footer 1024 -----------------------------------------------------------------*/
@media (max-width: 1024px) {
	/* Top footer styles */
	.---tj-footer {
		padding: 68px 0 0;
	}
	.---tj-footer-top {
		margin-bottom: 42px;	
		padding: 0 40px 0;
	}
	.---tj-footer-top .e-con-inner {
		column-gap: 42px;
	}
	.---tj-footer-top .e-con-inner > div {
		width: 30%;
	}	
	.---tj-con-hours {
		column-gap: 20px;
	}
	/* Bottom footer styles */
	.---tj-footer-bottom .e-con-inner {
	    justify-content: center !important; /* Center paragraphs */
	}
	/* Force the children to stop taking up the whole line */
	.---tj-footer-bottom .e-con-inner > div {
	    width: auto !important;
	}
}

/* Footer 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	.---tj-footer-top {
		--content-width: 720px !important;
	}
	.---tj-footer-top .e-con-inner {
		column-gap: 0;
	}	
	#page .---tj-con-hours {
		flex-direction: column;
		row-gap: 20px;
	}
	.---tj-con-hours .elementor-icon {
		margin-left: 65px;
	}
	.---tj-con-blurb {
		margin-top: 4px;
		width: 31%;
	}
	.---tj-con-blurb .---tj-con-hours {
		column-gap: 24px;
	}
	.---tj-con-links {
		padding-left: 18px;
	}
}

/* Footer 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	.---tj-footer {
		padding: 60px 0 0;
	}
	.---tj-footer-top {
		margin-bottom: 16px;
	}
	.---tj-footer-top .e-con-inner {
		flex-direction: column !important;
		text-align: center;
	}
	#page .---tj-footer-top h2 {
		font-size: 21px;
        text-align: center;
	}
	.---tj-footer-top .e-con-inner > div {
		width: 100%;	
		padding: 0 40px;
	}
	.elementor-element-4c2ef8f {
		border-width: 0 !important;
	}
	/* Center clock icon */
	#page .---tj-con-hours div > div {
		margin: 0 auto !important;
	}
	#page .---tj-con-links ul.elementor-icon-list-items {
		padding: 0 70px;
	}
	#page .---tj-footer-top .---tj-con-blurb h2 {
		line-height: 30px !important;
	}
	.---tj-con-links {
		padding: 0 !important;
	}	
	#page .---tj-con-links div {
		margin-top: 0;
	}
	/* Clear padding so list centers properly */
	#page .---tj-con-links .elementor-widget-icon-list {
		padding: 0;
	}
	.---tj-footer-bottom .e-con-inner > div {
		padding: 0;
		border: none;
	}
	.---tj-footer-bottom p {
		line-height: 20px;
		line-height: 1.8;
	}
}

/* About Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#page #---tj-about .---tj-con-box-inner {
	padding: 40px 40px 24px;
	gap: 0;
}
#---tj-about .---tj-con-box-inner p {
	color: #666;
	font-size: 18px;
	font-weight: 500;
}
#---tj-about .---tj-con-box-inner p strong {
	color: #232323;
	font-weight: 600;
}
#---tj-about .---tj-con-box-inner p a {
	color: #7a7a77;
	text-decoration: none;
}
#---tj-about .---tj-con-box-inner .elementor-element-d114683 p:nth-of-type(2) {
	font-size: 16px;
}

/* About 1024 -----------------------------------------------------------------*/
@media (max-width: 1024px) {
	#---tj-about .---tj-about-us > .e-con-inner {
		flex-direction: row-reverse;
    	column-gap: 50px;
		align-items: center;
	}
	#---tj-about .---tj-con-img {
		width: 31%;
		margin: 10px 0 0;
	}
	#---tj-about .---tj-con-text {
		width: 63%;
	}
	#---tj-about .---tj-con-img img {
		transform: scaleX(-1);
	}	
	#---tj-about .---tj-con-about-us-2 {
		margin: 10px 0 0;
	}
	#---tj-about .---tj-con-about-us-2 > .e-con-inner {
		flex-direction: column;
	}
	#---tj-about .---tj-con-about-us-2 .---tj-con-text, #page .---tj-con-about-us-2 .---tj-con-box {
		width: 100%;
	}
	#---tj-about .---tj-con-box {
		padding: 8px 0 0;
		margin: 20px 0 10px;
	}
	#page #---tj-about .---tj-con-box-inner {
		width: 75%;
    	margin: 0 auto;
		gap: 40px;
		flex-direction: row;
	}
	#page #---tj-about .---tj-con-box-inner > div {
		width: 50%;
	}
	#---tj-about .---tj-con-box-inner .elementor-element-d114683 p:nth-of-type(2) {
		font-size: 18px;
	}
}

/* About 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	#page .---tj-about-us > .e-con-inner {
		flex-direction: column-reverse;
	}
	#---tj-about  .---tj-content-area > .e-con-inner {
        gap: 30px;
    }
	#---tj-about .---tj-con-text, #---tj-about .---tj-con-img {
		width: 100%;
	}
	#---tj-about .---tj-con-img {
		margin: 20px 0 10px;
	}
	#---tj-about  .---tj-con-box {
        padding: 20px 0 0;
    }
	#---tj-about  .---tj-con-box-inner {
        width: 100%;
    }
}

/* About 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	#page .---tj-about-us > .e-con-inner {
		flex-direction: column-reverse;
    	column-gap: 50px;
	}
	#---tj-about .---tj-con-text {
		width: 100%;
	}
	#---tj-about .---tj-con-img {
		width: 100%;
	}
	#---tj-about .---tj-con-img img {
		transform: scaleX(1);
	}
	#page #---tj-about  .---tj-con-box {
		margin-top: 0;
    }
	#page #---tj-about  .---tj-con-box-inner {
		gap: 0;
		margin: 0;
		flex-direction: column;
		width: 100%;
    }
	#page #---tj-about .---tj-con-box-inner > div {
        width: 100%;
    }
	
}

/* Services ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-services .e-con-inner {
	gap: 60px;
}
#---tj-services .---tj-con-chem p {
	margin-bottom: 0;
}

/* Services 1024 -----------------------------------------------------------------*/
@media (max-width: 1024px) {
	#---tj-services .e-con-inner {
		gap: 40px;
	}
	#page [data-elementor-type="wp-page"] #---tj-services h2.elementor-heading-title {		
		font-size: 46px;
	}	
	#page .---tj-con-micro .---tj-con-text {
    	width: 70%;
	}
	#page .---tj-con-chem, #page .---tj-con-sampling, #page .---tj-con-haz {
    	flex-direction: row;
    	flex-wrap: nowrap; /* Prevents elements from jumping to a new line */
		gap: 0;
	}	
	/* Hides image containers */
	#page .---tj-con-chem .---tj-con-img, #page .---tj-con-sampling .---tj-con-img, #page .---tj-con-haz .---tj-con-img {
        width: 0;
    }
	/* Hides images */
	#page .---tj-con-chem img, #page .---tj-con-sampling img, #page .---tj-con-haz img {
        display: none !important;
    }
}

/* Services 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	#page .---tj-con-micro {
		flex-direction: column;
		width: 100%;
	}		
	#page .---tj-con-micro .---tj-con-text {
    	width: 100%;
	}	
	#page .---tj-con-micro img {
        margin: -12px 0 16px;
    }
}

/* Services 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	#page [data-elementor-type="wp-page"] #---tj-services h2.elementor-heading-title {		
		font-size: 30px;
	}		
	#page .---tj-con-micro .---tj-con-img {
        margin: 0;
    }
	#page .---tj-con-chem, #page .---tj-con-sampling, #page .---tj-con-haz {
    	flex-direction: column;
	}
	#page .---tj-con-sampling .---tj-con-img, #page .---tj-con-haz .---tj-con-img {
        width: 100%;
    }
	#page .---tj-con-sampling img, #page .---tj-con-haz img {
        display: block !important;
    }
	#page .---tj-con-micro img {
        margin: 0;
    }
	#page .---tj-con-sampling img, #page .---tj-con-haz img {
        margin: 0 0 50px;
    }
}

/* Team Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#page .---tj-team .---tj-con-img {
	margin: 0;
}
#page .---tj-team img {
	border-radius: 100%;
	margin: 0;
}
#page .---tj-team h2.ekit-heading--title {
    color: #232323;
    font-size: 28px !important;
}
#page .---tj-team h3.elementskit-section-subtitle {
    color: #7a7a77;
    font-size: 18px !important;
    margin: 5px 0 0;
}
.---tj-row-a .e-con-inner > div, .---tj-row-b .e-con-inner > div {
	gap: 8px;
}
.---tj-con-amanda img {
	border: 1px solid #ccc;
}
/* Team 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {
	#page .---tj-content-area.---tj-team > .e-con-inner {
        gap: 40px;
    }
	#page .---tj-row-a .e-con-inner, #page .---tj-row-b .e-con-inner {
    	max-width: 100% !important;
	}
	#page .---tj-team .e-con-inner .e-con-inner {
    	flex-wrap: nowrap;
    	justify-content: center !important;
    	--column-gap: 40px !important;
	}
	/* Targets the specific container to reduce the width */
	.---tj-team .---tj-row-a .---tj-con-img, .---tj-team .---tj-row-b .---tj-con-img {
    	width: 236px !important;
	}	
	/* Center everything within div.---tj-team */
	#page .---tj-team * {	
  		text-align: center !important;
	}
}

/* Team 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {	
	/* Targets the specific container to reduce the width */
	.---tj-team .---tj-row-a .---tj-con-img, .---tj-team .---tj-row-b .---tj-con-img {
    	width: 202px !important;
	}	
}

/* Team 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
    .---tj-team .e-con-inner {
        /* Allow items to wrap and stack */
        flex-wrap: wrap !important;      
        /* Center the stacked items */
        align-items: center !important;
    }
    .---tj-team .e-con-inner > .e-child {
        /* Make each person take up the full width available */
        width: 100% !important;
    }
}

/* Bios Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-bios .---tj-menu {
	padding: 0;
	border-radius: 10px;
	margin-bottom: 39px;
	border: 2px solid #dfdfdf;
}
#---tj-bios .elementskit-menu-container {
    height: 60px;
}
#---tj-bios .---tj-menu ul {
	padding-left: 20px;
}
#---tj-bios .---tj-menu a {
	color: #232323 !important;
	font-size: 17px;
	padding: 0px 12px !important;
	font-weight: 600;
}
#---tj-bios .elementskit-navbar-nav a:hover, 
#---tj-bios .elementskit-navbar-nav li.current-menu-item a,
#---tj-bios .elementskit-navbar-nav li:hover,
#---tj-bios .elementskit-navbar-nav li.current-menu-item {
    color: #1F3D9D !important;
	background-color: #f7f7f7;
}
#---tj-bios > .e-con-inner {
	padding: 70px 0;
	gap: 0;
}
.---tj-con-top, .---tj-con-bottom {
	padding: 0;
}
#page #---tj-bios .---tj-con-img {
	padding: 0;
}
#page #---tj-bios img {
	border-radius: 50%;
	padding: 10px;
	border: 1px solid #EBEBEB;
}
#page #---tj-bios .---tj-con-text {
	gap: 0;
	margin-top: 25px;
	margin: 24px 0 0;
	padding: 0;
}
#page [data-elementor-type="wp-page"] #---tj-bios .---tj-con-text h2 {
	font-size: 40px;
	line-height: 1.2em;
}
#page [data-elementor-type="wp-page"] #---tj-bios .---tj-con-text h3 {
	font-size: 26px;
	color: #a6a7a2;
}
 #---tj-bios .---tj-con-top {
	margin-bottom: 20px;
}
#---tj-bios .title-section {
	font-size: 24px;
	font-weight: bold;
}
#---tj-bios .job-title {
	margin-top: -20px;
	font-weight: 500;
}
#---tj-bios .title-subsection {
	font-weight: 600;
}
#---tj-bios .responsibilities {
	margin-left: 20px;
}

/* Bios 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {

	/* Begin menu styles, content area */
	/* Hide the hamburger button and the overlay */
	#---tj-bios .elementskit-menu-hamburger,
	#---tj-bios .elementskit-menu-overlay,
	#---tj-bios .elementskit-nav-identity-panel {
   		display: none !important;
	}		
	/* Lower the layer of your content area menu */
	.---tj-menu {
    	z-index: 1 !important;
    	position: relative !important;
	}
	/* Ensure the main header/fly-out menu is on a much higher layer */
	.elementskit-menu-container, #site-navigation {
    	z-index: 9999 !important;
	}
	/* Force the menu container to be visible and positioned normally */
	#---tj-bios .elementskit-menu-container {
    	position: relative !important;
    	left: 0 !important;
    	background: transparent !important;
    	max-width: none !important;
	}	
	/* Force the list items to only be as wide as the name itself */
	#---tj-bios ul.elementskit-navbar-nav li {
    	display: inline-block !important;
	}
	#---tj-bios ul.elementskit-navbar-nav li a {
	    padding: 0 18px;
		font-size: 17px;
	}
	#---tj-bios .---tj-menu {
    	margin-bottom: 20px;
	}
	/* End menu styles, content area */

	/* Tighten space between img and title */
	#page #---tj-bios .---tj-con-top {
	    gap: 28px;
	}
	#---tj-bios .---tj-con-top .---tj-con-img {
		width: 25%;
	}
}

/* Bios 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	#---tj-bios ul.elementskit-navbar-nav li a {
        padding: 0 18px;
        font-size: 16px;
    }
	#page .---tj-content-area > .e-con-inner {
        gap: 0;
    }
	#---tj-bios .---tj-con-top .---tj-con-img {
		width: 56%;
	}
}

/* Bios 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	#page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2 {
        margin-left: 15px !important;
        font-size: 42px !important;
    }
	
	/* Begin menu styles, content area */
	#---tj-bios .---tj-menu {
        margin: 0 auto;
        width: 100%;
    }
    /* Force each menu link to take up the full width */
    .---tj-menu li.menu-item {
        text-align: center;
    }
    /* Remove any floating or inline-block settings */
    .---tj-menu li.menu-item a {
    }
	#---tj-bios .---tj-menu ul {
    	padding-left: 0;
	}
	#---tj-bios ul.elementskit-navbar-nav li a {
    	font-size: 15px;
	}	
	/* Force the menu container into a 2x2 grid */
	#---tj-bios .---tj-menu ul.elementskit-navbar-nav {
    	display: grid;
    	grid-template-columns: 1fr 1fr; /* Two equal columns */
	}	
	
	/* Borders */
	#---tj-bios .---tj-menu {
		border: 1px solid #dfdfdf;
	}
	/* Create internal "sectors" with borders */
	#page #menu-team-bios-menu li {
	    border-right: 1px solid #dfdfdf;
	    border-bottom: 1px solid #dfdfdf;
	}
	#page #menu-team-bios-menu li:nth-last-child(-n+2) {
	    border-bottom: none; /* Removes bottom border on the last row */
	}
	/* Match link styling to the "sector" look */
	#page #menu-team-bios-menu li a {
	    display: block;
	}	
	/* End menu styles, content area */
	
	#page #---tj-bios .---tj-con-top {
        gap: 12px;
		margin: 10px 0 34px;
    }
	#---tj-bios h2, #---tj-bios h3 {
		text-align: center !important;
	}    
	#---tj-bios h2 {
		margin-bottom: 3px !important;
	}  
    /* Force the image container to take up the full width */
    #---tj-bios .---tj-con-img {
        width: 100% !important;
        justify-content: center !important;
    }
    /* Remove the 236px width restriction on the image */
    .---tj-con-img img {
        width: 100% !important;
    }
	#page #---tj-bios .---tj-con-text {
    	margin: 0;
	}
}



/* Sample Pages General Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.---tj-sample .---tj-col-a {
	width: 84%;
}
.---tj-sample .---tj--menu-outer {
	width: 30%;
	margin-top: 10px;
}
#page .---tj-sample ul.elementor-icon-list-items {
    margin-left: 20px;
}
#page .---tj-sample h4 {
    font-size: 24px;
}
.---tj-sample .---tj-footnote {
	font-size: 18px;
	font-style: italic;
}
.---tj-430 {
	display: none;
}

/* Sample Pages General 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {
	
	#page .---tj-sample > .e-con-inner {
		flex-direction: column-reverse;
	}
	.---tj-sample .---tj-col-a, .---tj-sample .---tj--menu-outer {
	width: 100%;
}

}

/* Sample Info Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.---tj-sample .---tj-strong {
	margin-top: -20px;
}
.---tj-sample .---tj-con-text strong {
	font-weight: 600;
}

/* Sample Pages, Menu Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Style heading and box around it */
#page .---tj-sample .---tj--menu-outer h4 {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.4;
	padding: 18px 24px;
    border-bottom: 2px solid #dfdfdf;
	background-color: #5087FC;
	border: 1px solid #5087FC;
	border-radius: 10px 10px 0 0;
}

#page .---tj-sample .elementskit-menu-container {
    /* Use max-content to force it to fit the list length */
    height: max-content; 
    min-height: 100%;   
    /* Force children to stay inside the flow */
    display: flex !important;
    flex-direction: column !important;
	/* Bg color and border */
    background-color: #ffffff !important;
    border-left: 2px solid #dfdfdf !important;
    border-right: 2px solid #dfdfdf !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-radius: 0px 0px 10px 10px !important;
    padding: 16px 0 !important;
}
/* Force the UL to also expand */
#page .---tj-sample #menu-sample-info {
    height: auto !important;
    position: relative !important;
}

#page .---tj-sample .---tj-menu a {
	margin: 0 0 17px;
	font-size: 16px;	
	padding: 0 24px 0;
	color: #232323;
}

/* li background fill box */
.---tj-sample .elementskit-navbar-nav li:hover,
.---tj-sample .elementskit-navbar-nav li.current-menu-item {
	width: 100%;
	background-color: #f7f7f7;
}
/* Link hover and current page color */
#page .---tj-sample .elementskit-navbar-nav a:hover, 
#page .---tj-sample .elementskit-navbar-nav li.current-menu-item a {
    color: #1F3D9D;
}

/* Sample Pages, Menu 1240 -----------------------------------------------------------------*/

@media screen and (max-width: 1240px) {	
    /* Hide the h4 header */
    #page .---tj-sample .---tj--menu-outer h4 {
        display: none;
    }
	#page .---tj-sample .elementskit-menu-container {
        border: 2px solid #dfdfdf !important;
        border-radius: 10px !important;
		max-width: 100%;
		padding: 0 12px !important;
    }
	
	#page .---tj-sample .elementskit-navbar-nav li,
	#page .---tj-sample .elementskit-navbar-nav li.current-menu-item {
    	width: 25%;
		text-align: center;
	}
	#page .---tj-sample .---tj-menu .elementskit-navbar-nav a,
	#page .---tj-sample .elementskit-navbar-nav li.current-menu-item a {
        line-height: 1.5;
		padding: 10px 12px;
		margin: 0;
		display: inline-flex;
	}
	
}

/* Sample Pages, Menu 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	#page #---tj-sample-parameters h2 {
    	padding-right: 0;
	}
	.---tj-sample .---tj-menu {
		margin-bottom: 30px;
	}
	#page .---tj-sample .elementskit-menu-container {
		padding: 0 !important;
	}
	/* Container: Set to full width */
	#menu-sample-info {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	}
	/* Quadrants: Force them to fill the space and center content */
	#page #menu-sample-info li {
		display: flex;
	    width: 100%;             /* Prevents "smushing" */
	    border: 1px solid #dfdfdf;           /* Optional: visual guide */
	}	
	/* Links: Ensure they wrap and stay centered */
	#menu-sample-info li a {
	    width: 100%;
		align-content: center;
		justify-content: center;
		height: 68px;
	}
	/* Target Top-Right Corner (Item 1) */
	#menu-sample-info li:nth-child(1) {
    	border-top-left-radius: 8px;
	}
	/* Target Top-Right Corner (Item 2) */
	#menu-sample-info li:nth-child(2) {
    	border-top-right-radius: 8px;
	}
	/* Target Bottom-Left Corner (Item 3) */
	#menu-sample-info li:nth-child(3) {
	    border-bottom-left-radius: 8px;
	}
	/* Target Bottom-Right Corner (Item 4) */
	#menu-sample-info li:nth-child(4) {
	    border-bottom-right-radius: 8px;
	}
	#page .---tj-sample .---tj-menu .elementskit-navbar-nav a, 
	#page .---tj-sample .elementskit-navbar-nav li.current-menu-item a {
		padding: 10px 20px;
	}

}

/* Sample Pages, Menu 430 -----------------------------------------------------------------*/
@media only screen and (max-width: 430px) {

	/* Hide html table and show image of table */
	.---tj-sample .---tj-screen {
		display: none;
	}
	.---tj-sample .---tj-430 {
		display: block;
	}
	#page .---tj-sample .---tj-430 img {
		border-radius: 0;
	}
	
	/* Change header h2 for Sample Info pages */
	.page-id-1350 #page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2,
	.page-id-1435 #page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2,
	.page-id-1671 #page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2,
	.page-id-1788 #page [data-elementor-type="wp-page"] > :first-child:not(.elementor-section-wrap) h2 {
		font-size: 30px !important;
	}
	
	/*Begin menu styles */
	/* Hide the hamburger toggle button entirely */
	 #page .---tj-sample .---tj-menu .elementskit-menu-hamburger {
    	display: none;
	}
	/* Force the menu container to be visible and stay in place */
	#page .---tj-sample .---tj-menu .elementskit-menu-container {
	    position: static;
	}	
	/* Hide the entire top bar area that contains the 'X' button */
	#page .---tj-sample .---tj-menu .elementskit-nav-identity-panel {
	    display: none;
	}
	
	/* Force the list container into a vertical column */
	#page .---tj-sample .---tj-menu ul.elementskit-navbar-nav {
	    display: flex;
	    flex-direction: column;
	}
	/* Force Matrix link to break at the & */
	#page .---tj-sample .---tj-menu .elementskit-navbar-nav a {
	    padding-right: 30px;
	    padding-left: 30px;
	}
	/* Style borders for 430 */
    #page .---tj-sample .elementskit-menu-container {
        border: 1px solid #dfdfdf !important;
    }
	#page .---tj-sample .elementskit-menu-container li,
	#page .---tj-sample .elementskit-navbar-nav li.current-menu-item {
        border: none !important;
    }
	#page .---tj-sample .elementskit-menu-container li a,
	#page .---tj-sample .elementskit-navbar-nav li.current-menu-item a {
        border-bottom: 1px solid #dfdfdf !important;
    }
	/* Removes the bottom border from the final list item */
	#page .---tj-sample .elementskit-menu-container ul li:last-child,
	#page .---tj-sample .elementskit-navbar-nav ul li.current-menu-item:last-child,
	#page .---tj-sample .elementskit-menu-container ul li:last-child a,
	#page .---tj-sample .elementskit-navbar-nav ul li.current-menu-item a {
	    border-bottom: none !important;
	}
	/* End menu styles */
	
	.---tj-sample .---tj-menu {
        margin-bottom: 42px;
    }
	/* Change header h2 for Sample Info pages */
	.page-id-1435 #page [data-elementor-type="wp-page"] h2.elementor-heading-title,
	.page-id-1671 #page [data-elementor-type="wp-page"] h2.elementor-heading-title,
	.page-id-1788 #page [data-elementor-type="wp-page"] h2.elementor-heading-title {
		font-size: 27px !important;
	}
	.---tj-sample .elementor-widget-icon-list {
		margin-bottom: 100px;
	}

}

/* Sample Pages, Tables Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* The Container */
.---tj-sample table {
	border: 2px solid #d9d9d9;
    border-collapse: separate;
    border-radius: 10px;	
}
/* General Cell Styling */
.---tj-sample table th,
.---tj-sample table td {
    padding: 13px 24px;
    color: #232323;
    font-size: .85em;
    line-height: 1.5;
    border-bottom: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
}
/* Target the very first row's and first cells to round them */
.---tj-sample table th:first-child {
    border-radius: 10px 0 0 0;
}
.---tj-sample table th:last-child {
    border-radius: 0 10px 0 0;
}
/* Target the very last row's first and last cells to round them */
.---tj-sample table tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
}
.---tj-sample table tr:last-child td:last-child {
    border-bottom-right-radius: 10px !important;
}
/* Header Specifics */
.---tj-sample table th {
    background-color: #ebebeb;
}
/* Zebra Striping */
.---tj-sample table tr:nth-child(odd) td {
    background-color: #fafafa;
}
/* Column Borders */
/* This targets the first and second columns only */
.---tj-sample table td:nth-child(1),
.---tj-sample table td:nth-child(2),
.---tj-sample table th:nth-child(1),
.---tj-sample table th:nth-child(2) {
    border-right: 2px solid #d9d9d9;
}
/* Clean up the outer edges */
.---tj-sample table th:last-child, 
.---tj-sample table td:last-child {
    border-right: none !important;
}
.---tj-sample table tr:last-child td {
    border-bottom: none !important;
}
/* Space below tables where needed */
.---tj-sample .---tj-margin-bottom table {
	margin-bottom: 20px;
}

/* Sample Pages, Tables 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	
	/* General Cell Styling */
	.---tj-sample table th,
	.---tj-sample table td {
	    padding: 5px 10px;
	}
	
}

/* Sample Processing Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-sample-parameters h2 {
	padding-right: 190px;
}

/* Sample Parameters Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-sample-parameters h2 {
	padding-right: 190px;
}

/* Sample Matrix Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-sample-matrix .---tj-con-containers ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
#---tj-sample-matrix .---tj-con-container li {
	margin-bottom: 0;
}

/* Forms Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-forms .---tj-con-device {
    display: none;
}
#---tj-forms .---tj-con-text {
    row-gap: 12px;
}
#---tj-forms ul.elementor-icon-list-items {
    margin-left: 30px;
}
#---tj-forms .---tj-col-a object {
    height: 472px;
}
#---tj-forms .---tj-col-b object {
    height: 731px;
}

/* Forms 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {
    #---tj-forms .---tj-con-screen {
        display: none;
    }
    #---tj-forms .---tj-con-device {
        display: flex;
    }
	#---tj-forms h3 {
		text-align: center;
	}
	/* Apply box shadow to images within the form containers */
    #---tj-forms .---tj-con-form img {
		border-radius: 0;
		box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.11);
		margin: 2px 0 0;
    }
	/* Center the icon list horizontally */
	#---tj-forms .---tj-con-text ul.elementor-icon-list-items {
    	justify-content: center; /* Centers the content of the list */
    	margin-left: 0;         /* Removes the 30px offset */
    	display: flex;
	}

}

/* Forms 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	
    #---tj-forms .---tj-heading {
        margin-bottom: 24px;
    }
	
#---tj-forms ul.elementor-icon-list-items {
    margin-left: 30px;
}
	    #---tj-forms h3.elementor-heading-title {
        font-size: 28px;
    }

}

/* Forms 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	
	#---tj-forms .---tj-con-device {
		row-gap: 40px;
	}
	
}

/* Rent Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#---tj-rent .---tj-row-b {
	margin-bottom: 34px;
}
#---tj-rent .---tj-row-c .---tj-con-text h3 {
    font-size: 42px;
    font-weight: 600;
}

/* Rent 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {

}

/* Rent 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {
	
	#---tj-rent .---tj-row-a, #---tj-rent .---tj-row-c {
		gap: 14px;
		margin-bottom: 40px;
	}
	#---tj-rent .---tj-row-a {
		flex-direction: column;
	}
	#---tj-rent .---tj-row-b {
		gap: 20px;
	}
	#---tj-rent .---tj-row-c {
		flex-direction: column-reverse;
	}
	
}

/* Rent 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	
	#---tj-rent .---tj-row-a {
		margin-bottom: 20px;
	}
	#---tj-rent .---tj-row-b {
		flex-direction: column-reverse;
	}
	#---tj-rent .---tj-row-b .---tj-con-img-b img {
		width: 188px;
	}
}

/* Contact Screen ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#page #---tj-contact .---tj-con-form h4,
#---tj-contact .---tj-con-form .wpforms-field-label,
#---tj-contact .---tj-con-form .wpforms-field-sublabel,
#---tj-contact .---tj-con-form .wpforms-required-label {
	color: #fff;
}
#---tj-contact .---tj-con {
	margin: 0;
}
/* Contact form background opacity */
#page .---tj-con-form::before {
    opacity: 0.9;
}
/* Button, Normal State: White with 50% transparency */
div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
    background-color: #fff !important;
    color: #1F3D9D !important; /* Blue text to keep it readable */
    transition: background-color 0.3s ease !important;
	border: 1px solid #fff;
}
/* Button, Hover State: Solid White */
div.wpforms-container-full button[type=submit]:hover {
    background-color: #1F3D9D !important;
    color: #fff !important;
	border: 1px solid #fff;
}

/* Contact 1240 -----------------------------------------------------------------*/
@media (max-width: 1240px) {
	
	#---tj-contact {
		padding: 0;
	}		
	/* Target the outer parent container holding both the text and the form */
	#---tj-contact .---tj-con {
    	flex-wrap: nowrap;   /* Prevents premature wrapping */
    	align-items: flex-start; /* Alignment of bg image */
	}
	/* Set width of text and form containers */
	#---tj-contact .---tj-con-text, #---tj-contact .---tj-con-form  {
		width: 50%;
	}
	
	#---tj-contact h2 {
		text-align: center;
	}
	#---tj-contact > .e-con-inner {
		padding-bottom: 70px;
	}

}

/* Contact 800 -----------------------------------------------------------------*/
@media (max-width: 800px) {

	#---tj-contact .---tj-con {
    	flex-direction: column;
	}
	/* Set width of text and form containers */
	#---tj-contact .---tj-con-text, #---tj-contact .---tj-con-form  {
		width: 100%;
	}
	/* Remove box shadwo */
	#---tj-contact .---tj-con {
    	box-shadow: none;
	}
	
	#---tj-contact .---tj-con-text  {
		padding-top: 0;
	}
	#---tj-contact div.---tj-con-text > :first-child {   	
    	padding-left: 150px;
		padding-right: 150px;
	}	
	#---tj-contact .---tj-con-form h4 {
		text-align: left;
		font-size: 32px;
		font-weight: 600;
	}
	
}

/* Contact 430 -----------------------------------------------------------------*/
@media (max-width: 430px) {
	#---tj-contact > .e-con-inner {
        padding: 50px 0 70px;
    }
	/* Padding around opening title and text */
	#---tj-contact div.---tj-con-text > :first-child {
    	padding-left: 0;
		padding-right: 0;
	}	
}