/*
	Styles for Civi-generated pages
*/



/* ----------------------- */
/* GLOBAL */

#crm-container {
	position:relative;
	font-family:"Roboto", sans-serif; font-weight:normal;
	font-size:10px;
	}

/* get rid of the printer option */
#crm-container #printer-friendly {
	display: none;
	}

#crm-container .crm-title {
	display:none;
	}

.ui-datepicker { width:21em !important; }

/* ----------------------- */
/* CRM CONAINTER */

#crm-container h1,
#crm-container h2,
#crm-container h3,
#crm-container h4,
#crm-container h5,
#crm-container h6,
#crm-container p { 
	margin:0 0 1em 0;
	font-size:10px; line-height:1.7em; font-style:normal; font-weight:normal;
	}

#crm-container h1 {
	font-size:5.5em; line-height:1.1em;
	color:#222;
	}
	
#crm-container h2 {
	font-size:3em; line-height:1.2em;
	font-weight:900;
	margin:2.13em 0 1.06em 0;
	}
	
#crm-container h3 {
	font-size:2.4em; line-height:1.4em;
	font-weight:500;
	margin:0 0 1.2em 0;
	background:none;
	}
	
#crm-container p, 
#crm-container li {
	font-size:1.8em; line-height:1.8em;
	}

#crm-container p,
#crm-container p em,
#crm-container p strong,
#crm-container td,
#crm-container td em,
#crm-container td strong {
	font-family: 'Merriweather', "Roboto", sans-serif;
	font-weight:normal;
	margin:0 0 1.7em 0;
}

#crm-container p strong,
#crm-container td strong {
	font-weight:bold;
	}

#crm-container a { 
	color:#1a94df; text-decoration:none; font-weight:normal;
	font-size:1.1em;
	}
	
#crm-container a:hover { 
	color:#000;
	}
	
#crm-container a:active, 
#crm-container a:focus { /* remove firefox dotted outline on links */
	outline:0; 
	} 

#crm-container ul,
#crm-container ol {
	margin:0 0 2em 0;
	}

#crm-container li {
	margin:0 0 .5em 0;
	}
	
#crm-container h1:first-child,
#crm-container h2:first-child,
#crm-container h3:first-child,
#crm-container p:first-child,
#crm-container ul:first-child,
#crm-container ol:first-child {
	margin-top:0;
	}

#crm-container img { 
	border:none;
	}
	
#crm-container img.size-thumbnail,
#crm-container img.size-medium,
#crm-container img.size-large,
#crm-container img.size-full,
#crm-container img.size-fullscreen {
	max-width:100% !important; height:auto !important;
	}
	
/* ----------------------- */
/* FORM ELEMENTS */

#crm-container .form-item, /* div around label and field */
#crm-container .crm-submit-buttons { /* div around submit-buttons */
	position:relative;
	display:block;
	padding:0;
	margin:0 0 .8em 0;
	
	font-size:1.4em;
	line-height:2em;
}

#crm-container .label { /* div around label */
	position:relative;
	display:block;
	padding:0 0 .5em 0;
	margin:0 1em 0 0;
	color:#333;
	line-height:1.5em;
}

#crm-container .label .crm-marker { /* required asterix */
	color:#1a94df;
}

#crm-container .edit-value { /* div around field */
	position:relative;
	display:block;
	padding:0;
	margin:0 0 2em 0;
}

#crm-container .crm-form-text,
#crm-container .crm-form-textarea { /* field */
	position:relative;
	display:block;
	max-width:100%;
	padding:.2em .5em .3em .5em;
	margin:0;
	font-size:inherit;
	border:solid 1px #aaa;
	box-sizing:border-box;
}

#crm-container .crm-form-text.required { /* field - required */
	box-shadow:inset 2px 0 0 #1a94df;
}


#crm-container .crm-submit-buttons { /* div around submit and cancel buttons */
	margin-top:3em;
}

#crm-container .crm-button, /* span around submit button */
#crm-container a.cancel { /* cancel button */
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;
	padding:.5em 1em .6em 1em;
	margin:0;
	
	font-family:"Roboto", sans-serif; font-weight:normal;
	color:#fff;
	font-size:1.4em;
	line-height:1em;
	font-weight:700;
	text-transform:uppercase;
	text-shadow:none;
	
	border:none;
	background:#1a94df;
	}

/*#crm-container .crm-form-submit { /* submit button - basically remove all styling and inherit from container */
/*
	position:relative;
	display:inline-block;
	cursor:inherit;
	padding:0;
	margin:0;
	
	color:inherit;
	font:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	text-transform:inherit;
	text-shadow:inherit;
	
	background:none;
	border:none;
}
*/

#crm-container .crm-button { /* span around submit button */
	background:#1a94df;
}

#crm-container .crm-button .crm-i {
	display:none;
}

#crm-container a.cancel { /* cancel button */
	background:#aaa;
	margin-left:2em;
	font-weight:400;
}

#crm-container .crm-button:hover, /* hover - span around submit button */
#crm-container a.cancel:hover { /* hover - cancel button */
	background:#000;
}


#crm-container .description {
	font-size:1.4em;
	line-height:2em;
	font-weight:600;
	padding:0;
	margin:2em 0 1em 0;
	color:#333;
}



#crm-container .crm-form-checkbox {
	margin:0 .5em 0 0;
	vertical-align:middle;
}

#crm-container .crm-form-radio {
	margin:0 .5em 0 0;
}

#crm-container .content label {
	margin:0 1em 0 0;
}

#crm-container .crm-group {
	margin:0 0 3em 0;
}

#crm-container legend {
	margin:1em 0 1em 0 !important;
}



/* checkbox multiselect */

#crm-container .form-layout-compressed { /* this is a table */
	border:solid 1px #ccc;
	font-size:inherit;
	padding:.5em 1em .7em 1em;
}

#crm-container .form-layout-compressed tr {
	display:block;
	padding:0;
	margin:0;
	font-size:inherit;
}

#crm-container .form-layout-compressed td {
	display:block;
	margin:0;
	padding:0;
	font-size:inherit;
}

#crm-container .form-layout-compressed td label {
	margin:0;
	vertical-align:middle;
	cursor:pointer;
}

#crm-container .form-layout-compressed td input {
	vertical-align:middle;
	cursor:pointer;
}

#crm-container .crm-section .label {
	position:relative;
	left:auto;
	top:auto;
	display:block;
	float:none;
	clear:both;
	width:auto;
	text-align:left;
}


#crm-container .dateplugin {
	/*display:none;*/
}

/* ----------------------- */
/* MESSAGES */

#crm-container .messages {
	font-size:1.8em;
	line-height:1.7em;
	padding:1.5em 2em 1em 2em;
	}

#crm-container .messages .icon {
	display:none;
}

#crm-container .messages ul {
	margin:1em 0 1em 2em;
	padding:0;
	font-size:.8em;
	}
	
#crm-container .messages ul li {
	font-size:.9em;
	margin:0 0 .5em 0;
	padding:0;
	}



/* ----------------------- */
/* SPECIFIC PAGES */

#crm-container .CRM_Contribute_Form_Contribution_Main {
	position:relative;
	}


/*
#crm-container #priceset-div,
#crm-container .is_recur-section,
#crm-container .email-5-section,

#crm-container .custom_pre_profile-group,

#crm-container .billing_name_address-group,
#crm-container #billingcheckbox,
label[for="billingcheckbox"],

#crm-container .custom_pre_profile-group,
#crm-container .membership-group,
#crm-container .crm-not-you-message,

#crm-container .crm-public-form-item.crm-group.custom_post_profile-group
	{
	display:none !important;
	}
*/


.crm-container select.crm-form-select,
.crm-container select.crm-form-date {
  border: 1px solid #aaa;
  color: #444;
  height: 2.2em;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.crm-container input.dateplugin[disabled],
.crm-container select.crm-form-select[disabled] {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
  background-image: -moz-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
  background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
}

.crm-container input.dateplugin[disabled],
.crm-container select.crm-form-select[disabled] {
  color: #a9a9a9;
}


/* Volunteer form - hide survey date */

.crm-profile-name-Volunteer_Form_22 #editrow-custom_36 {
	display: none;
}



/* Bullying Survey form */


.crm-profile-name-Volunteer_Form_31 #editrow-custom_36 { /* hide survey date */
	display: none;
}

.crm-profile-name-Volunteer_Form_31 #editrow-custom_120 { /* hide score */
	display: none;
}



/* VeganEasy Registration Form */

.crm-profile-name-Vegan_Easy_Challenge_Registration_23 #editrow-custom_122 { /* hide survey date */
    display: none;
}


/* Contribution Page */

.CRM_Contribute_Form_Contribution_Main #payment_information { /* hide billing details */
    display: none !important;
}

.CRM_Contribute_Form_Contribution_Main #pricevalue {
    display: block !important;
}

.CRM_Contribute_Form_Contribution_Main .content {
    margin: 0 0 1em 0 !important;
}


.CRM_Contribute_Form_Contribution_Main input[type="text"], 
.CRM_Contribute_Form_Contribution_Main input[type="password"], 
.CRM_Contribute_Form_Contribution_Main input[type="email"] {
    padding: 1em .7em !important;   
}

.CRM_Contribute_Form_Contribution_Main legend {
    font-size: 2em !important;
    padding: 0 !important;
}

.CRM_Contribute_Form_Contribution_Main #priceset .label label {
    font-size: 1.3em !important;
    font-weight: bold !important;
}


.CRM_Contribute_Form_Contribution_Main #intro_text {
    font-size: 1em;
}

.CRM_Contribute_Form_Contribution_Main > .results_box,
.CRM_Contribute_Form_Contribution_Main > .results_box_title,
.CRM_Contribute_Form_Contribution_Main > .results_box_more {
    display: none !important;
}


.CRM_Contribute_Form_Contribution_Main .membership_amount-content label {
	display: block;
	width: 100%;
	max-width: 19em;
	padding: 1em 1em;
    font-size: 1.2em;
	margin: 1em auto 2em auto;
	background: #eee;
	border-radius: .3em;
	border: solid 1px #ddd;
	cursor: pointer;
    box-sizing: border-box;
}

.CRM_Contribute_Form_Contribution_Main .membership_amount-content label .crm-price-amount-amount {
	float: right;
	font-weight: normal;
}

.CRM_Contribute_Form_Contribution_Main .membership_amount-content label .crm-price-amount-label-separator {
	display: none;
}

.CRM_Contribute_Form_Contribution_Main .membership_amount-content input { display: none; }

.CRM_Contribute_Form_Contribution_Main .membership_amount-content input:checked ~ label {
	color: #fff !important;
	background: #1a94df;
	border-color: #1773cd;
}

.CRM_Contribute_Form_Contribution_Main .membership_amount-content .price-set-row .highlight .crm-price-amount-label,
.CRM_Contribute_Form_Contribution_Main .membership_amount-content .price-set-row .highlight .crm-price-amount-amount {
	color: #fff !important;
}

.CRM_Contribute_Form_Contribution_Main #membership .label .crm-marker {
    display: none;
}

.CRM_Contribute_Form_Contribution_Main .crm-submit-buttons {
    margin: 3em 0 6em 0 !important;
}

.CRM_Contribute_Form_Contribution_Main .crm-form-submit {
    font-size: 1.2em !important;
    font-weight: bold !important;
}

.CRM_Contribute_Form_Contribution_Main .is_recur-section {
    margin: -2em 0 4em 0 !important;
}

.CRM_Contribute_Form_Contribution_Main .custom_post_profile-group {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
}