@media print {
html, body {
    height:100%;
    margin:-100px 0px 0px 0px;
    padding:0;
    color:#000000;
    background-color:#ffffff;
    border:none;
}
}
  body, div, .cards, .ingredients, .directions {
    margin: 0;
    color: #000;
    background-color:#FFFFFF;
    font-size: 12pt;
    font-family: 'roboto' , sans sarif;
    border:none;
  }
.topnav {
    display:none;
}
.recipe_images {
    display:none;
    border:none;
}
.subheader {
    display:none;
}
.subheader .topnav {
    display:none;
}
.subheader div.topnav #myTopnav{
    display:none;
}

.nobr	{ white-space:nowrap; }

.no_print {
    display:none;
}
        .ingredients {
            border:none;
}
        .directions {
            border:none;
}
        .subheader {
            display:none;
}


#header h1, #header nav, footer, img {
display: none;
}

#header {
display: none;
}
.cards{
    display:flex;
    flex-direction: column;
    flex-flow:column;
    border:none;
    background-color: #ffffff;
    color:#000000;
    overflow: visible;
 
}

.cards > div {
    margin-top:20px;
    display:flex;
    flex-direction: column;
    width:auto;
    height:auto;
    font:9pt roboto normal;
    background-color: #ffffff;
    border:none;
    box-shadow: none;
    overflow: visible;

}

.ingredients {
    border:none;
    background-color: #ffffff;
    width:auto;
    height:auto;
    font-size:9pt;
    margin:0;
    display:flex;
    flex-direction: column;
    box-shadow: none;
    overflow:visible;
}


.ingredients h1{
    font-size:10pt;
    color:#000000;
}
.directions {
    background-color: #ffffff;
    border:none;
    width:auto;
    height:auto;
    font-size:9pt;
    display:flex;
    flex-direction: column; 
    box-shadow: none;
    overflow:visible;
}
/*
::marker {
  content: url(https://www.twoferrets.com/recipe/images/check_circle.png);
}
    

.directions .nomarker li::marker {
  content: none;
}

.directions li::marker {
  content: url(https://www.twoferrets.com/recipe/images/check_circle.png);
}

*/
.ingredients .nomarker li::marker {
  content: none;
}

.directions h1{
    font-size:10pt;
    color:#000000;

}



.topnav {
    display:none;
}
.subheader {
    display:none;
}

img {
border: 0;
display:none;
}

@media print {
 .break {
        page-break-before:always;
     margin-top:-20px;
}
}