/*
Theme Name: Advantech Responsive
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: Ben Woodcock
Author URI: https://www.woodcockwebservices.co.uk/
Template: Divi
Version: 1.0.0
*/

:root {
  --darkblue: #00437a;
  --midblue: #004e99;
  --grey: #747474;
  --lightgrey: #b2b2b2;
  --extralightgrey: #f2f2f2
}




body {
  /* Disables pull-to-refresh and overscroll glow effect.
     Still keeps swipe navigations. */
  /*overscroll-behavior-y: none;*/
	/*position: fixed;*/
}

div {
	/*border: 1px solid red!important;*/
}


#blurb-tabs .tab-title a{
	color:white!important;
}
.refresh{
	width:100%;
	height:100%;
	display:block;
}
#blurb-tabs .overview{
	height:20px;
	width: 20px;
	background-repeat: no-repeat;
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-overview-icon-grey.png");
	padding-left:20px;
	padding-top:15px;
	background-size: contain;
}
#blurb-tabs .overview:hover, #blurb-tabs .active-tab .overview{
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-overview-icon-active.png");
	transition: opacity 0.3s ease-out;
}
#blurb-tabs .accessories{
	height:20px;
	width: 20px;
	background-repeat: no-repeat;
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-accessories-icon-grey.png");
	padding-left:20px;
	padding-top:15px;
	background-size: contain;
}
#blurb-tabs .accessories:hover, #blurb-tabs .active-tab .accessories{
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-accessories-icon-active.png");
	transition: opacity 0.3s ease-out;
}
#blurb-tabs .software{
	height:20px;
	width: 20px;
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-software-icon-grey.png");
	background-repeat: no-repeat;
	padding-left:20px;
	padding-top:15px;
	background-size: contain;
}
#blurb-tabs .software:hover, #blurb-tabs .active-tab .software{
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/3d-software-icon-active.png");
	transition: opacity 0.3s ease-out;
}
#blurb-tabs .back{
	height:40px;
	background-image: url("https://www.3dconfigurator.co.uk/wp-content/uploads/2022/10/back-icon-grey.png");
	animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1;
	background-repeat: no-repeat;
	padding-left:50px;
	padding-top:8px;
}
#blurb-tabs .results a{
	color: var(--grey)important;
	 cursor: pointer;
	font-size:22px;
	font-weight:500;
}

#blurb-tabs .button {
	border-top: 1px solid var(--darkblue);
}

#blurb-tabs .hide-on-mobile {
	border-top: 1px solid var(--darkblue);
	border-bottom: 1px solid var(--darkblue);
}


/* Hide the tabs content/sections */
.tab-content {
	display:none;
}
.tab-open {
	display:block;
}

#main-footer {
	display: none;
}

.et_pb_button:after, .et_pb_button:before {
    content: none!important;
}
.et_pb_de_mach_archive_loop_0 .divi-filter-archive-loop>:not(.no-results-layout) {
    grid-row-gap: 35px!important;
    grid-column-gap: 35px!important;
}

ul.tab-style  {
  display: block;
  margin-left: 14px;
	max-width:780px;
	margin-top:15px;
}

ul.tab-style  li {
  display: block;
  position: relative;
}

ul.tab-style  li:not(:last-child) {
  margin-bottom: 16px;
}

ul.tab-style  li:before {
  content: "";
  position: absolute;
  top: 1.2em;
  left: -30px;
  margin-top: -.9em;
  background: #2daae1;
  height: 12px;
  width: 12px;
  border-radius: 25%;
}

p.intro{
	font-size:20px!important;
	line-height:24px;
	margin-top:15px;
}

#no-results h2{
	    font-size: 20px!important;
    line-height: 26px!important;
    color: var(--grey)!important;
}
#no-results {
	margin-left:-50px!important;
	margin-right:100px!important
}

.video-container {
  position: relative;
}

.topright {
  position: absolute;
  top: 8px;
  right: 8px;
}

ul .feature-list{
	bullet-style:none;
	margin-top:10px!important;
}
ul .feature-list li{
	bullet-style:none;
	margin-left:0px;
	padding-left:0px;
}

@media (max-width: 1280px) {
	
	
body #stacked-tabs{
		margin-left:-100px!important;
		padding-left:0px!important;
	width:100px!important;
	}
	
#Global-footer{
	display:none;	
	}	
.et_pb_de_mach_archive_loop_0 .divi-filter-archive-loop>:not(.no-results-layout) {
    
    grid-column-gap: 15px!important;
}


.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
    FONT-WEIGHT: 100;
}

#Connector{
		padding-top:100px!important;
	}	

ul.tab-style li:not(:last-child) {
    margin-bottom: 2px;
}


.product-loop-tab{
	padding-bottom:40px!important;
	padding-top:40px!important;
	}

.dica_divi_carousel_0.dica_divi_carousel .dica-container .swiper-wrapper .dica_divi_carouselitem {
    height: 100%!important;
}
	body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_0 .divi-radio-buttons {
border-width: 0px!important;
}
	
.tab-container {
	text-align: center;
}
	
	
/* end of 1280 media query*/
}
	
/*home logo*/

.home-icon-image-wrapper {
  position: relative;
  width: 40px;
  float: right;
  margin-top: 0px;
}

.home-icon-image-wrapper .image {
  position: absolute;
}
  
.home-icon-image-wrapper .image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.home-icon-image-wrapper .image-hover:hover {
  opacity: 1;
}


/*Filter*/

.et-pb-icon {
	font-size: 16px!important;
    top: 3px;
    position: relative;
}

.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
	margin-bottom: 0px !important;
}

.et_pb_de_mach_search_posts_item_4.inline_checkboxes .divi-filter-item>*, .et_pb_de_mach_search_posts_item_0.inline_checkboxes .divi-filter-item>*, .et_pb_de_mach_search_posts_item_1.inline_checkboxes .divi-filter-item>*, .et_pb_de_mach_search_posts_item_2.inline_checkboxes .divi-filter-item>*, .et_pb_de_mach_search_posts_item_5.inline_checkboxes .divi-filter-item>*, .et_pb_de_mach_search_posts_item_3.inline_checkboxes .divi-filter-item>* {
	margin-right: 10px !important;
}

body #page-container .et_pb_section .et_pb_button {
    color: transparent!important;
    border-width: 0px!important;
    border-radius: 5px;
    font-family: 'Maven Pro',Helvetica,Arial,Lucida,sans-serif!important;
    background-color: transparent!important;
	margin-top:10px;
}


body #page-container .et_pb_section .mobile_toggle_trigger {
	text-align: center !important;
}

body #page-container .et_pb_de_mach_filter_posts_0 #divi_filter_mobile_trigger.mobile_toggle_trigger.et_pb_button::before {
    position: absolute;
    content: "\66" !important;
    font-family: ETmodules !important;
    font-weight: 400;
}

@media (max-width: 768px){
#selector {
    margin-bottom: 15px !important;
}	
	
#selector .et_pb_module_inner {
    text-align: center !important;
}
}

#divi_filter span.et_pb_contact_field_options_title {
	color: #004982!important;
}

body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_5 .divi-radio-buttons .et_pb_contact_field_radio label, body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_2 .divi-radio-buttons .et_pb_contact_field_radio label, body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_4 .divi-radio-buttons .et_pb_contact_field_radio label, body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_3 .divi-radio-buttons .et_pb_contact_field_radio label, body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_1 .divi-radio-buttons .et_pb_contact_field_radio label, body #page-container .et_pb_section .et_pb_de_mach_search_posts_item_0 .divi-radio-buttons .et_pb_contact_field_radio label {
	border-color: #004982!important;
}

body #page-container .et_pb_section .et_pb_de_mach_filter_posts_0 .reset-filters {
    color: #004982!important;
    border-width: 0px!important;
    border-radius: 5px;
    font-family: 'Maven Pro',Helvetica,Arial,Lucida,sans-serif!important;
    background-color: red!important;
	margin-top:10px;
}


/* Prevent text and image selection while dragging*/

*, *::after, *::before {
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-app-region: no-drag;
}

/*remove grey bar on pop up*/
 .wr360_player .container .lightbox_rollover .img_title {
		background-color: transparent!important;
}
}

/*Product Page Responsive*/
/*Title*/
.product-title-row {
	width: 100% !important;
	max-width: 100% !important;
	padding: 10px 0 !important;
}

.et_pb_text_inner h2 {
	padding-bottom: 0px !important;
}

@media (min-width: 768px){
.product-title-row {
	padding: 10px 0 !important;
}

.et_pb_text_inner h2 {
	padding-bottom: 10px !important;
}
}

/*Buttons */
.tab-container {
  display: flex;
  justify-content: space-between;
}

.entry-content #blurb-tabs .button {
    width: 33.33%!important;
	padding: 5px !important;
}

#blurb-tabs .button-icon {
	float: left;
}

#blurb-tabs .button-text {
	height: 20px;
	line-height: 20px;
	text-align: left;
	margin-left: 25px;
	color: var(--darkblue);
	font-size: 10px;
}

#blurb-tabs .tab-container .tab-title {
   margin-bottom: 0px!important;
   margin: auto;
}

#blurb-tabs .tab-title{
	background: #ffffff;
    overflow: hidden;
	padding:5px;
    margin-bottom: 25px!important;
	font-family: 'Maven Pro',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px;
	font-weight:500;
    color: var(--darkblue)!important;
	border: none;
    text-decoration: none;
    cursor: pointer;
 }
 
.tab-subtext {
	margin-bottom: 0px;
	color: #004e99;
	font-size: 18px;
	display: none;
}


.product-page-tab-buttons .product-page-tabs {
	margin-top: 10px !important;
}

@media (min-width: 768px){
.tab-container {
  display: inline;
}

.entry-content #blurb-tabs .button {
    width: 100%!important;
}

.overview, .accessories, .software {
	display: inline-block;
}

.tab-subtext {
	margin-bottom: 20px;
	color: #004e99;
	font-size: 18px;
	display: none;
}

#blurb-tabs .tab-container .tab-title {
   margin-bottom: 10px!important;
   margin: 0px!important;
}

#blurb-tabs .button-text {
	height: 40px;
	line-height: 40px;
	text-align: left;
	margin-left: 50px;
	color: var(--darkblue);
	font-size: 14px;
}

#blurb-tabs .overview, #blurb-tabs .accessories, #blurb-tabs .software {
	height:40px;
	width:40px;
}

#blurb-tabs .tab-title{
	padding:10px;
    font-size: 20px;
}

.product-page-tab-buttons .product-page-tabs {
	margin-top: 0px !important;
}

}

/*Software Tabs*/
/*only for smallest screen sizes*/
#tab3 li {
	padding-left: 0px !important;
    padding-right: 0px !important;
}

#tab3 li a{
	padding-left: 1px !important;
    padding-right: 1px !important;
	font-size: 8px;
}

@media (min-width: 877px){
#tab3 li a{
	padding-left: 2px !important;
    padding-right: 2px !important;
	font-size: 9px;
}	
}

@media (min-width: 957px){
#tab3 li a{
	font-size: 10px;
}	
}

@media (min-width: 1185px) {
#tab3 li a{
	padding-left: 5px !important;
    padding-right: 5px !important;
	font-size: 12px;
}
}

/*tabs background images*/
.et_pb_tabs .et_pb_tab {
    background-size: auto 60px !important;
    background-position: right 2% top 2% !important;
}

#tab4 img {
 width: 100px;
}

/*Modal popups*/

.el_modal_popup_wrapper h2 {
	color: var(--darkblue);
}

.el_modal_popup_wrapper h3 {
	color: var(--darkblue);
	font-size: 16px;
}

.el_modal_popup_wrapper ul {
	list-style-type: square!important;
}

.el_modal_popup_wrapper p {
	margin-bottom: 30px;
}

.el_modal_popup_body img {
	float: right;
    aspect-ratio: 5 / 4;
}


/*grid - software tab*/

.software-tab, .accessories-tab {
	text-align: center;
	padding-top: 0px!important;
}

.software-tab h2, .accessories-tab h2 {
	color: var(--darkblue);
	height: 60px;
    font-size: 18px;
}

.software-tab p, .accessories-tab p {
	height: 70px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.software-tab .et_pb_module .software-box {
	height: 190px!important;
	background-size: auto;
}

.accessories-tab .et_pb_module, .accessories-box {
	height: 190px!important;
	background-size: 120px;
}

.software-tab .security {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/security-icon-grey.png");
}

.software-tab .security:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/security-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .dpx-sas-engine {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-sas-engine-icon-grey.png");
}

.software-tab .dpx-sas-engine:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-sas-engine-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .mvtk {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/mvtk-icon-grey.png");
}

.software-tab .mvtk:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/mvtk-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .embedded-microcontroller {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/embedded-microcontroller-icon-grey.png");
}

.software-tab .embedded-microcontroller:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/embedded-microcontroller-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .firmware-and-bios {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/bios-icon-grey.png");
}

.software-tab .firmware-and-bios:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/bios-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .dpx-connector {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-connector-icon-grey.png");
}

.software-tab .dpx-connector:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-connector-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .dpx-diagnostics {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-direct-pci-icon-grey.png");
}

.software-tab .dpx-diagnostics:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-direct-pci-icon-active.png");
	transition: 0.3s ease-out;
}
.software-tab .dpx-direct-pci {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-direct-pci-icon-grey.png");
}

.software-tab .dpx-direct-pci:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/dpx-direct-pci-icon-active.png");
	transition: 0.3s ease-out;
}

.software-tab .operating-systems {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/operating-system-icon-grey.png");
}

.software-tab .operating-systems:hover {
	background-image: url("http://localhost/3dconfig/wp-content/uploads/2025/01/operating-system-icon-active.png");
	transition: 0.3s ease-out;
}

/*Grey tile backgrounds*/

.product-loop-tab, .accessories-box, .software-box {
	background-color: var(--extralightgrey)!important;
	border-radius: 10px!important;
}

.accessories-box, .software-box {
	margin-left: 10px!important;
	margin-right: 10px!important;
	margin-bottom: 20px!important;
	padding-top: 15px!important;
}

.accessories-box:hover, .software-box:hover {
	transform: scaleX(1.05) scaleY(1.05) !important;
	transition: transform 300ms ease 0ms;
}

@media only screen and (width: 769px){
	.et_pb_column_0 {
        width: 25% !important;
    }
	
	
.et_pb_column_1 {
        width: 75% !important;
    }
	
}

@media only screen and (width: 768px) {
.et_pb_column_0, .et_pb_column_1 {
        width: 100% !important;
}
}

@media only screen and (width: 768px) {
.text_filter_heading {
		display: none!important;
	}

}