#outside-dc .textwidget {text-transform: uppercase;}

#gallery {margin: 0; padding: 0;} 
#gallery li {display: inline-block; list-style:none !important; padding: 10px 10px 10px 0px;}

@media (min-width: 768px){ 
a, .btn, input, img, .bgcon, h1, h2, h3, h4, h5, .entry-title:after {
     webkit-transition: all 0s ease;
    -moz-transition: all 0 ease;
    -ms-transition: all 0 ease;
    -o-transition: all 0 ease; */
     transition: all 0 ease; */

h1 .btn-block.btn-lg {font-size: 22px;}
}


/*.page-template-page-home #sec-id149 a, .page-template-page-home #sec-id149 p, .page-template-page-home #sec-10 a, .page-template-page-home #sec-10 p, .page-template-page-home #sec-id160 a, .page-template-page-home #sec-id160 p, #sec-id160 article {color: #f5f8fa} */



.alternate a {color: #29b4bc;}
.alternate a:hover {color: #117278;}

#sec-id10 h4 {color: #fff;}

#header {background-size: cover;} 

#take-a-break h1 {
    margin-top: 170px;
}
.bg-primary, .bg-primary .bgcon {
    min-height: 100%;
    background-color: rgba(41, 180, 188, 0.6);
    background: rgba(41, 180, 188, 0.6);
    /* max-height: 100%; */
    /* height: 100%; */
}


#sec-id168 .nano-content {
    background: rgba(000,000,00, 0.6);
    padding: 25px 25px;
}



.list-group-item-warning, 
.list-group-item-success,
.list-group-item list-group-item-warning {
    color: #117278;
    background-color: #f4f4f4;} 

.list-group-item-info {
    color: #FFF;
    background-color: #cf2828;
}

.list-group-item-info a {
    color: #FFF;
}

.scroll-top-inner {color: white;}

/*background red link styles initial color:color: #f5f8fa; hover state #FFF*/



/*Activist tool kit*/

article#text-2, #nav_menu-3 {}

#Introaction-kit {font-size: 30px;padding-right: 50px;}

#action-kit ul {padding: 0; margin: 0;}

#action-kit li {list-style: none !important; 
height: 40px; 
font-size: 22px; padding: 0; margin: 0;}

#action-kit a {
-webkit-border-radius: 5rem;
border-radius: 5rem;
color: #f5f8fa; 
text-decoration: none; 
}


#action-kit a:hover {color: #fff; background: #D02520;}



/*Logistics buttons*/

#Logistics {background: url('http://www.disruptj20.org/wp-content/uploads/2016/12/GreenBGMarch.jpg'); background-size: cover;}
#menu-logistics {min-width: 300px; width: 90%; max-width: 420px; margin: 0 auto;
    text-align: center;
margin-top: 100px; 
}

#menu-logistics li {max-width: 20px; max-width: 320px;
    font-size: 44px;
    padding: 25px 50px;
    color: #fff;
    border: 10px solid #fff; 
	display: block}

#menu-logistics li a {text-decoration: none; color: #fff;}

#can_embed_form #logo_wrap a {height: 40px !important; width: 40px !important;}
#can_embed_form #logo_wrap a img {width: 100%;}




/**hover logo**/

body .can_embed.v2.form #can_embed_form input[type="submit"]:hover, body .can_embed.v2.form #can_embed_form .button:hover, body .can_embed.v2.form #donate_auto_modal input[type="submit"]:hover, body #donate_auto_modal .button:hover {
    background-color: rgba(255,255,255,1) !important;
    color: #03586c !important;
}

#sec-7, footer section {
    background: #cf2828;
    padding-bottom: 21px;
}


/*typography clean up*/

body, p, a {
    font-weight: 500 !important;
    font-family: 'Josefin Sans', Helvetica, Arial, sans-serif !important;
}

article p {font-size: 16px; line-height: 30px; margin: 0 0 15px 0;}

.lead {font-size: 20px; line-height: 30px; margin: 0 0 15px 0;}

article h6 {font-size: 18px; margin: 0 0 20px 0; font-weight: 900 !important;
}

article h5 {font-size: 21px; margin: 10px 0 20px 0; font-weight: 900 !important;}

article h4 {font-size: 24px; margin: 10px 0 20px 0; font-weight: 900 !important;}

article h3 {font-size: 28px; margin: 10px 0 20px 0; font-weight: 900 !important;}

article h2 {font-size: 36px; margin: 10px 30 20px 0; font-weight: 900 !important;}

article h2 {font-size: 48px; margin: 10px 0 20px 0; font-weight: 900 !important;}

.menu-left-container, #topNav {font-weight: 900 !important;}

#front-block-text {text-align: center;}

#front-block-text h3 {text-align: left; color: #FFF !important; font-size: 16px;
    margin: 0 0 0 0;
}

#front-block-text p { color: #FFF !important; font-size: 16px; font-weight: 900 !important; line-height: 21px;     letter-spacing: -1px;

}


.events.header .page-title {
    margin: 21px 15px !important
}




/*Forms*/

input[type=search] {	-webkit-appearance: none;}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


div#form_col1 > input[type="text"] {color: #FFF !important;}
div#form_col1 > input[type="email"] {color: #FFF !important;}

.placeholder
{
  color: #FFF;
}


::-webkit-input-placeholder
{
  color: #fff;
  font-weight: bold;
}


div#form_col1 > input[type="text"]#form-first_name::-webkit-input-placeholder {
  color: white !important;
  opacity: 1;
  font-size: 14px;

}

div#form_col1 > input[type="text"]#form-last_name::-webkit-input-placeholder {
  color: white !important;
  opacity: 1;
  font-size: 14px;
}

div#form_col1 > input[type="text"]#form-zip_code::-webkit-input-placeholder {
  color: white !important;
  opacity: 1;
  font-size: 14px;
}

div#form_col1 > input[type="email"]#form-email::-webkit-input-placeholder {
  color: white !important;
  opacity: 1;
  font-size: 14px;
}

#new_answer {color: #fff !important;}


}
@media (min-width: 1340px)
html body #topNav .navbar-header {
    margin-left: 0 !important;
    margin-right: 50px;
}

#front-block-text h2 {font-size: 38px; text-align: center; letter-spacing: -1px;}
#front-block-text h3 {font-size: 30px; text-align: center;}
#font-block-text p { 
    line-height: 30px;
    margin: 0px;
    font-weight: 900 !important;
    line-height: 14px;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    letter-spacing: -1px;

}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
#front-block-text {text-align: left;

h1 .btn-block.btn-lg {font-size: 22px;}
}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
letter-spacing: -1px;
}


}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
    letter-spacing: -1px;
}

}

}


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
#front-block-text {text-align: left;h1 .btn-block.btn-lg {font-size: 22px;}}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
letter-spacing: -1px;
}

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
letter-spacing: -1px;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
letter-spacing: -1px;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
letter-spacing: -1px;
}

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
#front-block-text {text-align: left !important;

h1 .btn-block.btn-lg {font-size: 22px;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
#front-block-text {text-align: left !important;

h1 .btn-block.btn-lg {font-size: 22px;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
#front-block-text {text-align: left;
h1 .btn-block.btn-lg {font-size: 22px;}

#front-block-text h3 {
    font-size: 16px;
    text-align: LEFT;
}


#front-block-text h2 {
    font-size: 30px;
    text-align: LEFT;
    letter-spacing: -1px;
}

#front-block-text p {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 900 !important;
    line-height: 21px;
    text-align: left;
    margin: 10px 0px 10px 0;
    letter-spacing: -1px;

}

}