/** Global **/

@font-face {
    font-family: 'Museo';
    src: url('fonts/Museo/Museo_Slab_500_2-webfont.eot');
    src: url('fonts/Museo/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('fonts/Museo/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('fonts/Museo/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('fonts/Museo/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dense';
    src: url('fonts/Dense/Dense.eot');
    src: url('fonts/Dense/Dense?#iefix') format('embedded-opentype'),
         url('fonts/Dense/Dense.woff2') format('woff2'),
         url('fonts/Dense/Dense.woff') format('woff'),
         url('fonts/Dense/Dense.ttf') format('truetype'),
         url('fonts/Dense/Dense.svg#wf') format('svg');
}

@font-face {
  font-family: 'Arciform';
  src: url('fonts/Arciform/arciform.eot');
  src: url('fonts/Dense/arciform?#iefix') format('embedded-opentype'),
     url('fonts/Dense/arciform.woff2') format('woff2'),
     url('fonts/Dense/arciform.woff') format('woff'),
     url('fonts/Dense/arciform.ttf') format('truetype'),
     url('fonts/Dense/arciform.svg#wf') format('svg');
}

.wwsf.card{
    background-image:url(../img/fractal-card-back.jpg);
    background-position: center;
    background-size:cover;
}

#content{
    padding:40px 0 0;
}

.has-tip {
  border-bottom: none;
  font-size: 1.2rem;
  cursor: default;
  margin-left: 5px;
}

.tooltip {
  font-size: 1rem !important;
  color: #58595b;
  box-shadow:2px 2px 4px rgba(0,0,0,0.3);
}

.tooltip > .nub {
  border-color: transparent transparent #d71920 transparent;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/** Elements **/

body{
    padding-top:68px;
    letter-spacing:-0.03em;
    background:#f1f2f2;
}

body.post-type-archive-candidate,
body.page-template-staging-page-bsd-iframe-header,
body.page-template-page-bsd-iframe-header {
    background:#fff;
}

.post-type-archive-candidate #liberal-popup .contact.card {
  display:none;
}

#liberal-2015-body .card{
	background:#fff;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.empty-shell-wrapper{
  margin-bottom:6em;
  width:100%;
}

#header{
    height: 68px;
    background: #fff;
    background-size:cover;
    border-bottom:5px solid #d71920;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
}

#header.is-fixed{
    position:fixed;
    top:-68px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

#header.is-visible{
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
}

#header .edit-post-link a{
    position:absolute;
    padding:0.5em 1em;
    background-color:#0babe3;
    font-weight:900;
    top:150px;
    right:0;
    text-transform:uppercase;
    color:#fff;
    display:block;
    z-index:9999999;
}

#header .row{
    height:70px;
}

#header .middle{
    height:100%;
    text-align:center;
    padding:1em 1em 0;
    position:relative;
    width:16.6667%;
}

#header .home-link div{
    background-color:#d71920;
}

#header .home-link:hover div{
    background-color:#b11116;
}

#header .left-side{
    padding-left:0;
    padding-right:0;
    position:relative;
    width:41.6667%;
}

#header .left-side ul li{
    width:33.33%;
    list-style: none;
    float:left;
}

#header .wrapper{
    height:70px;
    width:600px;
    display:table-cell;
    vertical-align: middle;
}

.nav-wrapper{
    width:100vw;
    height:70vh;
    padding:5rem 0;

}

#header ul{
    margin:0;
}

#header .left-side ul li .wrapper p{
    margin:0;
    font-size:1em;
    line-height:1.2em;
    font-weight:900;
    text-align:center;
}

#header a{
    color:#d71920;
}

#header .left-side a:hover > li{
    background-color:rgba(0,0,0,0.05);
}

#header .right-side{
    text-align: right;
    padding-right:90px;
    padding-left:0;
    position:relative;
    width:41.6667%;
    padding-top:4px;
}

#header .right-side a{
    margin:0 0.4em;
    font-weight:900;
    font-size:1.1em;
}

#header a.volunteer:hover{
    color:#b11116;
}

#header a.donate{
    background-color:#6ebf52;
    color:#fff;
    padding:0.3em 0.5em;
    border-radius: 3px;
    font-size:1.1em;
    font-weight:900;
}

#header a.donate:hover{
    background-color:#b11116;
}

#header a.lang-switch{
    color:#58595c;
    font-size:0.8em;
    font-weight:700;
    text-transform: uppercase;
    position: absolute;
	right: 45px;
	top: 0;
	height: 100%;
	width: 45px;
	margin:0!important;
	padding-top:23px;
	text-align:center;
}

#header a.lang-switch:hover{
    color:#a7a9ac;
}

#header a{
    border-bottom:none;
}

@media only screen and (max-width:730px){
	#header .left-side, #header .right-side{
		width:40%;
	}
	#header .middle{
		width:20%;
	}
}

@media only screen and (max-width:500px){
	#header .left-side, #header .right-side{
		width:37%;
	}
	#header .middle{
		width:26%;
	}
}

.plan-nav{
    width:43%;
    float:left;
    margin-right:3%;
}

.involved-nav{
    width:26%;
    float:left;
}

.more-nav{
    width:26%;
    float:left;
    margin-right:2%;
}

.social-nav{
    width:50%;
    float:left;
}

body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

.primary-nav{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    padding-top:75px;
    background-color:rgba(255,255,255,0.95);
    z-index:999;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow:scroll;
}

.primary-nav.is-visible{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  margin:0!important;
}

.primary-nav-trigger .menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  cursor:pointer;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 3px;
  background-color: #58595c;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.primary-nav-trigger .menu-icon::before, .primary-nav-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #58595c;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.primary-nav-trigger .menu-icon::before {
  top: -6px;
}
.primary-nav-trigger .menu-icon::after {
  top: 6px;
}
.primary-nav-trigger .menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.primary-nav-trigger .menu-icon.is-clicked::before, .primary-nav-trigger .menu-icon.is-clicked::after {
  background-color: #d71920;
}
.primary-nav-trigger .menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.primary-nav-trigger .menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.primary-nav ul{
    list-style: none;
    margin-left:0;
    margin-bottom:2em;
}

.primary-nav ul li{
    font-family:Oswald;
    text-transform:uppercase;
    color:#a7a9ac;
    font-size:0.8em;
    line-height:1.1em;
    margin-bottom:1em;
}

.primary-nav ul ul li{
    font-family:Lato;
    margin-bottom:0.6em;
    text-transform: none;
    font-size:1.3em;
    font-weight:900;
    letter-spacing:-0.03em;
}

.primary-nav ul ul li a{
    color:#d71920;
    border:none;
}

.primary-nav ul ul li a:hover{
    color:#4b5766;
    margin-left:0.2em;
}

@media only screen and (min-width:50.063em){
  .row.social-links{
    padding-top:4vh;
  }
}

.primary-nav-social li.font-icon-item {
  float: left;
  width: 57px;
  height: 57px;
  line-height: 57px;
  margin: 0 10px 0 0;
  padding: 0;
}

.primary-nav-social li.font-icon-item a {
  float: none;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 0;
  padding: 0;
  display: block;
  line-height: 57px;
}

.primary-nav-social li.font-icon-item a:hover,
.primary-nav-social li.font-icon-item a:focus {
  margin:0;
  color: #fff;
}

.primary-nav-social li.font-icon-item.instagram a {
  background-color: #e1306c;
}

.primary-nav-social li.font-icon-item.snapchat a {
  background-color: #fffc00;
}

.primary-nav-social a{
    width:57px;
    height:57px;
    text-align: center;
    padding-top:13px;
    border-radius:100px;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    border:none;
}

.primary-nav-social a:hover{
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.header-social{
    list-style: none;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right:0.5em!important;
}

.header-social a{
    width:30px;
    height:30px;
    text-align: center;
    border-radius:100px;
    float:left;
    border:none;
    margin:0 3px!important;
}

.header-social img{
    width:50%;
    position:relative;
    right:-1px;
}

.menu-box{
  width:80%;
  margin-top:1em;
  border-top:2px solid #a7a9ac;
  display:block;
}

.primary-nav-social .FB, .header-social .FB{background-color:#3b5998;}
.primary-nav-social .FB:hover, .header-social .FB:hover{background-color:#36517f;}
.primary-nav-social .TW, .header-social .TW{background-color:#55acee;}
.primary-nav-social .TW:hover, .header-social .TW:hover{background-color:#599bca;}
.primary-nav-social .YT{background-color:#bb0000;}
.primary-nav-social .YT:hover{background-color:#a91c20;}
.primary-nav-social .IN{background-color:#517fa4;}
.primary-nav-social .IN:hover{background-color:#4a7597;}
.primary-nav-social .GP{background-color:#dd4b39;}
.primary-nav-social .GP:hover{background-color:#cb4433;}
.primary-nav-social .PI{background-color:#cb2027;}
.primary-nav-social .PI:hover{background-color:#b91d23;}
.primary-nav-social .SC{background-color:#fffc00;}
.primary-nav-social .SC:hover{background-color:#dfd61d;}
.primary-nav-social .WE{background-color:#58595c;}
.primary-nav-social .WE:hover{background-color:#4f4f52;}
.primary-nav-social .FL{background-color:#0063dc;}
.primary-nav-social .FL:hover{background-color:#335da1;}

.header-social .FB{background-color:#a7a9ac;}
.header-social .FB:hover{background-color:#3b5998;}
.header-social .TW{background-color:#a7a9ac;}
.header-social .TW:hover{background-color:#55acee;}

.full-nav-social-container {
  margin-top: 3rem;
}

.full-nav-social-container__social-row {
  margin-bottom:1rem;
}

@media only screen and (max-width:730px){
    .mobile-hide{
        display:none;
    }
    .plan-nav, .involved-nav, .more-nav, .social-nav{
        width:100%;
        display:block;
        clear:both;
    }
    .primary-nav{
        padding-top:6.5em;
    }

    .follow-lpc{
        margin-top:1em;
    }
}

@media only screen and (max-width:940px){
    .header-social{
        display:none;
    }
}

@media only screen and (min-width:730px){
    .mobile-show{
        display:none!important;
    }
}

/****** IS VOTING MODAL *******************/


.homepage-will-vote-container {
  display:none;
}

.homepage-will-vote-container {
  padding-top: 20px;
  padding-bottom:10px;
  border-bottom:5px solid #d71920;
}

#liberal-2015-body.home .reveal-modal-bg,
#liberal-2015-body.page-template-page-realchange .reveal-modal-bg {
	/*

  background:white;
	background:rgba(255,255,255,0.95);
	background-image:url(//www.liberal.ca/files/2016/05/2015-09-10-Vancouver-rally-23-min.jpg);
	background-size:cover;
	background-position:center;
  */
  
}

#is_voting_modal, #yesModal{
	background-color:none;
	background:none;
	border:0;
	box-shadow:none;
	padding-top:14vh;
}

#is_voting_modal h1, #yesModal h1,
.will-vote-container h1{
	font-family:Lato;
	font-weight:900;
	text-shadow: 0 0 30px #FFFFFF;
	text-align:center;
}

#is_voting_modal .close-reveal-modal, #yesModal .close-reveal-modal{
	color: #58595c;
	background-color:rgba(255,255,255,0.8);
	padding:0.2em 0.4em;
	border-radius: 100px;
	font-size:1.5em;
  top:100px;
}

#yes-button, #no-button,
.will-vote-container a{
	background:none;
	font-size:1.5rem;
	width:100%;
	padding:1em;
}

#yes-button,
#page-vote-form-yes{
	background-color:#6ebf52;
}
#no-button,
#page-vote-form-no {
	background-color:#d71920;
}
#yes-button:hover, #no-button:hover,
.will-vote-button:hover{
	opacity:0.9;
}


/****** STATIC HOMEPAGE CONTENT - LIBERAL.CA CAMPAIGN REFRESH - AUG 2, 2015 *******************/

.relative {
  position: relative; }

.overlay-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.overlay-primary-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.foreground-content {
  z-index: 2; }

@media only screen and (min-width:50.063em) {
  .no-pad-left {
    padding-left: 0; } }

@media only screen and (min-width:50.063em) {
  .no-pad-right {
    padding-right: 0; } }

@media only screen and (min-width:50.063em) {
  .no-pad {
    padding: none; } }

.main-content-wrapper {
  background: white;
  padding: 0 75px 3em;
}

.content-wrapper{
	background-color:#fff;
	padding:2em 1em 4em;
}


#realchange-subpage-header-logo-container {
  background-image: -webkit-radial-gradient(center center, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0));
  background-image: radial-gradient(center center, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0));
  background-image: -o-radial-gradient(center center, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0));
}

/*h1, h2, h3, h4, h5, p, li, input, a, * {
  font-family: 'Lato', sans-serif; }

h3 {
  font-weight: 900;
  color: #d71920; }

h4 {
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  color: #a7a9ac; }
*/

p.bold {
  font-weight: 900;
  font-size: 20px; }

.button:hover, ul.share-buttons a:hover {
  background: #b11116; }

.home-hero-slider {
  position:relative;
}

.home-hero-slider.slick-slider{
  margin-bottom:0;
}

.home-hero-slider .slick-dots{
  bottom: -14px;
  right: 10px;
  text-align:right;
}

.home-hero-slider .slick-dots li{
  margin:0;
}

.home-hero-slider .slick-slide img{display:inline-block;}

.home-hero-slider .slick-track{
  transition:none;
}

.home-hero-slider .hero-image {
  display:none;
}
.document-ready .home-hero-slider .hero-image {
  display:block;
}
.home-hero-slider .hero-image:first-child {
  display:block;
}

.hero-image {
  height:400px;
  background: no-repeat center center none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .hero-image .hero-content {
    background: linear-gradient(to left, rgba(255,255,255,0.8), rgba(255,255,255,0));
    padding: 70px 30px;
    height:400px;
    width:50%;
    position:relative;
    right:-1px;
    display: table-cell;
    text-align:center;
    vertical-align: middle }
    .hero-image .hero-content .button{
    	font-size:1.2em;
    	font-weight:900;
    }
    .hero-image .hero-content h2 {
      text-transform: uppercase;
      font-size: 52px;
      color: #4a5666;
      margin-bottom:0.1em;
      line-height:1;
      font-weight: 900; }
      .hero-image .hero-content h2 span {
        display: block;
        font-size: 26px;
        text-transform: none; }
  
  .hero-video-image {
    height: 400px;
    cursor: pointer;
  }

  .hero-video-image:hover {
    opacity: 0.9;
  }


.home-hero-slider .featured-block {
  display:none;
}

.featured-block-container .hero-image {
  display:none;
}

.home-slider-item {
  position:relative;
}

.home-slider-text {
  width:50%;
  padding:2em;
  position:relative;

}

.home-slider-text > *:last-child {
  margin-bottom:0;
}

.home-slider-text a,
.home-slider-text button { 
  margin-bottom:0;
}

.home-slider-text.ver-center {
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  margin: 0 1em;
}

.home-slider-text.ver-center.hor-center {
  transform:translate(-50%,-50%);
  -webkit-transform:translateY(-50%,-50%);
}



.home-slider-text.light-text p,
.home-slider-text.light-text h1,
.home-slider-text.light-text h2,
.home-slider-text.light-text h3 {
  color:#fff;
  text-shadow:2px 2px 2px rgba(0,0,0,0.3);
}

.home-slider-text.dark-text p,
.home-slider-text.dark-text h1,
.home-slider-text.dark-text h2,
.home-slider-text.dark-text h3 {
  color:#000;
}

.home-slider-text.left {
  left:0;
  text-align:left;
}

.home-slider-text.right {
  right:0;
  text-align:right;
}

.home-slider-text.bottom {
  bottom:0;
  margin:1em;
  position:absolute;
}

.home-slider-text.top {
  top:0;
  margin:1em;
}

.home-slider-text.hor-center {
  text-align:center;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}

@media only screen and (max-width:40.063em) {
  .home-slider-text {
    width:90%;
    font-size:85%;
    padding:20px;
    margin:0 auto !important;
    float:none !important;
  }

  .home-slider-text.ver-center.hor-center {
    transform:translate(0%,-50%);
    -webkit-transform:translateY(0%,-50%);
    left:auto;
  }

  .home-slider-text.bottom {
    bottom:1em;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    position:absolute;
  }

  .home-slider-text.top {
    top:1em;
  }
}

.home-donate-slider {
  background: linear-gradient(to bottom, hsl(0, 30%, 30%), #e0313b);
  padding: 10px;
  margin-bottom: 0!important;
}

.home-donate-slider .slick-track {
  transition-duration:0s;
}

.home-donate-slider h2,
.home-donate-slider p{
  color:#fff;
}

.home-donate-slider a {
  /*
  position:relative;
  top:50%;
  transform:translateY(-50%);
  */
}

a#why-donate-slider-button {
  display: block;
  padding: 10px;
  background: #683535;
  color: #fff;
}

a#why-donate-slider-button:hover,
a#why-donate-slider-button:focus {
  background: #963337;
}

.donate-once-slide {
  padding-top:60px;
}

@media only screen and (min-width:50.063em) {
  .featured-blocks .featured-block-container:first-child {
    border-right: solid 1px white;
    padding-right: 0; } }
@media only screen and (min-width:50.063em) {
  .featured-blocks .featured-block-container:nth-child(2) {
    border-left: solid 1px white;
    padding-left: 0; } }

.featured-block {
  background: no-repeat center center none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  min-height: 300px;
  padding-top: 100px;
  border-top: solid 2px white; }
  .featured-block .featured-block-content {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top:3em;
    background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,100));
    line-height:1;
    color: white; }
    .featured-block .featured-block-content h4, .featured-block .featured-block-content p {
      color: white; }
    .featured-block .featured-block-content h4 {
      font-weight: 900;
      font-size: 20px;
      margin-bottom: 0; }
    .featured-block .featured-block-content p {
      margin-bottom: 0;
      line-height:1.2em; }
    .featured-block .featured-block-content .button, .featured-block .featured-block-content ul.share-buttons a, ul.share-buttons .featured-block .featured-block-content a {
      font-weight:900;
      margin-bottom:0;
      margin-left: 25px;
      padding: 0.6em 0.8em;
      border-radius:3px 3px 0 0; }
      @media only screen and (min-width:64.063em) {
        .featured-block .featured-block-content .button, .featured-block .featured-block-content ul.share-buttons a, ul.share-buttons .featured-block .featured-block-content a {
          margin-bottom: 0;
          padding: 1em;
          bottom: 0;
          right: 20px;
          position: absolute;
          background:none;
          background-color:#d71920; }
        .featured-block .featured-block-content .button:hover{
          background-color:#b11116;
          padding-bottom:1.4em;
    } }
    .featured-block .featured-block-content .text {
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 10px; }
      @media only screen and (min-width:64.0625em) {
        .featured-block .featured-block-content .text {
          width: 70%; } }

@media only screen and (max-width:40em) {
  .featured-block {
    min-height: 200px;
  }

  .hero-image {
    height:320px;
  }
}


.home-news-feed {
  margin-top: 75px; }
  .home-news-feed .news-item {
    margin-top: 50px;
    margin-bottom: 50px; }

.news-item h4, .sidebar-block h4{
    font-family:Oswald;
    text-transform: uppercase;
    color:#a7a9ac;
    font-size:0.9em;
    letter-spacing:0;
    margin-bottom:0.4em;
}

.news-item h3{
    font-size:2em;
    font-family: Lato;
    text-transform: none;
    font-weight:900!important;
    color:#d71920;
    line-height:1.0em;
    margin-bottom:0.2em;
}

.news-item h3 a{
    color:#d71920;
    border:none;
}

.news-item h3 a:hover{
    color:#b11116;
}

.news-item p{
    font-size:1.1em;
    line-height:1.4em;
    margin:0.6em 0 0.1em;
}

.news-item .text-link{
    color:#0babe3;
    font-size:0.8em;
    text-transform: uppercase;
    border:none;
}

.news-item .videoWrapper, .sidebar-block .videoWrapper{
    margin-bottom:0;
}


.sidebar-block.video-share *{
  transition:none;
  -webkit-transition:none;
}

.sidebar-block.video-share .videoWrapper {
  background-size:cover;
  background-position: center center;
  cursor: pointer; 
}

.sidebar-block.video-share .videoWrapper iframe {
  display:none;
}

.touch .sidebar-block.video-share .videoWrapper iframe {
  display:block;
}

.sidebar-block.video-share .videoWrapper.playing:after,
.touch .sidebar-block.video-share .videoWrapper:after  {
  display:none;
}

.sidebar-block.video-share .videoWrapper:after {
  position:absolute;
  font-family: FontAwesome;
  top:50%;
  left:50%;
  content: "\f04b";
  display:block;
  font-size:50px;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  color:#d71920;
  transition:color .2s ease-in-out;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

.sidebar-block.video-share .videoWrapper:hover:after,
.sidebar-block.video-share .videoWrapper:focus:after {
  color:#b11116;
}


.sidebar-block {
  margin-top: 75px;
  text-align: center; }

.featured-share {
  text-align: center; }
  .featured-share p {
    font-size: 22px;
    line-height:1em;
    font-weight: 900;
    color: #6F6F6F; }
    .featured-share p span {
      color: #d71920;
      display: block;
      padding-top:0.5em;
      font-size:0.8em;
      text-transform: uppercase; }

.twitter-box {
  margin-top: 15px; }

ul.share-buttons {
  list-style-type: none;
  padding: 0;
  margin: 0.5em 0 0 0; }
  ul.share-buttons li {
    display: inline-block;
    margin-right:0.3em; }
  ul.share-buttons a {
    background: #a7a9ac;
    padding:0.3em 0.5em;
    font-size:0.9em;
    border-radius:3px;
    color:#fff;
    border:none; }
    ul.share-buttons a.facebook:hover {
      background: #3b5998;
      color:#fff; }
    ul.share-buttons a.twitter:hover {
      background: #55acee;
      color:#fff; }
    ul.share-buttons a i {
      margin-right: 8px;
      font-size: 14px; }

.action-block {
  background: #4a5666;
  color: white;
  padding: 25px 50px;
  }
  @media only screen and (max-width: 40em) {
    .action-block {
      height: auto; } }
  .action-block h2 {
    color: white;
    font-weight: 900;
    font-size: 26px;
    margin-bottom: 25px; }
  .action-block ul.donation-amounts {
    display:block;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .action-block ul.donation-amounts li {
      display: inline-block; }
    .action-block ul.donation-amounts li {
      width: 30%;
      margin-bottom: 12px;
      margin-right: 3%;
      float: left; }
      @media only screen and (max-width: 40em) {
        .action-block ul.donation-amounts li {
          width: 100%;
          float: none;
          margin-right: 0; } }
      .action-block ul.donation-amounts li a {
        padding: 15px 5px;
        border: solid 1px white;
        border-radius:3px;
        color: white;
        display: block;
        text-align: center;
        font-size: 20px; }
        .action-block ul.donation-amounts li a:hover {
          background: #d71920;
          border:1px solid #d71920; }
  
  .donation-amounts a {
    display:block;
    width:100%;
    padding: 15px 5px;
    border: solid 1px white;
    border-radius:3px;
    color: white;
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 1em; 
  }
  .donation-amounts a:hover,
  .donation-amounts a:focus {
    background: #d71920;
    border:1px solid #d71920; 
  }


  .action-block.signup-block input{
    border:none;
    background-color:#fff;
    border-radius:3px;
  }
  .action-block.signup-block input[name="postal_code"] {
    width: 49%;
    display: inline-block;
    float: left; }
  .action-block.signup-block input[type="submit"] {
    width: 100%;
    display: block;
    float:right;
    background-color:#d71920;
    height: 37px; }
  .action-block.signup-block .gform_body{
    width:100%;
  }  
  .action-block.signup-block .gform_body{
    width:100%;
  }  
  .action-block.signup-block .gform_button{
    margin:0;
  }
  .action-block.signup-block .gform_footer{
    width: 49%;
    float: right;
    position: relative;
    top: -50px;
  }
  @media only screen and (max-width: 40em) {
    .action-block.signup-block {
      border-bottom: solid 2px white; }
      .action-block.signup-block input[type="text"], .action-block.signup-block input[type="submit"] {
        width: 100%;
        float: none;
        display: block; } }

.action-border {
  border-right: 2px solid white;
}

@media only screen and (max-width:50.053em){
	.action-border{
		border-right:none;
	}
	.action-block.signup-block{
		border-bottom:2px solid #fff;
  }
}

h3 a {
  color: #d71920;
}

h3 a:hover {
  color: #b11116;
}

.tt-feature .photo{
  background-size: cover;
  background-position:center;
  height:150px;
  width:150px;
  border-radius:150px;
  margin:0.5em auto 0;
  border:1px solid #f1f2f2;
}
.tt-feature h2{
  font-weight:900;
  font-size:1.2em;
  color:#d71920;
  margin-top:0.5em;
  margin-bottom:0.5em;
}
.tt-feature h3{
  font-family:Oswald;
  font-size:1em;
  color:#a7a9ac;
  margin-bottom:0;
  text-transform: uppercase;
}
.tt-feature p{
  padding:0.5em;
  font-size:1em;
  line-height:1.1em;
  margin-bottom:0.5em;
  color:#58595c;
}

.tt-feature.slick-slider{
  margin-bottom:0;
}
.tt-feature .slick-track{
  transition: none;
}
.tt-feature .slick-next, .tt-feature .slick-prev  {
  height:27px;
  width:21px;
  top:85px;
}
.tt-feature .slick-next:before, .tt-feature .slick-prev:before {
  font-size:30px;
}
.tt-feature .slick-next{
  right:45px;
}
.tt-feature .slick-prev{
  left:36px;
}


.video-share .slick-prev:before, .video-share .slick-next:before {
  font-size: 30px;
}

.video-share .slick-prev, .video-share .slick-next {
  width:30px;
  height:30px;
  margin-top: -24px;
}

.video-share .slick-prev {
  left:-35px;
}
.video-share .slick-next {
  right:-35px;
}

.video-share > div {
  display:none;
}
.video-share > div:first-child {
  display:block;
}

.document-ready .video-share > div {
  display:block;
}

/*** END OF STATIC HOMEPAGE CONTENT 888  ***/


/*#header .top{
    height:120px
}

#header .logo{
    height: 70px;
    width: 174px;
    position: relative;
    top: 25px;
    border-bottom:none;
}

#header #main-nav{
    background: rgba(0,0,0,0.4);
    height: 50px;
}

#header .top-links{
    font-size: 0.7em;
    color: #d1d2d4;
    margin-top:5px;
}

#header .top-links a{
    color: #d1d2d4;
    font-weight:bold;
}

#header .top-links a:hover{
    color: #fff;
}

#header .button{
    font-family: Liberal;
    font-size:1.45em;
    font-weight: normal;
    color:#d71920;
    background-color:#fff;
    -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
    box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5625rem;
    padding-left: 1rem;
    letter-spacing: -0.03em;
    margin-left:0.5em;
    margin-top:15px;
}

#header .button:hover{
    background-color: #d71920;
    color:#fff;
    -webkit-box-shadow: 0 2px 0 0 rgba (0,0,0,0.3);
    box-shadow: 0 2px 0 0 rgba (0,0,0,0.3);
}

#header .language-selector{
    position:absolute;
    top:5px;
    right:5px;
    color:#fff;
    background:#b11116;
    font-family:Lato;
    font-size:0.6em !important;
    box-shadow:none;
    -webkit-box-shadow:none;
}*/

a.button:hover{
    border-bottom:none;
}

body.salesforce-donate-page {
  margin-top:50px;
}

.salesforce-donate-page .full-height-filler {
  display:none;
}

.sharebar{
    padding:0 1em 2em;
}

.sharebar .facebook{
    background-color:#3b5998;
    border: 2px solid #3b5998;
    color:#fff;
    padding:0.2em;
    cursor:pointer;
}

.sharebar .facebook:hover{
    background-color:#fff;
    color:#3b5998
}

.sharebar .twitter{
    background-color:#55acee;
    border: 2px solid #55acee;
    color:#fff;
    padding:0.2em;
    cursor:pointer;
}

.sharebar .twitter:hover{
    background-color:#fff;
    color:#55acee;
}

.sharebar .email{
    background-color:#f9b717;
    border: 2px solid #f9b717;
    padding:0.2em;
    cursor:pointer;
}

.sharebar .email-expanded{
    background-color:rgba(249,183,23,0.5);
    border: 2px solid #f9b717;
    padding:0.5em 0;
}

.sharebar input{
    margin:0;
    color:#58595c;
    background-color:rgba(255,255,255,01);
    border:2px solid #808286;
}

.sharebar input[type=submit]{
    background-color:#f9b717;
    color:#58595c;
    font-size:0.8rem;
    line-height:2.5em;
    border-color:#f9b717;
}

.sharebar input[type="text"][readonly]{
    background-color:#ffffff;
    color:#58595c;
}

.sharebar input:focus{
    -webkit-box-shadow: 0 0 10px 0 #f9b717;
    box-shadow: 0 0 10px 0 #f9b717;
    border:2px solid #f9b717;
}

.sharebar .button{
    line-height:2em;
    width:100%;
    padding:0;
    color:#808285;
}

.sharebar .button:hover{
    background-color:#f9b717;
    color:#fff;
}

.button.inline{
    line-height:2.3em;
    width:100%;
    padding:0;
}

.sharebar p{
    margin:0;
    line-height:37px;
    font-weight:bold;
}

@media only screen and (max-width: 64.063em) {
    .sharebar p, .sharebar input{
        margin-bottom:0.5em;
    }
}

.blog-thumb img {
    max-height: 200px;
}

/*@media only screen and (max-width: 50.063em) {
    #header {height:130px; text-align: center;}
    #header .logo {height:55px; width:136px; top:10px;}
    #header .top-buttons {border-top: 2px solid #8b0304; margin-top:1.5em;}
    #header .button {font-size:1em; padding: 0.4em 0.7em 0.435em 0.7em; margin-top:0.5em;}
    .blog-thumb { width: 100%;}
    .blog-thumb img { width: 100%; max-height: none;}
    body.slideup #header .top-buttons { border: none; margin-top: 0; text-align: center;}
    body.slideup .mobile-header { display: none; }
    body.slideup #header {height: 50px; position: fixed; top:0; z-index: 999; width: 100%;}
    body.slideup .left-off-canvas-menu{position: absolute; top:0;}
    body.slideup .left-off-canvas-toggle{display: none !important;}*/
}

#main-nav{
    line-height:50px;
}

#liberal-2015-body #hero-title{
	background-image:none;
	background-color:#3d4f5d;
}

#liberal-2015-body #hero-title h1{
	color:#fff;
	font-size:2em;
	font-family:Oswald;
	text-transform:uppercase;
}

#liberal-2015-body #hero-title h1:before{
	content: "\25b8";
    vertical-align: middle;
    position: relative;
    top: -0.25em;
    padding-right: 0.3em;
}

#hero{
    height: 500px;
    width: 100%;
    background: center no-repeat;
    background-color:#f1f2f2;
    position:relative;
    background-size: cover;
}

#hero
h1 {
    font-size: 1.6em;
    position: relative;
    top: -40px;
    background: #d71920;
    display: inline-block;
    padding: 10px
    20px;
    margin-bottom: 0.5em;
    color: #fff
}

#hero
p {
    margin: -30px 0 0;
    color: #58595b;
}

#hero
.gform_wrapper {
    position: relative;
    top: 25px
}

#hero
.signup.left {
    margin-left: 2%
}

#hero
.signup.right {
    margin-right: 2%
}

#hero
.signup {
    top: 40px;
    position: relative;
    max-width: 450px;
    display: block;
    width: 90%;
    margin-top: 20px;
    border: 1px solid rgba(255,255,255,0.9);
    background-color: rgba(255,255,255,0.8);
    color: #fff;
    padding: 1em
    1em 0 1em
}

#hero .signup
p {
    line-height: 1.3em
}

#hero
.button {
    background-color: #d71920;
    width: 100%;
    font-size: 0.875rem;
    padding: 0.5rem;
    height: 2.3125rem;
    color: #ffffff;
}

#hero .social
a {
    color: #fff
}

#hero .social a:hover {
    color: #acc2d2
}

#hero .button:hover {
    color: #fff;
    background-color: #b11116;
}

#hero
input {
    color: #58595b;
    border-color: #808285;
    background: rgba(255,255,255,0.8)
}

#hero input::-webkit-input-placeholder {
    color: #808285;
}

#hero input:-moz-placeholder {
    color: #808285;
    opacity: 1
}

#hero input::-moz-placeholder {
    color: #808285;
    opacity: 1
}

#hero input:-ms-input-placeholder {
    color: #808285
}

@media only screen and (max-width: 40em) {
    #hero .signup{
        margin:0 auto;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        -webkit-transform:translate(-50%, -50%);
        
    }
    #hero .signup.right {
        margin-right:inherit;
        float:none!important;
        
    }
    #hero .signup.left {
        margin-left:inherit;
        float:none!important;
        
    }
}

#hero-cards{
    position:relative;
    top:-20px;
}

#hero-cards .leader{
    background-image: url(../img/home-leader.png);
    padding-top:52%;
    background-repeat: no-repeat;
    background-size:contain;
}

#hero-cards .leader h1{
    display:inline-block;
    margin-bottom:0px;
}

#hero-cards .leader h2{
    color:#808285;
    text-transform: uppercase;
    font-size:1.3em;
    margin-bottom:1.2em;
}

#wwsf-slider{
    margin:10px auto;
}

#wwsf-slider .solid-icon{
    float:none;
    margin:0 auto;
}

#wwsf-slider span{
    padding:15px 5px 0 5px;
    display:block;
    font-size:1.3em;
    line-height:1.2em;
}

#wwsf-slider a{
    color:#d71920;
    border-bottom:none;
}

#wwsf-slider a:hover > .solid-icon{
    background:#fff;
    color:#d71920;
}

#wwsf-slider a:hover{
    border:none;
}

#hero-cards .team{
    background-image: url(../img/team-bg.jpg);
    background-position: center center;
    background-size:cover;
}

#hero-cards .team h2{
    margin:0.75em 0;
    color:#58595b;
}

#hero-cards .wwsf h1{
    margin:0.2em 0 0.1em;
}

#hero-cards .wwsf p{
    line-height:1.5em;
}

.sep-header{
    width:100%;
    height:7px;
    background-color:rgba(209,211,212,0.3);
    overflow: visible;
    margin:60px 0 100px;
    text-align: center;
}

.sep-header > span{
    background-color:rgba(209,211,212,0.3);
    color:#58595b;
    font-family: Liberal;
    padding:8px 20px 12px;
    position:relative;
    top:16px;
    font-size:1.3em;
}

.realchange h1{
  font-family: Oswald;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  font-size: 3em;
  margin: 2rem 0;
  line-height: 1em;
  font-weight: 300;
}

.realchange .excerpt{
  font-size: 1.2em;
  font-weight: 900;
  color: #808285;
}

.realchange-sidebar{
  text-align: right;
}

.realchange-logo{
  background-color: #f1f2f2;
  padding: 2em;
  position: relative;
  right: -2em;
  margin-bottom: 2em;
}

/** Blog Cards **/

.blog-card{
    width:100%;
    height:270px;
    overflow: hidden;
    border: 1px solid #d1d3d4;
    position: relative;
    font-size:14px;
    line-height:14px;
    margin-bottom:2em;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.blog-card:hover > .drawer{
    top:30px;
}

.blog-card .thumbnail{
    height:195px;
    background-position: center;
    background-size:cover;
}

.blog-card .drawer{
    position:absolute;
    top:159px;
    z-index: 9;
    width: 100%;
}

.blog-card .headline img{
    margin-right:1em;
}

.blog-card .date{
    font-size:0.85em;
    padding:5px 10px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    display:inline-block;
    font-family:oswald;
    text-transform: uppercase;
    letter-spacing:0;
    font-weight:400;
}

.blog-card .excerpt{
    border-top:1px solid rgba(0,0,0,0.2);
    background-color: #ffffff;
    padding:0 20px;
    height: 219px;
    position:relative;

}

.blog-card .excerpt p{
    margin:0;
    font-size:0.9rem;
    color:#58595b;
    line-height:1.3rem;
}

.blog-card .headline{
    height:85px;
    display:table-cell;
    vertical-align:middle;
}

.blog-card .headline h2{
    margin:0;
    line-height:1.1em;
    font-size:1.35em;
    font-family: Lato;
    font-weight: 900!important;
    text-transform: none;
}

.blog-card .more{
    position:absolute;
    bottom:20px;
    left:50%;
    margin-left:-65px;
    width:130px;
    padding:0 0.6em;
    line-height: 30px;
    font-family: 'Lato';
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color:#d1d3d4;
    background-image:url(../img/button.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -30px 0;
    color:#fff;
    border-radius:3px;
}

.blog-card .more:hover{
    padding: 0 0.6em 0 2em;
    background-position: 0 0;
    text-decoration:none;
    background-color:#a7a9ac;
    color:#ffffff;
}

#take-action .solid-icon{
    float:none;
    margin:0 auto;
}

#take-action a{
    color:#d71920;
    border-bottom:none;
}

#take-action span{
    padding-top:7px;
    display:block;
}

#take-action ul{
    max-width:800px;
    margin:15px auto;
    font-weight:bold;
}

#take-action li{
    position:relative;
}

#take-action a:hover{
    border:none;
}

@media only screen and (max-width: 40em) {
    #take-action li{
        top:0 !important;
    }
}

#take-action a:hover > .solid-icon{
    background:#fff;
    color:#d71920;
}

/** RETURN TO TOP BUTTON FOR CANDIDATES **/

.return-top.is-visible{
	visibility:visible;
	opacity:1;
}
.return-top.fade-out{
	opacity:0.5;
}
.return-top{
	display:inline-block;
	height:40px;
	width:40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(0, 0, 0, 0.4) url(../img/top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.return-top.is-visible, .return-top.fade-out, .no-touch .return-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-touch .return-top:hover {
  background-color: rgba(0,0,0,0.4);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .return-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .return-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/** END RETURN TO TOP BUTTON **/

.report{
    width:100%;
}

.report tr > td:nth-child(2){
    text-align:right;
}

.footer-signup {
    background:rgba(209,211,212,0.3);
    padding:20px 0 0;
    line-height:2.3125rem;
    margin-top:40px;
}

.footer-signup input{
    background-color: rgba(255,255,255,0.7);
}

.footer-signup .button{
    width: 100%;
    font-size: 0.875rem;
    padding: 0.5rem;
    height: 2.3125rem;
    background-color:#d71920;
}

#footer{
    background:rgba(215,25,32,0.9);
    padding:40px 0;
    color:#fff;
}
#footer ul{
    list-style: none;
    font-size:0.9em;
    line-height:1.4em;
    margin:0;
    
    
}

#footer li{
    padding-bottom:7px;
}

#footer ul ul{
  margin-left:5px;
  font-weight:normal;
  padding-left:10px;
}

#footer ul ul a:not([class^="icon-"]):before {
    content:"\25b8\A0"
}

#footer label{
    text-transform: uppercase;
    color:#670000;
    font-weight:bold;
    margin-bottom:10px;
}

#footer li label{
    color:#8b0304 ;
    margin-bottom:0;
}

#footer a{
    color:#fff;
    border-bottom:none;
}

#footer a:hover{
    color:#670000;
}

#footer .inset{
    text-transform: uppercase;
    color:#670000;
    font-weight:bold;
    position:absolute;
    bottom:0px;
    left:0px;
    width:400px;
}

.screen-reader-text{
    display:none;
}

#footer .inset input{
    display:inline;
    border: 1px solid #670000;
    background:none;
    color:#fff;
    width:75%;
    float:left;
    font-family:Lato;
}

#footer ::-webkit-input-placeholder {color: #670000;}
#footer :-moz-placeholder {color: #670000;}
#footer ::-moz-placeholder {color: #670000;}
#footer :-ms-input-placeholder {color: #670000;}

#footer .inset input[type=submit]{
    width:23%;
    float:right;
    font-weight:normal;
    line-height:1.9rem;
    font-size:0.9rem;
    color:#fff;
    background-color:#670000;
    height:2.3rem;
}

#footer .inset input[type=submit]:hover{
    color:#d71920;
    font-weight:bold;
    cursor:pointer;
}

#copyright{
    background:#58595c;
    font-size:0.8em;
    color:#d1d3d4;
    line-height:1.3em;
    padding:20px 0;
    width:100%;
    margin-top:0.2em;
}

#copyright a{
    color:#fff;
    padding-left:0.2em;
    border-bottom:none;
}

#copyright a:hover{
    color:#a7a9ac;
}

#copyright .logo{
    width: 150px;
    margin-right:15px;
    margin-bottom:10px;
}

#sidebar ul{
    list-style: none;
    margin:0;
    padding-left: 37px;
    text-indent: -37px;
    font-size:0.9em;
    line-height:1.2em;
}

#sidebar .flashy-button{
    margin-top:1em;
}

#sidebar ul li{
    padding:0 5px 15px 0;
    cursor: pointer;
}

#sidebar ul li:hover{
    padding:0 0px 15px 5px;
}

#sidebar ul a{
    color:#d71920;
}

#sidebar date{
    font-size:0.8em;
    text-transform: uppercase;
    color:#a7a9ab;
    white-space: pre;
    font-weight:bold;
}

#sidebar date:after{
    content: '\A';
}

#sidebar ul li:before{
    content: url(../img/bullet.png);
    position:relative;
    top:12px;
    padding-right:10px;
}

#sidebar p{
    line-height:1.4em;
}

.hero-statement{
    color:#fff;
    background-color: #58595c;
    padding:60px 0;
    text-align: center;
}

#header + .hero-statement{
    background-color:#d71920;
    margin-top:0.2em;
}

.hero-statement h1 {
    padding-bottom: 0.3em;
    border-bottom:2px solid rgba(255,255,255,0.5) !important;
}

.hero-statement a{
    color:#fff;
}

.hero-statement a:hover{
    color:#d1d3d4;
}

.grey-bar{
    background: rgba(255,255,255,0.5);
    padding: 20px;
    -webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 0 50px 0 rgba(0,0,0,0.1);
}

#mobile-footer{
    background-color:#b11116;
    border:1px solid #8b0304;
    color:#fff;
    background-image: url(../img/dropdown.png);
    cursor:pointer;
}

.full-page-hero{
    width:100%;
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    min-height:100vh;
}

.petition-hero{
  width:100%;
  height:300px;
  background-size:cover;
  background-position:left center;
  position:relative;
}

#acquisition {
    color: #58595c;
    background-color: rgba(255,255,255,0.85);
    padding: 1.2em;
    border: 1px #d1d3d4 solid;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

#acquisition.short{
  margin:4em 0 ;
}

#acquisition.long{
    position:fixed;
    top:100px;
    right:10%;
    z-index:999;
}

#acquisition h1{
    font-size:1.5em;
    font-family:Lato;
    font-weight:bold;
    margin:-0.7em -0.7em 0.7em -0.7em;
    padding:0.7em;
    background: #58595c;
    color:#fff;
}

#hero.long-petition{
    background-position:left;
}

#acquisition input {
    font-size: 1rem;
    border-radius:3px;
    border:1px solid #a7a9ac;
    background: rgba(255,255,255,0.8);
}

#acquisition.short input[name="first_name"], #acquisition.short input[name="email"]{
    width:49%;
    float:left;
}

#acquisition.short input[name="last_name"], #acquisition.short input[name="postal_code"]{
    width:49%;
    float:right;
}

#acquisition .gform_body{
    border-top:1px dotted #58595c;
    padding-top:1em;
    width:100%;
}

#acquisition .gform_footer{
    text-align:center;
    display:block;
}

#acquisition .gform_button{
    margin:0;
    border:none;
    background-color:#d71920;
    color:#ffffff;
    font-weight: bold;
    white-space: normal;
}

#acquisition .gform_button:hover{
    background-color:#b11116;
}

#acquisition .goal{
    color:#58595b;
    text-align:right;
    font-size:0.8em;
    padding-top: 3.2em;
}

#acquisition .gform_confirmation_wrapper>div {
    border-top: 1px dotted #58595c;
    padding-top: 1em;
    width: 100%
}

#social-shares .social-share{
    display:block;
    padding:0.3em 0.6em;
    border:2px solid;
    margin-top:0.5em;
    text-align:center;
    font-size:1.2em;
}

#social-shares a{
    color:#fff;
    border-bottom:none;
}

#social-shares .facebook{
    background-color:#3b5998;
    border-color:#3b5998;
}

#social-shares .twitter{
    background-color:#55acee;
    border-color:#55acee;
}

#social-shares .twitter:hover{
    background-color:#fff;
}

#social-shares .twitter:hover a{
    color:#55acee;
}

#social-shares .facebook:hover{
    background-color:#fff;
}

#social-shares .facebook:hover a{
    color:#3b5998;
}

#supporters {
    position: relative;
    background-color: rgba(0,0,0,0.25);
    height: 2.5em;
    margin-bottom: 2.5em !important;
}

.supporters{
	width: 100%;
	padding: 0.5em;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 1em !important;
	z-index: 99;
	position: absolute;
	top: -0.15em;
	left: 0;
}

.supporters span{
    font-weight:bold;
    padding-right:0.3em;
    font-size:1.5em;
    position:relative;
    top:0.1em;
}

#progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5em;
    background-color: #d71920;
    z-index: 9;
    opacity:0.9;
    transition: width 4s ease-out;
    -webkit-transition: width 4s ease-out;
}

@media only screen and (max-width: 1300px) {
    .full-page-hero {
        background-position:top;
    }

    #acquisition.long {
        right: 5%
    }
}

@media only screen and (max-width: 64.063em) {
    .full-page-hero {
        min-height:300px;
        background-position: left center;
    }

    #acquisition{
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #acquisition.short {
        position: static;
        width:100%;
        margin:0;
        background:#ffffff;
    }

    #acquisition.long{
        position: static;
        width:100%;
        background:rgba(0,0,0,0.05);
        margin-bottom:2em;
    }

    #acquisition.short h1{
        color:#d71920;
        background:none;
        margin-bottom:0;
    }

    #acquisition.long h1{
        color:#d71920;
        background:none;
        margin-bottom:0;
    }

    #hero.long-petition{
        height:400px;    
    }

    .full-page-hero{
      background:none!important;
    }
}

@media only screen and (max-width: 50.063em) {

    .hide-on-smaller {
        display: none
    }

    #hero.long-petition{
        height:300px;
        background-position:20% 50%;
    }

    #acquisition{
        font-size:90%;
    }
}

.signature{
    font-weight:bold;
    text-transform:uppercase;
    color:#d71920;
    font-size:1.1em;
}

.signature span{
    font-size:0.8em;
    color:#9e9f9e;
    font-weight:normal;
    display:block;
}

.person{
    display:block;
}

.person .photo{
    width:100%;
    height:250px;
    background-size:cover;
    background-position:center 25%;
    margin-bottom:0.5em;
}

.person .name{
    font-family:'Liberal', sans-seif;
    color:#333;
    margin:0;
}

.person .title{
    font-size:0.8em;
    background-color:#d71920;
    color:#fff;
    padding:2px 5px;
    text-transform:uppercase;
}

/*.liberal-font{
    font-family:'Liberal' !important;
}*/

.sidebar-title{
    background:#58595c;
    color:#fff;
    padding:0.5em 0.7em 0.8em;
    margin:-1em -1em 1em -1em;
}

.sidebar-title a{
    color:#fff;
}

.sidebar-title a:hover{
    color:#f1f2f2;
    border-bottom-color:#f1f2f2;
    margin-left:0.2em;
}

.sidebar-icon{
    /*font-size:2em;
    position:relative;
    top:-1px;
    display:inline;
    float:left;
    padding-right:0.3em;*/
    display:none;
}

.sidebar-title .icon-title{
    margin-top: 0.4em;
    line-height: 1em;
    text-transform: uppercase;
    font-family: oswald;
    font-size: 1.3em;
    font-weight: 300;
}

/*.icon-font{
  font-family: "Icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  position:relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
  top:4px;
  font-size:1.2em;
}

/** Icons **/

/*[data-icon]:before {
  font-family: "Icon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "Icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  position:relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.solid-icon{
  background: #d71920;
  font-size:2.9em;
  line-height:70px;
  width:76px;
  display:inline-block;
  border-radius: 40px;
  color:#fff;
  border: 3px solid #d71920;
  margin:0 10px 0 0;
  float:left;
  text-align: center;
}

.solid-icon.centered{
    float:none;
    margin:0.3em auto 0.4em;
}

.circle-icon{
  font-size:3em;
  line-height:70px;
  width:70px;
  display:inline-block;
  border-radius: 40px;
  color:#d71920;
  border: 3px solid #d71920;
  margin:10px;
}

/*.icon-facebook:before {
  content: "F";
}
.icon-flickr:before {
  content: "f";
}
.icon-instagram:before {
  content: "I";
}
.icon-pages:before {
  content: "d";
}
.icon-donate:before {
  content: "g";
}
.icon-events:before {
  content: "e";
}
.icon-new:before {
  content: "n";
}
.icon-justice:before {
  content: "j";
}
.icon-environment:before {
  content: "E";
}
.icon-social:before {
  content: "S";
}
.icon-people:before {
  content: "C";
}
.icon-petition:before {
  content: "G";
}
.icon-related:before {
  content: "H";
}
.icon-say:before {
  content: "s";
}
.icon-search:before {
  content: "h";
}
.icon-world:before {
  content: "M";
}
.icon-twitter:before {
  content: "T";
}
.icon-youtube:before {
  content: "Y";
}
.icon-reform:before {
  content: "p";
}
.icon-media:before {
  content: "m";
}
.icon-economy:before {
  content: "i";
}
.icon-volunteer:before {
  content: "v";
}
.icon-mail:before {
  content: "l";
}
.icon-contents:before {
  content: "c";
}
.icon-arrow-next:before {
  content: "w";
}
.icon-target:before {
  content: "o";
}
.icon-arrow-prev:before {
  content: "x";
}
.icon-conversation:before {
  content: "a";
}
.icon-files:before {
  content: "b";
}
.icon-link:before {
  content: "k";
}
.icon-newspaper:before {
  content: "q";
}
.icon-phone:before {
  content: "r";
}*/

.social a{
    border-bottom:none;
}

ul.social{
    margin-left:0 !important;
    padding-left:0 !important;
}

ul.social li{
    list-style: none;
    font-size:2em;
    line-height:1em;
    display:inline-block;
    padding:0 5px 0 0;
    float:left;
}

ul.social.large li{
    font-size:3em;
    padding:0 0.1em;
}

ul.social li.font-awesome-icon a {
  display:block;
  text-indent: 0;
  font-size:108%;
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
}

ul.social li.font-awesome-icon a:before {
  display:none;
}

#hero ul.social{
    margin-top:0.5em;
}

.centered-magellan {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.wp-caption-text {
    background-color: rgba(0,0,0,0.1);
    line-height:1.1em;
    font-size:0.9em;
    padding: 10px;
    margin-bottom:10px;
    margin-right: 10px;
}

#take-action li:nth-child(1){
  top: -30px;
}

#take-action li:nth-child(2n){
  top: -10px;
}

#take-action li:nth-child(5){
  top: -30px;
}

.slideout .top-bar-section>ul {
    margin-top: -12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*this section for chrome/safari only*/
    .slideout .top-bar-section>ul {
        margin-top: -11px;
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    /*this section for safari only*/
    .slideout .top-bar-section>ul {
        margin-top: -5px;
    }
}}

html.isIE .slideout .top-bar-section>ul {
    /*adjust for Internet Explorer*/
    /* margin-top: -11px; */
}

p.bio>img.thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 4px;
    height: 300px;
}

.hidden {
    display: none !important;
}

.candidate-poster {
    height: 100px;
    box-shadow: 2px 2px 4px rgb(88, 89, 91);
    margin: 0 15px 25px;
}

#hero-share>* {
    color: white;
}

#hero-share>a {
    margin: 0 10px;
}

.gform_confirmation_wrapper>div {
    margin-bottom: 6px;
}

#herocard{
    background-position:top left;
    background-size: cover;
    margin-bottom:1.5em;
    height:300px;
    position:relative;
}

#herocard .content{
    float:right;
    height:100%;
    width:40%;
    padding:1em;
    background:rgba(0,0,0,0.7);
    display:table-cell;
    vertical-align: middle;
}

#herocard .content p{
    color:#fff;
    font-size:0.9em;
    line-height:1.4em;
}

#herocard .content p.nomargin{
    margin-bottom:0;
}

#herocard h3{
    color:#fff;
    line-height:1.3em;
    font-family: Liberal;
}

@media only screen and (max-width: 40em) {
    #herocard .content{
        position:absolute;
        float:none;
        bottom:0;
        width:100%;
        height:auto;
    }

    #herocard .description{
        display:none;
    }
}

#transparency-act img{
    margin:0 1em 0.5em 0;
}

#transparency-act p{
    margin-bottom:0px;
}

#hero-cards .card.leader {
    height: 100%;
}

.documents a{
    color:#58595b;
    border-bottom:1px dotted #58595b;
}

.documents a:hover{
    color:#d71920;
    border-color:#d71920;
}

.documents li span{
    font-size:0.9em;
    color:#a7a9ac;
}

.documents li{
    margin-bottom:0.5em;
}

.gform_title{
    display:none;
}

.gform_button{
    margin: 7px;
}

/* MOVED TO LIBERAL MASTER
    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        margin-bottom:2em;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
*/

.contact{
    margin-top:2em;
}

.contact-block{
    display:inline-block;
    width:45%;
}

.contact-block li:first-child{
    font-weight:bold;
    font-size:1.1em;
}

#senate-slider{
    margin-left:1em;
    margin-right:1em;
}

#senate-slider img{
    margin:0 auto;
}

#volunteer-signup{
    background-image:url(/wp-content/themes/liberal-2015/img/volunteer-2.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:left;
}

@media only screen and (max-width: 64.063em) {
    #volunteer-signup{
    background:none;
    }
}

.marijuana{
    background-color:#67bd45;
    color:#203e24;
    width:90%;
    -webkit-box-shadow:inset 0 0 100px 0 #437841;
    box-shadow:inset 0 0 100px 0 #437841;
}

.marijuana h1 {font-size:10em; color:#203e24; margin:0;}
.marijuana h2 {color:#203e24;}
.marijuana table {background:none; border:none;}
.marijuana table td {padding:0;}



.th.left{
    margin:0 1.5em 0.5em 0;
}

.th.right{
    margin:0 0 0.5em 1.5em;
}

@media only screen and (max-width: 50.063em) {
  .th.left, .th.right {margin:0 auto; float:none!important;}
}

#express_checkout_after_success_payment {
        display: none;
}

iframe[name=google_conversion_frame] {
    display: none;
}

#express_checkout_after_click_message {
    display: none;
}

.riding-section {
    border-top:1px solid #aaa;
    padding-top:1.25rem;
}

.riding-section:first-child {
    border-top:none;
    padding-top:0;
}

a.multiple-riding-section-header {
    border:none !important;
    color:#58595b;
}

#TeamTrudeauSlider {
   
}

/* ABORIGINAL BANNER */

#aboriginal-banner {
    background-image: url(../img/aboriginal-banner.jpg);
    background-position: center center;
    background-size:cover;
    border-bottom: 7px solid transparent;
    padding:20px 0  25px;
    border-top:0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    -moz-border-image:url("../img/color-bar.png") 30 30 repeat; /* Old Firefox */
    -webkit-border-image:url("../img/color-bar.png") 30 30 repeat; /* Safari */
    -o-border-image:url("../img/color-bar.png") 30 30 repeat; /* Opera */
    border-image:url("../img/color-bar.png") 30 30 repeat;
}

#aboriginal-banner h2 {
    color:#624520;
}

#aboriginal-banner a.flashy-button {
    background-color:#624520;
}

#aboriginal-banner a.flashy-button:hover,
#aboriginal-banner a.flashy-button:focus {
    background-color:#4c341a; 
}


/* VETERAN BANNER */

#veteran-banner {
    background-image: url(../img/vets-bg.jpg);
    background-position: center center;
    background-size:cover;
    border-bottom: 7px solid transparent;
    padding:20px 0  25px;
    border-top:0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    -moz-border-image:url("../img/camouflage.jpg") 30 30 repeat; /* Old Firefox */
    -webkit-border-image:url("../img/camouflage.jpg") 30 30 repeat; /* Safari */
    -o-border-image:url("../img/camouflage.jpg") 30 30 repeat; /* Opera */
    border-image:url("../img/camouflage.jpg") 30 30 repeat;
}

#veteran-banner h2 {
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

#veteran-banner a.flashy-button {
    background-color:#624520;
}

#veteran-banner a.flashy-button:hover,
#veteran-banner a.flashy-button:focus {
    background-color:#4c341a; 
}





p.proactive-notice {
  font-style: italic;
  font-size: 95%;
}




/* PAINTING IT GREEN */
/*
#header{
    background: url(../img/header-bg-green.png) no-repeat top center;
}

#header .button{
	color:#167F39;
}

#header .button:hover{
	background-color:#45BF55;
}

@media only screen and (min-width: 50.063em){
	.top-bar-section li:not(.has-form) a:not(.button):hover {
		background: #167F39;
	}
	.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
		background:#167F39;
	}
	.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button){
		background:#044C29;
	}
}

h1,h2,h3,h4,h5,h6{
	color:#167F39;
}

.solid-icon{
	background:#167F39;
	border-color:#167F39;
}

.solid-icon:hover{
	color:#167F39;
}

#wwsf-slider a {
	color:#167F39;
}

#wwsf-slider a:hover > .solid-icon{
    background:#fff;
    color:#167F39;
}

#take-action a:hover > .solid-icon{
    background:#fff;
    color:#167F39;
}

.flashy-button, button{
	background-color:#45BF55;
}

.flashy-button:hover, button:hover{
	background-color:#167F39;
}

.sidebar-title{
	background-color: #167F39;
}

.slick-prev:before, .slick-next:before{
	color:#167F39!important;
}

#take-action a{
	color:#167F39;
}

#footer{
	background-color:#45BF55;
}

#footer label{
	color:#044C29;
}

#footer li label{
	color:#167F39;
}

#footer .inset input{
	border:1px solid #044C29;
}

#footer .inset input[type=submit]{
	background-color:#044C29;
	color:#fff;
	border:none;
}

#footer ::-webkit-input-placeholder {
   color: #044C29;
}

#footer :-moz-placeholder { 
   color: #044C29;  
}

#footer ::-moz-placeholder { 
   color: #044C29;  
}

#footer :-ms-input-placeholder {  
   color: #044C29;  
}

#footer .inset input[type=submit]:hover{
	background-color:#167F39;
	color:#fff;
}

.liberal-alert{
	background: rgb(22,127,57);
	background: -moz-linear-gradient(top,  rgba(22,127,57,1) 0%, rgba(69,191,85,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,127,57,1)), color-stop(100%,rgba(69,191,85,1)));
	background: -webkit-linear-gradient(top,  rgba(22,127,57,1) 0%,rgba(69,191,85,1) 100%);
	background: -o-linear-gradient(top,  rgba(22,127,57,1) 0%,rgba(69,191,85,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(22,127,57,1) 0%,rgba(69,191,85,1) 100%);
	background: linear-gradient(to bottom,  rgba(22,127,57,1) 0%,rgba(69,191,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167f39', endColorstr='#45bf55',GradientType=0 );
;
}
.liberal-alert a{
	color:#044C29;
	border-color:#044C29;
}
.liberal-alert a:hover{
	color:#167F39;
}
*/

/*
REALCHANGE SINGLE PAGE STYLING
 */



.single-commitment .link-to-commitment-archive-container {
  background-image: url(http://liberal.ca/files/2015/05/bar-back-4.jpg);
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
  padding: 20px 0; }

.link-to-commitment-archive-container h1 {
  padding: 20px 0 10px; }



.single-commitment h1 {
  font-family: Dense;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-size: 3.5em;
  margin: 2rem 0;
  line-height: 0.9em; }

.single-commitment  h2 {
  font-family: Dense;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-size: 3em;
  line-height: 0.9em; }

.single-commitment h3 {
  font-family: Dense;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-size: 2.4em;
  color: #58595c;
  margin: 2rem 0 1em;
  background-color: #f1f2f2;
  padding: 0.2rem 0.7rem;
  line-height: 0.9em; }

.single-commitment .videoWrapper {
  margin-top: 2em; }

.single-commitment .slider-background div {
  height: 500px;
  width: 100%;
  background-position: center;
  background-size: cover; }
  @media only screen and (max-width: 60.063em) {
  .slider-background div {
    background-image: url(https://www.liberal.ca/files/2015/06/sliderback-generic.jpg) !important; } }

.single-commitment .slider-foreground-wrap {
  height: 500px;
  margin-top: -500px; }

.single-commitment .slide-wrap {
  display: table;
  width: 90%;
  margin: 0 auto; }

.single-commitment .slide {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 435px; }
  .single-commitment .slide h1 {
    font-family: Dense;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-size: 4em;
    color: #fff;
    text-shadow: 0 0 20px #414042;
    line-height: 0.9em; }

.single-commitment .slick-track {
  transition: none;
  -wekbit-transition: none; }

.single-commitment .slider-foreground .slick-next {
  right: 15px; }
  .single-commitment .slider-foreground .slick-prev {
    left: 15px; }
  .single-commitment .slider-foreground h1 {
    margin: 0.2rem auto 1rem; }



.single-commitment .gform_wrapper > form > .gform_footer {
  display: block;
  margin-bottom: 3em; }

.single-commitment .commitment-footer-container {
  margin-bottom: 30px; }

a.header-donate, a.header-volunteer {
  display: none; }


.slick-prev {
  left: -37px; }

.slick-prev, .slick-next {
  height: 51px;
  width: 45px;
  margin-top: -50px; }
  .slick-prev:before, .slick-next:before {
    font-size: 60px; }

.single-commitment .reveal-modal .close-reveal-modal {
  border: none; }

.single-commitment .slick-track {
  -webkit-transition: none;
  transition: none; }

.single-commitment .blog-card {
  border: 1px solid #f1f2f2;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px; }

.single-commitment .blog-card:hover {
  transition: 500ms; }
  .single-commitment .blog-card:hover .excerpt {
    background-color: #fff; }

.single-commitment .blog-card .more {
  background-color: #d71920; }
  .single-commitment .blog-card .more:hover {
    background-color: #b11116; }

.single-commitment .blog-card .headline h2 {
  font-family: Lato !important;
  text-transform: none; }

.single-commitment .blog-card .headline {
  height: 75px; }

.single-commitment .gfield_required {
  display: none; }

.single-commitment textarea {
  margin-bottom: none; }

.single-commitment .charleft {
  font-size: 0.8em;
  color: #a7a9ac;
  margin-bottom: 0.5em; }

.backgrounder-image-link-container,
.backgrounder-link,
a.backgrounder-text-link {
  position:relative;
  right: -2em;
  text-align: center;
}

.post-type-archive-backgrounder .backgrounder-link {
  right:0;
}

.backgrounder-image-link {
  display:block;
  margin-bottom: 10px;
}


/* DONATE PAGE */

.donate-page-content {
  padding:20px 0 0;
}

/* IMAGE HOTSPOT */

.candidates-content {
  padding-top: 0 !important;
}

#TeamTrudeauSlider {
  display: none !important;
}

.home-hero-slider .hero-image {
  background-size:cover;
  background-position: center center;
}

.hero-image .hero-content.infrastructure-slider {
  padding-left: 75px;
  /*
  background: -webkit-linear-gradient(left, rgba(215, 25, 32, 0.8), rgba(215,25,32,0));
  background: -o-linear-gradient(left, rgba(215, 25, 32, 0.8), rgba(215,25,32,0));
  background: linear-gradient(to right, rgba(215, 25, 32, 0.8), rgba(215,25,32,0));
  */
 background:none;
}

.hero-image .hero-content.infrastructure-slider h2 { 
  text-align: left;
  font-size: 34px;
  color: white;
  text-transform: none;
  margin-bottom: 15px;
}

.hero-image .hero-content.infrastructure-slider .button { 
  display: block;
  width: 150px;
  text-align: center;
  background: white;
  color:#624520;
  opacity: 0.9;
  font-weight: 900;
}


.infrastructure-slider a.button:hover,
.infrastructure-slider a.button:focus {
    opacity: 1; 
}

.hero-image .hero-content.economic-team-slider {
  background: -webkit-linear-gradient(right, rgba(215, 25, 32, 0.4), rgba(215,25,32,0));
  background: -o-linear-gradient(right, rgba(215, 25, 32, 0.4), rgba(215,25,32,0));
  background: linear-gradient(to left, rgba(215, 25, 32, 0.4), rgba(215,25,32,0));
}

.hero-image .economic-team-slider h2 {
  text-align: left;
  font-size: 34px;
  color: white;
  text-transform: none;
  margin-bottom: 15px;
}

.econ-team .instructions {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 25px;
}

.economic-team-slider .button {
  display: block;
  width: 150px;
  text-align: center;
  background: white;
  color:#624520;
  opacity: 0.9;
  font-weight: 900;
}

.economic-team-slider a.button:hover,
.economic-team-slider a.button:focus {
    opacity: 1; 
}

.econ-team-caption {
  padding: 15px;
  font-size: 12px;
  background: rgba(209,211,212,0.3);
  margin-bottom: 20px;
}

.econ-team-caption p {
  font-size: 13px;
  line-height: 1.2;
  margin-bottom: 0;
}

.econ-team {
  padding-top: 50px;
}

.econ-team h2 {
  text-align: center;
  font-weight: 900;
  font-size: 32px;
  margin-bottom: 5px;
}

.econ-team h4 {
  text-align: center;
  font-size: 22px;
  color: #58595b;
  line-height: 1;
}

.econ-team-image {
  margin-top: 10px;
}

.imagehotspot-container {
  padding-bottom: 35%;
}
.hotspot {
  background: white;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.hotspot i {
  font-size: 10px;
  margin: 2px auto;
  display: block;
  text-align: center;
  color: #d71920;
}

.hotspot:hover {
  background: #d71920;
}

.hotspot i:hover {
  color: white;
}
.tooltip {
  background-color: white;
  border: solid 2px #d71920;
  color: black;
  font-size: 13px;
  padding: 10px 15px;
}
.tooltip h3 {
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 10px;
  color: #d71920;
}
.tooltip h3 span {
  color: #808286;
  font-size: 14px;
  display: block;
}
.tooltip h3 span.titles {
  color: #d71920;
  margin-top: 10px;
}
.tooltip p {
  font-size: 14px;
  color: #58595b;
  margin-bottom: 0;
  line-height: 1.2;
}

@media only screen and (max-width:960px){
  .econ-tooltips {
    display: none;
  }
}

@media only screen and (max-width: 50.063em) {
 .hero-image .hero-content.infrastructureslider h2 {
    font-size:19px;
  }
  .hero-image{
    background-position: 26% 0; 
  }
  .hero-image .hero-content .button{
    font-weight:normal;
    font-size:1em;
  }
  .hero-image .hero-content.infrastructure-slider {
    padding-left: 0px;
  }    

  .hero-image .hero-content{
    vertical-align: bottom;
    background: linear-gradient(to left, rgba(255,255,255,0.8), rgba(255,255,255,0));
    height: auto;
    width: 100%;
    position: static;
    background: #d71920;
    padding: 30px 20px;
  }
  .main-content-wrapper{
    padding:0 20px 2em;
      } 
    }

.home-convention-box-container {
  background-image: url(/wp-content/themes/liberal-convention-2016/img/wpg-footer-back.jpg);
  background-size: cover;
  background-position: left top;
  padding: 20px;
  border: 2px solid #f1f2f2;
}

h2.home-convention-text {
  font-family: oswald;
  text-transform: uppercase;
  /* color: #d71920; */
  color:#fff;
  display: inline-block;
  margin-bottom: 0;
}

h2.home-convention-text  span {
    font-size: 0.7em;
    /* color: #3d4f5d; */
    color:#fff;
    display: block;
    padding-top: 0.8em;
}

.blog-content + .signup-bar span.flep_first_name,
.blog-content + .signup-bar span.flep_last_name {
  display:none;
}

.no-line-break {
  white-space: nowrap;
}


/*
  CONVENTION 2016
 */

#convention-ayn-modal iframe {
  width:100%;
  height:600px;
  border:none;
}

p#close-convention-ayn {
  text-align:center;  
}

.convention-session-feed-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-align-content: flex-start;
}

.convention-session-feed-header a {
  max-width: 80px;
  display: block;
  margin-right: 6px;
}

#home_winnipeg_local_time {
  margin-left: auto;
  font-size: 1.4rem;
  font-family: Oswald;
}

@media only screen and (max-width:40em){
  .convention-session-feed-header h2 {
    display:none;
  }
}

/**
 *
 * LRB Forms
 *
 */
.lrb-form-wrapper input[type=text].small {
  width:100%;
  max-width: 200px;
}

.lrb-form-wrapper input[type=text].medium,
.lrb-form-wrapper input[type=email].medium {
  width:100%;
  max-width: 500px;
}


/**
 *
 * Donation Slider
 *
 */
.donation-slider-container .slick-slider {
  margin-bottom: 0;
}

.donation-slider-container .why-donate-container {
 
}

.donation-slider-container .why-donate-container a.why-donate {
  display:block;
  color:#fff;
  padding:10px;
  background-color: hsl(0, 30%, 30%);
}

.donation-slider-container .why-donate-container a.why-donate:hover,
.donation-slider-container .why-donate-container a.why-donate:focus {
  background-color: #A03338;
}

/*

Print 

*/
@media print {
  #header,
  .crumbs,
  #footer,
  #copyright {
    display:none;

  }

}