/*
Theme Name:         WRWC Theme
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        This theme is developed with FoundationPress, a WordPress starter theme based on Foundation 6 by Zurb, for Woonasquatucket River Watershed Council.
Version:            1.0.0
Author:             Delin Design
Author URI:         https://delindesign.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
/*Donate Button*/
#donatebutton{
	margin:10px auto -35px;
	width:100%;
	max-width:1170px;
	position:relative;
	padding-right:1.66667rem;
	text-align:right;
	height:36px;
	z-index:1;
	display:block !important;
}
#donateButtonButton{
	width:150px;
	text-align:center;
	padding:3px 6px; 
	border-radius: 6px; 
	background-color:#40a4f8;
	border:1px solid #043364;
	position:absolute;
	right:30px;	
}
#donateButtonButton a{
	color:#f2f9ff;
	cursor:pointer;
	font-weight:bold;	
}
#donateButtonButton a:hover{
	color:#c2f7f6;
}
@media (max-width: 1024px) {
	#donatebutton{
		margin-bottom:-5px;
	}
}
/*the sign up form in the footer*/
.footer__signup__form-title{
	display:none;	
}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label{
	color:white !important;
}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link{
	color:#bbb !important;
}
.ctct-form-embed.form_0 .ctct-form-defaults {
    background-color: #494949 !important;
}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
    background-color: #499b9a !important;
	border:1px solid #499b9a !important;
}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover {
    background-color: #5bc9c8 !important;
    border: 1px solid #5bc9c8 !important;
}
/* Events Page */
@media print, 
screen and (min-width:48em) {
.post-type-archive-events div.events__slide h2{
	font-size:1.67rem;	
}
.post-type-archive-events div.events__content h6{
	display:none;
}
.post-type-archive-events .page-block--featured-events {
    padding-top: 3.94444rem;
    padding-bottom: 5.83333rem;
}
}
@media print, 
screen and (min-width: 64em){
.post-type-archive-events .events__content p {
    font-size: 0.95rem;
}
}
/* 2020 Clean Days Forms */
#clean-days-kickoff{
	padding-bottom:0;	
}
.postid-2065 p, .postid-2068 p{
	max-width:958px;
}
.postid-2065 hr, .postid-2068 hr{
	max-width:958px;
	margin-left:0;
}
/*Event version of Clean Days Forms*/
.em-booking-form p.input-field-how_heard label, .em-booking-form p.input-field-how_heard_other label{
	width:40%;
}
.em-booking-form p.input-field-how_heard select.how_heard, .em-booking-form p.input-field-how_heard_other input.how_heard_other{
	width: 60%;	
}

/*Red Shed Bike Camp Registration Form*/
.postid-2139 .em-booking-form label{
	width:200px;
}
.postid-2139 .em-booking-form-details input.input, .postid-2139 .em-booking-form-details textarea {
    width: calc(100% - 200px) !important;
}
.postid-2139 select{
	width: 200px;	
}
#post-2139 h3:first-of-type{
	display:none;	
}
#post-2139 table.em-tickets tr:first-of-type{ 
	display:none;
}
#post-2139 div.entry-content #em-booking div:first-of-type{
	display:block;
}
#post-2139 div.entry-content div:first-of-type{
	display:none;
}
#post-2139 div.entry-content #em-booking p:first-of-type{
	display:block;
}
#post-2139 div.entry-content p:first-of-type{
	display:none;
}
.postid-2139 h6.post-date{
	display:none;
}
.postid-2387 .em-location-map-container, .postid-2381 .em-location-map-container, .postid-2379 .em-location-map-container, .postid-2370 .em-location-map-container, .postid-2423 .em-location-map-container, .postid-2429 .em-location-map-container, .postid-2466 .em-location-map-container {
	display:block;
}
/*Hide Coupon Code*/
.postid-2370 p.em-bookings-form-coupon, .postid-2379 p.em-bookings-form-coupon, .postid-2387 p.em-bookings-form-coupon, .postid-2381 p.em-bookings-form-coupon, .postid-2423 p.em-bookings-form-coupon, .postid-2429 p.em-bookings-form-coupon, .postid-2450 p.em-bookings-form-coupon, .postid-1626 p.em-bookings-form-coupon, .postid-2466 p.em-bookings-form-coupon  {
	display: none;
}
/* Other */
span.board_bio {
    padding-top: 8px;
    color: #052b51;
    display: block;
}
@media (max-width: 490px) {
.home .page-block--figures__grid .cell h1 {
    font-size: 2.3333rem;
}
}
@media (max-width: 350px) {
.home .page-block--figures__grid .cell h1 {
    font-size: 1.67rem;
}
}
.event-template-default .main-grid .sidebar{
	display:none;
}
select.em-ticket-select {
	background-position: right -.88889rem center;
}
.event-template-default .main-grid .main-content {
    width:  calc(83.33333% - 1.66667rem);
}
.event-template-default .ticket-desc{
	font-size:0.8rem;
}
.event-template-default .em-booking-form-details {
    width: 100%;
}
.em-booking-form-details input.input, .em-booking-form-details textarea {
    width: calc(100% - 100px) !important;
}
p.input-field-medical label, p.input-field-emergency_contact label, p.input-field-waiver label, p.input-field-mailing_list label, p.input-field-minors_names label{
	width:98%;	
}
p.input-field-parent label{
	width:67%;	
}
.page-id-724 .grid-x{
	margin-bottom:1px;
}
.page-id-724 .grid-x > .medium-8{
	margin-left:12px;
	width: calc(66.66667% - 12px);
}
.page-id-888 iframe, .page-id-888 .page-block p{
	float:none;
	margin:6px 16px 16px 0;
	margin-right:calc(100% - 560px);
}
.page-id-888 .page-block:first-of-type p{
	margin-right:0;	 
}
@media (max-width: 920px) {
	.page-id-888 iframe{
		float:none;
	}
}
#post-3095 div.kimbiaDiv .eventDescription {
	clear:none;	
}
/*Special settings for the contact forms*/
.wpcf7-list-item-label{
	font-size:.77778rem;
	font-weight:400;
}
form.wpcf7-form select {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/*Special Settings for the Art in the Watershed Gallery*/
.page-id-721 article#post-1829 a.gallery-see-more{
	display:none;
}
span.artLoc{font-weight:normal;font-size:.7rem}

/*Donation Form - GiveGab Embed */
div.kimbiaDiv .k_buttonBlock tbody{
	border:none;
}
div.kimbiaDiv button.k_button.forward{
	font-size:18px !important;
	padding: 13px;
	margin-top:13px;
	margin-right:13px;
	background-color:#85d8d7;
}
div.kimbiaDiv div.inputGroup input.k_text:focus{
	background-color:white;
	color: #055934;
}
body[class] div.inputGroup.k_rbGroup.k_donation label.k_radioCB{
	margin-bottom:1rem !important;	
}
/* Code below is from GiveGab */
/** PILL BUTTON DONATION AMOUNTS **/
body[class] div.inputGroup.k_rbGroup.k_donation input.k_radioCB {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
body[class] div.inputGroup.k_rbGroup.k_donation label.k_radioCB {
  display: inline-block;
  min-width: 8rem; /* ADJUST TO FIT THE SMALLEST LABEL OF YOUR DOLLAR AMOUNTS */
  margin: 0 1rem 0 0;
  background-color: #eaeaea;
  color: #6d6d6d;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  text-shadow: none;
  border-radius: 4px;
  padding: 0.5rem 0.8rem;
  border: 1px solid #eaeaea;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
body[class] div.inputGroup.k_rbGroup.k_donation label.k_radioCB:hover {
  background-color: #aaa;
  border-color: #aaa;
  color: #fafafa;
  cursor: pointer;
}
body[class] div.inputGroup.k_rbGroup.k_donation input.k_radioCB:checked + label {
  background-color: #0FC2EC;
  border-color: #0FC2EC;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body[class] div.kimbiaDiv div.k_rbGroup input.k_money.k_otherMoney {
  max-width: 6em;
  margin: 0 1rem 0 0;
  font-size: 1.4rem;
  font-weight: 700;
}
div.kimbiaDiv input:disabled, div.kimbiaDiv input[readonly], div.kimbiaDiv textarea:disabled, div.kimbiaDiv textarea[readonly]{
	background-color:#CCC !important;
	height:13em !important;
}
div.kimbiaDiv.two_col .k_questionBlock label {
	width:184px !important;
}
div.kimbiaDiv.two_col #kimbiaView_1__payment_accountNumber label.k_required{
	width:184px !important;
	float:left !important;
}
div.kimbiaDiv div.acknowledge.inputGroup label.k_radioCB, div.kimbiaDiv div.acknowledge.inputGroup label.k_radioCB, div.kimbiaDiv #kimbiaView_1_RegistrationType label.k_radioCB{
	float:none !important;
	width:auto !important;
}
#kimbiaView_1_Waiver label{
	width:auto !important;
}
div.kimbiaDiv.two_col .k_questionBlock label.long {
	width:100% !important;
}
#kimbiaView_1_DateofBirth input{
	padding: .88889rem 1.38889rem;	
	background-color: #f4f4f4;
	box-shadow: none;
}
/** GiveGab PILL BUTTON PAYMENT TYPES */
body[class] div.kimbiaDiv[class] div.inputGroup.k_payment input[type=radio] {
    display: none;
}
body[class] div.inputGroup.k_rbGroup.k_payment input.k_radioCB
 {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
body[class] div.inputGroup.k_rbGroup.k_payment label.k_radioCB  {
  display: inline-block;
  min-width: 6rem; /* ADJUST TO FIT THE SMALLEST LABEL OF YOUR PAYMENT METHODS */
  margin: 0 1rem 0 0;
  background-color: #e6e6e6;
  color: #555;
  font-size: 1.7rem;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
  border-radius: 4px;
  padding: 0.4rem 0.8rem;
  border: 0 solid black;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
body[class] div.inputGroup.k_rbGroup.k_payment label.k_radioCB:hover  {
  cursor: pointer;
  background-color: #999;
  color:#fff;
}
body[class] div.inputGroup.k_rbGroup.k_payment input.k_radioCB:checked + label  {
  background-color: #0FC2EC;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}