/* Typefaces */
.title {
  font-family: 'Kameron', sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}

.title-fr {
  font-family: 'Kameron', sans-serif;
  font-weight: 600;
}


.text-shadow {
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.95));
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.95));
}

.text-bold {
  font-weight: 600 !important;
}

.text-bolder {
  font-weight: bolder !important;
}

.text-larger {
  font-size: 3em;
}

.text-large {
  font-size: 2em;
}

.text-medium {
  font-size: 1.25em;
}




p {
  font-weight: 500;
}

.join-form {
  width: 100%;
}

.spacing-medium {
  padding-bottom: 1.25em;
}

.spacing-larger {
  padding-bottom: 3em;
}

.spacing-large {
  padding-bottom: 2em;
}

/* Header and Nav Customizations */
.logo-big {
  width: 250px;
  height: 250px;
  margin-top: -135px;
  padding-top: 135px;
}

.shadow-transparent {
  width: 250px;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}


.location-toggle,
.location-toggle a {
  line-height: 0px;
}

.link-buffer {
  margin-top: -50px;
}



.navbar-main {
  background-image: url('../custom-img/brand/yyz-nav-location.png');
  background-repeat: no-repeat;
  /* Determine what direction the image will repeat */
  background-position-x: center;
  /* Where the image will be positioned relative to "top, right, bottom, and/or left */
  background-position-y: top;
  /* Where the image will be positioned relative to "top, right, bottom, and/*/
  background-size: cover;
  border-bottom: 3px solid #f2e406;
  -webkit-filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
}

.navbar-main-yul {
  background-image: url('../custom-img/brand/yul-nav-location.png');
  background-repeat: no-repeat;
  /* Determine what direction the image will repeat */
  background-position-x: center;
  /* Where the image will be positioned relative to "top, right, bottom, and/or left */
  background-position-y: top;
  /* Where the image will be positioned relative to "top, right, bottom, and/*/
  background-size: cover;
  border-bottom: 3px solid #f2e406;
  -webkit-filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
  z-index: 3;
}

.navbar-main-mod {
  background-image: url('../custom-img/brand/mod-nav-location.png');
  background-repeat: no-repeat;
  /* Determine what direction the image will repeat */
  background-position-x: center;
  /* Where the image will be positioned relative to "top, right, bottom, and/or left */
  background-position-y: top;
  /* Where the image will be positioned relative to "top, right, bottom, and/*/
  background-size: cover;
  border-bottom: 3px solid #f2e406;
  -webkit-filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.75));
  z-index: 3;
}

.photo-caption {
  position: absolute;
  bottom: -100px;
  right: 0;
  width: 250px;
  height: 55px;
  background-color: #221f1f;
  opacity: 75%;
}

.photo-caption-text {
  text-align: right;
  color: #eeefef;
  /* white; */
  font-size: .75em;
  opacity: 100%;
}

.swag-photo {
  max-width: 75%;
}


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

/*blockquotes*/

.border-bottom-default {
  border-bottom: 5px #f2e406 solid;
  /*  border-bottom: 10px #221f1f solid;*/
}


/* Special Background */


.bg-special {
  background-color: #eeefef !important;
  background-image: url('https://www.gigworkersunited.ca/assets/custom-img/brand/GWU-background.png') !important;
  ;
  background-repeat: repeat;
}

a.bg-special:hover,
a.bg-special:focus,
button.bg-neutral:hover,
button.bg-neutral:focus {
  background-color: #d4d6d6 !important;
}

.border-gwu-custom {
  border-top: 3px solid #f2e406 !important;
  border-left: 3px solid #f2e406 !important;
  border-bottom: 3px solid #b9babd !important;
  border-right: 3px solid #b9babd !important;
}

.panelist {
  font-weight: bold;
}

.card-panelists {margin-bottom: 25px;}

/* Footer Customizations */
.skyline-area {
  background-color: #eeefef !important;
  /* rgba(238, 239, 239, 0.75); */
  background-image: url('../custom-img/brand/yyz-skyline.png');
  background-repeat: no-repeat;
  background-position-x: center;
  /*margin-top: -200px;
    margin-top: -200px;*/
  height: 500px;
  overflow: hidden;
  background-size: cover;
}

.skyline {
  position: relative;
  padding-bottom: 0;
  top: 100px;
  left: -75px;
}

.footer-logo-overlay {
  position: relative;
  float: right;
  height: 400px;
  right: 25px;
  /* 
  top: -325px; 
  -webkit-filter: drop-shadow(2px 2px 0px rgb(255, 255, 255, 1));
  filter: drop-shadow(2px 2px 0px rgba(255, 255, 255, 1));
  */
}

.footer .footer-nav .nav-item .nav-link {
  color: #221f1f !important;
}

.footer .sub-footer-contact-nav .nav-item .nav-link {
  color: #221f1f !important;
}

.footer .sub-footer-policy-nav .nav-item .nav-link {
  color: #eeefef
    /* white; */
     !important;
}

.footer .sub-footer-policy-nav .nav-item .nav-link:hover {
  color: rgba(238, 239, 239, 0.75) !important;
}


.sub-footer-contact {
  clear: both;
}

.union-bugs {
  text-align: right;
  padding-right: 25px;
}

.tiny {
  font-size: 8pt;
}


/* Main Page Items */
.offline-doc .page-header,
.offline-free-doc .page-header {
  height: 100vh !important;
}

.offline-doc .page-header:after,
.offline-free-doc .page-header:after {
  background: rgba(0, 0, 0, 0.5) !important;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.offline-doc .page-header .container,
.offline-free-doc .page-header .container {
  z-index: 3;
}

@media all and (max-width: 375px) {
  .page-header {
    height: calc(100vh + 270px);
  }

  .index-page {
    overflow-x: hidden;
  }

  .pagination.pagination-primary .page-item:nth-of-type(3),
  .pagination.pagination-primary .page-item:nth-of-type(7) {
    display: none;
  }

  .pagination.pagination-info .page-item:nth-of-type(2) {
    display: none;
  }

  .main.main-raised {
    margin-top: -30px;
  }

  .form-group.is-focused .bootstrap-datetimepicker-widget {
    left: -32px !important;
  }
}



.page-header {
  height: 100vh;
  background-position: center center;
  background-size: cover;
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
}

.page-header .carousel .carousel-indicators {
  bottom: 60px;
}

.page-header>.container {
  color: #eeefef;
  /* white; */
}

.page-header .title {
  color: #eeefef;
  /* white; */
}

.page-header.header-small {
  height: 65vh;
  min-height: 65vh;
}

.page-header .iframe-container iframe {
  width: 100%;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.index-page .page-header {
  height: 90vh;
  overflow: hidden;
}



.order-in-days {
 background-image: url('https://www.gigworkersunited.ca/assets/custom-img/campaigns/Halloween-OrderInDaysGWU-page-image.png') 
}

/* @media changes */

@media screen and (min-width: 900px) {
  .bg-nav-button-white {
    background-color: #eeefef;
    /* white; */
    padding: 10px 25px !important;
  }

  .bg-nav-button-white:hover {
    background-color: #f2e406;
    color: #221f1f;
  }
}

@media screen and (max-width: 901px) {



  .photo-caption {
    position: absolute;
    bottom: -150px;
    right: 0;
    width: 250px;
    height: 55px;
    background-color: #221f1f;
    opacity: 75%;
  }

}

@media screen and (max-width: 991px) {
  .navbar-collapse-header img {
    max-width: 250px;
    width: 250px;
  }

  .skyline-area {
    text-align: center !important;
    position: relative !important;

  }

  .footer-logo-overlay {
    top: 175px;
    max-width: 200px;
    width: 200px;
    height: auto;
  }


.order-in-days {
  background-image: url('https://www.gigworkersunited.ca/assets/custom-img/campaigns/Halloween-OrderInDaysGWU-page-image-mobile.png') 
 }


}

@media only screen and (max-width : 1199px) {

  /* Check width value against settings md - lg - xl */
  .navbar-collapse {
    background: #221f1f !important;
  }

  .bg-nav-button-white {
    background: #221f1f !important;
    padding: 10px 3px !important;
  }

  a.bg-nav-button-white:hover {
    color: #f2e406 !important;
  }
}

 /* Hide AddToAny vertical share bar when screen is less than 981 pixels wide */
 @media screen and (max-width: 980px) {
  .a2a_floating_style.a2a_vertical_style { display: none; }
}
@media screen and (min-width: 979px) {
  .a2a_floating_style.a2a_default_style { display: none; }
}