.recipe_container .dashicons { line-height: 1.6em; }

.button { padding: 0.5em 2em; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 900; font-size: 0.8em; }
.primary_button { background: #3f250f; color: white; }
.primary_button:hover { color: #d7c58f; }
.secondary_button { background: #d7c58f; color: #3f250f; }
.secondary_button:hover { background: #f0dea0; color: #3f250f; }
.green_button { background: #A7DF7C; }
.red_button { background: #FB6F67; }
.grey_button { background: #aaaaaa; margin-top: 1em; }
.selected_button { background: white; color: black; }
.selected_button:hover { color: black; }
.unselected_button { background: #aaa; color: #444; }
.unselected_button:hover { background: #ccc; color: #111; }
.button img { position: relative; top: 4px; margin-right: 0.25em; }

#save_recipe_button { transition: 1s all; }
#save_recipe_button.highlight { background: #FB6F67; }

main > aside, .recipe_list_container > aside { width: 20%; display: inline-block; vertical-align: top; padding-bottom: 2em; }
main > main, .recipe_list_container > main { width: 77%; margin-left: 2%; display: inline-block; vertical-align: top; padding-bottom: 2em; }

.recipe_container > aside { width: 22.5%; display: inline-block; vertical-align: top; margin-left: 2%; }
.recipe_container > main { width: 73%; margin-left: 2%; display: inline-block; vertical-align: top; }

.sidebar { list-style: none outside; background: white; border-radius: 20px; box-shadow: rgba(63,37,15,0.4) 0 0 10px; }
.sidebar li { padding: 1em; }
.sidebar li h2 { font-size: 1.3em; text-align: center; }
#lc_taxonomy-2 ul { list-style: none;}
#lc_taxonomy-2 ul li { padding: 0.5em 0; position: relative; }
#lc_taxonomy-2 ul li .children { padding: 0.5em 0 0 1em; margin-bottom: -0.5em; }

.recipes_hidden { display: none; }

.recipes_featured_images { list-style: none outside; text-align: center; margin: 0 0 4em; }
.recipes_featured_images li { display: inline-block; width: 22%; background: white; padding: 0.75em 0.75em 1em; box-shadow: #666 0 0 10px; position: relative; }
.recipes_featured_images li img { width: 100%; height: auto; }
.recipes_featured_images h3 { font-family: 'Caveat', 'Raleway', sans-serif; text-align: center; color: #3b3391; font-weight: normal; font-size: 1.5em; }
.recipes_featured_images li:first-child { z-index: 10; transform: rotate(-10deg); }
.recipes_featured_images li:nth-child(2) { z-index: 9; transform: rotate(2deg); }
.recipes_featured_images li:nth-child(3) { z-index: 10; transform: rotate(-5deg); }
.recipes_featured_images li:last-child { z-index: 9; transform: rotate(3.5deg); }

.recipes_modal { width: 50%; margin: 2em auto; background: url(/wp-content/themes/cousins/images/parchment_bg.jpg); border: 3px #3f250f solid; border-radius: 25px; box-shadow: rgba(63,37,15,0.4) 0 0 10px; text-align: center; padding: 3em; }
.recipes_modal label { display: inline-block; width: 25%; text-align: right; padding-right: 2em; }

.manage_photos_gallery { list-style: none outside; margin: 2em 0; text-align: center; }
.manage_photos_gallery li { display: inline-block; width: 18%; margin-right: 1%; vertical-align: top; text-align: center; }
.manage_photos_gallery li:last-child { margin-right: 0; }
.manage_photos_gallery li img { width: 100%; height: auto; }
.manage_photos_gallery li textarea { width: 97%; height: 75px; border: 1px #ddd solid; }
.manage_photos_gallery li.no_photos { width: 100%; }

#yield { width: 100% !important; text-align: center; }

#recipe_search { font-size: 1.1em; width: 100%; }

.photo_gallery { list-style: none outside; }
.photo_gallery li { margin-bottom: 1em; text-align: center; }
.photo_gallery li img { width: 100%; height: auto; }
.photo_gallery li.to_be_deleted { background: url(/wp-content/plugins/devup_recipes/images/to_be_deleted.png) no-repeat center center; background-size: contain; }
.photo_gallery li.to_be_deleted img { opacity: 0.5; }

.recipes_manage_photos { display: none; position: fixed; top: 50%; left: 50%; width: 80%; height: 70%; transform: translate(-50%,-50%); z-index: 500001; }
.recipes_manage_photos_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50001; background: rgba(244,249,229,0.6); }
.recipes_manage_photos .recipes_upload_container { height: 25px; }
.recipes_manage_photos_content { position: relative; width: 100%; height: 100%; overflow-y: auto; }
#close_photos_box_icon { position: absolute; top: -2em; right: -2em; }
#close_photos_box_icon span { width: 32px !important; height: 32px !important; font-size: 32px !important; }

#add_component_description { padding: 2em 0 1em; }
#personal_notes { width: 97%; border: 1px #ddd solid; height: 250px; }

input[type="text"], input[type="password"], select, textarea { font-family: 'Montserrat', 'Raleway', sans-serif; font-size: 1.1em; width: 60%; border: 0; border-bottom: 1px #3f250f solid; background: transparent; padding: 0.25em; cursor: text !important; resize: none; }
.pw_container { position: relative; }
.pw_container a { position: absolute; z-index: 25; top: 50%; right: 0.5rem; transform: translateY(-50%); }
#pw { padding-right: 2rem; width: calc( 60% - 1.75rem ); }
.ingredient_name {  width: 100%; border-bottom: 0; height: 1.2em; }

.keep_awake { margin-bottom: 2rem; margin-top: 0.5rem; line-height: 1em; }
.keep_awake a { font-size: 0.8em; font-weight: normal !important; }
.keep_awake.not_active i { opacity: 0.2; }

.explanation { color: #3f250f; font-style: italic; font-size: 0.8em; }

.recipe_box { font-size: 0.8em; text-align: center; }
.recipe_box p { text-align: center; padding-bottom: 0; }
.recipe_box p:last-child { padding-top: 1em; line-height: 1em; }
.recipe_box a { color: #ddd; }
.recipe_box a span { font-size: 2em; transition: all .5s ease-in-out; position: relative; top: 0; left: 0; }
.recipe_box.in_recipe_box #not_recipe_box { display: none; }
.recipe_box.in_recipe_box a i { color: red; top: -0.25em; left: -0.25em; }

.recipes_half { display: inline-block; vertical-align: top; width: 45.5%; padding: 2em 1%; }
.recipes_half input[type="text"] { width: 100%; padding: 0.25em 0; }

.recipes_half h2 { font-family: 'Raleway', sans-serif; font-size: 1.3em; }
.recipes_half h2.larger_title { font-size: 1.7em; }
.recipes_half p { padding-bottom: 3em; }

aside label { display: inline-block; width: 40%; }
aside input[type="text"] { width: 25% !important; }

.recipe_photos { list-style: none outside; text-align: center; }
.recipe_photos li { width: 30%; display: inline-block; padding: 0 1% 1em; }
.recipe_photos li.no_photos { width: 100%; display: block; }

.recipe_component { padding-bottom: 1em; }

.recipe_ingredients { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.recipe_ingredients th { font-weight: 300; font-size: 0.8em; color: #a3916f; }
.recipe_ingredients tr th:last-child { text-align: left; padding-left: 1em; }
.recipe_ingredients th img { width: 12px; height: 12px; position: relative; top: 2px; }
.recipe_ingredients .col_action { width: 6%; }
.recipe_ingredients th.col_action img { display: inline-block; margin-right: 24px; }

.recipe_ingredients .col_qty { width: 10%; }
.recipe_ingredients .col_measure { width: 22%; }
.recipe_ingredients .col_ingredient { width: 62%; }
.recipe_ingredients tr td { border: 1px #d7c58f solid; vertical-align: top; height: 30px; }
.recipe_ingredients tr td:first-child { border: none; text-align: center; white-space: nowrap; }
.recipe_ingredients tr td:first-child img { padding-right: 0.5em; position: relative; top: 7px; }
.recipe_ingredients tr.no_ingredients td { border: none; text-align: center; }
.recipe_ingredients input, .recipe_ingredients select { border: none; width: 100%; height: 100%; text-align: center; padding: 0; }
.recipe_ingredients tr td:last-child input { text-align: left; }
.recipe_ingredients tbody tr:first-child td .delete_ingredient_link { visibility: hidden; }
.recipe_ingredients .drag_handle { cursor: ns-resize; }
.recipe_ingredients .drag_placeholder { background: #ffefb7; border: 0; height: 2em; }
.component_name_container { padding-bottom: 1em !important; }
.component_name_container span { font-weight: 300; font-size: 0.8em; padding-left: 1em; }
.component_name_container img { width: 12px; height: 12px; position: relative; top: 2px; }

.recipes_half h2 img { width: 12px; height: 12px; position: relative; top: 0; }
.recipe_directions { list-style: none outside; padding: 0 0 1em 1em; width: 98%; }
.recipe_directions li { text-align: left; position: relative; padding-bottom: 0.5em; }
.recipe_directions li img { position: relative; top: 0.5em; display: inline-block; vertical-align: top; padding-right: 0.5em; }
.recipe_directions li textarea { width: 85%; text-align: left; height: 1.5em; overflow-y: hidden; }
.recipe_directions li#no_directions { list-style: none outside; text-align: center; }
.recipe_directions li#no_directions:before { content: ''; }
.recipe_directions li:first-child .delete_direction_link { visibility: hidden; }
.recipe_directions .drag_placeholder { background: #ffefb7; border: 0; height: 2em; }

.recipe_categories { list-style: none outside; display: inline-block; margin: 0 auto; text-align: left; padding: 1em 0; }
.recipe_categories li { padding: 0.25em 0; }
.recipe_categories ul { list-style: none outside; padding-left: 2em; margin-bottom: -0.25em; }

.dietary_notes { list-style: none outside; display: inline-block; margin: 0 auto; text-align: left; padding: 1em 0; }
.dietary_notes li { padding: 0.25em 0; }

#recipe_name { font-size: 1.7em; width: 95%; }
#recipe_description { width: 95%; }

.recipe_list_container, .recipe_container { margin: 2em 0; }

.recipe_list { list-style: none outside; }
.recipe_list li { width: 30%; display: inline-block; border: 1px #3f250f solid; padding: 1%; border-radius: 10px; }
.recipe_list li img { width: 100%; height: auto; border: 1px #3f250f solid; border-radius: 10px;}
.recipe_list li h2 { font-size: 1.1em; font-weight: 900; text-transform: uppercase; padding: 0; text-align: center; }
.recipe_list li h3 { font-size: 0.8em; padding-bottom: 0; font-style: italic; color: #7a4915; text-align: center; }
.recipe_list li p { padding: 0; }
.recipe_list li p.stars { color: #D9B200; text-align: center; padding-bottom: 1em; }

.list_recipe_list .recipe_list_item { width: 30%; border: 1px #3f250f solid; padding: 1%; border-radius: 10px; opacity: 0; margin-bottom: 10px; cursor: pointer; }
.list_recipe_list .recipe_list_item:hover { background: rgba(255,255,255,0.5); }
.list_recipe_list .recipe_list_item img { width: 100%; height: auto; border: 1px #3f250f solid; border-radius: 10px;}
.list_recipe_list .recipe_list_item h2 { font-size: 1.1em; font-weight: 900; text-transform: uppercase; padding: 0; text-align: center; }
.list_recipe_list .recipe_list_item h3 { font-size: 0.8em; padding-bottom: 0; font-style: italic; color: #7a4915; text-align: center; }
.list_recipe_list .recipe_list_item p { padding: 0; }
.list_recipe_list .recipe_list_item p.stars { color: #D9B200; text-align: center; padding-bottom: 1em; }

.recipe_container h1 { font-size: 3em; text-transform: none; }
.recipe_container h3 { font-size: 1.5em; text-transform: none; }

.recipe_meta { float: right; }

.recipe_container .stars_cats { /*float: right;*/ font-weight: 300; max-width: 10em; text-align: center; }
.recipe_container .stars_cats p { padding-bottom: 0; }
.recipe_container .stars_cats p.stars { padding-bottom: 0.5em; }
.recipe_container .stars_cats:after { content: ''; clear: both; display: table; }
.recipe_container .stars, .recipe_container .my_stars { display: block; color: #d9b200; font-size: 1.2em; }
.recipe_container .my_stars a { color: #d9b200; }
.recipe_container .stars_cats .stars_title { font-weight: 300; text-transform: uppercase; font-size: 0.8em; line-height: 1em; }
.recipe_container .recipe_photos { list-style: none outside; text-align: left; }
.recipe_container .recipe_photos li { display: inline-block; vertical-align: top; padding: 0; margin: 0 1em 1em 0; width: 18%; }
.recipe_container .recipe_photos li img { width: 100%; height: auto; border: 1px #3f250f solid; }
.recipe_container .user_photos { list-style: none outside; text-align: center; }
.recipe_container .user_photos li { width: 23%; display: inline-block; margin: 0 1%; padding: 10px; background: white; box-shadow: 0 0 10px #666; text-align: center; font-family: 'Caveat', 'Raleway', sans-serif; color: #3b3391; font-size: 1.5em; position: relative; }
.recipe_container .user_photos li img { max-width: 100%; padding-bottom: 0.5em; }
.recipe_container .user_photos li.no_user_photos { width: 100%; margin: 0; display: block; background: transparent; box-shadow: none; font-family: 'Raleway', sans-serif; font-size: 1em; color: #26130c; }
.recipe_container .user_photos li .recipe_delete_photo_icon { position: absolute; top: -0.25em; right: -0.25em; color: red; text-shadow: 0 0 5px #fff; }

.edit_recipe h2 { padding-top: 1em; }
.swal-text, .swal-footer { text-align: center; }
.swal-overlay { z-index: 500010; }
.recipes_overlay, .recipes_dialog, #recipes_frame { display: none; }
.recipes_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; background: rgba(0,0,0,0.6); }
.recipes_dialog { position: fixed; top: 50%; left: 50%; width: 60%; height: auto; padding: 3em; transform: translate(-50%,-55%); text-align: center; z-index: 500005; background: white; border: 8px #3f250f solid; box-shadow: 10px 10px 19px rgba(0,0,0,0.7); }

.my_recipes { margin-bottom: 2em; }
.my_recipes li { width: 23%; }
.my_recipes li p { font-size: 0.8em; }

.edit_link { display: block; padding-top: 0.5em; }

.single-recipe h1 { line-height: 1.1em; }
.single-recipe .recipes_featured_images li { display: block; width: 90%; }
.single-recipe .half_width { display: inline-block; width: 48.7%; padding-right: 1%; vertical-align: top; }

.ingredient_component h4 { font-style: normal; padding: 0; }
.ingredient_section { list-style: disc outside; padding: 0 1em 0 2em; }
.ingredient_section:after { content:''; clear: both; display: table; }
.ingredient_section li {
    padding-bottom: 0.5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.ingredient_components_1 ul { list-style: disc outside; padding-left: 1em; display: inline-block; vertical-align: top; width: 45%; }
.ingredient_component { width: 100%; }
.ingredient_components_2 { display: inline-block; vertical-align: top; width: 49%; }
.ingredient_components_3 { display: inline-block; vertical-align: top; width: 32%; }
.directions_section { list-style: decimal outside; padding-left: 2em; }
.directions_section li {
    padding-bottom: 0.5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.nmrtr { font-size: 0.7em; position: relative; top: -0.5em; }
.dnmntr { font-size: 0.7em; }

.time_and_portions { padding: 1em 1.5em; border: 1px #3f250f solid; border-radius: 15px; float: right; margin: 0 0 2em 2em; text-align: center; }
.time_and_portions p:last-child { padding: 0; }

.recipe_search_instructions { list-style: disc outside; width: 70%; margin: 0 auto; }
.recipe_search_instructions li { margin-bottom: 0.5em; }

.user_rating_stars { text-align: center; }
.user_rating_stars span { font-size: 64px; width: 64px; height: 64px; padding: 0 0.1em; cursor: pointer; }
.user_rating_stars .rating_selected { color: #d9b200; }
#user_rating_comment { border: 1px #3f250f solid; border-radius: 15px; min-height: 100px; padding: 1.5em; }

.recipe_comment { width: 47%; padding: 1%; border: 2px #3f250f solid; text-align: center; margin-bottom: 10px; border-radius: 10px; }
.comment_author { font-weight: bold; font-size: 1.25em; }

.dialog_buttons { padding: 1em 0 0; }
.recipes_upload_container { height: 100px; }
#upload_button { cursor: pointer; position: relative; }
#upload_button input { position: absolute; top: -1px; left: -1px; margin: 0; width: 100%; height: 100%; opacity: 0; }
#recipes_upload_indicator, #recipes_search_indicator { width: 100px; margin: 0 auto 1em; }
.disclaimer { font-size: 0.8em; opacity: 0.8; clear: both; }
.photo_copyright { font-size: 0.8em; opacity: 0.6; width: 80%; margin: 0 auto; text-align: center; }

.preview_image { width: 50%; float: left; margin: 0 2% 2em 0; }
#recipe_upload_photo_description { width: 47%; text-align: center; }
.description_counter { text-align: center; padding-top: 0.5em; font-size: 0.8em; opacity: 0.8; font-style: italic; }

.my_review .recipe_delete_review_icon { position: absolute; top: 0; right: 0; color: red; text-shadow: 0 0 5px #fff; }

.share_icons { display: block !important; margin-bottom: 3rem; text-align: center; border: 1px #3f250f solid; border-radius: 5px; padding: 0.5rem 1rem; }
.share_icons a { display: inline-block !important; }

@keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.lds-double-ring {
    position: relative;
}
.lds-double-ring div {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    border: 8px solid #000;
    border-color: #813d25 transparent #813d25 transparent;
    -webkit-animation: lds-double-ring 1s linear infinite;
    animation: lds-double-ring 1s linear infinite;
}
.lds-double-ring div:nth-child(2) {
    width: 140px;
    height: 140px;
    top: 30px;
    left: 30px;
    border-color: transparent #ab6841 transparent #ab6841;
    -webkit-animation: lds-double-ring_reverse 1s linear infinite;
    animation: lds-double-ring_reverse 1s linear infinite;
}
.lds-double-ring {
    width: 100px !important;
    height: 100px !important;
    -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
    transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}


@media print {

    .no_print { display: none; }
    h1 { font-size: 2rem !important; }
    h2, h3 { font-size: 1.25rem !important; }

}