@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');




/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */
html, body {width: 100%; font-size: 18px; line-height: 150%; font-family: "Open Sans", serif; font-weight: 500; color: #151721; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-text-size-adjust: 100%; background: #F5F5F5; height: 100%; min-height: 100%;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {display: block; clear: both; font-family: "Open Sans", serif; font-weight: 750; font-style: normal; margin: 0 0 25px 0; z-index: 10; line-height: 125%; letter-spacing: -0.035em;}
h1, .h1 {font-size: 50px;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 35px;}
h4, .h4 {font-size: 30px;}
h5, .h5 {font-size: 25px;}
h6, .h6 {font-size: 18px;}


.viewport {display: none;}
.viewport:after {content: 'Full Desktop'; color: #FFFFFF; position: fixed; bottom: 15px; right: 15px; background: red; z-index: 999; padding: 2px 15px; font-size: 8px;}


button {border: 0; outline: none; cursor: pointer; text-decoration: none;}
button:disabled, .button.disabled {cursor: default; -moz-animation: none!important; -o-animation: none!important; animation: none!important; opacity: 0.35;}
.button,
.wpcf7-submit {position: relative; padding: 25px 50px; cursor: pointer; z-index: 50; text-align: center; font-family: "Open Sans", serif; font-weight: 750; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; text-decoration: none; background: #FAA61A; color: #151721; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; overflow: hidden; letter-spacing: -0.025em; text-transform: uppercase; height: auto; width: auto; min-height: 50px; min-width: 250px; border: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}
.button.full {width: 100%;}


p {margin: 0 0 25px 0; display: block; clear: both; width: 100%; z-index: 10;}
a {color: #FAA61A;}
strong {font-weight: 750;}
img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
hr {margin: 50px 0; border-bottom: 2px solid rgba(21,23,33,0.05); display: block; clear: both; float: left; width: 100%;}
.text-color-black {color: #151721!important;}
.text-color-white {color: #FFFFFF!important;}
.text-color-yellow {color: #FAA61A!important;}
.text-color-red {color: #F95F53!important;}
.text-size-huge {font-size: 75px; line-height: 105%;}
.text-size-smaller,
.text-size-smaller * {font-size: 16px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 14px!important; line-height: 150%;}
.text-size-smallester,
.text-size-smallester * {font-size: 10px!important; line-height: 150%;}
.text-align-center {text-align: center;}
.text-capitalise-first-letter {text-transform: capitalize;}
.text-transform-uppercase {text-transform: uppercase;}
.text-email-address {word-break: break-all;}
.text-break-all {white-space: nowrap;}
.text-weight-650 {font-weight: 650!important;}
.margin-50 {margin: 0 0 50px 0!important;}
.margin-35 {margin: 0 0 35px 0!important;}
.margin-25 {margin: 0 0 25px 0!important;}
.margin-15 {margin: 0 0 15px 0!important;}
.margin-10 {margin: 0 0 10px 0!important;}
.margin-5 {margin: 0 0 5px 0!important;}
.margin-none {margin: 0!important;}
.background-black {background: #151721!important;}
.background-white {background: #FFFFFF!important;}
.background-yellow {background: #FAA61A!important;}
.link {cursor: pointer; text-decoration: underline; display: inline-block; width: auto;}
.hide {display: none!important;}
.disable-scroll {overflow: hidden; height: 100%;}
.select-none {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


.basic-list,
.basic-list ul {display: block; clear: both; width: 100%; float: left;}
.basic-list ul li {display: block; clear: both; width: 100%; margin: 0 0 15px 0; float: left; padding: 0 0 0 35px;}
.basic-list ul li:before {content: ''; width: 15px; height: 15px; background: #FAA61A; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 7px; left: 0;}


.wrap {width: 87.5%; max-width: 1150px; margin: 0 auto; clear: both;}
.wrap.full {max-width: 3840px;}
.wrap:after {content: ''; display: block; clear: both;}


header {height: 150px; z-index: 300; width: 100%; z-index: 502;}
header .wrap {height: 100%; border-bottom: 2px solid rgba(21,23,33,0.05);}
header .logo {position: absolute; top: calc(50% - 5px); left: 0; transform: translateY(-50%);}
header .tagline {position: absolute; top: 50%; left: 210px; transform: translateY(-50%); height: 100%; border-left: 2px solid rgba(21,23,33,0.05); width: 100%; max-width: 400px;}
header .tagline p {position: absolute; top: 50%; left: 35px; transform: translateY(-50%);}
header nav {position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 300;}
header nav ul li {float: left; margin: 0 0 0 35px;}
header nav ul li a {color: #151721; font-weight: 650;}
header nav ul li.petitions a {padding: 10px 25px; background: #FAA61A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase;}
header .menu {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 25px; display: none; cursor: pointer; z-index: 501;}


.tag {padding: 5px 25px; background: #FAA61A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: table; text-transform: uppercase; left: -25px; top: -45px; font-weight: 750; position: absolute;}


.signature-tally {background: #FFFFFF; border: 2px solid; padding: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.signature-tally p {border-bottom: 2px solid #151721; padding: 0 0 5px 0;}
.signature-tally p:last-of-type {border: 0; padding: 0;}
.signature-tally .logo {width: 50px; margin: 0 0 10px 0;}


footer {display: block; clear: both; width: 100%; background: #151721; color: #FFFFFF;}
footer hr {border-bottom: 2px solid rgba(255,255,255,0.10);}


.logo {width: 175px; max-width: 100%; z-index: 15; display: inline-block;}
.logo.smaller {width: 75px;}


.breadcrumbs {float: left; width: 100%; display: block; clear: both; padding: 25px 0 0 0;}
.breadcrumbs span {float: left;}
.breadcrumbs span:after {content: '/'; margin: 0 10px; color: #151721;;}
.breadcrumbs span:last-of-type:after {display: none;}


.petitions-list,
.petitions-list ul {display: block; clear: both; width: 100%;}
.petitions-list ul li {width: 100%; display: block; clear: both; padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 2px solid rgba(21,23,33,0.05); float: left;}
.petitions-list ul li:last-of-type {margin: 0; padding: 0; border: 0;}
.petitions-list ul li .content {width: calc(100% - 350px); float: left;}
.petitions-list ul li .content .image {display: none;}
.petitions-list ul li .image {margin: 0; clear: none!important; float: right; width: 300px;}


.loading-page {z-index: 499; display: block;}
.loading-page.invisible {display: none;}
.loading-page .overlay {opacity: 1;}
.loading-page .contents,
.loading-step .contents {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 5; width: 100%; padding: 0 30px;}
.loading-page .contents .logo {margin: 0 auto 25px auto; display: block;}


.columns {display: block; clear: both; width: 100%; float: left;}
.columns.two .column {width: 65%; padding: 0 75px 0 0; float: left;}
.columns.two .column:nth-of-type(2) {width: 35%; padding: 0;}
.columns.three .column {width: 33.333333%; padding: 0 25px 0 0; float: left;}
.columns .column .image,
.petitions-list ul li .image {margin: 0 0 25px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; background: #FFFFFF; padding: 15px; border: 2px solid #151721; display: block; clear: both;}


.loading-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.loading-spinner:before {content: ''; position: absolute; top: 50%; left: 50%; width: 75px; height: 75px; margin-top: -37.5px; margin-left: -37.5px; border-radius: 50%; border-top: 4px solid #FAA61A; border-right: 4px solid transparent; animation: animation-loading 0.50s linear infinite;}
.loading-spinner.inline {position: relative; top: 0; left: 0; transform: none; clear: both; display: block; width: 75px; height: 75px; margin: 0 auto;}
.loading-spinner.inline:before {width: 75px; height: 75px; margin-top: -37.5px; margin-left: -37.5px;}
.loading-spinner.inline.text {width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; clear: none;}
.loading-spinner.inline.text:before {width: 25px; height: 25px; margin-top: -15px; margin-left: -12.5px; border-top: 2px solid #FFFFFF; border-right: 2px solid transparent;}


#petition_form {display: block; clear: both; width: 100%; float: left; padding: 25px 0 0 0; margin: 10px 0 0 0; border-top: 2px solid rgba(21,23,33,0.05);}


.petition-description {display: block; clear: both; width: 100%; float: left;}


form {display: block; width: 100%; clear: both; float: left;}
form.block {padding: 35px 25px; border: 2px solid #151721; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form input, form select, form textarea {width: 100%; float: left; outline: none; -webkit-appearance: none; appearance: none; padding: 0 15px; height: 50px; font-size: 18px; color: #151721; font-family: "Open Sans", serif; font-weight: 500; border: 0; background: #FFFFFF; border: 2px solid #151721; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form input::placeholder {color: #151721; text-transform: none; opacity: 0.35;}
form ::placeholder {color: #151721; text-transform: none; opacity: 0.35;}
form :-ms-input-placeholder {color: #151721; text-transform: none; opacity: 0.35;}
form ::-ms-input-placeholder {color: #151721; text-transform: none; opacity: 0.35;}
form input:focus,
form select:focus,
form textarea:focus,
form .wpcf7-list-item .wpcf7-list-item-label:active,
form .wpcf7-list-item .wpcf7-list-item-label:focus,
.select:focus {border: 2px solid #FAA61A;}
form input:disabled {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
form textarea {min-height: 125px; height: 125px; min-width: 100%; max-width: 100%; width: 100%; padding: 15px; resize: none;}
form select {background: none; padding: 0 50px 0 15px; background: #FFFFFF url(../img/select.png) no-repeat right 15px top 50%; -webkit-background-size: 15px; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px;}
form select::-ms-expand {display: none;}
form label, label {display: block; clear: both; z-index: 10; margin: 0 0 5px 0; letter-spacing: -0.015em!important; font-weight: 650!important;}
form .field {display: block; clear: both; margin: 0 0 15px 0; width: 100%; float: left;}
form .field.two {margin: 0;}
form .field.two .field {width: calc(50% - 15px); clear: none;}
form .field.two .field:first-of-type {margin: 0 7.5px 15px 0;}
form .field.two .field:nth-of-type(2n) {margin: 0 0 15px 7.5px;}
form .wpcf7-not-valid-tip {background: #F95F53; width: 100%; clear: both; float: left; position: relative; font-weight: 500; color: #FFFFFF!important; padding: 5px 0; margin-top: 2px; z-index: 50; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 150%; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.field.required:has(.wpcf7-not-valid-tip) input,
.field.required:has(.wpcf7-not-valid-tip) .wpcf7-list-item input + .wpcf7-list-item-label {border: 2px solid #F95F53;}
form .wpcf7-list-item {margin: 0 15px 0 0;}
form .wpcf7-list-item input {display: none;}
form .wpcf7-list-item .wpcf7-list-item-label {position: relative; cursor: pointer; outline: none; margin: 0; width: auto; color: #151721; background: #FFFFFF; border: 2px solid #151721; font-family: "Open Sans", serif; font-weight: 500!important; font-size: 18px; line-height: 150%; padding: 9px 35px 10px 35px; min-height: 50px; text-align: center; min-width: 125px; display: block; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; width: 100%;}
form .wpcf7-list-item input:checked + .wpcf7-list-item-label {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #FAA61A; -webkit-animation: none; animation: none; border: 2px solid #FAA61A;}
form nav {display: block; clear: both; width: 100%; float: left; z-index: 51; padding: 10px 0 0 0;}
form fieldset {padding: 50px 75px; margin: 0; float: left; width: 100%; background: #E4EBF1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
form .wpcf7-response-output {margin: 0!important; padding: 0!important;}
form.sent .wpcf7-response-output {display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; border: 0!important; margin: 0!important; padding: 250px 7.5%!important; text-align: center; font-weight: 750;}
form.sent .wpcf7-response-output:before {content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F5F5F5; opacity: 0.98;}
form.invalid .wpcf7-response-output {display: none;}


.form-security {padding: 15px 0 0 0; display: block; clear: both;}
.form-security * {display: inline-block; vertical-align: middle; clear: none;}
.form-security p {width: auto;}
.form-security .secure-badge {margin: 0 15px 0 0;}


section,
footer {padding: 100px 0;}
section.introduction,
section.single {padding: 75px 0 100px 0;}
section.category {padding: 50px 0 100px 0;}
section.padding-none {padding: 0;}


@media (hover: hover) and (pointer: fine) {
.button:hover:after {width: 100%;}
.wpcf7-submit:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0;}
form .wpcf7-list-item input:disabled .wpcf7-list-item-label:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 2px solid #151721;}
}





/* -------------------------------------------------------------------------------
			Desktop wide
------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
span.viewport:after {content: 'Wide Desktop'; background: green;}


}





/* -------------------------------------------------------------------------------
			Tablet landscape: 960px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
span.viewport:after {content: 'Tablet Landscape 960px - 1200px'; background: skyblue;}


.button,
.wpcf7-submit {padding: 25px 35px;}


header nav {position: fixed; height: 100%; background: #FFFFFF; padding: 120px 35px 0 35px; min-width: 50%; -webkit-box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); -moz-box-shadow: -25px 0px 3000px 0px rgba(21,23,33,0.50); box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); display: none;}
header nav ul li {display: block; clear: both; margin: 0 0 15px 0; border-bottom: 2px solid rgba(21,23,33,0.05); width: 100%; padding: 0 0 5px 0;}
header nav ul li:first-of-type {border: 0;}
header nav ul li.petitions {margin: 0 0 15px 0;}
header nav ul li a {display: block;}
header .menu {display: block;}


.columns.two .column {padding: 0 50px 0 0;}
.columns.two .column {width: 70%; padding: 0 50px 0 0;}
.columns.two .column:nth-of-type(2) {width: 30%;}
.columns.three .column {width: 50%; padding: 0 25px 50px 0;}
.columns.three .column:last-of-type {clear: both;}


.petitions-list ul li .content {width: calc(100% - 250px);}
.petitions-list ul li .image {width: 200px;}
}





/* -------------------------------------------------------------------------------
			Tablet portrait: 640px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px) {
span.viewport:after {content: 'Tablet Portrait'; background: blue;}


.button,
.wpcf7-submit {padding: 25px 35px;;}


header nav {position: fixed; height: 100%; background: #FFFFFF; padding: 120px 35px 0 35px; min-width: 50%; -webkit-box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); -moz-box-shadow: -25px 0px 3000px 0px rgba(21,23,33,0.50); box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); display: none;}
header nav ul li {display: block; clear: both; margin: 0 0 15px 0; border-bottom: 2px solid rgba(21,23,33,0.05); width: 100%; padding: 0 0 5px 0;}
header nav ul li:first-of-type {border: 0;}
header nav ul li.petitions {margin: 0 0 15px 0;}
header nav ul li a {display: block;}
header .menu {display: block;}


.columns.two .column {width: 100%; padding: 0;}
.columns.two .column:nth-of-type(2) {width: 100%; padding: 50px 0 0 0;}
.columns.two .column:nth-of-type(2) .sign_this_petition {display: none;}
.columns.three .column {width: 50%; padding: 0 25px 50px 0;}
.columns.three .column:last-of-type {clear: both; padding: 0 25px 0 0;}


.petitions-list ul li .content {width: 100%;}
.petitions-list ul li .image {width: 100%; float: left; display: none;}
.petitions-list ul li .content .image {display: block;}


section,
footer {padding: 75px 0;}
section.introduction,
section.single {padding: 75px 0;}
section.category {padding: 25px 0 75px 0;}
}





/* -------------------------------------------------------------------------------
			Wide mobile: 480px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 768px) {
span.viewport:after {content: 'Mobile Wide'; background: purple;}


html, body {font-size: 16px; line-height: 150%;}


h1, .h1 {font-size: 45px;}
h2, .h2 {font-size: 35px;}
h3, .h3 {font-size: 30px;}
h4, .h4 {font-size: 25px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}


.button,
.wpcf7-submit {padding: 20px 35px; font-size: 16px; min-width: 200px;}


.text-size-smaller,
.text-size-smaller * {font-size: 14px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 12px!important; line-height: 150%;}
hr {margin: 25px 0;}


.logo {width: 125px;}


.tag {padding: 2.5px 15px; top: -40px; left: -15px;}


header {height: 110px;}
header .tagline {left: 0; height: auto; border: 0; top: auto; transform: none; bottom: -10px; width: 100%;}
header .tagline p {left: 0; top: 0; transform: none;}
header nav {position: fixed; height: 100%; background: #FFFFFF; padding: 120px 35px 0 35px; min-width: 75%; -webkit-box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); -moz-box-shadow: -25px 0px 3000px 0px rgba(21,23,33,0.50); box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); display: none;}
header nav ul li {display: block; clear: both; margin: 0 0 15px 0; border-bottom: 2px solid rgba(21,23,33,0.05); width: 100%; padding: 0 0 5px 0;}
header nav ul li:first-of-type {border: 0;}
header nav ul li.petitions {margin: 0 0 15px 0;}
header nav ul li a {display: block;}
header nav.temp_hide {display: none!important;}
header .menu {display: block;}


.columns.two .column {width: 100%; padding: 0;}
.columns.two .column:nth-of-type(2) {width: 100%; padding: 50px 0 0 0;}
.columns.two .column:nth-of-type(2) .sign_this_petition {display: none;}
.columns.three .column {width: 100%; padding: 0 0 25px 0; clear: both;}
.columns.three .column:last-of-type {clear: both;}


.petitions-list ul li .content {width: 100%;}
.petitions-list ul li .image {width: 100%; float: left; display: none;}
.petitions-list ul li .content .image {display: block;}


.breadcrumbs {padding: 10px 0; margin: 35px 0 0 0; border-top: 2px solid rgba(21,23,33,0.05);}


form.block {padding: 0; background: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
form .field.two .field {width: 100%; clear: both;}
form .field.two .field:first-of-type {margin: 0 0 15px 0;}
form .field.two .field:nth-of-type(2n) {margin: 0 0 15px 0;}
form input,
form select,
form textarea,
form .wpcf7-list-item .wpcf7-list-item-label {font-size: 16px;}
form .wpcf7-list-item .wpcf7-list-item-label {padding: 10px 35px 9px 35px;}


section,
footer {padding: 50px 0;}
section.introduction {padding: 90px 0 50px 0;}
section.single {padding: 55px 0 50px 0;}
section.category {padding: 15px 0 50px 0;}
}





/* -------------------------------------------------------------------------------
			Mobile: 320px.
------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
span.viewport:after {content: 'Mobile Portrait'; background: pink;}


html, body {font-size: 16px; line-height: 150%;}


h1, .h1 {font-size: 35px;}
h2, .h2 {font-size: 28px;}
h3, .h3 {font-size: 25px;}
h4, .h4 {font-size: 22px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}


.button,
.wpcf7-submit {padding: 20px 35px; font-size: 16px; min-width: 200px;}


.text-size-smaller,
.text-size-smaller * {font-size: 14px!important; line-height: 150%;}
.text-size-smallest,
.text-size-smallest * {font-size: 12px!important; line-height: 150%;}
hr {margin: 25px 0;}
.margin-35 {margin: 0 0 25px 0!important;}
.margin-50 {margin: 0 0 35px 0!important;}


.logo {width: 125px;}


.tag {padding: 2.5px 15px; top: -40px; left: -15px;}


header {height: 110px;}
header .tagline {left: 0; height: auto; border: 0; top: auto; transform: none; bottom: -10px; width: 100%;}
header .tagline p {left: 0; top: 0; transform: none;}
header nav {position: fixed; height: 100%; background: #FFFFFF; padding: 120px 35px 0 35px; min-width: 75%; -webkit-box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); -moz-box-shadow: -25px 0px 3000px 0px rgba(21,23,33,0.50); box-shadow: -25px 0px 300px 0px rgba(21,23,33,0.50); display: none;}
header nav ul li {display: block; clear: both; margin: 0 0 15px 0; border-bottom: 2px solid rgba(21,23,33,0.05); width: 100%; padding: 0 0 5px 0;}
header nav ul li:first-of-type {border: 0;}
header nav ul li.petitions {margin: 0 0 15px 0;}
header nav ul li a {display: block;}
header nav.temp_hide {display: none!important;}
header .menu {display: block;}


.columns.two .column {width: 100%; padding: 0;}
.columns.two .column:nth-of-type(2) {width: 100%; padding: 50px 0 0 0;}
.columns.two .column:nth-of-type(2) .sign_this_petition {display: none;}
.columns.three .column {width: 100%; padding: 0 0 25px 0; clear: both;}
.columns.three .column:last-of-type {clear: both;}


.petitions-list ul li .content {width: 100%;}
.petitions-list ul li .image {width: 100%; float: left; display: none;}
.petitions-list ul li .content .image {display: block;}


.breadcrumbs {padding: 10px 0; margin: 35px 0 0 0; border-top: 2px solid rgba(21,23,33,0.05);}


form.block {padding: 0; background: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
form .field.two .field {width: 100%; clear: both;}
form .field.two .field:first-of-type {margin: 0 0 15px 0;}
form .field.two .field:nth-of-type(2n) {margin: 0 0 15px 0;}
form input,
form select,
form textarea,
form .wpcf7-list-item .wpcf7-list-item-label {font-size: 16px;}
form .wpcf7-list-item .wpcf7-list-item-label {padding: 10px 35px 9px 35px;}


section,
footer {padding: 50px 0;}
section.introduction {padding: 90px 0 50px 0;}
section.single {padding: 55px 0 50px 0;}
section.category {padding: 15px 0 50px 0;}
}





/* -------------------------------------------------------------------------------
			Animations
------------------------------------------------------------------------------- */
@keyframes animation-loading {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}