/*
Theme Name: etfocb-19
Description: child theme of Vantage
Author: Paul Bonish
Template: vantage
*/




.wptb-cell:nth-child(1), .wptb-cell:nth-child(2), .wptb-cell:nth-child(3), .wptb-cell:nth-child(4), .wptb-cell:nth-child(5) {
    border-left: 1px solid #000!important;
/*    border-right: 1px solid #000!important; */
}

.wptb-cell:nth-child(1), .wptb-cell:nth-child(2), .wptb-cell:nth-child(3), .wptb-cell:nth-child(5) {
    border-bottom: 1px solid #000!important;
}

.wptb-cell:nth-child(4) {
    background-color: #ddd!important;
}


tr.wptb-row:nth-child(1) {
    background-color: #ddd!important;
}

tr.wptb-row:nth-child(2) {
  border-bottom: 1px solid #000!important;
}

tr.wptb-row:nth-child(3) {
    background-color: #fff!important;
}

td {
    font-weight: normal!important;
}

tr.wptb-row:nth-child(1) .wptb-text-container {
    color: #000!important;
}

.wptb-ph-element {
    line-height: 16px!important;
}


/*==================================================== new changes ==================================*/
.news-single-wrap {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 70%;
  text-align: center;
}

.news-single-title-wrap {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .04em;
}

.cb-latestnews-single-excerpt {
  font-size: 18px;
}

/*==================================================== end new changes ==================================*/

.accordion {
  visibility: hidden;
}

@import url("https://fonts.googleapis.com/css?family=Prompt:400");

.etfocb19-heading { 
  display: block;
  font-family: 'Prompt', sans-serif!important;
  font-weight: 600;
  font-size: 20px!important;
  line-height: 22px;
}

/*
.widget-title, .entry-title {
  font-family: 'Prompt', sans-serif!important;
  font-size: 20px!important; 
}
*/

#secondary .widget .widget-title, #footer-widgets .widget .widget-title, #masthead-widgets .widget .widget-title {
  font-weight: 400!important;
  font-size: 18px;
  color: #000!important;
}

#secondary .widget, #footer-widgets .widget, #masthead-widgets .widget {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 26px;
}

#secondary .widget ul li a {
  font-size: 16px;
}


.vantage-grid-loop article .excerpt {
  color: #000;
}


.entry-thumbnail {
  margin-right: 10px;
}

#secondary .widget .widget-title, #footer-widgets .widget .widget-title, #masthead-widgets .widget .widget-title {
  //font-size: 10px;
}

.main-navigation  {
  padding-left: 50px;
}

.main-navigation ul li {  
  cursor: default;
}

.main-navigation ul ul li a {
  border-bottom: solid 1px #ddd;
  width: 220px;
}

.accordion-title {
  color: #fff!important;
  margin: 0px!important;
  background-color: #00accd;
  padding: 10px;
  //font-size: 18px!important;
  border-radius: 4px;
}

.accordion-title:hover {
  cursor: pointer;
}

/*----------------- newsroom archive ---------------------*/
.widget_archive ul li {
  display: inline-block;
  border: solid 2px #ee3124;
  box-sizing: border-box;
  padding: 0px;
  padding-top: 4px;
  width: 45%;
  margin-top: 5px;
  text-align: center;

}

.widget_archive ul li:hover {
   background-color: #ee3124;
}

.widget_archive ul li:hover a {
  color: #fff!important;
}




/*----------------- Bargaining Terms ---------------------*/


#bargaining_terms_alpha ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

#bargaining_terms_alpha li {
    display: inline-block;
    margin-bottom: 10px;
    width: 6px;
}

#bargaining_terms_alpha a {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    margin-right: 6px;
    border: solid 1px #ddd;
}

#bargaining_terms_alpha a:hover {
    background-color: #d73532;
    color: #fff;
}

#bargaining-terms-wrap h3 {
    margin-bottom: 0px;
}

.bargaining-terms-letter {
    margin-bottom: -20px;
    padding: 0px;
}

.bargaining-terms-letter a {
    color: #d73532;
    //font-size: 22px;
}

.bargaining-terms-letter {
    border-bottom: solid 1px #d73532;
    margin-bottom: 0px;
}


#bargaining-terms-wrap ul {
    padding: 0px;
}

#bargaining-terms-wrap li {
    padding-bottom: 10px;
/*    border-bottom: dotted 1px #ddd; */
    list-style: none;
}

.back-to-top a {
    color: #d73532;
    float: right;
}

/*-----------------------------------------------*/


.flex-next {
  background-position-x: right!important;
}

.flexslider {
  background: #919195!important;
}


a {
  word-wrap: break-word;
  text-decoration: none!important;
  //font-weight: bold;
}

#content p a {
   text-decoration: underline!important;
/*   font-weight: normal!important; */
}

a.anchor, a.anchorf {
    display: block;
    position: relative;
    top: -230px;
    visibility: hidden;
}

a.anchorf {
  top: -200px;
}

#hide-button {
  display: none;
}

/*
.entry-content h1 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 22px;
  line-height: 34px;
}
*/

.entry-content h4 {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  //font-size: 16px;
  color: #005581!important;
  padding-bottom: 10px;
  margin-bottom: 20px;  
  border-bottom: 2px solid #7f0007;
}

.entry-content p {
  margin-top: 10px;
}

  
/*------------------------ mobile search ----------------------*/

.mobile-search:before {
    content: "\e604";
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    //font-size: 17px;
    right: 20px;
    margin-top: 18px;
    color: #d1d1d1;
    font-family: 'vantage-icons';
}


.mobile-search input[type=text] {
  border: none;
  padding-left: 26px;
  background-color: #fff;
  border-radius: 0px;
  //font-size: 16px;
  width: 100%;
  height: 50px;
}

/*--------------------------------- search results -------------------------------*/

.search #secondary {
  display: none !important;
}

.search #primary {
  width: 100% !important;
}

#page-title {
  line-height: 28px!important;
}

.search-loop article {
  margin: 0px;
  margin-bottom: 10px!important;
  padding-bottom: 10px!important;
  border-bottom: solid 1px #ddd!important;
}

.search-loop article .entry-thumbnail {
  width: 30px!important;
  float: left;
}

.search-loop article .entry-header {
  margin-bottom: 10px;
}

.search-loop article .entry-title {
  //font-size: 18px!important;
}

.search-loop article .entry-summary {
  //font-size: 14px!important;
  margin-bottom: 10px;
}

.search-loop .entry-meta {
  font-weight: bold;
}

.search-loop article .entry-title a {
  color: #005581!important;
}

.search-loop article .entry-title a:hover {
  color: #7f0007!important;
}

.search-loop article .entry-main {
  display: block;
  float: none!important;
  margin-left: 100px!important;
}


/*------------------------------------------------------------ adjust overall column widths ---------------------------*/
@media (min-width: 960px){
  .page-template-default #primary, #primary, .woocommerce-page #container { width: 63%; }
  #secondary { width: 34%; }
}

/* Allow for full width templates to continue working */
.page-template-home-panels #primary, .page-layout-no-sidebar #primary, .page-layout-full-width #primary {
  width:  100% !important;
}

body.responsive.layout-full #page-wrapper .full-container {
  max-width: 1200px;
}

.single-meeting #main, .page-template-page-newsroom #main {
  padding-bottom: 0px!important;
}

/*-------------------------------------- newsroom page sidebar -------------------------*/
.newsroom-page-sidebar {
  /*margin-top: 260px;*/
}

.newsroom-page .widget-title {
  display: block;
  margin-bottom: 20px;
  line-height: 26px;
}

/*------------------------------------------------------------ sidebar newsroom ---------------------------*/
.cb-sidebar-title {
  display: inline-block;
  //font-size: 20px;
  color: #005581;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 3px #7f0007;
}

.cb-newsroom-sidebar-table table {
  width:  300px;
  border: solid 1px #ccc;
}

.cb-newsroom-sidebar-table table td {
  //font-size: 15px;
  border: solid 1px #ccc;
  padding: 10px;
  text-align: center;
}

.cb-newsroom-sidebar-table table {
  width:  300px;

}


/*-------------------------------------- newsroom loop -------------------------*/


.sidebar-date {
  font-size: 14px;
}


/*---------------------------- cb  content ----------------------------*/
.cb-single-page .entry-header h1 {
  //font-size: 22px!important;
}


.title-space {
    padding-top: 50px!important;
    padding-bottom: 30px!important;
    letter-spacing: .1em;
}


.entry-title a {
  font-size: 15px!important;
}

.entry-title a:hover {
  color: #ee3124!important;
}

article.post, article.page {
  zoom: 1;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ee3124;
}

article.no-hr {
  border-bottom: none;
  min-width: 240px;
}


/*---------------------------- flickr ----------------------------*/
.flickr-frame pre {
  background-color: #e3e3e3;
}

.justified-gallery {
  margin-top: -25px;
}

.jg-entry {
  border: 1px solid #b2b5b8;
}

.entry-content .wp-caption {
  padding: 0px;
  border: none!important;
  box-shadow: none!important;
}

.wp-caption-text {
  font-style: italic;
  font-size: 14px;
  text-align: left;
}

/*---------------------------------- set top margin for en & fr -------------------*/
.page-id-4304 .entry-main, .page-id-4860 .entry-main, .page-id-4258 .entry-main {
  padding-top: 0px;
}

#secondary {
  padding-top: 136px;
  min-width: 314px;
  /*padding-top: 35px;
  min-width: 314px;*/
}


/*--------------------------- pdf icon - link ----------------*/
.pdf-icon {
  position: relative;
  float: left;
  display: block;

}

.pdf-link {
  line-height: 30px;
  margin-left: 40px;
  margin-bottom: 20px;
  display: block;
}


/*--------------------------- pdf lists -----------------------*/
.attachment-wrap {
  position: relative;
  display: block;
  margin-bottom: 10px;
  min-height: 100px;
}


.attachment-detail-wrap {
  display: inline-block;
  width: 80%;
  margin-left: 20px;
  min-height: 80px;
}

.attachment-icon {
  display: inline-block;
  vertical-align: top;
  width: 60px;
}

.attachment-caption {
  line-height: 20px;
}

/*------------------------------ logo ------------------------*/
#cb-logo {
  position: absolute;
  float: left;
  margin-top: 40px;
}

/*------------------------------ search icon ------------------------*/
#search-icon-icon {
  background-color: transparent!important;
  right: 100px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}

#search-icon #search-icon-icon {
  width: 50px;
}

#search-icon #search-icon-icon .vantage-icon-search {
  color: #fff;
}

#social-wrap {
  position: absolute;
  z-index: 120;
  height: 100%;
  width: 100px;
  top: 0px;
  right: 0px;
}

#social-wrap ul {
  margin: 0px;
  height: 100%;
}

#social-wrap ul li {
  box-sizing: border-box;
  display: none;
  height: 100%;
  width: 50px;
  display: inline-block;
  border-right: solid 1px #fff;
  background-color: transparent;
}

#social-wrap ul li a:hover {
   background-color: transparent;
}

.fa {
  color: #fff!important;
  font-size: 20px!important;
  margin-right: 0px!important;
  line-height: normal!important;
}


/*------------------------------- Main Menu correction for search icon ----------------------*/
body.responsive.layout-full #page-wrapper .site-navigation .full-container {
  max-width: 1230px;
}

body.responsive.layout-full #page-wrapper .site-navigation  {
  margin-right: 0px;
}

/*------------------------------ more arrow ------------------------*/

.fas {
  font-size: 16px!important;
  position: relative;!important;
  top: 2px;
  left: 10px;
}

.more-arrow-excerpt a {
  color: #d73532!important;
}

.more-arrow  {
  width: 100%;
  padding-top: 20px;
  text-align: left;
}

.more-arrow-left  {
  width: 100%;
  padding-top: 20px;
  text-align: left;
}

.more-arrow-right  {
  width: 100%;
  text-align: right;
}


.more-arrow-left a, .more-arrow-right a {
  color: #d73532!important;
}

.more-arrow a {
  color: #d73532!important;
}

/*============ footer ==========================================*/

#footer-widgets .widget, #footer-widgets .widget a {
  color: #fff!important;
}

#colophon .widget_nav_menu .menu-item a {
  border: none!important;  
}

#footer-widgets .widget, #footer-widgets .widget a {
  font-size: 15px!important;
}

.menu-footer-menu-en-container {
  margin-top: 10px;
}

/*------------------------------ lang switcher ------------------------*/
#switcher-wrap {  
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

#cb-lang-switcher {
  display: inline-block;
}

#cb-lang-switcher div {
  position: relative;
  box-sizing: border-box;
  top: -17px;
  right: 0px;
  z-index: 2;
  width: 50px!important;
  height: 43px!important;
  text-align: center;
}

#cb-lang-switcher div a {
  display: block;
  margin-top: 0px;
}

.social-icon {
  display: inline-block;
  padding-top: 16px;
  margin-right: 10px;
}


/*------------------------------ masthead ------------------------*/

#masthead-wrapper {
  width: 100%;
  position: absolute;
}


#masthead {
  position:fixed; 
  top:10;
  left:0;
  z-index: 2;
  width: 100%; 
}

#masthead {
  height: 183px;
  padding-left: 0px;
  padding-right: 0px;
}

#masthead .main-navigation {
  margin-top: 140px;

}


/*------------------------- front page featured news ----------------*/

.news-title-wrap {
  text-align: left;
  min-height: 80px;
}


.vantage-grid-loop article h3 {
font-weight: normal!important;
}

.front-page-news p {
  text-align: center;
}

.cb-meta { 
  font-weight: bold;
  text-align: left;
  font-size: 14px!important;
  padding-bottom: 10px;
}


.cb-latestnews-excerpt {
  font-size: 16px!important;
  min-height: 140px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}


.cb-latestnews-excerpt-sidebar {
  //font-size: 15px!important;
  min-height: 100px;
}

.news-title-wrap a {
  font-size: 20px!important;
  font-family: 'Prompt', sans-serif!important;
}

.home-page-feature {
  font-size: 22px!important;
  line-height: 26px;
}


/*------------------------------------------------------------ newsroom  -----------------------------*/

.news-wrap {
  display: block;  
  padding-left: 40px;
}

.news-date {
  display: block;
  font-weight: bold;
}

.entry-content .page-links {
  margin-bottom: 20px!important;
 }

 .entry-content .page-links a {
  margin-left: 10px!important;
  margin-right: 10px!important;
 }


/*--------------------------------------------- mobile nav -----------------------------------*/
.shiftnav-nav li a {
  //text-transform: capitalize!important;
  //font-size: 16px!important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
  text-transform: inherit!important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
  background-color: #000!important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
  border-bottom: none!important;
  text-shadow: none!important;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
  border-top-color: transparent!important;
  background-color: #000!important;
}




/*---------------------- media queries ---------------*/

@media only screen and (max-width: 1024px) {
  #masthead { position:relative; height: 104px; }
  #masthead .main-navigation { margin-top: 170px; }
  #main { padding-top: 30px!important; }
  #title-bargaining {  margin-right: 130px;}
  #title-collective {  margin-left: 130px;}
}

/*------------------------------------------------------------------------------- mobile -----------*/
@media only screen and (max-width: 960px) {

  #main { padding-top: 104px!important; }

  .etfocb19-heading { font-size: 22px!important; }
  #title-logo { margin-top: -30px!important; }
  #title-logo img { width: 140px; }
  #title-bargaining { margin-top: -70px!important; }
  #title-collective { padding-top: -0px!important; }
  #title-bargaining {  margin-right: 0px;}
  #title-collective {  margin-left: 0px;}
  article.no-hr { min-width: 310px; }
  .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style { display: block!important; }

}

@media only screen and (max-width: 812px) and (min-width: 800px) { 
  .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style { display: flex!important; }
  #main { padding-top: 30px!important; }
  #title-logo { margin-top: 4px!important; }
  #title-logo img { width: 180px; }
  #title-bargaining { margin-top: 0px!important; }
  #title-collective { margin-top: 60px!important; }
  #title-bargaining {  margin-right: 0px;}
  #title-collective {  margin-left: 0px;}
  #title-bargaining {  margin-right: 130px;}
  #title-collective {  margin-left: 100px;}
} 

@media only screen and (max-width: 640px) { 
  #main { padding-top: 104px!important; }
  .etfocb19-heading { font-size: 20px!important; }
  .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style { display: block!important; }
  #title-logo img { width: 140px; }
  article.no-hr { min-width: 240px; }
}