/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}

/* Custom CSS */

.site-footer{
	background: #150041 !important;
	flex: none !important;
	order: 8 !important;
	flex-grow: 0 !important;
	border-inline-start: none !important;
}

#block-olivero-firstblockolivero{
	display:block !important;
}

 #block-olivero-firstblockolivero  .field--type-text-with-summary{
	     display: flex;
    flex-direction: column;
    align-items: flex-start;
 }
 .page-wrapper{
	 max-width: 100% !important;
 }
 .site-footer__inner.container{
	 max-width:100% !important;
	     padding-block: 100px 10px;
 }
 .region.region--footer-top{
	 display: block;
    width: 80%;
    margin: 0 auto;
    padding-left: 3em;
 }
 #block-olivero-firstblockolivero{
	min-width: 35% !important;
    margin-right: 80px;
 }
 
 .region.region--footer-top p ,  .region.region--footer-top a{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* or 150% */
letter-spacing: -0.01em;
 color: #979AA0 !important;
 text-decoration:none !important;
 }
  .region.region--footer-top p strong{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* or 150% */
letter-spacing: -0.01em;
 color: white !important;
 font-weight:bold;
 	  text-transform:uppercase;
 }
  .region.region--footer-top ul{
	  list-style:none;
	  margin:0 auto;
  }
  .social-bar{
	  display:none;
  }
  .path-frontpage .title.page-title{
	  display:none;
  }


		.grid-container {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Two equal-width columns */
            gap: 20px; /* Space between the grid items */
            padding-top:20px;
			padding-bottom:20px;
        }

        .grid-item {
            padding: 20px;
			text-align: left;
    padding-right: 60px !important;
        }
		
		   .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
            grid-template-rows: auto auto; /* 2 rows */
            gap: 20px;
            padding: 20px;
        }

        .feature-item {
			background-color: transparent;
			border: 1px solid #E5E5E7;
            padding: 20px;
            text-align: center;
			min-height: 380px;
        }
		
		.feature-item p, .feature-item h3,  .feature-item a{
			text-align:left;
        }
		.feature-item span{
			width: 148px;
			background: #FFFFFF;
			border: 1px solid #E5E5E7;
			/* Shadow / XSM */
			box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.04);
			border-radius: 6px;
			text-align:left;
			padding:15px;
			color:black;
			text-decoration:none !important;
			position:absolute;
			left:15px;
			bottom: 20px;
			
		}
		.feature-item{
			position:relative !important;
		}
		.show-more svg{
			position:relative;
			top:6px;
			left:13px;
		}
        .feature-item h3 {
            margin-bottom: 10px;
        }

        .feature-item p {
            margin-bottom: 10px;
        }

        .show-more {
            color: blue;
            cursor: pointer;
            text-decoration: underline;
        }
#main{
	    margin-left: 0px;
    padding-left: 0px;
    margin-inline-start: auto;

}
 .row{
	    padding-right: 6em;
    padding-left: 6em;
}

.main-content{
	    margin-left: 0px;
    padding-left: 0px;
    margin-inline-end: inherit;
    margin-inline-start: inherit;
	width:100% !important;
}
.main-content__container{
	max-width:100% !important;
	padding-block-start:auto !important;
	padding-right:0px;
	padding-left:0px;
	}
	 .main-content__container{
	padding-top:0px;
	position:relative;
	top:-40px;
	}
	
		 .main-content__container .region--content-above .row:first-child{
			padding-top:70px !important;
		}
	
	#site-header__inner{
	    transform: none !important;
    opacity: 1 !important;
	}
	.site-branding__name{
		display:none;
	}
	.site-header__initial{
		background:transparent !important;
	}
	#block-olivero-site-branding{
		background:transparent !important;
	}
	#header-nav, #site-header__inner , .site-header{
		background: #E5E5E7;
	}
	.site-header{
		    position: relative;
			top: -30px;
	}
	.primary-nav__menu-item a:hover{
		background:#08447A !important;
		border-radius:8px;
		color:white !important;
		height: 45px !important;
	}
	body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus::before{
	    border:none !important;
	}
	body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner::after{
		display:none !important;
	}
	.primary-nav__menu-link-inner{
	    height: 45px;
		padding: 0px 20px !important;
	}
	.sticky-header-toggle{
		visibility:hidden !important;
	}
	.region.region--content-above.grid-full.layout--pass--content-medium{
		display:none;
	}
	
	
	.buttons-blue{
height: 46px;
background: #08447A;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.04);
border-radius: 4px;
padding:15px;
color:white !important;
text-decoration: none !important;
padding-bottom:20px !important;
margin-top:30px;
position:relative;
top:30px;
}
.routh-row b{
	position:relative;
	color:black;
	top:-10px;
	left:20px;
}
.search-block-form.block.block-search-wide{
	display:none;
}

.primary-nav__menu-item:nth-child(3){
	display:none !important;
}


 .row p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #858C95;
}
.webform-button--submit.button.button--primary.js-form-submit.form-submit{
	background: #08447A;
    border: 1px solid #08447A;
}
.webform-submission-form textarea, .webform-submission-form input{
	border:1px solid    #E5E5E7;
	width:100% !important;
}
.breadcrumb__list, #block-olivero-breadcrumbs{
	display:none;
}
.webform-submission-form p ,  .webform-submission-form a , .webform-submission-form label, .webform-submission-form div,
.path-webform p{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* or 150% */
letter-spacing: -0.01em;
 color: #979AA0 !important;
 text-decoration:none !important;
 }
 *::after {
    display: none !important;
}
.path-webform  .main-content__container.container{
	    padding-top: 0px;
    position: relative;
    top: -50px;
}
.path-webform .contact-info{
	display:block !important;
}
.contact-info{
	display:none !important;
}

.path-webform2 .our-products{
	display:block !important;
}
body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus::before{
    display:none !important;
}

.secondary-nav__menu-link{
        letter-spacing: 0.02em  !important;
        font-size: 1rem  !important;
        line-height: var(--sp1-5)  !important;
        color:black !important;
        font-weight:bold !important;
}


.site-header__initial{
	display: block !important !important;
    background: #E5E5E7 !important;
}
.grid-item .grid-item{
	float:left;
	width:50% !important;
}
.site-header__inner{
	width:100%;
}
.primary-nav__menu-item:nth-child(2){
	display:none !important;
}
.primary-nav__menu-item:nth-child(3){
	display:none !important;
}
.primary-nav__menu-item:nth-child(4){
	display:none !important;
}
.site-header__fixable.is-fixed{
		    width: 100% !important;
    z-index: 9999999999999999999999;
    max-width: 100% !important;
}

.path-user .main-content, .path-resend-activation  .main-content{
	display:block !important;
}
.tabs-wrapper{
	margin-top:100px;
}
.path-user  #page , .path-resend-activation   #page{
	height: auto !important;
}

#edit-account-type--wrapper .fieldset__wrapper.fieldset__wrapper--group{
    border:none;
    padding-left: 0px;
}
#edit-account-type--wrapper  .fieldset__legend.fieldset__legend--composite{
    background:white;
        background-color: white !important;
}
#edit-account-type--wrapper  .fieldset__legend.fieldset__legend--composite span{
   color:black;
   padding-left: 0px;
       font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #323539;
    position:relative;
    top:15px;
}
#edit-account-type--wrapper {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    top: 40px;
}
#edit-account-type--wrapper  .form-type-boolean.js-form-item.form-item input{
        margin: 0;
    vertical-align: middle;
    order: 1;
    background-repeat:no-repeat;
    background-position:center;
}
#edit-account-type--wrapper  .form-type-boolean.js-form-item.form-item label{
     order:1;
     
}

#edit-account-type--wrapper  .form-type-boolean.js-form-item.form-item{
        display: flex;
    align-items: center;
}

 input[type="text"],
input[type="number"] ,
 input[type="email"] ,
 input[type="file"],
 input[type="date"],
  input[type="password"],
 textarea {
	display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 12px;
    gap: 8px;
    border-radius: 6px !important;
    height: 40px;
    background: #F8F9FB;
    border: 1px solid #E5E5E7;
	
	font-family: 'Inter';
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.1px !important;
    color: #858C95 !important;
	    width: 100% !important;
		margin-bottom:15px;
}


/* Container styling for horizontal alignment */
.multistep-registration-step-three .form-type-boolean.js-form-item.form-item.js-form-type-checkbox,
.custom-module-update-company-form   .form-type-boolean.js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    align-items: center;
    gap: 8px; /* Adds spacing between the checkbox and label */
}

.multistep-registration-step-three .form-type-boolean.js-form-item.form-item.js-form-type-checkbox label,
.custom-module-update-company-form   .form-type-boolean.js-form-item.form-item.js-form-type-checkbox label{
    order:1;
    position:relative;
    top:-5px;
}

/* Checkbox input styling */
.multistep-registration-step-three  .form-checkbox.form-boolean--type-checkbox,
.custom-module-update-company-form   .form-checkbox.form-boolean--type-checkbox{
    width: 20px; /* Adjust width as desired */
    height: 20px; /* Adjust height as desired */
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px; /* Optional: adds rounded corners */
    margin: 0; /* Removes default margin */
    cursor: pointer;
}

/* Label styling */
.multistep-registration-step-three  .form-item__label.option,
.custom-module-update-company-form   .form-item__label.option{
    font-size: 14px; /* Adjust font size as desired */
    color: #323539; /* Custom color for the label text */
    cursor: pointer;
}

.user-bank-author-certified-driver .primary-nav__menu.primary-nav__menu--level-1 li{
    display:none;
}

.view-frontpage{
    text-align: center;
    grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
    width: 100% !important;
}

#edit-bus-option--wrapper .fieldset__wrapper.fieldset__wrapper--group {
    border: none;
    padding-left: 0px;
}

#edit-bus-option--wrapper .fieldset__legend.fieldset__legend--composite {
    background: white;
    background-color: white !important;
}

#edit-bus-option--wrapper .fieldset__legend.fieldset__legend--composite span {
    color: black;
    padding-left: 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #323539;
    position: relative;
    top: 15px;
}

#edit-bus-option--wrapper {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    top: 40px;
}

#edit-bus-option--wrapper .form-type-boolean.js-form-item.form-item input {
    margin: 0;
    vertical-align: middle;
    order: 1;
    background-repeat: no-repeat;
    background-position: center;
}

#edit-bus-option--wrapper .form-type-boolean.js-form-item.form-item label {
    order: 1;
}

#edit-bus-option--wrapper .form-type-boolean.js-form-item.form-item {
    display: flex;
    align-items: center;
}

.ui-dialog.media-library-widget-modal.ui-widget.ui-widget-content .js-media-library-views-form{
        display:none;
}
.ui-dialog.media-library-widget-modal.ui-widget.ui-widget-content .view-filters{
        display:none;
}
.ui-dialog.media-library-widget-modal.ui-widget.ui-widget-content .pager__items {
            display:none;
}