/*   
Theme Name: Malta Justice Initiative
Theme URI: http://www.maltajusticeinitiative.org
Description: Custom theme designed for Malta Justice Initiative
Author: 41 North Studios LLC // Jim Armstrong
Author URI: http://www.41northstudios.com
Version: 1.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}



/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
	
	
	
/* 41N custom styles */

/* Clearfix */
.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* Global */

html {
	width: 100%;
	overflow-x: hidden;	
}

body {
	background: #fff;
	text-align: center;
	font-family: "Open Sans";
	font-size: 16px;
	overflow-x: hidden;
	color: #231f20;
  
}

#wrapper {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}

.bold {
	font-weight: bold;
}

.semibold {
	font-weight: 600;
}

.italic {
	font-style: italic;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.hidden {
	visibility: none;
	display: none;
	opacity: 0;
}

a {
	color: #be1e2d;
}

/* Header and Nav Menu */

#header {
	background-color: #231f20;
	height: 125px;
	margin: 0 -9999rem;
	padding: 40px 9999rem;
}

#header h1 {
	float: left;
}

#main-nav {
	float: right;
	margin-top: 7px;
}

#main-nav ul {
	list-style: none;
}

#main-nav li {
	display: inline;
	margin-right: 15px;
	font-size: 0.775em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	transition: color 0.2s ease 0s;
	position: relative;
	cursor: pointer;
}

#main-nav li:last-child {
	margin-right: none;
}

#main-nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	transition: color 0.2s ease 0s;
}

#main-nav li a:hover, #main-nav li:hover {
		color: red;
}

#main-nav ul li ul {
	position: absolute;
	top: 10px;
	left: 0;
	width: 175px;
	display: none;
	opacity: 0;
	visibility: hidden;
	font-size: 1.125em;
	padding: 10px 0;
	
}

#main-nav ul li ul li {
	display: block;
	color: #fff;
	background: #231f20;
}


#main-nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#main-nav li.donate-button {
	font-style: italic;
	border-radius: 3px;
	border: 2px solid #ffd52d;
	background: none repeat scroll 0 0 #ffd52d;
	padding: 10px 15px;
	transition: all 0.5s ease 0s;
}

#main-nav li.donate-button:hover {
	border: 2px solid #fff;
	background: none repeat scroll 0 0 #fff;
}

#main-nav li.donate-button a {
	color: #231f20;
}

/* Homepage */

/* Sliders */

#carousel-wrap {
	background-color: #6d6e71;
	margin: 0 -9999rem;
	padding: 0 9999rem;
}

.slider-headline {
	text-transform: uppercase;
	font-weight: 100;
	color: #fff;
	font-size: 2.75em;
	line-height: 1.75;
}

.slider-subtext {
	color: #fadf4d;
	font-style: italic;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1.75;
}

.slider-panel {
	display: block;
	float: left;
	background: #6d6e71;
}

#slider-1 {
	padding: 0px 0;
}

#slider-2, #slider-3 {
	text-align: center;
}

#slider-1 img {
	display: table;
	margin: 0 auto;
	/*width: 300px;
	float: left;*/
}
#slider-1-headline {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

#slider-1-subtext {
	float: left;
	margin-left: 20px;
}

#slider-1-button {
	float: right;
	clear: left;
	font-weight: 400;
	font-style: italic;
	border: 2px solid #fff;
	padding: 5px 20px;
	margin-right: 200px;
	font-size: 1.25em;
	position: relative;
	top: -80px;
	transition: all 0.5s ease 0s;
}

#slider-1-button:hover {
	border: 2px solid #ffd52d;
	background-color: #ffd52d;
}

#slider-1-button a { 
	text-decoration: none;
	color: #fff;
}

#slider-1-button:hover a { 
	color: #6d6e71;
	text-decoration: none;
}


/* How To Help Bar */

#how-to-help {
	height: 135px;
	background-color: #fdd826;
	margin: 0 -9999rem;
	padding: 10px 9999rem;
}

#how-to-help h2 {
	margin-left: 70px;
	margin-top: 5px;
	text-transform: uppercase;
	color: #000;
	font-size: 1.875em;
	float: left;
}

.how-to-help-section {
	height: 105px;
	margin-left: 10px;
	float: left;
	padding-top: 30px;
	width: 225px;
}

#how-to-help-1 {
	margin-left: 170px;
}


.how-to-help-number {
	font-family: "Lato";
	color: rgba(30, 65, 78, 0.15);
	float: left;
	font-size: 48px;
	font-weight: 300;
	width: 27%;
}

.how-to-help-slash {
	border-left: 1px solid rgba(30, 65, 78, 0.15);
	display: block;
	float: left;
	height: 77px;
	margin: 0 13px 0 5px;
	position: relative;
	top: -12px;
	transform: rotate(17deg);
}

.how-to-help-title {
	font-family: "Lato";
	color: #1e414e;
	float: left;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 26px;
	width: 64%;
}


/* Welcome Content */

#welcome {
	padding-top: 40px;
}

#welcome h3 {
	text-transform: uppercase;
	font-size: 2.0em;
}

#welcome-videos {
	width: 1040px;
	text-align: center;
	margin: 30px auto;
}

#welcome-video-1 {
	float: left;
	width: 500px;
	padding-top: 10px;
}

#welcome-video-2 {
	float: right;
	width: 500px;
	padding-top: 10px;
}

#welcome-content {
	margin-left: 20px;
	width: 1000px;
}

#welcome-content p {
	margin-top: 10px;
	font-size: .9em;
}

#welcome-content ul {
	margin-top: 10px;
	list-style: disc;
	margin-left: 25px;
}

#welcome-content ul li {
	margin-top: 10px;
	font-size: .9em;
}

/* Our Mission */

#our-mission {
	margin-top: 20px;
}

#our-mission h3 {
	text-transform: uppercase;
	font-size: 2.0em;
	margin-bottom: 20px;
}

#mission-box-wrapper {
	width: 1090px;
	margin: 0 auto;
}

.mission-box {
	width: 49%;
	height: 250px;
	margin: 10px 0;
}

.mission-box-text {
	width: 50%;
	color: #fff;
	background-color: #231f20;
	text-align: center;
	height: 250px;
	float: left;
}

.mission-box-text h4 {
	text-transform: uppercase;
	padding-top: 35px;
	padding-bottom: 20px;
	font-size: 1.25em;
}

.mission-box-text a {
	text-decoration: none;
	color: #fff;
}

.mission-separator {
	border-top: 1px solid #fff;
	display: block;
	width: 70px;
	position: relative;
	top: -9px;
	left: 37%;
}

.mission-box-text p {
	font-size: 0.75em;
	padding: 0 10px;
	font-weight: 100;
}

.mission-box-image {
	height: 250px;
	float: left;
	width: 50%;
}


/* Events */

#event-excerpt {
	margin: 20px 0;
}


#events {
	margin: 50px -9999rem 20px;
	padding: 60px 9999rem 40px;
	background-color: #fdd826;
}

#event-listings {
	background-color: #fff;
	width: 50%;
	height: 310px;
	padding: 10px;
	float: left;
}

#events h3 {
	text-transform: uppercase;
	font-size: 2.0em;
	margin-bottom: 20px;
	display: inline;
}

.event {
	height: 75px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	transition: all 0.5s ease 0s;
}

.event:last-child {
	border-bottom: none;
}

.event .date {
	font-style: italic;
	font-size: 0.75em;
}

.event h4 {
	font-size: 1.25em;
}

.event i {
	float: left;
	margin: 15px 15px 0 15px;
}

.event:hover {
	background-color: #231f20;
	color: #fff;
	cursor: pointer;
}

#event-description {
	margin-left: 50px;
	float: left;
	width: 500px;
	
}

#event-description .date {
	font-style: italic;
	font-size: 1.0em;
}

#event-description h4 {
	font-size: 2.0em;
}

#event-details-button {
	font-weight: 400;
	font-style: italic;
	font-size: 1.25em;
	padding: 5px 20px;
	border: 2px solid #231f20;
	float: left;
	margin-top: 15px;
	transition: all 0.5s ease 0s;
}

#event-details-button a {
	color: #231f20;
	text-decoration: none;
}

#event-details-button:hover {
	background-color: #231f20;

}

#event-details-button:hover a {
	color: #fdd826;
}

#events-link {
	text-decoration: none;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

#events-link:hover {
	text-decoration: underline;
}

/* Education & Advocacy */

#page-content {
	margin-top: 50px;
	margin-bottom: 40px;
	padding-left: 80px;
}

#contact-content {
	margin-top: 50px;
	margin-bottom: 0;
	padding-left: 80px;
}

#page-content h2, #contact-content h2 {
	font-size: 2.75em;
	font-weight: 100;
	margin-bottom: 25px;
}


#page-content h3 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

#page-content h4 {
	font-size: 1.25em;
	margin-bottom: 20px;
}

.page-image {
	float: left;
	margin-right: 30px;
}

.large-emphasis {
	color: #be1e2d;
	font-size: 2.0em;
	font-style: italic;
	text-align: center;
	font-weight: 100;
	letter-spacing: 1.5px;
	margin: 50px 0;
	display: block;
}

#page-content p, #contact-content p {
	margin-bottom: 20px;
	line-height: 1.5;
}

#page-content p.board-member, #page-content p.address-block {
	margin-bottom: 2px;
}

#page-content p.caption {
	font-style: italic;
	font-size: 0.75em;
	padding: 0 10px;
	text-align: center;
	margin-bottom: 0;
}

#page-content ul {
	list-style: disc;
	overflow: hidden;
}

#page-content ul li {
	margin-bottom: 15px;
	margin-left: 20px;
}

#education-bottom-image {
	width: 367px;
}

span.subtitle {
	font-weight: 100;
	font-size: 0.5em;
}

.book-image {
	float: right;
	margin-left: 40px;
}

#book-quote {
	width: 63%;
	border-top: 1px solid #fdd826;
	border-bottom: 1px solid #fdd826;
	padding: 20px 0;
}

p.book-quote {
	font-weight: 400;
	font-style: italic;
	font-size: 1.25em;
}

#book-quote p.book-quote-citation {
	margin-bottom: 3px;
	text-align: right;
}

#authors {
	margin-top: 20px;
}


#buy-button {
	font-style: italic;
	border-radius: 3px;
	border: 2px solid #ffd52d;
	background: none repeat scroll 0 0 #ffd52d;
	padding: 10px 15px;
	transition: all 0.5s ease 0s;
	margin-top: 20px;
	color: #231f20;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	display: block;
}


/* Blog */

#sidebar {
	float: right;
	width: 30%;
	margin-top: 30px;
}

#blog, #search-results {
	margin: 30px 0;
	width: 60%;
	float: left;
}


#search-results article {
	margin-bottom: 40px;
}


.blog-entry {
	margin-bottom: 35px;
}

.blog-date {
	font-size: 0.75em;
	font-style: italic;
}

.blog-content {
	font-size: 0.875em;
}

.blog-title {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.blog-title a {
	text-decoration: none;
	color: #231f20;
}

#blog img {
	float: left;
	margin: 0 25px 10px 0;
}

.read-article {
	text-decoration: none;
	font-style: italic;
	color: #231f20;
	font-size: 1.125em;
	padding: 5px 10px;
	border: 2px solid #231f20;
	border-radius: 4px;
	margin-top: 30px;
	display: inline-block;
}


#page-content #blog .entry-image, .entry-image {
	float: left;
	margin: 0 30px 30px 0;
}

#page-content #blog .entry-content, .entry-content {
	margin-bottom: 20px;
}

.entry-content p {
	margin-bottom: 20px;
}

.posted-on {
	margin-bottom: 10px;
	font-style: italic;
}

#page-content #blog .blog-entry, .blog-entry {
	margin: 0 0 50px 0;
}

#page-content #blog .blog-entry p, .blog-entry p {
	margin: 0 0 15px 0;
}

#page-content #blog p.blog-date {
	margin-bottom: 0;
}


div.fb-like-box {
	float: right;
	margin-top: 50px;
}

div.twitter-feed {
	width: 400px;
	float: right;
	margin: 50px 0 30px 0;
}


/* Footer */

footer {
	height: 150px;
	background-color: #58595b;
	margin: 0 -9999rem;
	padding: 20px 9999rem;
	color: #fff;
}

footer #footer-text {
	float: left;
}

footer #social-icons {
	float: right;
	margin-top: 20px;
}

footer #social-icons img {
	margin-right: 15px;
}

#linkedin-icon {
	position: relative;
	top: -3px;
}

footer small {
	display: block;
	margin-top: 10px;
}


.pagination {
    clear:both;
    position:relative;
    font-size:11px; /* Pagination text size */
    line-height:13px;
    float:left; /* Pagination float direction */
}
.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #555; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
.pagination a:hover{
    color:#fff;
    background: #6AAC70; /* Pagination background on hover */
}
.pagination .current{
    padding:6px 9px 5px 9px;
    background: #6AAC70; /* Current page background */
    color:#fff;
}


div.widget {
	margin-bottom: 20px
}

div.widget ul  {
	padding-left: 10px;
}

#searchsubmit {
	margin-top: 0px;
}

#search-widget {
	margin-top: 40px;
}

/* Contact form */

#li--1, #li--2, #li--3 {
	width: 300px;
	margin-bottom: 20px !important;
}

#li--1 input, #li--2 input, #li--3 input {
	width: 300px !important;
}

#li--1 label, #li--2 label, #li--3 label {
	display: none;
}

span.reqtxt, span.emailreqtxt {
	text-align: right;
	width: 76% !important;
	margin-top: 5px !important;
}


#li--4 {
	width: 600px !important;
	position: relative;
	top: -182px;
	left: 350px;
}

#li--4 textarea {
	width: 600px !important;
}

#li--4 label {
	display: none;
}

#sendbutton {
	position: relative !important;
	top: -179px !important;
	left: -69px !important;
}

#cformsform {
	width: 100% !important;
	background: none !important;
	border: none !important;
	height: 300px !important;
}


#contact-form {
	height: 200px;
	background-color: #fdd826;
	margin: 0 -9999rem;
	padding: 30px 9999rem;
}



#address {
	margin: 0 -9999rem;
	padding: 60px 9999rem 30px 9999rem;
	background-color: #fdd826;
}

#address p {
	margin-bottom: 5px;
}

#constant-contact-link {
	clear: both;
	position: relative;
	left: 33%;
	top: -47px;
	margin-left: 20px;
	padding-top: 15px;
	padding-left: 30px;
}

#constant-contact-link h3 {
	font-size: 1.125em;
	display: block;
	text-transform: none;
	margin-bottom: 0;
}

#CC_button {

	position: relative;
	top: 7px;
}

#CC_button a {
	text-decoration: none;
}

p.disclaimer {
	font-size: 0.875em;
	width: 45%;
	position: relative;
	top: -40px;
	left: 96px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
} */

#CC_button a.button{
    background-color: rgb(35, 31, 32);
    border: 1px solid rgb(91, 91, 91);
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 8px 10px;
    text-shadow: none;
    border-radius: 10px; 
}
.video-content {
  margin: 20px 0 0 20px;
}
.home #page-content{ padding-left:20px; margin-bottom:0; margin-top:25px}
.home-page-content{ padding-bottom:25px; }



/*********************************************************************************************************************
New Update Css for Change as per Updates on :: 27-03-2017 <From Dayna L.>
http://pms.webcodegenie.com/public/index.php?path_info=projects/website-maintenance-for-wordpress/tasks/114
*********************************************************************************************************************/
#event-listings {
    background-color: #231f20;
    width: 80%;
    height: auto;
    padding: 10px;
    float: none;
    color: #fff;
    position: relative;
    margin: 0px auto;
    padding: 10px 20px;
}

div#event-listings > h3 {
    color: #fdd826;
}

div#event-listings > #events-link:hover, div#event-listings > #events-link:focus {
    display: block;
    background: #fcd700;
    color: #231f20;
    text-decoration: none;
}

div#event-listings > #events-link {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0px;
    line-height: normal;
    padding: 5px 10px;
    color: #fff;
    background: rgba(255,255,255,0.1);
}

#event-listings > div.event {
    display: block;
    position: relative;
    height: auto;
    padding: 10px 0px 10px 0px;
}

#event-listings > div.event h4, #event-listings > div.event i {
    font-size: 16px;
    line-height: normal;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
}

#event-listings > div.event h4, #event-listings > div.event h4 a {
    margin-left: 40px;
    line-height: 32px;
    margin: 0px 0px;
    padding: 10px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}

#event-listings > div.event h4{border-bottom: 1px solid #d5d5d5;margin-bottom:10px;}

#event-listings > div.event:hover h4,
#event-listings > div.event:focus h4,
#event-listings > div.event:hover a,
#event-listings > div.event:focus a,
#event-listings > div.event:hover i,
#event-listings > div.event:focus i{background: #fdd826;
    color: #000;
    border: 0px;}
#event-listings > div.event:hover h4,
#event-listings > div.event:focus h4{margin-bottom: 10px;border-bottom: 1px solid #fdd826;}

#event-listings > div.event i {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-top: 10px;
}
#event-details-button{
    float: right;
}
#event-listings > div.event .descri{
    margin-left: 40px;
    font-size: 14px;
    margin-top: 0px;
    position: relative;
}
.toggle-menu {
  border-radius: 3px;
  color: #000000;
  display: none;
  font-style: italic;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}
/*********************************************************************************************************************
New Update Css for Change as per Updates on :: 27-03-2017 <From Dayna L.> End
*********************************************************************************************************************/
/*********************************************************************************************************************
Add New responsive css
*********************************************************************************************************************/
@media (max-width:1280px) {
#page-content {
 padding-left: 0;
 margin-bottom: 0;
}
#contact-content {
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 0;
}
}
@media (max-width:1199px) {
#wrapper {
  width: 95%;
}
#header h1 {
  float: left;
  width: 30%;
}
#how-to-help {
  display: inline-block;
  height: auto;
  margin: 0 -9999rem;
  padding: 10px 9999rem;
}
#how-to-help h2 {
  margin-left: 20px;
  width: 100%;
}
#constant-contact-link {
  left: 0;
  padding-left: 0px;
  top: 0;
}
#how-to-help {
  height: auto;
}
#blog-wrapper {
  display: inline-block;
  width: 100%;
}
div.fb-like-box {
  width: 54%;
float: left;
 margin: 0;
}
.fb_iframe_widget span {
  width: 100% !important;
}
.fb_iframe_widget iframe {
  width: 100% !important;
}
div.twitter-feed {
  width: 40%;
 float: right;
 margin: 0 0 30px;
}
#blog, #search-results {
  width: 100%;
}
#page-content #blog .blog-entry, .blog-entry {
  margin: 0 0 10px;
}
._2p3a {
  width: 100% !important;
}
footer {
  display: inline-block;
  height: auto;
}
#sidebar {
  float: left;
  width: 100%;
}
footer #footer-text {
  float: left;
  width: 100%;
}
footer #social-icons {
  float: left;
}
}
@media (max-width:1100px) {
#header h1 {
  display: table;
  float: none;
  margin: 0 auto;
}
#main-nav {
  display: table;
  float: none;
  margin: 0 auto;
}
#header {
  height: 160px;
}
#welcome {
  display: inline-block;
  padding-top: 40px;
  width: 100%;
}
#welcome-content {
  width: 90%;
}
.video-content {
  display: inline-block;
  width: 100%;
}
#welcome-videos {
  width: 90%;
}
#welcome-video-1 {
  width: 50%;
}
#welcome-video-2 {
  width: 50%;
}
#welcome-video-1 > iframe {
  width: 90%;
}
#welcome-video-2 > iframe {
  width: 90%;
}
#li--1, #li--2, #li--3 {
  margin-bottom: 20px !important;
  width: 100%;
}
#li--1 input, #li--2 input, #li--3 input {
  width: 100% !important;
}
#li--4 {
  left: 0;
  position: relative;
  top: 0;
  width: 100% !important;
}
#li--4 textarea {
  width: 100% !important;
}
#contact-form {
  height: auto;
}
#sendbutton {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}
#page-content h2, #contact-content h2 {
    font-size: 1.75em;
}
.large-emphasis {
    font-size: 1em;
}
}
@media (max-width:800px) {
div.fb-like-box {
  width: 100%;
}
div.twitter-feed {
  width: 100%;
}
#main-nav li:last-child {
  display: inline-block;
  margin-top: 10px;
}
.page-image {
    width: 100%;
}
#header {
  display: block;
  height: 100px;
}
#main-nav {
  background: #231f20 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  display: none;
  float: left;
  margin: 60px 0 0;
  padding: 10px 10px 10px;
  position: absolute;
  width: 96%;
  z-index: 1;
}
#header h1 {
  display: table;
  float: left;
  margin: 0 auto;
}
.toggle-menu {
  display: table;
  float: right;
  text-align: right;
}
#main-nav li {
  float: left;
  text-align: center;
  width: 100%;
}
#main-nav ul li ul {
  background: #161213 none repeat scroll 0 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  z-index: 1;
}
#main-nav ul li ul li {
  background: #161213 none repeat scroll 0 0;
}
#main-nav ul li ul li:last-child {
  margin-top: 0;
}
}
@media (max-width:760px) {
#main-nav ul li ul {
  background: #161213 none repeat scroll 0 0;
  padding: 10px;
  top: 20px;
  z-index: 1;
}
}
@media (max-width:600px) {
#header h1 {
  width: 62%;
}
#main-nav li {
  float: left;
  font-size: 14px;
  margin-right: 0px;
  text-align: center;
  width: 100%;
}
#main-nav ul li ul {
  left: 0;
  margin: 0 auto;
  right: 0;
}
#welcome-video-1 {
  width: 100%;
}
#welcome-video-2 {
  width: 100%;
}
#events h3 {
  float: left;
  margin-bottom: 10px;
  width: 100%;
  font-size: 1em;
}
div#event-listings > #events-link {
  float: left;
  margin: 0 0 15px;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
#event-listings > div.event {
  display: inline-block;
  width: 100%;
}
#event-listings > div.event .descri {
  margin-left: 0;
  margin-top: 0;
}
footer #social-icons {
  float: left;
}
#page-content h2, #contact-content h2 {
  font-size: 30px;
}
.wp-caption.alignnone {
  width: 100% !important;
}
.wp-caption.aligncenter {
  width: 100% !important;
}
.category-uncategorized iframe {
  width: 100%;
}
#page-content h2, #contact-content h2 {
  font-size: 20px;
}
#education-bottom-image {
  width: 100%;
}
.book-image {
  float: left;
  margin-left: 0;
  width: 100%;
}
#book-quote {
  width: 100%;
}
.large-emphasis {
  font-size: 1em;
}
#page-content h3 {
  font-size: 1em;
  margin-bottom: 20px;
}
.blog-title {
  font-size: 1em;
}
.read-article {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 0;
}
#recent-posts-2 a {
  font-size: 14px;
}
#page-content iframe {
  width: 100%;
}
#welcome h3 {
  font-size: 1em;
}
#welcome {
  padding-top: 25px;
}
.video-content {
  margin: 10px 0 0 20px;
}
#welcome-video-1 > p, #welcome-video-2 > p {
  font-size: 14px;
}
#how-to-help h2 {
  font-size: 1.5em;
}
#constant-contact-link {
  padding-top: 5px;
}
#constant-contact-link > p {
  font-size: 14px;
}
p.disclaimer {
  left: 0;
  padding: 10px 0;
  top: 0;
  width: 100%;
}
#welcome-videos {
  margin: 10px auto;
}
#events {
  margin: 20px -9999rem;
  padding: 40px 9999rem;
}
#blog-wrapper #blog {
  display: table;
  float: none;
  margin: 0 auto;
  width: 90%;
}
#page-content {
  margin-top: 30px;
}
}
@media (max-width:480px) {
#carousel-wrap {
  height: 300px;
}
#page-content a {
  overflow-wrap: break-word;
}
}
@media (max-width:360px) {
#carousel-wrap {
  height: 200px;
}
}

#impacts_to_children_of_incarcerated_parents_wrapper {margin: 0 30px;}
#impacts_to_children_of_incarcerated_parents_wrapper h3 {text-transform: uppercase; font-size: 2.0em;}