/* Go crazy with your own styles here */

.header-briefings h1 {font-size:50px;}

/* bpas resources images */
.imageresponsive .col-md-4{
	text-align: center;
}
.imageresponsive img{
	width: auto !important;
	height: auto !important;
	max-height: 268px;
	max-width: 300px;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.imageresponsive img:last-child{
	margin-bottom: 2%;
}
.imageresponsive{
	margin-bottom: 2%;
}
.imageresponsive:last-child{
	margin-bottom: 0;
}
.imageresponsive:first-child{
	margin-top: 2%;
}
.first{
	margin-top: 3%;
}
.imageresponsive #accordion{
	border: 0 !important;
}
p > .bold{
	font-weight: bolder !important;
}
/* main navigation */
#navbar > ul > li.dropdown:last-child > a{
	border-right: 0 !important;
}


/**************** PRINT STYLES ****************/

@media print {
	.row.headrow, nav.navbar.navbar-default, .footer-top, .footer-bottom,
 video, embed, audio, object
	{
		display: none;
	}

	img
	{
		/*max-width: 300px!important;*/
	}

	@page :left {
		margin: 0.5cm;
	}

	@page :right {
		margin: 0.8cm;
	}

	.row.headrow:after {
		display: block;
		content: "Thank you for printing our content at https://www.bpas.org/.";
		margin-bottom: 10px;
		border: 1px solid #bbb;
		padding: 3px 5px;
		font-style: italic;
	}

	body, ul li, .content li, ul.triangleList, .content a,
	.container, .container p, .container li {
	font: 12pt!important;
	line-height: 1.3!important;
	text-align: left!important;
	}

	h1 {
		font-size: 24pt;
	}

	h2, .front-page-boxes .container h2, .how-can-we-help .container h2 {
		font-size: 14pt;
		margin-top: 25px;
			font-weight:bold;
	}

	aside h2 {
		font-size: 18pt;
	}

	p a[href^="http://"]:after, a[href^="https://"]:after {
		content: " (" attr(href) ")";
	}

	p a {
		word-wrap: break-word;
	}

	q:after {
		content: " (Source: " attr(cite) ")";
	}

	div {
		width:100%!important;
		background-image:none;
	}

	ul {
		margin:0!important;
	}

	/** CLINIC DETAILS FOR PRINT **/
	.openingTimes {
	margin-top:0;
	}
	.ui-accordion-content, .openingTimes #accordion div, div#accordion div {
		display:block!important;
	}
	div#accordion div img {
		/*display:none;*/
	}

	div#map-canvas {
	width:100%;
	max-height:300px;
	}

	.clinicMap {
	height:230px;
	margin:0;
	}
	.ui-accordion .ui-accordion-header {
		padding:0!important;
	}

.header-work-with-us,
.header-what-to-expect,
.header-vasectomy,
.header-useful-links,
.header-supporting-someone,
.header-STI,
.header-research,
.header-reproductive-review,
.header-reports,
.header-referring,
.header-press-releases,
.header-press-office,
.header-pregnancy-testing,
.header-policy,
.header-history,
.header-NHS-commissioning,
.header-miscarriage-care,
.header-legal-cases,
.header-generic,
.header-find-a-clinic,
.header-fetal-anomaly-care,
.header-fertility-QA,
.header-erectile-dysfunction,
.header-education-and-training,
.header-donate,
.header-considering-abortion,
.header-campaigns,
.grid-section > div.header-tenreasons,
.header-briefings,
.header-blog,
.header-after-abortion,
.header-advocacy,
.header-abortion-treatments,
.find-a-clinic-header
{
min-height: auto;
}



	.openingTimes #accordion div {
		padding:10px 0 0 0!important;
	}
	ul.clinicTimes {margin:0;}
ul.clinicTimes li {font-size:12pt;}
	.clinicImage {
	height:auto;
	}
	.redTitle {
		font-size:14pt!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
	}

	.header-abortion-treatments {
		height:auto;
	}

	img.content-border-top {
		display:none;
	}

	.header-generic {
		min-height:0;
		height:auto;
	}
	.contactBox5 p.title,
	.contactBox6 p.title,
	.contactBox7 p.title,
	.contactBox8 p.title,
	.contactBox2 .title {
		font-size:18pt!important;
	}
	.contactBox4 .iconpress,
	.contactBox4 .iconPublicPolicy,
	.contactBoxhead .iconhead,
	.contactBox2 .feedback,
	.contactBox2 .aftercare,
	.contactBox5 .research,
	.contactBox6 .icon-com,
	.contactBox7 .icon-order,
	.contactBox8 .icon-working {
		padding-left:0!important;
	}
	.contactBox1 {
    	padding: 0;
    	color: #32b1ca;
    	border: 0;
	}
	.contactBox1 img {
		display:none;
	}
	.contactBox1 .textwrap {
		margin-left:0;
	}
	.triangleList li {
	padding-left:0;
	}
.how-can-we-help .container {padding-left:0; padding-right:0;}
	.how-can-we-help .container li {
		padding-left:0;
		margin:0;
		font-size:12pt;
	}
.testimonial-container {min-height:auto;}
.how-can-we-help .container h2, .client, .more-comments {text-align:left!important;}
ul.testimonial-container {margin:0; padding:0;}
.more-comments {font-size:10pt;}
	.client-feedback .container {margin-bottom:0; padding-bottom:0;}
	.testimonial {padding-top:0!important; padding-bottom:0!important; font-size:12pt; text-align:left;}
	.how-can-we-help .container li a {width:auto;}
	.how-can-we-help .container h2 {margin:10pt 0; padding:0;}
	.how-can-we-help ul {margin:0!important; padding:0!important;}
	.client-feedback .container {padding:0!important; margin:0!important;}
	.front-page-boxes .container h2 { padding:0!important;}
	.front-page-boxes .container p {padding:0!important;}
	.front-page-boxes .get-involved-inner h3 {padding:0!important;}
	.front-page-boxes .get-involved-inner .get-involved-bg {padding:0!important; margin:0!important;}
div.front-page-boxes > div > div > div, div.front-page-boxes > div > div > div:nth-child(1) {height:auto!important; margin:0!important;}
h1.large-purple-center {  margin-bottom:0!important; padding-bottom:0!important;}

}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* Go crazy with your own styles here */

.header-briefings h1 {font-size:50px;}

/* bpas resources images */
.imageresponsive .col-md-4{
	text-align: center;
}
.imageresponsive img{
	width: auto !important;
	height: auto !important;
	max-height: 268px;
	max-width: 300px;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.imageresponsive img:last-child{
	margin-bottom: 2%;
}
.imageresponsive{
	margin-bottom: 2%;
}
.imageresponsive:last-child{
	margin-bottom: 0;
}
.imageresponsive:first-child{
	margin-top: 2%;
}
.first{
	margin-top: 3%;
}
.imageresponsive #accordion{
	border: 0 !important;
}
p > .bold{
	font-weight: bolder !important;
}
/* main navigation */
#navbar > ul > li.dropdown:last-child > a{
	border-right: 0 !important;
}

/*-- YouTube Video Popup Styles - Added GBW --*/
.youtube-container{
    border:2px solid #efefef;
    margin-bottom:15px;
}
.youtube-container .youTubeLink, .youtube-container p{
    display:inline-block;
}

@media screen and (max-width:480px){
    .youtube-container .youTubeLink, .youtube-container p{
        display:block;
        text-align:center;
        margin:0 auto;
    }
    .youtube-container p{
        margin-bottom:15px;
    }
    iframe{
        max-width:100% !important;
    }
}

/**************** PRINT STYLES ****************/

@media print {
    .row.headrow, nav.navbar.navbar-default, .footer-top, .footer-bottom,
    video, embed, audio, object {
        display: none;
    }

    #topNavPhone, #mobileDonate {
        display: none
    }
		
	img 
	{
		/*max-width: 300px!important;*/
	}	
			
	@page :left {
		margin: 0.5cm;
	}

	@page :right {
		margin: 0.8cm;
	}
	
	.row.headrow:after {
		display: block;
		content: "Thank you for printing our content at https://www.bpas.org/.";
		margin-bottom: 10px;
		border: 1px solid #bbb;
		padding: 3px 5px;
		font-style: italic;
	}
	
	body, ul li, .content li, ul.triangleList, .content a, 
	.container, .container p, .container li {
	font: 12pt!important;
	line-height: 1.3!important;
	text-align: left!important;
	}
				
	h1 {
		font-size: 24pt;
	}

	h2, .front-page-boxes .container h2, .how-can-we-help .container h2 {
		font-size: 14pt;
		margin-top: 25px;
			font-weight:bold;
	}

	aside h2 {
		font-size: 18pt;
	}
				
	p a[href^="http://"]:after, a[href^="https://"]:after {
		content: " (" attr(href) ")";
	}
				
	p a {
		word-wrap: break-word;
	}
				
	q:after {
		content: " (Source: " attr(cite) ")";
	}
	
	div {
		width:100%!important;
		background-image:none;
	}
	
	ul {
		margin:0!important;
	}
		
	/** CLINIC DETAILS FOR PRINT **/
	.openingTimes {
	margin-top:0;
	}
	.ui-accordion-content, .openingTimes #accordion div, div#accordion div {
		display:block!important;
	}
	div#accordion div img {
		/*display:none;*/
	}
	
	div#map-canvas {
	width:100%;
	max-height:300px;
	}
						
	.clinicMap {
	height:230px;
	margin:0;
	}
	.ui-accordion .ui-accordion-header {
		padding:0!important;							
	}																		

.header-work-with-us,
.header-what-to-expect,
.header-vasectomy,
.header-useful-links,
.header-supporting-someone,
.header-STI,
.header-research,
.header-reproductive-review,
.header-reports,
.header-referring,
.header-press-releases,
.header-press-office,
.header-pregnancy-testing,
.header-policy,
.header-history,
.header-NHS-commissioning,
.header-miscarriage-care,
.header-legal-cases,
.header-generic,
.header-find-a-clinic,
.header-fetal-anomaly-care,
.header-fertility-QA,
.header-erectile-dysfunction,
.header-education-and-training,
.header-donate,
.header-considering-abortion,
.header-campaigns,
.grid-section > div.header-tenreasons,
.header-briefings,
.header-blog,
.header-after-abortion,
.header-advocacy,
.header-abortion-treatments,
.find-a-clinic-header 
{
min-height: auto;
}



	.openingTimes #accordion div {
		padding:10px 0 0 0!important;
	}
	ul.clinicTimes {margin:0;}
ul.clinicTimes li {font-size:12pt;}
	.clinicImage {
	height:auto;
	}
	.redTitle {
		font-size:14pt!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
	}
	
	.header-abortion-treatments {
		height:auto;
	}

	img.content-border-top {
		display:none;			
	}

	.header-generic {
		min-height:0;
		height:auto;
	}
	.contactBox5 p.title, 
	.contactBox6 p.title, 
	.contactBox7 p.title, 
	.contactBox8 p.title,
	.contactBox2 .title {
		font-size:18pt!important;				
	}
	.contactBox4 .iconpress, 
	.contactBox4 .iconPublicPolicy, 
	.contactBoxhead .iconhead, 
	.contactBox2 .feedback, 
	.contactBox2 .aftercare, 
	.contactBox5 .research, 
	.contactBox6 .icon-com, 
	.contactBox7 .icon-order, 
	.contactBox8 .icon-working {
		padding-left:0!important;	
	}
	.contactBox1 {
    	padding: 0;
    	color: #32b1ca;
    	border: 0;
	}
	.contactBox1 img {
		display:none;
	}
	.contactBox1 .textwrap {
		margin-left:0;
	}
	.triangleList li {
	padding-left:0;
	}
.how-can-we-help .container {padding-left:0; padding-right:0;}
	.how-can-we-help .container li {
		padding-left:0;
		margin:0;
		font-size:12pt;
	}
.testimonial-container {min-height:auto;}
.how-can-we-help .container h2, .client, .more-comments {text-align:left!important;}
ul.testimonial-container {margin:0; padding:0;}
.more-comments {font-size:10pt;}
	.client-feedback .container {margin-bottom:0; padding-bottom:0;}
	.testimonial {padding-top:0!important; padding-bottom:0!important; font-size:12pt; text-align:left;}
	.how-can-we-help .container li a {width:auto;}
	.how-can-we-help .container h2 {margin:10pt 0; padding:0;}
	.how-can-we-help ul {margin:0!important; padding:0!important;}
	.client-feedback .container {padding:0!important; margin:0!important;}
	.front-page-boxes .container h2 { padding:0!important;}
	.front-page-boxes .container p {padding:0!important;}
	.front-page-boxes .get-involved-inner h3 {padding:0!important;}
	.front-page-boxes .get-involved-inner .get-involved-bg {padding:0!important; margin:0!important;}
div.front-page-boxes > div > div > div, div.front-page-boxes > div > div > div:nth-child(1) {height:auto!important; margin:0!important;}
h1.large-purple-center {  margin-bottom:0!important; padding-bottom:0!important;}

 /* google maps - terms overlays other text when printing and looks unsightly - remove on print only */

    a[href^="http://maps.google.com/maps"]{display:none !important}
    a[href^="https://maps.google.com/maps"]{display:none !important}

    .gmnoprint a, .gmnoprint span, .gm-style-cc {
        display:none;
    }
    .gmnoprint div {
        background:none !important;
    }

}