/* Load More button */
.malinky-load-more__button:hover,
.malinky-load-more__button:focus {
	background: #fff;
    text-decoration: none!important;
    color: #ff7430;
    border: 3px solid #ff7430;
}

/* Google Translate Bar - top of header */

.site-header .callout .get-help {
	margin-top: 8px;
	float: right !important;
	width: unset !important;
}

.site-header .callout { 
    padding: 2px 0 !important;
}

#google_language_translator {
	float: left;
	padding-left: 15px;
}

.goog-te-gadget .goog-te-combo {
	margin: 2px 0 !important;
}


@media only screen and (max-width: 504px) and (min-width: 330px) {
	#google_language_translator {
		float: right;
		padding-right: 15px;
	}
}



/* Google Translate Bar - next to social media buttons */
.google-translate {
	float: right;
	margin: -4px 0px 10px 0px;
}

.social-share .content {
	float: left;
}

.article-header .social-share {
	max-width: 300px;
}


@media only screen and (max-width: 420px) {
	.google-translate {
		float: right;
		margin-left: 5px;
	}
	
	.social-share .content {
		float: left;
	}
	
	.article-header .social-share {
		width: 100% !important;
	}
}


/* Blog sidebar - take aways area*/
.flexible-content-paragraph .take-aways {
	border: none !important;
}

/* Smaller Join button */
@media only screen and (max-width: 420px) {
	form.join-form  button {
		width: 55% !important;
		padding: 8px 0px !important;
		font-size: 24px;
	}
}

/* Helpline Block icon */
.helpline-quote-container .helpline .icon-wrapper .icon {

	background: #fff url('/wp-content/themes/PDFK/img/phone-icon.png') no-repeat center  !important;
	background-size: 44px 70px !important;
}

.helpline-quote-container .helpline .icon-wrapper .icon::before {
	content: "" !important;
}




/* Sign Up button above Donate button */

.site-header .utility .sign-up .label {
	font-size: 18px !important;
}

.site-header .utility .sign-up .label {
	top: 53% !important;
	left: 47% !important;
}

.content .label img {
	height: 34px;
}


/* MAP Template Design */

.stat-text a.learn-more::after {
	background-color: #fff !important;
}

.pledge-callout .tweet, .sponsors-partners .learn-more, .helpline-quote-container .quote .quote-link .learn-more {
	color: #00acc7 !important;
}

.helpline-quote-container {
	padding-bottom: 20px !important;
}

.stat-component,.stat-component#map-stat-component{
    background-color:#00acc7;
    color:#fff
}

@media only screen and (min-width:992px){
    .stat-component,.stat-component#map-stat-component{
        padding-top:130px;
        padding-bottom:130px
    }
}
.stat-component#map-stat-component .stat-figure,.stat-component .stat-figure{
    float:left;
    width:100%;
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    font-size:28vw;
    text-align:center
}

@media (min-width:992px){
    .stat-component#map-stat-component .stat-figure,.stat-component .stat-figure{
        float:left;
        width:25%
    }

    .stat-component#map-stat-component .stat-figure,.stat-component .stat-figure{
        text-align:left
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .stat-component#map-stat-component .stat-figure,.stat-component .stat-figure{
        font-size:100px
    }
}
@media only screen and (min-width:1200px){
    .stat-component#map-stat-component .stat-figure,.stat-component .stat-figure{
        font-size:100px
    }
}
.stat-component#map-stat-component .stat-text,.stat-component .stat-text{
    float:left;
    width:100%;
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px;
    text-align:center
}

@media (min-width:992px){
    .stat-component#map-stat-component .stat-text,.stat-component .stat-text{
        float:left;
        width:50%
    }

	.stat-component#map-stat-component .stat-text,.stat-component .stat-text{
        margin-bottom:0;
        text-align:left
    }
}

.stat-component#map-stat-component .stat-text p,.stat-component .stat-text p{
    font-size:45px
}

.stat-component#map-stat-component .stat-text .learn-more,.stat-component .stat-text .learn-more{
    color:#fff
}


.stat-component#map-stat-component .stat-image,.stat-component .stat-image{
    float:left;
    width:100%;
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    text-align:center
}

@media (min-width:992px){
    .stat-component#map-stat-component .stat-image,.stat-component .stat-image{
        float:left;
        width:16.66667%
    }

    .stat-component#map-stat-component .stat-image,.stat-component .stat-image{
        text-align:right
    }
}

.stat-component#map-stat-component .stat-image img,.stat-component .stat-image img{
    display:inline-block
}

/* MAP template */

.map-sms-content .map-hero:before {
	background-color: #00acc7 !important;
	opacity: 0.65;  
}

.map-sms-content .map-take-action .card h1 a {
	color: #00acc7;
}


/* remove bullet points from search results */
.ss360-suggests:before {
	width: 0 !important; 
	height: 0 !important;
}

#ss360-search-result-heading {
    margin-bottom: 1em !important;
}

.ss360-suggests {
    margin-bottom: 0px !important;
}

/* Search engine mobile view */
@media only screen and (max-width: 415px) {

	#searchBox {
		width: 79%;
		height: 61.8px;
	}

	#search-submit {
		width: 21%; 
		float: right;
		padding-left: 14px;
	}

}


/* Make quote blocks smaller */

.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
}