/*------------------------------------------------------------------------------------
    PATH:       _assets/less/mod.stratplan.less
    PURPOSE:    Styles for the Strategic Plan Website Project
    AUTHOR:     All Children's Hospital / Mark Fasel
    DATE:       27 August, 2014
    HISTORY:    08/27/2014  MF  Created
                08/28/2014  MF  Responsive Styles Created
                08/29/2014  MF  Updated CSS Styles to the Mission and Core Values, IE Styles 
                09/02/2014  MF  Updated CSS Styles to the Strategic Priorities List Items 

    CONTENTS:   1.0     Icon Navigation
                2.0     Icon List
                3.0     Strategies Custom Page Content
                4.0     VMC List
                5.0     Sidebar - Tidbit
                6.0     Miscellaneous
                7.0     IE Styles
                8.0     Responsive Styles
------------------------------------------------------------------------------------*/
/*-----------------------------------------------
    1.0 Icon Navigation
-----------------------------------------------*/
.strat_page_nav {
  text-align: center;
  margin: 0;
  padding: 0;
}
.strat_page_nav li {
  display: block;
  margin: 0 10px;
  float: left;
  list-style: none;
}
.strat_page_nav.horizontal {
  border-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 25px;
}
.strat_page_nav.horizontal.resources_strat_nav {
  border-bottom: none!important;
  padding-bottom: 0!important;
  margin-top: 25px!important;
  margin-bottom: 0!important;
}
.strat_page_nav.horizontal.sm i,
.strat_page_nav.horizontal.sm span.icon {
  background-image: url(~/getmedia/e1b63027-cf35-4a5b-9fdf-500d13946e09/strategic-icons-sm) !important;
  background-repeat: no-repeat !important;
  display: block!important;
}
.strat_page_nav.horizontal.sm li {
  width: 98px;
  line-height: 16px!important;
  margin: 0 18px;
  position: relative;
}
.strat_page_nav.horizontal.sm li.active:after {
  bottom: -61px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(237, 237, 237, 0);
  border-top-color: #d6d6d6;
  border-width: 10px;
  margin-left: -10px;
}
.strat_page_nav.horizontal.sm li.active i,
.strat_page_nav.horizontal.sm li.active span.icon {
  width: 98px;
  height: 84px;
  margin-bottom: 10px;
}
.strat_page_nav.horizontal.sm li.active i.people_ico,
.strat_page_nav.horizontal.sm li.active span.icon.people_ico {
  background-position: 0 0;
}
.strat_page_nav.horizontal.sm li.active i.biomedic_ico,
.strat_page_nav.horizontal.sm li.active span.icon.biomedic_ico {
  background-position: 0 -86px;
}
.strat_page_nav.horizontal.sm li.active i.familycare_ico,
.strat_page_nav.horizontal.sm li.active span.icon.familycare_ico {
  background-position: 0 -172px;
}
.strat_page_nav.horizontal.sm li.active i.education_ico,
.strat_page_nav.horizontal.sm li.active span.icon.education_ico {
  background-position: 0 -258px;
}
.strat_page_nav.horizontal.sm li.active i.integration_ico,
.strat_page_nav.horizontal.sm li.active span.icon.integration_ico {
  background-position: 0 -344px;
}
.strat_page_nav.horizontal.sm li.active i.performance_ico,
.strat_page_nav.horizontal.sm li.active span.icon.performance_ico {
  background-position: 0 -430px;
}
.strat_page_nav.horizontal.sm li.biomedic_item.active:after,
.strat_page_nav.horizontal.sm li.familycare_item.active:after {
  bottom: -46px !important;
}
.strat_page_nav.horizontal.sm li a {
  font-size: 12px;
  line-height: 16px!important;
  display: block;
  text-decoration: none;
}
.strat_page_nav.horizontal.sm li a i,
.strat_page_nav.horizontal.sm li a span.icon {
  width: 98px;
  height: 84px;
  margin-bottom: 10px;
}
.strat_page_nav.horizontal.sm li a i.people_ico,
.strat_page_nav.horizontal.sm li a span.icon.people_ico {
  background-position: -100px 0;
}
.strat_page_nav.horizontal.sm li a i.biomedic_ico,
.strat_page_nav.horizontal.sm li a span.icon.biomedic_ico {
  background-position: -100px -86px;
}
.strat_page_nav.horizontal.sm li a i.familycare_ico,
.strat_page_nav.horizontal.sm li a span.icon.familycare_ico {
  background-position: -100px -172px;
}
.strat_page_nav.horizontal.sm li a i.education_ico,
.strat_page_nav.horizontal.sm li a span.icon.education_ico {
  background-position: -100px -258px;
}
.strat_page_nav.horizontal.sm li a i.integration_ico,
.strat_page_nav.horizontal.sm li a span.icon.integration_ico {
  background-position: -100px -344px;
}
.strat_page_nav.horizontal.sm li a i.performance_ico,
.strat_page_nav.horizontal.sm li a span.icon.performance_ico {
  background-position: -100px -430px;
}
.strat_page_nav.horizontal.sm li a:hover .icon.people_ico {
  background-position: 0 0;
}
.strat_page_nav.horizontal.sm li a:hover .icon.biomedic_ico {
  background-position: 0 -86px;
}
.strat_page_nav.horizontal.sm li a:hover .icon.familycare_ico {
  background-position: 0 -172px;
}
.strat_page_nav.horizontal.sm li a:hover .icon.education_ico {
  background-position: 0 -258px;
}
.strat_page_nav.horizontal.sm li a:hover .icon.integration_ico {
  background-position: 0 -344px;
}
.strat_page_nav.horizontal.sm li a:hover .icon.performance_ico {
  background-position: 0 -430px;
}
/*-----------------------------------------------
    2.0 Icon List
-----------------------------------------------*/
.strat_priorities_list {
  margin: 0;
  padding: 0;
}
.strat_priorities_list li {
  list-style: none;
  overflow: hidden;
  margin-top: 20px;
  display: block!important;
}
.strat_priorities_list li:first-child {
  margin-top: 0;
}
.strat_priorities_list .item_icon {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9000px!important;
}
.strat_priorities_list .item_icon i,
.strat_priorities_list .item_icon em,
.strat_priorities_list .item_icon span.icon {
  background-image: url(~/getmedia/fcf3329a-c5a0-472a-989e-e2c9bc12c5b8/strategic-icons-lg);
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 113px;
}
.strat_priorities_list .item_icon i.people_ico,
.strat_priorities_list .item_icon em.people_ico,
.strat_priorities_list .item_icon span.icon.people_ico {
  background-position: 0 0;
}
.strat_priorities_list .item_icon i.biomedic_ico,
.strat_priorities_list .item_icon em.biomedic_ico,
.strat_priorities_list .item_icon span.icon.biomedic_ico {
  background-position: 0 -113px;
}
.strat_priorities_list .item_icon i.familycare_ico,
.strat_priorities_list .item_icon em.familycare_ico,
.strat_priorities_list .item_icon span.icon.familycare_ico {
  background-position: 0 -226px;
}
.strat_priorities_list .item_icon i.education_ico,
.strat_priorities_list .item_icon em.education_ico,
.strat_priorities_list .item_icon span.icon.education_ico {
  background-position: 0 -339px;
}
.strat_priorities_list .item_icon i.integration_ico,
.strat_priorities_list .item_icon em.integration_ico,
.strat_priorities_list .item_icon span.icon.integration_ico {
  background-position: 0 -452px;
}
.strat_priorities_list .item_icon i.performance_ico,
.strat_priorities_list .item_icon em.performance_ico,
.strat_priorities_list .item_icon span.icon.performance_ico {
  background-position: 0 -565px;
}
.strat_priorities_list .item_icon:hover i.people_ico,
.strat_priorities_list .item_icon:hover span.icon.people_ico {
  background-position: -130px 0;
}
.strat_priorities_list .item_icon:hover i.biomedic_ico,
.strat_priorities_list .item_icon:hover span.icon.biomedic_ico {
  background-position: -130px -113px;
}
.strat_priorities_list .item_icon:hover i.familycare_ico,
.strat_priorities_list .item_icon:hover span.icon.familycare_ico {
  background-position: -130px -226px;
}
.strat_priorities_list .item_icon:hover i.education_ico,
.strat_priorities_list .item_icon:hover span.icon.education_ico {
  background-position: -130px -339px;
}
.strat_priorities_list .item_icon:hover i.integration_ico,
.strat_priorities_list .item_icon:hover span.icon.integration_ico {
  background-position: -130px -452px;
}
.strat_priorities_list .item_icon:hover i.performance_ico,
.strat_priorities_list .item_icon:hover span.icon.performance_ico {
  background-position: -130px -565px;
}
.strat_priorities_list .item_content {
  float: left;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  margin-top: 15px;
}
.strat_priorities_list .item_content a {
  font-size: 21px;
  line-height: 31px;
  text-decoration: none;
}
.strat_priorities_list .item_content p {
  font-size: 14px;
  line-height: 24px;
  margin-top: 0;
}
/*-----------------------------------------------
    3.0 Strategies Custom Page Content
-----------------------------------------------*/
#str_content {
  margin-top: 40px;
}
#str_content .span4 {
  width: 25%;
  float: left;
}
#str_content .span8 {
  width: 75%;
  float: right;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#str_content h2:first-child {
  margin-top: 0;
}
#str_content #str_info .side_box {
  background: #efefef;
  padding: 15px;
  border: 1px solid #e5e5e5;
}
#str_content #str_info .side_box h4 {
  margin-top: 0;
}
#str_content #str_info .side_box p {
  font-size: 12px;
  line-height: 20px;
}
#str_content .small_text {
  font-size: 13px;
  line-height: 23px;
}
#str_content .str_number {
  list-style: none;
  padding-left: 35px;
}
#str_content .str_number li {
  font-size: 13px;
  margin: 10px 0 0;
  line-height: 23px;
  position: relative;
}
#str_content .str_number span {
  background: #a3a3a3;
  padding: 2px 8px;
  font-size: 13px;
  color: #fff;
  position: absolute;
  left: -35px;
}
#str_content .str_number li.sub_number {
  padding-left: 25px;
  line-height: 20px!important;
}
#str_content .str_number li.sub_number span {
  font-size: 13px!important;
  left: 0!important;
  padding: 0!important;
  line-height: 20px!important;
  background: none!important;
  color: #a3a3a3!important;
  margin-right: 25px;
}
#str_content .str_footer_nav {
  margin-top: 20px;
  text-align: right;
}
/*----------------------------------------------------------------
    4.0     VMC List
----------------------------------------------------------------*/
.vmc_list {
  padding: 0;
}
.vmc_list li {
  list-style: none;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #d6d6d6;
  overflow: hidden;
  display: block!important;
}
.vmc_list li:first-child {
  margin-top: 0!important;
}
.vmc_list li .vmc_header {
  width: 20%;
  float: left;
  margin-top: 5px;
}
.vmc_list li .vmc_header h2 {
  display: block;
  float: left;
  margin: 0;
  font-size: 16px!important;
  color: #fff;
  text-transform: uppercase;
  padding: 70px 15px 10px;
  font-weight: normal;
}
.vmc_list li .vmc_header h2 span {
  display: block!important;
  color: #fff!important;
  font-size: 11px;
}
.vmc_list li .vmc_header.vision_header {
  background: #ada08a;
}
.vmc_list li .vmc_header.mission_header {
  background: #7faba6;
}
.vmc_list li .vmc_header.values_header {
  background: #0c75b1;
}
.vmc_list li .vmc_content {
  float: left;
  width: 80%;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vmc_list li .vmc_content p {
  font-size: 13px;
  line-height: 23px;
  margin-top: 0!important;
}
.vmc_list li .vmc_content ul {
  margin: 0!important;
  padding-left: 20px!important;
}
.vmc_list li .vmc_content ul li {
  margin: 0!important;
  padding: 0!important;
  border: none!important;
  list-style: disc!important;
  font-size: 13px!important;
  overflow: visible!important;
  line-height: 21px!important;
}
/*----------------------------------------------------------------
    5.0     Sidebar - Tidbit
----------------------------------------------------------------*/
.nav-sidebar-tidbit {width: auto!important; overflow: hidden; margin-top: 25px;}
.nav-sidebar-tidbit p {margin: 0!important;}
.nav-sidebar-tidbit .box {
  padding: 0 0 0 0;
  width: 100%!important;
}
.nav-sidebar-tidbit .box h2 {
  margin: 0;
}
.nav-sidebar-tidbit .box p {
  font-size: 13px;
  line-height: 23px;
}
.nav-sidebar-tidbit .box p a {
  color: #004b8d;
  line-height: 18px;
}
.nav-sidebar-tidbit .box p a:hover {
  color: #ee2e24;
}
.nav-sidebar-tidbit .box .shareBox {
  float: left;
  display: block;
  padding: 70px 5% 5% 5%;
  color: #fff;
  background: url(~/getmedia/c6d237ef-664e-4dcf-bd64-7cdf29131c24/square-msg-ico) right top no-repeat #004b8d;
  line-height: 26px;
  font-size: 18px!important;
  text-decoration: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-sidebar-tidbit .box .shareBox:hover {
  background-color: #989898;
  color: #fff!important;
}
/*----------------------------------------------------------------
    6.0    Miscellaneous
----------------------------------------------------------------*/
.pdf_icon {
  background: url('~/getmedia/6e0cb00d-5da1-4460-be75-d52d6ae0b657/pdficon_small') right no-repeat;
  padding-right: 25px;
}
.video_icon {
  background: url('~/getmedia/2c581c87-da84-4992-9bfa-439923700187/play_icon') right no-repeat;
  padding-right: 25px;
}
/*----------------------------------------------------------------
    7.0     IE Styles
----------------------------------------------------------------*/
.ie.ie8 .sm.horizontal.strat_page_nav li,
.ie.ie9 .sm.horizontal.strat_page_nav li {
  margin: 0 15px!important;
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
  .ie.ie8 .strat_page_nav.horizontal.sm li,
  .ie.ie9 .strat_page_nav.horizontal.sm li {
    width: 33%;
    text-align: center;
    display: inline-block !important;
    margin: 15px 0 0!important;
  }
  .ie.ie8 .strat_page_nav.horizontal.sm li span.icon,
  .ie.ie9 .strat_page_nav.horizontal.sm li span.icon,
  .ie.ie8 .strat_page_nav.horizontal.sm li i,
  .ie.ie9 .strat_page_nav.horizontal.sm li i {
    margin: 0 auto 5px!important;
  }
}
/*----------------------------------------------------------------
    8.0     Responsive Styles
----------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
  .strat_page_nav {
    position: relative;
    padding-bottom: 0!important;
  }
  .strat_page_nav li {
    min-height: 130px;
  }
  .strat_page_nav li.active:after {
    display: none!important;
  }
  .strat_page_nav:after {
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border-color: rgba(237, 237, 237, 0);
    border-top-color: #d6d6d6;
    border-width: 10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 1140px) {
  .nav-sidebar-tidbit .box {
    width: auto!important;
    padding: 0 20px;
  }
}
@media screen and (max-width: 979px) {
  #str_content {
    margin-top: 0!important;
  }
  .strat_page_nav li {
    min-height: 150px;
  }
  .strat_priorities_list .item_content {
    width: 70%!important;
  }
  .nav-sidebar-tidbit .box {
    width: auto!important;
  }
  .nav-sidebar-tidbit .box {
    width: auto!important;
    padding: 0 0 0 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
  .strat_page_nav.horizontal.sm li {
    width: 33%;
    text-align: center;
    display: inline-block !important;
    margin: 15px 0 0!important;
  }
  .strat_page_nav.horizontal.sm li span.icon,
  .strat_page_nav.horizontal.sm li i {
    margin: 0 auto 5px!important;
  }
}
@media screen and (max-width: 768px) {
  .strat_priorities_list {
    margin-top: 30px!important;
  }
  .strat_priorities_list .item_content {
    width: 60%!important;
    margin-top: 0!important;
  }
  .strat_page_nav {
    margin-top: 30px!important;
    padding-bottom: 0!important;
  }
  .strat_page_nav li {
    width: 50%!important;
    text-align: center!important;
    margin: 0!important;
  }
  .strat_page_nav li i,
  .strat_page_nav li span.icon {
    display: inline-block;
    clear: both;
  }
  .strat_page_nav li span {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .strat_page_nav.horizontal.sm i {
    display: inline-block !important;
  }
  #str_info {
    width: 100%!important;
    float: none!important;
    margin-bottom: 20px!important;
  }
  #str_content .span8 {
    float: none!important;
    width: 100%!important;
    padding: 0!important;
  }
  .str_number span {
    top: 5px;
  }
  .str_number li.sub_number span {
    top: 0!important;
  }
  .vmc_list li .vmc_header h2 {
    font-size: 16px!important;
    line-height: 24px!important;
    padding-top: 50px!important;
  }
}
@media screen and (max-width: 400px) {
  .strat_priorities_list {
    margin-top: 30px!important;
  }
  .strat_priorities_list .item_icon i,
  .strat_priorities_list .item_icon span.icon {
    background-image: url(~/getmedia/e1b63027-cf35-4a5b-9fdf-500d13946e09/strategic-icons-sm) !important;
    background-repeat: no-repeat !important;
    display: block!important;
    width: 98px!important;
    height: 84px!important;
  }
  .strat_priorities_list .item_icon i.people_ico,
  .strat_priorities_list .item_icon span.icon.people_ico {
    background-position: 0 0!important;
  }
  .strat_priorities_list .item_icon i.biomedic_ico,
  .strat_priorities_list .item_icon span.icon.biomedic_ico {
    background-position: 0 -86px !important;
  }
  .strat_priorities_list .item_icon i.familycare_ico,
  .strat_priorities_list .item_icon span.icon.familycare_ico {
    background-position: 0 -172px !important;
  }
  .strat_priorities_list .item_icon i.education_ico,
  .strat_priorities_list .item_icon span.icon.education_ico {
    background-position: 0 -258px !important;
  }
  .strat_priorities_list .item_icon i.integration_ico,
  .strat_priorities_list .item_icon span.icon.integration_ico {
    background-position: 0 -344px !important;
  }
  .strat_priorities_list .item_icon i.performance_ico,
  .strat_priorities_list .item_icon span.icon.performance_ico {
    background-position: 0 -430px !important;
  }
  .strat_priorities_list .item_content {
    padding-left: 20px!important;
    margin-top: 0!important;
    width: 65%!important;
  }
}

/* Miscellaneous Fixes */
.btn {display: inline-block;}
.section-title-group {
          padding: 0 0 10px 0;
          border-bottom: 1px solid #e7e7e7 ;
          margin-bottom: 15px;
    }
    .section-title {
        font-family: "sanchez_regularregular"!important; /* Defer to Sanchez Font Embed */
        color: #004B8D!important;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
    }

/* Mega Menus Styles */
.box-dprt-drop.mega  {padding: 0!important; min-height: 0!important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);}

.bottom-dropdown {
    background: #fff;
    padding: 20px;
    overflow: hidden;
}
.left-group {
    float: left; 
    width: 50%;  
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
}
.left-group .btn-primary {
    background: #00ACE4!important;
    border: 2px solid #00ACE4!important;
    border-radius: 0;
    padding: 10px 20px!important;
    margin: 0 0 5px!important;
}
.left-group .btn-primary:hover {
    background: #fff!important;
    color: #00ACE4!important;
}
.right-group {
    float: right; 
    width: 50%;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li {
    width: 100%!important;
    padding: 9px 0 0;
    margin: 10px 0 0;
    border-top: 1px solid #e3e3e3;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li a i {
    color: #b8b8b8!important;
    padding: 0 10px 0 0!important;

}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li.location-marker a i {padding-left: 5px!important;}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li a {
    padding: 0!important;
    color: #737373;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li a:hover, header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li:hover {
    background: none!important;
    color: #004B8D;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop .right-group li a:hover i {
  color: #004B8D!important;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop ul.top-dropdown li a {
  padding: 0!important;
}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop ul {padding: 0!important; margin: 0!important;}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop ul.top-dropdown {padding: 20px!important; overflow: hidden;}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop ul.top-dropdown li {padding: 0 0!important; margin-bottom: 5px!important;}
header .box-main-nav .box-right-nav .navbar-nav li .box-dprt-drop li {width: 194px;}
.social-icon {margin-top: 0}
.inside-Interior-page .interior-right-content .right-interior-section .inside-banner .box-banner-text p {margin-bottom: 0}
.app_form label {font-weight: normal;}

.pressTopics h3 {font-size: 18px;}
.pressTopics p {font-size: 14px!important; line-height: 24px!important; color: #000!important;}
.pressTopics .article-meta {font-size: 12px!important; color: #000!important;}