﻿/**
 * Table of Contents:
 *
 * 1.0 - Repeatable Patterns
 * 2.0 - Basic Structure
 * 3.0 - Header
 *   3.1 - Navigation
 * 4.0 - Content
 *   4.1 - Entry Header
 *   4.2 - Entry Meta
 *   4.3 - Entry Content
 *   4.4 - Galleries
 *   4.4 - Post Formats
 *   4.6 - Attachments
 *   4.7 - Post/Paging Navigation
 *   4.8 - Author Bio
 *   4.9 - Archives
 *   4.10 - Search Results/No posts
 *   4.11 - 404
 *   4.12 - Comments
 *   4.13 - Multisite
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

/**---------------------------------------------------------------------------
 * 1.0 REPEATABLE PATTERNS
 *
 *
 *
 * ----------------------------------------------------------------------------
 */
 .float-right {
	float: right;
}
.float-left {
	float: left;
}


/**---------------------------------------------------------------------------
 * 2.0 BASIC STRUCTURE
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

 :root {
    --lf-orange: #e35205;
    --lf-blue: #01426a;
    --lf-d-gray: #425563;
    --lf-gray: #8ba1b0;
    --lf-l-gray: #dde5ed;
    --lf-pale-gray: #f4f7f9;
    --lf-black: #222C33; /* text color */
    --lf-d-orange: #b34104; /* Hover color ONLY */
    --lf-font-family: 'trade-gothic-next', sans-serif;

 }

html {
   	font-size: 16px;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    height:100%;
}

body {
    font-size: 1em;
    font-family: var(--lf-font-family),'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: var(--lf-black);
    margin: 0 auto 0 auto;
    max-width: 100%;
    height: 100%;
    position: relative;
}

#body {
    background-color: #fff;
    clear: both;
    min-height: 100%;
}

hgroup, nav, section {
    display: block;
}

h1 {
    color: var(--lf-blue);
}

h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0px 0px 32px 0px;
    color: var(--lf-blue);
}

.float-left p {
    color: var(--lf-gray);
    margin-bottom: 0px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
}
a {
    text-decoration: none !important;
    font-weight: normal !important;
}
/**---------------------------------------------------------------------------
 * 3.0 HEADER
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

header {
    background-color: var(--lf-orange);
    display: block;
    height: 62px;
    width: 100%;
    padding-top: 10px;

    /* padding-left: 2%; 
    padding-right:2%;*/
}

    header .content-wrapper {
        margin: 0px auto 0px auto;
        padding: 5px 0px 0px 36px;
        max-width: 1280px !important;
        width: 100%;
    }
div .content-wrapper {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 1280px !important;
}
a.site-title {
    margin-top: 5px;
    padding: 0;
}

a.site-title:link {
    color: #fff;
    font-family: var(--lf-font-family);
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    background: url("https://www.laserfiche.com/wp-content/uploads/2018/02/Laserfiche_Logo_RGB_w_400.png") no-repeat center left;
    background-size: contain;
    display: block;
    width: 512px;
    text-decoration: none !important;
}

a.site-title:visited, a.site-title:hover {
    color: #fff;
    text-decoration: none;
}

.sticky-wrapper {
    width: 100%;
}

#sticky-nav.stuck {
    position: fixed;
    background: rgba(255, 255, 255, 0.95) !important;
    height: auto !important;
    top: 0;
    left: 0;
    right: 0;
	border-top:4px solid var(--lf-orange);
	border-bottom:4px solid rgba(0,0,0,.1);
	-webkit-transition:background 450ms 50ms ease-out;
	-moz-transition:background 450ms 50ms ease-out;
	-ms-transition:background 450ms 50ms ease-out;
	-o-transition:background 450ms 50ms ease-out;
	transition:background 450ms 50ms ease-out;
	z-index:5000;
}
#sticky-nav.stuck:hover {
	background: rgba(255, 255, 255, 1) !important;
	-webkit-transition:background 450ms 50ms ease-out;
	-moz-transition:background 450ms 50ms ease-out;
	-ms-transition:background 450ms 50ms ease-out;
	-o-transition:background 450ms 50ms ease-out;
	transition:background 450ms 50ms ease-out;
}

#sticky-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

/**---------------------------------------------------------------------------
 * X.X MAIN NAV
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

.nav-menu {
    margin: 10px auto 40px auto;
    max-width: 1280px;
    width:100%;
}

.nav-menu ul li {
    display: inline;
    list-style: none;
    margin: 0px 23px 0px 0px;
}

.nav-menu ul li a {
    background: none;
    color: var(--lf-d-gray);
    text-decoration: none;
}

.nav-menu ul li a:hover {
    color: var(--lf-d-orange) !important;
    border:none;
}

ul li a.currentPage {
    color: var(--lf-d-orange) !important;
    padding-bottom: 15px;
    border-bottom: 5px solid var(--lf-d-orange);              
    text-decoration: none; 
}

ul li a.currentPage u {
    text-decoration: none;  
}


/**---------------------------------------------------------------------------
 * 4.0 CONTENT
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

#resetfilter {
    background-color: var(--lf-gray);
    color: white;
    font-size: 10px;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    text-transform:uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px; 
    -khtml-border-radius: 3px;
}

#resetfilter:hover {
    background-color: var(--lf-gray);
    font-variant: small-caps;
    text-decoration: none;
}

a, a.job_title {
    color: var(--lf-blue);
}


/**---------------------------------------------------------------------------
 * X.X FOOTER
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

/*Sticky footer*/

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

footer {
  height: 60px;
  background-color: var(--lf-pale-gray);
  padding-top: 10px;
}

#copyright {
    color: var(--lf-blue);
    float:left;
    text-decoration: none;
    line-height:43px;
}

a#copyright:hover {
    text-decoration: underline;
}

.social-footer {
	float: right;
    display: inline-block;
    list-style: none;
    margin:0;
    padding:0;
    line-height:39px;
}
    .social-footer li {
        display:inline-block;
    }
    .social-footer a {
        display: inline-block;
    }
        .social-footer a:hover {
            text-decoration: none;
        }
        .social-footer i {
	        font-size: 16px !important;
	        color: #fff;
	        background: var(--lf-gray);
	        border-radius: 50%;
	        text-align: center ;
            text-decoration: none;
            width: 32px !important;
            height: 32px !important;
	        line-height: 22px !important;
            margin: 5px;
            padding: 5px 5px 5px 5px;
            display:inline-block;
        }
            .social-footer i:hover {
	            background-color: var(--lf-d-gray);
            }


/**---------------------------------------------------------------------------
 * X.X FORMS
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

.left15 {
    margin-left: 15px;
}

form {
    display: block;
    margin: 0 0 20px;
    width: 100%;
}

a, input[type="submit"], input[type="button"], button {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

a:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    background-color: var(--lf-orange);
    -moz-border-radius: 3px;
    border: none;        
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1.125em;
    padding: 8px 16px 8px 16px;
    width: auto;
}

    button.textbutton
    {
        background-color: #fff;
        color:var(--lf-gray);
        font-size: 1em;
        text-decoration:underline;
    }

input[type="button"]:hover, input[type="submit"]:hover,
button[type="button"]:hover, input[type="submit"]:hover {
    background-color: white;
    border: 1px solid var(--lf-orange);
    color: var(--lf-orange);
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    color:#555;
    display: block;
    font-size: 1em;
    margin: 0px 0px 3px 0px;
}

    label.checkbox {
        display: inline;
    }

input, textarea {
    border: 1px solid var(--lf-gray);
    background: #fff;
    color: var(--lf-black);
    font-size: 1em;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    width: 100%
}

textarea {
    font-family: inherit;
}





/**---------------------------------------------------------------------------
 * X.X INFO AND ERRORS
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

p.eeo
{
    color: var(--lf-d-gray);
    font-size: 12px;
}


/**---------------------------------------------------------------------------
 * X.X STYLES FOR VALIDATION HELPERS
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}





/**---------------------------------------------------------------------------
 * X.X TABLES
 *
 *
 *
 * ----------------------------------------------------------------------------
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

th a {
    display: block;
    position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
    color: var(--lf-black);
    font-weight: 600;
    text-decoration: none;
    padding: 0;
}

th a:hover {
    color: var(--lf-d-gray);
}

th.asc a, th.desc a {
    margin-right: .75em;
}

th.asc a:after, th.desc a:after {
    display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

th.asc a:after {
    content: '▲';
}

th.desc a:after {
    content: '▼';
}

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

hr {
    background: none;
    border: 1px solid var(--lf-pale-gray);
    height: 0;
    margin: 0px 0px 32px;
    height: 0px;
}



/**---------------------------------------------------------------------------
 * X.X DIV TABLE
 *
 *
 *
 * ----------------------------------------------------------------------------
 */

#titleSearch {
    margin: 0px auto;
    padding: 4px 0 4px 28px;
    width:90%;
}

.icon-search {
    color: var(--lf-gray);
    left: 12px;
    top: 11px;
}

.divTable {
    display:  table;
    width:auto;
    background-color:#fff;
}

.divRow, .divRowAlt {
    color: var(--lf-d-gray);
    display: block;
    height:auto;
    min-height: 38px;
    padding-top: 6px;
    padding-left: 20px;
    max-width: 1174px;
    width: auto;
    z-index: 0;
    overflow:hidden;
}

.divRow p, .divRowAlt p {
    padding-left: 7px;
    margin-bottom: 0;

}

.divRow div, .divRowAlt div {
	align-items: center;
}

.divRow {
	background-color:var(--lf-pale-gray);
}

.divRowAlt {
	background-color: #fff;
}

.divCellTitle, .divCellDep, .divCellLoc, .divCellType {
    padding-left: 13px;
}

.divCellTitle {
    width: 500px;
}

.divCellDep {
    width: 226px;
}

.divCellLoc {
    width: 288px;
}

.divCellType {
    width: 146px;
}



/**---------------------------------------------------------------------------
 * X.X DROP DOWN
 *
 *
 *
 * ----------------------------------------------------------------------------
 */
.headRow
{
    display: inline-block;
    max-width: 1174px;
    margin:0 auto 0 auto;
}
    .headRow .dropdown-menu
    {
        background-color: var(--lf-pale-gray);
    }
    .headRow .dropdown
    {
        background: var(--lf-pale-gray) url(/Images/down.png) no-repeat right;
        border: 1px solid var(--lf-l-gray);
        color: var(--lf-d-gray);
        display: inline-block;
        font-size: 1em;
	    /* float: left; // replaced with 'display: inline-block'
        height: 35px; */
	    position: relative;
	    text-align: left;
        
    }

.headRow p {
    margin: 4px 0 0 12px;
}

.headRow #menu {
    position: relative;
    padding: 0;
    margin: 0;
}

    .headRow #menu a {
        color: var(--lf-d-gray);
	    display: block;
	    padding: 8px 0px 8px 10px;
	    text-decoration: none;
    }

        .headRow #menu a:hover {
	        color: var(--lf-d-gray);  
            text-decoration: none;
        }

    .headRow #menu ul {
	    list-style-type: none;
        margin-top: 2px;
        margin-bottom: 20px;
        padding-left: 0px;
    }

    .headRow #menu li {       
        background-color: var(--lf-pale-gray);
    }

        .headRow #menu li:hover {
            border: 1px solid var(--lf-l-gray);
        }
            .headRow #menu li:hover .sub-menu {
                background-color: var(--lf-pale-gray);
                border-top: none;
                border-right: 1px solid var(--lf-l-gray);
                border-bottom: 1px solid var(--lf-l-gray);
                border-left: 1px solid var(--lf-l-gray);
	            display: block;
                margin-top: 3px;
                margin-left: -1px;
            }

.headRow #menu .sub-menu {
    background-color: var(--lf-pale-gray);
	display: none;
	position: absolute;
	top: 30px;
	padding: 10px;
	z-index: 90;
}

    .headRow #menu .sub-menu li {
        border: none;
        text-align: left;
    }

    .headRow #menu li .sub-menu a {
        background-color: var(--lf-pale-gray);
        text-decoration: none;
        }

        .headRow #menu li .sub-menu a:hover {
            text-decoration: underline;
            }

#menu li.titleHead {
    width: 500px;
}
    #menu li.titleHead .sub-menu {
        padding-left: 0;
        width: 500px;
    }

li.depHead {
    width: 226px;
}
    li.depHead .sub-menu {
        width: 226px;
    }
        li.depHead .sub-menu a {
            width: 190px;
        }

li.locHead {
    width: 288px;  
}
    li.locHead .sub-menu {
        width: 288px;
    }
        li.locHead .sub-menu a {
            width: 240px;
        }

li.typeHead {
    width: 148px;
}
    li.typeHead .sub-menu {
        width: 148px;
    }
        li.typeHead .sub-menu a {
            width: 120px;
        }


    .col-sm-9 p, h2 {
        line-height: 1.5;
    }

    .col-sm-9 li {   /* added List Style bullets here for Jobs/Details */
        list-style: disc;
    }

        h2 span a {
            color: var(--lf-gray);
            font-size: 12px;
            text-transform: uppercase;
            font-weight: normal;
            margin: 0px;
            text-decoration: none;
        }

        .col-sm-9 h2 span a:hover {
            color: var(--lf-gray);
            font-weight: normal;
            text-decoration: underline;
        }

    .col-sm-9 h3 {
        color: var(--lf-d-gray);
        margin: 8px 0px 8px 0px;
    }

        .col-sm-9 h3 span {
            font-size: 4px;
            font-weight: normal;
        }

    .col-sm-9 .icon-location-3 {
        font-size: 18px;
        margin-right: 4px;
        top: 1px;
    }

.jobdetails p {
    margin-bottom: 14px;
}

.jobdetails ul {
    margin-top: 0;
}
.jobdetails a {
    color: var(--lf-blue);
}
.leftMainConfirmation {
    display: inline;
    float: left;
    line-height: 1.5;
    margin-right: 96px;
    width: 676px;
}

#resume_upload {
    background-color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

select {
    color: var(--lf-d-gray);
    font-size: 1em;
    margin-bottom: 10px;
    width: 100%;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 2px;
    border: 1px solid var(--lf-l-gray);
    background: transparent url(/Images/down.png) no-repeat 100% center;
}

.rightNavImage {
    float: left;
    height: 260px;
    margin-left: 10px;
    width: 200px;     
}

    .rightNavImage img {
        margin: 0px;
    }

.appCategory {
    display:inline-block;
    width:100%;
}



/**---------------------------------------------------------------------------
 * X.X SOCIAL LINKS - THANK YOU PAGE
 *
 *
 *
 * ----------------------------------------------------------------------------
 */
#social_links {
	padding:0;
}

	#social_links li {
		display: inline-block;
		list-style: none;
        margin-top:50px;
	}
		
	#social_links a {
		border-bottom: none;
		display: inline-block;
        text-decoration: none;
	}
		#social_links a:hover {
			border-bottom: none;
		}
		#social_links i {
			margin:0;
		}
        

	.twitter i, .fb i, .youtube i, .linkedin i {
		background-color: var(--lf-l-gray);
	}

        .twitter i.pulse, .fb i.pulse, .youtube i.pulse, .linkedin i.pulse {
            background: transparent !important;
            border: 1px solid var(--lf-blue);
        }
	.twitter i, .fb i, .youtube i, .linkedin i {
		font-size: 45px !important;
		word-spacing: 1px;
		-webkit-border-radius: 1000px;
		-moz-border-radius: 1000px;
		-ms-border-radius: 1000px;
		-o-border-radius: 1000px;
		border-radius: 1000px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 75px !important;
		width: 75px !important;
		height: 75px !important;
		max-width: 100%;
		text-align: center;
		color: #fff;
		background-color: var(--lf-l-gray);
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		position: relative;
        -webkit-transition: background-color .2s ease-in;
        -moz-transition: background-color .2s ease-in;
        -o-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in;
	}
#social_links i.pulse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    background: transparent !important;
    border: 1px solid var(--lf-blue);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 275ms;
    -moz-transition-duration: 275ms;
    -o-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
    -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
    -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
    transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
}
	#social_links a:hover i.pulse {
		opacity: 1;
		-webkit-transform: scale(1.20);
		-moz-transform: scale(1.20);
		-ms-transform: scale(1.20);
		-o-transform: scale(1.20);
		transform: scale(1.20);
		-webkit-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
		-moz-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
		-o-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
		transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
	}
#social_links a:hover > i {
    background: var(--lf-blue);
    -webkit-transition: background-color .2s ease-in;
    -moz-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
}


/**---------------------------------------------------------------------------
 * X.X BOOTSTRAP ADJUSTMENTS
 *
 *** mediaqueries.css:  - .img-responsive modified in media query specifically for mapbox
 *** style.css:         - #oursoftware-list > .img-responsive modified
 * ----------------------------------------------------------------------------
*/
.navbar
{
    min-height:0px;
}
.navbar-toggle .icon-bar {
  background-color: var(--lf-l-gray);
}

.navbar-toggle
{
    margin:3px 0px 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 background-color: transparent;
}

.nav > li > a {
    padding: 10px 14px;
}

.navbar-nav {
    margin: 0;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.navbar-default .navbar-nav > li > a:hover
{
    color:var(--lf-d-orange);
}
.navbar-collapse
{
    padding: 0;
}

.dropdown-menu
{
    border-radius: 0px;
}

.dropdown-menu > li:hover 
{
    border:none !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus 
{
    background-color: var(--lf-pale-gray);
}

#colWrap .col-sm-4
{
    text-align:center;
}

#colWrap .col-xs-12
{
    text-align:center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {  
  font-weight: bold;
}
h3 {
    color: var(--lf-blue);
}
h7
{ 
    font-family: var(--lf-font-family);
    font-size: 52px;
    color:var(--lf-blue);
    font-weight: bold;
}

.anchor
{display: block; position: relative; top: -58px; visibility: hidden;}

.fixfixed { 
    display:none;
}

a.nodecoration, a:hover.nodecoration
{
    text-decoration: none;
}

/*allows dropdown menu to be styled in IE*/
select::-ms-expand {
    display: none;
}