@CHARSET "UTF-8";

/* hide some information*/
.hidden, .rc_hidden{
    display:none!important;
}

.rc-clear{
	clear:both;
}
.rc-container{
    vertical-align:top!important;
}
/* Info line */
/*.rc_info_line,*/
.rc_time_line,
.recipe_footer {
    clear:both;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;    
}
.rc_info_line > span,
.rc_time_line > span,
.recipe_footer > span{
    margin-right:10px;
}
.rc_info_line > span.fa:before,
.rc_time_line > span.fa:before,
.recipe_footer > span.fa:before{
    margin-right:2px;
}
.rc_time_line{
    text-align:center;
}

ul.rc_letter_nav{
    margin:0;
    padding:0;
    text-align:center;
    width:100%;
    height:2em;
    clear:both;
}
ul.rc_letter_nav li{
    list-style:none;
    margin:10px 5px;
    padding:0;
    float:left;
}
div.rc-index-container{
    clear:both;
}

li.ingredient-in-group{
	margin-left:32px; 
}
/* ALT */
ul.rc_info_line{
    list-style:none!important;
    padding:2px 8px;
    margin:0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    height:22px;
}
ul.rc_info_line li{
    float:left;
    margin:0 0 0 25px;
    padding:0;
}
ul.rc_info_line li:first-child{
    margin:0;
}
ul.rc_info_line li i{
    margin-right:2px;
}

/* recipe instructions */
ol.recipe-instructions{
    vertical-align:top!important;
    }
ol.recipe-instructions li{
    vertical-align:top!important;
    clear:both;
   }

ol.recipe-instructions li .has_thumbnail{
    float:left;
    width:60%;
    width: calc( 100% - 165px );
}
ol.recipe-instructions li a{
    margin-left:10px;
    display:inline-block;
    vertical-align:top;
}

/* auto-suggest styles */
.ac_results {
    display: none;
    margin: -1px 0 0;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 10000;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 0.9em;
}

.ac_results li {
    margin: 0;
    padding: 5px 10px;
    white-space: nowrap;
    text-align: left;
}

.ac_results .ac_over,
.ac_over .ac_match {
    background-color: #393939;
    color: #fff;
    cursor: pointer;
}

.ac_match {
    text-decoration: underline;
}

/* order form related */
.rc-box{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background-color: #f7f7f7;
}

.rc-box h3{
    border-bottom:1px solid #cccccc;
    margin-top: 0.7em !important;
    margin-bottom: 0.7em !important;
}

.rc-row{
    margin-bottom:10px;
}

.rc-subrow{
    margin-bottom:5px;
}

.rc-inline{
    display:inline-block;
}

.rc-box label{
    display: block;
    margin: 0 10px;
    font-weight:bold;
}

.rc-box .rc-label{
    display: inline-block;
    margin: 0 10px;
    font-size: 0.9em;
    font-weight: normal;
}

.rc-box input[type="text"],
.rc-box input[type="email"],
.rc-box input[type="password"]{
    max-width:450px;
}

.rc-box input[type="number"]{
    max-width:80px;
}

.rc-howto{
    font-style: italic;
    font-size: 0.9em;
}

.rc-note{
    font-style: italic;
    font-size: 0.8em;
    opacity: 0.7;
    margin: 0px;
    line-height: 2.5;
}

#rc-note-weight,
#rc-note-height {
    width: 20px;
    display: inline-block;
    margin: 0 5px;
}

.rc-date{
    max-width:140px !important;
}

.rc-divider{
    width: auto;
    height: 1px;
    border-bottom: 1px solid #cccccc;
    position: relative;
    margin-top:10px;
    margin-bottom:10px;
}

.rc-top{
    vertical-align: top;
}

.rc-middle{
    vertical-align: middle;
}

.rc-box input[type="checkbox"],
.rc-box input[type="radio"] {
    margin-right: 0 !important;
}

.rc-box input,
.rc-box select {
    vertical-align: baseline;
}

.rc-box .login-username,
.rc-box .login-password{
    display:inline-block;
}

.rc-error {
color: #c00;
/*background-color: #ffebe8;
border: 1px solid #c00;
margin: 5px 0 15px;
padding: 0.6em;*/
}

.rc-mealplan-columns-2 {
    width: 49%;
}

.rc-mealplan-columns-3 {
    width: 32%;
}

.rc-mealplan-columns-4 {
    width: 24%;
}

.rc-mealplan-columns-5 {
    width: 19%;
}

.rc-mealplan-horizontal {
    text-align: center;
    vertical-align: top;
    margin-bottom: 3px;
    border: 2px solid #f5f5f5;
    overflow: hidden;
}

.rc-mealplan-vertical {
    padding: 5px;
    margin-bottom: 5px;
    border: 2px solid #f5f5f5;
    overflow: hidden;
}

.rc-mealplan-vertical .rc-label {
    display:inline-block;
    margin: 7px;
}

.rc-mealplan-vertical .rc-mealplan-price {
    padding: 0 10px 0 0;
    min-width: 150px;
    display: inline-block;    
}

.rc-mealplan-vertical input[type="radio"]{
    vertical-align: unset;
    margin: 7px;
}

.rc-mealplan-selected {
    border: 2px solid #8cc540;
}

.rc-plan-selector-selected {
    color: #8cc540;    
}