/**
* Theme Name: AOT Technologies Docs Template
* Theme URI: http://preview.lsvr.sk/lore
* Description: Lore Child Theme
* Author: LSVRthemes and Konn Lavery of Reveal Design
* Author URI: https://www.revealdesign.ca/
* Template: lore
* Version: 2.3.1
*/

/* Add your CSS here */

/* Type and colour */
h1{
	text-transform: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Aron",sans-serif;
	font-style: normal !important;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{
	font-style: italic !important;
}
body, p{
	font-family: "Poppins",sans-serif;
}
body{
	background-color:#38454b;
	overflow-x:hidden;
}
#header, .header__overlay, .footer-top{
  background-color: #2c373c;
}
.header-navbar--scrolled {
  background-color: #2c373c;
}

.header-search-form__keywords-inner{
	background-color:#38454b;  
}
.current-menu-ancestor > .header-menu__item-link--level-0, .current-menu-item > .header-menu__item-link--level-0, .current-menu-parent > .header-menu__item-link--level-0 {
  border-color: #1ab3e6;
}
.header-menu__item--hover .header-menu__item-link--level-0, .header-menu__item-link--level-0:hover {
  color: #000;
  background-color: #1ab3e6;
  border-color: #1ab3e6;
}

.c-button, input[type="submit"], button{
background-color: #1ab3e6;
  text-transform: none;
  font-weight: normal;
	color:#2c373c;
	font-family: "Poppins",sans-serif;
}
.c-button:hover, input[type="submit"]:hover, button:hover{
	background-color:#2c373c;
	color:#fff;
}

.core__columns-bg {
  background-color: #f9f9f9;
  border-radius: 16px;
}

.lsvr-lore-sitemap__header-more, .lsvr-lore-sitemap__title, .lsvr-lore-faq__more{
	background:transparent;
}
.lsvr-lore-toc__title-inner {
background:transparent;
}
/* layout */
.lsvr-container{
	max-width:unset;
}
.lsvr-lore-toc{
	border-radius: 1.5rem;
	background-color:#fff;
	padding:1rem;
}

#toc {
    align-self: flex-start;
}
.lsvr-lore-toc__title:before {
	content:none;
  border-color: none !important;

}
/*==== Home ==== */
.home .main__header{
	display:none;
}
.header-search-form__filter-label--active{
	color:#fff;
}
button.header-search-form__submit{
	background:transparent;
}

#aot-home-products .lsvr-lore-sitemap__item-inner{
	position: relative;
  height: 160px;
  padding: 0;
  display: flex;
}
#aot-home-products .lsvr-lore-sitemap__item-inner h3{
	position:initial;
}
#aot-home-products .lsvr-lore-sitemap__item-inner h3 .lsvr-lore-sitemap__item-link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:160px;
	overflow:hidden;
	text-indent:-999px;
}

#aot-home-products .aot-formsflow,
#aot-home-products .aot-mflow,
#aot-home-products .aot-caseflow,
#aot-home-products .aot-node-wire,
#aot-home-products .aot-delphi,
#aot-home-products .aot-sled{
	display:block;
	width:200px;
	height:100px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:auto;
}

#aot-home-products .aot-formsflow{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2026/04/formsflow.ai-new-logo-1-e1777044684397.png');
	width: 250px;
}
#aot-home-products .aot-mflow{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2025/10/logo-m8flow.png');
}
#aot-home-products .aot-caseflow{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2025/10/logo-caseflow.png');
}
#aot-home-products .aot-node-wire{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2026/06/node-wire-product.png');
}
#aot-home-products .aot-delphi{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2026/06/delphi-logo.png');
}
#aot-home-products .aot-sled{
	background-image:url('https://www.aot-technologies.com/wp-content/uploads/2025/10/logo-sled360.png');
}
/*=== footer ====*/
.footer-bottom a, .footer-social__item-link{
	  color: #fff;
}
.footer-bottom a:hover, .footer-social__item-link:hover{
	color:#1ab3e6;
}

/*=== copy code ===*/
pre.wp-block-code.has-copy-button {
    padding-top: 2.5em; /* room for the button so it doesn't overlap the first line of code */
}

.aot-copy-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.4;
    background: #36C5F0;
    color: #2c373c;
    border-radius: 4px;
	
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    z-index: 2;
}

pre.wp-block-code.has-copy-button:hover .aot-copy-btn,
pre.wp-block-code.has-copy-button:focus-within .aot-copy-btn {
    opacity: 1;
    visibility: visible;
}

.aot-copy-btn:hover {
    background:#2c373c;
	color#fff;
}

.aot-copy-btn.is-copied {
    background: #2EB67D; /* green from your brand palette */
    border-color: #2EB67D;
    color: #fff;
}

.aot-copy-btn.is-error {
    background: #E01E5A; /* red from your brand palette */
    border-color: #E01E5A;
    color: #fff;
}

/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */
		#sidebar .lsvr_kba-tree-widget .widget__title{
			text-align:center;
		}
		#sidebar .lsvr_kba-tree-widget .lsvr_kba-tree-widget__content{
max-width: 98%;
  margin: auto;
		}
			/* your CSS here */
		.lsvr-container{
			padding: 1%;
    max-width: 97%;
		}

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */
		.lsvr-container{
			padding: 1%;
    max-width: 94%;
		}
		#main{
			padding: 12px;
		}
		.wp-block-column{
			display: block !important;
 
  flex: unset !important;
		}

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}