/*
 * Styles for Reproductive Care Program website
 * Barry Campbell
 * July 2014
 */

html {
  font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
  font-size: 100%;
}

body.front, body.not-front {
  background-color: #EBF3F2;
  background-image: url(../images/main_header_background.png);
  background-repeat: repeat-x;
  background-position: 0px 43px ;
  font-size: 0.875em;
}

/** Front page header - logo and image positions **/
  .front #header {
    height: 210px;
    width: 100%;
    padding: 0px;
    position: relative;
    background: url("../images/mother_and_baby_header.png") no-repeat scroll 235px 0px;
  }
  
  /* RCP logo */
  .front .header__logo {
    clear: both;
    float: left;
    margin: 25px 0 0 0;
  }
  
  /* IWK Logo */
  .front .header__logo2 {
    clear: both;
    float: left;
    margin: 15px 0 0 15px;
  }
  
  /* Rh Logo */
    .front .header__logo3 {
      float: left;
      margin: 15px 0 0 25px;
    }
    .front .header__logo3 img {
      height: 51px;
      width: 60px;
    }

  /* slideshow */
  .front #header #slideshow {
    position: absolute;
    top: 20px;
    left: 715px;
  }
  .front #header #slideshow img {
    border: 4px solid #ffffff;
    border-radius: 5px;
    box-shadow: 6px 6px 5px #888888;
    max-width: none;
  }

/** Internal pages header - logo and image positions **/
  .not-front #header {
    height: 140px;
    width: 100%;
    padding: 0;
    background: url("../images/header_internal_right.png") no-repeat scroll 745px center;
  }
  
  /* RCP Logo */
  .not-front .header__logo {
    clear: both;
    float: left;
    margin: 20px 0 0 10px;
  }
  
  /* IWK Logo */
  .not-front .header__logo2 {
    float: left;
    margin: 72px 0 0 20px;
  }
  
  /* Rh Logo */
  .not-front .header__logo3 {
     display: none;
  }
  
  /* slideshow */
  .not-front #header #slideshow {
    display: none;
  }

/** Top bar region (secondary menu, search form) **/

  #topbar-holder {
    height: 43px;
    width: 100%;
    background: url(../images/top-bar.gif) repeat;
  }
  .region-topbar {
    height: 100%;
	width: 980px;
	margin: 0 auto;
  }

/** Main Menu **/

  #navigation {
    height: 35px;
    background: url(../images/main_menu_background.png) repeat-x;
  }

  #navigation #main-menu ul {
    float: left;
    margin-top: 6px;
    font-size: 0.875em; 
    list-style-position: inside;
    overflow:hidden;
  }

  #navigation #main-menu ul li {
    float: left;
	list-style-position: inside;
    height: 29px;
    padding: 0px 0px 0px 0px;
    background: url(../images/back-nav-vertical-line.gif) no-repeat right center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  
  #navigation #main-menu ul li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 0px 15px 0px 15px;
}

  #navigation #main-menu ul li.active-trail, #navigation #main-menu ul li:hover {
    background-color: #EBF3F2;
  }

  #navigation #main-menu ul li.active-trail a, #navigation #main-menu ul li a:hover {
    color: #00706E;
  }

/** Secondary Menu **/

  #block-menu-secondary-menu {
    height: 100%;
    display: block;
	margin: 0;
  }

  #block-menu-secondary-menu ul {
    float: right;
    font-size: 1em;  
    list-style-position: inside;
    height: 100%;
    margin: 0em;
    padding: 0;
    display: block;
  }
  
  #block-menu-secondary-menu ul li {
    float: left;
    list-style-type: none;  
    list-style-image: none;  
    margin-top: 8px;
  }
  
  
  #block-menu-secondary-menu ul li a {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 15px 0 15px;
    display: block;
  }
  #block-menu-secondary-menu ul li a:hover {
    text-decoration: underline;
  }


  /* Top bar search box */
  .region-topbar .block {
    float: right;
  }
  #block-google-appliance-ga-block-search-form {
    background: url("../images/search_holder_with_icon.png") no-repeat scroll 0 0;
    border: 2px solid #2977c2;
    height: 29px;
    margin: 4px 0 0 0;
    width: 264px;
  }
  #block-google-appliance-ga-block-search-form input.form-text {
    border: none;
    float: left;
    width: 150px;
    margin-left: 30px;
    margin-top: 5px;
  }
  #block-google-appliance-ga-block-search-form input.form-submit {
    background: url("../images/search_submit_btn.png") no-repeat scroll center center;
    border: medium none;
    color: #ffffff;
    float: right;
    height: 31px;
    margin-right: -1px;
    margin-top: -2px;
    width: 80px;
  }
  
  /** Google Search Results **/
  .gsc-adBlock {
    display: none !important;
  }
  
  /** Left Sidebar Menus **/

  .region-sidebar-first {
    padding: 0;
    margin-bottom: 0;
  }
  .sidebars .block-menu-block {
     margin-bottom: 0;
  }

  .sidebars ul.menu  {
    padding: 8px 10px 8px 10px;
    border: 2px solid #DEEBEA;
    border-radius: 5px;
    font-size: 1em;
    line-height: 1.25em;
    margin: 4px 0 0 0;
    background-color: #FFFFFF;
  }

  .sidebars ul li.menu__item {
    list-style: none outside none;
    padding: 10px 10px 10px 10px;
    border-top: 2px solid #DEEBEA;
    border-radius: 5px;
  }
  
  .sidebars ul li.menu__item.first {
    border-top: 0px none;
  }

  .sidebars ul li.menu__item a {
	text-decoration: none;
    color: #5C9895;
  }

  .sidebars ul li:hover.menu__item, 
  .sidebars ul li.menu__item.active {
	background-color: #5C9895;
  }
  
  .sidebars ul li:hover.menu__item a,
  .sidebars ul li.menu__item.active a {
	color: #FFF;
    text-decoration: none;
    display: block;
  }

  
  /** Formatting of main content **/

  /* Main title on each page */
  #main #content h1 {
    color: #03336B;
    font-size: 1.5em;
  }
  
  /* Secondary headers, subtitles within a page */
  #main #content h2 {
    color: #03336B;
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }

  #main #content h3 {
    color: #03336B;
    font-size: 1.1em;
  }

  /* Hide main title on front page */
  .front #main #content h1 {
    display: none;
  }

  #main #content p, #main #content ul, #main #content ol {
    color: #363636;
    font-size: 0.875em;
    line-height: 1.5em;
  }

  /* Hide message "No front page content has been created yet" */
  .front #main #content #first-time {
    display: none;
  }

  .front #main #content {
    padding-left: 0;
  }
  
  /* Front page highlighted region containing "Our Mission ..." */
  .front #main #content .region-highlighted {
    display: inline-block;
    margin: 0 20px 20px 0;
  } 
  .front #main #content .region-highlighted .block {
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
  } 
  .front #main #content .region-highlighted .block h2.block__title {
    color: #03336B;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
  } 
  .front #main #content .region-highlighted .block p {
    font-size: 0.875em;
    margin: 0 0 0 0;
  } 
  .front #main #content .region-highlighted .block.last p, 
  .front #main #content .region-highlighted .block.last ul {
	margin-top: 0.75em;
  } 
  .front #main #content .region-highlighted .block.last ul {
    color: #2977c2;
    padding-left: 10px;
  } 

  /* Line up 3 front page blocks Clinical Guidelines, Resources & Reports, Atlee Database */
  .front #main #content .block {
    display: inline-block;
    float: left;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 188px;
  } 

  /* Titles of 3 front page blocks */
  .front #main #content .block h2.block__title {
    color: #008d8b;
    font-size: 0.9em;
    letter-spacing: 0;
    line-height: 0;
    margin: 0 0 15px 0;
    padding: 15px 0 0 4px;
  } 

  /* Coloured bars over 3 front page blocks */
  .front #main #content .block:nth-child(4) h2.block-title {
    border-top: 6px solid #008d8b;  
  } 
  .front #main #content .block:nth-child(5) h2.block-title {
    border-top: 6px solid #5b95cd;  
  } 
  .front #main #content .block:nth-child(6) h2.block-title {
    border-top: 6px solid #ff7930;  
  } 
  
  
  .front #main #content .block p {
    font-size: 0.8em;
    margin: 0 0 0 0;
  } 

  /* Right sidebar - upcoming events and news  */ 
  .sidebar-second .region-sidebar-second {
    padding: 0;
  }

  .sidebar-second .region-sidebar-second .block {
    margin-bottom: 12px;
  }
  
  .region-sidebar-second h2.block__title {
    color: #ffffff;
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    height: 40px;
    margin: 0;
    padding: 0 0 0 48px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  } 

  /* Title background of Upcoming Events block */
  .region-sidebar-second #block-views-events-block-1 h2.block__title {
    background-color: #5b95cd;
	background-image: url("../images/events_icon.png");
	background-repeat: no-repeat;
    background-position: 10px center;
  } 
  
  /* Title background of News block */
  .region-sidebar-second #block-views-news-block-1 h2.block__title {
    background-color: #58848d;
    background-image: url("../images/news_icon.png");
	background-repeat: no-repeat;
    background-position: 10px center;
  } 

  /* Content area of sidebar view blocks */
  .region-sidebar-second .view-content {
	font-size: 0.95em;
    line-height: 1.25em;
    color: #bed5da;
	padding: 0 15px 10px 15px;
  } 

  /* Content area background of sidebar events block */
  .region-sidebar-second #block-views-events-block-1 .view-content {
    background-color: #5b95cd;
    background-image: url("../images/events_body.jpg");
    background-repeat: no-repeat;
  } 

  /* Content area background of sidebar news block */
  .region-sidebar-second #block-views-news-block-1 .view-content {
    background-color: #58848d;
    background-image: url("../images/news_body.jpg");
    background-repeat: no-repeat;
  } 

  /* Sidebar blocks news and events titles */
  .region-sidebar-second .view-content .views-row {
    padding: 10px 0 0 0;
  }
  .region-sidebar-second .view-content .views-field-title a {
    background-image: url("../images/front_li.png");
    background-position: left 4px;
    background-repeat: no-repeat;
	padding: 0 0 0 18px;
    color: #bed5da;
    text-decoration: none;
    display: block;
  }
  .region-sidebar-second .view-content .views-field-title a:hover {
    text-decoration: underline;
  }
  .region-sidebar-second .view-content .views-field-created,
  .region-sidebar-second .view-content .views-field-field-event-date {
	font-weight: bold;
    font-size: 0.8em;
	padding: 0 0 0 18px;
  }
  .region-sidebar-second .view-content .views-field-field-status {
    color: #c00000;
	font-weight: bold;
    font-size: 0.8em;
	padding: 0 0 0 18px;
  }

  /* Footer "View all" area of Upcoming Events and News blocks */
  .region-sidebar-second .view-footer {
    display: block;
    font-size: .8em;
    font-weight: normal;
    height: 20px;
    margin: 0;
    padding: 0 5px 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  } 
  .region-sidebar-second .view-footer a {
    color: #ffffff;
    float: right;
    font-weight: bold;
    text-decoration: none;
  }
  .region-sidebar-second .view-footer a:hover {
    text-decoration: underline;
  }
  .region-sidebar-second #block-views-events-block-1 .view-footer {
    background-color: #5b95cd;
  } 
  .region-sidebar-second #block-views-news-block-1 .view-footer {
    background-color: #58848d;
  } 

  #main #content .view {
    margin-top: 10px;
  }

  #main #content .view .views-row {
    margin-bottom: 10px;
  }
  
  #main #content .view .view-content p {
    margin: 1em 0;
  }
  #main #content .view .view-content .views-field-title a {
    color: #03336b;
    font-size: 1.25em;
    text-decoration: none;
  }
  #main #content .view .view-content .views-field-title a:hover {
    text-decoration: underline;
  }
  
  /* Remove bullets from file attachment lists in Clinical Guidelines views */
  .view-content .views-field-field-file-attachments .item-list ul {
    list-style-type: none;
    padding-left: 0px;
  }

  
  /* Newsletter Signup and Order Prenatal Forms buttons */
  #newsletter-signup-button {
    background: url("../images/newsletter_signup_button.png") no-repeat scroll 0 0;
    height: 37px;
    width: 271px;
  }
  #order-prenatal-forms-button {
    background: url("../images/prenatal_order_button.gif") no-repeat scroll 0 0;
    height: 37px;
    width: 271px;
  }
  #newsletter-signup-button a, #order-prenatal-forms-button a {
    color: #ffffff;
    display: block;
    font-size: 19px;
    font-weight: normal;
    margin-left: 48px;
    padding-top: 6px;
    text-decoration: none;
  }
  
  
  /* Chartforms area */
  
  /* Show thumbnail images of chart forms side by side */
  #main #content article.node-chart-form div.field-type-image div.field-items div.field-item {
    float: left;
    margin: 10px;
  }
  #main #content article.node-chart-form ul.links.inline {
    clear: both;
    float: left;
  }
  

  /* Footer area - DoHW acknowledgement and pipe separated links */
  #page #footer {
    height: 40px;    
    margin-top: 25px;
    padding: 0 10px 0;
    background-color: #dfe8e7;
    color: #636466;
	clear: both;
  }
  #page #footer .block {
    float: left;
    display: block;
    margin: 10px 0;
  }
  #page #footer .block-block {
    font-size: .75em;
  }
  #page #footer .block-menu ul {
    font-size: 0.9em;
    margin: 0;
  }
  #page #footer .block-menu ul li {
    float: left;
    list-style: none outside none;
    padding-left: 10px;
  }
  #page #footer .block-menu ul li:after {
    content: "|";
    padding-left: 10px;
  }
  #page #footer .block-menu ul li.last:after {
    content: "";
  }


  a:hover {
    color: #00706E;
    text-decoration: underline;
  }
  
  a, a:visited {
    color: #00706E;
    text-decoration: none;
  }
  
  /* Extra space between items in grid display of views (e.g., Key Indicators, Publications) */
  #main #content .view .view-content .views-view-grid td {
    padding-bottom: 20px;
  }
 
  /* In publications view, which includes publication date, file size and number of pages, 
     display the label and value in the same line */
  #main #content .view .view-content .views-field-field-pub-date .field-content,
  #main #content .view .view-content .views-field-field-filesize .field-content,
  #main #content .view .view-content .views-field-field-num-pages .field-content {
	display: inline;
  }
 
 
   #main #content #block-views-newsletters-block-1 {
     float: left;
     width: 50%;
   }
   #main #content #block-views-newsletters-block-2 {
     float: left;
     padding-left: 50px;
     width: 40%;
   }
   #main #content #block-views-newsletters-block-1 h2,
   #main #content #block-views-newsletters-block-2 h2 {
     color: #03336b;
     font-size: 1.25em;   
   }
   
   
   /* Newsletter page */
   #main #content article.node-newsletter div.field-name-body {
     background-color: #FFFFFF;
     width: 800px;
     padding: 20px;
     border: 1px solid;
   }

   /* In Newsletters, remove top and bottom margins from lists in table cells */
   #main #content article.node-newsletter div.field-name-body table tbody tr td {
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 10px;
     padding-right: 10px;
   }
   #main #content article.node-newsletter div.field-name-body table tbody tr td ul {
     margin: 0px;
   }
   
   
   /* Jan 27, 2022: E-News page, dynamically generated view, same styling as Newsletter Page above, white background, border */
   #main #content .view-display-id-enews_page {
     background-color: #FFFFFF;
     width: 800px;
     padding: 20px;
     border: 1px solid;
   }
   
   /* Coding manuals page, show image of current edition and list of previous editions side by side */
   #main #content article.node-342 p {
     float: left;
   }
   #main #content article.node-342 .field.field-name-field-file-attachments {
     float: left;
     margin-left: 30px;
   }
   #main #content article.node-342 img {
     border-color: #00706e;
   }
   #main #content article.node-342 ul {
     clear: both;
     float: left;
   }


   /* Manually spaced paragraphs e.g., for content pasted from Word where newlines separate paragraphs */
   #main #content .manual-spacing p {
     margin-top: 0;
     margin-bottom: 0.25em;
   }
   
   /* Nov 20, 2018 - Web Forms - FHS Education Survey */
   
   /* Indents for web form components */
   
   #webform-client-form-525 #webform-component-role,
   #webform-client-form-525 #webform-component-discipline,
   #webform-client-form-525 #webform-component-facility,
   #webform-client-form-525 #webform-component-receive-fhs-education,
   #webform-client-form-525 #webform-component-text3,
   #webform-client-form-525 #webform-component-fhs-mandatory,
   #webform-client-form-525 #webform-component-text4,
   #webform-client-form-525 #webform-component-how-many-staff,
   #webform-client-form-525 #webform-component-less-than-3-years,
   #webform-client-form-525 #webform-component-3-to-5-years,
   #webform-client-form-525 #webform-component-5-to-10-years,
   #webform-client-form-525 #webform-component-more-than-10-years,
   #webform-client-form-525 #webform-component-support-standard-program,
   #webform-client-form-525 #webform-component-additional-comments,
   #webform-client-form-525 #webform-component-text6,
   #webform-client-form-525 #webform-component-text7
   {
     margin-left: 40px;
   }
   
   #webform-client-form-525 #webform-component-form-education,
   #webform-client-form-525 #webform-component-form-education-other,
   #webform-client-form-525 #webform-component-how-often,
   #webform-client-form-525 #webform-component-how-often-other,
   #webform-client-form-525 #webform-component-who-provides,
   #webform-client-form-525 #webform-component-who-provides-other,
   #webform-client-form-525 #webform-component-for-whom-mandatory,
   #webform-client-form-525 #webform-component-for-whom-mandatory-other,
   #webform-client-form-525 #webform-component-show-evidence,
   #webform-client-form-525 #webform-component-text5
   {
     margin-left: 80px;
   }
   
   #webform-client-form-525 #webform-component-how-evidence-demonstrated,
   #webform-client-form-525 #webform-component-how-evidence-demonstrated-other
   {
     margin-left: 120px;
   }
   
   #webform-client-form-525 #edit-actions
   {
     margin-left: 40px;
   }

   #webform-client-form-525 .webform-component-number label
   {
     font-weight: normal;
   }
   
   
   #main #content article.node-536 .field-name-field-pdf-preview-image
   {
     display: none;
   }
   
   
   /* May 2020 - Web Forms - FHS Education Survey - Spring 2020 */
   
   /* Indents for web form components */
   
   
   #webform-client-form-595 div.webform-component ol {
     margin-left: -1.5em;
   }
   
   #webform-client-form-595 div.webform-component ol li {
     font-size: 1.25em;
   }
   
   #webform-client-form-595 div.webform-component label {
     font-weight: normal;
   }