/*
Theme Name:   BlueprintLab
Description:  Advanced Robotic Arms
Author:       Karen Johnstone
Template:     astra
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  BlueprintLab
*/

/* Add custom css below */
/* Karen Johnstone */
/*Main*/
/*Prevent overflow on mobile*/
html,
body {
	width: 100% !important;
	overflow-x: hidden !important;}
/*Reset for IE*/
* {margin: 0; padding: 0;}
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,
summary {
  display: block;
}
/*-- endReset --*/

/*-- Define Global font styles --*/
/*Use a system font. Once the custom font is ready, the system font is swapped out */
@font-face {
  font-family: 'arial', sans-serif;
  font-display: swap;
}
html, body, p, h1, h2, h3, h4, span {
	font-family: "proxima-nova", 'arial','sans-serif' !important; 
	font-style: normal;
}
/*targets single post page only*/
.single-post .entry-title{
	color: #4d4d4d !important;
}
/*Set Base font size to 17px = 1em = 100%*/
@media (max-width: 1919px){
/*p*/
html p {
	font-family: "proxima-nova";
	font-size: 100% !important; /*17px*/
	font-weight: 400 !important; 
	font-style: normal;
	}
body p {
	font-family: "proxima-nova";
	font-size: 17px !important;/*1em*/
	font-weight: 400 !important; /*regular*/
	font-style: normal; 
	line-height: 1.75; 
	}
/*h1*/
html h1, body h1 {
	font-size: 2.1765em !important;/*37*/
	color: #ffffff !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	}
/*h2*/
html h2, body h2 {
	font-size: 1.9412em !important;/*33px*/ 
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	}
/*h2 extra class name for extra-bold*/
	.extrabold {
	font-weight: 800 !important;
	}
/*h3*/
html h3, body h3 {
	font-size: 1.1em !important;/*18.7px*/
	color: #E24D30 !important;
	font-weight: 300 !important; 
  text-transform:uppercase !important;
	letter-spacing: 1.4px !important;
	}
/*h4*/
html h4, body h4 {
	font-size: 1.0882em !important; /*18.5px*/ 
  font-weight: 400 !important; 
    /*text-transform: uppercase;*/ /*had to remove as carousel headings use this and it looked really bad*/
	}
/*p-large - use under h1*/
p.elementor-heading-title.elementor-size-large {
	font-size: 1.0944em !important;/*19.7px*/
	font-weight: 400 !important;
	line-height: 1.5em !important; 
	} 
}
/*styles for wide screen => 1920px*/
@media (min-width: 1920px) {
	html h1, body h1 {
		font-size: 3.4118em !important; /*57px*/
		color: #ffffff !important;
		font-weight: 700 !important;
	  text-transform: uppercase !important;
	}
	
	html h2, body h2 {
		font-size: 2.3529em !important; /*40px*/
		font-weight: 700 !important;
	    text-transform: uppercase !important;
	    line-height: 1 !important;
	}
	/*h2 extra class name for extra-bold*/
	.extrabold {
	font-weight: 800 !important;
	}
	html h3, body h3 {
		font-size: 1.2353em !important; /*21px*/
		color: #E24D30 !important;
	    font-weight: 300 !important;
        text-transform:uppercase !important;
	    letter-spacing: 1.4px !important;
	}
	html h4, body h4 {
		font-size: 1.1765em !important; /*20px*/
		font-weight: 400 !important;
	}
/*p-large - use under h1*/
p.elementor-heading-title.elementor-size-large {
		font-size: 1.3333em !important;/*24px*/
		font-weight: 400;
		line-height: 1.5em !important;
	}
}
/*-- font for mobile --*/
/*p-large - use under h1*/
@media (max-width: 767px){
	p.elementor-heading-title.elementor-size-large {
	font-size: 1em !important;/*17px*/
	font-weight: 400 !important;
	line-height: 1.2em !important; 
	} 
}
/*--end fonts--*/
/* -- Define header bar for github page*/
.page-id-67568 .main-header-bar {
	background-color:#061E3A;
}
/*-- Mobile Menu scroll issue --*/
/*-- fix 'unable to scroll off-canvas menu on iphone 6,7,8' --*/
@media (max-width: 1180px){
#mysticky-wrap {
height: 100vh;
overflow-y: scroll;}
}

/*--DEFINE GLOBAL BUTTON STYLES (used on html)--*/
/*buttons on grey background*/
.btn-on-grey {
	color: #000;
	background-color: transparent !important;
	border: 2px solid #E24D30;
	border-radius: 20px;
	font-size: 15px;
	/*padding: 2px 12px; /*top&bottom, left&right*/
	transition: 0.3s;
	}
	.btn-on-grey:hover {
    color: #E24D30;
	}
/*buttons on blue or transparent blue background*/
.btn-on-blue {
  color: #fff;
	background-color: transparent !important;
	border: 2px solid #E24D30;
	border-radius: 20px;
	font-size: 15px;
	/*padding: 2px 12px; /*top&bottom, left&right*/
	}
.btn-on-blue:hover {
    color: #E24D30;
	transition: 0.3s;
	}
/*--END NEW GLOBAL BUTTON STYLES--*/
/*-- DEBUG --*/
/*IE Moz*/
/*IE and FireFox bug - remove border*/
.ast-small-footer {
border-style: none;
}
/* -- PPWP password, style form that protects FILES & PAGES --*/
.ppwpsr__logo a.ppwpsr__logo-link {
    background-image: none, url(https://reachrobotics.com/media/cropped-R-Avatar.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    width: 84px; /*121*/
    height: 84px; /*121*/
    margin: 0 auto 25px;
    text-decoration: none;
    text-indent: -9999px;
}
a.ppwpsr__logo-link {
	background: url(https://blueprintlab.com);
}
/*-Default PPWP form that protects PAGES-*/
/*style single password form button*/
.ppwpsr__form .form__btn-submit {
    background: #E24D30 !important;
    border-color: #E24D30 !important;
    color: #fff; }
/*controls padding around the form - added media queries to adjust when scaling up*/
	.ppw-ppf-input-container {
    background-color: #f1f1f1!important;
    padding: 10vh;
    margin-left: 28%;
    margin-right: 28%; 
padding-top: 20vh !important;}
/*field container - adds padding, bg color around form*/
.ppw-ppf-field-container {
    background-color: #ffffff;
    padding: 4vh;
    border-radius: 12px; 
}
/*adds height and bg color to default form page*/
	.ppw-post-password-container{
	height: 100vh;
	background-color: #f1f1f1;}
/*customises bg colour of entire page*/
.ppw-post-password-container{background-color:#f1f1f1;
}
/*adds margin top to submit btn - otherwise too close to field*/
.ppw-ppf-input-container input[type='submit'] {
    background: #2b4c70!important;
    margin-top: 1.3vh; }
/*adds space between password label and checkbox*/
#ppw_54531 {margin-right: 10px !important;}
/*PWP media queries for default form*/
/*removes padding when scaling down*/
@media screen and (max-width: 1680px) {
	.ppw-ppf-input-container {
    margin-left: 26%; /*28*/
    margin-right: 26%; /*28*/}
}
@media screen and (max-width: 1440px) {
	.ppw-ppf-input-container {
    margin-left: 22%; /*28*/
    margin-right: 22%; /*28*/}
}

/*tablet and mobile - adds padding-top to container*/
@media screen and (max-width: 1023px) {
.ppw-ppf-input-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
	padding-top: 15vh !important; }
}
/*small mobile*/
@media screen and (max-width: 359px) {
.ppw-ppf-input-container {
    margin-left: 0%;
    margin-right: 0%;
	padding: 15vh 0 0 0 !important;}
}
/*-- End of PPWP forms-- */
/*Popups - increase size of the close btn*/
/*Alpha + Bravo Page*/
.dialog-close-button {
	font-size: 18px !important;/*11*/
}
/* -- Reusable Buttons -- */
/*contact-us btn*/
button.contact-us {
	background-color: transparent;   color: #ffffff; 
	text-align: center; 
	border: 2px solid white; 
	border-color: #e24d30;
	border-radius: 10px; }
button.contact-us:hover{
	border-color: #e24d30;
	color: #e24d30; }
/*Learn-More btn*/
button.learn-more {
	background-color: transparent;   color: #ffffff; 
	text-align: center; 
	border: 2px solid white; 
	border-color: #e24d30;
	border-radius: 10px;
	font-size: 15px; }
button.learn-more:hover{
	border-color: #e24d30;
	color: #e24d30; }
/*Github button on white bg*/
button.github{
	background-color: transparent;
	color:grey; 
	text-align: center; 
	border: 2px solid white; 
	border-color: #e24d30;
	border-radius: 10px; }
button.github:hover{
	border-color: #e24d30;
	color: #e24d30; }
/*Datasheet button on white/grey bg*/
button.datasheet{
	background-color: transparent;
	color: #000000; 
	text-align: center; 
	border: 2px solid #e24d30; 
	border-radius: 10px; }
button.datasheet:hover{
	border-color: #e24d30;
	color: #e24d30; }
/*-- end buttons --*/
/*--header--*/
/*logo*/
@media (max-width: 1024px){
header .custom-logo-link img {
    max-width: 260px; /*290px*/
    }
}
@media (max-width:1365px) and (min-width: 1025px) {
header .custom-logo-link img {
    max-width: 180px !important; /*290px*/
    }
}
@media (min-width: 1366px) and (max-width: 1440px){
header .custom-logo-link img {
    max-width: 260px; /*290px*/
    }
}
/* -- Main Menu -- */
/*mobile*/
/*changes bg color on mobile*/
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    background-color: #091f39;
}
/*styles submenu bg color*/
.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu {
    background-color: #091f39;
	}
/*brightened right-side arrows otherwise too dark*/
.ast-menu-toggle {
   color: #f1f1f0 !important;
}
.menu-link:hover {color:#e24d30 !important;}
/*sub menu -increase width for long submenu titles */
.main-header-menu .sub-menu {
    width: 308px; /*240px;*/
}
/*removes arrows from dropdown menu */
.ast-header-break-point .main-navigation ul.children li a:before, .ast-header-break-point .main-navigation ul.sub-menu li a:before {
   display: none; }
/*top menu link color*/
.main-header-menu a, .ast-header-custom-item a {
    color: #ffffff; 
}
/*increase line-height to last two sub-menu items under Applications as they appear squashed - to min-width 922px */
@media (min-width:921px) { 
	.l-height {
	line-height: 1.1em; 
	}
}
/*remember to apply class to menu item*/
/*move sub-menu items to the right*/
.set-margin {
	margin-left: 1.1em;
}
/*keep category headings bold in menu*/
.bold{
	font-weight: bold; 
}
/*Reduces line-height for submenu items for screens that are 1280px and up*/
@media screen and (min-width: 1280px){
  .main-header-bar .main-header-bar-navigation .children, .main-header-bar .main-header-bar-navigation .sub-menu {
    line-height: 0.1em; }
}
.menu-link:hover {color:#e24d30 !important;}
/*header bar post page*/
.single-post .main-header-bar {
    background-color: #091f39 !important;
}
/*Adjust sticky header offset for Anchor Links*/
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display:block;
  height: 120px; /* fixed header height+*/
  margin: -120px 0 0; /* negative fixed header height */
  visibility: hidden;
  pointer-events: none;
}
/*--End Menu and header Styles--*/
/*--FIG CAPTION ---*/
/*icons*/
/*add 1 more line-height to .8075em*/
.wp-caption .wp-caption-text {
    margin: 1.2825em 0;
}
/*--CHANGE LINE BREAK--*/
/*STOPS UNWANTED LINE BREAKS ON LAPTOPS THAT ARE REQUIRED ON WIDER SCREENS*/
/*useful on headings in awkward columns that need to be centered*/
@media (max-width: 1440px){
    br.change-line-break {
        display: none; }
}
/*--CHANGES PADDING to suit WIDE SCREENS--*/
/*Used on Support Page*/
@media (min-width: 1600px){
    .change-padding-wide-screen {
    padding-left: 60px;
    padding-right: 60px; }
}
@media (min-width: 2200px){
    .change-padding-wide-screen {
    padding-left: 140px;
    padding-right: 140px; }
}
/*-- HIDDEN SECTIONS - old methods to delete --*/ 
/*--HOME & ALPHA PAGE-- */
/*hides big section with video and text on screens 1920 and less*/
@media (max-width: 1920px){
	.hide-big-section-below-1920{
    display: none; }
}
/*hides small section(edit on 2560px screen)*/
@media (min-width: 1921px){
	.hide-small-section-over-1920 {
    display: none; }
}
/* -- BRAVO PAGE -- */
/*BRAVO video/text section April-2021*/
/*hides bigger 2-col section (video aspect ratio 4:3) on screens below 1792px*/
@media (max-width: 1791px){
	.hide-bravo-test-section-below-1792{
    display: none !important; }
}
/*hides small 2-col section on big screens (video aspect ratio 1:1)*/
@media (min-width: 1792px){
	.hide-bravo-test-section-1792-and-up {
    display: none !important; }
}
/*hides bigger 2-col section (aspect ratio 3:2) on screens below 1920*/
@media (max-width: 1919px){
	.hide-bravo-section-below-1920{
    display: none; }
}
/*hides small 2-col section on screens 1920 & up (aspect ratio 1:1)*/
@media (min-width: 1920px){
	.hide-bravo-section-1920-and-up {
    display: none; }
}
/*hides the section 1920 and less (can edit on standard monitors of 1920*/
@media (max-width: 1919px){ /* 1920 */
	.hide-this-section-below-1920{
    display: none; }
}
/*hides laptop screen display (video beside text) on screens 1920px and up (edit on 2560 screen)*/
@media (min-width: 1920px){
	.hide-this-section-over-1920 {
    display: none; }
}
/*--TESTIMONIAL Panels. Two separate panels have been made to accommodate the two screen sizes below*/
/*Alpha,Bravo,Grabbers page*/
/*hides small section from wide screens-*/
@media (min-width:1792px){
	.hide-testimonial-section-2-on-wide-screen{
		display: none; }
}
/*hides larger section from small screens*/
@media (max-width:1791px){
	.hide-testimonial-section-1-on-narrow-screen{
		display: none;	}
}
/*--ALPHA & BRAVO PAGE Hidden Specs section, uses the same class name for both pages--*/
/*--hide section 1--*/
/*Hide this view on mobile and small tablet devices. Viewable on laptops and higher*/
@media (max-width: 699px){
	.hide-bravo-specs-on-small-screens{
		display: none; }
}
/*--hide section 2--*/
/*Hide this view on laptops and higher. Viewable on mobile and small tablet only */
@media (min-width: 700px){
	.hide-bravo-specs-on-big-screens{
		display: none;	}
}
/*-- CAREERS PAGE --*/
/*2-col Internship section*/
/*hide small (aspect ratio 1:1) on big screen*/
@media (min-width: 1792px){
	.hide-intern-1-1{
    display: none !important;	}
}
/*hide large (4:3) on small screen*/
@media (max-width: 1791px){
	.hide-intern-4-3 {
    display: none !important;  }
}
/*hides small 2-col section from being viewed on bigger screens over 1366 (video aspect ratio 1:1)*/
@media (min-width: 1367px){
	.hide-intern-section-1367-and-up {
    display: none !important;  }
}
/*-- INDUSTRY PAGES --*/
/*Offshore Energy page*/
/*hides video sections with ratio of 1:1 on res 1537px and up - will be deleting this method soon*/
@media (min-width: 1537px){
	.hide-1-1-ratio{display: none;}
}
/*hides video sections with ratio of 4:3 on res 1536px and less*/
@media (max-width: 1536px){
	.hide-4-3-ratio{display: none;}
}
/* -- SPECIAL RECOVERY PAGE --*/

/*applications panel*/
/*hides bigger 2-col section (aspect ratio 4:3) on small screens below 1920px*/
@media (max-width: 1791px){
	.hide-sc-app-section2-below-1792{
    display: none !important; }
}
/*hides small 2-col section on big screens (video aspect ratio 1:1)*/
@media (min-width: 1792px){
	.hide-sc-app-section2-1792-up {
    display: none !important; }
}
/* -- PETROCHEMICAL PAGE --*/
/* applications panel */
/*hides bigger 2-col section (video aspect ratio 4:3) on small screens below 1680px*/
@media (max-width: 1679px){
	.hide-petro-app-section-below-1600{
    display: none !important; }
}
/*hides small 2-col section on big screens (video aspect ratio 1:1)*/
@media (min-width: 1600px){
	.hide-petro-app-section-1600-up {
    display: none !important; }
}
/*petrochemical industry ready panel*/
/*hides bigger 2-col section (video aspect ratio 4:3) on small screens below 1680px*/
@media (max-width: 1791px){
	.hide-petro-ready-section-below-1792{
    display: none !important; }
}
/*hides small 2-col section on big screens (video aspect ratio 1:1)*/
@media (min-width: 1792px){
	.hide-petro-read-section-1792-up {
    display: none !important; }
}
/*--End all hidden sections--*/

/*adds padding for wide monitor - used on old industry pages - can safely delete soon 14/09/21*/
@media (min-width: 2000px){
    .industry-add-col-padding {
        padding-left: 140px !important; /*90*/
        padding-right: 140px !important; }
}
/*--PREMIUM Youtube videos--*/
/*make play button dynamic*/
.premium-video-box-play-icon-container {
    background-color:rgba(1, 1, 1, 0); 
}
.premium-video-box-play-icon-container:hover {
    background-color: rgba(252,252,252,.65) !important;
/* default fallback */
background: rgb(255, 255, 255) transparent;
}

/*--HEADER-BAR--*/
#mysticky-nav.wrapfixed {
	background-color:#091f39; 
} 
/*CHANGE submenu bg color*/
.ast-theme-transparent-header .main-header-menu ul.sub-menu {
	background-color: rgba(6, 30, 58, 0.84);/*was rgba(13,43,77,0.84);*/
}
/*reduce header bar height via logo*/
.ast-site-identity {
    padding: .7em 0; /*1em 0*/
}
/*Reduce line-height of header bar*/
.main-header-bar {
    z-index: 4;
    position: relative;
    line-height: 0 !important; /*4*/
}
/*decrease padding to fit menu on laptop*/
@media (max-width:1366px) {
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: -0px;
	}
	.ast-masthead-custom-menu-items {
     padding: 0em !important;
  }
}
/*INDENT MASTHEAD CONTAINER*/
	@media (min-width: 1367px)and (max-width: 1600px){
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;/*70*/
}
		.ast-logo-title-inline .site-logo-img {
			padding-right: 0;
		}
	}
/*increase padding on top menu bar for larger screen sizes and reapply padding-right to logo*/
	@media (min-width: 1601px){
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 30px;
		}
		.ast-logo-title-inline .site-logo-img {
			padding-right: 1em;
		}
	}
/*keep transparent colour when scaling*/
@media (max-width: 1025px)  {
	#masthead .ast-container, .ast-header-breadcrumb .ast-container { 
		background-color: rgba(13,43,77,0.44) !important;
	}
}
/*force bg color when screen scales down, otherwise grey bg is ugly*/
@media (max-width: 1025px) {
.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar {
background-color:rgba(13,43,77,0.44) !important; /*#2b4c70 !important;*/
	}
}
/*Small screens*/
/*Header/menu bar was high at 580px*/
@media screen and (max-width: 768px) {
#masthead .ast-container, .ast-header-breadcrumb .ast-container {
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
	}
}
/*Reduces padding to fit logo/menu on small devices*/
@media screen and (max-width: 424px) {
#masthead .ast-container, .ast-header-breadcrumb .ast-container{
padding-left: 5px;
padding-right: 5px;
	}
}

/*BLOG POSTS - removes grey sides to white*/
.ast-separate-container {
    background-color: #ffffff !important; /*#f5f5f5; */ }
/*Change date font color on posts pages to black*/
.entry-meta, .entry-meta * {
    line-height: 1.45;
    color: #000000; /*#c2572c;*/ 
}
/*Hides nav-links (previous/next) on posts pages*/
.single .nav-links .nav-previous, .single .nav-links .nav-next, .single .ast-author-details .author-title, .ast-comment-meta {
    display: none; }
/*removes border on 'about' page job openings accordian*/
.elementor-accordion .elementor-accordion-item {
    border: none; /*1px solid #d4d4d4;*/ }

/*CHANGED PX TO % for scalability*/
@media (min-width: 769px) {
.ast-container {
    max-width: 100%; /*1220px;*/ 
	}
}
/*absolute bottom footer container on outside of links - adds padding*/
.ast-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 90px;/*2020, was 140px*/
    padding-right: 90px; }
/*then adjust - same one*/
@media (min-width: 769px) {
.ast-small-footer .ast-container {
    max-width: 100%;
    padding-left: 90px;/*2020, was 140px*/
    padding-right: 90px; }
}
/*increase col width to accomodate scaling for address*/
@media (max-width: 768px){ /*was min*/
.ast-col-md-3 {
    width: 45%; /*25*/ }
}
@media (min-width: 768px){
.ast-col-md-3 {
    width: 25%; }
}
/*apply media query to footer-widget area*/
@media (max-width: 768px){
.ast-col-md-3 {
    width: 100%;
} /*decrease padding*/
	.ast-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px; /*2020 15px*//*145*/
    padding-right: 5px; }
}
/*--CONTACT FORM--*/
/*hide message above contact Form*/
.nf-form-fields-required {
  display: none;
}
/*--NEWS PAGE--*/
/*changed global button bg-color on news page*/
.uagb-post__cta {
background: #e24d30 !important;
}
.uagb-post__cta:hover {
background: #e24d30 !important;
}
/*--FAQ's Accordion--*/
/*Position Title on first accordion*/
.eael-adv-accordion .eael-accordion-list .eael-accordion-header {
    padding: 15px;
    margin-left: 29%; /*here*/
    margin-right: 29%; /*here*/
    border: 1px solid rgba(0,0,0,.02);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1; /*2*/
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
/*Remove border around nested accordion*/
.eael-adv-accordion .eael-accordion-list .eael-accordion-content {
    display: none;
	  border: 0 !important;
    /* border: 1px solid #eee; */
    padding: 15px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.7;
}
/*FAQ - remove margin so title displays on one line for small device*/
@media(max-width: 1125px) {
.eael-adv-accordion .eael-accordion-list .eael-accordion-header {
    margin-left: 0;
	  margin-right: 0;
	}
}
/*--I.E SUPPORT--*/
/*Fix I.E browser display issue for content positioning on HOME PAGE image slider*/
/* Internet Explorer 11+ */
_:-ms-fullscreen, :root .elementor-331 .elementor-element.elementor-element-939c4f7 .elementor-slide-content { max-width:100%; }
/* Internet Explorer 10+ */
_:-ms-lang(x), .elementor-331 .elementor-element.elementor-element-939c4f7 .elementor-slide-content { max-width:100%; } /*ie10up*/
/* Internet Explorer 10 (only) */
_:-ms-lang(x), .elementor-331 .elementor-element.elementor-element-939c4f7 .elementor-slide-content { max-width:100%\9; }

/*resources page*/
.page-id-17488 .main-header-bar {
	background-color:#2B4C70 !important;
}
/* Support Page - Yasmeet */
.eclipse{
	text-align:center;
	vertical-align:middle;
}

.core_support {
    width: 290px;
    padding: 20px;
}
th.hensive {
    width: 377px;
}
tr.capped {
    background: #061e3a !important;
    color: #fff;
}
.reach_support{
/* 	border:none; */
	border-collapse: collapse !important;
}
table.reach_support td {
    border: none;
}
h5.dedicated {
    font-size: 18px;
    line-height: 36px;
    color: #e24d30;
    font-weight: 300;
}
table.reach_support p {
    font-size: 16px;
    line-height: 25px;
    color: #4d4d4d;
}
.eprint h2 {
    font-size: 50px !important;
    line-height: 73px !important;
}
/* table.reach_support td {
    border-right: 1px solid #dbdbdb !important;
} */

/*row styling*/
.reach_support tr:nth-child(even) /*changed 'odd' to 'even' - edited by Karen 1-02-23*/ {
  background-color: #fff;
}

table.reach_support tr td {
    vertical-align: middle;
}
.page-id-79058 .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1500px;
}
.empty_support{
	width: 350px;
}
.hensive_support{
	width:565px;
	padding: 15px 0px;
	margin-bottom:unset !important;
}
.alpha_kit ul ,.mobile_reach ul{
    list-style: none;
}
.alpha_kit ul li:before , .mobile_reach ul li:before{
    content: "\2022";
    color: #e24d30;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.alpha_kit th.inclusions {
    text-transform: uppercase;
}
.reach_support td:nth-child(odd){
/* 	border:1px solid #f1f1f1 !important; */
/* 	border:none;
	border-right:1px solid #dbdbdb; */
}
.mounting{
	color: #e24d30 !important;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
}
.reach_support tr {
    border-radius: 50px !important;
}
.reach_support td:last-child, th:last-child {
    border-radius: 0 11px 10px 0 !important;
}
.reach_support td:first-child, th:first-child {
    border-radius: 10px 0 0 10px !important;
}
td.core_spares {
    padding: 15px 20px;
}
/* .page-id-78594 h2 {
    font-size: 50px !important;
    line-height: 66px !important;
} */
.bpl-text{
	font-size: 15px;
line-height: 34px;
font-weight:300;
text-align: center;
}
.integration_left{
	padding:15px;
}
th.inclusions {
    text-align: left;
    padding: 0 30px;
		vertical-align:middle !important;
}
tr.capped.mounting th {
    font-weight: 300;
}
.alpha_kit td {
    color: #4d4d4d;
}
table.reach_support tr td:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 82%;
    background: #dbdbdb;
    right: 0;
    top: 10%;
    bottom: 0;
}
td.eclipse {
    position: relative;
}
table.reach_support, .reach_support td, .reach_support th {
    border: none !important;
}
table.reach_support tr td.integration_left:after, table.reach_support tr td.core_spares.com:after{
	display:none;
}
td.core_spares {
    position: relative;
}

@media only screen 
  and (min-device-width: 320px) 
	and (max-device-width: 480px){
/* .page-id-78594 h2 {
    font-size: 32px !important;
    line-height: 41px !important;
} */
		.bpl-text{
			line-height:unset;
			font-size:10px;
		}
		.core_support{
			padding:3px;
			width:280px !important;
		}
		.reach_support td p{
			font-family: "proxima-nova", 'arial','sans-serif' !important;
    font-size: 12px !important;
    line-height: 19px;
		}
		.mobile_reach, .mobile_reach p {
    font-size: 14px !important;
    line-height: 19px;
/*     margin-bottom: 8px; */
}
		th.inclusions , th.core_support, th.hensive {
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
}
		h3.hensive {
    margin-bottom: unset!important;
    color: #fff !important;
    letter-spacing: 0px !important;
}
		h3.dedicated{
			font-size:12px !important;
				line-height:19px !important;
			font-weight:300 !important;
			letter-spacing:1px !important;
			margin-bottom:4px;
		}
		th.hensive {
    width: unset !important;
}
		th.inclusions {
    width: 500px;
}
		.reach_support td:first-child, th:first-child {
    border-radius: 0px 0 0 0px !important;
}
		.reach_support td:last-child, th:last-child{
			border-radius:0 0px 0px 0 !important;
		}
		.halfday_training{
			margin-bottom:unset !important;
		}
		.accordion, .panel {
        padding: 0px !important;
      }
		
		}

@media only screen 
  and (min-device-width: 768px) 
	and (max-device-width: 1024px) {
		.labs h2 {
    font-size: 45px !important;
}
		.core_support {
    width: 200px;
}
		th.hensive {
    width: 200px;
}
/* 		.page-id-78594 h2 {
    font-size: 42px !important;
    line-height: 50px !important;
} */
		th.empty_support {
		width:150px;
}
		th.hensive_support {
    width: 330px !important;
}
	th.inclusions {
    width: 330px !important;
    text-align: center;
}
		.hensive_support{
			width:unset !important;
		}
		.reach_support p {
    margin-bottom: unset !important;
}
}

h3.supportscor {
    margin: unset !important;
    font-size: 17px !important;
    color: #fff !important;
    letter-spacing: 0px !important;
}
table.reach_support tr.capped th.core_support:after, table.reach_support tr.capped th.hensive:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 82%;
    background: #dbdbdb;
    right: 0;
    top: 10%;
    bottom: 0;
}
th.core_support {
    position: relative;
}
th.hensive {
    position: relative;
}


/* Accordion CSS */
.accordion {
        background-color: transparent;
        color: #4d4d4d !important;
        cursor: pointer;
        padding: 0 18px 0 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
      }
      
      .active, .accordion:hover {
        background-color: transparent;
				color:#e24d30 !important;
      }
      
      .accordion:after {
        content: '\002B';
        color: #e24d30;
        font-weight: bold;
        float: right;
        margin-left: 5px;
      }
      
      .active:after {
        content: "\2212";
      }
      
      .panel {
        padding: 0 18px;
        background-color: transparent;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }

@media only screen 
  and (min-device-width: 1280px) 
	and (max-device-width: 1600px) {
		.page-id-79058 .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1080px;
}
}
.forbigscreen{
	display:none;
}
@media only screen 
  and (max-device-width: 2560px) 
	 {
	.forbigscreen{
		display:block !important;
	}
		.forsmallscreen{
			display:none !important;
		}
}
/*end support page*/
/*Webinar Popup via Elementor templates*/
.title-1{
    font-weight: 100 !important;
    color: #E24D30;
    font-size: 16px;
}
.title-2{
    font-weight: bold;
    color: #4d4d4e;
    font-size: 15px;
}
.line-space {
  white-space: pre-wrap;
}

.btn-on-grey-popup {
	color: #000000 !important;
	background-color: transparent !important;
	border: 2px solid #E24D30;
	border-radius: 20px;
	font-size: 15px;
	padding: 2px 18px !important; /*top&bottom, left&right*/
	transition: 0.3s;
	}
	.btn-on-grey-popup:visited {
    color: #E24D30;
	}
	
	.btn-on-grey-popup:hover {
    color: #E24D30;
	}
	
a.style-link {
    font-style: italic;
    text-decoration: underline;
    color: #E24D30;
}
a.style-link:visited {
  color: #E24D30;
}
a.style-link:hover {
    color: #061e3a;
}
.elementor-accordion .elementor-tab-content {
    display: none;
    padding: 15px 20px;
    border-top: none;
    border-bottom: 1px solid #d4d4d4;
}
selector .elementor-accordion .elementor-accordion-item {
    border: none;
}
selector .elementor-accordion .elementor-accordion-item .elementor-accordion-item {
    border-top: 1px solid #707070 !important;
}
/* -- 2023 -- */
/*hide html markup schema panel*/
.hide-panel {
	display: none !important;
}