/* NOTE: THE STYLES OUTSIDE OF THE @MEDIA QUERIES APPLY TO SCREENS LESS THAN 768PX WIDE - AKA MOBILE SCREENS.  USE THE @MEDIA QUERIES TO SET THE STYLES FOR TABLETS AND DESKTOPS BASED ON WHAT LOOKS/FUNCTIONS BEST AT EACH SIZE (ABOVE 768PX AND ABOVE 992PX)
-------------------------------------------------- */

/* GLOBAL STYLES
-------------------------------------------------- */

body
{
}

/* Styles for all buttons across the entire site --Note: These should only determine the default button styles. There are specific style adjustments for the buttons for each separate area in the different section styles, any changes there will override these. */

.btn
{
    line-height: 40px;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.btn.btn-lg
{
}

.btn.btn-xl
{
}

/* Styles for the Apply buttons across the entire site */

.btn-primary
{
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active
{
}

.btn.btn-xl.btn-primary
{
}

/* Styles for the Learn More buttons across the entire site */

.btn-default
{
    color: #b2b2b2;
    border: 2px solid #b2b2b2;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{
}

/* Hide the sidebar on mobile/tablet screens, do not change */

.fixed-sidebar
{
    display: none;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px){

}

@media (min-width: 992px)
{
/* Show the sidebar on desktop/large tablet screens, do not change */
    .fixed-sidebar
    {
        display: block;
        position: absolute;
        right: 0;
        height: 100%;
    }
/* Style the sidebar that scrolls with the page */
    #sidebar
    {
        padding-left: 10px;
        border-left: 1px solid;
        list-style: none;
    }
/* Style the sidebar links */
    .fixed-sidebar ul li a
    {
        font-size: 18px;
    }
}

/* SITEWIDE FONT STYLES
-------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: 'Open Sans', sans-serif;
}

h1, .h1
{
}

h2, .h2
{
}

h3, .h3
{
}

h4, .h4
{
}

h5, .h5
{
}

h6, .h6
{
}

p
{
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.lead
{
    font-weight: normal;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px){

}

@media (min-width: 992px){
	
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/* Flip around the padding for proper display on mobile */

.navbar-wrapper .container
{
    padding-left: 0;
    padding-right: 0;
}

/* Styles for the navbar inside the wrapper */

.navbar-wrapper .navbar
{
    min-height: 65px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    background-color: #c7b8ac;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/* Styles for the logo in the mobile nav */

.navbar-brand
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.logo
{
    width: 90px;
}

/* Styles for the menu links on mobile */

.navbar-nav > li > a
{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

/* Styles for the menu button on the top right of the mobile screen */

.navbar-toggle
{
    color: #fff;
    border: 2px solid #fff;
    padding: 13px;
}

.navbar-toggle .icon-bar
{
    background: #fff;
}

/* Hide the social media and large apply buttons in nav on mobile, show the mobile apply button in mobile nav - do not change */

.app-soc
{
    display: none;
}

.app-soc-mob
{
    display: block;
}

/* Styles for the apply button on the top right of the nav (desktop, then mobile[-mob] ) */

.nav-apply
{
    position: relative;
    display: block;
    float: left;
    opacity: 1;
    margin: 5px 0px;
}

.nav-apply .btn.btn-xl.btn-primary
{
    font-weight: bold;
    background-color: #cb0000;
    text-transform: uppercase;
    line-height: 30px;
    border: none;
}

.nav-apply-mob
{
    width: auto;
    max-width: 100px;
    margin: 5px 13px 5px 5px;
    display: block;
    float: right;
    opacity: 1;
}

.nav-apply-mob .btn-primary
{
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 4px;
    background-color: #cb0000;
    border: none;
}

/* Styles for the social media buttons on the top right of the desktop nav */

.navbar-social
{
    float: right;
}

.nav-icon
{
    padding: 15px 5px 5px;
    color: #fff;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
/* Navbar sizes and positioning for tablets/desktops */
    .navbar-wrapper
    {
        position: absolute;
    }
    .navbar-wrapper .container
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-wrapper .navbar
    {
        position: absolute;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
    .navbar-wrapper.navbar-fixed-top
    {
        position: fixed;
        -webkit-transition: all 0.2s ease;
        -webkit-transition-delay: 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .navbar-fixed-top
    {
        background-color: #c7b8ac!important;
        -webkit-transition: all 0.2s ease;
        -webkit-transition-delay: 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .navbar-brand
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }
/* Change the logo width for tablet/desktop if need be */
    .logo
    {
    }
/* Make the apply button in the nav bar fit without overlapping other buttons/links --Note: Don't adjust opacity or transition, these are set to hide the apply button until you scroll to a certain point */
    .nav-apply
    {
        width: 110px;
        float: right;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease;
        -webkit-transition-delay: 0s;
        -moz-transition: opacity 0.5s ease 0s;
        -o-transition: opacity 0.5s ease 0s;
        transition: opacity 0.5s ease 0s;
        margin-right: 21px;
        margin-top: 10px;
        margin-bottom: 1px;
    }
/* Displays the apply button at a certain point, do not change */
    .stickyapp
    {
        opacity: 1;
    }
/* Hide mobile apply button, do not change */
    .app-soc-mob
    {
        display: none;
    }
/* Displays tablet/desktop apply and social media buttons, do not change */
    .app-soc
    {
        display: block;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }
/* Adjust the appearance of menu links on tablet/desktop */
    .navbar-nav > li > a
    {
        padding-top: 23px;
        padding-bottom: 23px;
    }
}

@media (min-width: 992px)
{
/* Adjust positioning of apply button in nav on larger screens if necessary */
    .nav-apply
    {
    }
}

/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */

/* Styles for the overall footer on all pages */

footer
{
}

/* Styles for links in the footer */

footer a
{
}

/* Styles for the address section */

address
{
}

/* Styles for the social media buttons in mobile footer */

.footer-social
{
    text-align: center;
}

/* Displays buttons on mobile, do not change */

.app-soc-mob-foot
{
    display: block;
}

/* Change colors, spacing and size of mobile social media buttons in footer */

.app-soc-mob-foot .nav-icon
{
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
/* Hides the social media buttons in the footer on non-mobile screens, do not change */
    .app-soc-mob-foot
    {
        display: none;
    }
}

@media (min-width: 992px){

}

/* -----------------------------------------------
--------------------------------------------------
THE REST OF THESES STYLES WILL BE ADJUSTED FOR EACH PAGE, EITHER WITH DESIGNATED STYLESHEETS OR ADDING <STYLE> TAGS TO THE PAGE CONTENT AREAS TO DECLARE STYLES
--------------------------------------------------
-------------------------------------------------- */

/* CUSTOMIZE THE MAIN JUMBOTRON AT TOP
-------------------------------------------------- */

/* Style the main jumbotron for all pages */

.jumbo-header
{
    position: relative;
    height: 500px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background-size: cover;
    background-image: url('images/landing-bk-small.jpg');
}

.jumbotron .container
{
    max-width: 100%;
}

/* Position and style the text in the main jumbotron */

.jumbotron-caption
{
    color: #fff;
    position: absolute;
    bottom: 10px;
}

.jumbotron h1,.jumbotron .h1
{
    font-weight: 700;
    font-size: 42px;
}

.jumbotron-caption p
{
    font-weight: 500;
    line-height: 1;
}

.jumbotron-caption p span
{
    color: #FEAE25;
}

/* Style the buttons in the main jumbotron, overriding default button styles */

.jumbotron-caption .btn
{
    text-shadow: none;
    font-weight: 600;
    font-size: 18px;
    border: none;
    margin-right: 10px;
    padding: 5px 10px;
}

.jumbotron-caption .btn-primary
{
    background-color: #FEAE25;
}

.jumbotron-caption .btn-primary:hover, .jumbotron-caption .btn-primary:focus, .jumbotron-caption .btn-primary:active, .jumbotron-caption .btn-primary.active, .jumbotron-caption .open .dropdown-toggle.btn-primary
{
    background-color: #f8a10d;
}

.jumbotron-caption .btn-default
{
    background-color: #85c3ff;
    color: #fff;
    border: none;
}

.jumbotron-caption .btn-default:hover, .jumbotron-caption .btn-default:focus, .jumbotron-caption .btn-default:active, .jumbotron-caption .btn-default.active, .jumbotron-caption .open .dropdown-toggle.btn-default
{
    background-color: #61b0fc;
}

/* If applicable, position the text and buttons in relation to one another */

.caption-text
{
    width: 550px;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
/* set wider background image for tablet/desktop jumbotron */
    .jumbo-header
    {
        background-image: url('images/landing-bk.jpg');
    }
/* set the desktop styles for the jumbotron text area */
    .jumbotron-caption
    {
    }
    .caption-text
    {
    }
    .jumbotron-caption p
    {
        font-size: 24px;
    }
}

@media (min-width: 992px){

}

/* CUSTOMIZE THE MAIN CONTENT AREA
------------------------- */

/* Styles to apply to the entire main content area */

main
{
    padding-bottom: 40px;
}

/* Styles for the hr dividers between sections if applicable */

.featurette-divider
{
    background-color: #333;
    margin: 25px auto;
}

/* Styles for the headings in the body */

.featurette-heading
{
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}

.text-muted
{
    color: #000;
    font-weight: 400;
}

/* Styles for the who we are/about the group section above the job details */

.main-about
{
}

.main-about h2.featurette-heading
{
    margin-bottom: 0;
    margin-top: 10px;
}

/* Styles for the rows of job info */

.row.featurette
{
}

/* Styles to adjust look of Learn More links in the body (not buttons) */

p.lead.learn-more
{
    text-align: center;
}

.learn-more a
{
    color: #b2b2b2;
    font-size: 18px;
}

/* Styles for the large responsive images next to the headings on Job Landing Pages */

.featurette-image
{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
    .featurette-heading
    {
    }
    .featurette-image
    {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px)
{
    .featurette-heading
    {
        margin-top: 0px;
    }
    .featurette-image
    {
        width: 100%;
        max-width: 320px;
    }
    p.lead.learn-more
    {
        text-align: left;
    }
}

/* CUSTOMIZE THE CLOSING CALL TO ACTION
------------------------- */

/* Styles for the size and background of the closing call to action section on all pages */

.jumbotron.closing-banner
{
    text-align: left;
    height: auto;
    color: #fff;
    background-size: cover;
    background-color: #3991c1;
    background-image: none;
    background-origin: center;
    padding: 20px 0;
}

/* Styles for the text in this section */

.closing-banner .caption-text
{
    text-align: left;
}

.closing-banner h2
{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    margin-top: 5px;
}

.closing-banner h2 span
{
    color: #83d5f7;
}

/* Styles for the Apply button in this section */

.closing-banner .btn.btn-xl.btn-primary
{
    text-shadow: none;
    font-weight: 600;
    font-size: 16px;
    background-color: #FEAE25;
    border: none;
    line-height: 25px;
}

.closing-banner .btn.btn-xl.btn-primary:hover, .closing-banner .btn.btn-xl.btn-primary:focus, .closing-banner .btn.btn-xl.btn-primary:active, .closing-banner .btn.btn-xl.btn-primary.active
{
    background-color: #f8a10d;
}

/* Optional styles for blockquotes if using one in this section */

blockquote
{
}

blockquote div
{
}

blockquote footer,blockquote small,blockquote .small
{
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
    .jumbotron.closing-banner
    {
        background-size: cover;
        text-align: left;
    }
    .closing-banner .caption-text
    {
        width: 50%;
        float: right;
    }
    .closing-banner h2
    {
    }
    blockquote
    {
    }
    blockquote div
    {
    }
    blockquote footer,blockquote small,blockquote .small
    {
    }
}

@media (min-width: 992px)
{
    .jumbotron.closing-banner
    {
    }
    .closing-banner .caption-text
    {
        margin-right: 2%;
    }
    .closing-banner h2
    {
        font-size: 24px;
        margin-top: 20px;
    }
}

@media (min-width:1300px)
{
    .closing-banner .caption-text
    {
        width: 68%;
        margin-right: 0;
    }
}