@import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Sarabun&family=Libre+Baskerville&family=Bitter&display=swap');


/* ==========================================================================
   Share International Video template css
   ========================================================================== */
* {
	margin: 0;
	padding: 0;
	border: 0; 
}
   
body {

	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	background-color: #ffffff;
	font-size: 12px;
	color: #000066;
} 

a:link, a:visited, a:active{
	text-decoration: none;
	color: #c5d7fc;
}
a:hover  {
	text-decoration: underline;
	color: #CCCCCC;
}
 
 
 
a:link.specialLink, a:visited.specialLink, a:active.specialLink {
	text-decoration: none;
	color: #f4d7d8;
}
a:hover.specialLink {
	text-decoration: underline;
	color: #edf7ff;
}

a:link.regularFooterLink, a:visited.regularFooterLink, a:active.regularFooterLink  {
	color: #782225;
	font-weight: bold; 
}

.policy-links a:link, .policy-links a:visited, .policy-links a:active  {
	font-weight: normal; 
}
 
a:hover.regularFooterLink  {
	text-decoration: underline;
	color: #0c4a78;
	
}


#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
    background-color: #0c4a78;
	padding: 0;
 
}
 

#container	{
	margin: 0 auto;
	height: auto;
	visibility: visible;
	text-align: left;
	background-color: #ffffff;
    font-size: 16px;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}





 
	#containerProtestImages {
		margin: 0 auto 0 auto;
		/* width: 100%; */
		/* height: 220px; */
		width:100%;
		height:180px;
		position: relative;
		overflow: hidden;
	} 

	#imgProtest { 
		background-image: url('../images-wanted/goodwill_template_banner.png');
		/* width: 100%; */ 
		/* height: 220px; */
		width:100%;
		height:180px;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: -340px -40px;
	}
	
 
	#containerBodyImage {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 220px;
		position: relative;
	}
	   
	#imgBody {
		background-image: url('../images-wanted/SharingProtestSigns.jpg');
		width: 325px;
		height: 433px;
		margin: 0 auto 15px auto;
		background-repeat: no-repeat;
		background-size: auto;
	    box-shadow: 0 0 5px 5px #fff3e0 inset;
		background-position: center, 0; 
	}





@media only screen and (max-width: 380px) {
	
	#imgBody {
		background-image: url('../images-wanted/SharingProtestSigns.jpg');
		width: 100%;
		height: 433px;
		margin: 0 auto 15px auto;
		background-repeat: no-repeat;
		background-size: auto;
	    box-shadow: 0 0 5px 5px #fff3e0 inset;
		background-position: center, 0; 
	}
 
}



#bodySection {
	 
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding:0 0;
	/* font-family: 'Bitter', serif; */
	/* font-family: 'Libre Baskerville'; */
	font-family: 'Sarabun', sans-serif;
	background-color:#c9554f;
}



.bodyInner {
	width:100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding:0 0 30px 0;
	background-color:#ffffff;
}
 
  
#title {
	font-size: 34px;
	line-height: 37px;
	font-weight: bold; 
	width: 96%;
	margin: 26px auto 0 auto;
	padding: 0 0 0 0;
	text-align:center;
    color: #01518c;
}
  
.subtitle {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold; 
	width: 90%;
	margin: 18px auto 0 auto;
	padding: 0 0 0 0;
	text-align:left;
    color: #01518c;
}


.intro_sentence {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold; 
	width: 80%;
	margin: 18px auto 0 auto;
	padding: 0 0 0 0;
	text-align:left;

    color: #01518c;
}
 
.newParaNormal.firstPara {
	margin: 24px auto 0 auto;
	padding:0 0 0 0;
	overflow:hidden;
}

.newParaNormal {
	margin: 20px auto 0 auto;
}

.howToMakeCall {
	margin: 25px auto 0 auto;
	text-align:left;
	font-size:18px;
	line-height:22px;
}


.people_power_wins {
	margin: 36px auto 10px auto;
	padding:0 16px;
	font-weight:bold;
	font-size:22px;
	line-height:26px;
	text-align:center;
}



.diamondSymbol {
	padding: 0 5px;
	color: #000066;
	
}


.bodyText {
	color:#014475;
}
	
  
 
.paddedPara, .curvedBorderPara {
	width: 90%;
	padding:0 0 0 0;
}

.newParaNormal.firstPara {
	width: 90%;
	padding:0 0 2px 0;
}




.bulletContainer {
	margin:18px auto 0 auto;
	padding: 18px 22px 20px 35px;
	background-color:#fff3e0;
    line-height:25px;
	font-weight:bold;
	color: #5e3b04;
 
 
	overflow:hidden;
}


.bullet_how {
  list-style-type: square;

}
 
  
.li_action {
	  margin:10px 0 0 0;
}


.containerSpecialSection {
	padding: 0 0;
	background-color: #782225;
}

.specialSection {
	 
	padding:24px 10px 24px 10px;
	    background-color: #0c4a78;
	/* font-family: 'Crete Round', serif; */
	/* font-family: 'Bitter', serif; */
	font-family: 'Libre Baskerville';
	font-size:17px;
	line-height:22px;
    color:#edf7ff;
	text-align:center;
}

 
 
 
 
#footerMoreInfoBlock {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	padding: 4px 0 0 0;
	overflow: hidden;
 
}

#footerMoreInfo {
	line-height: 14px;
    padding: 12px 0 0 12px;
	text-align: center;
	overflow: hidden;
 
}

#privacy_tos {
	line-height: 14px;
    margin: 18px 0 0 12px;
	text-align: center;
	padding: 0 0 14px 0;
	overflow: hidden;
}
 





 
.mainText {
	margin: 15px auto 0 auto;
	text-align: left;
	font-size: 14px;
	width: 85%;
}

.spanBlock {
	display: inline-block;
}

 

 


#footerSection {
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding:0 0;
	/* font-family: 'Bitter', serif; */
	/* font-family: 'Libre Baskerville'; */
	font-family: 'Sarabun', sans-serif;
	background-color:#fff3e0;
	/*font-family: Arial, Helvetica, sans-serif;*/
} 
   
#footerLinksLarge {
	display: none;
	overflow: hidden;
} 
 
 

.footer {
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
}
  

.linksList{
	margin: 14px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 18px;
	line-height:24px;
}
 
 
#footerLinksMobile {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	display: block;
	z-index: 0;
	overflow: hidden;
} 

#footerLinksMobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#footerLinksMobile .li_footer {
	margin: 0;
	list-style: none;
	list-style-image: none;
	text-align: left;
	background-color: #f7f3f2;
}


	
#footerLinksMobile .li_footer a {
	display: block;
	padding: 10px 0 10px 12px;
	border-left: 10px solid #782225;
	text-decoration: none;
	max-width: 440px;
	color: #a16403;
}
 
  


.li_footer, .liBorderBottom {
	border-bottom: 1px solid #0c4a78;
}

  

#footerLinksMobile .li_footer  a:hover {
	border-left: 10px solid #0c4a78;
	background-color: #edf7ff;
}



#footerMoreInfo {
	font-size: 16px;
	margin: 0;
	line-height: 19px;
}

.siLink {
	margin: 6px 0 0 0;
	font-size: 17px;
}
 
 
.policy-links {
	margin: 0 0 0 0; 
    font-size:11px;
	font-weight: normal; 
}
 
 

@media only screen and (min-width: 430px) {

 
 
	#containerProtestImages {
		margin: 0 auto 0 auto;
		width:100%;
		height:180px;
		position: relative;
		overflow: hidden;
	}

	#imgProtest {
		width:100%;
		height:180px;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: -40px -20px;
	}

}
 


@media only screen and (min-width: 470px) {
	
	

#title {
	font-size: 36px;
	line-height: 39px;
}

.footer {
	font-size: 18px;
	line-height: 35px;
	margin: 4px auto 0 auto;
}
 
 
#footerMoreInfo {
	font-size: 15px;
}
 
 
.policy-links {
	margin: 0 0 0 0; 
    font-size:11px;
}
	
}



@media only screen and (min-width: 540px) {
	
	
	#containerProtestImages {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 22vw;
		position: relative;
		overflow: hidden;
	}

	#imgProtest {
		background-image: url('../images-wanted/goodwill_template_banner.png');
		width: 100%;
		/* height: 220px; */
		
		height: 22vw;
		background-size: contain;
		background-color: #ccefff;
		background-position: center 0;
	}

}

 

@media only screen and (min-width: 600px) {

 
#bodySection {
	padding:0 14px;
}
 
 .containerSpecialSection {
	padding: 0 14px;
 
}


 	#imgBody {
		background-image: url('../images-wanted/SharingProtestSigns.jpg');
		width: 261px;
		height: 338px;
		float:right;
		margin:0 0 0 30px;
		box-shadow: 0 0 5px 5px #fff3e0 inset;
	}



.bulletContainer {
	margin:18px auto 0 auto;
	padding: 18px 25px 20px 45px;
	background-color:#fff3e0;
    line-height:25px;
	font-weight:bold;
	color: #5e3b04;
	border-radius:14px;
	width:75%;
	overflow:hidden;
}


#footerLinksLarge {
	display: block;
	padding:0 0 0 0;
	background-color:#ffffff;
} 




#footerLinksMobile {
	display: none;
}



#footerSection {
	padding: 0 14px;
	/*font-family: Arial, Helvetica, sans-serif;*/
 background-color:#782225;
}


 
#footerMoreInfoBlock {
	background-color:#ffffff;
}
 
}





 
 
@media only screen and (min-width: 760px) {

 
.bulletContainer {
	width:65%;
}
 
.footer {
	font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
	line-height: 22px;
	margin: 0 auto 0 auto;
	padding:18px 0 0 0;
}


	
}
 

 
@media only screen and (min-width: 900px) {
 
 
 
 

	
}


@media only screen and (min-width: 970px) {

	#containerProtestImages {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 220px;
		position: relative;
	}

	#imgProtest {
		background-image: url('../images-wanted/goodwill_template_banner.png');
		width: 100%;
		height: 220px;
	}


	#title {
		font-size: 46px;
		line-height: 55px;
	}

	
	.subtitle {
		font-size: 24px;
		line-height: 28px;
		font-weight: bold; 
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 24px 0 0 0;
		text-align:center;
	}	
	
	.intro_sentence {
		font-size: 20px;
		line-height: 24px;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 18px 0 0 0;
		text-align:center;
		color: #01518c;
	}
	
	.howToMakeCall {
		text-align:center;
		font-size:19px;
		line-height:23px;
	}

	


	#container	{
	 max-width:1000px;
	}

	.paddedPara {
		width: 88%;
		 max-width:780px;
		padding:0 0 0 0;
	}

	.newParaNormal.firstPara {
		width: 88%;
		max-width:780px;
		padding:0 0 0 0;
	}
	
	.specialSection {
		
	}

	
}