/* Custom NAfW styles */
/*div.ms-rteElement-boxtest {
   -ms-name:"testbox";
  }
 
.ms-rteElement-boxtest {
   border-width: 0px 2px;
   border-style: solid;
   border-color: #edeef0;
   padding: 0em 0.5em;
   margin-bottom: 30px;
}

.ms-rteElement-boxtest img {
   border-image: none;
   width: 100%;
   padding-bottom: 10px;
   border-top-color: #fe2ec8;
   border-top-width: 5px;
   border-top-style: solid;
   margin: 0px;
}
*/
.ms-rteStyle-tooltip {
	
	-ms-name:"Tool tip";
	color: #e60a82;
}

.ms-srch-bestBetItem {
	border: 2px solid #e8e8e8;
	width: 100%;
}

table{
    border-collapse: collapse;
    width:100%;
    padding:0;
    margin:1em 0;
}

caption {
	position:absolute;
	top:-999em;
	left:-999em;
}/*font-style:italic;font-weight:bold;padding:0.5em 1em;text-align:left;*/
	   
th {
	background:transparent url("/Style Library/Images/th_bg.jpg")!important;
	padding:0.5em 1em;
	text-align:left;
	border:1px solid #E2E3E7;
}

td {
	background:#F8F8F8;
	border:1px solid #E2E3E7;
	padding:0.5em 1em;
	margin-left:-1em;
	text-align:left;
}
/*tr.odd td{
	border-top:1px solid #E2E3E7;
	background-color:#EFF0F2;
}

tr.even td {
	border-top:1px solid #E2E3E7;
	background-color:#ffffff
}*/

tbody tr:nth-child(odd) td {
	background-color:#eff0f2;
}

tbody tr:nth-child(even) td {
	background-color:white;
}

tr td a {
	font-weight:bold;
} 	   	
	    
.stack #secnav {
	height:11px;
	text-indent:-999em;
	background:#EDEEF0;
	margin:0;
	overflow:hidden;
	display: none;
}    

#ropprint td{
	margin-left: 0;
}




/* 2016 Style Overrides */


.landing2016 .introContainer h1 {
  font-size: 2em;
  clear:none;
  margin-bottom:0;
}

.landing2016 .eventCalendar-list-content.scrollable {
	max-height: 200px;
	height:auto;
}

.eventCalendar-list {
  color: #3e3e3e!important;
  list-style: outside none none!important;
  padding: 0 6px 0 0!important;
}

.eventCalendar-list .eventCalendar-noEvents {
  background-color: #fff!important;
  border-radius: 4px!important;
  box-shadow: 0 0 0 0 #fff!important;
  color: #000!important;
  font-size: 1.2em!important;
  font-weight: normal!important;
  margin: 5px!important;
  padding: 5px!important;
  text-align: center!important;
  text-shadow: none!important; 
}


.landing2016 .introContainer {
  min-height: auto; 
}


.focusBox h2 {
  font-weight: normal;
}

.openConsultsFeed .consultItem, .latestLegisFeed .latestLegisItem {
  padding: 10px 0;
}

#moreCarousel2016 .moreCarouselSlide img {
  height: 80px;
  margin: 0 20px 0 14px;
  width: 80px;
}

#moreCarousel2016 .moreCarouselSlide a.continueRead {
  bottom: 7px;
  float: left;
  left: 124px;
  position: absolute;
  top: inherit;
  width: auto;
}


.home2016 #socialMediaLinksContainer{
	display:none;
}


.home2016 .eventCalendar-list-content.scrollable {
	max-height: 200px;
	height:auto;
}

.home2016 .textPanel.magenta {
     background-color: #a70a60;
 opacity:0.9;
}

.home2016 .textPanel.green {
	background-color: #3f8105;
	border-color: #3f8105;
	color: #fff;
	opacity:0.9;
}


.home2016 .textPanel.red {
  background-color: #da082f;
	color: #fff;
	opacity:0.9;
}


.home2016 .readMore {
  display: none !important;
}


.home2016 .carouselSlide a:link, .home .carouselSlide a:visited{
	color:#fff;
	text-decoration:underline;
}  
 
 
 .home2016 #rssFeedDisplay {

  padding: 0 0 10px 0;
}


.home2016  #contentwrap {
  padding-bottom: 0!important;
}

.home2016 #moreCarousel2016Container {
  margin-top: 0px;
}

.home106 .carouselSlide .desc {
  font-size: 1.5em;
  line-height: 14px;
}

.home2016 .carouselSlide h2 {
  font-size: 2.2em;
  font-weight: normal;

}

.election2016 .carouselSlide .desc, .home .carouselSlide .desc {
  color: #fff;
  font-size: 1.5em;
}


li.eventCalendar-day {
  margin: 2px;
}


.home2016 .feedItemDetail a {
 
  font-size: 1em;
 
}

#moreCarousel2016 button.slick-arrow.slick-next {
  right: -5px!important;
}


.memberSearchContainer #postCodeSearchContainer input[type="text"] {
  font-size: 14px!important;
  padding: 8px!important;
  width: 120px!important;
}


/* Map2016 Custom Overrides */

 .vmap {
border: 0 solid #fff!important;
margin-bottom:0!important; 
}



/* Temp Styles Used To Hide AM features before Election

.postcode_search {
  display: none;
}

#walesmap {
  display: none;
}

.FindAMContainer {
  display: none !important;
}

div.assemblyMembersPage p.spacer {
  display: none;
}

div.assemblyMembersPage div.formInput {
  display: none;

}

.home .rightPane .box .content > ul {
  display: none;
} 

.memberslanding2016 .fullPane {
  display: none;
}
 
 /* End Temp Styles Used To Hide AM features before Election */
 

.fullPane p {
  line-height: 20px!important;
  font-size:1.1em!important;
}

.fullPane ul li {
  font-size:1.1em!important;
}

.membersprofile2016 .mgUserSideBar p {
    margin-bottom: 10px!important;
    font-size: 1.3em!important;
}

.mgUserBody .mgSectionTitle {
  border-bottom: 1px solid #ddd!important;
  margin: 20px 10px 10px 0!important;
  padding-bottom: 10px!important;
}

.membersprofile2016 .mgUsePartyLogo, .membersprofile2016 .mgUserSideBar {
    float: left;
    margin: 0 auto !important;
    padding-left: 20px !important;
}
 
 .mgBigPhoto > img {
    margin-bottom: 15px;
}
 
 
 
.membersprofile2016 .mgUserSideBar {
    margin-bottom: 15px !important;
    text-align: left !important;
}
 
 .mgUserBody > p {
    padding: 0 0 10px;
}
 
.mgUserBody .mgLabel {
    font-weight: bold;
}
 
 
 
.MemberProfileContibutionLinkContainer{
	overflow: auto; 
	margin-bottom: 20px; 
	font-size: 12px; 
	border: #f4f4f4 5px solid; 
	padding-bottom: 15px; 
	padding-top: 16px; 
	padding-left: 15px; 
	padding-right: 15px; 
	line-height: 18px; 
	background-color: #fcfdff; 
	box-shadow: 0 0 0 1px #e0e5e9 inset;
	
}

.MemberProfileContibutionLinkContainer h2{
	margin: 0px 0px 10px;
}

.MemberProfileContibutionLinkContainer img {
    margin-bottom: 5px;
    max-width: 100%;
    clear: both;
    float: left;
}

.MemberProfileContibutionLinkContainer > a {
    font-size: 1.2em;
    clear: both;
   
}

.membersprofile2016 .twitterContainer {
box-shadow: 0 0 0 1px #e0e5e9 inset;
border: #f4f4f4 3px solid;
}

.membersprofile2016 .twitterContainer .tweetsBy {
    font-weight: normal;
    padding: 10px;
    font-size: 1.6em;
    display: block;
    margin: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
}


/* Grey Feature Boxes */

.GreyBoxH2{
  font-size: 1.4em !important;
  height: 65px !important;
  margin: 10px 0 15px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;	
}

.GreyBoxTextContent {
  padding: 10px;
}

.SmallHeight{
	height: 20px !important;
}

.MediumHeight{
	height: 40px !important;
}

.LargeHeight{
	height: 65px !important;
}

/* End Grey Feature Boxes */


/* Expandable Boxes */

.sys_ToggleContainer {
  margin-bottom: 20px;
}

.sys_ToggleItem {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 10px;
	width:100%;
}

.sys_ToggleShowHide {
  background: transparent url("http://www.assembly.wales/Style%20Library/MemberMap/expandsection.png") no-repeat 99% center;
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
  padding: 12px 40px 12px 12px;
}
	
.sys_ToggleShowHide.active {
    background-color: #fcf4f9 !important;
	background: url("http://www.assembly.wales/Style%20Library/MemberMap/contractsection.png") no-repeat 99% center;
}

.sys_ToggleShowHide:hover {
    background-color: #fcf4f9 !important;
    text-decoration: none;
	cursor:pointer;
}

.sys_ToggleSlidingDiv {
  color: #000;
  line-height: 20px !important;
  padding: 20px;
}

.sys_ToggleSlidingDiv ul li {
  background: rgba(0, 0, 0, 0) url("/Style Library/Images/chevron_grey.gif") no-repeat scroll 0 0.4em !important;
  font-size: 1.12em !important;
  line-height: 20px !important;
}

/*  End Expandable Boxes  */
 
/* News page lists that contain p tags appear larger as the 1.12em font size is already being applied on the list item. */
#newsItem div.newsItemContent ul li p {
    font-size: 1em!important;
}

#extraPageContent {
    clear: both;
}



/* Extra Styles For Sub List Indents */

div.plenaryItemContent ul ul {
    margin-left: 20px!important;
}

/* End Extra Styles For Sub List Indents */


.ms-rtePosition-1{
    -ms-name:"Left";
    float:left;
	    margin: 0 10px 10px 0 !important;
}

.ms-rtePosition-2{
    -ms-name:"Right";
    float:right;
	margin: 0 0 10px 10px !important;
}

.ms-rtePosition-3{
    -ms-name:"Top";
    vertical-align:text-top;
}

.ms-rtePosition-4{
    -ms-name:"Middle";
    vertical-align:middle;
}

.ms-rtePosition-5{
    -ms-name:"Bottom";
    vertical-align:text-bottom;
}

blockquote{
	margin: 30px 0 30px 40px;
}


/* News page lists that contain p tags appear larger as the 1.12em font size is already being applied on the list item. */
#newsItem div.newsItemContent ul li p {
    font-size: 1em!important;
}

#extraPageContent {
    clear: both;
}

table.BlankTable {
    border-right: none;
    border-bottom: none;
}

table.BlankTable tr:nth-child(odd) td {
    background-color: #fff!important;
}

hr {
    margin-bottom: 15px;
    border-width: 0;
    border-top: 1px solid #ccc;
}



.memberslanding2016 .crossConContactLabel{
    border: 2px solid #a20120;
    border-radius: 6px;
    padding: 10px;
    background-color: #ffe1df;
    margin-bottom: 5px;
    display: block;
    line-height: 1.4em;
}



/* Start Column Styles */

.sys_column_1-2{
	margin: 0 4% 0.5em 0; 
	width: 48%; 
	float: left;
}

.sys_column_1-3{
	margin: 0 4% 0.5em 0; 
	width: 30.66%; 
	float: left;
}

.sys_column_1-4 {
	float: left;
	margin: 0 2.6% 0.5em 0;
	width: 23%;
}

.sys_column_3-4 {
	float: left;
	margin: 0 2.6% 0.5em 0;
	width: 74%;
}

.sys_column_2-3{
	margin: 0 4% 0.5em 0; 
	width: 65.33%; 
	float: left;
}

.sys_column_last{
	margin: 0 0 0.5em;
}

/* End Column Styles */

/* Divider Line */

.divider {
	width: 100%;
	clear:both;
		line-height:0;
}

.divider-line {
    border-bottom: 1px solid #ddd;
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}

.divider-color {
    clear: both;
    display: block;
    height: 1px;
    margin: -16px auto 9px;
    overflow: hidden;
    position: relative;
    width: 20%;
    background-color: #e70982;
}

.divider ~ .clear{
/*	line-height:0;*/
}
.clear{
	line-height:0;
}

/* End Divider Line */


.img-w {
  margin-bottom: 20px;
  position: relative;
  line-height:0;
}


.img-w img {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
}

.img-w a span {
	display: none;
	background-image: url(/SiteAssets/images/LinkIcon.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99999;
	background-position: center center;
	background-color: #004d4c;  
	background-color: rgba(0, 77, 76, 0.7); 
	
}

.img-w.Pink a span {
	background-color: #c6006c; 
	background-color: rgba(198, 0, 108, 0.7); 
}

.img-w.Red a span {
	background-color: #da082f; 
	background-color: rgba(218, 8, 47, 0.7); 
}

.img-w.Orange a span {
	background-color: #e5781d; 
	background-color: rgba(229, 120, 29, 0.7); 
}

.img-w.Blue a span {
	background-color: #33a2ad; 
	background-color: rgba(51, 162, 173, 0.7); 
}

.img-w.Gold a span {
	background-color: #bb8f2e; 
	background-color: rgba(187, 143, 46, 0.7); 
}

.img-w a.pdf {
    padding: 0 !important;
    background-image: none !important;
}

.img-overlay {
  -webkit-backface-visibility: hidden;
  display: block;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  padding: 30px;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.img:hover .img-overlay, .img-w:hover .img-overlay{
  opacity: 1;
}

.img-overlay.img-overlay-pink {
  background: rgba(0, 77, 67, 0.3);
}

.img-overlay.img-overlay-red {
  background: rgba(218, 8, 47, 0.3);
}

.CallToActionNoBorder h5 {
    font-size: 1.25em !important;
    margin: 0 0 5px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
}

.CallToActionNoBorder h5 a:link, .CallToActionNoBorder h5 a:visited {
   color:#000!important;
}

.CallToActionNoBorder img{
    border-radius:0!important;
}

/* Start Full Width With Overlayed Text Feature */

.WideCTA { 
position: relative; 
width: 100%; 
font-size:12px;
}
 

.WideCTA img { 
width: 100%!important; 
}

.WideCTAText{ 
	position: absolute; 
	top: 10px; 
	left: 0px; 
	width: 40%; 
	color: white;  
	background-color: #004d4c;  
	background-color: rgba(0, 77, 76, 0.9); 
	padding: 15px; 
}

.WideCTAText.CTAPink{ 
	background-color: #c6006c; 
	background-color: rgba(198, 0, 108, 0.9); 
}

.WideCTAText.CTARed{ 
	background-color: #da082f; 
	background-color: rgba(218, 8, 47, 0.9); 
}
             		 
.WideCTA h2 {  
	font-size:23px!important; 
	margin-bottom:10px!important; 
	margin-top:0!important; 
	color:#fff!important;
}
			 
.WideCTA h2 a:link {  
	color:#fff!important;
}
			 
.WideCTA h2 a:visited {  
	color:#fff!important;
}
			 
.WideCTA h2 a:hover {  
	color:#fbf1b3!important;
}



.WideCTA a:link, .WideCTA a:visited  {  
	color:#fff!important;
	text-decoration:none!important;
}

.WideCTA a:hover {  
	color:#fbf1b3!important;
	text-decoration:none!important;
}





/* End Full Width With Overlayed Text Feature */

/* Start Columned CTA With Full Height BG Image */

.ColumnCTA { 
	position: relative; 
	width: 100%; 
	font-size:12px;
}

.ColumnCTA img { 
	width: 100%!important; 
	display:block;
}

.ColumnCTAText{ 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	color: white; 
	background-color: #004d4c;  
	background-color: rgba(0, 77, 76, 0.9); 
}

.ColumnCTATextPad{ 
	padding: 10px; 
}
             		 
.ColumnCTA  h2 {  
	font-size:18px!important; 
	margin-bottom:10px!important; 
	margin-top:0!important; 
	color:#fff!important;
}
			 
.ColumnCTA h2 a:link {  
	color:#fff!important;
}
			 
.ColumnCTA h2 a:visited {  
	color:#fff!important;
}


.ColumnCTAHover{
	background-color: #d80979; 
	background-color: rgba(216, 9, 121, 0.9); 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.ColumnCTAHoverPink{
	background-color: #e70982; 
	background-color: rgba(231, 9, 130, 0.9); 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

/* End Columned CTA With Full Height BG Image */

.padding-bottom-30, .padding-top-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-10, .padding-top-bottom-10 {
    padding-bottom: 10px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.update_container h2 {
    margin-top: 0 !important;
}



/* Rolling news page styles */

.initiative_intro {
	background-color: #fafafa;
	border: 1px solid #E1E3E5;
	padding: 20px;
}

.rolling_updates_container {
	margin-top: 20px;
}

.update_container, .update_container_with_image {
	margin-bottom: 5px;
}

.update_container h2 {
    margin-top: 0 !important;
}

.update_container_with_image {
    min-height: 200px;
}

.update_date {
	margin-bottom: 10px;
}

.rolling_update_summary h2 {
	color: white !important;
}

.rolling_update_summary ul li {
	
	list-style-type: square !important;
	margin: 10px 0px 0px 20px;
	
}

.rolling_update_left {
	float:left;
	width:234px;
	margin-bottom: 20px;
}


.rolling_update_summary {
	background-color: #50626F;
	color: white !important;
	float:left;
	width:214px;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
}

.rolling_update_centre {
	float:left;
	width:428px;
	padding: 0px 10px;
	margin: 0px 10px 20px 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.rolling_update_right {
	float:left;
	width:234px;
	margin-bottom: 20px;
}

.rolling_update_right img {
	margin: 0px 0px 10px 0px !important;
}


.update_content {
	overflow: hidden;
}

.update_featured_image {
	width: 214px;
	height: 143px;
	float: left;
	margin: 0px 10px 10px 0px;
}

.update_text {
	float: left;
	max-width: 375px;
}

.rolling_update_CTA {
	margin: 0px 10px 20px 10px;
}

.rolling_update_CTA h5 {
    font-size: 1.25em !important;
    margin: 0 0 5px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
}

.rolling_update_CTA h5 a:link {
   color:#000!important;
}

.stick {
    position: fixed;
    top: 20px;
}


.fullpane2016 p {
    font-size: 1.12em;
    margin: 0 0 1em 0;
}


.shadow {
  box-shadow: 25px 0px 25px -25px rgba(0,0,0,0.9), -25px 0px 25px -25px rgba(0,0,0,0.9);
}




@media only screen and (max-width: 959px) {

	.sticky-anchor {
		display: none;
	}
	
	.rolling_update_left {
		width: 100%;
	}
	
	.rolling_update_centre, .rolling_update_summary {
		width: calc(100% - 20px);
		margin: 0px 0px 20px 0px;
	}
	
	.update_featured_image {
		width: 214px;
		height: 143px;
		margin: 0 10px 10px 0;
	}
	
	.update_text {
		max-width: 959px;
		width: 100%;
	}
	
	.stick {
		position: relative;
	}

	
}


/* Screen widths 1024+ will recieve the full site layout */
/* Widths below that are handled with media queries */

/*  Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
 
	.nafwContent .columns.oneColumnLayout .column {
		width: 100%;
	}
 
 
	.sys_column_1-2, .sys_column_1-3, .sys_column_2-3 {
		float: left;
		margin: 0 0 0.5em 0;
		width: 100%;
	}

	.WideCTA img {
		width: 100% !important;
		display: none;
	}
	
	.WideCTAText {
		position: relative;
		top: 0;
		left: 0;
		width: 90%;
		padding: 15px;
	}
	
} 


/* Mobile Landscape Size to Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.sys_column_1-4{
		margin: 0 2% 0.5em 0; 
		width: 48%; 
		float: left;
	}
  
  
	.sys_column_1-3 {
		margin: 0 2.5% 0.5em 0;
		width: 30.66%;
		float: left;
	}
  
  .backstretch {
		display: none;
	}
  
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.sys_column_1-4{
	  float: left;
	  margin: 0 0 0.5em 0;
	  width: 100%;
	}

	
	.sys_column_1-3 {
		float: left;
		margin: 0 0 0.5em 0;
		width: 100%;
	}
	
	.backstretch {
		display: none;
	}
	
}


/* Fix to hide the xls icon when 3 column cta image links to spreadsheet */

.CallToActionNoBorder .img-w a.xls {
    background-image: none !important;
    padding: 0 !important;
}

/* Site Message Styles */

.SiteMessageContainer {
    background-color: #f6f398;
    padding: 10px;
    font-size: 12pt;
    line-height: 16pt;
    margin: 0 0 15px 0;
    text-align: center;
    border: 1px solid #d71178;
    color: #000000;
}

.SiteMessageContainer:hover {
	background-color: #d71178;
	color: white;
}

a.nohover:hover {
	text-decoration: none;
	color: white;
}

/* End Site Message Styles */

/* Sharing tool styles */

.shareContainer {
	position: relative;
	padding: 10px 0;
	margin: 15px 0;
	display: table;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	width: 100%;
}

.shareContainer textArea {
	position: absolute;
	left: -9999px;
	top: -9999px;
}


.shareTitle {
	display: table-cell;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: bold;	
}

.shareContainer .shareLinks {
	position: relative;
	height: 30px;
}

.shareLinks a {
	height: 30px;
	width: 30px;
	margin-right: 10px;
	cursor:pointer;
	display:inline-block;
}

.shareLinks a:last-child {
	margin-right: 0;
}

.shareLinks a img {
	height: 30px;
	width: 30px;
}


.shareLinks a img:hover {
	opacity: 0.5;
}

.shareLinks a:active,
.shareLinks a:focus{
	background-color: white;
	outline: 2px solid #CF0975;
}

#copyToClipSuccessWrapper {
	position: absolute;
	top: 0;
	left: 0;
}

#copyToClipSuccess {
	height: 30px; 
	width: 190px; 
	background-color: #CF0975;
	display: none;
	color: white;
	border-radius: 3px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
}

/* BOOTSTRAP BREAKPOINTS */
/* XS - SCREENS < 576PX */
@media only screen and (min-width : 576px) {
	.shareLinks a {
		margin-right: 20px;
	}
		
	#copyToClipSuccess {
		width: 230px; 
	}
	
	.shareContainer .shareLinks {
		margin-left: 20px;
	}

}

/* SM - SCREENS >= 768PX */
@media only screen and (min-width : 768px) {
	.shareLinks a {
		margin-right: 30px;
	}
	
	#copyToClipSuccess {
		width: 270px; 
	}
}

/* MD - SCREENS >= 992 */
@media only screen and (min-width : 992px) {
	
}

/* LG - SCREENS >= 1200 */
@media only screen and (min-width : 1200px) {
	
}

/* END OF BOOTSTRAP BREAKPOINTS */


/* End sharing tool styles */