/* GENERAL STUFF */


/* light green #80c342 */
/* green #256c2f */


html {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.sticky {
    width: 100%;
}

html,
body {
    height: 100%;
    padding-bottom: 15.0rem;
}

body {
    /*background-image: url("../images/hex-background.svg");*/
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.pdf {
    width: 100%;
    margin: 0;
    padding: 0;
}

.elections-js-viewer {
    width: 100%;
}


/* INSIDE .slider-area */

.inside-slider {
    /* overflow: hidden; */
    /* border: 1px solid black; */
    display: none;
    background-color: #0a0a0a;
    height: 20.0rem;
    margin-top: 2.0rem;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
}

.inside-slider > div {
    overflow: hidden;
}

.nslider-area {
    height: 20.0rem;
    border: 1px solid black;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* background-image: linear-gradient(red, yellow); */
    background: #80c342;
    /* background: linear-gradient(rgba(26,83,9,1) 0%, rgba(65,199,9,1) 100%); */
}

.nslider-image {
    width: 50%;
    overflow: hidden;
    /* transform: rotate(-15deg); */
    height: 200%;
    /* margin-left: 2.0rem; */
}

.nslider-image img {
    width: 100%;
    
}

.nslider-text {
    width: 50%;
    padding: 1.0rem 2.0rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nslider-text p {
    font-size: 200%;
    line-height: 120%;
    color: #FFF;
}

.nslider-text > div {
    font-size: 125%;
    text-align: left;
    font-weight: 800;
    color: #FFF;
}

.slider-link {
    color: #FFF !important;
    cursor: pointer;
    text-decoration: underline;
}

.inside-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}



.inside-slider h1 {
    text-align: left;
    color: white;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
    margin: 0.5rem 0;
    /* text-shadow: 4px 4px 5px rgba(0, 0, 0, 1.0); */
}



.nslider-text > div a:hover, .nslider-text > div a:visited, .nslider-text > div a:active {
    color: #E20000;
    color: #EEE;
}

.slick-prev::before, .slick-next::before { 
    opacity: 1.0;
    color: #222;
}

.slick-dots li button::before {
   
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .5;
  color: black;

}

.slick-dots li.slick-active button::before, .slick-dots li:hover button::before {
    color: #E20000;
    opacity: 1.0;
}


/* end inside slider */



#last_update {
    font-size: 75%;
}

.center-logo {
    text-align: center;
}

.video {
    border: #3b3b3b solid 2px;
}

.posted {
    text-align: center;
    padding-top: 0;
    margin-top: -1.0rem;
    font-size: 85%;

}


.tabs-content td, .tabs-content th {
    font-size: 80%;
}


.post_date {
    color: darkgray;
    font-size: 0.75rem;
}

.post_date-archive {
    color: darkgray;
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.email-icon {
    display: none;
}

.challenge {
    text-align: right;
    padding-top: 3.1rem;
    font-style: italic;
}

.challenge img {
    width: 3.0rem;
}

.app {
    margin-top: 1.0rem;
}

.main-logo {
    height: 10.0rem;
}

#meetingModal {
    padding: 2.0rem 2.0rem;
}

.meetingModal {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 1.5rem;
    text-decoration: underline;
    cursor: pointer;
}

.meetingModal:hover {
    color: #E20000;
    text-decoration: underline;
}

.card {
    cursor: pointer;
    /*color: red;*/
}

.astrik {
    font-weight: bold;
    color: #e20000;
}

.manditory::before {
    content: "* ";
    font-weight: bold;
    color: #e20000;
    margin-left: -0.5rem;
}

.slider-area h1 {
    padding: 1.5rem;
}

.showMember {
    display: none;
    margin-top: -0.8rem;
    line-height: 0.5rem;
}

.showMember button {
    padding: 0;
    color: black;
    margin: 0;
    font-family: 'Roboto Slab';
    text-decoration: underline;
    margin-top: -1.0rem;
}

.showMember button:hover {
    color: #E20000;
}

.breadcrumbs {
    padding-top: 0.5rem;
    margin-bottom: 1.0rem;
}

.breadcrumbs {
    margin-top: 1.0rem;
}

.breadcrumbs .disabled {
    color: #dc882d;
    /*color: #f9d462;*/
}


h1,
h2,
h3 {
    font-weight: 900;
    color: #3b3b3b;
    margin-bottom: 0.0rem;
}

h2 {
    /*text-transform: uppercase;*/
}


.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
    background-color: #80c342;
}

.button.primary:hover,
.button.primary:focus {
    background-color: #256c2f;
}

.notloggedIn .main-page-content {
    text-align: center;
    margin-top: 3.0rem;
    margin-bottom: 2.5rem;
    /*font-family: Gabriela;*/
}


.logout,
.bottom-compensation-internal h1 {
    font-family: 'Roboto Slab';
}

.web-mail {
    width: 3.0rem;
}


.notloggedIn .main-page-content h2,
.aboutus-page h2,
h1,
h2,
h3 {
    font-family: 'Roboto Slab';

}

.notloggedIn h3 {
    font-size: 1.5rem;
}

h4 {
    /*font-family: Gabriela;*/
}

.main-page-content p {
    font-size: 2.0rem;
}

/* LOGO SETTINGS */

.main_logo {
    margin-top: 2.0rem;
}

/* CARD SETTINGS */

.notloggedIn .card-section,
.loggedIn .card-section {
    min-height: 5.0rem;
}

.membership .card {
    font-size: 0.5rem;
}

.home {
    color: white;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

.card {
    border: none;
    border-radius: 1.0rem;
    text-align: center;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
    margin-top: 3.0rem;
    color: white;
}

.image-container {
    width: 76%;
    height: auto;
    text-align: center;
    margin-bottom: 0.5rem;
}

.image-container-steward {
    width: 50%;
    height: auto;
    text-align: center;
    margin-bottom: 0.5rem;
}

.links-image-container {
    width: 100%;
    padding: 1.0rem;
    min-height: 13.0rem;

    display: table-cell;
    height: 10.0rem;
    /* Equals maximum image height */
    line-height: 10.0rem;
}

.links-image-container img {
    vertical-align: middle;
}

.board-container .card {
    background-image: url("../images/red_black_horz.jpg");
    background-repeat: repeat-x;
}

.store-page .card {
    cursor: default;
}


.store-page .card-section {
    background-image: url("../images/red_black_horz_small.jpg");
    background-repeat: repeat-x;
    color: black;
    min-height: 14.0rem;
}

.store-page .card-section h4 {
    line-height: 1.6rem;
    font-weight: 900;
    margin-top: 0.5rem;
}

.store-page .card-section p {
    line-height: 1.3rem;
    font-weight: 300;
    margin-top: 0.0rem;
}

.store-page .card-section .price {
    font-style: italic;
    font-weight: 900;
    font-size: 1.5rem;
}

.store-page .purchase {
    font-style: italic;
    font-weight: 500;
    font-size: 1.2rem;
}


.shop-container .card {
    background-image: url("../images/black_bar.jpg");
    background-repeat: repeat-x;
}

.text-container {
    width: 100%;
    text-align: left;
    overflow: hidden;
    min-height: 9.2rem;
}

.text-container1 {
    width: 100%;
    text-align: left;
    overflow: hidden;
    min-height: 6.0rem;
    color: black;
}

.head {
    width: 100%;
    border-radius: 50%;
}

.tooltip {
    background: red;
    color: #FFF;
    font-weight: 900;
}


.tooltip.top:before {
    border-color: red transparent transparent;
}

.tooltip.bottom:before {
    border-color: transparent transparent red;
}

.tooltip.right:before {
    border-color: transparent red transparent;
}

.tooltip.left:before {
    border-color: transparent transparent transparent red;
}


.unionreps-page h2 {
    padding: 0;
    margin-top: 1.5rem;
    text-align: center;
}

.unionreps-page .card {
    padding: 2.0rem;
    margin-top: 1.0rem;

}

.unionreps-page .text-container {
    text-align: center;
}

.shop-container .card {
    min-height: 11.0rem;
}

.shop-container .text-container1 .line1 {
    font-weight: 700;
    font-style: italic;
    color: black;
    font-size: 80%;
}

.shop-container .text-container1 .line2 {
    font-weight: 700;

    color: black;
    font-size: 100%;
}


.unionreps-page .text-container .line1 {
    font-weight: 700;
    font-style: italic;
    color: black;
    font-size: 90%;
}

.unionreps-page .text-container .line2 {
    font-weight: 700;
    color: black;
    font-size: 110%;
}

.unionreps-page .text-container .line3 {
    font-weight: 500;
    color: black;
    font-size: 90%;
}

.unionreps-page .text-container .line4 {
    font-weight: 500;
    color: black;
    font-size: 90%;
}


.reduce-card-margin .card {
    margin-top: 1.0rem;
}

.notloggedIn {
    margin-top: 4.0rem;
}

.top-right-text {
    text-align: right;
}

.top-right-text button {
    cursor: pointer;
}

/*
.logo_one h4 {
    text-align: center;
    margin-bottom: 3.0rem;
}

.logo_hover p {
    text-align: center;
    font-size: 0.8rem;
    margin-top: 1.0rem;
}
*/
.candidate-hide {
    display: none;
    border: 1px solid gray;
    padding: 1.0rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.cadidate-level-1 {
    list-style-type: none;
}

.cadidate-level-1>li {
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1.0rem;
}

.cadidate-level-2 {
    /*list-style-type: none;*/
}

.cadidate-level-2>li {
    font-weight: 500;
    font-size: 1.2rem;
}

.cadidate-level-2>li.cadidate-tab {
    cursor: pointer;
}

.cadidate-level-2>li.cadidate-tab:hover {
    text-decoration: underline;
    color: red;
}

.incumbent {
    font-size: 1.0rem;
    color: darkgrey;
    line-height: 0.5rem;

}

.notloggedIn .card {
    /*background-image: url("../images/red_black.jpg");
    background-repeat: repeat-y;*/
    background-image: url("../images/black_red.jpg"), linear-gradient(#3b3b3b, #5e5e5e);
    background-repeat: repeat-y;
}

.notloggedIn .card2 {
    /*background-image: url("../images/red_black.jpg");
    background-repeat: repeat-y;*/
    color: white;
    background-image: url("../images/black_red.jpg"), linear-gradient(#cf2d2d, #ec1b1b);
    background-repeat: repeat-y;
}

.notloggedIn .card a:link {
    color: white;
}

.notloggedIn .card {
    color: rgba(0, 0, 0, 0.5);
}

.main-image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 18.5rem;
    z-index: -1;
    border-bottom: solid 2px black;
}

.ani-image {
    position: absolute;
    left: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);

}

.main-image-container .opaque {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
}

.image1 {
    width: 100%;
    height: 12.0rem;
    background: url("../images/dsc04211_3.jpg") no-repeat center center;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoomin 60s linear infinite;
    animation: zoomin 60s linear infinite;
    animation-fill-mode: forwards;
    background-origin: center;

    /*
    transition: all 2000s;
    -moz-transition: all 2000s;
    -webkit-transition: all 2000s;
    -o-transition: all 2000s;
    -ms-transition: all 2000s;
*/


}

.image2 {
    width: 100%;
    height: 12.0rem;
    background: url("../images/dsc04336-3.jpg") no-repeat center center;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoomin 60s linear infinite;
    animation: zoomin 60s linear infinite;
    animation-fill-mode: forwards;
    background-origin: center;
}

.image3 {
    width: 100%;
    height: 12.0rem;
    background: url("../images/dsc04440-3.jpg") no-repeat center center;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoomin 60s linear infinite;
    animation: zoomin 60s linear infinite infinite;
    animation-fill-mode: forwards;
    background-origin: center;
}

.main-image {
    margin-top: 0.0rem;
    margin-bottom: 1.0rem;
    width: 100%;
    height: 12.0rem;
    overflow: hidden;
    border-bottom: solid 2px black;
    /*background: url("../images/dsc04211_3.jpg") no-repeat center center;*/
    /*
    background-size: 100%;
    text-align: left;
    background-position-x: 50%;
    background-position-y: 50%;
    -webkit-animation: zoomin 30s linear infinite;
    animation: zoomin 30s linear infinite;
    animation-fill-mode: forwards;
    background-origin: center;

    
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    */
}

@-webkit-keyframes zoomin {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 200%;
    }

}

.move-ont {
    font-family: 'Roboto Slab';
    position: absolute;
    z-index: 100;
    width: 100%;
    text-align: center;
    font-size: 4.0rem;
    font: roboto;
    font-weight: 900;
    font-style: italic;
    color: white;
    margin-top: 3.0rem;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 1.0);
}

.notloggedIn {
    margin-top: 1.0rem;
    padding-top: -10;
}

.notloggedIn .card-section {
    font-size: 1.5rem;
    font-weight: 900;
    margin-top: 0.5rem;
    color: white;
}

.notloggedIn .loggedIn .card-section {
    font-size: 1.0rem;
    font-weight: 900;
    margin-top: 0.5rem;
}

.vertical-container {
    height: 2.0rem;
    position: relative;
}

.verti .vertical-container-survey {
    height: 2.0rem;
    position: relative;
}

cal-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    margin-left: -1.0rem;
    margin-top: -0.25rem;
}

.vertical-center a:link,
.vertical-center a:visited,
.vertical-center a:focus {
    color: white;
    letter-spacing: 0.03rem;
}

.header_background {
    background-image: linear-gradient(#f4f4f4, #FFFFFF);
    margin-bottom: 10.0rem;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
    height: 12.0rem;
    z-index: 20;
}

.header-gradient {
    background-image: linear-gradient(#d0d0d0, #FFFFFF);
}

.footer-gradient {
    background-image: linear-gradient(#d0d0d0, #FFFFFF);
}

.callout {
    border: none;
    background: none;
}

.main-link:hover {
    background-image: url("../images/red_bar.jpg"), linear-gradient(#3b3b3b, #5e5e5e);
    background-repeat: repeat-y;

}

.main-link:hover .card-section,
.main-link:hover,
.card:hover .vertical-container .vertical-center a {
    color: #f9d462;
}

.notloggedIn .card:hover a {
    color: white;
    text-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 1.0);
}

.notloggedIn .card:hover {
    color: white;
    text-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 1.0);
}

.go_register {
    text-decoration: underline;
    font-family: Roboto;
    font-weight: 700;
}

.go_register:hover {
    cursor: pointer;
    color: #E20000;
    text-decoration: underline;
}

.hideAll, .incident-response, .tell-us-about-it-form, .employer-incident {
    display: none;
}

/*
.splash {
    display: block;
}
*/
img.upper-left-image {
    border-radius: 1.0rem;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.35);
}

img.upper-left-image-link {
    width: 100%;
}

.link-bottom-margin {
    margin-bottom: 2.0rem;
}

.fixed_footer {
    position: fixed;
    width: 100%;
    z-index: 100;
    height: 8rem;
    bottom: 0;
    background-image: linear-gradient(#f9f9f9, #FFFFFF);
    background-color: white;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.footer-line {
    width: 100%;
    height: 10px;
    position: fixed;
    border: 0;
}

.bottom-compensation {
    margin-bottom: 12.0rem;
    margin-top: -4.0rem;
}

.bottom-compensation-breadcrumbs {
    margin-bottom: 3.0rem;
}

.bottom-compensation .card {
    /*margin-top: 0;*/
    margin-top: 24px;
}

.top-compensation-internal {
    margin-top: -2.0rem;
}

.top-compensation-internal2 {
    margin-top: 0.0rem;
}

.remove-top-margin .card {
    margin-top: 0;
}

.top-compensation {
    margin-top: 2.0rem;
}

.know-rights2-container,
.know-rights3-container {
    display: none;
}

.bottom-compensation-internal {
    padding-bottom: 12.0rem;
    overflow: auto;
}

.green-line {
    height: 1px;
    background-color: black;
    border: none;
}

.maple-leaf::before {
    content: url("../images/maple_leaf.svg");
    position: relative;
    /*width: 16px;
    
    content: "";
    
    
    
    */
    background-size: 20px 20px;
    left: 50%;
    top: -10px;
    display: inline-block;
    width: 20px;
    height: 20px;

}




/*
.location-icon,
.location-icon-container {
    width: 2.0rem;
}

.location-icon-container {
    width: 2.0rem;
}

*/

.privacy-policy {
    padding-top: 4.0rem;
}

.facebook-icon {
    margin-top: 2.4rem;
    width: 4.0rem;
}

.twitter-icon {
    margin-top: 2.4rem;
    width: 2.7rem;
    margin-right: 1.5rem;
}

.instagram-icon {
    margin-top: 2.4rem;
    width: 2.7rem;
    margin-right: 1.0rem;
}

.map-icon {
    width: 2.0rem;
    height: 2.0rem;
}



.location img,
.phone img,
.email img {
    height: 2.5rem;
    width: 2.5rem;
    margin-top: -0.0rem;
}

.location-icon li {
    overflow: hidden;

    list-style: none;
    white-space: nowrap;
    margin-right: 10px;
    border-radius: 25px;
    display: inline-block;

}

.location-icon li .location-b,
.location-icon li .phone-b,
.location-icon li .email-b {


    opacity: 0;
    color: #666;
    max-width: 0;
    display: inline-block;
    text-decoration: none;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;
}

.location-icon li .location-b:hover,
.location-icon li .phone-b:hover,
.location-icon li .email-b:hover {}

.location-icon li .location-b i,
.location-icon li .phone-b i,
.location-icon li .email-b i {
    float: right;
    display: block;
    padding-right: 1em;
    font: 0.8em/1.3 'roboto', sans-serif;
}

.location-icon li .phone,
.location-icon li .location,
.location-icon li .email {

    display: inline-block;
    padding: .125em .375em;
}

.location-icon li:hover {}

.location-icon li:hover .location-b,
.location-icon li:hover .phone-b,
.location-icon li:hover .email-b {
    opacity: 1;
    max-width: 350px;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;
}


.bylawPDF {
    font-weight: 700;
}

.go_login {
    padding-left: 3.0rem;
    padding-right: 3.0rem;
}

.forgot:active,
.forgot:link,
.forgot:focus,
.forgot:visited {
    color: black;
    padding: 0.85rem 1.0rem;
}

.forgot:hover,
.forgot:focus {
    color: #E20000;
}

/*
.location-icon-text:before {
    content: url("../images/iconmonstr-location-1.svg");
    
position: absolute;


left: 0rem;

}


.location-icon {
    width: 3.6rem;
}

.location-icon:hover {
    width: 13.6rem;
}


.location-icon img {
    width: 3.6rem;
}

.phone-icon img {
    width: 3.6rem;
}
*/
.inside-slider-half-size {
    width: 100%;
    height: 8.0rem;
    border-bottom: 2px solid black;
    overflow: hidden;
}

.inside-slider-covid-bus {
    width: 100%;
    height: 16.0rem;
    border-bottom: 2px solid black;
}

.slider-store {
    background: url("../images/store-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-unionrep {
    background: url("../images/unionrep-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-health-safety {
    background: url("../images/health-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-bylaws {
    background: url("../images/bylaws-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-collective {
    background: url("../images/flag-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-meetings {
    background: url("../images/meeting-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-barrie {
    background: url("../images/barrie-slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-covid-bus {
    background: url("../images/covid-bus.jpg") no-repeat center center;
    width: 100%;
    height: 16.0rem;
}

.slider-update-info {
    background: url("../images/dsc04440-3.jpg") no-repeat center center;
    width: 100%;
    height: 16.0rem;
    background-size: 100%;
}

.slider-links {
    background: url("../images/niagara_slider.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-wins {
    background: url("../images/wins_slider2.jpg") no-repeat center center;
    width: 100%;
    height: 8.0rem;
}

.slider-memoriam {
    background: url("../images/candles.jpg") no-repeat center center;
    width: 100%;
    background-size: cover;
    height: 8.0rem;
}

.win-section {
    margin-top: 2.0rem;
}

.win-section h3 {
    text-align: center;
}

.win-section h5 {
    margin-bottom: 1.0rem;
    text-align: center;
}

.use-it {
    text-align: center;
    font-style: italic;
    margin-top: 3.0rem;
    font-family: 'Roboto Slab';
}

.unsafe-work {
    border: 2px black solid;
}

/* .inside-slider {
    margin-top: 0.0rem;
    z-index: 0;
    background-color: white;
    text-align: center;
    height: 7.250rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    border-bottom: 2px solid black;
    overflow: hidden;
   
} */


.slider-area {
    /*cursor: pointer;*/
}

.slider-image1 {
    background: url("../images/health-slider.jpg") no-repeat center center;
}

.slider-image2 {
    background: url("../images/unionrep-slider.jpg") no-repeat center center;
}

.slider-image3 {
    background: url("../images/bylaws-slider.jpg") no-repeat center center;
}

.slider-image4 {
    background: url("../images/meeting-slider.jpg") no-repeat center center;
}

.slider-image5 {
    background: url("../images/barrie-slider.jpg") no-repeat center center;
}

.slider-image6 {
    background: url("../images/wins_slider2.jpg") no-repeat center center;
}

.slider-image7 {
    background: url("../images/niagara_slider.jpg") no-repeat center center;
}

.slider-image8 {
    background: url("../images/store-slider.jpg") no-repeat center center;
}

.slider-image9 {
    background: url("../images/dsc04440-3.jpg") no-repeat center center;
}


.seventy-five-wide {
    width: 75%;
    margin: 0 auto;
}

.upcoming h4 {
    margin-left: 0.0rem;
}

.upcoming ul {
    margin-left: 4.0rem;
}

.meetings-page h3 {
    margin-bottom: 1.0rem;
}

.meeting-date {
    /*cursor: pointer;*/
    font-weight: 700;
}

.external-link:link {
    text-decoration: underline;
}


.know-your-rights-bottom {
    margin-bottom: 2.0rem;
}

.know-rights1-container h3 {
    margin-bottom: 1.0rem;
}

.rights-hide h4 {
    font-weight: 600;
}


p.notice-link {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    text-decoration: underline;
    margin: 0;
    line-height: 1.6rem;
}


p.notice-link-archive {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.0rem;
    text-decoration: underline;
    margin: 0;
    line-height: 1.6rem;
}

p.notice-link:hover {
    color: red;
}

.notices-archive {
    display: none;
    font-size: 80%;
}

.notices-archive-toggle {
    cursor: pointer;
    text-decoration: underline;
}



p.contractsupdates-link {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    text-decoration: underline;
    margin: 0;
    line-height: 1.6rem;
}



p.contractsupdates-link-archive {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.0rem;
    /*text-decoration: underline;*/
    text-decoration: none;
    margin: 0;
    line-height: 1.6rem;
}

p.contractsupdates-link:hover {
    color: red;
}

.contractsupdates-archive {
    display: none;
    font-size: 80%;
}

.contractsupdates-archive-toggle {
    cursor: pointer;
    text-decoration: underline;
}


.atu-quote {
    font-weight: 700;
    text-align: center;
    font-size: 2.0rem;
    font-style: italic;
    color: #e70000;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

.absence-container h4 {
    font-size: 1.75rem;
    font-weight: 500;
}

.meeting-date:hover {
    /*text-decoration: underline;
    color: #E20000;*/
}

.meeting-first-image {
    width: 50%;
    cursor: pointer;
}

.bylaw-center,
.reps-center {
    text-align: center;
}

.bylaw-link {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    text-decoration: underline;
}

.rights-link {
    cursor: pointer;
    font-family: Roboto;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1.25rem;
    text-decoration: underline;
}

.bylaw-link:hover,
.rights-link:hover {
    text-decoration: underline;
    color: #E20000;
}

.h4-meeting-upcoming,
.h4-meeting-previous {
    font-weight: bold;
}

.h4-meeting-previous {
    margin-top: 1.5rem;
}

/* LINK COLOURS */

a:link,
a:hover,
a:visited,
a:focus {
    color: black;
}

a:hover {
    color: #E20000;
}

.memoriam-page .memoriam-content {
    margin-top: 2.0rem;

}

.archive-title {
    margin-top: 2.0rem;
}

.archive-agreement {
    font-weight: 600;
    font-size: 0.75rem;
    cursor: pointer;
}

.data-src {
    cursor: pointer;
}

.downloaded-icon {
    width: 2.0rem;
    cursor: pointer;
}




.store-page .image-a {
    position: absolute;
    width: 4.0rem;
    height: 4.0rem;
    border-radius: 2.0rem;
    margin: 0.5rem 0.5rem;
    cursor: pointer !important;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
    /*z-index: 1000;*/
}



.store-page .image-a:hover {
    cursor: pointer !important;
}


.store-space {
    margin-top: 10.0rem;
}

.store-wall-paper {
    width: 25%;
}

/* TABS CODE and STICKY TABLE HEADER */

.sticky-tabs {
    position: relative;
    overflow: auto;
    height: 100rem;
}

.sticky-tabs thead { 
    /* header cell */
  position: sticky;
  top: 0;
  border: 1px solid #f1f1f1;
}



.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #f4cf5e;
    list-style-type: none;
}

.tabs::before,
.tabs::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.tabs::after {
    clear: both;
}

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto;
}

.tabs.simple > li > a {
    padding: 0;
}

.tabs.simple > li > a:hover {
    background: transparent;
}

.tabs.primary {
    background: #1779ba;
}

.tabs.primary > li > a {
    color: #fefefe;
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
    background: #1673b1;
}

.tabs-title {
    float: left;
}

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1.0rem;
    line-height: 1;
    font-weight: 900;
    color: #1779ba;
}

[data-whatinput='mouse'] .tabs-title > a {
    outline: 0;
}

.tabs-title > a:hover {
    background: #f48a00;
    color: #1468a0;
    color: #fff;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    background: #f4b800;
    color: #1779ba;
    color: #d90000;
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: transparent;
    color: #0a0a0a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.win-tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.tabs-panel {
    display: none;
    padding: 1rem;
}

.tabs-panel.is-active {
    display: block;
    background-color: f68a3a;
}




/* SURVEY CODE */


.order-container {
    list-style: none;
    font-weight: 900;
}

.order-left {
    float: left;
    width: 10%;
}

.order-right {
    float: right;
    width: 85%;
}

.clearFloat {
    float: none;
    clear: both;
}



@media print,
screen and (max-width: 40em) {


    /* INSIDE .slider-area */

    .inside-slider {
        overflow: hidden;
        border: 1px solid black;
        background-color: #0a0a0a;
        height: 10.0rem;
        margin-top: 2.0rem;
        box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
    }

    .nslider-area {
        height: 20.0rem;
        /* overflow: hidden; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* background-image: linear-gradient(red, yellow); */
        background: #80c342;
        /* background: linear-gradient(rgba(26,83,9,1) 0%, rgba(65,199,9,1) 100%); */
    }

    .nslider-image {
        width: none;
        /* overflow: hidden; */
        transform: rotate(-15deg);
        height: 100%;
        margin-left: 0rem;
    }

    .nslider-text {
        width: 75%;
        margin-left: -10.0rem;
        /* padding: 1.0rem 3.0rem; */
    }


    .nslider-text p {
        font-size: 100%;
        line-height: 120%;
        color: #FFF;
        padding: 0;
    }

    


    .nslider-image img {
        width: 150%; 
    }

    /* .nslider-image {
        width: 35%;
        overflow: hidden;
    } */

    /* .nslider-image img {
        height: 90%;
        transform: rotate(-15deg);


    } */

    

    .inside-slider h1 {
        font-size: 100%;
        text-align: left;
        color: white;
        font-family: 'Roboto', sans-serif;
        line-height: 100%;
        margin: 0 0 0.5rem 0;
        padding: 0;
        /* text-shadow: 4px 4px 5px rgba(0, 0, 0, 1.0); */
    }

    

    .nslider-text > div {
        font-size: 80%;
        text-align: left;
        font-weight: 800;
    }


    /* .nslider-text {
        width: 65%;
        padding: 1.0rem 0;
    } */

    /* .nslider-text h1 {
        margin-top: 0.0rem;
        font-size: 150%;
        margin-bottom: 0.5rem;
    } */

    /* .nslider-text p {
        font-size: 120%;
    } */

    /* .nslider-text > div {
        font-size: 110%;
        text-align: left;
        font-weight: 800;
        
    } */

    .nslider-text > div a:hover, .nslider-text > div a:visited, .nslider-text > div a:active {
        color: #E20000;
        color: #EEE;
    }


    
    /* end inside slider */


    .notices-page .notices-live {
        margin-left: 0;
        list-style-type: none;
    }

    .store-space {
        margin-top: 1.0rem;
    }

    .notloggedIn-mobile {
        margin-top: -4rem;
    }


    .small-header {
        border-bottom: 2px solid black;
        background-image: linear-gradient(#d0d0d0, #FFFFFF);
    }

    .breadcrumbs {
        margin-left: 1.0rem;
        margin-right: 1.0rem;
    }

    .breadcrumbs li {
        font-size: 1.25rem;
    }


    h1 {
        font-size: 2.5rem;
        text-align: left;
        margin-top: 2.0rem;
        padding: 0 0.5rem;
    }

    h2 {
        font-size: 2.25rem;
        text-align: left;
        margin-top: 0.75rem;
        padding: 0 0.5rem;
    }


    .links-image-container {
        min-height: 0px;
        height: auto;
    }

    .main-page-content h2 {
        text-align: center;
    }

    .store-page .card-section {
        min-height: auto;
    }

    h3 {
        font-size: 2.0rem;
        text-align: left;
        margin-top: 0.0rem;
        padding: 0 0.5rem;
    }

    h4 {
        font-size: 1.75rem;
        padding: 0 0.5rem;
    }

    p {
        padding: 0 0.5rem;
        font-size: 1.5rem;
    }


    .notloggedIn .main-page-content {
        margin-top: 0.0rem;
        margin-bottom: 0.0rem;
        text-align: center;
    }

    .notloggedIn .main-page-content h3 {

        text-align: center;
    }

    .bottom-compensation .card {
        margin-top: 24px;
    }

    .bottom-compensation-internal {
        padding-bottom: 2.0rem;
    }

    .main-page-content.bottom-compensation-internal {
        margin-bottom: 0.0rem;
        padding-bottom: 2.0rem;
    }

    .membershiplogin-page {
        padding: 0 0.5rem;
    }

    .membership-content {
        padding: 0 0.5rem;
        padding: 0 0.0rem;
    }

    .membership-content h1 {
        padding-left: 0.0rem;
        padding-right: 0.0rem;
        margin-bottom: 1.0rem;
    }

    .membership-content>.cell {
        /* padding-left: 0.5rem;
        padding-right: 0.5rem; */
        padding-left: 0.0rem;
        padding-right: 0.0rem;
    }

    .membership-content .card {
        margin-bottom: 3.0rem;
    }

    .store-page .cell {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .membership .card {
        margin-bottom: 0;
    }

    .bylaw-center {
        text-align: left;
    }

    .bylawPDF {
        margin-top: 1.0rem;
        padding-top: 1.0rem;
    }

    h3.date-date {
        text-align: center;
    }

    .meetings-page h3 {
        text-align: center;
    }

    .bottom-compensation {
        margin-bottom: 1.0rem;
        ;
    }

    .unionreps-page h1 {
        text-align: center;
    }

    .unionreps-page h2 {
        text-align: center;
        font-size: 1.75rem;
    }

    .reps-center {
        text-align: center;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .seventy-five-wide {
        width: 100%;
        margin: 0 auto;
    }

    .unionreps-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .unionreps-content .card {
        margin-bottom: 1.0rem;

    }

    .unionreps-page .card {
        padding: 1.0rem;
        padding-top: 2.0rem;
    }

    .unionreps-page .text-container .line2 {
        font-size: 1.5rem;
    }

    .unionreps-page .text-container .line1 {
        font-size: 1.1rem;
    }

    .unionreps-page .text-container .line3 {
        font-size: 1.0rem;
    }

    .unionreps-page .text-container .line4 {
        font-size: 1.0rem;
    }

    .text-container {
        min-height: 8.0rem;
    }

    .shop-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .shop-container .text-container1 .line2 {
        font-size: 1.25rem;
    }

    .shop-container .text-container1 .line1 {
        font-size: 0.8rem;
    }

    .shop-container .text-container1 .line3 {
        font-size: 1.00rem;
    }

    .shop-container .text-container1 .line4 {
        font-size: 1.00rem;
    }

    .shop-container .card {
        margin-bottom: 1.0rem;
    }

    .bylaw-link {
        font-size: 1.25rem;
    }

    /*

    .notloggedIn .card-section {
        font-size: 1.5rem;
        font-weight: 900;
        margin-top: 0.0rem;
    }

    .notloggedIn .loggedIn .card-section {
        font-size: 1.0rem;
        font-weight: 900;
        margin-top: 0.0rem;
    }


    .main-image-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 300px;
        z-index: -1;
    }

    .card .go_aboutus .main-link {
        margin-top: 0;
    }
*/

    .unsafe-work {
        font-size: 1.5rem;
    }

    .main-image {
        padding: 0;
        margin: 0 0 6.0rem 0;
        height: 12.0rem;
        overflow: hidden;
    }

    .main-image-container {
        height: 12.0rem;
        overflow: hidden;

    }

    .image1,
    .image2,
    .image3 {
        width: 270%;
        height: 12.0rem;
        background-size: 300%;
        background-position-x: 50%;
        background-position-y: 50%;
        -webkit-animation: zoomin 20s linear infinite;
        animation: zoomin 20s linear infinite;
        animation-fill-mode: forwards;
        background-origin: center center;
    }

    .move-ont {
        position: absolute;
        z-index: 100;
        width: 100%;
        text-align: center;
        font-size: 1.75rem;
        font: roboto;
        font-weight: 900;
        font-style: italic;
        color: white;
        margin-top: 4.0rem;
        font-size: 2.5rem;
        text-shadow: 4px 4px 5px rgba(0, 0, 0, 1.0);
    }



    .inside-slider-half-size {
        width: 100%;
        height: 8.0rem;
        border-bottom: 2px solid black;
        overflow: hidden;
    }

    .inside-slider-half-size>div {
        background-size: 200%;
        background-position-x: 50%;
        background-position-y: top;
        background-origin: center center;
    }


    .slider-health-safety {
        background-size: 100%;
    }

    .slider-covid-bus {
        background-size: 100%;
        background-position-x: 50%;
        background-position-y: 100% !important;
    }

    .slider-meetings,
    .slider-collective {
        background-size: 300% !important;
    }

    .slider-bylaws {
        background-size: 150% !important;
        background-position-x: 50%;
        background-position-y: 100% !important;
    }


    .slider-barrie,
    .slider-links,
    .slider-wins,
    .slider-memoriam {
        background-size: 300% !important;
    }



    .card {
        border: none;
        border-radius: 1.0rem;
        text-align: center;
        box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
        margin-top: 0.0rem;
    }




    .location img,
    .phone img,
    .email img {
        height: 1.5rem;
        width: 1.5rem;
        margin-top: -0.0rem;
    }



    .location-icon li {
        overflow: hidden;
        list-style: none;
        white-space: nowrap;
        margin-right: 10px;
        border-radius: 25px;
        display: inline-block;
        margin-top: 2.0rem;
    }

    .location-icon li .location-b,
    .location-icon li .phone-b,
    .location-icon li .email-b {
        opacity: 1;
        max-width: 250px;
        color: #666;
        display: inline-block;
        text-decoration: none;
        transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;
        font-size: 1.4rem;
    }

    .location-icon li .location-b:hover,
    .location-icon li .phone-b:hover,
    .location-icon li .email-b:hover {}

    .location-icon li .location-b i,
    .location-icon li .phone-b i,
    .location-icon li .email-b i {
        /*float: right;*/
        display: block;
        padding-right: 1em;
        font: 0.8em/1.3 'roboto', sans-serif;
    }

    .location-icon li .phone,
    .location-icon li .location,
    .location-icon li .email {
        display: inline-block;
        padding: .125em .375em;
    }

    .location-icon li:hover {}

    .location-icon li:hover .location-b,
    .location-icon li:hover .phone-b,
    .location-icon li:hover .email-b {
        opacity: 1;
        max-width: 250px;
        transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;
    }


    .social-media-mobile li {
        max-width: 100%;
    }

    .location-icon li .location {
        display: block;
    }

    img.location-icon {
        width: 3.0rem;
    }

    /*img.facebook-icon {
        width: 3.0rem;
        margin-top: 0rem;
        margin-right: 0.5rem;
    }*/

    .footer-container {
        background-image: linear-gradient(#d0d0d0, #FFFFFF);
        padding-top: -5.0rem;
        margin-top: 2.0rem;
        width: 100%;
        height: auto;
    }

    .facebook-icon {
        margin-top: 2.4rem;
        width: 6.0rem;
    }

    .twitter-icon {
        margin-top: 2.4rem;
        width: 4.05rem;
        margin-right: 1.5rem;
    }

    .instagram-icon {
        margin-top: 2.4rem;
        width: 4.05rem;
        margin-right: 1.0rem;
    }

    .location {
        margin-top: 0.0rem;
        width: 5.5rem;
        height: 5.5rem;
    }

    .location img {
        height: 4.0rem;
        width: 4.0rem;
        margin-top: -4.0rem;
    }

    .social-media-mobile {
        margin-top: 2.0rem;
        font-size: 80%;
    }

    .location-icon li .location-b i,
    .location-icon li .phone-b i,
    .location-icon li .email-b i {
        font-size: 1.25rem !important;
    }

    /*
    .social-media-mobile .location-icon li,
    .location-b i,
    . {
        font-size: 1.5rem !important;
    }
*/
    .email .facebook-icon {
        height: 4.0rem;
        width: 4.0rem;
        margin-top: 0.0rem;
    }

    .email-b,
    .phone-b {
        padding-left: 1.0rem;
    }

    .email-b a {}

    .location-icon li .phone {
        padding-top: 2.0rem;
        margin-top: 3.0rem;
    }

    .phone .facebook-icon {
        height: 4.0rem;
        width: 4.0rem;
        margin-top: -4.0rem;
    }

    .legal {
        font-size: 1.5rem !important;
        margin-left: 1.0rem;
        margin-top: 3.2rem;
    }

    .legal a,
    .email-b a {
        color: black;
    }

    .social-media-mobile a {
        font-weight: 600;
    }

    .divider {
        margin-bottom: 1.0rem;
    }



    .order-left {
        float: left;
        width: 20%;
    }

    .order-right {
        float: right;
        width: 75%;
    }

}