@charset "UTF-8";

:root
{
    --sabertech-dark-blue: #00215C;
    --sabertech-light-blue: #4AC4D4;
    --sabertech-teal: #0D95A1;
    --sabertech-gray: #606060;
    --sabertech-golden-20: #FACE00;
    --qds-orange: #FF7200;
}

body {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1, h2, h3, h4, h5, h6 {
  display: inline-block;
}


.no-wrap
{
	white-space:nowrap;
}

ul {
  list-style-image: url("../images/icons/bullet_o_v2.png");
}

ul ul {
  list-style-image: url("../images/icons/bullet_arrow_blue_v2.png");
}

li.ml-5
{
	list-style-image: url("../images/icons/bullet_arrow_blue_v2.png");
}

.bold{font-weight: bold;}

.underline {
  text-decoration: underline;
}

.container img {
  max-width: 100%;
}

.orange-text {
  color: #FF7200 !important;
}

.blue-text {
  color: var(--blue);
}

.navbar-brand
{
    font-size: 1.5rem;
} 

@media (min-width: 992px)
{
    .navbar
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.arrow-button {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z'/><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z'/></svg>");
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
  background-position: 90% 50%;
}

.blue-button {
  background-color: #13264a;
  color: white;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-bottom: 1rem;
  padding: 1.125rem 3.375rem 1.125rem 1.125rem;
  background-position: 98% 50%;
  text-align: center;
  font-weight: bold;
}

.blue-button:hover {
  background-color: var(--qds-orange);
}

.orange-button {
  background-color: var(--qds-orange);
  color: white;
  margin-bottom: 1rem;
  padding: 1.125rem 3.375rem 1.125rem 1.125rem;
  background-position: 98% 50%;
  text-align: center;
  font-weight: bold;
}

.orange-button:hover {
  background-color: #13264a;
}

.white-button {
  background-color: white;
  color: #13264a;
  margin-bottom: 1rem;
  padding: 1.125rem 3.375rem 1.125rem 1.125rem;
  background-position: 98% 50%;
  text-align: center;
  font-weight: bold;
}

.white-button:hover {
  background-color: #13264a;
  color: white;
}

.ruleCircle {
  height: 9px;
  margin: 0 0 10px 0;
  background-image: url("../images/icons/ruleCircle.png");
  background-repeat: no-repeat;
  background-position: right;
  max-width: 100%;
}

hr.blue-rule {
  background-color: #13264a;
  height: 1px;
  width: 60%;
  margin: 2rem auto;
}

hr.orange-rule {
  background-color: var(--qds-orange);
  height: 1px;
  width: 50%;
  margin: 2rem auto;
  opacity: 1;
  border-top-color: var(--qds-orange);

}

#header-top {
  background-color: #212529;
}

#sub-header {
  background-color: var(--qds-orange);
}

#sub-header-content {
  text-align: right;
  padding-top: 2.125rem;
  padding-bottom: 1.875rem;
  padding-left: 8.5rem;
}

#sub-header-content div.section-name {
  display: inline-block;
  color: white;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 0;
}

#sub-header-content div.section-name a {
  color: white;
}

#sub-header-content div.page-name {
  display: inline-block;
  color: white;
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 0;
}

div#back-to-header
{
	display: none;
}

#maincontainer {
  background-color: white;
  padding-top: 3.4375rem;
}

#maincontainer h1 {
  color: #13264a;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.75rem;
}

#maincontainer h2 {
  color: #13264a;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#maincontainer h3 {
  color: #13264a;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

#maincontainer p a, #maincontainer li a {
  color: #FF7200;
  font-weight: bold;
}

#maincontainer a
{
  text-decoration: none;
}

#maincontainer a:hover
{
  text-decoration: underline;
  text-decoration-color: currentColor;
}


/*Site Footer Styles*/
#footerWrapper
{
    background-color: black;
}

#footerContent
{
    color: white;
}

#footerContent p
{
    font-size: 1.1em;
}

#footerContent a
{
    color: white;
    text-decoration: none;
}

#footerContent a:hover
{
    color: var(--sabertech-golden-20);
    text-decoration: underline;
}

#footerContent img
{
    background-color: white;
}

a.img-with-link
{
    text-decoration: none; 
    display: inline-flex;  
    align-items: center;   
    gap: 0.5rem;           
}

a.img-with-link:hover {
    text-decoration: underline; /* Re-add underline on hover */
}

a.img-with-link svg {
    text-decoration: none; /* Ensures no underline appears on the icon */
}

/*Contact Us Styles*/
#contact-form-wrapper
{
	background: rgba(255,114,0,0.1); 
	border: 1px solid #FF7200; 
	border-radius: 10px; 
	padding: .5rem;
}

#contact-form label
{
	font-weight: bold;
}

#contact-form label.field-descriptor
{
	font-weight: normal;
	font-size: .9rem;
}

.required-field
{
	color: red;
}

#contact-form-success
{
	background: rgba(3,177,252,0.1);
	border: 1px solid #13264a; 
	border-radius: 10px; 
	padding: .5rem;
	width: 75%; 
	margin: 0 auto 1rem auto;
	text-align:center;
	font-weight:bold;
}

img.full-size-image
{
	max-width: none;
}



/* QDS Syles */
#qds-filter-toggle{display:none;}

.qds-nav-button {
  border: 2px solid #FF7200;/*#13264a;*/
  background-color: white;
  color: #13264a;
  font-weight: bold;
  padding: 0.5rem 1rem;
  margin-right: .5rem;
  margin-bottom: .5rem;
}

.qds-sub-nav .qds-nav-button {
  background-color: rgba(19, 38, 74, 0.2); /* GRAY - */
  /* light blue -background: rgba(3,177,252,0.1); */
  border-color: #13264a; /*REMOVE FOR BLUE BORDERS*/
  /*transition: 0.1s ease;*/
  margin-left: 1em;
}

.qds-nav-button:hover {
  background-color: #13264a !important;
  color: #FF7200 !important;
}

.qds-nav-button-selected {
  background-color: #13264a !important;
  border-color: #13264a;
  color: white !important;
}

.qds-sub-nav .qds-nav-button-selected {
  background-color: #FF7200 !important;
  color: #13264a !important;
}

.qds-nav-button-selected:hover {
  background-color: #13264a !important;
  color: white !important;
}

.qds-nav-button-selected:hover .qds-nav-arrow-path {
  background-color: #13264a !important;
  color: white !important;
}

.qds-nav-button:hover .qds-nav-arrow-path {
  fill: #FF7200;
}

.qds-nav-button .qds-nav-arrow-path {
  fill: #13264a;
}

.qds-nav-button-selected .qds-nav-arrow-path {
  fill: white !important;
}

#maincontainer #qds-nav-wrapper a {
  /*text-decoration-color: #FF7200;*/
  text-decoration: none;
}

.rotated-arrow {
  transform: rotate(90deg);
}

#qds-new-window-demo
{
	float: right;
}

#qds-web-demo-break{display:none;}


#qds-module-button-wrapper {
  
  margin-bottom: 1rem;
}

#qds-module-button-wrapper .col {
  text-align: center;
  height: 112.5px;
}

#qds-module-button-wrapper .col div {
  height: 100%;
  max-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#qds-module-button-wrapper a {
  color: black;
  font-weight: bold;
}

.btn-link {
  font-weight: 400;
  color: #13264a;
  text-decoration: none;
}

.btn-link:hover {
  font-weight: 400;
  color: #13264a;
  text-decoration: underline;
}

img.qds-module
{
	/*border: 1px solid #13264a;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.qds-info {
  margin-bottom: 1rem;
  transition: none;
}

.qds-info h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #13264a;
}

#qds-contact-footer {
  margin-bottom: 1rem;
}

#qds-contact-footer h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #13264a;
}

table.qds-upgrade td {
  vertical-align: top;
}

table.qds-upgrade p.versionNote {
  margin-bottom: 0;
  font-size: 0.75rem;
  text-align: right;
  font-weight: bold;
}

#ds-video-wrapper h3, #acasi-video-wrapper h3, #capi-video-wrapper h3, #qdsweb-video-wrapper h3, #wm-video-wrapper h3
{
	
	font-size: 1.15rem;
    line-height: 1.15rem;
}

img.videoThumbnail {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 192px;
}

#videoDescription
{
	margin: 1rem 1rem;
}

.qds-sample-files .card-header .btn-link
{
	font-weight: bold;
}

.qds-sample-files .card-body
{
	background: rgba(3,177,252,0.1);
}

/*FAQs*/
h2.faqSectionHeader{font-size: 16px; display:block;}

#faqSearch
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 7px;
}

h3.faqSectionHeader
{
	display: block;
	text-align:left;
	color: #00F;
	margin-bottom: .5em;
	margin-top:1em;
	
}

.faqSectionWrapper
{
	display: none;
}

.faqCollapseSection
{
	display: none;
}

.faqSectionHeader img
{
	margin-top: 1px;
	
}

.faqWrapper
{
	
	margin-left: 1.5em;
	margin-bottom: .5em;
}

.faqHeader
{
	font-size: .9em;
	font-weight: bold;
	color: #006;
	padding-left: 20px;
}

.faqQuestion {
    font-weight: bold;
	margin-top: 5px;
	margin-bottom:3px;
	margin-left: 7px;
	display: none;
	font-size: .9em;
}

.faqAnswer
{
	margin-left: 20px;
	display: none;
	font-size: .9em;
	margin-bottom: 1rem;
}

.faqAnswer a
{
	color: #FF7200;
}

.faqCollapse
{
	display: none;
}

.faqHeader img
{
	vertical-align: -2px;
	margin-left: -20px;
}

#order-form-wrapper, #trial-form-wrapper, #download-form-wrapper, #older-version-wrapper
{
	background: rgba(52,161,235,0.1); 
	border: 1px solid #34a1eb;
	border-radius: 10px; 
	padding: .5rem;
}

#older-version-wrapper
{
	font-size: .9rem;
	text-align: center;
	width: 50%;
	margin: 1rem auto;
}

#orderForm label, #trialForm label, #downloadForm label
{
	font-weight: bold;
}

#orderForm label.field-descriptor, #trialForm label.field-descriptor, #downloadForm label.field-descriptor
{
	font-weight: normal;
	font-size: .9rem;
}

#orderForm select, #orderForm input, #trialForm select, #trialForm input, #downloadForm input
{
	max-width: 100%;
}

.trialFormRow, .downloadFormRow{margin-bottom: 1em;}
.orderFormRow{margin-bottom: .25em;}

.orderFormRow > :first-child, .trialFormRow > :first-child, .downloadFormRow > :first-child{padding-right:0; text-align: right; white-space: nowrap;}

.extraItem .orderFormRow{margin-bottom: 0em;}

#order-form-success, #trial-form-success
{
	background: rgba(3,177,252,0.1);
	border: 1px solid #13264a; 
	border-radius: 10px; 
	padding: .5rem;
	width: 75%; 
	margin: 0 auto 1rem auto;
	text-align:center;
	font-weight:bold;
}

#serialNumWrapper
{
	display: none;
}

.download-form-success
{
	background: rgba(3,177,252,0.1);
	border: 1px solid #13264a; 
	border-radius: 10px; 
	padding: .5rem;
	width: 95%; 
	margin: 0 auto 1rem auto;
	text-align:center;
}

#trialVersionRow{display:none;}


div.card-body ul:last-of-type
{
	margin-bottom: 0;
}

/*End Main QDS Styles*/

/*breakpoint AND UP queries*/
@media (min-width: 768px) {
  #footer-nav-links {
    display: block;
  }
}

/*breakpoint AND DOWN queries*/
@media (max-width: 1199.98px) {
  #QDSPrimaryNav .nav-item {
    margin-left: 1.1rem;
  }
  

#qds-web-demo-break{display:block;}


}

@media (max-width: 1025px) {
img.case-study-landscape, div.case-study-landscape {
  margin-right: -100px;
}
}

/*Medium devices (tablets) and smaller - mobile nav displayed*/
@media (max-width: 991.98px) {
  #QDSPrimaryNav .nav-item {
    margin-left: 1.1rem;
  }
  
  #maincontainer {
    padding-top: 1rem;
  }
  
  	#homepage-core-services{margin-top: .5rem;}	
	#homepage-image-overlay{width: 100%;}
	
	#footer-nav-buttons{padding-left: 1rem; padding-right: 1rem;}
	

img.case-study-portrait, img.bio-portrait, div.case-study-portrait {
  margin-right: 0px;
}

img.case-study-square {
  margin-right: 0px;
}	

/*Breadcrumb changes*/
#sub-header-content div.section-name
{
	display: none;
}

div#back-to-header
{
	display: block;
}

/*Core Service Landing Page*/
.core-services-panel{display: none;}
.core-services-panel-mobile{
	display:block;
	max-width: 519px;
	margin: 1rem auto;
	}

/*Case Study Filters*/
div.case-study-filter-wrapper{display: none;}
div.case-study-filter-wrapper-mobile{display: block;}

/*QDS styles*/
#qds-filter-toggle{display:block; margin-bottom: 1rem;}
#qds-web-demo-break{display:none;}


}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

#homepage-image-overlay{padding-top: 5rem;}
#homepage-image-overlay h1 {font-size: 1.75rem;}
#homepage-image-overlay p {padding-right: 2rem; text-align:left;}
#footer-nav-buttons{padding-left: 5rem; padding-right: 5rem;}
#sub-header-content {
  padding-left: 2rem;
}
#contract-vehicles-content .row .col
{
	margin-bottom: 1rem;
}

img.case-study-landscape, img.case-study-portrait,img.case-study-square, img.bio-portrait, div.case-study-landscape, div.case-study-portrait {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

}

/*Extra Small (portrait phones) breakpoint tweaks*/
@media (max-width: 575.98px){
.case-study-tile-wrapper 
{
	margin-left: 0 !important;
}

#related-case-studies-content
{
	padding-left: 0;
	padding-right: 0;
}
	
#homepage-core-services	div.row, #interior-core-services div.row
{
	margin-left: 0 !important;
}

img.videoThumbnail {
	display: block;
    margin: 0 auto .75rem auto;
    width: 75%;
}

.orderFormRow > :first-child, .trialFormRow > :first-child{text-align: left; white-space: normal;}

}

/*smallest smartphones, portrait*/
@media (max-width: 472px){
/* Tile updates*/	
.core-services-tile, .case-study-tile
{
	max-height:210px;
}

.core-services-tile-label, .case-study-tile-label
{
	line-height: 1.1em;
	font-size: .8rem;
}

.core-services-tile:hover .core-services-tile-label, .case-study-tile:hover .case-study-tile-label {
  opacity: 1;
}

.core-services-tile-overlay, .case-study-tile-overlay {
  display: none;
}

#maincontainer .core-services-banner-text 
{ font-size: 1.25em;
  padding: 0.5rem 0.5rem; 	
}

}
@media (max-width: 430px){.core-services-tile, .case-study-tile{max-height: 190px;}}
@media (max-width: 400px){.core-services-tile, .case-study-tile{max-height: 175px;}
#footer-nav-buttons {padding-left: 2rem;padding-right: 2rem;}
}

@media (max-width: 410px) {
    .navbar-brand img {
        width: 35px; /* Reduce logo size */
        height: 35px;
    }

    .navbar-brand span {
        font-size: 1.25rem; /* Shrink font size */
    }

    .navbar-toggler {
        padding: 0.25rem 0.5rem; 
        font-size: 0.8rem; 
    }

    /*.navbar-toggler-icon {
        width: 1rem;
        height: 1rem;
    }*/
}

@media (max-width: 361px){.core-services-tile, .case-study-tile{max-height: 155px;}}
@media (max-width: 338px){#homepage-image-overlay h1 {font-size: 1.5rem;}}
@media (max-width: 321px){
	.core-services-tile, .case-study-tile{max-height: 135px;}

}