/* 
-----------------------------------
TOC
-----------------------------------

Fonts:........................Available font-family declarations

Globals:......................Styling of HTML and BODY

Site Elements:................Re-usable Site Elements   

Structure:....................Site structural components

Page/Element Specific:........Page, Element or Flow Specific CSS

Forms:........................Form Styling

Responsive:...................Specific styles for Desktop, Tablet and Mobile

*/



/*-----------------------------------
   Fonts
-------------------------------------



/*-----------------------------------
   Globals
-----------------------------------*/



/*-----------------------------------
   Site Elements
-----------------------------------*/
/* Breadcrumbs */
.breadcrumb { padding: 8px 15px; background-color: #f5f5f5; }
.breadcrumb > li { margin-bottom: 0; }

/* Buttons: Add Icon */
.btn.btn-xs .icon-add { padding-top: 4px; }

/* Carousel: Reset for Items */
.carousel .carousel-inner>.item { padding:0px; }

/* ---- Forms ---- */

  /* Temporary! Form Alerts */
  label.error { color: #920038; }

  /* Ruby Flash Alert Placement Fix */
  .clearfix.add_margin_30 + .flash.alert,
  .clearfix.add_margin_30 + .flash.alert + .clearfix.add_margin_30 { margin-top: -30px; margin-bottom: 30px; }


/* Expand / Collapse */
.collapse_trigger span.icon-arrow-open-right { display: none; }
.collapse_trigger span.icon-arrow-open-down { display: inline-block; }

.collapse_trigger.collapsed span.icon-arrow-open-right { display: inline-block; }
.collapse_trigger.collapsed span.icon-arrow-open-down { display: none; }

/* Loading Spinner */
#spinner { width: 50%; margin-top: -10px; display: none; left:25%; position: absolute; right: 25%; top: 50%; z-index: 1000; }

    /* Loading Spinner: Modal */
    @media only screen and (max-width: 767px) {
      #spinner .modal-dialog,
      #spinner3 .modal-dialog { margin-top:75px; }
    }     

/* Search: In-Page Widget */
.careers_incopy_search .form_group_location select { width: calc(100% - 68px); float: left; }
.careers_incopy_search #support_submitsearch { margin-left: -68px; float: right; }

/* Tables: Datatable Error Hinting */
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th { color: #a94442; }



/*-----------------------------------
   Structure
-----------------------------------*/

/* ---- Header ---- */

  /* Global Navbars - Turn off Global Search and MWA */
  li.headernav_login { display: none !important; }

  /* Non-Mobile Adjustments */
  @media only screen and (min-width:768px) {  

    #headernav { margin-right: -9px; }

  }



/*-----------------------------------
   Page/Element Specific
-----------------------------------*/

/* ---- Careers Landing ---- */
#carousel_careers_home .item { min-height: 450px; }

.carousel-search { width: 100%; height: 50px; padding: 8px 0 0; margin: -50px 0 0; background: rgba(0,0,0,.5); color: #fff; position: absolute; z-index: 15; }
.carousel-search p { padding-top: 3px; margin: 0 10px 0; display: inline-block; vertical-align: middle; }
.carousel-search .btn { padding: 8px 14px; }


/* ---- Student Landing ---- */

  /* Carousel/Banner */
  #carousel_careers_student_home .carousel-inner>.item img { padding: 39px 0 0; }

  /* Bio Modules */
  .popover_container { margin-bottom: 30px; position: relative;; }
  .popover_container .popover_caption { width: 100%; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); bottom: 0; color: #fff; font-size: 12px; line-height: 16px; position: absolute; z-index: 5; }
  .popover_container:hover .popover_caption { background: rgb(0, 102, 204); background: rgba(0, 102, 204, 0.75); }


/* ---- Business and Entry-Level Opportunities ---- */
  
  /* Carousel/Banner */
  #careers_newgrad_carousel { background: url("/images/responsive/supporting/company/careers/newgrad-carousel-bg.png") no-repeat top left; }
  #careers_newgrad_carousel .item { min-height: 0; padding: 40px 50px; overflow: hidden;  }
  #careers_newgrad_carousel img { float: right; }
  #careers_newgrad_carousel .carousel-caption { padding: 0; margin: 0; bottom: auto; left: auto; overflow: hidden; position: relative; right: auto; z-index: 0; }


/* ---- Life at MathWorks ---- */

  /* Carousel/Banner */
  #carousel_mathworks_life .item { height: 450px; }
  #carousel_mathworks_life .carousel-caption { padding: 10px 15px; margin: 0; background-color: rgba(0,0,0,.5); bottom: 0; color: #fff; font-weight: bold; position:absolute; left: 0; right: 0; } 


/* ---- Offices ---- */

  /* Map */
  .map_pin { width: 16px; height: 24px; position: absolute; }
  .map_pin > a { width: 16px; height: 24px; background: url(/images/responsive/supporting/company/careers/ico-map-pin.png) no-repeat top left; display: block; }

  #careers_office_locations .popover { max-width: 300px; padding: 0; border: none; border-radius: 0; background: #000; }
  #careers_office_locations .popover .popover-content { min-width: 300px; padding: 12px 12px 16px; color: #fff; font-size: 14px; line-height: 18px; overflow: hidden; }
  #careers_office_locations .popover .popover-content a,
  #careers_office_locations .popover .popover-content a:visited,
  #careers_office_locations .popover .popover-content a:hover { color: #fff; }

  #careers_office_locations .popover.top .arrow:after { border-top-color: #000; }
  #careers_office_locations .popover.right .arrow:after { border-right-color: #000; }
  #careers_office_locations .popover.bottom .arrow:after { border-bottom-color: #000; }
  #careers_office_locations .popover.left .arrow:after  { border-left-color: #000; } 

  .map_pin#pin_01 { margin:315px 0 0 174px; }
  .map_pin#pin_02 { margin:285px 0 0 283px; }
  .map_pin#pin_03 { margin:288px 0 0 315px; }
  .map_pin#pin_04 { margin:251px 0 0 527px; }
  .map_pin#pin_05 { margin:268px 0 0 535px; }
  .map_pin#pin_06 { margin:294px 0 0 514px; }
  .map_pin#pin_07 { margin:251px 0 0 541px; }
  .map_pin#pin_08 { margin:273px 0 0 550px; }
  .map_pin#pin_09 { margin:263px 0 0 565px; }
  .map_pin#pin_10 { margin:287px 0 0 565px; }
  .map_pin#pin_11 { margin:220px 0 0 580px; }
  .map_pin#pin_12 { margin:218px 0 0 598px; }
  .map_pin#pin_13 { margin:378px 0 0 757px; }
  .map_pin#pin_14 { margin:297px 0 0 870px; }
  .map_pin#pin_15 { margin:305px 0 0 904px; }
  .map_pin#pin_16 { margin:310px 0 0 940px; }
  .map_pin#pin_17 { margin:522px 0 0 975px; }
  .map_pin#pin_18 { margin:248px 0 0 503px; }


/* ---- Careers Search ---- */
li.refined,
li.refinable { position:relative; }

.search_refine ul > li > a.link_spotlight_icon { padding:2px !important; margin:0; display:block; float:right !important; position:absolute; top:0; right:0; z-index:3; }
.search_refine ul > li > a.link_spotlight_icon:hover,
.search_refine ul > li > a.link_spotlight_icon:focus { color:#005487 !important; outline:1px solid #005487; outline-offset:-2px; }
.search_refine ul > li > a.link_spotlight_icon:before { content:none !important; }
.search_refine ul > li > a.link_spotlight_icon:hover:before { content:none !important; }

  /* ---- Non-Desktop ---- */
  @media only screen and (max-width: 991px) {

    /* Search Results: Facets */
    #facets_area { padding: 20px; margin-left: 0; }

  }


  /* Off-Canvas */
  .offcanvas_actuator .offcanvas_actuator_label:before { content: "FILTER"; }

  /* Unified Search Widget */
  .careers_unified_search #job_search_form { width:100%; margin-bottom:30px; overflow:hidden; }
  .careers_unified_search #job_search_form .form-control { height:36px; }
  .careers_unified_search .form_group_keyword { width:65%; margin-right:5px; float:left; }
  .careers_unified_search .form_group_keyword .form-control { width:100% !important; }
  .careers_unified_search .form_group_location { width:calc(35% - 10px - 47px); margin-right:5px; float:left; }
  .careers_unified_search .form_group_location .form-control { width:100% !important; }
  .careers_unified_search #support_submitsearch { float:left; }

  /* Re-enable the HTML5 Search Clear Affordance */
  .content_container input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }

    /* Remove Filters Button */
    .filterless .form-group.form_group_keyword .nugget { display: none; }

    .filtered .form-group.form_group_keyword { padding: 2px; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
    .filtered .form-group.form_group_keyword .nugget { margin-bottom: 0; }
    .filtered .form-group.form_group_keyword .nugget a { padding-bottom: 4px; }
    .filtered .form-group.form_group_keyword .nugget:hover .label { text-decoration: none; }
    .filtered .form-group.form_group_keyword .form-control { width: calc(100% - 101px) !important; height: 30px !important; padding-right:0; border: none; box-shadow: none; -webkit-box-shadow: none; float:right; }
    .filtered .form-group.form_group_keyword .form-control:focus { outline-color:rgba(102,175,233,0.6); outline-style: solid; outline-style: auto; outline-width: 2px; }
  
  @media only screen and (max-width: 767px) {
    .careers_unified_search .form_group_keyword { width:100%; }
    .careers_unified_search .form_group_location { width:calc(100% - 5px - 45px); display:inline-block; }
    .careers_unified_search #support_submitsearch { display:inline-block; }
  }      

  /* Loading Indicator */
  .progress_bar { margin: 150px 0; overflow: hidden; }
  p.progress_bar_msg { margin-bottom:5px; color:#333; font-size:16px; font-weight:500; line-height:1.00; text-align: center; }  


/* ---- Jobseeker ---- */
  
  /* Jobs Page */
  .job_details { padding: 15px 22px 0; }

  /* Confirm Profile */
  td.is_current { text-align: center; }

/* ---- Videos/Lightbox ---- */
  #bc-outer-container-lightbox { position: relative; height: 0; padding-bottom: 56.25%; background-color: #585858; }
  .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .video-player-include p { display:none; }
  .ekko-lightbox-container a { display:none; }

/*-----------------------------------
   Forms
-----------------------------------*/



/*-----------------------------------
   Responsive
-----------------------------------*/

/* ---- Non-Mobile ---- */
@media only screen and (min-width: 768px) {

}


/* ---- Desktop Large ---- */
@media only screen and (min-width: 1200px) {

}


/* ---- Desktop Small ---- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

  /* ---- Life at MathWorks ---- */
    /* Carousel/Banner */
    #carousel_mathworks_life .item { height: 350px; }


  /* ---- Offices ---- */
    /* Map */
    .map_pin#pin_01 { margin:257px 0 0 143px; }
    .map_pin#pin_02 { margin:235px 0 0 233px; }
    .map_pin#pin_03 { margin:237px 0 0 260px; }
    .map_pin#pin_04 { margin:207px 0 0 435px; }
    .map_pin#pin_05 { margin:221px 0 0 441px; }
    .map_pin#pin_06 { margin:242px 0 0 424px; }
    .map_pin#pin_07 { margin:207px 0 0 446px; }
    .map_pin#pin_08 { margin:225px 0 0 454px; }
    .map_pin#pin_09 { margin:217px 0 0 466px; }
    .map_pin#pin_10 { margin:237px 0 0 466px; }
    .map_pin#pin_11 { margin:179px 0 0 478px; }
    .map_pin#pin_12 { margin:177px 0 0 493px; }
    .map_pin#pin_13 { margin:312px 0 0 624px; }
    .map_pin#pin_14 { margin:245px 0 0 717px; }
    .map_pin#pin_15 { margin:251px 0 0 745px; }
    .map_pin#pin_16 { margin:253px 0 0 773px; }
    .map_pin#pin_17 { margin:430px 0 0 802px; }
    .map_pin#pin_18 { margin:200px 0 0 412px; }   

}


/* ---- Tablet ---- */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* ---- Careers Landing ---- */
    /* Carousel/Banner */ 
    #carousel_careers_home .item { min-height: 360px; }


  /* ---- Life at MathWorks ---- */
    /* Carousel/Banner */
    #carousel_mathworks_life .item { height: 300px; } 


  /* ---- Offices ---- */
    /* Map */
    .map_pin { display: none; }

}


/* ---- Mobile ---- */
@media only screen and (max-width: 767px) {

  /* ---- Site Elements ---- */
  .carousel .carousel-inner>.item img { margin-bottom:20px; }

  ol.breadcrumb { display: none; }


  /*-----------------------------------
     Page/Element Specific
  -----------------------------------*/

  /* ---- Careers Landing ---- */
  #carousel_careers_home .item { min-height: 250px; }
  .carousel-search { margin:15px 0 0; padding-top: 0; height: auto; background: transparent; position: relative; }
  .carousel-search .btn { padding: 8px 10px; }

  /* ---- Student Landing ---- */
  #carousel_careers_student_home.carousel_fluid .carousel-inner>.item { min-height: 1px; }
  #carousel_careers_student_home.carousel_fluid .carousel-inner>.item img { padding: 40px 0; }

  #carousel_careers_student_home_bios .carousel-caption { min-height: 220px; padding-bottom: 0; background: #edf4f4; bottom: auto; color: #333; left: auto; position: relative; right: auto; top: auto; z-index: 5; }
  #carousel_careers_student_home_bios .carousel-caption * { color: #333 !important; text-shadow: none; } 
  #carousel_careers_student_home_bios .carousel-control { background: none; filter: none; }

  /* ---- Business and Entry-Level Opportunities ---- */
  #careers_newgrad_carousel .item { padding: 0 20px 20px 20px; }
  #careers_newgrad_carousel img { width: calc(100% + 40px); max-width: none; margin: 0 -20px 20px -20px; position: relative; }  
  #careers_newgrad_carousel .carousel-caption { min-height: 140px; background: transparent; }
  #careers_newgrad_carousel .carousel-control { background: none; filter: none; } 

  /* ---- Internships ---- */
  #carousel_careers_interns .carousel-caption { min-height: 175px; padding-bottom: 0; background: #edf4f4; bottom: auto; color: #333; left: auto; position: relative; right: auto; top: auto; z-index: 5; }
  #carousel_careers_interns .carousel-caption * { color: #333 !important; text-shadow: none; } 
  #carousel_careers_interns .carousel-control { background: none; filter: none; }

  /* ---- In Our Own Words ---- */
  #carousel_our_own_words .carousel-caption { min-height: 385px; padding-bottom: 0; background: #edf4f4; bottom: auto; color: #333; left: auto; position: relative; right: auto; top: auto; z-index: 5; }
  #carousel_our_own_words .carousel-caption * { color: #333 !important; text-shadow: none; } 
  #carousel_our_own_words .carousel-control { background: none; filter: none; }

  /* ---- Life at MathWorks ---- */
  #carousel_mathworks_life .item { height: 200px; min-height: 200px; }  
  #carousel_mathworks_life .carousel-caption {  background-color: rgba(0,0,0,.85); }


  /* ---- Offices ---- */
  .map_pin { display: none; } 

}