/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#PEN_Subscription_Form { margin:30px auto; }
#PEN_Subscription_Form .alert { border:1px solid transparent; border-radius:4px; margin-bottom:20px; padding:15px; }
#PEN_Subscription_Form .alert-success { background-color:#dff0d8; border-color:#d6e9c6; color:#3c763d; }
#PEN_Subscription_Form .alert-info { background-color:#d9edf7; border-color:#bce8f1; color:#31708f; }
#PEN_Subscription_Form .alert-warning { background-color:#fcf8e3; border-color:#faebcc; color:#8a6d3b; }
#PEN_Subscription_Form .alert-danger { background-color:#f2dede; border-color:#ebccd1; color:#a94442; }

.PEN_Subscription .checkbox { margin:0; padding:0; display:inline-block; }
.PEN_Subscription .checkbox label { font-size:12px; position:relative; top:-2px; }
.PEN_Subscription .checkbox input { margin:0 7px 0; }

.PEN_Subscription .main-category .toggle-children { display:inline-block; margin:0 0 0 5px; position:relative; top:-1px; }
.PEN_Subscription .main-category > .checkbox label { font-weight:bold; }
.PEN_Subscription .sub-category { padding:0 0 0 20px; display:none; }

.PEN_Newsletter .alert { margin-top:20px; }

.PEN_Custom_Before_Form { margin-bottom:30px; }