@import url("../css/_more-recipes-section.css");
@import url("../css/_newsletter-signup.css");
@import url("../css/_gustotv-recipes-section.css");

.single-recipes_post .recipe-default-section .button, .single-recipes_post .recipe-default-section button {padding: 16px 20px 19px;}
.recipe-default-section {padding:79px 0 76px 0; clear: both; width: 100%;}
.recipe-default-section h1 {margin-bottom: 23px;}
.recipe-top-main .recipe-top {margin: 0 0 40px 0; float: left; width: 100%;}
.recipe-top-main .recipe-top .recipe-top-lt {width: 65%; float: left;}
.recipe-top-main .recipe-top .recipe-top-lt p {font-size: 1.5rem; line-height: 1.33; margin-bottom: 24px;}
.recipe-info {clear: none; float:left; width: 65%;}
.recipes-main {padding:60px 0 77px;}
.recipes-heading {margin-bottom: 56px;}
.recipes-heading h2 {font-size: 2rem; margin-bottom: 0;}
.recipe-top-main {padding: 0 0 79px 0;}
.recipe-img {height: 720px; clear: both; width: 100%;}
.recipe-img img {border-radius: 16px;}

.recipe-vid-wrap {margin: 0 0 48px 0;}
.recipe-vid-wrap .recipe-social {padding-top: 0!important; margin-top: 0!important;}
.recipe-vid-wrap .recipe-social:before {display: none;}
.recipe-social {justify-content: space-between; align-items: center; position: relative; padding: 24px 0; z-index: 1; margin-top: 50px;}
.recipe-social:after, .recipe-social:before {content: ""; display: block; background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: 0 0; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; width: 100%; position: absolute; bottom: 0;}
.recipe-social:before {top: 0; bottom: inherit;}
.recipe-social .recipe-social-lt {width: 40%;}
.recipe-social .recipe-social-lt .share-icons {justify-content: flex-start;}
.recipe-social .recipe-social-rt {width:calc(100% - 40%);}
.recipe-social .recipe-social-rt .social-btns {display: flex; flex-wrap: wrap; justify-content: flex-end;}

.recipe-social .button {padding: 16px 20px 19px; margin: 8px 0 8px 16px; letter-spacing: -0.07px;}
.recipe-social .button:first-child {margin-left: 0;}
.recipe-social .button.buy-btn:after {content: "\f07a"}
.recipe-social .button.print-btn:after {content: "\f02f"}
.recipe-social .button.outline-btn {padding: 14px 18px 17px;}


.recipe-main {justify-content: space-between;}
.recipe-lt {width: 67.1875%;}
.recipe-lt > h2:first-of-type {margin-top: 0; padding-top: 0;}
.recipe-lt > h2:first-of-type:before {display: none;}
.recipe-lt h2 {margin-bottom: 48px; position: relative; padding-top: 64px; margin-top: 62px;}
.recipe-lt h2:before {content: ""; display: block; background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: 0 0; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; width: 100%; position: absolute; top: 0;}
.recipe-lt hr {margin: 62px 0 64px 0;}
.recipe-lt .video-wrap {margin:0 0 40px 0;}
.recipe-lt .video-caption {max-width: 390px;}
.recipe-lt > h4 {color: var(--darkgreen); margin-bottom: 16px; padding: 20px 0 0 0;}
.recipe-lt h2 + h4 {padding: 0;}
.recipe-lt ul {margin:17px 0 27px 30px;}
.recipe-lt .final-thumb, .recipe-lt p > img  {max-height: 484px; margin:47px 0 61px 0; clear: both; width: 100%;}
.recipe-lt .final-thumb img, .recipe-lt p > img {border-radius: 16px;}


.recipe-top-rt {font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.7px; font-weight: bold; width: 300px; margin-top: -2px; float:right;}
.ratingTable{display: table; width: 100%; position: relative; padding: 0 0 3px;}
.ratingTable:after {content: ""; display: block; background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: 0 0; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; width: 100%; position: absolute; bottom: 0;}
.rating-row {display: flex; flex-wrap: wrap; align-items: center; width: 100%; position: relative;}
.rating-row:before {content: ""; display: block; background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: 0 0; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; width: 100%; position: absolute; top: 0;}
.rating-row:first-child:before {opacity: 0}

.rating-cell {padding:16px 8px 11.5px; flex: 1;}
.rating-cell:nth-child(2) {text-align: right; color: var(--heading); display: flex; align-items: center; justify-content: flex-end;}
.rating-cell:nth-child(2n+1) {width:110px; flex: 0 0 110px; word-break:break-word;}
.rating-body {display: table-row-group;}
.rating-row:nth-child(3) .rating-cell:nth-child(2n+1){width: 98px; flex: 0 0 98px;}

.rate-recipe .heading {padding: 0 0 21px;}
.rate-recipe-form h4 {margin-bottom: 0;}
.rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper {display: table; width: 100%;}
.rate-recipe-form .frm_forms .frm_form_fields .frm_form_field#frm_field_59_container label.frm_primary_label{ position: static; font-family: "DM Serif Display", sans-serif; font-size: 1.5rem; line-height: 1.17; color: var(--heading); font-weight: normal; }
.rate-recipe-form .frm_forms .frm_form_fields .frm_form_field#frm_field_59_container label.frm_primary_label span{display: none;}
.rate-recipe-form  .frm_forms .frm_submit .button, body .frm_forms .frm_submit button{min-height: 52px;}
.rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_form_field {width: 77.11%; padding-right: 18px; display: table-cell; vertical-align: top;}
.rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_submit {width: calc(100% - 77.11%); text-align: right; min-width: 184px;  display: table-cell; vertical-align: top;}
.rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_submit button {letter-spacing: -0.1px; padding: 15px 12px 16px 12px;}
.rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_submit button::after {content: "\f1d8";}

.more-recipes-main { padding: 15px 0 58px; }
.more-recipes-main::before {display: none;}
.rating {font-size: 0;}
.star {width: 48px; height: 49px; fill: var(--white); transition: fill 0.2s; cursor: pointer; opacity: 0.25; stroke:#28282C; margin: 0 0 0 8px;}
.star:first-child {margin-left: 0;}
.star:hover, .star.selected {fill: var(--green); opacity: 1; stroke:var(--optionaltxt);}


.frm-star-group {font-size: 0;}
.frm-star-group .frmsvg, .frm-star-group input + label.star-rating {width: 48px; height: 49px;}
.frm-star-group input + label.star-rating .frmsvg {position: static;}
.frm-star-group .frmsvg, .frm-star-group .frmsvg svg {fill: var(--white); stroke: #28282C; opacity: 0.25;}
.frm-star-group .star-rating-on .frmsvg, .frm-star-group .star-rating.star-rating-hover .frmsvg, 
.frm-star-group .star-rating-on .frmsvg svg, .frm-star-group .star-rating.star-rating-hover .frmsvg svg {fill: var(--green); stroke: var(--optionaltxt); opacity: 1;}
.frm-star-group input + label.star-rating {margin: 0 0 0 10px;}
.rating-cell .rating {display: inline-block; vertical-align: middle; margin-left:5px;}
.rating-cell .rating svg path {opacity: 0.25; fill: var(--white); transition: fill 0.2s; stroke:#28282C;}
.rating-cell .glsr-star {margin-left: 4px;}
.rating-star svg {width: 20.5px; height: 20.5px; margin: -2px 0 0 3px;}
.difficulty svg {width: 20px; height: 20px; margin: -6px 0 0 3px;}
.people svg {width: 20px; height: 20px; margin: 2px 0;}
.rating-cell .people {margin-left: 9px; max-width: 104px;}

/* Fill Color */
.rate-1 svg:first-child path, 
.rate-2 svg:first-child path, .rate-2 svg:nth-child(2) path,
.rate-3 svg:first-child path, .rate-3 svg:nth-child(2) path, .rate-3 svg:nth-child(3) path, 
.rate-4 svg:first-child path, .rate-4 svg:nth-child(2) path, .rate-4 svg:nth-child(3) path, .rate-4 svg:nth-child(4) path,
.rate-5 svg:first-child path, .rate-5 svg:nth-child(2) path, .rate-5 svg:nth-child(3) path, .rate-5 svg:nth-child(4) path, .rate-5 svg:nth-child(5) path,  
.rate-6 svg:first-child path, .rate-6 svg:nth-child(2) path, .rate-6 svg:nth-child(3) path, .rate-6 svg:nth-child(4) path, .rate-6 svg:nth-child(5) path, .rate-6 svg:nth-child(6) path, 
.rate-7 svg:first-child path, .rate-7 svg:nth-child(2) path, .rate-7 svg:nth-child(3) path, .rate-7 svg:nth-child(4) path, .rate-7 svg:nth-child(5) path, .rate-7 svg:nth-child(6) path, .rate-7 svg:nth-child(7) path,  
.rate-8 svg:first-child path, .rate-8 svg:nth-child(2) path, .rate-8 svg:nth-child(3) path, .rate-8 svg:nth-child(4) path, .rate-8 svg:nth-child(5) path, .rate-8 svg:nth-child(6) path, .rate-8 svg:nth-child(7) path, .rate-8 svg:nth-child(8) path,  
.rate-9 svg:first-child path, .rate-9 svg:nth-child(2) path, .rate-9 svg:nth-child(3) path, .rate-9 svg:nth-child(4) path, .rate-9 svg:nth-child(5) path, .rate-9 svg:nth-child(6) path, .rate-9 svg:nth-child(7) path, .rate-9 svg:nth-child(8) path, .rate-9 svg:nth-child(9) path,   
.rate-10 svg:first-child path, .rate-10 svg:nth-child(2) path, .rate-10 svg:nth-child(3) path, .rate-10 svg:nth-child(4) path, .rate-10 svg:nth-child(5) path, .rate-10 svg:nth-child(5) path, .rate-10 svg:nth-child(6) path, .rate-10 svg:nth-child(7) path, .rate-10 svg:nth-child(8) path, .rate-10 svg:nth-child(9) path, .rate-10 svg:nth-child(10) path  
 {fill: var(--limegreen); opacity: 1; stroke:var(--optionaltxt);}

/* Sidebar */
.recipe-sidebar {width: 300px;}

.side-bucket .show-aside-img {position: relative; border-bottom: 3px solid var(--darkgreen); z-index: 1; margin: 0 0 23px 0; text-align: center;}
.side-bucket .show-host-bg { position: absolute; left: 0;  bottom: 0;  z-index: -1; right: 0; margin: auto;}  
.side-bucket .show-host-list {margin: 48px 0 0 0; overflow: hidden;}
.side-bucket .show-host-list:first-of-type {margin-top: 0;}
.side-bucket .show-host-list h4 {margin-bottom: 17px;}
.side-bucket .show-host-list p {font-size: 1rem; color: var(--foreground); margin-bottom: 17px;}
/*.side-bucket .show-host-thumb{margin-bottom: -2px;}*/

.single-recipes_post .recipe-default-section .side-bucket .button, .single-recipes_post .recipe-default-section .side-bucket button {padding: 13px 20px 16px; width: 100%;}
.single-recipes_post .recipe-default-section .side-bucket .frm_submit::before {display: none;}
.side-bucket {clear: both; width: 100%; padding:42px 0 38px 0;	position: relative;}
.side-bucket:before {content: ""; display: block; background-image: radial-gradient(circle at 1px, var(--green) 1.25px, rgba(255,255,255,0) 1px); background-position: 0 0; background-size: 8px 2px; background-repeat: repeat-x; height: 2px; width: 100%; position: absolute; top: 0; opacity: 0.5;}
.side-bucket:first-child:before {display: none;}
.side-bucket:first-child {padding-top: 0;}
.side-bucket:last-child {padding-bottom: 0;}

.sidebar-newsletter {clear: both; width: 100%; background: var(--input); border-radius: 8px; padding:22px 24px 24px; margin-bottom: 38px;}
.sidebar-newsletter .optional-text {margin: 0 0 6px 0;}
.sidebar-newsletter h4 {margin-bottom: 20px;}
.sidebar-newsletter .frm_forms .frm_form_fields input, 
.sidebar-newsletter .frm_forms .frm_form_fields textarea, 
.sidebar-newsletter .frm_forms .frm_form_fields select, 
.sidebar-newsletter .frm_forms .frm_form_fields .selectBox-dropdown {background: var(--white)!important;}
.sidebar-newsletter .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 20px; width: 100%;}
.sidebar-newsletter .frm_form_field.frm_html_container.form-field.form-note{display: none!important;}
.sidebar-newsletter .frm_fields_container .frm_wrapper .frm_submit.frm_flex button{padding: 13px 20px 16px; width: 100%;}
.sidebar-newsletter .frm_fields_container .frm_wrapper .frm_submit.frm_flex{width: 100%;}

body .sidebar-newsletter.frm_forms .frm_form_fields input:focus, body .sidebar-newsletter .frm_forms .frm_form_fields textarea:focus {background: var(--white)!important;} 
body.single-recipes_post .sidebar-newsletter .frm_forms .frm_form_fields input, body.single-recipes_post .sidebar-newsletter .frm_forms .frm_form_fields textarea{ background-color: var(--white) !important; }
.sidebar-newsletter button::after {content: "\f1d8";}
.sidebar-ads {margin:40px auto 0 auto;}
.sidebar-ads:first-child {margin-top: 0;}
.ad-small {width:300px; height: auto;}
.ad-big {width:300px; height:auto;}

.rating-cell .glsr.glsr-default.glsr-ltr{display: inline-block; vertical-align: middle}
.glsr-summary .glsr-summary-rating span{font-size: 0.875rem;}
/*.glsr-summary .glsr-summary-stars{ display: none;}*/
.glsr-summary .glsr-summary-text{display: none;}
.glsr-summary .glsr-summary-percentages{display: none;}

.rate-recipe-form .frm_form_field.form-field.frm_top_container {display: flex; position: relative; width: 100%; align-items: center; flex-wrap: wrap;}
/* .rate-recipe-form .frm_form_field.form-field.frm_top_container .frm_error {right: 0!important;  bottom: -19px!important; top: inherit!important;} */
.rate-recipe-form .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {right:0!important; bottom: -19px!important; top: inherit!important}
.rate-recipe-form label.frm_primary_label {width: 50%; position: static; color: var(--heading); font-size: 1.5rem; line-height: 1.17;}
.rate-recipe-form .frm_form_field.form-field.frm_top_container .frm_opt_container{width: 50%;  display: flex; }
.rate-recipe-form .frm_forms .frm_message {margin-bottom: 0;}

.email_cont{display: table; width: 100%;}
.email_cont .frm_form_field.form-field.frm_top_container {width: 77.11%; padding-right: 18px; display: table-cell; vertical-align: top;}
.email_cont .frm_form_field.form-field.frm_top_container label span.frm_required{display: none;}
.email_cont .frm_submit.frm_flex .button::after{content: "\f1d8";}
.email_cont .frm_submit.frm_flex{width: calc(100% - 77.11%); text-align: right; min-width: 185px; display: table-cell; vertical-align: top;}
.email_cont .frm_form_field.form-field.frm_top_container label span {color: #877a89;}

/*-- media css starts here --*/
@media only screen and (min-width: 1280px){
    .rate-recipe-form .frm_form_field.form-field.frm_top_container .frm_opt_container{width: 50%; margin-left: auto; display: flex; justify-content: flex-end;}


}


@media only screen and (max-width: 1280px) and (min-width:720px) {  
    .recipe-social .recipe-social-lt {width: 100%;}
    .recipe-social .recipe-social-rt {width: 100%; margin: 23px 0 0 0;}
    .recipe-social .recipe-social-rt .social-btns {justify-content: flex-start;}
    
    .rate-recipe-form .frm_forms .frm_form_fields .frm_form_field#frm_field_59_container label.frm_primary_label {width: 100%; margin: 0 0 10px 0;}
    .frm-star-group input + label.star-rating{margin: 0 10px 0 0;}
    .rate-recipe-form .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {right: inherit !important; left: 0 !important; text-align: left !important;}
}

@media only screen and (max-width: 1160px) and (min-width: 1024px) {    
    .recipe-lt {width: 62.188%;}
    .recipe-default-section {padding: 65px 0 76px 0;}
    .recipe-default-section h1 {font-size: 2.5rem; margin-bottom: 24px;}
    .recipe-top-main {padding: 0 0 64px 0;}
    .recipe-top-main .recipe-top {margin: 0 0 39px 0;}
    .recipe-top-main .recipe-top .recipe-top-lt {width: 62%;}
    .recipe-top-main .recipe-top .recipe-top-lt p {font-size: 1.25rem; line-height: 1.4;}
    .recipe-top-rt {margin-top: -3px;}
    .recipe-img {height: 531px;}
    
    .rating-cell {padding: 22px 8px 17.5px;}
    .rate-recipe-form .frm_form_field.form-field.frm_top_container .frm_opt_container{width: 100%; margin-left: inherit; display: flex; justify-content: flex-start;}

    
}


@media only screen and (max-width: 1023px) and (min-width: 720px) {     
    .recipe-top-main .recipe-top {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; margin: 0 0 64px 0;}
    .recipe-top-main .recipe-top .recipe-top-lt {width: 100%;}

    .recipe-top-rt {float: none; order: 3; width: 47%; margin: 14px 0 0;}
    .recipe-info {float: none; order: 2; width: 47%; margin: 14px 0 0;}    
    
    .recipe-default-section {padding: 44px 0 20px 0;}
    .recipe-default-section h1 {font-size: 2.5rem;}
    .recipe-img {height: 373px;}
    .recipe-lt .final-thumb, .recipe-lt p > img {height: 373px;}
    .video-wrap .video-thumbnail > img {min-height: 373px;}
    
    .recipe-sidebar {padding: 70px 0 0 0;}
    .rating-cell {padding: 16px 8px 10.5px;}
}


@media only screen and (max-width: 1023px) and (min-width: 200px) {    
    .recipe-lt {width: 100%;}
    .recipe-sidebar {width:100%; margin: 0 auto;}
}

@media only screen and (max-width: 719px) and (min-width: 200px) {  
    .email_cont {display: block;}
    .email_cont .frm_form_field.form-field.frm_top_container {margin-bottom: 17px;}
    .rate-recipe {text-align: center;}
    .rate-recipe-form .frm_form_field.form-field.frm_top_container {width: 100%; display: block; padding: 0; margin-bottom: 22px;}
    .rate-recipe-form .frm_form_field.form-field.frm_top_container .frm_opt_container {justify-content: center; width: 100%;}
    .rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper {display: block;}
    .rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_form_field {width: 100%; padding: 0; display: block;}
    .rate-recipe-form .frm_forms .frm_form_fields .frm-wrapper .frm_submit {width: 100%; text-align: center;  display: block; margin: 17px 0 0 0;}
    .rate-recipe-form .frm_forms .frm_submit .button, .rate-recipe-form .frm_forms .frm_submit utton{min-height: inherit;}
    
    
    .recipe-top-main {padding: 0 0 59px 0;}
    .recipe-top-main .recipe-top {display: flex; width: 100%; flex-wrap: wrap; margin: 0 0 64px 0;}
    .recipe-top-main .recipe-top.no_para .recipe-top-lt {margin-bottom: -50px;}
    .recipe-top-main .recipe-top .recipe-top-lt {width: 100%;}
    .recipe-top-rt {float: none; order: 3; width: 100%; margin:25px 0 0;}
    .recipe-info {float: none; order: 2; width: 100%; margin: 7px 0 0;}   
    .recipe-info ul li::after {display: none;}
    .recipe-info ul li:nth-child(2n):after {content: ""; display: inline-block; position: absolute; right: -26px; top: inherit; height: 100%; background-image: radial-gradient(circle at 1px, var(--green) 1px, rgba(255,255,255,0) 1.25px); width: 2px; background-size: 2px 7.2px; background-color: transparent; border-radius: inherit; bottom: -4px; min-height: 30px; left: inherit;}
    .recipe-info ul li:last-child:after {display: none;}
    
    .recipe-default-section {padding: 39px 0 10px 0;}
    .recipe-default-section h1 {font-size: 2rem; line-height: 1.25; margin-bottom: 32px;}
    .recipe-top-main .recipe-top .recipe-top-lt p {line-height: 1.44; font-size: 1.125rem;}

    
    .recipe-social .recipe-social-lt {width: 100%; margin: 8px 0 23px 0;}
    .recipe-social .recipe-social-rt {width: 100%;}
    .recipe-social .button {width:100%; margin-left: 0;}
    
    
    .rating-cell {padding: 13px 8px 7.5px;}
    .rating-cell .rating {margin-left: 5px;}
    .ratingTable {padding: 0 0 2px;}
    .rating-star svg {margin: -6px 0 0 2.8px;}
    .difficulty svg {margin: -6px 0 0 3.4px;}
    .recipe-img {height: 197px;}
    
    
    .recipe-social .recipe-social-lt .share-icons {justify-content: center;}
    .sharethis-inline-share-buttons .st-btn {margin: 0 0 0 9px !important;}
    .share-text {margin-right: 15px;}
    
    .recipe-lt h2 {font-size: 2.5rem; line-height: 1.2; margin-top: 38px; padding-top: 42px;}
    .recipe-vid-wrap {margin: 0 0 40px 0;}
    .recipe-lt ul {margin: 16px 0 28px 30px;}
    .recipe-lt hr {margin: 38px 0 40px 0;}
    .recipe-lt .video-caption {max-width: 100%;}
    .recipe-lt .final-thumb, .recipe-lt p > img {height: 197px; margin: 47px 0 37px 0;}
    .recipe-lt .recipe-social {padding: 33px 0 23px; margin-top: 47px;}
    
    .rate-recipe-form.default_form {margin: 40px 0; padding:32px 32px 32px;}
    .rate-recipe-form .frm_forms .frm_form_fields .frm_form_field#frm_field_59_container label.frm_primary_label {margin-bottom: 9px; text-align: center;}
    .rate-recipe-form .frm_form_field.form-field.frm_top_container label span {display: inline-block;}
    .rate-recipe-form .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {font-size: 11px!important; bottom: -17px!important; display: flex; justify-content: center;}
    .frm-star-group input + label.star-rating { margin: 0 0 0 8px; }
    
    .more-recipes-main {padding: 10px 0 40px;}
    .more-recipes-heading {margin-bottom: 38px;}
    .more-recipes-list {margin-bottom: 38px}
    .more-recipes-list:last-child {margin-bottom: 31px;}
    /* .newsletter-img img {min-width: 416px;} */
    .recipes-main {padding: 35px 0 37px;}
    .recipes-heading {margin: 0;}
}

@media only screen and (max-width: 389px) and (min-width: 200px) {
    .recipe-info ul li {margin: 0 35px 11px 0;}
    .recipe-info ul li:nth-child(2n)::after {right: -18px;}
    .star {margin: 0 0 0 7px;}
    .frm-star-group input + label.star-rating { margin: 0 0 0 6px; }
}