.flexible-content-quote {
	padding: 30px 0 !important;
}

.flexible-content-quote .quote-body p {
	font-size: 28px !important;
}

.flexible-content-quote .quote-body .quote-source {
	font-size: 18px !important;
}


/* Title gets cut off in mobile view */
@media only screen and (max-width: 992px) and (min-width: 768px) {
	.article-header {
		padding-top: 30px !important;
	}
}

/* Flexible content CTA items */
@media only screen and (max-width: 767px) {
	.flexible-content-cta .cta-link {
		text-align: center;
	}

	.flexible-content-cta .image {
		text-align: center;
	}
}


/* Responsive content */
.col {
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	float: left;
	margin-bottom: 15px;
}

.inlineGrid {
	display: inline-grid;
}

/* Reduce size of h1 on mobile */
@media (max-width: 768px) {
	.content  h1, .intro h1 {
		font-size: 34px;
	}
	
	.content  h2, h2.cta-title {
		font-size: 28px;
	}
}

.site-header .utility .donate .donate-options li {
	padding-bottom: 2px !important;
}


/* Mega menu - too much spacing between bold items */
.site-navigation .menu-primary-menu-container>.menu>.menu-item>.dropdown-menu .dropdown-menu {
	padding-bottom: 0px !important;
} 

.dropdown-menu li {
	padding-bottom: 7px !important;
}

/* Donate block falls off grid */
.donate-block .amount {
	min-height: unset !important;
	height: 125px;
}

/* Green overlay on boxes - ipad */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.card-grid-4 .card-grid-4-post .hover-state>.content {
		padding: 30px 20px;
		transform: unset !important;
		top: unset !important;
		left: unset !important;
		margin: auto;
	}
}

/* Green overlay on boxes - ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.card-grid-4 .card-grid-4-post .hover-state>.content {
		padding: 35px 25px;
		transform: unset !important;
		top: unset !important;
		left: unset !important;
		margin: auto;
	}
}


/* Green overlay on boxes - iphone & android */
@media only screen and (max-width: 330px)  {
	.card-grid-4 .card-grid-4-post .hover-state>.content {
		transform: unset !important;
		top: unset !important;
		left: unset !important;
		margin: auto;
	}
}


/* Featured image for mems and SOH */
.story-of-hope .content > img, .memorial-body .content > img {
	float: left !important;
	margin: 0px 25px 15px 0px;
	max-width: 300px;
}

/* Cards render horrible on Firefox */
@-moz-document url-prefix() {
	.subtree-cards .card  {
		min-height: 370px !important;
	}
}

/* Card "See More" Links overlap card below */
.subtree-cards .card .excerpt, .subtree-cards .card p {
	z-index: 0 !important;
}

/* Responsive Youtube videos */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Responsive Youtube videos */


/* Heroin Hub */
@media (max-width: 769px) {
	#hidta1, #hidta2, #hidta3, #hidta4 {
		text-align: center;
	}
	
	.heroin .col-md-4 {
		text-align: center;
	}
	
	.heroin p {
		text-align: left;
	}
}

/* Heroin Hub */



/* Infographic */
.videoMargin {margin-left:0px;margin-top:10px}

#outerFrame {
	width: 640px;
	height: 1580px;
}

#iframeBox {
	width: 640px;
	height: 1550px;
}
	
@media (max-width: 768px) {
   #outerFrame {
		width: 600px;
		height: 1500px;
	}
}


@media (max-width: 568px) and (orientation: portrait) { 

	#iframeBox { width:99%;height:100%;}
   
	#lightbox-shadow {overflow:hidden;width:320px;}

	#lightbox {top:320px!important}
}

@media (max-width: 568px) and (orientation: landscape) { 

	#iframeBox { width:99%;height:100%;}
	
	#lightbox-shadow {overflow:hidden;width:480px;}
	
	#lightbox {top:350px!important;}

}
/* Infographic */


/* Events module */
.sidebar-single-event {
	float: left;
	width: 20%;
}

#main-sidebar-container {
	float: left;
	width: 70%;
}

.event-table tbody tr {
	background-color: #FFFFFF !important;
}

#event-links {
    list-style-type: none
}
#event-links li {
    padding: .5rem 0;
    border-top: 1px solid #f2f3f9
}
#event-links li:before {	
	content: none;
}
#event-links li:last-child {
    border-bottom: 1px solid #f2f3f9
}
#event-links a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #848484;
    cursor: pointer;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase
}
#event-links .active a,
#event-links a:hover {
    background: #f2f3f9;
    color: #2151ae
}
.event-link {
    color: #fff;
    display: block;
    font-family: Montserrat, sans-serif;
    padding: 3px 5px
}
.event-list-item {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    min-height: 425px
}
.event-list-img {
    float: left;
    margin-right: 10px;
    margin-bottom: 25px
}
.event-info-right {
    overflow: hidden;
    position: relative;
    top: -5px;
    margin-bottom: 100px
}
.event-info-right .post-date {
    left: 0;
    position: absolute;
    top: 8px
}
.event-list-item h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-top: 25px
}
.event-list-item h3 a {
    color: #1b1b1b;
    font-family: Montserrat, sans-serif
}
.event-list-item h2 {
    color: #1b1b1b
}
.event-list-item .button {
    background: #2151ae;
    font-family: Montserrat, sans-serif
}
.event-list-meta {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: Montserrat, sans-serif;
    color: indigo
}
.event-list-content {
    border-top: 1px solid #ddd;
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 10px;
    padding-top: 15px
}
.event-list-content p {
    line-height: 24px;
    line-height: 2.4rem
}
.event-list-content span {
    display: inline
}

.event-meta .container .col-md-3 {
	padding: 20px 15px;
}


.single-event #wrapper {
    overflow: hidden
}
body .css-events-list .entry-content {
    clear: both
}
body .css-events-list .title {
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden
}

.single-event #wrapper {
    padding: 0
}

@media (min-width: 768px) {
    .single-event #wrapper {
        padding: 0 2rem
    }
	
	.single-event.two-col-left #main-sidebar-container #main,
    .single-event.two-col-right #main-sidebar-container #main {
        float: right;
        width: 83.7%
    }
}
.single-event.two-col-left #main-sidebar-container #main,
.single-event.two-col-right #main-sidebar-container #main {
    width: 100%
}
.single-event .event-meta {
    padding-top: .1rem;
    border: 1px solid #e1e1e1;
    position: relative;
    left: 0
}
.single-event .event-meta.closed {
    position: absolute;
    left: -999999px
}
.single-event .event-meta img {
    padding: 0
}
.single-event .event-meta .inner {
    padding: 3rem
}

.single-event h1 {
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    body.two-col-left #main-sidebar-container .single-event-left-sidebar#sidebar,
    body.two-col-right #main-sidebar-container .single-event-left-sidebar#sidebar {
        float: left;
        width: 11.7%
    }
}

#event-links li {
    padding: .5rem 0;
    border-top: 1px solid #f2f3f9
}
#event-links li:last-child {
    border-bottom: 1px solid #f2f3f9
}
#event-links a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #848484;
    cursor: pointer;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase
}
#event-links .active a,
#event-links a:hover {
    background: #f2f3f9;
    color: #2151ae
}
.event-link {
    color: #fff;
    display: block;
    font-family: Montserrat, sans-serif;
    padding: 3px 5px
}

.single-event strong {
	font: 18px bold "Source Sans Pro";
}

.single-event p {
	font: 18px "Source Sans Pro";
}

.event-list-item {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    min-height: 425px
}
.event-list-img {
    float: left;
    margin-right: 10px;
    margin-bottom: 25px
}
.event-info-right {
    overflow: hidden;
    position: relative;
    top: -5px;
    margin-bottom: 100px
}
.event-info-right .post-date {
    left: 0;
    position: absolute;
    top: 8px
}
.event-list-item h3 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-top: 25px
}
.event-list-item h3 a {
    color: #1b1b1b;
    font-family: Montserrat, sans-serif
}
.event-list-item h2 {
    color: #1b1b1b
}
.event-list-item .button {
    background: #2151ae;
    font-family: Montserrat, sans-serif
}
.event-list-meta {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: Montserrat, sans-serif;
    color: indigo
}
.event-list-content {
    border-top: 1px solid #ddd;
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 10px;
    padding-top: 15px
}
.event-list-content p {
    line-height: 24px;
    line-height: 2.4rem
}
.event-list-content span {
    display: inline
}

body .css-events-list .entry-content {
    clear: both
}

body .css-events-list .title {
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden
}


.single-event #wrapper {
    padding: 0
}

.single-event.two-col-left #main-sidebar-container #main,
.single-event.two-col-right #main-sidebar-container #main {
    width: 100%
}
.single-event .event-meta img {
    padding: 0
}
.single-event .event-meta .inner {
    padding: 3rem
}
.single-event h1 {
    margin-bottom: 2.5rem
}

.single-event .event-heading-image {
    margin-top: 0
}

@media (min-width: 480px) {
    body .css-events-list .entry-content {
        clear: none
    }
}

@media (min-width: 1040px) {
    .single-event #wrapper {
        padding: 0
    }
}

@media (max-width: 767px) {
    
	.sidebar-single-event {
		float: none;
		width: 100%;
	}

	#main-sidebar-container {
		float: none;
		width: 100%;
	}
	
}

@media (min-width: 768px) {
    body.two-col-left #main-sidebar-container .single-event-left-sidebar#sidebar,
    body.two-col-right #main-sidebar-container .single-event-left-sidebar#sidebar {
        float: left;
        width: 11.7%
    }
	
	#event-links li {
        padding: 2.5rem 0
    }
}

@media (min-width: 768px) {
    .single-event #wrapper {
        padding: 0 2rem
    }
}
@media (min-width: 1040px) {
    .single-event #wrapper {
        padding: 0
    }
}
@media (min-width: 768px) {
    #event-links li {
        padding: 2.5rem 0
    }
}

@media (min-width: 768px) {
    .single-event.two-col-left #main-sidebar-container #main,
    .single-event.two-col-right #main-sidebar-container #main {
        float: right;
        width: 83.7%
    }
}
.single-event .event-meta {
    padding-top: .1rem;
    border: 1px solid #e1e1e1;
    position: relative;
    left: 0
}
.single-event .event-meta.closed {
    position: absolute;
    left: -999999px
}


body.two-col-left #main-sidebar-container .single-event-left-sidebar#sidebar,
body.two-col-right #main-sidebar-container .single-event-left-sidebar#sidebar {
    width: 100%
}


article, aside, main {
    display: block
}