/*
	Add theme customisations here
	
	If you need to override a class and your definition is being overriden by Elementor defaults
	theres an id on the body tag "mit" which should take precedence over default Elementor styles. 
	So if you precede your class with 'body' you should be able to override defaults.
	E.G. 'body h1' to override h1.
*/
body
{
	margin:0;
	font-family: 'Archivo', sans-serif;
	font-size:16px;
	line-height:1.4;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.elementor a
{
	color: #92d050;
	text-decoration:none;
	/*color: #333;*/
}
.elementor a:hover
{
	text-decoration: underline;
}
.elementor .elementor-nav-menu a
{
	text-decoration: none;
}
.elementor .elementor-button
{
	color:#fff;
}
.elementor-widget-posts .elementor-pagination
{
	margin-top:2rem;
	font-size:1.25rem;
	font-weight:500;
}

.scwd .elementor-posts .elementor-post__excerpt p
{
	margin:inherit;
}
ul
{
	margin-top:0;
	margin-bottom:2em;
}

p
{
	margin: 0 0 1.5rem 0;
}

p:last-child
{
	margin-bottom:0;
}

main .page-header
{
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 10px;
}
main .page-header .entry-title
{
	margin:1em 0 0;
}

h1
{
	font-size:1.8rem;
	font-weight:500;
}
#home-hero h1
{
	font-size:1.8rem
}
h2,
.eael-entry-title
{
	font-size:1.6rem;
	font-weight:400;
}
h3
{
	font-size:1.4rem;
	font-weight:400;
}
h4
{
	font-size:1.2rem;
	font-weight:400;
}
h5
{
	font-size:1rem;
}
h6
{
	font-size:.8rem;
	font-weight:400;
}

body .elementor-image .wp-caption-text
{
	margin-top:10px;
}
.elementor-button
{
	cursor:pointer;
	border:1px solid transparent;
}
.elementor-button:hover,
.elementor-button:active
{
	background-color:#fff;
	border:1px solid rgba(242, 127, 0, 1);
	color:#f27f00;
}
body .elementor-field-textual
{
	border: 2px solid #eaeaea;
}

li
{
	margin-bottom:5px;
}

.im-canvas,
.im-canvas iframe
{
	min-height:80vh !important;
}

.eael-grid-post-excerpt p
{
	font-size:inherit;
	margin:15px 0 20px 0;
}

.eael-grid-post-holder-inner .eael-entry-media,
.eael-grid-post-holder-inner .eael-entry-wrapper
{
	width:100%;
	display:inline-block;
	vertical-align:middle;
}
.eael-col-1 .eael-post-grid-column
{
	width:100% !important;
}

#menu-main-menu
{
	margin:51px 0 0 0;
	padding:0;
	text-align:center;
}
#menu-main-menu > li
{
	display:block;
	margin:0;
}

#menu-main-menu > li > a
{
	display:block;
	padding:15px 20px;
	text-decoration:none;
	transition: all .25s ease;
	font-family: 'Archivo', sans-serif;
	font-weight:bold;
	border-radius:6px;
	font-size:2rem;
}

#menu-main-menu > li > a:hover,
#menu-main-menu > li[class*="current"] > a,
#menu-main-menu > li:hover > a
{
	background-color:#e1e1e1;
}
.top-menu .menu-main-menu-container
{
	position:fixed;
	z-index:1;
	top:0;
	right:0;
	width:100vw;
	height:100vh;
	background-color:#a1a1a1;
	transition: transform .25s ease-in-out;
	transform:translateX(100%);
}

.top-menu .menu-main-menu-container.visible
{
	transform:translateX(0);
}
#menu-main-menu li.menu-toggle
{
	display:block;
	text-align:right;
}
#menu-main-menu li.menu-toggle > a
{
	background:none;	
	font-size:37px;
}
#menu-main-menu ul {
    display: none;
}
#menu-main-menu li:hover > ul {
    display: block;
}
#menu-main-menu ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #e1e1e1;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	padding:10px 0;
	border-radius: 8px;
}
#menu-main-menu li {
    position: relative;
	list-style:none;
	padding:0;
	margin:0;
}
#menu-main-menu ul li > a
{
	display:block;
	padding:10px 20px;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
}
#menu-main-menu ul li > a:hover
{
	background-color:#efefef;
}
#menu-main-menu .sub-menu
{
	display: block;
	position: relative;
	top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	width: auto;
	background-color: inherit;
	padding-top: 0;
	margin: 0;
	box-shadow: none;
}

#menu-main-menu .sub-menu li > a
{
	text-align:center;
	padding:10px;
	font-size: 125%;
}

/* generic horizontal menu styles for menus created as <ul> */
.horizontal-menu .sub-menu
{
	display:none;
}
.horizontal-menu li.menu-toggle
{
	display:none;
}
.horizontal-menu ul
{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-around;
	list-style-type: none;
	margin: 0;
	padding:0;
}

.horizontal-menu ul > li
{
	text-align:center;
	margin:0;
}
.horizontal-menu ul > li > a
{
	display:block;
	padding: 10px 20px;
}

.horizontal-menu .mega-menu-toggle
{
	display:none;
}

.scwd .alignleft,
.scwd .alignright
{
	display: block;
	float: none;
	margin: 0 auto 20px auto;
}

b,strong
{
	font-weight:600;
}
h1 b, h1 strong
{
	font-weight:700;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .67em 0;
}

body.post-template-tmpl-cause-petition .elementor-widget-theme-post-content .elementor-text-editor
{
	color:#ffffff;
	font-size:1.15rem;
}

@media (min-width:768px)
{
	.scwd .alignleft
	{
		float:left;
		margin:0 20px 5px 0;
		max-width:50%;
	}
	.scwd .alignright
	{
		float:right;
		margin:0 0 5px 20px;
		max-width:50%;
	}

	h1,h2,h3,h4,h5,h6
	{
		margin: 0 0 .67em 0;
	}
	h1
	{
		font-size:2.4rem;
		font-weight:500;
	}
	#home-hero h1
	{
		font-size:2rem;
	}
	h2,
	.eael-entry-title
	{
		font-size:1.8rem;
		font-weight:400;
	}
	h3
	{
		font-size:1.6rem;
		font-weight:400;
	}
	h4
	{
		font-size:1.2rem;
		font-weight:400;
	}
	h5
	{
		font-size:1rem;
		font-weight:400;
	}
	h6
	{
		font-size:.8rem;
		font-weight:400;
	}
	.menu-toggle
	{
		display:none;
	}
	#menu-main-menu
	{
		display:block;
		margin:0;
	}
	
	#menu-main-menu > li
	{
		display:inline-block;
		margin:0;
	}
	
	#menu-main-menu > li > a
	{
		font-size:1rem;
	}
	#menu-main-menu li.menu-toggle
	{
		display:none;
	}
	.top-menu .menu-main-menu-container
	{
		display:block;
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		height:auto;
		background-color:transparent;
		transform:translateX(0);
	}
	#menu-main-menu .sub-menu
	{
		display: none;
		position:absolute;
		border-radius:8px;
		top:auto;
		background-color:#e1e1e1;
	}
	#menu-main-menu .sub-menu li > a
	{
		text-align:left;
		font-size:1rem;
		padding:15px 20px;
	}
}

.involveme_embed
{
    position:relative;
}

.involveme_embed iframe
{
    min-height:80vh !important;
}

#survey-parent
{
	height: 0;
	overflow: hidden;
	display:none;
}
#survey-parent.visible
{
	display:block;
	height: 100%;
    min-height:80vh;
	overflow: hidden;
}
#survey-parent .involveme_embed
{
	/*transition: transform .5s ease-in-out, opacity 3s ease-in-out;
	transform: scale(0);
	transform-origin: top;
	transition-delay:1s;
	*/
	transform: scale(0);
	opacity:0;
	font-size:0;
	animation: survey-reveal 2s forwards;
}
#survey-parent.visible .involveme_embed
{
	transform: scale(1);
}
.elementor-button.survey-cta,
.elementor-button.survey-cta:visited
{
	display:block;
	background-color:#92d050;
	color:#fff;
	text-decoration:none !important;
}

.elementor-button.survey-cta:hover,
.elementor-button.survey-cta:active
{
	background-color: #fff;
	border: 1px solid #92d050;
	color: #92d050;
}

/* -- Loading thingy --*/
.loading-parent
{
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    position:absolute;
	overflow: hidden;
	left:0;
	top:0;
}
.loading-dot {
    border-radius:100%;
    height:20px;
    width:20px;
	margin-top:-10px;
	margin-left:-10px;
    background-color: #92d050;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0;
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
    -webkit-animation: load 3s infinite linear;
    -moz-animation: load 3s infinite linear;
    -o-animation: load 3s infinite linear;
    animation:load 3s infinite linear;
}



@keyframes survey-reveal {
	0%   {
		opacity:0;
		transform:scale(0);
	}
	75%
	{
		opacity:1;
		transform:scale(0);
	}
	100%   {
		transform:scale(1);
		opacity:1;
	}
}
	
@-webkit-keyframes load {
  0%   {
    -webkit-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -webkit-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -webkit-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -webkit-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}

@-moz-keyframes load {
  0%   {
    -moz-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -moz-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -moz-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -moz-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}

@keyframes load {
  0%   {
    transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}
@-o-keyframes load {
  0%   {
    -o-transform: translate(0px,0px),rotate(0deg); 
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  25%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  50%{
    box-shadow: 0px -40px 0px 0px #92d050,0px 40px 0px 0px #92d050,-40px 0px 0px 0px #92d050,40px 0px 0px 0px #92d050,
    -40px -40px 0px 0px #92d050,40px 40px 0px 0px #92d050,-40px 40px 0px 0px #92d050,40px -40px 0px 0px #92d050;
  }

  70%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
  }

  75%{
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    height:10px;
    width:10px;
  }

  80%{
    -o-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050;
    height:40px;
    width:40px;
  }

  85%{
    -o-transform: translate(0px,0px) rotate(360deg);
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:40px;
    width:40px;
  }

  90%{
    -o-transform: translate(0px,0px) rotate(360deg); 
    box-shadow: 0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,
    0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050,0px 0px 0px 0px #92d050;
    background-color: #92d050; 
    height:10px;
    width:10px;
  }

  95%{
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

  100%{
    -o-transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #92d050,0px -40px 0px 0px #92d050,40px 0px 0px 0px #92d050,-40px 0px 0px 0px #92d050,
    40px 40px 0px 0px #92d050,-40px -40px 0px 0px #92d050,40px -40px 0px 0px #92d050,-40px 40px 0px 0px #92d050;
  }

}




* {
    box-sizing: border-box;
}
.petition-week-wrap {
    display: flex;
    flex-wrap: wrap;
}

.petition-week-left {width: 28%;padding: 54px 10px 0 6px;}

.petition-week-heading {}

.petition-week-heading h2 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 47px;
    margin: 0 0 17px 0;
}

.petition-week-heading p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.petition-week-right {
    width: 72%;
    padding: 0 0 0 8px;
    display: flex;
    flex-wrap: wrap;
}
.petition-week-img-wrap{
    width: 49%;
}
.petition-week-img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 15px 0px 0px 15px;
}

.petition-week-content {
    box-shadow: 0px 4px 16px 0px #0000000D;
    border-radius: 0px 15px 15px 0px;
    width: 51%;
    padding: 24px 50px 23px 47px;
}

.petition-week-content .cat-tag {
    color: #FA3B0E;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
    display: block;
    margin: 0 0 8px 0;
}

.petition-week-content h3 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 20px 0;
}

.petition-week-content p {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 2px 31px 0;
}
.petition-week-content p strong {
    font-weight: 700;
    font-size: 18px;
}

.petition-week-content p:last-of-type {
    margin: 0 0 50px 0;
    text-align: left;
}

.progress-bar {
    background-color: #EDEAEA;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.progress-value {
    background-color: #92D050;
    height: 10px;
    display: block;
    border-radius: 10px;
}

a.custom-btn {
    display: block;
    background-color: #92D050;
    border-radius: 5px;
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 15px 20px;
    transition: all .3s;
    text-decoration: none !important;
}
a.custom-btn:hover {
    color: #FFFFFF;
    background-color: #54595F;
}
.petitions-listing-sec {}

.petitions-heading {
    text-align: center;
    padding: 0 0 40px 0;
}

.petitions-heading h2 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 47px;
    margin: 0 0 19px 0;
}

.petitions-heading p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.petitions-list-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -60px;
}

.petitions-list {
    width: 33.33%;
    padding: 0 15px 60px;
    box-sizing: border-box;
}

.petitions-list-box {
    box-shadow: 0px 4px 16px 0px #0000000D;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
    padding-bottom: 80px;
}

.petitions-img {
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.petitions-list-content {
    padding: 0 0 20px 0;
}

.petitions-list-content .cat-tag {
    display: block;
    color: #FA3B0E;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
    padding: 19px 20px 7px 20px;
}

.petitions-list-content h4 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 40px 21px 21px;
    margin: 0;
}

.petitions-list-content .progress-bar {
    margin: 0 22px 0 20px;
}

.petitions-list-content p {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 0 0;
    padding: 18px 20px 18px 21px;
}
.petitions-list-content p strong{
    font-weight: 700;
    font-size: 18px;
}

.petitions-list-content p:last-of-type {
    text-align: left;
    border-top: 1px solid rgb(242 234 225 / 50%);
    border-bottom: 1px solid rgb(242 234 225 / 50%);
}

.petitions-list-content a.custom-btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.petition-single-sec {
    padding: 60px 0 60px 0;
}

.container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

.petition-single-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 60px 0;
}

.petition-single-left {
    width: 68%;
    padding: 0 34px 0 0;
}

.petition-single-right {
    width: 32%;
    padding: 0 0 0 5px;
}

.petition-single-sec * {
    box-sizing: border-box;
}

.petition-single-content {
    padding: 40px 0 10px 0;
}

.petition-single-content h1 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 67px;
    margin: 0 0 20px 0;
    letter-spacing: 1.8px;
}

.petition-single-content h2 {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 40px 0;
}
.petition-single-content ul {
    margin: 0;
    padding: 0 0 0 21px;
}
.petition-single-content ul li {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px 0;
}
.petition-single-content p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 30px 0;
}
 
.joinus-sec {
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 29px 30px 30px 30px;
}

.joinus-left {
    width: 68%;
}

.joinus-right {
    width: 30%;
}

.joinus-content {}

.joinus-content h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 14px 0;
}

.joinus-content p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.read-letter-sec {
    padding: 38px 0 0 0;
}

.read-letter-wrap {
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 26px 30px 26px 30px;
}

.read-letter-title {
    cursor: pointer;
    position: relative;
}
.read-letter-title:before {
    position: absolute;content: "";background-image: url(../images/arrow-icon.svg);right: 8px;
    top: 0;
    width: 16px;
    height: 10px;
    bottom: 0;
    margin: auto;
    transform: rotate(-90deg);
    transition: all .3s;
}
.read-letter-title.active:before {
    transform: rotate(0deg);
}
.read-letter-title h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0;
}

.read-letter-content {
    display: none;
}

.read-letter-content p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 32px 0;
    text-align: justify;
}

.read-letter-content p:first-child {margin-top: 16px;}

.petition-single-comment-sec {
    padding: 47px 0 0 0;
}

.petition-single-comment-heading {
    padding: 0 0 23px 0;
}

.petition-single-comment-heading h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 14px 0;
}

.petition-single-comment-list {
    padding: 0 0 40px 0;
}

.petition-single-comment-box {
    box-shadow: 0px 4px 16px 0px #0000001A;
    border-radius: 10px;
}

.petition-single-comment-content {
    padding: 19px 20px 20px 20px;
}

.petition-single-comment-content h4 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    letter-spacing: 0.4px;
    margin: 0 0 10px 0;
}

.petition-single-comment-content h4 span{
    font-weight: 400;
    position: relative;
    padding: 0 0 0 11px;
    margin: 0 0 0 11px;
    display: inline-block;
    letter-spacing: 0;
}

.petition-single-comment-content h6 {
    color: #FA3B0E;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.5px;
    margin: 0 0 20px 0;
}
.petition-single-comment-content h6 a{
    color: #FA3B0E;
    text-decoration: none;
}
.petition-single-comment-content h6 a:hover{
    color: #92d050;
}

.petition-single-comment-content p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px 0;
}

.petition-single-comment-content a.custom-btn {}

.petition-single-comment-content h4 span:before {
    position: absolute;
    content: "";
    width: 2px;
    top: 3px;
    left: -1px;
    bottom: 1px;
    background-color: #000;
    margin: 0 auto;
}

.petition-single-social {
    padding: 20px 0 0 0;
}

.petition-single-social h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 14px 0;
}

.petition-single-social ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
    list-style: none;
    padding: 0;
}

.petition-single-social ul li {
    margin: 0;
    padding: 0 10px;
}

.petition-single-social ul li a {width: 60px;height: 60px;border: 1px solid #92D050;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}


.comment-social {
    padding: 0 0 40px 0;
}

.comment-social ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -10px;
    list-style: none;
    padding: 0;
}

.comment-social ul li {
    margin: 0;
    padding: 0 10px;
}

.comment-social ul li a {width: 60px;height: 60px;border: 1px solid #92D050;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

.comment-list ~ .comment-list {
    margin-top: 30px;
}

.comment-list:nth-child(even) .comment-box {
    background: #FBF7ED;
}

.comment-box {
    box-shadow: 0px 4px 16px 0px #0000001A;
    border-radius: 10px;
    padding: 20px 30px 20px 30px;
}

.comment-box h4 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    letter-spacing: 0.4px;
    margin: 0 0 10px 0;
}

.comment-box h4 span{
    font-weight: 400;
    position: relative;
    padding: 0 0 0 11px;
    margin: 0 0 0 11px;
    display: inline-block;
    letter-spacing: 0;
}
.comment-box h4 span:before {
    position: absolute;
    content: "";
    width: 2px;
    top: 3px;
    left: -1px;
    bottom: 1px;
    background-color: #000;
    margin: 0 auto;
}
.comment-box h6 {
    color: #FA3B0E;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.5px;
    margin: 0 0 20px 0;
}
.comment-box h6 a{
    color: #FA3B0E;
    text-decoration: none;
    transition: all .3s;
}
.comment-box h6 a:hover{
    color: #92D050;
}

.comment-box p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 20px 0;
}
.comment-box a.custom-btn {
    max-width: 320px;
}

.inner-banner-sec {
    background-color: #FBF7ED;
    padding: 50px 0;
}

.inner-banner-wrap {
    text-align: center;
}

.inner-banner-wrap h2 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    margin: 0 0 20px 0;
    color: #000;
}

.inner-banner-wrap p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #777777;
}

.comment-sec {
    padding: 60px 0 60px 0;
}

.sign-petition-sec {
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 26px 30px 26px 30px;
    margin: 40px 0 0 0;
}

.sign-petition-heading {
    padding: 0 0 35px 0;
}

.sign-petition-heading h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0;
}

.sign-petition-form {}

.sign-petition-form ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px -24px;
}

.sign-petition-form ul li {
    width: 100%;
    padding: 0 12px 24px;
    margin: 0;
}
.sign-petition-form ul li.two-col{
    width: 50%;
}
.sign-petition-form ul li.three-col{
    width: 33.33%;
}

.sign-petition-form label {
    display: block;
    width: 100%;
    padding: 0 0 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.sign-petition-form input {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 11px 15px;
    box-shadow: none;
    outline: none;
}

.sign-petition-form select {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 11px 15px;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

.sign-petition-form textarea {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 11px 15px;
    box-shadow: none;
    outline: none;
    resize: none;
    height: 180px;
}

.sign-petition-form input.wpcf7-submit {
    background-color: #92D050;
    border-radius: 5px;
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 15px 20px;
    transition: all .3s;
    border: 0;
    max-width: 320px;
    cursor: pointer;
}


.sign-petition-form input.wpcf7-submit:hover {
    color: #FFFFFF;
    background-color: #54595F;
}
.petitions-listing-sec.petitions-listing-page {
    padding: 60px 0 60px 0;
    overflow: hidden;
}

.filter-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 0 0 60px 0;
}
.col-sm-12.text-center.not-found {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    margin: 70px 0 110px 0;
}
.country-container {
    padding: 0 15px;
    width: 20%;
}

.country-container select.country-select {
    width: 100%;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 100px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    padding: 18px 40px;
    appearance: none;
    cursor: pointer;
    outline: none;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
}

.filter-section ul.petition-cat {
    margin: 0 0 -15px 0;
    padding: 0 15px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
}

.filter-section ul.petition-cat li {
    width: calc(25% - 15px);
    margin: 0;
    padding: 0 0 15px 0;
}

.filter-section ul.petition-cat li a {
    border: 1px solid #cccccc;
    display: block;
    border-radius: 100px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    padding: 18px 20px;
    text-decoration: none;
}
.filter-section ul.petition-cat li.active a {
    background-color: #92d050;
    border-color: #92d050;
    color: #000000;
}
.sign-petition-form p.privacy-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 40px 0 0 0;
}

.sign-petition-form p.privacy-content a {
    color: #000000;
}
.sign-petition-form p.privacy-content a:hover{
    color: #92d050;
}
.comment-box.no-comments {
    background-color: #F8F6F6;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 10%);
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding: 25px 30px 25px 30px;
}

.recent-comments {
    padding: 60px 0 0 0;
}

.recent-comments h3 {
    color: #000;
    font-family: "Archivo", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 35px 0;
}
.joinus-img img {max-width: 100%;}
.petition-single-right .petitions-list-box {height: auto;padding-bottom: 0;}
.petition-single-right .petitions-list-content a.custom-btn {position: static;margin: 20px 20px 0 20px;}
.sign-petition-form .wpcf7 form .wpcf7-response-output {margin: 40px 0 0 0;padding: 0;border: 0;color: #dc3232;}
.sign-petition-form .wpcf7 form.sent .wpcf7-response-output {color: #92d050;}
.petition-fullwidth .petition-week-left {width: 100%;padding-left: 0;padding-right: 0;}
.petitions-list-box.mob-only {display: none;}

.article-sec {
    padding: 50px 0 100px;
}

.article-heading {
    text-align: center;
    padding: 0 0 50px 0;
}

.article-heading h2 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 47px;
    margin: 0 0 17px 0;
}

.article-heading p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.article-list-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.article-list {
    width: 33.33%;
    padding: 0 15px 30px;
}

.article-list-box {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    height: 100%;
    padding-bottom: 60px;
    position: relative;
}

.article-img {
    padding-top: 230px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.article-img span.cat-tag {
    background-color: #61ce70;
    border-radius: 20px;
    color: #fff;
    font-family: "Archivo", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
}
.article-img span.cat-tag ~ .cat-tag {margin-left: 10px;}

.cat-tags {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.article-content {
    padding: 20px;
}

.article-content h4 {
    color: #000000;
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}

.article-content p {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.article-content a{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-family: "Archivo", Sans-serif;
}
.article-desc {
    padding: 15px 20px;
    border-top: 1px solid #eaeaea;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.article-desc ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.article-desc ul li {
    color: #777777;
    font-family: "Archivo", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 0 0;
    padding: 0 15px 0 15px;
    position: relative;
}

.article-desc ul li:nth-child(1) {
    padding-left: 0;
}

.article-desc ul li:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #777777;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}

.article-desc ul li:nth-child(1):before {
    display: none;
}

#pagination {
    text-align: center;
    padding: 50px 0 0 0;
}

#pagination .page-numbers {
    font-family: "Archivo", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 7px;
    color: #92D050;
}

#pagination .page-numbers.current {
    color: #000000;
}
.sign-petition-form ul.hidephn li.three-col {
    width: 50%;
}
.wpcf7 .wpcf7-submit:disabled {
    background-color: #54595F;
    color: #fff;
    opacity: 0.7;
}
@media (max-width: 1200px){
    .petition-single-content h1 {font-size: 38px;line-height: 48px;letter-spacing: 1px;}
    .petition-single-content h2 {font-size: 24px;line-height: 36px;margin: 0 0 30px 0;}
    .petition-single-content p, .petition-single-content ul li, .read-letter-content p, .petition-single-comment-content p, .comment-box p {font-size: 18px;line-height: 28px;margin: 0 0 20px 0;}
    .joinus-content h3, .read-letter-title h3, .sign-petition-heading h3, .recent-comments h3, .petition-single-social h3, .petition-single-comment-heading h3{font-size: 26px;line-height: 34px;}
    .petition-single-sec {padding: 60px 0 60px 0;}
    .petitions-heading h2{font-size: 34px;line-height: 44px;}
}
@media (max-width: 991px){
    .petition-week-left {width: 100%;padding: 0 0 30px 0;}
    .petition-week-right {width: 100%;padding: 0 0 0 0;}
    .petitions-list {width: 50%;}
    .petition-week-heading h2 {font-size: 30px;line-height: 38px;margin: 0 0 15px 0;}
    .country-container {width: 100%;padding-bottom: 30px;}
    .country-container select.country-select{background-position: 97% 50%;}
    .filter-section ul.petition-cat{width: 100%;}
    .filter-section ul.petition-cat li {width: calc(33.33% - 15px);}
    .filter-section ul.petition-cat li a{padding: 18px 20px;}
    .petitions-listing-sec.petitions-listing-page {padding: 60px 0 60px 0;}
    .petition-single-left {width: 100%;padding: 0 0 30px 0;}
    .petition-single-right {width: 100%;padding: 0 0 0 0;}
    .petitions-list-box.mob-only {display: block;height: auto;margin: 0 0 40px 0;}
    .petitions-list-box.desk-only{display: none;}
    .petition-single-comment-sec {padding: 0 0 0 0;}
    .petition-single-left {padding: 0 0 10px 0;}
    .article-list {width: 50%;}
}
@media (max-width: 767px){
    .petition-week-content h3, .petitions-list-content h4 {font-size: 18px;line-height: 22px;}
    .petition-week-content p {font-size: 16px;line-height: 20px;margin: 0 0 20px 0;}
	.petition-week-content p strong{font-size: 16px;}
    .petition-week-content p:last-of-type {margin: 0 0 30px 0;}
    a.custom-btn {font-size: 16px;line-height: 24px;padding: 12px 20px;}
    .petition-week-heading h2, .petitions-heading h2 {font-size: 22px;line-height: 28px;margin: 0 0 15px 0;}
    .petition-week-heading p, .petitions-heading p {font-size: 14px;line-height: 24px;}
    .petitions-list-content p, .petitions-list-content p strong{font-size: 16px;line-height: 20px;}
    .filter-section {padding: 0 0 30px 0;}
    .inner-banner-wrap h2 {font-size: 30px;line-height: 40px;}
    .inner-banner-wrap p {font-size: 16px;line-height: 24px;}
    .inner-banner-sec {padding: 40px 0;}
    .country-container select.country-select, .filter-section ul.petition-cat li a{font-size: 16px;}
    .petition-single-content h1 {font-size: 24px;line-height: 36px;letter-spacing: 0;}
    .petition-single-content h2 {font-size: 18px;line-height: 26px;margin: 0 0 20px 0;}
    .petition-single-content p, .petition-single-content ul li, .read-letter-content p, .petition-single-comment-content p, .comment-box p {font-size: 14px;line-height: 24px;margin: 0 0 20px 0;}
    .joinus-sec{padding: 20px 20px 20px 20px;}
    .joinus-left {width: 100%;padding: 0 0 20px 0;}
    .joinus-right {width: 100%;}
    .joinus-content p {font-size: 14px;line-height: 24px;}
    .joinus-content h3, .read-letter-title h3, .sign-petition-heading h3, .recent-comments h3, .petition-single-social h3, .petition-single-comment-heading h3 {font-size: 20px;line-height: 26px;}
    .read-letter-wrap {padding: 20px 20px 20px 20px;}
    .sign-petition-sec {padding: 20px 20px 20px 20px;margin: 30px 0 0 0;}
    .sign-petition-form input.wpcf7-submit{font-size: 16px;line-height: 24px;padding: 12px 20px;max-width: 100%;}
    .sign-petition-form p.privacy-content {margin: 0 0 0 0;}
    .petition-single-comment-content h4, .comment-box h4 {font-size: 16px;line-height: 20px;}
    .petition-single-comment-content h6, .comment-box h6 {font-size: 14px;line-height: 17px;letter-spacing: 0;margin: 0 0 15px 0;}
    .petition-single-social ul li a, .comment-social ul li a {width: 40px;height: 40px;}
    .petition-single-social ul li a img, .comment-social ul li a img {max-width: 20px;}
    .petition-single-wrap {padding: 0 0 50px 0;}
    .petitions-heading {padding: 0 0 10px 0;}
    .comment-box {padding: 20px 20px 20px 20px;}
    .comment-sec {padding: 40px 0 40px 0;}
    .petitions-list-box {padding-bottom: 70px;}
    .sign-petition-form .wpcf7 form .wpcf7-response-output {margin: 0px 0 20px 0;}
    .wpcf7-spinner {margin: 20px auto 0;display: block;}
    .petition-single-comment-heading h3{margin: 0;}
    .recent-comments h3 {margin: 0 0 20px 0;}
    .article-sec {padding: 30px 0 50px;}
    .petition-single-content {padding: 20px 0 10px 0;}
    
    
}
@media (max-width: 640px){
    .petition-week-img {padding-top: 70%;height: auto;border-radius: 15px 15px 0px 0px;}
    .petition-week-img-wrap{width: 100%;}
    .petition-week-content {border-radius: 0px 0px 15px 15px;width: 100%;padding: 20px 20px 20px 20px;}
    .petitions-list {width: 100%;}
    .filter-section ul.petition-cat {margin: 0 0 -20px 0;}
    .filter-section ul.petition-cat li {width: 100%;padding: 0 0 20px 0;}
    .country-container {padding-bottom: 20px;}
    .country-container select.country-select {background-position: 90% 50%;}
    .petitions-listing-sec.petitions-listing-page {padding: 40px 0 40px 0;}
    .sign-petition-form ul li.two-col, .sign-petition-form ul li.three-col {width: 100%;}
    .article-list {width: 100%;}
    .sign-petition-form ul.hidephn li.three-col {width: 100%;}
}