/*
 Theme Name: logictechno
 Theme URI: https://logictechno.com
 Description: Theme by HUB4 Digital
 Author: HUB4 Digital
 Author URI: https://hub4.digital
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0 !important;
    white-space: nowrap;
}

 .et-menu li li a {
        width: 100% !important;
    }

*/

/*Menu*/

.et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: unset;
    right: 0;
    top: 0;
    font-weight: 800;
    margin-top: 13px;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
    padding: 8px 0!important;
}

.nav li li {
    position: relative;
    line-height: 1.1em;
}

.et-menu li li a {
    padding: 6px 20px;
    width: 280px;
}

.nav li ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    width: 320px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    border-top: 3px solid #2ea3f2;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-transform: translateZ(0);
    text-align: left;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: transparent;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a:hover {
    color: #009459!important;
}

.nav li ul {
	border-left: solid 5px #eaeaea;
    border-bottom: solid 15px #eaeaea;
    border-radius: 2px 2px 10px 50px;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a, .et_pb_menu_1_tb_header.et_pb_menu ul li a {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #121212!important;
}

@media screen and (max-width: 1040px) {
	.et_pb_menu_0_tb_header.et_pb_menu ul li a, .et_pb_menu_1_tb_header.et_pb_menu ul li a {
    font-size: 11px !Important;
}
}


/*Footer*/

#footer-widgets .footer-widget li {
    padding-left: 0px;
    position: relative;
}

#footer-widgets .footer-widget li:before {
    display: none!important;
}

.footer-widget, .footer-widget li, .footer-widget li a, #footer-info {
    font-weight: 600;
}

/*Products*/

.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    font-family: 'Syne';
}

/*Products*/

#logicpro h2, .woocommerce-Tabs-panel--additional_information h2 {
    display: none;
} 

.woocommerce table.shop_attributes th {
    width: 250px;
    font-weight: 700;
    padding: 8px;
    border-top: 0;
    border-bottom: 1px dotted rgba(0,0,0,.1);
    margin: 0;
    line-height: 1.5;
}

/*Contact Forms*/

#input_1_1_3, #input_1_1_6, #input_1_4, #input_1_2, #input_1_3, #input_1_5, #input {
	 border: solid #999 1px !important;
    font-size: 13px;
    color: #666;
    font-family: 'Montserrat';
}

#gform_submit_button_1, #gform_submit_button_8, #gform_submit_button, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6, #gform_submit_button_7, #gform_submit_button, .gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button {
	background: #009459;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 13px;
}

body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="submit"] {
    background-color: #009459 !important; /* <-- Change this hex code to your desired color */
    color: #ffffff !important; /* This sets the text color (e.g., to white) */
}

.gform-theme--api, .gform-theme--foundation {
    gf-form-gap-x: 16px;
    gf-form-gap-y: 20px;
}

/* This targets the main wrapper for all Gravity Forms */
.gform_wrapper {
  font-family: montserrat; /* Sets a consistent font */
}

/* --- 1. Style ALL Input Fields, Textareas, & Select Dropdowns --- */

/* * This is the primary selector. 
 * It targets all common field types at once.
*/
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="url"],
.gform_wrapper .gfield input[type="password"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="date"],
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield select {
  width: 100%; /* Make fields full-width */
  padding: 12px 15px; /* Comfortable padding */
  font-size: 14px; /* Readabale font size */
  background-color: #f9f9f9; /* Light gray background */
  border: 1px solid #ddd; /* Simple, clean border */
  border-radius: 4px; /* Slightly rounded corners */
  box-shadow: none; /* Removes default inner shadows */
  box-sizing: border-box; /* Ensures padding doesn't affect width */
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for focus */
}

.gform-theme--foundation .gform_fields {
  grid-row-gap: 15px; /* Default is usually 24px. Adjust 10px to your liking. */
}


/* ===================================================================
   Gravity Forms Custom Confirmation Message
=================================================================== */

.gform-custom-confirmation {
  padding: 20px 25px;
  background-color: #f0f8eb;    /* Light green background */
  border-left: 5px solid #4CAF50; /* Dark green left border */
  color: #333;                   /* Dark text for readability */
  font-size: 1.1em;
  margin: 20px 0;                 /* Adds some space around the box */
  border-radius: 4px;
}

/* This styles the "Success!" part of the message */
.gform-custom-confirmation strong {
  color: #4CAF50; /* Makes the "strong" text green */
  display: block;   /* Puts it on its own line */
  font-size: 1.2em;
  margin-bottom: 5px;
}

/*Ai ChatBot*/

#mobile-shopping-cart-view-area > div.flex.justify-center.items-center.py-1\.5.absolute.bottom-0.left-0.w-full.bg-navy-25\' {
	display: none;
}

.newUI .chat-container .privacyPolicy {
    font-size: 10px;
    display: none !important;
}

.et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #009459;
    text-decoration: none;
    position: fixed;
    z-index: 99999;
    bottom: 100px;
    right: 20px;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    cursor: pointer;
    font-size: 35px;
    padding: 10px;
    color: #fff;
    border-radius: 100px;
    font-weight: 900;
}

#mobile-shopping-cart-view-area > div.privacyPolicy.flex.items-center.justify-center.gap-1.text-xs.font-medium.text-center.bg-navy-25.lg\:bg-transparent.lg\:h-4.lg\:mt-3 > div {
	display: none !important;
}

/*Open in LightBox*/

body:not(.et-fb-root-ancestor) [class*='et-lb-content'], .et-lb-wrapper {
	position:fixed !important;
	visibility:hidden;
	top:0px;
	z-index:999999;
	min-height:100%;
	transition:all .2s 0s;
    width: 100%;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content'] .et_pb_row {
	position:relative;
	top:50px;
}
.et-lb-open {
	visibility:visible!important;
	width:100%;
}
span.et-lb-close {
	font-size: 45px;
    right: -2vw;
    margin-top: 5px /*-51px*/;
    display: block;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    font-family: etmodules;
    z-index: 9999999999999999999999999;
    position: absolute;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) {
	transform:scale(.3);opacity:0;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-btn'] {
	cursor:pointer;
}

/*Tables*/

#tablepress-15_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-body {
	font-size: 12px;
	line-height: 1.1em;
}

#tablepress-15_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title, #tablepress-16_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title, #tablepress-17_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title, #tablepress-18_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title, #tablepress-19_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title, #tablepress-20_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc > div > span.dt-column-title {
	font-size: 12px;
	line-height: 1.1em;
}

#tablepress-15_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc, 
#tablepress-16_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc, 
#tablepress-17_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc, 
#tablepress-18_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc, 
#tablepress-19_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc, 
#tablepress-20_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th.column-1.dt-orderable-asc.dt-orderable-desc  {
	background: #121212;
	color: #ffffff;
}

.entry-content tr td {
    border-top: 1px solid #eee;
    padding: 6px 24px;
    font-size: 12px;
}

.entry-content thead th, .entry-content tr th {
    color: #fff;
    font-weight: 700;
    padding: 9px 24px;
    background: #121212;
    line-height: 1.1em;
    font-size: 12px;
}

.tablepress thead .dt-orderable-asc:hover, .tablepress thead .dt-orderable-desc:hover, .tablepress thead .dt-ordering-asc, .tablepress thead .dt-ordering-desc {
    background-color: #009949;
    color: #fff;
}

.dt-container {
    clear: both;
    margin-bottom: 1rem;
    position: relative;
    font-family: 'Montserrat';
}

.dt-container .dt-input {
    font-size: inherit;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #999999;
}

.dt-container .dt-input, .dt-container label {
    display: inline;
    width: auto;
    font-size: 12px;
}

.dt-container .dt-layout-cell.dt-layout-start {
    align-items: center;
    justify-content: flex-start;
    margin-right: auto;
    font-size: 12px;
}

.dt-container .dt-layout-cell.dt-layout-end {
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    font-size: 12px;
}

.dt-container .dt-paging .dt-paging-button.current, .dt-container .dt-paging .dt-paging-button:hover {
    border: 1px solid #999999;
    border-radius: 3px;
}

/*hide modules*/

@media screen and (max-width: 1200px) {
    .hide-at-1200px {
        display: none !important;
    }
}