@charset "utf-8";
/*
 * Supreme Court of Canada - Custom Styles
 */

/* Site Left and Right Margins Content Portion */
#wb-core {background-color:#fff}

/* remove padding after menu and before content */
#wb-core-in{padding-top:0px}
 
/* End of Content Margin and Left and Right Margins Content Portion */
#wb-main-in {margin-bottom:30px}
 
/* SCC Top Header Bar */
#gcwu-gcnb {background:#efefef}
#gcwu-gcnb a {color:#660033;height:3px}
#gcwu-gcnb-lang {padding-right:10px;margin-right:1px; margin-bottom:0px}

/* Added SCC Image to Header Right */
#gcwu-wmms {top:10px} /* space above the logo */
#gcwu-wmms-in {float:right; height:100px; width:82px}
#gcwu-wmms-fip,.ie8 #gcwu-wmms-fip, .ie7 #gcwu-wmms-fip {height:100%;width:100%;background:url(../images/scc-header-right74-black.png) no-repeat 4px 0 transparent}


/* SCC Header Bar */
#gcwu-title a:hover,#gcwu-title a:focus{text-decoration:underline}
.ui-link:visited{color:#fff} /*?????*/
#gcwu-title,#gcwu-title a,#gcwu-srchbx a,#gcwu-srchbx a:visited{color:#000;font-family:Arial, Helvetica,sans-serif; text-shadow:none; text-transform:uppercase}html{overflow-y:scroll}
#gcwu-title-in{width:460px;}
#gcwu-bnr {padding-top:0px; border-top-color:#800000; border-style:solid; border-bottom:none; border-left:none; border-right:none}
.scc-banner-title-with-text {
    height: 36px !important;
 }
#scc-banner-text {
    margin-left: 40px;
    margin-right: 0px;
    height: 77px;
}


/* Header Background Image - Colors */
#wb-body,#wb-body-sec,#wb-body-sec-sup,#wb-body-sec-sup,#wb-head-in {background-image:none;background-repeat:no-repeat,repeat-x;background-position:center 3.08em;background-color:#fff}
.ie7 #wb-body,.ie7 #wb-body-sec,.ie7 #wb-body-sec-sup,.ie7 #wb-body-sec-sup,.ie7 #wb-head-in {background:none repeat-x center 3.1em white}
.ie8 #wb-body,.ie8 #wb-body-sec,.ie8 #wb-body-sec-sup,.ie8 #wb-body-sec-sup,.ie8 #wb-head-in {background:none repeat-x center 3.1em white}

/* Mobile Header Background Colors *
/* To prevent the mobile header bar from showing blue for a few seconds, the #gcwu-bar needs to be the SCC color (gold).
   However, if we change it here using #gcwu-bnr{background:#800000}, the non-mobile pages loose the background.
   I could NOT figure out how to set it for mobile only.
   To solve this problem, I overwrote the color in the WET CSS style. 
   Unless we find a better solution, each time we update WET we will need to overwrite this style.
   
   wet/dist/theme-gcwu-fegc/css/theme-scc317-min.css
   From: #gcwu-bnr{background:#225c96}
   To: #gcwu-bnr{background:#800000}
*/

/* SCC Mobile Title Backgound BURGENDY */
#gcwu-title {background-image:none;border-top-color:#800000;border-bottom-color:#800000;border-left-color:#800000;border-right-color:#800000;}
.ui-bar-b {background:#800000}


/* Mega Menu Colors */
#gcwu-psnb .mb-menu {border-top:1px solid #fff;border-bottom:1px solid #fff}
#gcwu-psnb .mb-menu, #gcwu-psnb .mb-menu li {background:#800000}
#gcwu-psnb .mb-menu li {border-left:1px solid #fff;border-right:1px solid #FFFFFF}
#gcwu-psnb .mb-menu .expandicon {padding-right:.79em;background:none}
#gcwu-srchbx {background:#fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff; padding-top:0px;}
#gcwu-psnb .mb-menu .nav-current {background:#efefef;border-bottom:.5px solid #ccc;border-top:.5px solid #ccc;border-left:1px solid #ccc}
#gcwu-psnb .nav-current {text-decoration:none;color:#000;}
#gcwu-psnb .mb-menu .mb-sm-open {border-bottom-color:#800000}
.mb-menu a:link {text-decoration:none;color:#fff}
.mb-menu a:visited {text-decoration:none;color:#fff}
.mb-menu a {text-decoration:none;color:#000}

#gcwu-psnb .wet-boew-menubar {margin-top:-1px;border-bottom:4px solid #fff;min-height:2.26em}

/* Breadcrumb colors */
#gcwu-bc a {color:#800000}
#gcwu-bc-in a:hover,#gcwu-bc-in a:focus{color:#800000 }


 /* Secondary menu colors */
 /* Top secondary menu with an active sub-menu */
.wb-sec-def h3.top-section a {background:#800000}
/* Top secondary menu when no active sub-menus */
.wb-sec-def h3.top-section a.nav-current,.wb-sec-def h3.top-section a.ui-link.nav-current {background:#800000; color:white!important; } 
.wb-sec-def h3 a.nav-current, .wb-sec-def h4 a.nav-current,.wb-sec-def .top-level a.nav-current {padding:1px 3px}
/* RED Active Menus */
.wb-sec-def h3 a.nav-current,.wb-sec-def h4 a.nav-current,.wb-sec-def li a.nav-current,.wb-sec-def .top-level a.nav-current,.wb-sec-def h3 a.ui-link.nav-current,.wb-sec-def h4 a.ui-link.nav-current,.wb-sec-def li a.ui-link.nav-current,.wb-sec-def .top-level a.ui-link.nav-current{color:#800000 !important;}
#wb-sec-in {margin:7px 0 50px 0px}



/* Space below Date modified */
#gcwu-date-mod{bottom:25px;right:10px}

/* Footer - red leaf removed */
#gcwu-sft-in{background-image:none; padding-top:1px}

/* Footer - gray line removed and replaced with color border */
#gcwu-sft{background: center top repeat-x #efefef; border-top-color:#800000; border-style:solid; border-bottom:none; border-left:none; border-right:none;}

/* Footer - line between Conditions and Transparency */
#gcwu-tctr li.gcwu-tc{border-right:1px solid #905109;padding:0 9px 0 10px}
 


/* Content Objects - Colors*/


.module-home-message>:first-child, .background-accent {background:#fff }
.module-home-message {background-color: #fff; border-style:solid; border-color:#800000; border-width:medium}
.module-home-message h2 {font-size:125%; color:black!important; text-shadow:none; padding-left:5px}
.module-home-message p { border:1px; padding-left:8px}
.module-home-message ul { padding-left:8px; list-style-type:none; margin:0} 
.module-home-message img { align-content: center}


.home-note {background-color: #eee; border-style:solid; border-color:#800000; border-width:small; }
.home-note p {font-size:105%;}
.module {background-color: #fff; outline:none} /* Used For Today's Hearing */
.h2-background-accent {color: black !important; background: #white !important; font-size:155% !important;} /* Used For Today's Hearing */

.module-content-page>:first-child, .background-accent {background:#efefef}
.module-content-page {background-color: #fff; border-style:solid; border-color:#ccc; border-width:thin}
.module-content-page h2 {font-size:125%; color:black!important; text-shadow:none; padding-left:5px}
.module-content-page p { border:1px; padding-left:8px}
.module-content-page ul { padding-left:8px; list-style-type:none; margin:0} 

.form-color {background-color: #f9f9f9; border-color:#ccc; border-all:1px}
.module-related>:first-child, .background-accent {background:#fff}
.wet-boew-webwidget>:first-child, .background-accent {background:#800000}
.module-related h2 {font-size:145%; color:black!important;text-shadow:none}

.module-related > ul, .module-menu-section > ul {margin-top:none !important; border:none}

#wb-main h1, h1:not(.ui-title){border-bottom:1px solid #efefef;padding:0}
.home h1 {border-bottom:0px!important;}
.module-menu-section h2 {font-size:145%; color:black!important; background:#fff; text-shadow:none}
.module-menu-section h3 {color:black!important; background:#fff; text-shadow:none}
.module-menu-section li {text-decoration:underline; background:#fff; border-top:1px dotted #fff;} /* background color in Home page Quick Access  */

.module-menu-section ul li ul{border:none !important}  
.module-menu-section ul li {background:#fff; border:none !important}  /* Used in Home Page Quick Access */

.module-poster-summary {background-color: #fff; background-color: #fff; border-style:solid; border-color:#ccc; border-width:thin; }

.home-scc-case-search { /* border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; */ background:#fff }
.home-category h4 {margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: -5px }
.home-category h3 {margin: 0 }
.home-category h2 {margin: 0 }
.home-category p {margin: 0  }
.wb-icon-mail {width:16px;height:16px;margin-right:4px;display:-moz-inline-stack;display:inline-block; vertical-align:text-bottom}

.button--skip-link:not(:focus):not(:hover):not(:active) {
    -webkit-transform: translateY(-4em);
    -ms-transform: translateY(-4em);
    transform: translateY(-4em);
    opacity: 0;

}


button:focus, 
.button:focus {
    border-color: #062434;
}



/* Form Input Buttons - Colors */
a.button-accent, input.button { background-image: none}
a.button-accent, input.button-accent { background-color: #800000}
input.button-accent:hover, input.button-accent:focus {background-color:#800000}

/* Accent - Colors */
.color-accent {color:#666}

/* Links Colors */
#wb-main-in a:link,#wb-main-in a.ui-link:link{color:#660000}
#wb-main-in a:visited,#wb-main-in a.ui-link:visited{color:#8b0000}

/* Text looking like a link */
.link-text {
	text-decoration: underline ;
	text-color: #8000000 ;
}



/* #module-related-h2 a:link,#module-related-h2 a:visited {color:#fff} ????*/

/* Light Box */
.wet-boew-lightbox > ul > li {list-style-type:none;margin: 5px 5px 5px 5px;}

/* Slideout */
#toggleLink {background-color:#800000}

/* Blockquote - Left Border Color */
blockquote, blockquote.float-left, blockquote.float-right{border-left-color:#800000 !important}

/* wet 3.1.2 wb-icon-none causing problems in secondary and mega menu */
.wb-icon-none {float: none;margin-left:0 ;margin-right:0; height:auto}

/* wet 3.1.2 missing width-90 on label */
label.width-90{
    width: 90%;
    display: inline-block;
}

/* SCC Classes */
img.scc-centered {display: block;margin-left: auto;margin-right: auto }
.scc-img-maxwidth {width: 100%; height: auto;}

img.small-tn {max-width:35px; max-height:30px; width: auto; height: auto}

.scc-hide {display: none}
.scc-kiosk-hide {}
.scc-kiosk-show {display: none}
.scc-error {color:#c00}
.ssc-fieldset-legend{
    font-weight: bold;
    font-size: 120%;
}
.scc-unstyled-list {list-style-image:none; list-style-type: none; margin-left:10px !important}
.scc-non-indented-list {list-style-image:none; margin-left:15px !important}
.scc-font-white {color:white !important}
.scc-no-border {border-top:none; border-bottom:none; border-left:none; border-right:none;}
.morecontent span {
    display: none;
}
div.scc-center-content {
    width: 50%;
    margin: 0 auto;
}

.dark-red  {background-color:#800000}
.margin-top-7 {margin-top:7px!important}
.h2 image {max-width:100%}

/* BORDERS AROUND FORM INPUT BUTTONS */
input,textarea,select{border-color:#c8c8c8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}input:focus,textarea:focus,select:focus{border-color:#660000;-webkit-transition:border .2s linear,box-shadow .2s linear;-webkit-transition-delay:0s,0s;-moz-transition:border .2s linear 0s,box-shadow .2s linear 0s;-o-transition:border .2s linear 0s,box-shadow .2s linear 0s;transition:border .2s linear 0s,box-shadow .2s linear 0s;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05),#ccc 0 0 8px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05),#ccc 0 0 8px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05),#ccc 0 0 8px}

/* MOUSE OVER COLOR SEARCH BUTTON */
input[type="button"]:hover,input.button-accent:hover,button.button-accent:hover,a.button-accent:hover,summary.button-accent:hover,input[type="button"]:focus,input.button-accent:focus,button.button-accent:focus,a.button-accent:focus,summary.button-accent:focus{background-color:#666!important}

.tabs-panel{border:solid 1px #ccc;border-top:0;padding:1px 10px 10px}

#wb-main h1, #wb-main h2, #wb-main h3, #wb-main h4, #wb-main h5, #wb-main h6 {font-weight:550; font-family:Verdana,Genava,sans-serif }

/* TABLE ZEBRA striping color change - Not sure if all the following code is required */
.wet-boew-zebra.colzebra colgroup col:nth-child(2n),.wet-boew-zebra.rowzebra tbody tr:nth-child(2n),.wet-boew-zebra.columnhighlight colgroup.table-summary col.table-hover,.wet-boew-zebra.rowtdhover tbody tr.table-summary:hover,.wet-boew-zebra.rowhover tbody tr.table-summary:hover,.wet-boew-zebra.rowtdhover  tr.table-summary.table-hover td.table-layoutCell{background-color:#f1f1f1}

p.uppercase {
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.timeline-header, .timeline-footer
{
          display:none ;
}

#holder { display:table-cell; vertical-align:middle; text-align:center}


/* Home Page Horinzontal Line - Bellow categories */
.home-hr { display: block; position: relative; padding: 0; margin: 8px auto; width: 98%; clear: both; border: none; border-top: 1px solid #efefef; font-size: 1px; line-height: 0; overflow: visible;}

/* Home Page Horinzontal Line - Above categories */
.home-hr-red { display: block; position: relative; padding: 4; margin-bottom: 18px auto; width: 99%; clear: both; border: none; border-top: 3px solid #800000; font-size: 1px; line-height: 0; overflow: visible;}


/* Home Page Horinzontal Line - Grey */
.home-hr-grey { display: block; position: relative; padding: 0; margin: 8px auto; width: 99%; clear: both; border: none; border-top: 8px solid #CECECE; font-size: 1px; line-height: 0; overflow: visible;}

/* Home Page Horinzontal Line  */
.home-hr-red-small { display: block; position: relative; padding: 0; margin: 8px auto; width: 75%; clear: both; border: none; border-top: 2px solid #800000; font-size: 1px; line-height: 0; overflow: visible; }

/* Horinzontal Line - Grey Small  */
.hr-grey-small { display: block; position: relative; padding: 0; margin-top: 28px;  width: 30%; clear: both; border: none; border-top: 1px solid #cecece; font-size: 2px; line-height: 0; overflow: visible;}


/* Horinzontal Line - Grey Small left align and padding */
.hr-grey-small-left { display: block; position: relative; padding-left: 10;  margin-top: 28px;  width: 30%; clear: both; border: none; border-top: 1px solid #cecece; font-size: 2px; line-height: 0; overflow: visible;}

.scc-home-quick-access {
     height: 155px;
     overflow-y: auto;
     border-bottom: 1px solid #ccc !important;
}
.scc-home-quick-access-mobile {
     height: 105px;
     overflow-y: auto;
     border-bottom: 1px solid #ccc !important;
}
.scc-border-bottom-none {
    border-bottom: none;
}

@media print {
    .ssc-print-width-90 {
        width: 600px;
    }
    #gcwu-bnr {border-top:none}
}


/* Self Repr */

/* [THE ENTIRE TAB] */
.tab {
  position: relative;
  margin: 10px;
	
 
}

/* [THE LABEL] */
.tab input {
  display: none;
	
}
.tab label {
  display: block;
  background: #BABABA;
  color: #000;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  width:98%;
}
.tab label::after {
  content: "\25b6";
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  transition: all 0.4s;
}
.tab input[type=checkbox]:checked + label::after,
.tab input[type=radio]:checked + label::after {
  transform: rotate(90deg);
}

/* [THE CONTENTS] */
.tab-content {
  overflow: hidden;
  background: #efefef;
  /* CSS animation will not work with auto height */
  /* This is why we use max-height */
  transition: max-height 0.4s; 
  max-height: 0;
}
.tab-content p {
  margin: 20px;
}
.tab input:checked ~ .tab-content {
  /* Set the max-height to a large number */
  /* Or 100% viewport height */
  max-height: 100vh;
}

/* [DOES NOT MATTER] */
html, body {
  font-family: arial;
}