Skip to content

Instantly share code, notes, and snippets.

@thomaswrenn
Last active July 7, 2018 06:50
Show Gist options
  • Save thomaswrenn/8142581281deea031a414b6810d3976d to your computer and use it in GitHub Desktop.
Save thomaswrenn/8142581281deea031a414b6810d3976d to your computer and use it in GitHub Desktop.
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
.video-share {
width: 100%;
text-align: center;
margin-top: 30px;
}
.view-tim-talks .views-field-nothing {
margin-right: 15px;
}
.view-tim-talks .views-field-nothing, .view-tim-talks .views-twitter {
display: inline-block;
}
.view-tim-talks .views-field-nothing span a {
background: #22589c;
color: white;
padding: 15px 50px 15px 15px;
background-image: url('../img/facebook.png');
background-repeat: no-repeat;
background-position: 90% center;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.view-tim-talks .views-twitter span a {
background: #00aeef;
color: white;
padding: 15px 50px 15px 15px;
background-image: url('../img/twitter-home.png');
background-repeat: no-repeat;
background-position: 90% center;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.front #landing-pic iframe {
position: absolute;
top: 280px;
left: 43%;
}
@media (max-width:1025px) {
.front #landing-pic iframe {
position: absolute;
top: 329px;
left: 43%;
width: 490px;
height: 276px;
}
}
@media (max-width:992px) {
.front #landing-pic iframe {
position: absolute;
top: 295px;
left: 50%;
width: 337px;
height: 239px;
}
}
@media (max-width:820px) {
.front .yt-video {
width: 100%;
text-align: center;
}
.front #landing-pic iframe {
position: relative;
top: 246px;
left: 0;
width: 337px;
height: 200px;
}
.vote-box {
background: rgba(208,208,235,.9);
width: 100% !important;
position: absolute;
left: 0 !important;
padding: 20px 6%;
margin-top: 458px !important;
text-align: center !important;
}
}
@media (max-width:650px) {
.front #landing-pic iframe {
position: relative;
top: 300px;
left: 0;
width: 300px;
height: 184px;
}
.front .yt-video {
width: 100%;
text-align: center;
}
}
.news-social-buttons .nofloat {
display: inline-block;
}
.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%;
}
.node-type-tim-talks nav {
position: relative;
z-index: 1;
}
@media (max-width:736px) {
.view-tim-talks .views-field-nothing {
margin-right: 0;
margin-bottom: 35px;
}
.view-tim-talks .views-field-nothing, .view-tim-talks .views-twitter {
display: block;
}
.view-tim-talks .views-twitter span a {
padding: 15px 25% 15px 20%;
}
.view-tim-talks .views-field-nothing span a {
padding: 15px 25% 15px 20%;
}
}
@media (max-width:650px) {
.view-tim-talks .views-twitter span a {
background-position: 75% center;
}
.view-tim-talks .views-field-nothing span a {
background-position: 75% center;
}
}
.timtalkbtnsublevel img {
width:150px;
height:auto;
}
.timtalkbtnsublevel {
background-color:none;
padding:0;
border: solid 1px #cccccc;
}
.timtalkbtn {
display:block;
margin-left:0px;
vertical-align:top;
position:relative;
margin-top:20px;
}
.timtalkbtn img {
width:200px;
height:auto;
border: solid 1px #cccccc;
}
.field-name-field-body-sp h3 {
color: #50acda;
}
.field-name-body h3 {
color: #50acda;
}
.page-tim-talks .mobile-stuff {
position: relative;
z-index: 1;
}
@media (max-width:320px) {
.mobile-stuff a:nth-child(1) img {
width: 150px !important;
margin-left: 50px !important;
}
#mobile-nav-icon {
top: 33px !important;
}
.grad {
position: absolute;
top: 0;
width: 100%;
height: 90px;
z-index: 0;
}
.mobile-stuff {
display: inherit !important;
margin-left: -45px !important;
}
.social-icons-home1 {
width: 15px !important;
margin-top: 10px !important;
margin-left: -20px !important;
}
.page-tim-talks #mobile-nav-icon {
top: -36px !important;
}
.social-icons-home {
width: 15px !important;
margin-top: -40px !important;
margin-left: 5px !important;
}
}
.grad {
position: absolute;
top: 0;
width: 100%;
height: 170px;
z-index: 0;
}
@media (max-width:767px) {
.grad {
position: absolute;
top: 0;
width: 100%;
height: 130px;
z-index: 0;
}
}
.mobile-stuff a:nth-child(1) img {
width: 150px;
margin-left: 50px;
}
.page-tim-talks #mobile-nav-icon {
top:-50px;
}
.page-tim-talks nav {
position: relative;
z-index: 1;
}
.page-tim-talks #landing-pic-about {
position: relative;
z-index: -1;
}
/*
@media (max-width:991px) {
.page-tim-talks #landing-pic-about {
background: url(/sites/all/themes/tcc/img/timtalk-mobile.jpg) no-repeat !important;
}
}
*/
/*
@media screen and (max-width:1199px) {
.page-node-177 #signup-formfull2 {
margin: 0 auto;
width: 400px;
text-align: left;
}
.page-node-177 #signup-formfull2 #edit-fname {
width: 100%;
}
.page-node-177 #signup-formfull2 #edit-lname {
width: 100%;
}
}
*/
.t-talk a {
border: 12px solid #50acda;
}
.t-talk {
background: none !important;
padding: 0px;
}
.t-talk img {
width: 128px;
margin-top: -12px;
}
.view-tim-talks {
margin-top: -100px;
}
.view-tim-talks .views-row {
display: inline-block;
margin-right: 40px;
width: 45%;
margin-bottom: 40px;
}
.view-tim-talks iframe {
max-width: 100%;
}
.view-tim-talks .views-row:nth-child(2n+2) {
margin-right: 0px;
}
@media (max-width:650px) {
.front #signup-form input {
width:100%;
box-sizing:border-box;
margin-bottom:10px;
}
.view-tim-talks .views-row {
display: block;
width: 100%;
}
}
.page-node-177 .field-name-field-title-sp {
display: none;
}
.page-node-32 .big {
display: none !important;
}
.page-node-177 .field-name-field-body-sp {
display: none;
}
field-name-field-body-sp
.page-node-42 .big {
display: none !important;
}
.page-node-182 .big {
display: none !important;
}
.page-node-84 .big {
display: none !important;
}
.page-node-31 .big {
display: none !important;
}
.page-node-84 h1 {
margin-top: 0px;
}
.page-node-73 h1{
color:#006eb0;
}
.page-node-157 h1 {
margin-top: 0px;
color: #006eb0;
}
footer .media-kit {
margin: 0 auto;
color: white;
text-decoration: underline;
font-family: 'brandon-grotesque',sans-serif;
}
.page-node-177 #signup-formfull2 label {
display: block;
color: white;
}
.page-node-177 #signup-formfull2 #edit-email {
width: 100%;
}
.page-node-177 #signup-formfull2 #edit-submit {
width: 100%;
}
.page-node-177 #signup-formfull2 .form-item {
display: block;
}
.page-node-177 .field-name-body {
width: 50%;
}
.page-node-177 #signup-formfull2 #edit-fname {
width: 100%;
}
.page-node-177 #signup-formfull2 #edit-lname {
width: 100%;
}
.page-node-177 #signup-formfull2 {
position: absolute;
background: #50acda;
padding: 20px;
width: 40%;
right: 5%;
top: 10%;
}
.vote-box {
background: rgba(208,208,235,.9);
width: 350px;
position: absolute;
text-align: center;
left: 7%;
padding: 40px 20px;
margin-top: 300px;
}
.vote-box h2 {
color: #006db1;
margin: 0;
}
.vote-box a {
background-color: #50acda;
color: white;
/* padding-top: 10px; */
padding: 10px 20px;
/* padding-bottom: 10px; */
text-align: center;
font-size: 20px;
width: 180px;
margin-top: 20px;
font-family: 'brandon-grotesque',sans-serif;
}
.page-node-57 .big {
display: none !important;
}
/*NEW POP STUFF RIGHT HERE*/
#popup iframe {
width: 95%;
margin-top: 3%;
height: 400px;
}
#popup {
display: none;
position: absolute;
z-index: 9990;
text-align: center;
background-repeat:no-repeat;
background-color:#1975b4;
/* padding:20px; */
width:750px;
height: 430px;
margin-top: 50px;
color:#ffffff;
display:none;
}
#popup h3 {
font-size: 28px;
margin-bottom: 0;
}
a.debbie:hover {
text-decoration: none;
background: #39b084;
}
a.debbie {
background: #39b084;
color: white;
font-family: "brandon-grotesque",sans-serif;
/* width: 300px; */
/* height: 41px; */
padding: 10px 50px;
margin-left: 0px;
font-size: 20px;
top: 30px;
position: relative;
border: none;
}
.green-divider {
width: 200px;
padding-top:5px;
background: #39b084;
float: right;
margin-right: 20px;
position: relative;
z-index: 9999;
}
.donation-auto {
width: 100%;
float: none;
margin-top: 25px;
text-align: center;
}
/*
.donation-auto a {
color: #1975b4;
background: white;
padding: 10px 35px 10px 35px;
margin-right: 7px;
margin: 0 auto;
font-size: 40px;
width: 25%;
display: inline-block;
text-align: center;
text-decoration: none;
background-size: auto, 100% 100%;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
*/
.donation-auto a {
color: #1975b4;
background: white;
padding: 5px 35px 5px 35px;
margin-right: 7px;
margin: 0 auto;
font-size: 22px;
width: 100%;
display: inline-block;
text-align: center;
text-decoration: none;
background-size: auto, 100% 100%;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.donation-auto a:nth-child(4) {
background: #ea4964;
/* padding-right: 40px; */
width: 150px;
color: white;
text-decoration: none;
}
.donation-auto a:nth-child(4):hover {
background: #dc1536;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
@media (max-width: 830px) {
#popup {
display: none;
position: absolute;
z-index: 9990;
text-align: center;
background-repeat:no-repeat;
background-color:#1975b4;
/* padding:20px; */
width:278px;
height: auto;
padding-bottom:20px;
margin-top: 50px;
color:#ffffff;
top:50px !important;
}
#popup input {
max-width:100%;
box-sizing:border-box;
}
#popup h3 {
font-size: 20px;
margin-bottom: 0;
}
#popup iframe {
width: 95%;
margin-top: 3%;
height: auto;
}
a.debbie {
background: #39b084;
color: white;
font-family: "brandon-grotesque",sans-serif;
width: 250px;
height: 34px;
/* text-align: center; */
padding: 2px 0px;
padding-top: 7px;
/* margin: 0 auto; */
font-size: 15px;
margin-left: 15px;
top: 210px;
display: block;
position: inherit;
border: none;
}
.donation-auto a {
color: #1975b4;
background: white;
padding: 5px 35px 5px 35px;
margin-right: 7px;
margin: 2px auto;
font-size: 30px;
width: 100%;
display: inline-block;
text-align: center;
text-decoration: none;
background-size: auto, 100% 100%;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.donation-auto a:nth-child(4) {
background: #ea4964;
/* padding-right: 40px; */
width: 100%;
padding-bottom: 9px;
padding-top: 13px;
padding-left: 15px;
font-size: 22px;
padding-right: 30px;
color: white;
text-decoration: none;
}
}
/*END NEW POPUP STUFF*/
.social-connect-images .nofloat {
display: inline-block;
width: 50px;
}
@media (max-width:767px) {
.page-node-84 .read-like {
width: 200px !important;
}
.timtalkbtn {
display:block;
margin-left:0px;
vertical-align:top;
position:relative;
top:0;
margin:15px 0;
}
.timtalkbtn img {
width:100px;
height:auto;
border: solid 1px #cccccc;
}
}
@media screen and (max-width:500px) {
body.page-node-136 div#landing-pic-about {
background-position: right top !important;
}
}
body {
width: 100%;
}
.page-node-54 #landing-pic-about {
display: none;
}
.not-front label {
display: none;
}
.page-press-releases label {
display: none;
}
.page-user .nav-front {
display: none;
}
.page-search404 .nav-front {
display: none;
}
.page-node-136 h1 {
margin-top: 40px;
display:inline-block;
}
.gettickets {
background-color: #50acda;
color: white;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 20px;
display: block;
width: 180px;
padding: 20px;
font-family: "brandon-grotesque",sans-serif;
margin-top: 20px;
}
.social-icons-home1 {
width: 20px;
margin-top: 10px;
margin-left: -27px;
}
.social-icons-home2 {
width: 20px;
margin-top: -40px;
margin-left: 10px;
}
.link3 {
font-size: 30px;
}
.gettickets:hover {
text-decoration: none;
color: white;
background: #006eb0;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
@media screen and (max-width:700px) {
.link2 {
margin-top: 50px !important;
}
}
.page-node-54 h1 {
margin-top: 0px;
color: #337ab7;
}
.page-press-releases h1 {
margin-top: -10px;
background: white;
}
nav {
height: 130px;
width: 980px;
margin: 0 auto;
margin-top: 10px;
}
nav ul li {
display: inline;
}
.page-node-73 h1 {
margin-top: -50px
}
.page-node-73 footer .hollywood {
display: none;
}
.social-icons {
width: 25px !important;
/* margin: 5px; */
/* margin-top: -10px; */
margin-right: 22px !important;
}
/*POP UP STUFF*/
#dvGlobalMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9000;
background-color:#000;
opacity:.7;
display:none;
}
.first-part {
float: right;
width: 300px;
/* margin-top: -20px; */
}
.page-node-73 .form-item label {
display: none;
}
#popup .content p {
color: white;
}
.node-type-news .link2 {
display: none !important;
}
.node-type-news .media {
display: none;
}
/*
page-press-releases h1 {
margin-top: 0px;
}
*/
.page-node-84 h3 {
color: #50acda;
}
.voiceheard {
margin-top: -10px;
}
.first-part form {
width: 350px;
margin-left: -50px;
display: inline-block;
margin-top: -50px;
}
.first-part form .form-item input {
width: 250px;
height: 30px;
color: black;
}
.take-action-links {
background: #50acda;
color: white;
padding: 15px;
text-decoration: none;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.take-action-links:hover {
text-decoration: none;
background: #006eb0;
color: white;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.first-part form .form-item-zip input {
width: 75px;
height: 30px;
}
.first-part input#edit-submit.form-submit {
width: 210px;
height: 31px;
font-size: 15px;
margin-top: 5px;
margin-left: 118px;
}
.view .views-field .field-content a:nth-child(1) img {
width: 100px;
height: auto;
}
.views-field-field-news-icon .field-content {
font-family: "brandon-grotesque",sans-serif;
font-size: 18px;
color: #6b6b6b;
}
.node-type-news .publication a:nth-child(2) {
margin-right: 7px;
}
.field-name-field-news-icon {
display: inline-block;
margin-left: 15px;
margin-top: 15px;
}
.field-name-field-news-icon img {
width: 100px;
height: auto;
display: inline-block !important;
}
/*
.not-front .social-icons-mobile-home {
display: none;
}
.not-front .social-icons-home {
display: none;
}
*/
.social-icons-mobile {
display: none !important;
}
.mobile-stuff a:nth-child(6) img {
margin-top: -40px;
width: 15px;
}
/*
.front .mobile-stuff a:nth-child(5) img {
display: none;
}
*/
.mobile-stuff a:nth-child(5) img {
display: none;
}
.social-icons-home {
width: 25px;
margin-top: -40px;
margin-left: 5px;
}
.mobile-stuff a:nth-child(7) img {
margin-left: -20px;
margin-top: 11px;
width: 17px;
}
.youtube-video {
width: 100%;
top: 255px;
position: absolute;
text-align: center;
margin: 0 auto;
}
.youtube-video iframe {
width: 50%;
}
@media (min-width:1500px) {
.youtube-video {
width: 100%;
top: 110px;
position: relative;
margin: 0 auto;
}
.youtube-video iframe {
width: 50%;
height: 500px !important;
}
}
@media (min-width:1200px) {
.youtube-video iframe {
width: 50%;
height: 400px;
}
}
@media (max-width:750px) {
.youtube-video iframe {
width: 50%;
height: 230px;
}
}
@media (max-width:530px) {
.youtube-video iframe {
width: 75%;
height: 200px;
}
.youtube-video {
width: 100%;
}
}
.donation-auto a:nth-child(4):hover {
background: #dc1536;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.donation-auto a:hover {
background: #39b084;
color: white;
text-decoration: none;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.first-part p {
font-size: 15px;
}
#front-language-nav {
display: block;
}
.not-front #language-nav {
display: block;
}
.front #language-nav {
display: none;
}
.socialbtns{
display: inline-block;
width: 90%;
text-align: center;
}
#popup h2 {
color: #f1f0ee;
text-align: right;
margin-top: -10px;
width: 300px;
float: right;
}
.popup-option {
/* font-size: 18px; */
}
.page-node-31 h1 {
margin-top: -30px;
}
.page-node-53 h1 {
margin-top: -10px;
color: #006eb0;
}
.page-node-53 .form-item label {
display: none;
}
.tim-popup {
background: url(../img/popup-logo.png) center no-repeat;
height: 100px;
width: 200px;
margin-right: 50px;
margin-top: -20px;
float: right;
background-size: contain;
}
.tim-popup2 {
background: url(../img/popup-sp.png) center no-repeat;
height: 100px;
width: 200px;
margin-right: 50px;
margin-top: -20px;
float: right;
background-size: contain;
}
.front #mobile-nav-logo {
display: none;
}
.front .nav-front {
display: inline-block;
}
.not-front .nav-front {
/* display: none; */
}
.front .nav-not-front {
display: none;
}
.not-front .nav-not-front {
display: inline-block;
}
#popup .first-part h2 {
margin-right: 20px;
}
.socialbtns a {
background: #f1f0ee;
padding: 10px 30px 10px 30px;
margin: 0 auto;
font-size: 20px;
}
.voiceheard {
/* margin-top: -220px; */
/* float: right; */
font-size: 18px;
}
#popup .donation-auto p {
float: none;
}
#dm-pic {
background-image: url(../img/timmy2.png);
/* background-position: center top; */
background-size: cover;
height: 430px;
width: 385px;
float: left;
}
.front #popup h2 {
/* margin-bottom:5px; */
}
#popup .modalnav {
cursor: pointer;
height: 25px;
width: 25px;
position:absolute;
right:-20px;
top:-20px;
color:#fff;
z-index:9000;
background-color:#000000;
border-radius:25px;
padding:7px 5px 5px 5px;
border:solid 4px #fff;
-webkit-box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
font-weight:bold;
font-size:20px;
vertical-align:bottom;
text-align:center;
line-height:21px;
box-sizing:content-box;
}
#popup .modalnav {
display:none;
}
#popup .modalnav {
display:block;
}
#popup .content {
padding:10px;
width: 100%;
}
#popup .content p {
padding:20px;
float: right;
margin-top: -10px;
margin-bottom: 15px;
/* width: 70%; */
}
.green-divider {
width: 200px;
padding-top:5px;
background: #39b084;
float: right;
margin-right: 20px;
position: relative;
z-index: 9999;
}
/*END POPUP STUFF*/
.page-node-31 .form-item label {
width: 300px;
display: none;
}
.page-node-31 #take-back-democracy #edit-zip--2 {
display: none;
}
.twitter-heading {
/*width: 1000px; */
padding-top: 40px;
margin-left: 5%;
margin-top: 0px;
color: white;
height: 50px;
}
#tims-for-us .form-item-zip #edit-zip {
width: 150px;
}
.node-type-thank-you label {
display: none;
}
.page-node-45 #edit-submit--2 {
/* display: block; */
}
.front footer .hollywood {
display: none;
}
.node-type-meet-tim footer .hollywood {
display: none;
}
.page-news-2 footer .hollywood {
display: none;
}
.page-node-45 footer .hollywood {
display: none;
}
.page-node-31 footer .hollywood {
display: none;
}
footer .hollywood {
margin-top: 15px;
}
footer .hollywood a {
color: white;
}
.views-field-field-author {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
color: gray;
font-size: 20px;
}
.front .row img {
width: 325px;
height: 271px;
}
#donate {
padding-left: 80px;
}
.not-front #donate h2 {
color: white;
}
.not-front #donate p {
color: white;
}
.page-node-2 .money-boxes-desktop {
color: #1875b5;
}
ul li {
color: #4494c7;
padding: 15px;
/* display: inline; */
margin-top: 10px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
}
li {
font-size: 12px;
}
#language-nav {
padding-left: 650px;
height: 30px;
}
#language-nav a {
text-decoration: underline;
}
#front-language-nav {
padding-left: 650px;
height: 30px;
}
#front-language-nav a {
text-decoration: none;
}
/*NEW CSS STUFF*/
.page-node-42 .big {
display: none !important;
}
/*
.page-node-157 .field-name-field-title-sp {
display: none;
}
.page-node-157 .field-name-field-body-sp {
display: none;
}
*/
.field-name-field-first-issue, .field-name-field-second-issue, .field-name-field-third-issue, .field-name-field-fourth-issue, .field-name-field-fifth-issue, .field-name-field-sixth-issue, .field-name-field-seventh-issue, .field-name-field-eighth-issue, .field-name-field-ninth-issue, .field-name-field-tenth-issue, .field-name-field-eleventh-issue, .field-name-field-twelfth-issue, .field-name-field-thirteenth-issue, .field-name-field-fourteenth-issue, .field-name-field-fifteenth-issue .field-items {
background: #f2f2f2;
color: #6b6b6b;
font-size: 35px;
padding-left: 30px;
border-left: 5px solid #006db1;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
cursor: pointer;
font-weight: 500;
}
.field-name-field-first-issue-sp .field-items , .field-name-field-second-issue-sp .field-items , .field-name-field-third-issue-sp .field-items , .field-name-field-fourth-issue-sp .field-items , .field-name-field-fifth-issue-sp .field-items , .field-name-field-sixth-issue-sp .field-items , .field-name-field-seventh-issue-sp .field-items , .field-name-field-eighth-issue-sp .field-items , .field-name-field-ninth-issue-sp .field-items , .field-name-field-tenth-issue-sp .field-items , .field-name-field-eleventh-issue-sp .field-items , .field-name-field-twelfth-issue-sp .field-items , .field-name-field-thirteenth-issue-sp .field-items , .field-name-field-fourteenth-issue-sp .field-items , .field-name-field-fifteenth-issue-sp .field-items {
background: #f2f2f2;
color: #6b6b6b;
font-size: 35px !important;
padding-left: 30px;
border-left: 5px solid #006db1;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
cursor: pointer;
font-weight: 500;
}
.translate-mobile {
background: #42a681 !important;
}
@media screen and (min-width:1138px) {
nav ul li a {
color: white;
font-size: 18px;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px black;
display: inline;
margin-left: -15px;
text-decoration: none;
/* border-bottom: 1px solid white; */
/* background: white; */
/* font-size: 1.1em; */
}
.home-fb {
width: 20px;
/* margin-left: 10px; */
margin-right: 25px !important;
}
.home-fb2 {
width: 20px;
/* margin-left: 10px; */
margin-right: 18px !important;
}
#front-language-nav li {
background: rgba(39,130,189,.9);
margin-bottom: 50px;
position: relative;
padding-left: 30px;
padding-bottom: 10px;
padding-right: 10px;
/* padding-top: 10px; */
}
#language-nav li {
margin-bottom: 50px;
position: relative;
padding-left: 30px;
padding-bottom: 10px;
padding-right: 10px;
/* padding-top: 10px; */
}
nav {
height: 130px;
text-align: center;
width: 96% !important;
margin: 0 auto;
margin-top: 10px;
}
.menu {
/* display: block; */
text-transform: uppercase;
width: 100%;
margin: 0 auto;
margin-left: -1px;
}
.leaf a {
font-size: 15px;
margin-left: -5px;
margin-right: -10px;
}
}
.pager .pager-item {
padding: 30px;
}
.page-news .views-field-created {
display: none;
}
.meet-tim-info h2 .field-item{
font-size: 50px;
}
.meet-tim-info .field-name-body .field-item {
border-bottom: 2px solid white;
margin-bottom: -80px;
background: white;
}
.field-name-field-first-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-second-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-third-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-fourth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-fifth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-sixth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-seventh-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-eighth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-ninth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-tenth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-eleventh-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-twelfth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-thirteenth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-fourteenth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.field-name-field-fifteenth-issue .field-items {
font-size: 35px;
font-weight: 500;
}
.not-front .field-name-field-title-sp .field-item {
font-size: 50px;
background: white;
color: #006eb0;
text-transform: uppercase;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
}
.field-name-field-first-issue-body, .field-name-field-second-issue-body, .field-name-field-third-issue-body, .field-name-field-fourth-issue-body, .field-name-field-fifth-issue-body, .field-name-field-sixth-issue-body-, .field-name-field-seventh-issue-body, .field-name-field-eighth-issue-body, .field-name-field-ninth-issue-body, .field-name-field-tenth-issue-body, .field-name-field-eleventh-issue-body, .field-name-field-twelfth-issue-body, .field-name-field-thirteenth-issue-body, .field-name-field-fourteenth-issue-body, .field-name-field-fifteenth-issue-body .field-items {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 35px;
font-size: 20px;
color: #6b6b6b;
font-weight: 300;
}
.field-name-field-first-issue-body-sp .field-items, .field-name-field-second-issue-body-sp .field-items, .field-name-field-third-issue-body-sp .field-items, .field-name-field-fourth-issue-body-sp .field-items, .field-name-field-fifth-issue-body-sp .field-items, .field-name-field-sixth-issue-body-sp .field-items, .field-name-field-seventh-issue-body-sp .field-items, .field-name-field-eighth-issue-body-sp .field-items, .field-name-field-ninth-issue-body-sp .field-items, .field-name-field-tenth-issue-body-sp .field-items, .field-name-field-eleventh-issue-body-sp .field-items, .field-name-field-twelfth-issue-body-sp .field-items, .field-name-field-thirteenth-issue-body-sp .field-items, .field-name-field-fourteenth-issue-body-sp .field-items, .field-name-field-fifteenth-issue-body-sp .field-items {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 35px;
font-size: 20px;
color: #6b6b6b;
font-weight: 300;
}
.leftfloated img, .leftfloated iframe {
margin-right:30px;
margin-top:25px;
margin-bottom:20px;
}
.rightfloated img, .rightfloated iframe {
margin-left:30px;
margin-top:5px;
margin-bottom:20px;
}
.page-node-42 h1 {
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
background: white;
}
.page-news h1 {
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
background: white;
}
.page-news label {
display: none;
}
.page-node-16 label {
display: none;
}
.field-name-body .field-item img {
padding: 10px;
}
.page-node-7 h1 {
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
background: white;
}
#node-7 {
margin-top: -70px;
}
.node-type-news h1 {
background: white;
}
.field-name-field-fb-button {
display: none;
}
.field-name-field-tw-button {
display: none;
}
.page-node-45 h3 {
color: black;
}
.news-social-buttons .facebook-news, .news-social-buttons .twitter-news {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
/* margin: 0 auto; */
}
.tw-message-icon {
width: 15px;
margin-top: 10px;
float: right;
}
.social-icons-news {
margin-right: 10px;
}
.page-node-15 h1 {
display: none;
}
.news-social-buttons {
width: 100%;
text-align: center;
}
form {
/* float: right; */
}
.page-node-31 #landing-pic-about {
height: 550px;
}
.form-item {
display: inline;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.front .form-item label {
display: none;
}
.form-item label {
color: black;
}
.form-item .form-email{
width: 300px;
}
input#edit-submit.form-submit {
background: #39b084;
color: white;
width: 452px;
font-size: 18px;
margin-top: 10px;
border: none;
}
#signup-formfull .form-checkboxes label {
display:inline;
}
.form-item .form-type-checkbox {
display: block;
margin-bottom: -40px;
}
#signup-formfull {
text-align: left;
}
#signup-formfull label {
display: block;
}
#join-mobile-content input#edit-submit.form-submit {
width: 100%;
margin-top:0;
}
#take-back-democracy input#edit-submit.form-submit {
width: 310px;
}
.page-node-31 h1 {
width: 100%;
margin-top: 50px;
text-align: center;
color: #006eb0;
background: white;
}
.page-node-2 h1 {
text-align: center;
margin-left: 20px;
}
.page-node-32 h1 {
background: white;
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
width: 100%;
}
.page-node-31 .container {
/* display: none; */
}
#signup-formfull {
margin: 0 auto;
width: 500px;
}
.page-node-31 form {
display: inline-block;
}
.page-node-31 .row {
/* background: rgba(0,0,0,0.4); */
width: 100%;
padding-bottom: 36px;
margin: 0 auto;
text-align: center;
/* display: block; */
}
.page-node-73 .container .row h1 {
margin-top: 1px;
}
#signup-formfull2 {
margin: 0 auto;
width: 500px;
text-align: left;
}
.page-node-45 .form-item label {
display: block;
}
.page-node-45 .form-item input{
display: inline;
margin-bottom: 10px;
font-family: "brandon-grotesque", sans-serif;
font-style: normal;
font-weight: 300;
}
.page-node-45 #take-back-democracy #edit-zip--2 {
display: none;
}
#take-back-democracy h3 {
color: white;
}
.page-node-45 #take-back-democracy label {
display: none;
}
.page-node-45 #take-back-democracy #edit-submit--3 {
background: #39b084;
color: white;
font-weight: 500;
border: none;
}
.page-node-45 #signup-formfull2 {
display: none;
}
.page-node-45 .field-name-body .field-items {
border: none;
}
.page-node-31 input#edit-submit.form-submit {
margin-top: 30px;
display: block;
}
.page-node-31 input {
margin-bottom: 20px;
}
.page-node-31 label {
color: black;
}
.page-node-31 #edit-email {
/* padding-left: 300px; */
/* width: 400px; */
}
#front-language-nav li {
background:rgba(39,130,189,.9);
}
#front-language-nav .above-the-main-nav-btn {
text-shadow: none;
}
#front-language-nav .above-the-main-nav-btn:hover {
color: white;
}
#front-language-nav li.translate-btn {
background: rgba(57, 176, 132, .9);
}
.form-type-checkbox {
margin-left: 10px;
}
label.option {
margin-top: -10px
}
input.form-checkbox {
margin-top: 15px;
margin-right: 10px;
}
#edit-yesiwouldliketo input {
display: inline;
}
.page-node-31 form input {
display: inline;
}
.pp-link {
color: white;
text-decoration: underline;
}
.pp-link:hover {
color: white;
}
.node-type-issues-main h1 {
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
width: 100%;
margin-bottom: -10px;
background: white;
}
@media screen and (min-width:768px) and (max-width:1182px) {
.hero-signup #edit-zip--2 {
width: 80px !important;
}
#landing-pic .hero-signup .form-item .form-email {
margin-left: 1%;
width: 130px !important;
}
}
.hero-signup {
background: rgba(39,130,189,.9);
position: absolute;
top: 661px;
width: 100%;
display: inline-flex;
}
@media screen and (min-width:1025px) and (max-width:1094px) {
.hero-signup {
/* bottom: 95px; */
}
}
/*
@media screen and (max-width:1024px) {
.hero-signup #edit-zip--2 {
width: 80px !important;
}
#landing-pic .hero-signup .form-item .form-email {
margin-left: 1%;
width: 130px !important;
}
}
#landing-pic .hero-signup .form-item .form-email {
margin-left: 1%;
width: 220px;
}
*/
@media screen and (min-width: 992px) and (max-width:1024px) {
.hero-signup {
top: 684px;
/* bottom: 75px !important; */
}
}
@media screen and (max-width:920px) {
.hero-signup h2 {
margin-left: 3% !important;
font-size: 25px;
}
.hero-signup form {
margin-left: -60px;
}
}
@media screen and (max-width:814px) {
.hero-signup {
display: none;
}
#join-mobile {
display: block !important;
padding-bottom: 200px !important;
}
}
#landing-pic .hero-signup input#edit-submit--2 {
background: #39b084;
color: white;
width: 300px;
height: 41px;
margin-left: 0px;
font-size: 20px;
margin-top: 10px;
border: none;
}
.hero-signup #edit-zip--2 {
width: 130px;
}
.hero-signup h2 {
color:white;
display: inline-block;
margin-left: 7%;
width: 467px;
margin-top: 35px;
}
#take-back-democracy form .form-type-telfield {
display: none;
}
@media screen and (min-width:1100px ) {
.leaf {
margin-left: 0%;
}
#front-language-nav {
padding-left: 531px !important;
}
#language-nav {
padding-left: 875px;
}
}
@media screen and (max-width:992px ) {
#language-nav li {
margin-left: -15px;
}
}
.not-front .view-all-btn{
display: none;
}
@media screen and (max-width:450px) {
.front #landing-pic {
background-position: -730px top !important;
}
.page-node-136 #landing-pic-about {
background-position: right top !important;
}
}
.home-news .pager li>a, .pager li>span {
background: none;
color: white;
padding: 15px;
border: 2px solid white;
border-radius: 0px;
font-size: 20px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.home-news .pager li>a:hover, .pager li>span:hover {
background: white;
color: #337ab7;
text-decoration: none;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.item-list .pager {
clear: both;
text-align: left;
margin-left: -20px;
}
.home-news .pager-first {
display: none !important;
}
.home-news .pager-previous {
display: none !important;
}
.home-news .pager-last {
display: none !important;
}
.home-news .view .view-content {
margin-bottom: 30px;
display: flex;
}
.hero-signup form {
display: inline-block;
margin-bottom: 35px;
width: 100%;
}
@media screen and (max-width:767px) {
.hero-signup {
display: none;
}
.home-news .views-row {
display: block !important;
width: 100% !important;
margin-bottom: 10px !important;
}
.home-news .views-field-view-node {
position: absolute;
right: 0px;
bottom: -20px;
}
.home-news .views-row {
padding: 20px 20px 69px 20px !important;
}
.home-news .view .view-content {
margin-bottom: 30px;
display: block;
}
}
@media screen and (max-width: 700px) {
.home-news .views-field-view-node {
/* right: 7.9%; */
}
}
@media screen and (max-width: 575px) {
.home-news .views-field-view-node {
right: 0px;
}
}
@media screen and (max-width: 475px) {
.home-news .views-field-view-node {
right: 0px;
}
}
.home-news .pager-current {
background: white;
padding: 15px !important;
border: 2px solid white;
}
.view-all-btn {
color:white;
border: 2px solid #27d8a1;
font-size: 20px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
background: #27d8a1;
font-weight: 700;
padding: 10px;
margin-left: 20px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.view-all-btn:hover {
text-decoration: none;
background: white;
color: #337ab7;
border: 2px solid white;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.home-news {
background-image: url(../img/news-bg.jpg);
background-position: center;
background-size: cover;
/* margin-bottom: -11px; */
padding-bottom: 20px;
}
.home-news .item-list {
display: inline-block;
}
.home-news .pager .pager-next {
display: none;
}
.home-news .views-row {
background: white;
width: 30%;
position: relative;
margin-right: 2%;
display: inline-block;
padding: 20px;
}
.home-news .views-field-body .field-content p{
font-size: 18px;
}
.home-news .views-field-title .field-content {
padding-top: 0px;
border-top: none;
font-size: 25px;
}
.home-news-title {
margin-left: 5%;
padding-top: 50px;
color: #0088db;
}
@media screen and (min-width:1400px) {
.hero-signup h2 {
margin-left: 11%;
}
.vote-box {
left: 11%;
padding: 40px 20px;
width: 25%
}
}
@media screen and (min-width:1500px) {
.hero-signup h2 {
margin-left: 14%;
}
.vote-box {
left: 14%;
width: 25%;
padding: 40px 20px;
}
}
@media screen and (min-width:1600px) {
.vote-box {
left: 14%;
width: 25%;
padding: 40px 20px;
}
}
@media screen and (max-width:650px) {
.vote-box {
background: rgba(208,208,235,.9);
width: 100%;
position: absolute;
left: 0;
padding: 20px 6%;
margin-top: 501px !important;
text-align: center;
}
}
/*
@media screen and (max-width:492px) {
.vote-box {
background: rgba(208,208,235,.9);
width: 100%;
position: absolute;
left: 0;
padding: 20px 6%;
margin-top: 548px;
text-align: center;
}
}
*/
@media screen and (min-width:1700px) {
.vote-box {
left: 14%;
width: 20%;
padding: 40px 20px;
}
}
@media screen and (min-width:1800px) {
.hero-signup h2 {
margin-left: 20%;
}
.vote-box {
left: 20%;
padding: 20px;
width: 20%;
padding: 40px 20px;
}
}
.page-news .views-field-view-node a{
color: white;
position: inherit;
padding: 0px;
background: none;
}
.home-news .news-container {
margin: 0 auto;
}
.home-news .views-field-body {
margin-top: 1px;
}
.home-news .views-field-title {
margin-top: 1px;
}
.home-news .view {
width: 90%;
margin: 0 auto;
}
.home-news .views-field-view-node {
background: white;
/* text-decoration: none; */
/* padding: 20px; */
/* width: 65px; */
/* float: right; */
/* margin-right: -20px; */
/* margin-top: 10px; */
/* margin-bottom: -20px; */
}
.home-news .views-field-view-node a h2{
font-size: 76px;
height: 52px;
margin-top: -43px;
color: white;
}
.home-news .views-field-created {
display: none;
}
.home-news .views-field-field-news-icon {
display: none;
}
.home-news .views-field-field-publication {
display: none;
}
ol li {
font-size: 1.1em;
}
.field-type-text-with-summary {
padding-bottom: -50px;
}
.field-label {
display: none;
}
.views-field-title .field-content {
border-top: 2px solid gray;
padding-top: 30px;
}
.page-node-42 .field-item p img {
padding-left: 20px;
}
.views-field-title .field-content:hover {
text-decoration: none;
}
.field-items {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
}
.node-type-news h1 {
color: #006eb0;
font-size: 25px;
margin-top: -10px;
text-align: left;
width: 100%;
}
.leaf a{
font-size: 15px;
margin-left: -5px;
margin-right: -5px;
}
.mobile-stuff {
padding-top: 20px;
}
.publication {
/* padding-top: 20px; */
display: inline-block;
}
.field-name-field-post-date {
/* display: none; */
}
.field-name-field-location {
float: left;
margin-top: 10px;
padding-right: 10px;
}
.location {
display: inline-block;
}
.views-field-created {
margin-bottom: 15px;
}
.views-field-view-node {
background: #1c93e0;
text-decoration: none;
padding: 20px;
width: 140px;
margin-top: 30px;
margin-bottom: 20px;
}
.page-node-32 .hollywood {
display: none;
}
.page-news .hollywood {
display: none;
}
.views-field-view-node a{
position: absolute;
bottom: 0px;
right: 0px;
background: #27d8a1;
text-decoration: none;
padding: 20px;
width: 65px;
color: white;
}
.views-field-view-node a:hover{
color: white;
text-decoration: none;
}
.leaf a:hover {
color: #aaa;
text-decoration: none;
}
.views-field-body .field-content {
/* height: 130px; */
overflow: hidden;
}
.field-items:nth-child(n+2) .field-item {
/*
background: #909090;
color: white;
font-size: 25px;
margin-bottom: 20px;
padding: 20px;
border-left: 5px solid #50acda;
box-shadow: 2px 2px 16x #000;
*/
}
input#edit-submit--3 {
background: #39b084;
color: white;
width: 310px;
font-size: 18px;
margin-top: 10px;
border: none;
}
.page-node-2 #signup-formfull {
display: none;
}
#popup input#edit-submit--2 {
background: #39b084;
color: white;
width: 270px;
height: 28px;
font-size: 18px;
margin-top: 6px;
margin-left: 58px;
border: none;
}
@media screen and (max-width:767px) {
#popup input#edit-submit--2 {
background: #39b084;
color: white;
width: 250px;
height: 28px;
font-size: 18px;
margin-top: 6px;
margin-left: -10px;
border: none;
}
}
input#edit-submit--2 {
background: #39b084;
color: white;
width: 270px;
height: 40px;
font-size: 18px;
margin-top: 6px;
border: none;
}
#landing-pic input#edit-submit--2 {
background: #39b084;
color: white;
width: 452px;
height: 70px;
margin-left: 0px;
font-size: 30px;
margin-top: 10px;
border: none;
}
#take-back-democracy #edit-zip {
display: none;
}
#take-back-democracy .form-email {
width: 350px;
}
.social-connect-images img {
margin-right: 10px;
margin-bottom: 40px;
}
.fb-connect a.read-like {
padding-left: 40px;
padding-right: 40px;
}
.leaf {
font-size: 14px;
}
.tw-headshot {
float: left;
width: 40px;
margin-right: 20px;
}
.field-name-field-title .field-items {
font-size: 30px;
color: #006db1;
}
.field-name-field-author .field-items {
font-size: 20px;
color: #1c93e0;
display: none;
}
.field-name-field-post-date .field-items {
font-size: 20px;
color: #1c93e0;
}
.field-name-body .field-items {
margin-top: 20px;
padding-bottom: 40px;
margin-bottom: 50px;
border-bottom: 2px solid gray;
/* float: left; */
}
.views-field-field-post-date {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
color: #1c93e0;
font-size: 20px;
margin-bottom: 20px;
/* float: right; */
}
.views-field-field-publication .field-content {
color: #6b6b6b;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
margin-bottom: 20px;
}
.facebook-news {
background: #22589c;
color: white;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
width: 250px;
}
.twitter-news {
background: #00aeef;
color: white;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
width: 250px;
}
.facebook-news:hover {
text-decoration: none;
color: white;
}
.twitter-news:hover {
text-decoration: none;
color: white;
}
#socialfeed {
margin-left:5%;
width: 90%;
}
.post {
margin: 0 auto;
background: white;
display: inline-block;
min-width: 290px;
width: 30%;
margin: 60px 10px 20px 10px;
height: 200px;
padding: 20px;
}
.message {
font-size: 15.5px;
height: 70px;
/* float: left; */
width: 100%;
padding-top: 15px;
}
.readmore a {
/* display: none; */
}
.readmore {
padding-top: 17px;
}
.timeago {
font-size: 11px;
/* float: right; */
/* margin-top: -40px; */
}
.tw-header {
color: #006eb0;
font-size: 20px;
}
/* END NEW CSS STUFF*/
.nav-images {
width: 200px;
}
.nav-buttons {
width: 150px
}
#add-name {
height: 40px;
}
input {
height: 40px;
padding-left: 15px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
#footer-logo {
padding: 20px;
width: 200px
}
#language-nav a:nth-child(3){
margin-left: 5px;
}
#front-language-nav a:nth-child(3){
margin-left: 5px;
}
.mobile-stuff a:nth-child(4) img {
margin-left: -29px;
margin-top: 11px;
width: 25px;
}
.mobile-stuff a:nth-child(2) img{
margin-top: -40px;
}
.mobile-stuff a:nth-child(3) img{
margin-top: -40px;
}
.page-node-45 .row {
text-align: center;
}
.page-node-45 h1 {
background: white;
color: #006eb0;
font-size: 25px;
margin-top: -10px;
}
#comments {
display: none;
}
.social-icons {
width: 25px;
/* margin: 5px; */
/* margin-top: -10px; */
margin-right: 5px;
}
.mobile-nav{
height: 1px;
width: 100%;
}
#mobile-nav-icon {
border: 2px solid #006eb0;
width: 97px;
background: white;
float: right;
/* top: 55px; */
}
.mobile-nav a{
display: block;
z-index: 1000;
position: relative;
}
.mobile-nav a {
background: #0c6eb4;
text-align: center;
/* padding-left: 20px; */
padding: 20px 0;
border-bottom: 1px solid #1b90df;
text-decoration: none;
color: white;
/* font-weight: bold; */
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
&:hover, &:active, &:focus
background: darken(#eee, 3%);
}
.mobile-list-wrapper {
display: none;
}
button {
position: absolute;
top: 25px;
right: 15px;
border: 0;
/* text-indent: 200%; */
/* overflow: hidden; */
border: 3px solid #006eb0;
border-radius: 3px;
background-size: 80%;
width: 80px;
height: 30px;
font-size: 15px;
color: #006eb0;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
outline: none;
transition: all 400ms ease;
}
.expanded {
transform: rotate(90deg);
/* background-color: transparent; */
border: 0;
}
.last.leaf a{
background: #fa4c4c;
color: white;
padding-top: 15px;
text-shadow: none;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
margin-left: -25px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.last.leaf a:hover {
background: #e91d3f;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
#takeaction{
background: #50acda;
color: white;
padding: 10px;
text-shadow: none;
padding-bottom: 15px;
padding-top: 15px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
#takeaction:hover {
background: #0c6bb1;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.views-field-field-button-link {
background: #50acda;
color: white;
width: 150px;
padding: 20px;
margin-top: 30px;
}
#mobile-list {
height: 100px;
}
/* NEW CSS STUFF */
#footer-logo-take-action {
width: 100px;
float:
}
#divider {
margin-bottom: 25px;
margin-top: 25px;
border: 1px solid gray;
}
.take-action-copy {
color: white;
margin-top: 10px;
font-size: 1.1em;
}
.field-name-field-sub-header .field-item {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 500;
/* margin-bottom: -25px; */
}
field-type-text-with-summary
#landing-pic-take-action {
height: 600px;
width: 100%;
/* min-width: 1024px; */
background-image: url(../img/crowd.png);
background-position: center top;
background-size: cover;
}
#take-action {
width: 376px;
/* margin: 0 auto; */
padding-top: 10px;
/* width: 50%; */
height: 600px;
background-color: rgba(0,0,0,0.5);
}
#take-action-box {
width: 376px;
/* margin: 0 auto; */
padding-top: 10px;
/* width: 50%; */
height: 600px;
background-color: rgba(0,0,0,0.5);
}
.checkboxes label {
display: block;
/* float: left; */
padding-right: 10px;
white-space: nowrap;
}
.checkboxes input {
vertical-align: middle;
}
.checkboxes label span {
vertical-align: middle;
color: white;
}
#take-action-header {
margin-top: 40px;
background: none;
text-align: center;
margin: 0 auto;
}
.social-icons-mobile {
width: 25px;
display: inline-block;
/* height: 50px; */
position: relative;
left: 10px;
margin-top: -10px;
}
.social-icons-mobile:nth-child(1) {
/* margin-left: -40px; */
/* margin-right: -30px; */
}
.social-icons-mobile:nth-child(2) {
}
.checkbox-section {
display: block;
margin: 0 auto;
}
.checkbox-text {
display: inline;
/* margin-top: 10px; */
}
.header-boxes {
background: #0d74b7;
height: 100px;
margin-top: 5px;
border-left: 15px solid #3faf85;
}
.issue-headers {
padding-top: 20px;
/* vertical-align:*/
padding-left: 24px;
margin: 0 auto;
height: 100%;
color: white;
}
.issues-social-buttons {
text-align: center;
}
.news-header {
color: gray;
}
#news-header {
font-size: 40px;
}
.news-box {
padding-top: 15px;
border-top: 3px solid black;
}
nav ul li a {
color: white;
display: inline;
text-decoration: none;
/* border-bottom: 1px solid white; */
/* background: white; */
font-weight: 800;
/* font-size: 1.1em; */
}
nav ul li a:hover {
text-decoration: none;
}
span {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.2em;
color: #6b6b6b;
}
#admin-menu ul li a {
background: black;
}
#admin-menu-wrapper {
background: black;
}
/* END NEW CSS STUFF */
nav ul li a {
color: white;
-webkit-font-smoothing:antialiased;
text-shadow: 1px 1px black;
display: inline;
text-decoration: none;
/* border-bottom: 1px solid white; */
/* background: white; */
/* font-size: 1.1em; */
}
nav ul li a:hover {
text-decoration: none;
}
#mobile-nav-logo {
width:190px;
margin-left: 40px;
margin-bottom: 20px;
}
.page-node-16 h1 {
margin-top: -10px;
}
.front h1 {
color: white;
font-size: 70px;
margin-top: 60px;
width: 600px;
text-align: center;
/* padding: 15px; */
margin-left: -55px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
}
.not-front h1 {
font-size: 50px;
background: white;
color: #006eb0;
text-transform: uppercase;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
}
a#join-revolution {
width: 460px;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 10px;
color: white;
font-size: 25px;
background: #39b084;
text-align: center;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
a#join-revolution:hover {
background: #2fa177;
text-decoration: none;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
h2 {
color: #006db1;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 500;
padding-bottom: 5px;
/* letter-spacing: 2px; */
}
p {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
color: #6b6b6b;
font-size: 20px;
}
footer {
background-color: #0d74b7;
text-align: center;
height: 850px;
/* min-width: 1024px; */
}
#were-with-tim {
/* min-width: 1024px; */
background-color: #f4f5f5;
}
#were-with-tim h2 {
font-size: 20px;
}
#add-email {
background-color: #1c93e0;
/* min-width: 1024px; */
}
.page-node-32 .form-item label {
display: none;
}
.donate-about-copy {
color: white;
}
#join-mobile-content .form-item label {
display: none;
}
footer p {
line-height: 10px;
color: white;
font-size: 12px;
}
h3 {
font-size: 18px;
color: white;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 500;
}
.page-node-42 h3 {
color: #6b6b6b;
}
#social-buttons {
width: 100%;
text-align: center;
}
.page-node-45 {
width: 100%;
}
.front #donate-mobile h2{
color: white;
}
.front #donate-mobile p {
color: white;
}
.front #donate-mobile a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
}
.front #donate-mobile .donate-boxes-desktop {
padding-top: 8px;
padding-bottom: 8px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.front #donate-mobile .money-boxes-desktop {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.front #donate .donate-boxes-desktop {
padding-top: 14px;
padding-bottom: 14px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.front #donate .money-boxes-desktop {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.page-node-42 label {
display: none;
}
.page-node-21 label {
display: none;
}
.page-news-2 label {
display: none;
}
.page-node-45 label {
display: none;
}
#tims-for-us a {
/* background: none; */
border: none;
}
.not-front #tweet-section h2 {
color: white;
}
.not-front #tweet-section p {
color: white;
}
#user-login{
float: left;
}
.social-buttons {
margin: 0 auto;
/* display: inline-block; */
/* width: 100%; */
/* float: none; */
}
.page-node-31 #take-back-democracy {
display: none;
}
.page-node-31 #join-mobile {
display: none;
}
.form-thing {
display: inline-block;
}
#take-back-democracy {
width: 100%;
text-align: center;
/* padding-t/op: 30px; */
/* padding-bottom: 30px; */
background-color: #1c93e0;
display: inline;
}
.take-back-democracy {
margin: 0 auto;
display: inline-block;
padding-right: 10px;
margin-top: 5px;
margin-bottom: 7px;
}
h4 {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 27px;
margin-top: 40px;
color: #6b6b6b;
}
.about-copy {
padding-top: 10px;
padding-bottom: 10px;
}
#facebook2 {
/* float: right; */
}
h5 {
color: #006db1;
font-size: 20px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 500;
}
#meet-tim {
padding-left: 100px;
padding-right: 100px;
padding-top: 50px;
padding-bottom: 50px;
}
#paid-by-tim {
width: 350px;
height: 50px;
margin: 0 auto;
padding-top: 20px;
margin-top: 20px;
color: #74b0d6;
border: 1px solid #74b0d6;
box-sizing:border-box;
}
#tim-headshot {
width: 250px;
margin: 0 auto;
}
#readmore1 {
width: 200px;
}
#money-buttons {
height: 60px;
}
#tims-for-us {
width: 400px;
margin: 0 auto;
/* width: 50%; */
}
#tweet-section {
background-image: url(../img/tweet-bg.png);
height: 350px;
width: 100%;
/* min-width: 1024px; */
background-position: center top;
background-size: cover;
}
#mobile-tweet-section {
height: 300px;
background-color: #ebebeb;
}
.page-node-31 .field-name-field-header-image img {
display: none;
}
#landing-pic {
height: 738px;
width: 100%;
margin-top: -140px;
/* min-width: 1024px; */
background-image: url(../img/crowd3.png);
background-position: center top;
background-size: cover;
}
.page-search404 .login-404 {
display: inline-block;
}
.page-search404 nav ul li a {
color: #0d74b7;
-webkit-font-smoothing: antialiased;
display: inline;
text-shadow: none;
text-decoration: none;
}
.page-user .login-404 {
display: inline-block;
}
.page-user nav ul li a {
color: #0d74b7;
-webkit-font-smoothing: antialiased;
display: inline;
text-shadow: none;
text-decoration: none;
}
nav .last.leaf {
margin-left: 0%;
}
.login-404 {
display: none;
}
#landing-pic-about {
height: 500px;
width: 100%;
margin-top: -140px;
/* min-width: 1024px; */
background-image: url(../img/crowd3.png);
background-position: center top;
background-size: cover;
}
a.money-boxes-desktop {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
a.desktop-boxes-desktop {
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
#input-mobile {
display: none;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
#money-box-container{
margin-top: 40px;
/* padding-bottom: 140px; */
}
#take-action-mobile {
background: #50acda;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
#take-action-mobile:hover {
background: #0c6bb1;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
#donate-mobile-nav {
background: #ea4964;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
#donate-mobile-nav:hover {
background: #e91d3f;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.money-boxes {
display: inline-block;
/* margin-top: 20px; */
padding-top: 8px;
padding-bottom: 8px;
padding-left: 18px;
padding-right: 30px;
background-color: #e1e1e1 ;
color: #0d73b6;
font-size: 20px;
}
.money-boxes:hover {
background-color: #39b084;
color: white;
cursor: pointer;
}
.page-node-2 .money-boxes-desktop {
background: #e1e1e1;
color: #6b6b6b;
}
.money-boxes-desktop {
display: inline-block;
/* margin-top: 20px; */
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 35px;
background-color: #fff ;
color: #0c6bb1;
font-size: 25px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.money-boxes-desktop:hover {
background-color: #39b084;
color: white;
cursor: pointer;
text-decoration: none;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
a.read-like {
padding-left: 20px;
padding-right: 20px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
.read-like {
background-color: #50acda;
color: white;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 20px;
width: 180px;
margin-top: 20px;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
text-transform: uppercase;
}
.read-like:hover {
color: white;
text-decoration: none;
background-color: #0c6bb1;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.meet-tim-info p {
margin-bottom: 20px;
}
.donate-boxes {
display: inline;
/* margin-top: 20px; */
padding-top: 8px;
padding-bottom: px;
padding-left: 30px;
padding-right: 30px;
background-color: #ea4964;
color: white;
font-size: 20px;
/* margin-top: 10px; */
}
.donate-boxes:hover {
background-color: #bf1e39;
cursor: pointer;
text-decoration: none;
}
.donate-boxes-desktop {
display: inline;
/* margin-top: 20px; */
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
background-color: #ea4964;
color: white;
font-size: 25px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.donate-boxes-desktop:hover {
background-color: #bf1e39;
color: white;
cursor: pointer;
text-decoration: none;
-webkit-transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.menu {
width: 90%;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (max-width: 35em) {
h1 {
background: #006eb0;
width: 200px;
height: 80px;
text-align: center;
font-size: 25px;
/* margin: 0 auto; */
/* margin-top: 110px; */
}
.front .row img {
display: none;
}
td {
display: block;
}
.money-boxes {
display: inline-block;
/* margin-top: 20px; */
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 15px;
background-color: #e1e1e1 ;
color: #0d73b6;
font-size: 20px;
margin-bottom: 20px;
}
.not-front #take-back-democracy {
display: none;
}
.page-node-73 h1 {
font-size: 40px;
background: white;
}
.page-node-73 .field-items img {
display: block;
}
tr {
width: 100%;
}
#join-mobile {
display: inline-block;
background: #1b90df;
padding-bottom: 250px !important;
margin-bottom: -10px;
text-align: center;
width: 100%;
}
#input-mobile {
display: inline-block;
margin-bottom: 20px;
}
#add-name-mobile {
/* width: 350px; */
/* display: block; */
margin-top: 5px;
margin-bottom: 10px;
/* height: 50px; */
font-size: 20px;
color: white;
background: #39b084;
padding: 8px 105px 10px 105px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
text-decoration: none;
}
#add-name-mobile:hover {
text-decoration: none;
}
#tim-headshot {
margin: 0 auto;
display: none;
}
#money-buttons-mobile {
width: 80px
}
#donate-button-mobile {
margin-top: 10px;
width: 175px
}
#donate-mobile {
background: url(../img/tweet-bg.png);
}
#join-revolution {
display: none;
}
#join-revolution-take-action {
display: inherit;
}
#mobile-tweet-section {
display: inherit;
}
#tweet-section {
display: none;
}
#donate {
display: none;
}
#add-email {
display: none;
}
#were-with-tim-about {
display: none;
}
#were-with-tim {
background: url(../img/tweet-bg.png);
display: none;
}
#were-with-tim p {
color: white;
}
#were-with-tim h2 {
color: white;
}
#meet-tim-mobile {
font-size: 27px;
}
nav {
display: none;
}
a.read-like {
display: block;
margin: 0 auto;
text-align: center;
width: 70%;
margin-bottom: 20px;
}
.mobile-nav {
display: inherit;
}
.mobile-stuff {
display: inherit;
margin-left: -20px;
}
#tims-for-us {
/* margin: 0 auto; */
/* display: inline-block; */
/* text-align: center; */
/* margin-left: 100px; */
margin: 0 auto;
float: none;
/* margin-top: -110px; */
width: 55%;
/* margin-top: -110px; */
/* height: 300px*/
padding-top: 50px;
padding-left: 10px;
}
#readmore1 {
margin-top: 20px;
width: 150px
}
.social-buttons {
display: none;
}
.donate-boxes {
padding-bottom: 8px;
}
.page-node-42 .row p img {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
.post:nth-child(3) {
display: none;
}
#socialfeed {
margin: 0 auto;
width: 680px;
}
}
@media (max-width:830px) {
#dm-pic {
background-image: url(../img/timmy2.png);
/* background-position: center top; */
background-size: cover;
height: 306px;
width: 278px;
float: left;
}
.tim-popup {
background: url(../img/popup-logo.png) center no-repeat;
height: 100px;
width: 150px;
margin-right: 1px;
margin-top: -145px;
float: right;
background-size: contain;
}
#popup .first-part h2 {
margin-right: 20px;
font-size: 20px;
margin-top: -40px;
}
.first-part form {
width: 78%;
margin-left: 55px;
display: inline-block;
margin-top: -50px;
}
.first-part {
float: right;
width: 300px;
/* margin-top: -20px; */
}
.donation-auto a:nth-child(4) {
font-size: 18px;
}
.first-part input#edit-submit.form-submit {
width: 230px;
height: 31px;
font-size: 15px;
margin-top: 5px;
margin-left: -2px;
}
.first-part form .form-item input {
width: 150px;
height: 30px;
color: black;
}
.first-part form .form-item-zip input {
width: 75px;
height: 30px;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.post:nth-child(2) {
display: none;
}
.post:nth-child(3) {
display: none;
}
.post:nth-child(1) {
margin: 60px 10px 20px 0px;
width: 300px;
/* margin: 0 auto*/
}
.tim-popup2 {
background: url(../img/popup-sp.png) center no-repeat;
height: 100px;
width: 150px;
margin-right: 1px;
margin-top: -145px;
float: right;
background-size: contain;
}
#popup {
}
#socialfeed {
margin: 0 auto;
width: 300px;
}
.message {
width: 280px;
}
/*POP UP STUFF*/
#dvGlobalMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9000;
background-color:#000;
opacity:.7;
display:none;
}
.first-part {
float: right;
width: 300px;
/* margin-top: -20px; */
}
#popup .content p {
color: white;
}
.voiceheard {
margin-top: -10px;
}
.first-part form {
width: 78%;
margin-left: 55px;
display: inline-block;
margin-top: -50px;
}
.first-part form .form-item input {
width: 150px;
height: 30px;
color: black;
}
.first-part form .form-item-zip input {
width: 75px;
height: 30px;
}
.first-part input#edit-submit.form-submit {
width: 230px;
height: 31px;
font-size: 15px;
margin-top: 5px;
margin-left: -2px;
}
.donation-auto a {
font-size:25px;
}
.donation-auto a:nth-child(4) {
font-size:18px;
}
.donation-auto a:hover {
background: #39b084;
color: white;
text-decoration: none;
-moz-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.first-part p {
font-size: 15px;
}
.socialbtns{
display: inline-block;
width: 90%;
text-align: center;
}
#popup h2 {
color: #f1f0ee;
text-align: right;
margin-top: -10px;
width: 300px;
float: right;
}
.popup-option {
/* font-size: 18px; */
}
.tim-popup {
background: url(../img/popup-logo.png) center no-repeat;
height: 100px;
width: 150px;
margin-right: 1px;
margin-top: -145px;
float: right;
background-size: contain;
}
#popup .first-part h2 {
margin-right: 20px;
font-size: 20px;
margin-top: -40px;
}
.socialbtns a {
background: #f1f0ee;
padding: 10px 30px 10px 30px;
margin: 0 auto;
font-size: 20px;
}
.voiceheard {
/* margin-top: -220px; */
/* float: right; */
font-size: 18px;
}
#popup .donation-auto p {
float: none;
}
#dm-pic {
background-image: url(../img/timmy2.png);
/* background-position: center top; */
background-size: cover;
height: 306px;
width: 278px;
float: left;
}
#popup .modalnav {
cursor: pointer;
height: 25px;
width: 25px;
position:absolute;
right:-20px;
top:-20px;
color:#fff;
z-index:9000;
background-color:#000000;
border-radius:25px;
padding:7px 5px 5px 5px;
border:solid 4px #fff;
-webkit-box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
box-shadow: 0px -1px 28px -9px rgba(0,0,0,0.75);
font-weight:bold;
font-size:20px;
vertical-align:bottom;
text-align:center;
line-height:21px;
box-sizing:content-box;
}
#popup .modalnav {
display:none;
}
#popup .modalnav {
display:block;
}
#popup .content {
padding:10px;
width: 100%;
}
#popup .content p {
padding:20px;
float: right;
margin-top: -10px;
margin-bottom: 15px;
/* width: 70%; */
}
.green-divider {
width: 200px;
padding-top:5px;
background: #39b084;
float: right;
margin-right: 35px;
position: relative;
z-index: 9999;
}
/*END POPUP STUFF*/
.front h1 {
margin-top: 100px;
width: 500px;
margin: 0 auto;
margin-left: -100px;
}
#tims-for-us form {
display: none;
}
}
@media only screen and (min-width: 35em) {
#tim-headshot {
margin: 0 auto;
display: none;
}
.tims-for-us-mobile {
width: 100%;
}
.not-front #take-back-democracy {
display: none;
}
.page-node-73 h1 {
background: white;
margin-top: 1px;
}
.donate-boxes {
padding-bottom: 8px;
}
#were-with-tim-about {
display: none;
}
h1 {
background: #006eb0;
/* margin-left: 20px; */
/*margin-top: 110px; */
}
.page-node-42 .row p img {
/* display: none; */
}
#join-mobile {
background: #1b90df;
display: inline-block;
margin-bottom: -10px;
padding-bottom: 25px;
width: 100%;
text-align: center;
}
#join-mobile-content {
margin: 0 auto;
width: 100%;
}
#input-mobile {
display: inline-block;
margin-bottom: 20px;
}
#donate-mobile {
background: url(../img/tweet-bg.png);
}
#join-revolution {
display: none;
}
#add-name-mobile {
width: 350px;
margin-top: 5px;
margin-bottom: 10px;
/* height: 50px; */
font-size: 20px;
color: white;
background: #39b084;
padding: 8px 105px 10px 105px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
#mobile-tweet-section {
display: inherit;
}
#money-buttons-mobile {
width: 120px
}
#tweet-section {
display: none;
}
#donate {
display: none;
}
#add-email {
display: none;
}
#were-with-tim {
background: url(../img/tweet-bg.png);
}
#were-with-tim p {
color: white;
}
#were-with-tim h2 {
color: white;
}
nav {
display: none;
}
.mobile-nav {
display: inherit;
}
.mobile-stuff {
display: inherit;
}
#tims-for-us {
margin: 0 auto;
width: 50%;
float: none;
/* margin-top: -110px; */
/* height: 300px*/
padding-top: 190px;
/* display: inline-block; */
/* text-align: center; */
}
#readmore1 {
margin-top: 20px;
width: 180px
}
.mobile-nav {
display: inherit;
}
.mobile-stuff {
display: inherit;
margin-left: 5%
}
#donate-button-mobile {
width: 230px;
height: 80px;
margin-top: 10px;
}
.social-buttons {
display: none;
}
.front .row img {
display: none;
}
}
@media only screen and (min-width:48em) {
.login-404 {
width: 200px;
margin-top: -10px;
}
#were-with-tim-about {
display: inherit;
}
.front h1 {
font-size: 40px;
margin-left: -120px;
}
.email-input {
width: 210px;
}
.front .row img {
display: none;
}
.not-front #take-back-democracy {
display: block;
padding: 30px 0px;
}
.page-node-42 .row p img {
/* display: block; */
}
.zip-input {
width: 130px;
}
.form-item .form-email {
width: 180px;
}
a#join-revolution {
width: 345px;
}
input#edit-submit.form-submit {
width: 332px;
}
#take-back-democracy input#edit-submit.form-submit {
width: 250px;
}
#tims-for-us {
padding-top: 100px;
margin: 0 auto;
width: 50%;
/* display: inline-block; */
/* text-align: center; */
float: right;
}
h1 {
background: none;
}
input {
display: inline-block
}
#join-mobile {
display: none;
}
.menu {
display: block;
width: 125%;
margin-left: -100px;
margin-top: 15px;
/* margin-left: -70px; */
}
.mobile-nav {
display: none;;
}
.mobile-stuff {
display: none;
}
#donate-mobile {
display: none;
}
#tim-headshot {
display: none;
}
#join-revolution {
display: inherit;
}
#mobile-tweet-section {
display: none;
}
#tweet-section {
display: inherit;
}
#donate {
display: inherit;
}
#add-email {
display: inherit;
}
nav {
height: 100px;
width: 750px;
margin: 0 auto;
margin-top: 10px;
display: inherit;
}
ul li {
color: #4494c7;
padding: 10px;
/* display: inline; */
margin-top: 10px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
li {
/* font-size: 10px; */
}
#language-nav {
padding-left: 650px;
height: 30px;
}
#front-language-nav {
padding-left: 288px;
height: 30px;
}
.t-talk img {
width: 98px;
margin-top: -4px;
}
.nav-images {
width: 200px;
margin-top: -10px;
}
.nav-buttons {
width: 80px
}
#social-icons {
width: 50px;
}
.mobile-nav {
display: none;
}
.mobile-stuff {
display: none;
}
.social-buttons {
display: inline-block;
/* width: 100%; */
margin: 0 auto;
/* display: inherit; */
}
}
@media screen and (max-width:700px) {
.page-node-177 #signup-formfull2 {
position: relative;
background: #50acda;
padding: 20px;
width: 90%;
right: 0%;
top: 5%;
}
.page-node-177 .field-name-body {
width: 100%;
}
}
@media only screen and (min-width : 991px) and (max-width : 1199px) {
.twitter-heading {
width: 800px;
padding-top: 40px;
padding-right: 400px;
color: white;
height: 50px;
margin: 0 auto;
}
}
@media only screen and (min-width : 768px) and (max-width : 990px) {
.twitter-heading {
width: 600px;
padding-top: 40px;
padding-right: 400px;
color: white;
height: 50px;
margin: 0 auto;
}
}
@media(min-width:62em){
h1 {
background: none;
font-size: 40px;
}
.front .row img {
width: 325px;
height: 271px;
display: block;
}
.form-item .form-email {
width: 300px;
}
input#edit-submit.form-submit {
background: #39b084;
color: white;
width: 300px;
height: 41px;
margin-left: 0px;
font-size: 20px;
margin-top: 10px;
border: none;
}
#take-back-democracy input#edit-submit.form-submit {
height: 40px;
width: 245px;
font-size: 18px;
}
.node-type-news label {
display: none;
}
.front h1 {
font-size: 60px;
margin-left: -70px;
margin-bottom: -5px;
}
a#join-revolution {
width: 460px;
}
.email-input {
width: 275px;
height: 50px;
}
.zip-input {
width: 180px;
height: 50px;
}
#tim-headshot {
display: block;
}
.menu {
display: block;
width: 100%;
margin: 0 auto;
margin-left: -1px;
}
nav {
height: 130px;
width: 1080px;
margin: 0 auto;
margin-top: 10px;
}
ul li {
color: #4494c7;
padding: 15px;
/* display: inline; */
margin-top: 10px;
font-size: 1.1em;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 300;
}
li {
font-size: 12px;
}
#language-nav {
padding-left: 900px;
height: 30px;
}
#front-language-nav {
padding-left: 565px;
height: 30px;
}
.nav-images {
width: 300px;
margin-top: -20px;
}
.nav-buttons {
width: 150px;
}
}
@media(min-width:75em) {
nav {
height: 130px;
width: 1080px;
margin: 0 auto;
margin-top: 10px;
}
ul li {
color: #4494c7;
padding: 15px;
/* display: inline; */
margin-top: 10px;
font-family: "brandon-grotesque",sans-serif;
font-style: normal;
font-weight: 700;
}
li {
font-size: 12px;
}
#language-nav {
padding-left: 875px;
height: 30px;
}
#front-language-nav {
padding-left: 855px;
height: 30px;
}
.nav-images {
width: 300px;
}
.nav-buttons {
width: 150px
}
}
@media screen and (max-width: 320px) {
.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.1em;
}
#take-back-democracy .form-email {
width: 260px !important;
}
#take-back-democracy input#edit-submit--2 {
width: 260px;
}
}
#login-404-mobile {
display: none;
}
@media (min-width:569px) and (max-width:767px) {
.page-search404 #login-404-mobile {
width: 130px;
margin-left: 40px;
margin-bottom: 20px;
margin-top: 1px;
display: inline-block;
}
.page-search404 #mobile-front-nav-logo {
display: none;
}
.page-user #login-404-mobile {
width: 130px;
margin-left: 40px;
margin-bottom: 20px;
margin-top: 1px;
display: inline-block;
}
.page-user #mobile-front-nav-logo {
display: none;
}
}
@media only screen and (min-width : 320px) and (max-width : 568px) { /* STYLES GO HERE */
#landing-pic-about {
height: 250px;
margin-top: -40px;
width: 100%;
/* min-width: 1024px; */
background-image: url(../img/crowd3.png);
background-position: center top;
background-size: cover;
}
#mobile-nav-logo {
width: 130
}
.not-front h1 {
width:100%;
top:0;
margin-top:0;
}
h2.link2 {
width:100%;
margin-top:10px !important;
}
#take-back-democracy input#edit-submit.form-submit {
box-sizing:border-box;
width:100%;
}
#paid-by-tim {
box-sizing:border-box;
width:100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment