﻿
body {
    font-family: Open Sans, sans-serif !important;
    font-size: 17px !important;
/*    padding-top: 122px !important*/
padding-top: 103px !important;
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/OpenSans-Bold.ttf");
    src: url("../fonts/OpenSans-Bold.ttf") format("ttf")
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/OpenSans-Regular.ttf");
    src: url("../fonts/OpenSans-Regular.ttf") format("ttf")
}

h1 {
    color: #1f639d
}

.h2, h2 {
    color: #0a0a0a
}

h3 {
    color: #141414
}

h4 {
    color: #1d1e20
}

ol, ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important
}

header{background:#FFF 0 0 no-repeat padding-box!important;opacity:1}.fixed-top{z-index:9}.main-body{background:#fff!important}.footer h4{text-align:left;font:normal normal 800 22px/33px Open Sans,sans-serif;color:#FCFDFE}footer ul{list-style:none}.pages-li li{padding:4px 0}.pages-li a{text-align:left;font:normal normal normal 18px/20px Open Sans,sans-serif;letter-spacing:0;color:#FCFDFE;opacity:1}.sub-footer p,.sub-footer a,.sub-footer a:hover,.pages-li a:hover{color:#FCFDFE;word-spacing:3px}.contact li{padding:6px 0;color:#FCFDFE;font:normal normal normal 18px/20px Open Sans,sans-serif}.contact li a{color:#FCFDFE!important}ol,ul{margin-bottom:0!important;margin-left:0!important;}.navbar-expand-xl .nav-link{text-align:left;font:normal normal 600 18px/24px Open Sans,sans-serif;letter-spacing:0;color:#002366!important}.btn-login{background:#2E68B1!important;color:#FFF!important;width:150px}.btn-login:hover{background:#8B2727!important;color:#FFF!important}.btn-register{background:#E57E37!important;color:#FFF!important;width:150px}.dropdown-item{text-align:left;font:normal normal 600 15px/20px Open Sans,sans-serif!important;color:#002366!important}a,a:visited{background:transparent}.wp-block-search__button,input[type=submit],input[type=button]{background-color:#2E68B1}.wp-block-search__button:hover,input[type=submit]:hover,input[type=button]:hover{background:#8B2727!important;color:#FFF!important}header.page-header h1 span,.news-title a,a:focus,.list-inline a:hover,.a:active,a:visited:hover,a:visited:focus,a:visited:active{color:#00518B!important;font-weight:700}.ifoot .readmore,.ifoot .readmore:hover{color:#E57E37!important;font-weight:700}.ifoot a,a:visited{transition:all .2s ease;text-decoration:none;background:linear-gradient(#E57E37,#F9A41A);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat}.ifoot a:hover{color:var(--primary-color);background-size:100% 1px}.social-share a:hover{background:transparent!important}.social-share .list-inline li svg:hover{fill:#E57E37}.social-share .list-inline li{font-weight:700}.info.ifoot{border-top:1px solid rgba(0,0,0,0.1098039216);padding-top:9px}.list-inline a{font-weight:700}.header-banner{background:transparent linear-gradient(270deg,#4F87A5 0%,#1B5D8D 100%) 0 0 no-repeat padding-box;}.schedule-demo{background-color:#8db23d!important;color:#fff!important}.button-hover:hover{background:#C3D7EC!important;color:#366E94!important}.tech-bg{background:transparent linear-gradient(91deg,#C3D7EC 0%,#EBF8FF 100%) 0 0 no-repeat padding-box}.text-testing{color:#00518B!important}.home-input{border-radius:12px!important;height:51px;border:none!important;padding:10px!important}.home-input-group .input-group-text{margin-left:-53px!important;z-index:1;border:none;background-color:transparent}.footer a:hover,.sub-footer a:hover{color:#fff!important}.single-post .wp-post-image{height:auto;width:auto;max-width:100%}.scroll-to-top{background:#8db23d}.scroll-to-top:hover{background:#E57E37}article{padding-top:6%}.news-snippet .featured-image{height:210px}.post-holder .news-snippet .featured-image{height:132px}.page-section .page-title,.wp-block-heading,.nav-previous a:hover{color:#00518B!important}.detail-content .wp-post-image{margin-top:15px}.related-posts .wp-post-image{width:100%}.nav-item .btn-login:hover,.nav-item .btn-register:hover,.footer ul li a:hover{color:#fff!important}.nav-item .active{color:#1D7FCE!important}a:hover,a:focus,a:active,a:visited:hover,a:visited:focus,a:visited:active{color:#00518B}.post-content ul,.post-content ol{margin-left:18px!important}.post-content ul li,.post-content ol li{padding-bottom:6px}.post-content h2,.post-content h3,.post-content h4,.post-content h5{margin-bottom:12px;margin-top:14px!important}.inside-page .inner-article-content a,.inside-page .inner-article-content a:hover{color:#00518B!important}.post-content p,.post-content ul li,.post-content ol li{font:normal normal normal 17px/26px Open Sans,sans-serif;}.post-content p{margin-bottom:12px}.contact-us{cursor:pointer}.home-input-group .fa-paper-plane{background:#C3D7EC;padding:9px;border-radius:50%}svg{vertical-align:initial}#emailErr{font-size:15px;padding-top:7px}.related-posts .main-title{color:#000!important;text-align:left!important;padding-bottom:20px!important;margin-left:6px!important}.news-snippet{box-shadow:0 3px 6px #00000029!important}@media (min-width: 1400px){.container-fluid{padding-right:10%!important;padding-left:10%!important}p{font:normal normal normal 18px/30px Open Sans,sans-serif}.header-banner h1{text-align:left;font:normal normal bold 50px/60px Open Sans,sans-serif!important}.tech-bg h2{font:normal normal bold 45px/57px Open Sans,sans-serif!important}.banner-head{font: normal normal bold 50px/60px Open Sans,sans-serif!important}}@media (min-width: 1300px){.dropdown:hover .dropdown-menu{display:block}}

.single-post .post-content .featured-image img {
    width: 100% !important;
	height: 100% !important;}
.inside-page .inner-article-content .button-text a{color:#fff !important; text-decoration:none !important;}
.inside-page .inner-article-content .button-text a:hover{color:#00518B!important; text-decoration:none !important;}
@media (min-width: 992px) and (max-width: 1399px) {.banner-head {font-size:38px !important}}
@media (min-width: 567px) and (max-width:991px) {.banner-head {font-size:30px !important}}
@media (max-width:566px) {.banner-head {font-size:24px !important}}
#ez-toc-container {
    border: 1px solid #f1f1f1;
    border-radius: 0px;
    box-shadow: none;
    display: table;
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    width: 100%;
}
.ez-toc-title-container {
    padding-bottom: 10px;
}
div#ez-toc-container .ez-toc-title {
	font-weight: bold;}
#ez-toc-container a {padding-bottom: 7px; font-weight:bold;text-decoration: underline;}
.sidebar{height: 100vh;
    min-height: 200px;
    overflow: auto;
    position: sticky;
    top: 20%;}
.widget-area .widget{margin:0px;}
div#ez-toc-container nav ul ul li{font-size: 95%;}

/* changes */
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show>.nav-link
	{
	color: #1d7fce !important
}
.dropdown-item, a:visited:hover {
	text-align: left;
	font: 600 15px/20px Open Sans, sans-serif !important;
	color: #002366 !important
}
.dropdown-item.active, .dropdown-item:active
	{
	background-color: transparent !important
}
.pages-li a:hover{word-spacing:0px !important}

.footer a:focus, .footer a:visited:hover, .footer a:visited:focus, .footer a:visited:active {
    color: #FCFDFE!important;
    font-weight: normal !important
}

a {
    text-decoration: none !important
}

.navbar-login {
    background-color: #eaeff7
}

header {
    background: no-repeat padding-box #fff !important;
    opacity: 1
}

.navbar-expand-xl .nav-link {
    text-align: left;
    font: 500 18px/24px Open Sans, sans-serif;
    letter-spacing: 0;
    color: #002366 !important
}

.navbar-expand-md .nav-link {
    color: #343434 !important
}

.dropdown-item {
    text-align: left;
    font: 500 15px/20px Open Sans, sans-serif !important;
    color: #002366 !important
}

.testing-text {
    font: 10px/14px Open Sans, sans-serif !important;
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0
}

.btn-login, .btn-register, .request-demo {
    color: #fff !important
}

.dropdown-item.active, .dropdown-item:active, .home-accordion .accordion-button,
    .home-accordion .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
    {
    background-color: transparent !important
}

.btn-login {
    background: #2e68b1 !important;
    width: 150px
}

.btn-register {
    background: #e57e37 !important;
/*     border-radius: 8px; */
    width: 150px
}


/** nav menu **/
.bg-nav{    
  background-color: rgb(255, 255, 255);
    justify-self: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;}
.mega-menu ul li a{padding: 8px;}
.mega-menu ul li{ margin-bottom: 9px;}
.dropdown-item:focus, .dropdown-item:hover{background-color: rgba(195, 215, 236, 0.1)!important;}
.mega-menu li:has(a.active), .mega-menu li:has(a):hover, .mega-menu li:has(a):focus{background-color: rgba(195, 215, 236, 0.4)!important;  margin-bottom: 9px;    border-radius: 3px;}
.mega-menu ul li a{color:#1B5D8D !important; font-weight: 500 !important}
.icon-wdth{width:33px; height:24px;}
 .dropdown-menu{border: none;}
.mega-menu .dropdown-item {white-space: normal;}
.mega-menu p{text-align:left !important;}    

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
  position: absolute;
    top: 72px;
    z-index: 555;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    width: 887px;
    max-width: 100%;
    margin: auto;
    overflow: auto;
    height: fit-content;
    padding: 34px 8px !important;
    }
   
    .bg-nav{width: 870px; height: 350px;}
}
@media (min-width: 1025px) {
  .navbar .dropdown.position-static:hover .dropdown-menu {
    display: block;
    margin-top: 0;

  }
    .navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
  }
}
@media (min-width: 768px) {.border-end-lg{border-right: 1px solid #dee2e6 !important;}}
.menu-item {
            position: relative;
        }
    @media (min-width: 1200px) {
      .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
      }

      .dropdown:hover > .dropdown-menu {
        display: block;
      }
    }
@media (min-width: 820px) {.px-lg-r-3{padding: 0px 12px !important;}}
    @media (max-width: 1199px) {
      #solutionsMenu, #resourcesMenu, #platformMenu {
        position: fixed;
        top: 90px; 
        left: -100%;
        width: 100%;
        height: calc(100% - 56px);
        transition: left 0.3s ease-in-out;
        z-index: 1050;
        display: block !important; 
      }

      #solutionsMenu.active, #resourcesMenu.active, #platformMenu.active {
        left: 0;
      }

      #solutionsMenu .close-btn, #resourcesMenu .close-btn, #platformMenu .close-btn {
        position: absolute;
        top: 1rem;
        right: 1.5rem;
        font-size: 1.5rem;
        cursor: pointer;
      }
        .bg-nav{   
    overflow: scroll;max-height: -webkit-fill-available;}
    }
   .navbar button:focus{background-color: transparent !important;}
 .security-testing .accordion-body {
    height: 200px;
    overflow: scroll;
}


.footer {
    background-image: url('https://www.testwheel.com/wp-content/themes/astra-child-theme/assets/images/footer-bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #00518C;
}
.top-border {
    border-top: 1px solid rgb(252, 253, 254, 0.5);
}
.footer li, .footer li a {
/*    font-size: 16px;*/
font-size: 14px !important;
    margin-top: 0.6rem;
    color: #FCFDFE !important;
    text-decoration: none;
    position: relative;
    padding-bottom: 1px;
}
 
.underline li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: rgba(252, 253, 254, 0.5);
    transition: transform 0.3s ease;
}
 
.underline li a:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.btn-blue {
    background-color: #3376BC !important;
    color: #fff !important;
}
.btn-blue:hover {
    background-color: #01375D !important;
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .container-fluid {
padding-right: 7% !important; padding-left: 7% !important;
    }
}
.fs-14 {
    font-size: 14px !important;
}

.navbar-collapse ul li p{margin-bottom:0px!important}

a:hover, a:focus, a:active, a:visited:hover, a:visited:focus, a:visited:active
{
    background-size: 0px!important;
}

.container-fluid {
padding-right: 3% !important; padding-left: 3% !important;
}

@media (min-width: 1400px) {
    .container-fluid {
padding-right: 10% !important;  padding-left: 10% !important;
    }
}