/* Section ID
------------------------------------ */

#id { height: 60px; background: #1d2939; }

body.simple.page-simple #id { display: none; }
   
#id a { 
   width: auto;
   display: block;
   text-align: left;
   padding:0; }

#id h1 {
   margin-top: 15px;
   line-height: 1;
   font-family: 'Raleway', Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   font-weight: 500;
   text-transform: capitalize;
   color: #fff;
   font-size: 30px;
   text-align: left; }

#id a h1 { 
   color: #fff; }

#id .wrap:after { width: 240px; height: 6px; background: #e15604; display: block; position: absolute; margin-top: 2px; }
   

/* Content Area Alignment
------------------------------------ */

#body {
   width: 100%;
   background: #fff;
   padding: 0px;
   color: #1d2939;
   text-align: left;
   position: relative; } 

#content, #options { float: left; } 

#content {
   width: 830px;
   margin: 2em 0;
   padding: 0;
   background: #fff;
   text-align: left; } 
   
body.simple #content { width: 100%; }

#content img {
   max-width: 100%; 
   height: auto !important; }

#options {
   display: block;
   width: 280px;
   margin: 2em 0 2em 30px;
   background: none;
   text-align: left;
   position: relative; } 
 
a.large-button {
   clear: both;
   display: table;
   padding: .75em 2em;
   background: #fa6004;
   font: 18px/18px "Arvo", Georgia, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #fff;
   letter-spacing: 1px;
   text-transform: uppercase;
   -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }

a.large-button:hover {
   background: #2f71cd; }
   
.more { text-transform: uppercase; font-size: .8em; }

.highlight {
   padding: 3%;
   width: 94%;
   background: #eee;
   margin: 1em 0; }


/* Interior Layout 
------------------------------------ */
body#interior #social, body#interior #options .module {
   width: 240px;
   padding: 20px;
   clear: both;
   -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
body#interior #options .module:hover {
   background: #eee; }
body#interior #social .promo .icons.circle {
   margin: 1% !important; }
   
body#interior #options .module.primary.signup {
   text-align: center;
   -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);
   box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);
   margin-bottom: 1em; }
   
body#interior #options .module.primary.vote, body#interior #options .module.primary.volunteer {
   display: block;
   margin-bottom: 1em;
   padding: 0;
   width: 280px;}

body#interior #options .module.primary.vote img, body#interior #options .module.primary.volunteer img {
   width: 100%; height: auto; }

/* Section Intro
------------------------------------ */
#section-intro {
   width: 100%;
   height: 400px;
   background-color: #1d2939;
   background-position: center center;
   background-size: initial;
   background-repeat: no-repeat; }
   
.intro-text {
   width: 1360px;
   margin: 0 auto;
   color: #fff;
   font-size: 18px;
   line-height: 25px;
   font-family: "Hind", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   font-weight: 400;
   text-shadow: 1px 1px 0 #000000;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWQyOTM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMxZDI5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMxZDI5MzkiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWQyOTM5IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
   background: -moz-linear-gradient(45deg,  rgba(29,41,57,1) 0%, rgba(29,41,57,1) 9%, rgba(29,41,57,0) 65%, rgba(29,41,57,0) 100%);
   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(29,41,57,1)), color-stop(9%,rgba(29,41,57,1)), color-stop(65%,rgba(29,41,57,0)), color-stop(100%,rgba(29,41,57,0)));
   background: -webkit-linear-gradient(45deg,  rgba(29,41,57,1) 0%,rgba(29,41,57,1) 9%,rgba(29,41,57,0) 65%,rgba(29,41,57,0) 100%);
   background: -o-linear-gradient(45deg,  rgba(29,41,57,1) 0%,rgba(29,41,57,1) 9%,rgba(29,41,57,0) 65%,rgba(29,41,57,0) 100%);
   background: -ms-linear-gradient(45deg,  rgba(29,41,57,1) 0%,rgba(29,41,57,1) 9%,rgba(29,41,57,0) 65%,rgba(29,41,57,0) 100%);
   background: linear-gradient(45deg,  rgba(29,41,57,1) 0%,rgba(29,41,57,1) 9%,rgba(29,41,57,0) 65%,rgba(29,41,57,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2939', endColorstr='#001d2939',GradientType=1 ); }

.intro-text .wrap {
   position: relative;
   bottom: 0;
   height: 400px;
   width: 1250px;
   padding-left: 110px;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDI5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(left,  rgba(29,41,57,0) 0%, rgba(29,41,57,0) 65%, rgba(29,41,57,1) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(29,41,57,0)), color-stop(65%,rgba(29,41,57,0)), color-stop(100%,rgba(29,41,57,1)));
   background: -webkit-linear-gradient(left,  rgba(29,41,57,0) 0%,rgba(29,41,57,0) 65%,rgba(29,41,57,1) 100%);
   background: -o-linear-gradient(left,  rgba(29,41,57,0) 0%,rgba(29,41,57,0) 65%,rgba(29,41,57,1) 100%);
   background: -ms-linear-gradient(left,  rgba(29,41,57,0) 0%,rgba(29,41,57,0) 65%,rgba(29,41,57,1) 100%);
   background: linear-gradient(to right,  rgba(29,41,57,0) 0%,rgba(29,41,57,0) 65%,rgba(29,41,57,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d2939', endColorstr='#1d2939',GradientType=1 ); }
   
.intro-text.our-party span, 
.intro-text.vote span, 
.intro-text.our-california span, 
.intro-text.take-action span, 
.intro-text.chinese span, 
.intro-text.espanol span {
   position: absolute;
   bottom: 0px;
   width: 1140px;
   text-align: center; }
   
.intro-text.our-party span {bottom: 25px; }  
.intro-text.vote span { bottom: 50px; }
.intro-text.our-california span { bottom: 60px; }
.intro-text.take-action span { bottom: 42px; }
   
.intro-text.sub span {
   position: absolute;
   bottom: 25px;
   width: auto; }   
   
.intro-text.sub span h1 {
   font-size: 44px;
   color: #fff; }
   
   
/* Our Party 
------------------------------------ */
#leaders {
   border-bottom: 1px #e5e5e5 solid;
   padding: 0 0 2em 0;
   margin: 0 0 2em 0;
   text-align: center; }
   
#leaders:last-child { 
   border-bottom: none; }
   
#leaders h1 {
   font: 26px/30px "Arvo", Georgia, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #1d2939; }

#leaders div { padding: 1%; float: none; display: inline-block; }
#leaders div.half { width: 46%; }

#leaders img {
   display: block;
   margin: 1em auto;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
 
#leaders a:hover img {
   -webkit-box-shadow: 0 0 0 5px #e15604;
   box-shadow: 0 0 0 5px #e15604; }
   
#leaders h3 {
   font: 24px/26px "Arvo", Georgia, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #2f71cd;
   -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }

#leaders a:hover h3 {
   color: #e15604; }
   
#leaders p.quote:before {
   width: 240px; 
   height: 2px; 
   background: #e15604; 
   display: block; 
   position: absolute; }

#leaders p.quote {
   color: #1d2939;
   padding: 0;
    font-size: 17px;
    line-height: 1.2; }
   
   
/* Our California 
------------------------------------ */
#extra {
   padding: 40px;
   background: rgba(255,255,255,.80); 
   margin: -40px;
   top: -60px;
   position: relative; }
   
.spotlight {
   background: #1d2939;
   width: 100%;
   height: 200px; 
   color: #fff;
   margin: 0 0 15px 0; }
   
.spotlight #banner { 
   position: absolute;
   z-index: 100;
   width: 0;
   height: 0;
	border-top: 100px solid #e15604;
	border-right: 100px solid transparent;}
   
.spotlight #banner div {
   font-size: 16px;
   font-weight: 600; 
   color: #fff;
   top: -40px;
   position: relative;
   left: 12px;
   text-transform: uppercase;
   -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.spotlight img {
   float: left;
   width: 370px; }
   
.spotlight .text {
   float: left;
   width: auto;
   padding: 2%;
   color: #fff; }
   
.spotlight .more { color: #e15604; }
.spotlight a h2 { 
   color: #e15604;
   font-size: 26px;
   margin: 0 0 10px 0;
   -webkit-transition: color .35s ease-in-out;
      -moz-transition: color .35s ease-in-out;
      -o-transition:   color .35s ease-in-out;
   	-ms-transition:  color .35s ease-in-out;
		transition:      color .35s ease-in-out; } 
.spotlight a h2:after { 
   display: inline-block; 
   font-family: 'trilogyicons'; 
   content: ">"; 
   font-size: 14px; 
   color: #e15604; 
   position: relative; 
   padding: 0 0 0 .5em;
   -webkit-transition: color .35s ease-in-out;
      -moz-transition: color .35s ease-in-out;
      -o-transition:   color .35s ease-in-out;
      -ms-transition:  color .35s ease-in-out;
		transition:      color .35s ease-in-out; }
.spotlight a:hover h2, .spotlight a:hover h2:after { color: #fff; }

.hide {
   display:none; }
   
.issue a {
   background-color: #1d2939; 
   width: 370px;
   height: 200px;
   overflow: hidden;
   margin: 0 15px 15px 0;
   float: left;
   position: relative;
   display: block;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
   	-o-transition:   all .35s ease-in-out;
		-ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
.issue:nth-child(3n) a { margin-right: 0; }   

.issue a:hover { }
.issue a:active { }

.issue figure {
   width: 370px;
   height: 200px;
   position: absolute;
   opacity: 1;
   z-index: 1;
   background-repeat: no-repeat;
   background-position: center center;
   background-size:            cover !important;
      -webkit-background-size: cover !important;
      -moz-background-size:    cover !important;
      -o-background-size:      cover !important;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
		-ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out;}
      
.issue a:hover figure { opacity: 0.5; }

.issue .text { 
   background: rgba(225,86,4,.60);
   width: 94%;
   padding: 3%;
   display: block;
   position : absolute;
   z-index: 10;
      left: 0;
      bottom: 0; 
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
		-ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
.issue a:hover .text { 
   background: rgba(225,86,4,.90); }

.issue a h2 { 
   color: #fff;
   font-size: 26px;
   margin: 0;
   -webkit-transition: color .35s ease-in-out;
      -moz-transition: color .35s ease-in-out;
      -o-transition:   color .35s ease-in-out;
		-ms-transition:  color .35s ease-in-out;
		transition:      color .35s ease-in-out; } 
.issue a h2:after { display: inline-block; font-family: 'trilogyicons'; content: ">"; font-size: 14px; color: #fff; position: relative; padding: 0 0 0 .5em; }
.issue a:hover h2 { color: #fff; } 

.issue a p {
   display: none;
   color: #fff;
   font-size: 16px;
   line-height: 1;
   margin: 0.5em 0 0 0; }  
.issue a:hover p { display: block; } 

.quote {
   width: auto;
   padding: 1em 0;
   font-size: 25px;
   color: #de681a;
   line-height: 1.4;
   text-align: center; }
   
.kicker {
   width: auto;
   padding: 1em;
   background: #ddd;
   font-size: 18px;
   line-height: 1.4; }


/* Take Action
------------------------------------ */
.take-action #extra {
   padding: 2%;
   background: #dde3ea; 
   margin: -2%;
   top: -60px;
   margin-bottom: -60px; }

#take-action-bar .signup {
   float: left; 
   width: 68%;
   height: 101px;
   padding: 21px 3%;
   margin-right: 1%;
   background: rgba(231,235,240,1);
   font-size: 20px;
   line-height: 1.2;}
   
#take-action-bar .signup.full-width {
   width: 94%;
   height: auto;
   text-align: center; }
   
#take-action-bar .signup.full-width h1 {
   display: inline-block; }
   
#take-action-bar .signup.full-width form {
   margin: 0 auto;
   width: 50%; }
   
img.dem2016 {
   margin-right: 2%;
   float: left; }
   
.module img.dem2016 {
   float: left;
   margin: 0 5% 5% 0;
   width: 90px; }
   
#take-action-bar .promo a {
   float: left;
   text-align: center;
   width: 23%;
   height: 120px;
   background: rgba(231,235,240,1);
   padding: 1%;
   margin-right: 1%;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
   	-ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
      
#take-action-bar .promo a:hover { background: rgba(255,255,255,1); }
#take-action-bar .promo:last-child a {
   margin-right: 0; }

#take-action-bar .promo a .icons.circle { background: #2f71cd; font-size: 30px;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
      -ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
#take-action-bar .promo a:hover .icons.circle { background: #fa6004;  }
#take-action-bar .promo a h1 { font-size: 24px; color: #1d2939;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
      -ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
#take-action-bar .promo a:hover h1 { color: #fa6004; }

#make-a-difference, article.vote {
   text-align: center;
   margin: 2em 0; }
   
#make-a-difference div {
   margin-bottom: 2em; }

article.vote {
   border-bottom: 1px #ddd solid; 
   padding-bottom: 2em; }
   
article.vote:first-child {
   margin-top: 0; }
   
article.vote:last-child {
   border-bottom: none;
   padding-bottom: 0; }

#make-a-difference h1, .take-action #signup h1,  article.vote h1 {
   font-size: 26px;
   color: #15171b; }

#make-a-difference h2 {
   font-size: 32px; }
   
.take-action #signup {
   text-align: center;
   padding: 2em 0;
   background: #e5e5e5;}
    
#accomplishments {
   text-align: center;
   margin: 2em 0;
   height: auto; }

#accomplishments .slide {
   height: auto; }
   
#accomplishments ul.rotator { 
   clear:both;
   top: inherit;
   margin: 0 0 1em 0; }

#accomplishments ul.rotator li a { 
  background: rgba(15,94,157,.3);}
#accomplishments ul.rotator li:hover a { 
  background: rgba(15,94,157,.7); }
#accomplishments ul.rotator li:active a { 
  background: rgba(15,94,157,1);}
#accomplishments ul.rotator li.ui-tabs-active a { background: rgba(21,23,27,1); opacity: 1.0;}

#accomplishments h2 {
   line-height: 1.2; }
   
article.accomplishment {
   display: block;
   margin-bottom: 1em; }

article.accomplishment span.date {
   display: block;
   text-transform: uppercase;
   font: 15px/30px "Arvo", sans-serif;
   color: #de681a; }

article.accomplishment span.title {
   display: block;
   font-size: 18px;
   padding: 0;}
   
   
/* Counties
------------------------------------ */
ul#alpha-anchors {
   margin: 1em 0;
   list-style: none; 
   clear: both; }

ul#alpha-anchors li {
   font-weight: 600;
   float: left;
   padding: .5em; }
   
ul#alpha-anchors li:first-child {
   padding-left: 0; }

#alpha h1 {
   font-size: 32px;
   border-bottom: 1px #ddd solid;
   color: #de681a; }
   
article.county {
   display: inline-block;
   vertical-align: text-top;
   width: 32%;
   margin: 0 2% 5% 0; }
article.county:nth-child(3n+1) a { margin-right: 0; }    

article.county {
   margin-right: 0; }

article.county span, span.email {
   display: block;
   color: #888;
   font-size: 13px; 
   line-height: 17px; }
   
   .events span.email { display: inline; font-size: inherit; line-height: inherit; }

.addthisevent {visibility:hidden;}

article.county span.title {
   font: 22px/30px "Arvo", Georgia, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #de681a;
   padding: 0;
   margin-bottom: 3px;}

article.county span.chair {
   font-size: 16px;
   margin-bottom: 5px;}
   
article.county span.phone:before, span.phone:before {
   display: inline-block; font-family: 'trilogyicons'; content: "#"; font-size: 12px; color: #1d2939; position: relative; padding: 0 .5em 0 0; vertical-align: bottom; }
   
article.county span.email:before, span.email:before {
   display: inline-block; font-family: 'trilogyicons'; content: "E"; font-size: 12px; color: #1d2939; position: relative; padding: 0 .5em 0 0; vertical-align: bottom; }
   
article.county span.link:before, span.link:before {
   display: inline-block; font-family: 'trilogyicons'; content: "3"; font-size: 12px; color: #1d2939; position: relative; padding: 0 .5em 0 0; vertical-align: bottom; }
   
article.county span.fb:before, span.fb:before {
   display: inline-block; font-family: 'trilogyicons'; content: "f"; font-size: 12px; color: #1d2939; position: relative; padding: 0 .5em 0 0; vertical-align: bottom; }

article.county span.bylaws:before, span.bylaws:before {
   display: inline-block; font-family: 'trilogyicons'; content: "2"; font-size: 12px; color: #1d2939; position: relative; padding: 0 .5em 0 0; vertical-align: bottom; }


/* Counties
------------------------------------ */
article.official {
   display: inline-block;
   vertical-align: text-top;
   width: 44%;
   margin: 0 2% 2% 0;
   background-color: #eee;
   padding: 2%;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
      -ms-transition:  all .35s ease-in-out;
   	transition:      all .35s ease-in-out;}
article.official:hover { background-color: #ddd; }
article.official:nth-child(even) { margin-right: 0; }
article.official a { display: block; }
article.official img.th { width: 80px; height: auto; float:left; margin: 0 2% 2% 0; border: 1px #ccc solid; }
article.official.u-s-senate img.th { float:right; margin: 0 0 2% 2%;}
article.official span, span.office  { display: block; }
article.official span.title { font-size: 22px; line-height: 24px; padding: 0; color: #de681a; }
article.official span.title.larger { font-size: 40px; }
article.official span.office, article.official a span.office, span.office { font-weight: 600; text-transform: uppercase; color: #444; }
article.official span .address, article.official span p { margin: .5em 0; padding: 0; font-size: 14px; line-height: 1.25; }
article.official span.body { margin: 0; }
article.official span p span { display: initial; }
article.official.u-s-senate span h2, article.official.u-s-senate span h3 { color: #2f71cd !important; margin: 1em 0 0 0 !important; font-size: 19px; }

article.official.leaders.wide { width: 96%; }
article.official.leaders.wide img.th { width: 140px; }
article.official.leaders.wide.first { background-color: none; text-align: center; }
article.official.leaders.wide.first img.th { float: none; margin: 0 0 2% 0; }

/* Image Alignment
------------------------------------ */   
#content img.alignright,
#content img.alignleft,
#content img.alignnone,
#content img.aligncenter,
.fellows-photo img{
	border: 1px #ddd solid;
	padding: 4px;
	background: #fff;
	max-width:100% !important; }

#content img.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

#content img.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.fellows-photo img{
	margin: 0 1em 1em 0;
}

#content img.aligncenter, #content img.alignnone{
	margin: 0 auto 1em;
	display: block;
}

#content img.aligncenter:after, #content img.alignnone:after{
	clear: both;
	content: " ";
	overflow: hidden;
}

.photo {
   float: right;
   width: auto;
   margin: 0 0 1% 1%; }
img.photo  { border: 1px #999 solid; width: 50%; }

.photo.folder { float: none; margin: 0 0 1% 0; }


img#circle { 
   -webkit-border-radius: 50% 50% 50% 50%;
   border-radius: 50% 50% 50% 50%; }

body.leaders img.photo { width: auto; }
   

   
   
/* LISTS
------------------------------------ */
ul.folder-list {
   margin: 1em 0;
   padding: 1em 0;
   list-style: none; 
   clear: both; }
body#home ul.folder-list { margin: 0; padding: 0; border: 0; }

ul.folder-list h2 a {
   font-weight: 600;
   color: #443e3a;
   font-size: 24px;
   text-transform: uppercase; }

ul.folder-list li { margin: 2px auto; border-bottom: 1px #e5e0dd solid; }  
ul.folder-list li a { 
   background: rgba(221,227,234,0);
   padding: 6px 5px 6px 0px; 
   display: block;
   font-size: 18px;
   color: #999;
   line-height: 1.2;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }  
body#home ul.folder-list li a { padding: 6px; }

ul.folder-list li:hover a { 
   background: rgba(221,227,234,.4);
   padding: 6px 5px 6px 15px;
   color: #f16034; }
body#home ul.folder-list li:hover a { padding: 6px; }

ul.folder-list li:active a { 
   background: rgba(0,0,0,.2);
   padding: 6px 5px 6px 5px;  }    
body#home ul.folder-list li:active a { padding: 6px; }

ul.folder-list li a span.title { display: block; color: #3173ce; font-size: 1.1em; margin: .2em 0; padding: 0; font-weight:400; }
ul.folder-list li a span.title:after { font-family: 'trilogyicons'; font-size: 14px; content: " )" }

ul.folder-list li a.standing-committee-application span.title { color: #de681a;  }

ul.folder-list li a time {
   display: block;
   font-size: .7em;
   text-transform: uppercase;
   color: #15171b;
   font-weight: 400; }
   
ul.folder-list li a p {
   color: #15171b;
   font-size: .9em;
   text-transform: none;
   margin: 0; 
   font-weight: 300;
   line-height:1.2; }
   
ul.folder-list li a small {
   display: block;
   font-size: .6em;
   text-transform: uppercase;
   color: #000; }
   
ul.folder-list li a span.date, ul.folder-list li a span.author {
	display: inline-block;
	font-size: .6em;
	text-transform: uppercase;
	color: #000;
	font-weight: 400; }
	
ul.folder-list li a span.body {
	display:block;
	font-size: 1;
	font-weight:400;
	color: #888; }
   

/* Tabs */
body#interior .title.cf { width: 100%; margin: 1em 0; padding: 0; }
body#interior .title ul { margin: 0; }
body#interior .title ul li:first-child { margin-left: 0; }
body#interior .masonry-wrap { width: 100%; }
body#interior .masonry-wrap h2{ margin: 0; color: #444; }
body#interior ul.folder-list { margin: 0; }
body#interior .feed.masonry { width: 100%; border-top: 1px #ddd solid; padding-top: 1em; }


/* Events */
body.events #sort {
   width: 30%;
   float: left;
   padding: .5em;
   background-color: #eee; }

form#filters div {
   padding: .5em 0;
   width: 100%;
   display: inline-block; 
   vertical-align: top; }
   
form#filters input {
   clear: none !important;
   display: initial !important;
   float: initial !important;
   margin-left: 1em;}
    
form#filters select {
   width: 90% !important;
   padding: 5% !important;
   background: #fff; }

body.events #list, body.schedule #list {
   width: 65%;
   float: right; }
   
   body.convention.schedule #list { width: 100%; float: none;}

body.events #list ul, body.calendar #list ul, body.schedule #list ul { 
   margin: 0; 
   padding: 0; 
   border: 0; 
   list-style: none; }
   
body.events #list ul li a, body.calendar #list ul li a, body.schedule #list ul li a  {
   display: block;
   padding: .5em 0;
   margin: 1px 0;
   border-bottom: 1px #ddd solid;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
      -ms-transition:  all .35s ease-in-out;
		transition:      all .35s ease-in-out; }
      
#list ul li a:hover { background: #eee; }

#list .day {
   display: block;
   color: #000;
   text-transform: uppercase;
   font-size: 14px; }

#list .program {
   display: block;
   font-size: 22px; }

#list .description {
   display: block;
   font-size: .9em;
   color: #888; }

body.events .meta span, body.schedule .meta span {
   display: block;
   line-height: 2; }
   
span.buy a {
   display: inline-block; 
   background: #3173ce;
   margin: 0 auto;
   padding: .5em 2em;
   line-height: 1;
   text-transform: uppercase;
   color: #fff;
   font-size: 1.5;
   font-weight: 600;
   text-align: center;
   -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -o-transition:   all .35s ease-in-out;
      -ms-transition:  all .35s ease-in-out;
   	transition:      all .35s ease-in-out;}

span.buy a:hover {
   background: #e15604; }

body.calendar #month {
   width: 100%;
   padding: .5em 0 .25em 0;
   background: #eee;
   text-align: center; }
   
body.events section.details {
   margin-top: 1em; }
   
   
body.our-party.adem #content { display: -webkit-box;  display: -moz-box;  display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;}
body.our-party.adem #content .top { -webkit-box-ordinal-group: 1;  -moz-box-ordinal-group: 1; box-ordinal-group: 1; }
body.our-party.adem #content .bottom { float: none; width: 100%; -webkit-box-ordinal-group: 3;  -moz-box-ordinal-group: 3; box-ordinal-group: 3; }
body.our-party.adem #content .highlight { float: none; -webkit-box-ordinal-group: 2;  -moz-box-ordinal-group: 2; box-ordinal-group: 2; margin: 0 0 1em 0; }

   
/* DNC 2016 Delegates */
body.our-party.national-convention #content { display: -webkit-box;  display: -moz-box;  display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;}
body.our-party.national-convention #content .dnc-top-content { float: none; width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;  }
body.our-party.national-convention #content .highlight { float: none; width: 100%;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding: 0 0 2em 0; background: none;}
body.our-party.national-convention #content .dnc-bottom-content { float: none; width: 100%; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
body.our-party.national-convention #content ul.folder-list { float: none; width: 100%; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }

div.dnc2016 {
   padding: 0 0 75px 0;
   margin: 25px 0;
   border-bottom: 1px #ccc solid; }
   
div.dnc2016 table {
   width: 100% !important; }

div.dnc2016 table td {
   width: 30% !important; 
   padding-right: 3% !important; }

div.dnc2016 table td p {
   margin-bottom: 10px; }
   
   
/* Alert */
#alert {
   max-height: 100px;
   overflow-y: hidden;
   position: fixed;
   bottom: 0;
   z-index: 9999;
   width: 100%;
   padding: 1.5em 0;
   background: #274d83;
   -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.3);
      box-shadow: 0 -5px 10px 0 rgba(0,0,0,.3); }
      
#alert #close {
   font-size: 11px;
   text-transform: uppercase;
   color: #fff;
   position: absolute;
   top: -.75em;
   right: 0; }
   
#alert #close a { 
   color: #888; }
   
#alert #close a:hover {
   color: #de681a; }
   
#alert img {
   float: left;
   margin-right: 1em; }
   
#alert h1 {   
   font-family: 'Raleway', Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #fff;
   font-size: 22px; 
   line-height: 1.2;
   text-align: left;
   width: 50%;
   float: left; 
   margin: 0; }
   
#alert h1 p {   
   margin: 0; }
   
#alert a.button {
   font-family: "Hind", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   background: #de681a;
   float: right;
   margin-top: 20px;
   font-size: 20px;}
   
#alert a.button:hover {
   background: #044386; }
   
article#endorsement-pulldowns { margin: 1em 0; background: #efefef; padding: 2%;}   
article#endorsement-pulldowns div { margin: 0.5em 0; }
article#endorsement-pulldowns label { 
   font-weight: 600;
   text-transform: uppercase;
   float: left;
   line-height: 2;
   width: 15%;}
article#endorsement-pulldowns form { float: left; }
article#endorsement-pulldowns form input.button { clear: none; margin-left: .5em; padding: 0; display: inline-block; background: #2f71cd; color: #fff; font-size: 13px; height: 30px; width: 50px;}


/* Responsive Video */
.video-container {
  position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Convention Heading */
   .convention .photo { float: none !important; max-width: 100%; margin: 1% 0; height: auto; }
   .convention .photo img { max-width: 100%; height: auto; }


  
#video article {
   width: 900px;
   height: 475px; 
   display: inline-block; }
   
#video article a {
   display: block;
   position: relative; }
   
#video article .icon {
    position: absolute;
    color: white;
    font-size: 70px;
    font-family: 'trilogyicons';
    z-index: 101;
    top: calc(50% - 30px);
    left: calc(50% - 35px);
    text-transform: uppercase; }
   
#video article figure {
   background: #1d2939;
   position: absolute;
   z-index: 1; }

#video article figure .image {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   opacity: .5;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition:    all .3s ease-in-out;
   -o-transition:      all .3s ease-in-out;
   -ms-transition:     all .3s ease-in-out;
   transition:         all .3s ease-in-out; }
   
   #video article:hover figure .image {
      opacity: 1; }
   
#video article h2 {
   color: white;
   font-size: 240%;
   position: absolute;
   z-index: 100;
   text-align: center;  }
   
#video article.vid {
   width: 48%;
    height: auto;
    margin: 0 2% 1em 0;
    float: left; }

#video article.vid figure  {
   width: 100%;
   max-width: 480px;
   height: 240px;
   position: relative; }

#video article.vid figure .image  {
   width: 100%;
   height: 100%; }
   
#video article.vid h2 {
   color: #2f71cd;
   font-size: 110%;
   position: relative;
   z-index: 100;
   text-align: center;
   margin-top: 5px;
   line-height: 1.15;}
   
   #video article:hover h2 {
      color: #de681a; }
   
#video article.vid time { display: none; }

body.election #main { background: #1d2939 !important; min-height: 650px; }
body.election .wrap { max-width: 970px; }
body.election .button.election { width: 30%; font-size: 125%; padding: 1.5em 0; margin: 1%; display: inline-block; }
body.election .half { width: 44%; margin: 1% 2%; display: inline-block; color: white; font-size: 100%; vertical-align: top; }
body.election .half h2 { color:white;font-size: 140%; line-height: 1.3; margin: 1em 0; }

@media only screen and (max-width: 750px){ 
   body.election #main { height: auto; }
   body.election .button.election { font-size: 100%; padding: 1.0em 0; }
   body.election .half { font-size: 90%; }
   body.election .half h2 { font-size: 120%; }
}

@media only screen and (max-width: 540px){ 
   body.election .row img { margin: 1em auto !important; max-width: 90% !important; }
   body.election .button.election { width: 90%; display: block; margin: 1% 5%; font-size: 110%; }
   body.election .half { width: 90%; margin: 0 5% 50px 5%; display: block; }
   body.election .half h2 { margin: 0 0 .5em; }
}