/*------------------------------------------------------------------------
# com_rapidcontactex - Rapid Contact Ex
# ------------------------------------------------------------------------
# author    Christopher Mavros - Mavrosxristoforos.com
# copyright Copyright (C) 2008 Mavrosxristoforos.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: https://mavrosxristoforos.com
# Technical Support:  Forum - https://mavrosxristoforos.com/support/forum
-------------------------------------------------------------------------*/

/* Style Presets */
.uses-preset .rpx_field input, .uses-preset .rpx_field textarea, .uses-preset .rpx_field select { box-sizing: border-box; }
.uses-preset .rpx_field input:focus, .uses-preset .rpx_field textarea:focus { outline: none; }
.uses-preset .rpx_field input.checkbox { vertical-align: baseline; }
div.rapid_contact_ex.uses-preset .button { border: none; cursor: pointer; }
.uses-preset .rpx_field_input label { cursor: pointer; }

/* Form Sizes */

/* Small */
.rpx-small .rpx_field input, .rpx-small .rpx_field textarea, .rpx-small .rpx_field select { padding: 4px 8px; margin-bottom: 2px; font-size: 0.8rem; }
div.rapid_contact_ex.rpx-small .button { padding: 8px; font-size: 0.8rem; margin-top: 4px; }
.rpx-small .rpx_as_field_input { margin-top: 4px; }
.rpx-small .rapid_contact_ex_explanatory_text h1, .rpx-small .rapid_contact_ex_explanatory_text h2, .rpx-small .rapid_contact_ex_explanatory_text h3, .rpx-small .rapid_contact_ex_explanatory_text h4, .rpx-small .rapid_contact_ex_explanatory_text h5, .rpx-small .rapid_contact_ex_explanatory_text h6, .rpx-small .rapid_contact_ex_explanatory_text p, div.rpx-small p.rpx_group_name { margin: 6px 0 4px; }

/* Compact */
.rpx-compact .rpx_field input, .rpx-compact .rpx_field textarea, .rpx-compact .rpx_field select { padding: 5px 7px; margin-bottom: -4px; font-size: 0.9rem; }
div.rapid_contact_ex.rpx-compact .button { padding: 8px 12px; font-size: 0.9rem; margin-top: 0; }
.rpx-compact .rpx_as_field_input { margin-top: 6px; }
.rpx-compact .rapid_contact_ex_explanatory_text h1, .rpx-compact .rapid_contact_ex_explanatory_text h2, .rpx-compact .rapid_contact_ex_explanatory_text h3, .rpx-compact .rapid_contact_ex_explanatory_text h4, .rpx-compact .rapid_contact_ex_explanatory_text h5, .rpx-compact .rapid_contact_ex_explanatory_text h6, .rpx-compact .rapid_contact_ex_explanatory_text p, div.rpx-compact p.rpx_group_name { margin: 8px 0 4px; }
.rpx-compact .rpx_field .rpx_field_input label:first-child { margin-top: 8px; }

/* Large */
.rpx-large .rpx_field input, .rpx-large .rpx_field textarea, .rpx-large .rpx_field select { padding: 8px 11px; margin-bottom: 6px; font-size: 1rem; }
div.rapid_contact_ex.rpx-large .button { padding: 10px 30px; font-size: 1rem; margin-top: 6px; }
.rpx-large .rpx_as_field_input { margin-top: 6px; }


/* Color Presets */

/* Orange */
div.rapid_contact_ex.rpx-orange .button { background: #d76933; color: #070707; }
div.rapid_contact_ex.rpx-orange .button:hover { background: #c15e2d; }
.rpx-orange .rpx_field input, .rpx-orange .rpx_field textarea, .rpx-orange .rpx_field select, .rpx-orange .rpx_field input::placeholder, .rpx-orange .rpx_field textarea::placeholder { color: #c15e2d; outline-color: #d76933; }
.rpx-light-blue .rpx_field label:hover { color: #c15e2d; }

/* Light Blue */
div.rapid_contact_ex.rpx-light-blue .button { background: #dfe3ee; color: #070707; }
div.rapid_contact_ex.rpx-light-blue .button:hover { background: #3b5998; color: #fff; }
.rpx-light-blue .rpx_field input, .rpx-light-blue .rpx_field textarea, .rpx-light-blue .rpx_field select, .rpx-light-blue .rpx_field input::placeholder, .rpx-light-blue .rpx_field textarea::placeholder { color: #3b5998; outline-color: #3b5998; }
.rpx-light-blue .rpx_field label:hover { color: #3b5998; }

/* Light Green */
div.rapid_contact_ex.rpx-light-green .button { background: #77ab59; color: #070707; }
div.rapid_contact_ex.rpx-light-green .button:hover { background: #36802d; color: #fff; }
.rpx-light-green .rpx_field input, .rpx-light-green .rpx_field textarea, .rpx-light-green .rpx_field select, .rpx-light-green .rpx_field input::placeholder, .rpx-light-green .rpx_field textarea::placeholder { color: #36802d; outline-color: #36802d; }
.rpx-light-green .rpx_field label:hover { color: #36802d; }

/* Beige */
div.rapid_contact_ex.rpx-beige .button { background: #e8ca93; color: #3d3427; }
div.rapid_contact_ex.rpx-beige .button:hover { background: #9a8262; color: #f0e2a8; }
.rpx-beige .rpx_field input, .rpx-beige .rpx_field textarea, .rpx-beige .rpx_field select, .rpx-beige .rpx_field input::placeholder, .rpx-beige .rpx_field textarea::placeholder { color: #9a8262; outline-color: #9a8262; }
.rpx-beige .rpx_field label:hover { color: #9a8262; }


/* Input Borders */
.rpx-input-square .rpx_field input:not(.button), .rpx-input-square .rpx_field textarea, .rpx-input-square .rpx_field select { border: solid 1px; border-radius: 0px; }
.rpx-input-round-square .rpx_field input:not(.button), .rpx-input-round-square .rpx_field textarea, .rpx-input-round-square .rpx_field select { border: solid 1px; border-radius: 0.4em; }
.rpx-input-curvy .rpx_field input:not(.button), .rpx-input-curvy .rpx_field textarea, .rpx-input-curvy .rpx_field select { border: solid 1px; border-radius: 1em; }

/* Button Borders */
.rpx-button-square .button { border-radius: 0px; }
.rpx-button-round-square .button { border-radius: 0.4em; }
.rpx-button-curvy .button { border-radius: 1em; }