body {
font-family:Lato,Helvetica,Arial,sans-serif
font-size: 17px;
}

h1,h2,h3,h4,h5,h6 {
line-height:1.7
}


.container .navbar-header {
display:inline-block;
float:unset
}

.navbar .logo {
padding-right:0;
margin:4px 0
}

form#user-login div div {
display:none
}

.crm-container .crm-form-block {
background:none
}

label {
margin-right:6px
}

div.input-group {
padding:0 8px
}

div.input-group span.input-group-addon {
padding:0 12px;
border:0;
background:none;
color:inherit;
font-weight:700
}

div.webform-component-display {
margin:8px 0
}

body.page-node-done div.links {
display:none
}

.page-civicrm .crm-container.crm-public .crm-form-block {
padding:30px
}


html body:not(.toolbar) {
margin-top:0!important
}

.page-header {
font-size:32px;
margin-bottom:12px
}

.panel-default > .panel-heading {
color:#fff;
background-color:#2c3e50;
border-color:#ddd
}

header#navbar {
text-align:center;
background-color:unset;
border:none;
margin:12px auto
}

body.page-civicrm {
background-color:#fff!important
}

body.node-type-membership h1.page-header {
display:none
}

body.page-civicrm h1.page-header {
display:block;
background-color:#2c3e50;
color:#fff;
padding:20px 35px;
margin-bottom:40px
}

body.page-civicrm div.region-content {
margin-left:35px
}

.control-group .help-inline,.help-block {
font-size:15px
}

.label {
color:#333
}

div.field-name-field-description {
font-size:17px;
font-style:italic
}

.table-responsive::-webkit-scrollbar {
-webkit-appearance:none
}

.table-responsive::-webkit-scrollbar:vertical {
width:12px
}

.table-responsive::-webkit-scrollbar:horizontal {
height:12px
}

.table-responsive::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.5);
border-radius:10px;
border:2px solid #fff
}

.table-responsive::-webkit-scrollbar-track {
border-radius:10px;
background-color:#fff
}

body.page-civicrm div.region-content {
margin-right:35px
}

.petition-text {
box-shadow:0 0 16px 1px rgba(0,0,0,0.1);
background:#f3f6f7;
border-bottom:1px solid #d3dee2;
border-radius:2px 2px 0 0;
color:#464354;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:18px;
line-height:28px;
margin:30px 0;
padding:13px 20px
}

.crm-container .description {
color:#464354
}

div.crm-public div.crm-section.recaptcha-section {
margin-left: 10%;
}

button#_qf_Signature_upload-bottom, #_qf_UpdatePreference_submit-bottom {
margin-left: 19%;
background-color:#536170;
padding:10px 30px;
font-weight:900
}

div.crm-event-register-form-block div.crm-submit-buttons {
margin-left: 19%;
margin-bottom: 16px;
}


div.crm-block button.crm-button {
padding: 10px 20px 10px;
border: 2px solid #000;
border-radius: 0px;

color: #000;
background: unset;

font-size: 15px;
text-shadow: none;
text-transform: uppercase;
}


div.crm-block button.crm-button:hover {
background-color: #2c3e5009!important;
background-color: #a2dca2!important;
}

div.crm-block button.crm-button.crm-button-type-cancel:hover {
background-color: #d09999!important;;
}

div.crm-block button.crm-button-type-upload>i.crm-i {
display: none;
}

#crm-container.crm-public div.event_summary-section {
padding:25px;
margin-bottom:20px;
background-color:#eee;
color:#000;
font-size:21px;
line-height:normal
}

#crm-container.crm-public div.register_link-top {
margin:28px 20px
}

div.event_date-section h2 {
margin-top: 0px;
}


/* BUTTONS */

/* ma-btns */

a.ma-btn {
	display: inline-block;
	margin: 10px 20px 10px 0px;
	padding: 10px 20px 10px;
	border: 2px solid #2c3e50;
	color: #2c3e50;
	position: relative;
}

a.ma-btn:hover {
	background-color: #2c3e5009!important;
}

a.ma-btn.pnp-btn {
	border: 3px solid #72cc84;
	background-color: #72cc84;
	color: #fff;
	font-weight: 900;
}

a.ma-btn.pnp-btn:hover {
	color: #000;
	text-decoration: unset;
}


a.ma-btn.fb-btn {
	border: 3px solid #3b5998;
	background-color: #3b5998;
	color: #fff;
	font-weight: 900;
}

a.ma-btn.fb-btn:hover {
	color: #000;
	text-decoration: unset;
}


a.ma-btn.tw-btn {
	border: 3px solid #00acee;
	background-color: #00acee;
	color: #fff;
	font-weight: 900;
}

a.ma-btn.tw-btn:hover {
	color: #000;
	text-decoration: unset;
}



/* comms pref page */

.comm-pref-block fieldset legend {
    border: 2px solid #2c3e50;
    padding: 20px;
    font-size: 20px;
}

#crm-communications-preferences-groups label {
font-size: 20px;
vertical-align: middle;
}

.page-civicrm-gdpr-comms-prefs-update input[type="checkbox"] {
height: 20px;
width: 20px;
vertical-align: middle;
}

#crm-communications-preferences-groups div.content.group-channel-div {
margin-left: 10%;
}

div.crm-block > div.crm-group > fieldset > div.crm-public-form-item.crm-section {
white-space: normal;
}



/* WEBFORM STYLES */

/* default webform styles */

/* form submit buttons */

.webform-submit.form-submit {
background-color:#536170;
color:#fff;
border-color:#536170;
font-weight:700
}

.webform-submit.form-submit:hover {
color:#effdff;
border-color:#fff;
background-color:#009eae;
font-weight:900
}

/* boxy fieldsets */

fieldset.panel, fieldset.panel legend.panel-heading, div.form-actions > button {
  border-radius: 0px;
}

/* description text */

fieldset .help-block, fieldset .control-group, fieldset .help-inline {
      color: #444;
}

/* select-bubbles */

div.select-bubbles .radio label, div.select-bubbles .checkbox label {
border: 1px lightgrey solid;
    padding: 10px;
    display: inline-block;
    margin: 5px;
    border-radius: 5px;
}

div.select-bubbles input[type="radio"], div.select-bubbles input[type="checkbox"]  {
position: relative;
margin-right: 10px;
margin-left: 0px ! important;
}

div.select-bubbles div.help-block {
display: inline-block;
}




/* H4GND webform styles */

#webform-client-form-220 fieldset ,  fieldset.h4gnd {
  background-color: #e4eaef;
  text-transform: uppercase;
  font-size: 16px;
}

#webform-client-form-220 fieldset legend.panel-heading,  fieldset.h4gnd legend.panel-heading {
  background-color: #000;
  padding: 20px;
}

#webform-client-form-220 fieldset legend.panel-heading span.panel-title, fieldset.h4gnd legend.panel-heading span.panel-title {
  font-size: 22px;
}

#webform-client-form-220 fieldset div.select-bubbles .radio label,  fieldset.h4gnd div.select-bubbles .radio label, div.select-bubbles .checkbox label {
  background-color: #fff;
}