/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*** Gravity Toggle ***/

 .pt-toggle .gfield_checkbox input[type=checkbox] {
  margin-left: -9999px;
  position: absolute;
  visibility: hidden;
}
 .pt-toggle .gfield_checkbox input[type=checkbox] + label {
  background-color: #ddd;
  border-radius: 60px;
  cursor: pointer;
  display: block;
  padding: 4px;
  outline: none;
  position: relative;
  transition: background .4s;
  user-select: none;
  width: 64px;
  height: 32px;
}
 .pt-toggle .gfield_checkbox input[type=checkbox] + label::before, .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
  content: '';
  display: block;
  position: absolute;
}
 .pt-toggle .gfield_checkbox input[type=checkbox] + label::before {
  background-color: #ddd;
  border-radius: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background .4s;
}
 .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
  background-color: #fff;
  border-radius: 60px;
  color: #fff;
  line-height: 24px;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: 24px;
  text-align: center;
  transition: margin .4s, background .4s;
}
 .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label {
  background-color: #34B778;
}
 .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::before {
  background-color: #34B778;
}
 .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::after {
  background-color: #fff;
  color: #34B778;
  margin-left: 32px;
}



#gform_1_validation_container{
      background: #34b778;
  color: #fff;
  border: none;
 box-shadow: none;
  
}

#validation_message_1_1 {
    background: #34b778;
  color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 11%), 0 0 4px rgb(18 25 97 / 4%);
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 16px 16px 48px;
    position: relative;
    width: 100%;
}

#gform_next_button_1_4{
  visibility: hidden;
}





#rcp_user_login_wrap {
    display: none;
}


.blockUI.blockOverlay {
	background-color: #34b778 !important;
	opacity: 0.5 !important;
	box-shadow: 0 0 10px 1px #000 !important;
}


/* Restrict Content Pro - text and password form fields */

#rcp_login_form input[type=text],
#rcp_login_form input[type=password],
#rcp_registration_form input[type=text],
#rcp_registration_form input[type=password] {

	color: #000;
	background-color: white;
	width: 100%;
	padding: 12px;

	border-radius: 4px;
    border-width: 2px;
    border-style: solid
}


/* Restrict Content Pro - text and password form fields (focused) */

#rcp_login_form input[type=text]:focus,
#rcp_login_form input[type=password]:focus,
#rcp_registration_form input[type=text]:focus,
#rcp_registration_form input[type=password] {

	background-color: #ffffff;
  
 border-color: #34b778;
  
}

#rcp_form label {
 font-weight: 700;
    font-size: 1.25em;
}



.rcp-table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}

.rcp-table, .rcp-table th, .rcp-table td {
    border: 1px solid #d1d1d1;
}

.rcp-table th, .rcp-table td {
    padding: 5px;
}


.rcp_login_link {
    visibility: hidden;
}
h3.rcp_header {
    color: black !important;;
}
input#rcp_submit {
    background-color:#00AD5F;
    color:#fff;
    margin-top: 10px;
    padding: 15px 30px 15px 30px;
}



input#rcp_profile_editor_submit {
    background-color:#00AD5F;
    color:#fff;
    margin-top: 10px;
    padding: 15px 30px 15px 30px;
}



body button#rcp_apply_discount {
        background-color:#00AD5F;
        color:#fff;
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 7px 30px 7px 30px;
}







  .cr {
    width: 300px;
    padding: 20px;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
  }
  
  .cr-sticky {
    position: fixed;
  }
  
  /* Positions */
  
  .cr-top    { top: 25px; }
  .cr-bottom { bottom: 25px; }
  .cr-left   { left: -50px; }
  .cr-right  { right: -50px; }
  
  /* Rotations */
  
  .cr-top.cr-left,
  .cr-bottom.cr-right {
    transform: rotate(-45deg);
  }
  
  .cr-top.cr-right,
  .cr-bottom.cr-left {
    transform: rotate(45deg);
  }
  
  /* Colors */
  
  .cr-white     { background-color: #f0f0f0; color: #444; }
  .cr-black     { background-color: #333; }
  .cr-grey      { background-color: #999; }
  .cr-blue      { background-color: #39d; }
  .cr-green     { background-color: #2c7; }
  .cr-turquoise { background-color: #1b9; }
  .cr-purple    { background-color: #95b; }
  .cr-red       { background-color: #e43; }
  .cr-orange    { background-color: #e82; }
  .cr-yellow    { background-color: #ec0; }